/*
-----------------------------------------------
Selfridges
Author:www.imaginet.co.uk
Version:05 July 2010
----------------------------------------------- */



/* Global Styles
----------------------------------------------- */

* {
    padding:0;
    margin:0;
}
a {
    text-decoration:underline;
    color:#000;
}
a:hover {
    color:#000;
    text-decoration:none;
}
a img {
    border:none;
}
p {
    margin:0 0 1em 0;
    line-height:16px;
}
ul {
    list-style-type:none;
}
table {
    font-size:1em;
}
.breaker {
    clear:both;
    width:100%;
    height:1px;
    font-size:0.1em;
    overflow:hidden;
}
.none {
    display:none;
}
.alert {
    color:#f00;
}
div#validator {
    padding:1em 0 1em 0;
    text-align:center;
}

#text_content ul, #content ul {
    list-style-type:none;
    margin:0 0 1em 0;
}
#text_content ul li, #content ul li {
    background-image:url("/graphics/bullet01.gif");
    background-repeat:no-repeat;
    background-position:9px 10px;
    padding:4px 10px 5px 30px;
    margin:0;
}


/* Page Structure
----------------------------------------------- */

html body {
    color:#000;
    text-align:center;
    font:62.5% Verdana, Arial, Helvetica, sans-serif;
    margin:0 0 2em 0;
}


#page {
    background-color:#fff;
    width:960px;
    margin:0 auto;
    text-align:left;
    font-size:1.1em;
}

#wrapper {

}

#midder {

    padding-bottom:30px;
}

#inner {

}

#page .col {
    padding:0 15px 0 15px;
}

#masthead {
    background-color:#fff;
    width:930px;
    margin:0 auto;
    padding:0;
    font-size:0.9em;
}

.wrap {
    width:100%;
    border-bottom:1px solid #000;
}

#topnav {
    width:930px;
    margin:0 auto;
    color:#fff;
    padding:0;
}

#botnav {
    background:#014e47 url("/graphics/navbg.gif") repeat-x 0 0;
    border-top:#6ca69e 1px solid;
    color:#fff;
    font-size:0.9em;
    text-align:center;
    padding:5px 0;
}



#main {
    margin:0 0 9px 0;

}

#main .left {
    float:right;
    width:220px;

}

#main .right {
    float:left;
    width:691px;
}


#pageend {
    background:url("/graphics/page_end.gif") no-repeat 0 0;
}

#maincont {
    margin:0 0 9px 0;
}

.contleft {
    float:left;
    width:233px;
}

.contright {
    float:right;
    width:719px;
}


#text_content, #content {
    margin:0px 0 0 0;
    padding:5px 0 0 0;
    font-size:1.1em;
}


/* Masthead
----------------------------------------------- */

#masthead .mastleft {
    float:left;
    width:300px;
    padding:16px 0 15px 1px;
    text-align:left;
}


#masthead .mastright {
    float:right;
    width:600px;
    font-size:0.85em;
    color:#d0d0d0;
    padding:4px 0 0 0;
    font-size:1.1em;
    text-align:right;
    font-family:Arial, Helvetica, sans-serif;
}

#masthead .mastright td {
    padding:0 2px;
}

#masthead .mastright td.basket {
    padding:6px 2px 0 2px;
}

#masthead .mastright td img {
    margin:0 4px 0 10px;
    display:inline;
}

#masthead .mastright input {
    border:1px solid #d0d0d0;
}

#masthead .mastright span.smaller {
    font-size:0.9em;
}

#masthead a {
    color:#8c8c8c;
    text-decoration:none;
    font-weight:bold;
}
#masthead a:hover {
    color:#000;
    text-decoration:underline;
}

#masthead a.hampicon {
    background:url("/graphics/basket_icon1.gif") no-repeat 0 0;
    padding:0 0 10px 0;
}

#masthead a.vat {
    color:#fff;
    font-weight:bold;
}

#masthead .intro {
    text-align:left;
}


/* Breadcrumb
----------------------------------------------- */

#breadcrumb {
    margin:6px 0 8px 1px;
    font-size:0.9em;
    color:#8c8c8c;
}

#breadcrumb a {
    color:#8c8c8c;
    text-decoration:none;
}

