/***************************************
****************************************
    GENERAL STYLES
    ------------------------------------
    PLEASE ADD NEW STYLE RULES TO THE
    APPROPRIATE SECTION ONLY. DO NOT
    REMOVE SECTION HEADERS EVEN IF THEY

    ARE NOT IN USE.


    Reminder: If you're setting a width
    and a padding/margin you're looking
    for trouble with ie6
    http://css.maxdesign.com.au/listamatic/about-boxmodel.htm


****************************************
***************************************/

/***************************************
    TEMPLATE VIEW
    ------------------------------------
    Styles to make the template easy to
    view - please remove.
***************************************/
div
{
    /*border: 1px dotted gray;*/
}


/***************************************
    MEDIA STYLES
    -----------------------------------
    Add any styles here that only
    need to appear on a certain device.
***************************************/
/*If a title has an image instead of text then this
 will display the text rather than the image*/
@media handheld
{    
    .hidetext
    {
        text-indent:0px;
        background: none;
    }   
}

@media print 
{
    /*more styles in tripoli/print.css*/
    div#lhs,
    div#rhs,
    div#globalnav
    {
        display:none;
    }
}


/***************************************
    USEFUL ONE LINERS
    -----------------------------------
    Any useful simple one liners here.
***************************************/
.bold{font-weight:bold;}
.italic{font-style:italic;}
.floatright{float:right;}
.floatleft{float:left;}
.clear{clear:both;}
.clearleft{clear:left;}
.clearright{clear:right;}
.cleanedges{border:none;margin:0;padding:0;}
.marginbottom{margin-bottom:40px;}
.nomargin{margin:0;}
.hide{display:none;}
.hidetext{text-indent:-9000px;overflow:hidden;}
.center{text-align:center;}
.alignright{text-align:right;}
.alignleft{text-align:left;}
.small{font-size:80%;}
.terms{color:#999;font-size:70%;line-height:normal;}
.black{color:#000;}
.red,.required{color:#f00;}
.blue{color:#008daf;}
.grey{color:#999;}
.aligncenter{text-align:center;}

.clearfix:after
{
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}


/***************************************
    GLOBAL STYLES
    ------------------------------------
    Style rules with a global effect.
***************************************/
body
{
    font-family: Arial, Helvetica, Sans-Serif;
    color: #292929;
    /*background-color: #296a8a;*/
    background-color: #fff;
}

a#ctl00_homeshowheadbanner { left:128px;
position:absolute;
top:0px;
z-index:3;}

/* Correct order of pseudo-classes */
a{color:#008daf;text-decoration:none;}
a:link{color:#008daf;}
a:visited{color:#008daf;}
a:hover{color:#008daf;text-decoration:underline;}
a:active{color:#008daf;}

#container
{
    background-color: #fff;
    margin: 0 auto;
    text-align: left;
    width: 932px;
    position: relative;
    padding: 6px 0;
}

.gardenitem 
{
    border: 1px solid #ccc;
    border-radius: 5px;
    float: left;
    height: 247px;
    margin: 4px;
    padding: 13px;
    width: 213px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

.gardenitem h3
{
    font-size: 12px;
}

address
{
    margin-left: 20px;
}

h1
{
    color: #000;
    font-weight: normal;
    text-transform: none;
}
   
h2
{
    font-size: 30px;
    padding: 0;
}

h2 a.h2icon
{
    display: block;
    float: right;
    padding: 0;
}

h3
{
    font-size: 18px;
    font-weight: normal; 
    margin: 12px 0;
}

h3 sup
{
    color: #292929;
}

h4
{
    color: #008daf;
    text-align: left;
    text-transform: none;
}

h5
{
    color: #2a79a0;
    font-weight: normal;
}

li
{
    list-style: none;
}

em
{
    font-style: italic;
}

div.indent
{
    border-left: solid 1px #999;
    padding-left:10px;
}


/* forces a div with floating image inside
 it to pull down to the end of the image */
hr.clear
{
    clear: left;
    display: block;
    padding: 0;
    padding-top:0px;
    visibility: hidden;
    width:1px;
}

sup
{
    color: #999;
    font-size: 70%;
}


/***************************************
    HEADER STYLES: #header
    ------------------------------------
    Style rules for the header
    area only.
***************************************/
#header
{
    background: url(../Images/header_bg.jpg) no-repeat;
    background-color: #2a79a0;
    height: auto !important;
    height: 213px;
    margin: 0 6px;
    min-height: 213px;
    position: relative;
}

#lowerheaderimg
{
    background: transparent url(../Images/phoc.png) no-repeat;
    height: auto !important;
    height: 115px;
    margin-left: 260px;
    margin-top: -25px;
    min-height: 115px;
    position: relative;
    width: 317px;
}

#lowerheaderimg h1
{
    display: none;
}


/***************************************
    GLOBAL NAVIGATION STYLES: #globalnav
    ------------------------------------
    Style rules for the *global*
    navigation.
***************************************/
#globalnav
{
    color: #fff;
    font-size: 13px;
    padding: 28px 60px 0 250px;
}

#globalnav ul 
{
    display: inline;
    float: left;
}

#globalnav ul li
{
    border-left: 1px solid #fff;
    display: inline;
    margin-right: 10px;
    padding-left: 12px;
}

#globalnav ul li.first
{
    border-left: none;
    padding-left: 0;
}

#globalnav a
{
    color: #fff;
    text-decoration: none;
}

#globalnav a:hover
{
    color: #a6c6db;
}

#globalnav span.contact
{
    float: right;
    text-align: right;
    width: 106px;
}


/***************************************
    LHS AREA STYLES: #lhs
    ------------------------------------
    Style rules for the LHS column.
***************************************/
#lhs
{
    float: left;
    margin-top: 22px;
    width: 216px;
}

#lhs,
#lhs a
{
    color: #fff;
}

#lhs a:hover
{
    text-decoration: none;
}

#lhs #localnav
{
    background: #008fb1 url(../Images/localnav_bg.jpg) no-repeat bottom;
    font-size: 18px;
    margin-bottom: 16px;
}

#lhs #localnav div {
    background: transparent url(../Images/localnav_header.jpg) no-repeat;
    margin-bottom: 20px;
    overflow: hidden;
    text-indent: -9000px;
    width: 216px; height: 146px;
}

#lhs #localnav ul
{
    margin-top: -20px;
    padding: 0 0 9px 18px;
}

#lhs #localnav li
{
    margin-top: 20px;
}

#lhs #community
{
    margin-top: -8px;
    margin-bottom: 24px;
}

#lhs #community li
{
    color: #369;
    height: auto !important;
    height: 35px;
    margin-top: 8px;
}

#lhs #community li.last
{
    margin: 0;
}

#lhs #community li a
{
    background: transparent url(../Images/lhs_community.gif) no-repeat;
    display: block;
    height: 35px;
    position: relative;
}

#lhs #community li a span.title
{
    display: inline;
    float: left;
    font-size: 18px;
    margin: 4px 0 0 18px;
}

#lhs #community li a span.desc
{
    color: #2a79a0;
    display: inline;
    float: right;
    font-family: Verdana;
    font-size: 12px;
    font-weight: bold;
    margin: 9px 8px 0 0;
    text-align: right;
    width: 130px;
}

#lhs #poty
{
    background: #2a79a0 url(../Images/poty_bg.jpg) no-repeat bottom left;
    height: 340px;
    padding: 0;
}

#lhs #poty h2
{
    margin-left: 14px;
    padding-top: 145px;
}

#lhs #poty p
{
    margin-left: 14px;
    margin-top: 8px;
}

#lhs #poty a.button
{
    margin-left: 14px;
    margin-top: 8px;
}

#lhs #msgbox
{
    background-color: #2a79a0;
    width: 216px; height: 265px;
}


/***************************************
    MAIN AREA STYLES: #main
    ------------------------------------
    Style rules for the main page area
    (all content areas).
***************************************/
#main
{
    margin: 0 6px;
}

#main #wrap
{
    float: right;
    margin-top: -26px;
    margin-left: 13px;
    width: 691px;
}


/***************************************
    RHS AREA STYLES: #rhs
    ------------------------------------
    Style rules for the RHS column.
***************************************/
#rhs
{
    float: right;
    width: 146px;
}

#rhs li
{
    height: 136px;
    margin-bottom: 24px;
}

#rhs li a
{
    display: block;
}


/***************************************
    CONTENT STYLES: #content
    ------------------------------------
    Style rules for the primary
    content area only.
***************************************/
#content
{
    float: left;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 20px;
    width: 534px;
}

#content h2
{
    font-size: 28px;
    font-weight: normal;
    color: #2a79a0;
    line-height: 1.2em;
}

#content h3
{
}

#content h3 a
{
    color: #333;
    font-weight: normal;
}

#content h4
{
    font-size: 1em;
    margin: 0;
}

#content p
{
    margin: 15px auto;
}

#content .pager
{
    margin: 10px 0;
    text-align: center;
}

#content .pager span,
#content .pager a
{
    padding: 5px;
}

#content #pagecount
{
    margin: 10px 0;
}

#content a
{
    color: #008daf;
    text-decoration: none;
}

#content a.readmore
{
    float: right;
    margin-right: 20px;
    width: 96px;
}

#content hr
{
    background-color: #ccc;
    border: none;
    color: #ccc;
    height: 1px;
    margin: 15px auto;
    text-align: center;
    width: 80%;
}

#content .clear
{
    clear: both;
}

/*
left / right floating things
use for images etc
*/
#content .floatleft
{
    float: left;
    display: block;
}

#content .floatright
{
    float: right;
    display: block;
}

#content div.benefits a
{
    display: inline;
    float: left;
    margin: 5px;
    width: 168px; height: 126px;
}

#content div.benefits a img
{
    display: block;
    margin: 0 auto;
}

/*#content .ffilist
{
    background-color: #000;
    color: #fff;
    float: right;
    font-size: 12px;
    margin: 0;
    padding: 10px 0;
    width: 150px;
}

#content .ffilist li
{
    border-top: 1px solid green;
    border-bottom: 1px solid green;
    list-style: none;
    margin: 0;
}*/

#content .claims
{
    background: url(../Images/claims_survey.jpg) no-repeat;
    height: 740px;
    overflow: hidden;
    text-indent: -9000px;
    width: 499px;
}

#content .claims hr
{
    display: none;
}

#content .story h2
{
    font-size: 20px;
}

#content .story h2 .date
{
    bottom: 0.22em;
    font-size: 12px;
    position: relative;
}

#content .story hr
{
    border-color: #eee;
    color: #eee;
    width: 100%;
}

#content .newsletter
{
    background-color: #2a79a0;
    -moz-border-radius: 5px;
}

#content .newsletter h3
{
    font-size: 14px;
    font-weight: normal;
    padding: 3px;
}

#content .newsletter img
{
    float: left;
    margin-right: 5px;
    width: 32px; height: 32px;
}

#content .newsletter a
{
    color: #fff;
    display: block;
}

#content blockquote
{
    border: none;
    color: #008daf;
    font-style: italic;
    padding: 20px 10px;
}

#content blockquote span
{
    color: #999;
    quotes: none;
    font-size: 11px;
    font-style: normal;
    font-weight: bold;
    padding-left: 10px;
}

/* float left and right images with padding for */
#content img.left
{
    display: block;
    float: left;
    padding: 0 8px 8px 0;
}

#content img.right
{
    display: block;
    float: right;
    padding: 0 0 8px 8px;
}

/* image with caption */
#content a.caption
{
    text-align: center;
    display: block;
}

#content a.caption img
{
    border: none;
    outline: none;
}

#content a.caption span
{
    display: block;
}

/* Links */
#content .links
{
    margin: 0 0 20px;
    padding-left: 0;
}

#content .links li
{
    /*background: url(../Images/links.jpg) no-repeat 9000px 9000px;*/
    display: block;
    float: left;
    height: 100px;
    list-style-type: none;
    margin: 0 0 6px 0;
    width: 160px;
}

#content .links li a
{
    background-position: 9000px 9000px;
    display: block;
    height: 100%;
    overflow: hidden;
    position: relative;
    text-indent: -9000px;
    width: 100%;
}

#content .showtext li a {text-indent: 0;}

#content .links li a:hover{background:#fff}

#content .links li#seekers{background:url(../Images/links_seekers.jpg) no-repeat}
#content .links li#seekers a:hover{background:url(../Images/links_seekers_h.jpg) no-repeat}

#content .links li#crickmore{background:url(../Images/links_crickmore.jpg) no-repeat}
#content .links li#crickmore a:hover{background:url(../Images/links_crickmore_h.jpg) no-repeat}

#content .links li#parklife{background:url(../Images/links_parklife.jpg) no-repeat}
#content .links li#parklife a:hover{background:url(../Images/links_parklife_h.jpg) no-repeat}

#content .links li#ptcoatings{background:url(../Images/links_ptcoatings.jpg) no-repeat}
#content .links li#ptcoatings a:hover{background:url(../Images/links_ptcoatings_h.jpg) no-repeat}

#content .links li#wparkleisure{background:url(../Images/links_wparkleisure.jpg) no-repeat}
#content .links li#wparkleisure a:hover{background:url(../Images/links_wparkleisure_h.jpg) no-repeat}

#content .links li#britannia{background:url(../Images/links_britannia.jpg) no-repeat}
#content .links li#britannia a:hover{background:url(../Images/links_britannia_h.jpg) no-repeat}

#content .links li#starglade{background:url(../Images/links_starglade.jpg) no-repeat}
#content .links li#starglade a:hover{background:url(../Images/links_starglade_h.jpg) no-repeat}

#content .links li#vowles{background:url(../Images/links_vowles.jpg) no-repeat}
#content .links li#vowles a:hover{background:url(../Images/links_vowles_h.jpg) no-repeat}

#content .links li#xcountry{background:url(../Images/links_xcountry.jpg) no-repeat}
#content .links li#xcountry a:hover{background:url(../Images/links_xcountry_h.jpg) no-repeat}

#content .links li#wyldecrest{background:url(../Images/links_wyldecrest.jpg) no-repeat}
#content .links li#wyldecrest a:hover{background:url(../Images/links_wyldecrest_h.jpg) no-repeat}

#content .links li#kinvena{background:url(../Images/links_kinvena.jpg) no-repeat}
#content .links li#kinvena a:hover{background:url(../Images/links_kinvena_h.jpg) no-repeat}

#content .links li#resitex{background:url(../Images/links_resitex.jpg) no-repeat}
#content .links li#resitex a:hover{background:url(../Images/links_resitex_h.jpg) no-repeat}

#content .links li#coachco{background:url(../Images/links_coachco.jpg) no-repeat}
#content .links li#coachco a:hover{background:url(../Images/links_coachco_h.jpg) no-repeat}

#content .links li#bluechip{background:url(../Images/links_bluechip.jpg) no-repeat}
#content .links li#bluechip a:hover{background:url(../Images/links_bluechip_h.jpg) no-repeat}

#content .links li#prestige{background:url(../Images/links_prestige.jpg) no-repeat}
#content .links li#prestige a:hover{background:url(../Images/links_prestige_h.jpg) no-repeat}

#content .links li#phhc{background:url(../Images/links_phhc.jpg) no-repeat}
#content .links li#phhc a:hover{background:url(../Images/links_phhc_h.jpg) no-repeat}

#content .links li#simply{background:url(../Images/links_simply.jpg) no-repeat}
#content .links li#simply a:hover{background:url(../Images/links_simply_h.jpg) no-repeat}

#content .links li#phls{background:url(../Images/links_phls.jpg) no-repeat}
#content .links li#phls a:hover{background:url(../Images/links_phls_h.jpg) no-repeat}

#content .links li#naphr{background:url(../Images/links_naphr.jpg) no-repeat}
#content .links li#naphr a:hover{background:url(../Images/links_naphr_h.jpg) no-repeat}


/*#content .links li a:hover{background:url(../Images/links_hover.jpg) no-repeat;}

#content .links #naphr{margin-bottom:10px;}
#content .links #naphr,#content .links #naphr a{background-position:0px 27px;height:110px;}

#content .links #phhc,#content .links #phhc a{background-position:-235px 30px;}

#content .links #bluechip{margin-bottom:55px;}
#content .links #bluechip,#content .links #bluechip a{background-position:0px -90px;height:80px;max-height:80px;}

#content .links #phls{margin-bottom:65px;}
#content .links #phls,#content .links #phls a{background-position:-235px -96px;height:70px;}

#content .links #simply,#content .links #simply a{background-position:-5px -175px;}

#content .links #coaches{margin-bottom:55px;}
#content .links #coaches,#content .links #coaches a{background-position:-235px -165px;height:80px;}

#content .links #prestige,#content .links #prestige a{background-position:0px -305px;}

#content .links #seekers,#content .links #seekers a{background-position:-235px -250px;}*/

/* Contact Page */
#content ul.contact li
{
    list-style-type: none;
}

#content ul.contact span
{
    float: left;
    width: 145px;
}

#content ul.contact span.link
{
    float: right;
    text-align: right;
    width: 334px;
}

#content ul.promos
{
    /*height: 160px*/
}

#content ul.promos li
{
    display: inline;
    float: left;
    height: 79px;
    list-style: none;
    margin: 0 12px 16px;
    width: 206px;
}

/* cms fix */
#content .cms *[style],
#content .cms *[style] *[style],
#content .cms *[style] *[style] *[style],
#content .cms *[style] *[style] *[style] *[style]
{
    color: inherit !important;
    font-size: inherit !important;
}

/* Tables */
#content table
{
    margin: 0;
    width: 100%;
}

#content table caption
{
    caption-side: bottom;
    font: 0.8em italic;
}

#content table thead
{
}

#content table tbody
{
}

#content table th
{
    color: #008daf;
}

#content table td
{
}

#content table .odd
{
    background: #fff4e9;
}
    
/* Lists */

#content ul
{
    padding-left: 20px;
}

#content li
{
    list-style-position: inside;
    list-style-type: disc;
}

#content ol, #content ol li
{
    list-style-type: lower-alpha;
}

ol#numbers li
{
    list-style-type:decimal;
}


/***************************************
    FORMS STYLES: #content form
    ------------------------------------
    Style rules for form
    areas only.
***************************************/
#content form legend
{
    font-size: 18px;
    margin: 12px 0;
}

#content form fieldset
{
    border: 1px solid #ccc;
    padding: 10px;
}

#content form fieldset div
{
    margin: 12px 0;
}

#content form label
{
    display: block;
}

#content form li
{
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    margin: 4px 0;
}

#content form input.text,
#content form input.text,
#content form textarea.text
{
    border: 1px solid #ccc;
    color: #666;
    font: 13px Arial;
    padding: 2px;
}

#content form input.button
{
    margin: 10px 0 0 5px;
}


/*** OLD **/
/* For descriptions */
#content form fieldset p
{
    clear: both;
    font-size: 0.9em;
    font-weight:bold;
}

#content form ol
{
    list-style: none;
    list-style-type: none;
    list-style-position: inside;
    padding: 0;
    margin: 0;
}

#content form ol.formrows li
{
    list-style-type: none;
    clear: both;
    list-style: none;
    padding: 3px;
    list-style-position: inside;
}

#content form input.textbox
{
    width: 16em;
}

#content form input.button
{
    background-color: #d5af4c;
    border: 1px solid #fff;
    color: #035367;
    float: left;
    display: block;
    font-size: 0.9em;
    font-weight: bold;
}

#content form input.radiobox,
#content form input.checkbox
{
    display: block;
    float: left;
}

/* Display radio buttons etc in a row */
#content form div.inline *
{
    display: inline !important;
    float: none !important;
}

#content form textarea
{
    width: 80%;
}

/* To add variance to the forms by wrapping whatever elemnts in a div
   add a new one for 33% for 3 cols etc. */
#content form div.half
{
    float: left;
    width: 48%;
    margin: 0;
    padding: 0;
}

#content form div.floatright{float:right;}
#content form .marginleft{margin-left:5px;}
#content form .marginright{margin-right:5px;}

#content form .validation
{
    border: 1px solid #ccc;
    font-size: 1em;
    padding: 1em;
}

#content form .validation li
{
    margin: 0;
    padding: 0;
}

#list2form_Magazine .Address textarea
{
    width: 250px;
    height: 70px;
}

#list2form_Magazine
{
    margin-top:-20px;
    font-size:13px;
    clear:both;
}

.list2form div
{
    padding-top:2px;
}

#phn
{
    padding:0 10px 0 10px;
    float:left;
}

/***************************************
    FOOTER STYLES: #footer
    ------------------------------------
    Style rules for the footer
    area only.
***************************************/
#footer
{
    background: #2a79a0 url(../Images/footer_bg.jpg) no-repeat;
    clear: both;
    color: #fff;
    font-size: 12px;
    height: 98px;
    line-height: 1.2em;
    margin: 0 6px;
    padding: 0 5px 0 15px;
    position: relative;
    text-align: center;
}

#footer a
{
    color: #fff;
    text-decoration: none;
}

#footer .footerleft
{
    display: inline;
    float: left;
    text-align: left;
    margin-top: 30px;
    width: 655px;
}

#footer .footerleft p
{
    margin-bottom: 9px;
}

#footer .footerright
{
    display: inline;
    float: right;
    height: 15px;
    margin-top: 25px;
    text-align: right;
    width: 163px;
}

#footer .footerlogo
{
    bottom: 0;
    display: block;
    height: 52px;
    overflow: hidden;
    position: absolute;
    right: 0;
    text-indent: -9000px;
    width: 182px;
}

/* xhtml and css validation logos */
#footer #xhtml,
#footer #css
{
    background-image: url(../Images/xhtml_css_sprite.gif);
    background-repeat: no-repeat;
    display: block;
    float: right;
    height: 15px;
    margin-left: 3px;
    overflow: hidden;
    position: relative;
    text-indent: 9000px;
    width: 85px;
}

#footer #xhtml
{
    background-position: -7px 0px;
}

#footer #css
{
    background-position: -103px 0px;
    width: 72px;
}


/***************************************
    SINGLE PAGE STYLES: #page
    ------------------------------------
    Style rules for specific pages.
    Replace the id #container with a
    unique id to do this.
***************************************/
#poty
{
    background: #008fb1 url(../Images/poty_top.jpg) no-repeat;
    color: #fff;
    font-size: 11px;
    height: 135px;
    margin-bottom: 15px;
    position: relative;
    width: 534px;
}

#poty h2
{
    color: #fff;
    font-size: 16px;
    font-weight: normal;
    margin-bottom: 0;
    text-indent: -9000px;
}

#poty h3 a
{
    bottom: 10px;
    color: #fff;
    display: block;
    font-size: 23px;
    left: 10px;
    position: absolute;
}

#poty p
{
    float: right;
    line-height: 1.5em;
    margin: 23px 10px 0 0;
    width: 295px;
}

#poty a.button
{
    bottom: 10px;
    display: block;
    position: absolute;
    right: 9px;
    width: 95px;
}

#content .banner
{
    margin-bottom: 12px;
}

#content #storydesc .photo{float:right;width:200px;}
#content #storydesc .photo a{display:block;font-size:12px;text-align:center;}
#content #storydesc .photo a span{display:block;}

/*#forsale table th, #forsale table td{border:1px solid #666;padding:0 4px;width:20%;}
#forsale th{color:#333;text-align:center;}*/

#forsale td.photo{height:150px;}
#forsale td.price{font-weight:bold;text-align:right;}
#forsale td p.ref{color:#f00;margin:0;text-align:right;}

#forsale ul{font-size:11px;margin-left:-5px;padding:0;}
#forsale li{float:left;display:inline;list-style:none;margin:0 0 5px 5px;}
#forsale li table{border-collapse:collapse;width:247px;height: 300px;}
#forsale li table th, #forsale li table td{border:1px solid #999;padding: 0 4px;width:20%;}
#forsale li table td.photo, #forsale li table td.desc{height:160px;}
#forsale li table td ul{margin:0;}
#forsale li table td ul li{display:list-item;float:none;list-style:inside disc;margin:0;}

#content .details{padding-left:0;}
#content .details li{list-style:none;}
#content span.date{color:#ccc;font-size:60%;text-align:right;}

#sitemap ul{margin-bottom:0;}
#sitemap li{list-style-type:none;}

#searchcontrol .gsc-control{width:100%;}
#searchcontrol .gsc-search-box{width:300px;}

.gsc-branding{display:none;}

#content{position:relative;}
#special{position:absolute;top:-15px;right:-15px;}
#special a{display:block;}


/***************************************
    JAVASCRIPT STYLES
    ------------------------------------
    Style rules for specific javascript
    files.

***************************************/


/***************************************
    FUTURE CSS
    ------------------------------------
    For testing css2/css3 selectors
    that don't work with all browsers.
***************************************/
/* E.g. This style rule will place an north east arrow after any link on your site to an external site. */
/*a[href^="http://"]:not([href*="smashingmagazine.com"])::after {content: "\2197";content: "\2197";*/


/***************************************
    END
***************************************/