#breadcrumb a:hover {
    color:#000;
    text-decoration:underline;
}

/* TopNav
----------------------------------------------- */

#topnav .navleft {
    float:left;
    width:930px;
    font-size:1.1em;

}

#topnav .navleft ul {
    padding:0;
    border-top:1px solid #d0d0d0;
    border-bottom:1px solid #d0d0d0;
    height:28px;
}

#topnav .navleft ul li {
    float:left;
    padding:0;
    text-indent:-9999px;
    /* safari 4 mac fix do not delete*/
    height:28px;
    line-height:1.5em;
}

#topnav .navleft ul li a {
    padding:0;
    margin:6px 14px 6px 14px;
    background-image:url(/graphics/mainNavigation_sprite.png);
    color:#fff;
    text-decoration:none;
    background-repeat:0 0;
}

#topnav .navleft ul li.brands a {
    display:block;
    width:54px;
}
#topnav .navleft ul li.brands a:hover {
    background-position:0 16px;
}
#topnav .navleft ul li.women a {
    display:block;
    width:57px;
    background-position:-54px 0;
}
#topnav .navleft ul li.women a:hover {
    background-position:-54px 16px;
}
#topnav .navleft ul li.men a {
    display:block;
    width:34px;
    background-position:-110px 0;
}
#topnav .navleft ul li.men a:hover {
    background-position:-110px 16px;
}
#topnav .navleft ul li.beauty a {
    display:block;
    width:53px;
    background-position:-142px 0;
}
#topnav .navleft ul li.beauty a:hover {
    background-position:-142px 16px;
}
#topnav .navleft ul li.accessories a {
    display:block;
    width:93px;
    background-position:-194px 0;
}
#topnav .navleft ul li.accessories a:hover {
    background-position:-194px 16px;
}
#topnav .navleft ul li.kids a {
    display:block;
    width:36px;
    background-position:-285px 0;
}
#topnav .navleft ul li.kids a:hover {
    background-position:-285px 16px;
}
#topnav .navleft ul li.homeleisure a {
    display:block;
    width:107px;
    background-position:-317px 0;
}
#topnav .navleft ul li.homeleisure a:hover {
    background-position:-317px 16px;
}
#topnav .navleft ul li.food a {
    display:block;
    width:91px;
    background-position:-423px 0;
}
#topnav .navleft ul li.food a:hover {
    background-position:-423px 16px;
}
#topnav .navleft ul li.gifts a {
    display:block;
    width:40px;
    background-position:-513px 0;
}
#topnav .navleft ul li.gifts a:hover {
    background-position:-513px 16px;
}
#topnav .navleft ul li.style a {
    display:block;
    width:40px;
    background-position:-552px 0;
}
#topnav .navleft ul li.style a:hover {
    background-position:-552px 16px;
}
#topnav .navleft ul li.whatson a {
    display:block;
    width:76px;
    background-position:-591px 0;
}
#topnav .navleft ul li.whatson a:hover {
    background-position:-591px 16px;
}
#topnav .navleft ul li.everything a {
    display:block;
    width:95px;
    background-position:-775px 0;
}
#topnav .navleft ul li.everything a:hover {
    background-position:-775px 16px;
}
#topnav .navleft ul li.christmas a {
    display:block;
    width:78px;
    background-position:-870px 0;
}
#topnav .navleft ul li.christmas a:hover {
    background-position:-870px 16px;
}





#topnav .navleft ul li a:hover {
    color:#ffd100;
    text-decoration:none;
}


#topnav .navright {
    display:none;
}

#topnav .navright td {
    padding:0 3px;
}

#topnav .navright input.border1 {
    background: #FFF;
    border: 1px #ccc solid;
    padding:0;
}

#topnav td.form {
    display:none;
}

/* LeftNav
----------------------------------------------- */

#leftnav ul  {
    width:220px;
    font-size:1.1em;
    margin:0 0 10px 0;
    padding:0;
}

#leftnav h3 {
    text-transform:none;
    border-top:1px solid #d0d0d0;
    border-bottom:1px solid #d0d0d0;
    font-weight:normal;
    padding:5px 10px;
}

#leftnav ul li {
    margin:0;
    width:180px;
    font-weight:normal;
    padding:0 20px 10px 20px;
    text-transform:none;

}


#leftnav ul li a {
    text-decoration:none;
    width:200px;
    color:#555;
}

#leftnav ul li a:hover, #leftnav ul li a.active {
    padding:5px 0 6px 0;
    text-decoration:none;
    color:#000;
}

#leftnav ul ul {
    background:none;
    border-top:1px solid #d0d0d0;
    margin:5px 0 0 0;
}

#leftnav ul li li {
    margin:0;
    width:172px;
    font-weight:normal;
    padding:6px 0 6px 8px;
    border-bottom:none;
    border-top:none;
    text-transform:none;
}

#leftnav ul li li a {
    padding:6px 0 7px 0;
    text-decoration:none;
    font-weight:normal;
    font-size:0.9em;
}

#leftnav ul li li a.active {
    padding:3px 0 4px 0;
    text-decoration:none;
    font-weight:bold;
    font-size:0.9em;
}


#leftnav ul li li a:hover {
    text-decoration:none;
    color:#000;
}

#leftnav img {
    margin:0 0 5px 0;
}

#emailsignup {
    background:#fff url("/graphics/email_bg.gif") repeat-x 0 0;
    padding:5px;
}

#emailsignup td{
    padding:5px 0;
}

#emailsignup input.border1 {
    background: #FFF;
    border: 1px #ccc solid;
    padding:2px 0;
}


/* Footer
----------------------------------------------- */

div#footer {
    bottom: 0;
    left: 0;
    width: 100%;
    position: relative;
}

div#footer a {
    text-decoration:none;
}

div#footerOuter {
    background: #fff; 
}

div#footerInner {
    width: 944px;
    margin: 0 auto;
    padding: 0 0 0 16px; 
    position: relative;
}

div#footerInner .button {
    color: #969696; 
    border: solid 1px #d3d3d3;
    padding: 5px 6px 3px;
    text-transform: uppercase;
    display: inline-block; 
    font-size: 12px;
    font-weight: bold;
}

div#footerInner #footerTop ul li.email .button {
    margin-left: 10px;
    font-size: 12px;
    color: #969696;
    font-weight: bold;
}

.button:hover {
    background: #d3d3d3; 
}

div#footerInner .button.twitter, 
div#footerInner .button.facebook {
    text-transform: lowercase;
    padding-left: 9px; 	
    padding-right: 9px; 	
}

div#footerInner #footerTop ul .button.facebook {
    margin-left: 0; 
}

div#footerInner #footerTop {
    padding: 14px 0;
    border-top: solid 2px #d3d3d3; 
    border-bottom: solid 1px #d3d3d3;
    background: #fff;
    float: left;
    width: 100%; 
}

div#footerInner #footerBottom {
    padding: 20px 0;
    border-top: solid 1px #d3d3d3;
    float: left;
    width: 100%; 
    clear: both;
    background: #fff; 
}

div#footerInner #footerBottom #footerLinks ul {
    padding: 0;
    border-top: none;
}

div#footerInner div#footerBody {
    float: left;
    padding: 20px 0 7px;
    background: #fff; 
}

div#footerInner div#footerBody div.eMarketingSpot ul {
    margin-bottom: 14px;
    font-size: 1.1em;
}

div#footerInner #footerTop ul li,
div#footerInner #footerBottom ul, 
div#footerInner #footerBottom ul li {
    display: inline;
    font-family: verdana;
    font-size: 11px;
    color: #969696;
}

div#footerInner #footerBottom ul li {
    float: left; 
}

div#footerInner #footerTop ul li {
    text-transform: uppercase;
    margin: 0;
}

div#footerInner #footerTop ul li.email {
    float: left;
}

div#footerInner li#footerLinks ul li {
    margin-right: 11px;
    padding-right: 11px;
    border-right: solid 1px; 
}

div#footerInner li#footerLinks ul a:link {
    font-family: verdana;
    font-size: 11px;
    color: #969696;
}

div#footerInner li#footerLinks ul li.last {
    margin-right: 0;
    padding-right: 0;
    border-right: none;
}

div#footerInner #footerTop ul li.social, 
div#footerInner #footerBottom ul li#footerLinks { 
    float: right; 
}

div#footerInner #footerTop ul li.social #socialNetworks { 
    display: inline;
    margin-left: 10px; 
}

div#footerInner #footerTop ul li.social, 
div#footerInner #footerTop ul li.email {
    *position: relative;
    *top: -0.4em; 
    _position: relative;
    _top: -0.4em;
    font-size: 1.2em;
    color: #000000;
}

div#footerInner #footerTop ul li.social a, 
div#footerInner #footerTop ul li.email span {
    *position: relative;
    *top: 0.4em; 
    _position: relative;
    _top: 0.4em; 
}

div#footerInner .column {
    width: 221px;
    float: left;
    margin-right: 20px; 
}

div#footerInner .column.last {
    margin-right: 0; 
}

div#footerInner h2,
div#footerInner h3,
div#footerInner p.heading {
    margin-bottom: 10px;
    text-transform: uppercase;
    font-size: 1.2em;
}

div#footerInner ul {
    margin-bottom: 0px; 
}

div#footerInner ul.last {
    margin-bottom:0;
}

div#footerInner ul li {
    margin-bottom: 4px;
}

div#footerInner .column li {
    list-style: none;
    color: #969696;
}

div#footerInner .column li a {
    color: #969696;
}


/* Home
----------------------------------------------- */

#banner {
    margin:0 0 16px 0;
    /*background:#fff url(/graphics/testbanner.jpg) 0 0 no-repeat;*/
    background-color:#fff 0 0 no-repeat;
    height:251px;
}

#banner .bannerleft {
    float:left;
    width:324px;
    margin:24px 0 0 24px;
    background-color:#7c8187;
    color:#fff;
    padding:24px 24px 18px 24px;
    font-size:1.1em;
    height:161px;
    overflow:hidden;
}

#banner .bannerleft h1 {
    color:#fff;
    font-size:3.2em;
    line-height:0.9em;
    margin:0 0 12px 0;
}

#banner .bannerleft p {
    line-height:16px;
    margin:0 0 0 0;
}

#banner .breaker {
    clear:both;
    width:100%;
    height:1px;
    font-size:0.1em;
    overflow:hidden;
    background-color:#fff;
}

#banner .innerleft {
    float:left;
    width:210px;

}

#banner .innerleft .col {
    padding:0 0 0 10px;
    width:210px;

}

#banner .innerright {
    float:right;
    width:243px;

}

#featured {
    background-color:#830d03;
    margin:0 0 5px 0;
    color:#fff;
    padding:0 20px;
}

#featured .fleft {
    float:left;
    width:200px;
}

#featured .fright {
    float:right;
    width:455px;
}

#featured p {
    padding:10px 0 0 0;
}

#products {
    background-color:#fff;
    position: relative; /* peekaboo bug fix for IE6 */
    min-width: 0; /* peekaboo bug fix for IE7 */
}

#products h2 {
    text-transform:uppercase;
    font-weight:bold;
    color:#000;
    font-size:1.1em;
}

#main .right .col {
    padding:0 5px 0 5px;
}

#banner .bannerright .col  {
    padding:10px;
}

div.boxout {
    background-color:#16655c;
    margin:0 0 5px 0;
    color:#fff;
    padding:15px;
}

div.boxout a {
    color:#fff;

}

div.boxout a:hover {
    color:#fff;

}

div.boxout .boxleft {
    float:left;
    width:60px;
}

div.boxout .boxright {
    float:right;
    width:120px;
}

#banner .bannerright ul li {
    font-family: Georgia;
    color:#3891bf;
    font-weight:bold;
    font-size:1.1em;
}

#banner .bannerright ul li a {
    color:#3891bf;
    font-weight:bold;
    text-decoration:none;
}

#banner .bannerright ul li a:hover {

    text-decoration:underline;
}

/* Products Listing
----------------------------------------------- */

#products table {
    /*width:100%;*/
    font-size:1.1em;
}

#products td.gap {
    border:none;
    width:16px;
}

#products td.gap2 {
    border:none;
    height:10px;
}


#products td.item {
    padding:0 0 24px 0;
}

#products td.item p {

    padding:0;
    margin:0 0 6px 0;
}

#products .itemphoto {
    text-align:left; 
    padding:0;
    margin:0 0 7px 0;
}



#products .itemdetail {
    padding:0 0;
    text-align:center; 
}

#products .itemdetail a {
    text-decoration:none;
}

#products .itemdetail a.more {
    text-decoration:underline;
}

#products .itemdetail table {
    margin:8px 0 0 0;
}

#products .itemdetail table td {
    padding:0;
    width:50px;
    text-align:right;
    font-weight:bold;
}

#products .itemdetail table td.first {
    padding:0;
    width:115px;
    text-align:left;
}

#products .itemdetail table td.first a {
    text-decoration:underline;
    font-weight:normal;
    font-size:0.9em;
}

#products .itemdetail table td.first a:hover {
    text-decoration:none;
}

#products .itemdetail h2 {
    text-transform:none;
    font-weight:bold;
    font-size:1.05em;
    margin:0;
}
#products .itemdetail h2 a {
    color:#000;
}

span.discount {
    color:#ffcc00;
    font-weight:bold;
}

span.price {
    font-size:17px;
    font-weight:bold;
}

span.old_price {
    font-size:1em;
    color:#666;
    font-weight:bold;
    text-decoration: line-through;
    text-transform:uppercase;
}

span.new_price {
    color:#ffcc00;
    font-size:1.3em;
    font-weight:bold;
}

span.vat {
    font-size:0.8em;
    color:#c42517;
    font-weight:normal;
}

#products .itemlist .itemleft {
    float:left;
    width:100px;
}

#products .itemlist .itemleft img {
    border:solid 1px #ccc;
}

#products .itemlist .itemright {
    float:right;
    width:609px;

}

#products .itemlist .listtext {
    padding:5px 0 0 0;
}

#products .itemlist {
    margin:15px 0 0 0;
    border-top:1px solid #ccc;
}

#products .itemlist .breaker {
    background-color:#fff;
}

/* Product Detail
----------------------------------------------- */


#product_detail {
    margin:0 0 30px 0;
    /*padding:20px 0 20px 0;
    border-top:1px solid #ccc;
    border-bottom:1px solid #ccc;*/
}

#product_detail .prodleft {
    float:left;
    width:330px;
}

#product_detail .prodright {
    float:right;
    width:330px;
}

#product_detail .product_descript, #product_detail .product_title {
    padding:0;
}

#product_detail .product_title h1 {
    text-transform:uppercase;
    font-weight:bold;
    color:#000;
    font-size:24px;
}

#product_detail .product_descript {
    font-size:1.1em;

}

#product_detail .prodright h2 {
    font-weight:normal;
    color:#000;
    font-size:17px;
    margin:0 0 0.6em 0;
}

.tastingnotes h3 {
    text-transform:uppercase;
    font-weight:bold;
    color:#000;
    font-size:1em;
}

#product_detail .contlist {
    padding:0;
    color:#000;
    margin:0px 0 0 0;
    font-size:1.1em;
}


#product_detail .contlist h2 {
    color:#000;
    font-weight:bold;
    font-size:1em;
}

#product_detail .contlist span.fewitems {
    font-size:1.1em;
}

#product_detail .contlist span.fewitems ul li {
    padding:8px 0 8px 0;
    background:url("/graphics/bullet02.gif") no-repeat 2px 13px;
}


#product_detail .contlist ul li {
    list-style:disc;
    margin:0 0 0 14px;
    padding:3px 0 4px 0px;
    text-decoration:none;
}

#product_detail .moreimages {
    text-align:left;
    padding:0 0 0 10px;
}

#product_detail .moreimages img {
    border:none;
}

#product_detail .product_photo {
    padding:0 0 10px;
    text-align:left;

}

#product_detail .product_photo img {
    margin:0 0 5px 0;
    border:none;
}

#product_detail span.zoom {
    font-size:0.85em;
    color:#999;
    background:url("/graphics/magnify.gif") no-repeat 0 0px;
    padding:5px 0 5px 25px;
}

#product_detail .buy_product {
    font-size:12px;
    margin:0 0 20px 0;
    background-color: #a3b8c0;
    padding:20px;
    font-family:"Courier New", Courier, monospace;
    text-shadow: 2px 2px 2px #5f93c0;
    color:#fff;
}

#product_detail .buy_product h3 {
    font-size:16px;
    color:#fff;
}
#product_detail .buy_product a {
    color:#fff;
}

#product_detail .buy_product td.dark {
    width:218px;
    padding:5px;
    font-size:0.85em;
    color:#989898;
}


#product_detail .buy_product td.light {
    width:218px;
    padding:5px;
    vertical-align:top;
    font-size:0.9em;
    color:#000;
}

#product_detail input.addToShoppingBag {
    height: 35px; 
    display: block;
    width: 127px;
    background: url("/graphics/btn_addToBag.png") 0 0 no-repeat;
    text-indent: -999em;
    border: 0;
    float: right;
    text-transform: capitalize;
}


#product_detail input.addToShoppingBag:hover {
    background-position: 0 -35px;
    cursor: pointer;
}

#product_detail .contlist ul.tabs {
    margin: 0;
    padding: 0;
    float: left;
    list-style: none;
    height: 35px;
    border-bottom: 1px solid #999;
    border-left: 1px solid #999;
    width: 100%;
}
#product_detail .contlist ul.tabs li {
    float: left;
    margin: 0;
    padding: 0;
    height: 35px;
    line-height: 31px;
    border: 1px solid #999;
    border-left: none;
    margin-bottom: -1px;
    background: #e0e0e0;
    overflow: hidden;
    position: relative;
    text-decoration: none;
    list-style: none;


}
#product_detail .contlist ul.tabs li a {
    text-decoration: none;
    color: #fff;
    display: block;
    padding: 0;
    outline: none;
    width:164px;
    text-align:center;
    text-transform:uppercase;
    font-weight:bold;
    height: 35px;
    background:#000 url(/graphics/tabbg.jpg) 0 0 repeat-x;
}
#product_detail .contlist ul.tabs li a:hover {
    background: #000;
}	
#product_detail .contlist  ul.tabs li.active, #product_detail .contlist  ul.tabs li.active a:hover  {
    background: #fff;
    border-bottom: 1px solid #fff;
}
#product_detail .contlist  ul.tabs li.active a {
    color:#000;
    background:none;
}
#product_detail .contlist .tab_container {
    border: 1px solid #999;
    border-top: none;
    clear: both;
    float: left; 
    width: 100%;
    background: #fff;
    overflow:auto;
    height:150px;
    padding:6px 0;
}
#product_detail .contlist .tab_content {
    padding: 20px;
    font-size:0.9em;
}
#product_detail .contlist .tab_content h2 {
    font-weight: normal;
    padding-bottom: 10px;
    border-bottom: 1px dashed #ddd;
}
#product_detail .contlist .tab_content h3 a{
    color: #254588;
}
#product_detail .contlist .tab_content img {
    float: left;
    margin: 0 20px 20px 0;
    border: 1px solid #ddd;
    padding: 5px;
}


#quantitybox {
    margin:0 0 0.6em 0;
}

#quantitybox .minus {
    background-image:url(/graphics/minus.jpg);
    border:0;
    text-indent:-9999em;
    cursor:pointer;
    background-position:0 0;
    background-color:#fff;
    background-repeat:no-repeat;
    margin:0 5px 0 0;
    display:inline;
    height:18px;
    width:18px;
    float:left;
    text-transform: capitalize;
}


#quantitybox .plus {
    background-image:url(/graphics/plus.jpg);
    border:0;
    text-indent:-9999em;
    cursor:pointer;
    background-position:0 0;
    background-color:#fff;
    background-repeat:no-repeat;
    margin:0 5px 0 0;
    display:inline;
    height:18px;
    width:18px;
    float:left;
    text-transform: capitalize;
}

input#quantity {
    float:left;
    margin:0 5px 0 0;
}

#quantitybox label {
    float:left;
    margin:0 5px 0 0;
}



/* BCT
----------------------------------------------- */

#bct {
    font-size:0.85em;
    line-height:1.2em;
    padding:0 0 5px 0;
    border-bottom:1px solid #dbdac2;
    margin:0 0 10px 0;
}

#bct a {
    color:#000;
    text-decoration:none;
    padding:0 5px;
}

#bct a:hover {
    text-decoration:underline;
}


#bct span.highlight {
    font-weight:bold;
    color:#659481;
}




/* Inline Images
----------------------------------------------- */

img.left1, img.left2 {
    float:left;
    margin:0 10px 0 0;
}
img.right1, img.right2 {
    float:right;
    margin:0 0 5px 10px;
}
img.left1, img.right1 {
    border:1px solid #000;
}
img.none1 {
    float:none;
    border:1px solid #000;
}
img.none2 {
    float:none;
    border:none;
}


/* Page nav
----------------------------------------------- */

.pagenav {
    margin:5px 0;
    color:#000;
    padding:5px 10px;
    text-align:right;
}
.pagenav p {
    font-size:1.2em;
}
.pagenav a {
    font-weight:bold;
    text-decoration:none;
    color:#000;
}
.pagenav a:hover {
    color:#000;
    text-decoration:underline;
}
.pagenav span {
    color:#ffcc00;
}

#pagetools {
    padding:10px 0 10px 0;
}

#pagetools a {
    font-weight:bold;
    text-decoration:none;
    background:url("/graphics/bullet_friend.gif") no-repeat 0 2px;
    padding:0 0 0 20px;
}

#pagetools a:hover {
    text-decoration:underline;
}



/* Account, Basket & Checkout
----------------------------------------------- */

#form {
    background-color:#fff;
    border:none;
    padding:0px;
    margin:0;
    font-size:1em;
}

#form ul {
    list-style-type:none;
    margin:0;
    padding:8px 0;

}
#form ul li {
    background:url("/graphics/arrow01.gif") no-repeat 10px 8px;
    padding:5px 0 5px 25px;
    margin:0;
    font-weight:bold;
}

#form table {
    border-bottom:3px solid #c2c2c2;
    margin:0 0 20px 0;
}

#form table table, #form table.noline {
    border-top:none;
    border-bottom:none;
}

#form table td {
    padding:6px;
    text-align:left;
}
#form label {
    font-weight:normal;
}
#form input.border1 {
    background: #FFF;
    border: 1px #ccc solid;
}

#form input.border2 {
    background: #FFF;
    border: 1px #ccc solid;
    margin:0 0 5px 0;
}


#form td.address {
    background-color:#ccc;
    color:#000;
}

#form table.lookup {
    border:1px solid #96b1a4;
}

#form th {
    padding:6px;
    text-align:left;
    background-color:#fff;
    color:#000;
}

#form th.blue {
    padding:6px;
    text-align:left;
    background-color:#fff;
    color:#000;
}

#form th.red {
    padding:6px;
    text-align:left;
    background-color:#fff;
    color:#000;
}

#form th.orange {
    padding:6px;
    text-align:left;
    background-color:#fff;
    color:#000;
}





#form td.total {
    background-color:#fff;

}

#form td.discount {
    background-color:#fff;
    color:#000;
    border-top:1px solid #c2c2c2;
}

#form td.total2 {
    background-color:#fff;
    color:#000;
    font-weight:bold;
    font-size:1.2em;
    border-top:1px solid #c2c2c2;
}

#form td.green {
    background-color:#fff;
    color:#000;
    font-weight:bold;
    font-size:1em;
    border-bottom:1px solid #c2c2c2;
}
/* Gift message styles */
#form .gift-message {
    font-family: Arial,Sans-serif;
    font-size: 1.1em;
}

#checksteps {
    margin:1em 0 1em 0;
}
#checksteps table td {
    text-align:center;
}
#checksteps table td.bg {
    height:23px;
    background:#fff url("/graphics/checkbg.gif") repeat-x top left;
}
#checksteps table td.step {
    padding:0.5em 0 0.5em 0;
}

#form input.button {
    padding:3px;
    border:none;
    color:#ffd100;
    background:#000;
    font:bold 100% Arial,Sans-serif;

}
#form input.button:hover {
    color:#000;
    background:#ffd100;
    cursor:pointer;
}
#form input.button:active {
    background:#cdccb4;
    color:#659481;
}

#form option.red {
    background-color:#af0b48;
    color:#fff;
}
#form option.blue {
    background-color:#60a7cc;
    color:#fff;
}

#form option.orange {
    background-color:#ff9900;
    color:#fff;
}


/* Sitemap
----------------------------------------------- */

#sitemap h2 {
    font-size:1.2em;
    margin:1em 0 0.5em 0;
    padding:0.3em;
}
#sitemap h2 a {
    color:#000;
    text-decoration:none;
    font-weight:bold;
}
#sitemap h2 a:hover {
    text-decoration:underline;
}

/* Popup Notes
----------------------------------------------- */

#note {
    z-index:10;
    position:absolute;
    left:0px;
    top:0px;
    visibility:hidden;
}
#note table {
    background-color:#9EC1DB;
    width:250px;
    color:#2F4F75;
    font-weight:bold;
}
#note table td {
    padding:6px;
}
#note table th {
    padding:6px;
    background-color:#2F4F75;
    color:#9EC1DB;
}
#note table th a {
    color:#9EC1DB;
}




/* Pop up note Styles
----------------------------------------------- */

.note {
    border:1px solid #093c36;
    background:#9ec1db;
    text-decoration:none;
    color:#ffffff;
    text-align:left;
}
.notebody {
    display:block;
    border: 1px solid #000;
    color: #fff;
    background: #333;
    position:absolute;
    z-index:10;
    width:300px;
    padding: 0px;
    left: 200px;
    font-size: 11px;
    margin:0px;
}
.notebody p {
    /*padding-top:5px;*/
    padding-left:5px;
}
.notetitle {
    background:#000;
    color: #fed000;
    padding: 1px 1px 5px 1px;
    width: 100%;
}
.notetitle td {
    font-size: 12px;
}
.notetitle a {
    font-size: 11px;
    color:#ffffff;
}
.notetitle a:hover {
    color:#f27d84;
}
.notehidden {
    display: none;
}
.notevisible {
    display: block;
    position:absolute;
    z-index:10;
    left:400px;
    margin: -20px;

}

/* Accordion
----------------------------------------------- */


ul#accordion li, ul#accordion2 li {
    background:none;
    padding:5px 0 5px 0px;
    margin:0;
    font-weight:bold;
}

ul#uk li, ul#europe li, ul#uk2 li, ul#europe2 li {
    background:none;
    padding:5px 0 5px 15px;
    font-weight:normal;
    width:320px;
}

#accordion label {
    font-weight:bold;
}

ul#accordion li.current ul, ul#accordion2 li.current ul {
    display: block;
}

/* Content
----------------------------------------------- */

span.green {
    font-weight:bold;
    color:#659481;
    font-size:1.2em;
}

span.green2 {
    font-weight:bold;
    color:#000;
    font-size:1em;
}

#text_content table {
    border:none;
}

#text_content td {
    border:none;
    padding:5px;
    background-color:#96b1a4;
    color:#024f48;
}


hr {
    height:1px;
    color:#fff;
    border-color:#ccc;
    border-width:1px 0 0 0;
    border-style:solid;
    overflow:hidden;
    margin:1em 0;
    padding:0;
}
p strong span {
    color:#034694;
}
h2, h3 {

    color:#000;
}
h1 {
    padding:0;
    margin:0 0 0.2em 0;
    font-weight:bold;
    color:#000;
    text-transform:uppercase;
}
h1 a, h2 a, h3 a {
    color:#000;
    text-decoration:none;
}

h1 a:hover, h2 a:hover, h3 a:hover {
    color:#3891bf;
    text-decoration:underline;
}

#banner h1 {
    color:#000;
    font-size:3em;
    margin:0 0 20px 0;
}

#text_content h2 {
    font-size:1.3em;
    font-weight:normal;
    margin:0 0 10px 0;
}

.boxout h2 {
    font-size:1.5em;
    margin:0 0 10px 0;
    color:#fff;
}

#featured h2 {
    font-size:1.5em;
    margin:0 0 10px 0;
    color:#fff;
}

h3 {
    font-size:1.1em;
    margin:0 0 1em 0;
}
h4 {
    font-size:1em;
    margin:0 0 1em 0;
}


ol {
    padding:0 0 0 26px;
}
ol li {
    padding:4px 0 5px 0;
}
ol li a {
    font-weight:normal;
    text-decoration:none;
}
ol li a:hover {
    text-decoration:underline;
}
ol.alpha {
    list-style-type:lower-alpha
}

