/*
 * Site-wide styles for SITE NAME
 */

body
{
   background:#eee url(../images/main_bg.gif) repeat-y top middle;
   color:black;
   font-size:62.5% !important;
   font-family: Verdana, Arial, sans-serif;
}

p, input, textarea
{
   font-family: Verdana, Arial, sans-serif;
   font-size:1.2em;
}

a
{
   text-decoration:none;
   color:black;
}

a:hover
{
   text-decoration:underline;
}

/* Generic */

.floatRight
{
   float:right !important;
}

.floatLeft
{
   float:left !important;
}

#skip-to-content
{
   display:none
}

/* General */

#outer-container
{
   margin-left:auto;
   margin-right:auto;
   width:auto;
   background:url(../images/main-bg-wholepage.png) repeat-x white;
   padding-top:8px;
   padding-bottom:15px;
}

#container
{
   margin-left:auto;
   margin-right:auto;
   width:760px;
   border:1px solid #9aa1a0;
   background:url(../images/main-bg.png) repeat-x white 0px 151px;   
}

h2
{
   font-size:1.4em;
   font-weight:bold;
   margin-bottom:0.5em;
}

h3
{
   font-size:1.4em;
   font-weight:normal;
   font-style:italic;
   margin-bottom:0.2em;
}

.h3 body-text
{
   font-size:2.0em;
   font-weight:bold;
   font-style:italic;
   margin-bottom:0.2em;
   font-family: Arial, Verdana, sans-serif;
}

/* Header */
#logo
{
   border-right:1px solid #cdd0d0;
}

#header h4
{
   display:none
}

#header img
{
   float:left;
}

#header div img
{
   float:none;
   border-right:0;
}

.nav
{
   font-size:1.4em;
   list-style:none;
}

ul.nav
{
   display:inline-block;
}

#top-buttons
{
   float:left;
   min-height:21px;
}

#top-buttons li
{
   text-align:center;
   width:159px;
   float:left;
   min-height:20px;
   line-height:20px;
   border:1px solid #c7cbcb;
   border-right:0;
   border-top:0;
   font-size:0.8em;
}

#top-buttons li#top-telephone
{
   width:161px;
   border-left:0;
   background:url(../images/green/top-buttons-fade.png) repeat-y white;
}

#top-buttons li a
{
   display:block;
   min-height:20px;
   width:151px;
}

li.resize-font
{
   background-color:#C0BEA7;
   background-repeat: no-repeat;
   overflow:hidden
}

li.resize-font a
{
   width:80px;
}

li.resize-font a:hover
{
   text-decoration:none
}

li.resize-font span
{
   display:none
}

li#resize-up
{
   width:80px;
   background-image:url(../images/green/top-buttons-resize-up.png);
}

li#resize-down
{
   width:80px;
   background-image:url(../images/green/top-buttons-resize-down.png);
}

li#resize-down a
{
   width:74px
}

li#view-basket a
{
   width:131px;
   background:url(../images/green/view-basket-bg.png) no-repeat #C0BEA7;
   padding-left:28px;
}

li#checkout
{
   width:167px
}

li#checkout a
{
   width:139px;
   background:url(../images/green/checkout-bg.png) no-repeat #C0BEA7;
   padding-left:28px;
}

#top-nav
{
   height:30px;
   border-top:1px solid #9aa1a0;
   font-weight:bold;
   font-size:1.3em;
   clear:both;
}

#top-nav *
{
   z-index:1000;
}

#top-nav li
{
   float:left;
   background:url(../images/green/top-nav-bg.png) -2px 0 no-repeat #b7ccc1;
   min-height:30px;
   width:130px;
   text-align:center;
   line-height:30px;
}

#top-nav a
{
   display:block;
}

#top-nav li#top-nav-home
{
   width:110px;
   background-position:-22px 0;
}

#top-nav li#top-nav-clothing
{
}

#top-nav li#search
{
   background:url(../images/green/top-nav-bg.png) no-repeat #b7ccc1;
   width:130px;
   min-height:26px;
   overflow:hidden;
   font-weight:normal;
   padding-top:0px;
   padding-left:4px;
   text-align:left
}

#top-nav li#search form
{
   min-height:1.96em;
}

#searchBox
{  
   font-size:0.9em;
   font-weight:bold;
   color:#8d8f90;
   padding-top:2px;
   padding-left:5px;
   padding-right:5px;
   width:70px;
   height:16px;
   vertical-align:middle;
   margin-top:4px;
   margin-right:3px;
   background:url(../images/search-box-bg2.png);
   border:1;
}

#searchGo
{
   vertical-align:middle;
   font-family: Verdana, Arial, sans-serif;
   font-size:0.9em;
   font-weight:normal;

}

li#li-basket-checkout
{
   width:94px;
}

#li-basket-checkout a
{
   font-size:0.7em;
   font-weight:normal;
   padding:0;
   text-align:left;
   padding-left:27px
}

/* Pop out menus */

#top-nav ul
{
   position:relative;
   margin-left:-2px;
}

#top-nav ul li
{
   min-height:31px;
   line-height:31px;
   width:131px;
   font-weight:normal;
   position:relative;
}

#top-nav ul, #top-nav ul ul
{
   display:none;
}

#top-nav ul
{
   position:absolute;
   width:133px;
   list-style:none
}

#top-nav ul ul
{
   position:absolute;   
   left:130px;
   list-style:none;
   width:129px;
   top:0;
   padding:0;
   font-weight:normal;
   border:1px solid #b3b8b8;
   border-bottom:0;
   margin-top:9px;
   margin-left:0;
}

#top-nav ul li
{
   background:url(../images/green/top-nav-submenu-bg.png);
}

#top-nav li.has-submenu
{
   background:url(../images/green/top-nav-submenu-arrow-bg.png);
}

#top-nav ul ul li
{
   background:url(../images/green/top-nav-sub-submenu-bg.png);
   min-height:21px;
   font-size:0.85em;
   line-height:21px;
   width:129px;
}

#top-nav ul li.toptwolines
{
   background:url(../images/green/top-nav-submenu-twolines-bg.png);
   line-height:16px;
   padding:2px 0;
   width:131px;
}

#top-nav ul ul li.twolines
{
   background:url(../images/green/top-nav-sub-submenu-twolines-bg.png);
   min-height:33px;
   font-size:0.85em;
   line-height:1.3em;
   padding-top:3px;
   width:129px;
}

#top-nav li:hover ul
{
   display:block
}

#top-nav li:hover ul ul
{
   display:none
}

#top-nav ul li:hover ul
{
   display:block
}

#top-nav ul ul li:hover ul ul
{ 
   display:none;
}

#top-nav li:hover ul, li:hover li:hover ul
{ 
   display:block;
}

#top-nav ul li:hover ul ul
{
   display: none;
}

#top-nav ul ul li:hover ul
{
   display: block;
}

#top-nav ul ul ul li:hover ul
{
   display: block;
}

#left-nav
{
   float:left;
   width:109px;
   background:url(../images/left-nav-bg.png) repeat-x;
}

#left-nav .nav
{
   width:108px;
   background:white;
   background-repeat:no-repeat;
   font-family: Trebuchet MS, Verdana, Arial, sans-serif;
   background-position:-20px 0px;
}

#left-nav .nav li
{
   width:108px;
   border-bottom:1px solid #d1d5d5;
   min-height:31px;
   background: url(../images/green/left-nav-li-bg.png) repeat-x #bee9e0;
}

#left-nav .nav a
{
   display:block;
   line-height:31px;
   padding-left:5px;
}

#left-nav h4
{
   display:block;
   text-transform:uppercase;
   font-family:Tahoma, Arial, sans-serif;
   font-size:1.3em;
   text-align:center;
   background:url(../images/green/left-divider-bg.png) no-repeat left bottom #f4f6f8;
   padding-bottom:12px;
   padding-top:3px;
   width:108px
}

#left-nav ul
{
   background-repeat:no-repeat;
}

#main-container
{
   float:left;
   width:630px;
   min-height:400px;
   padding-top:10px;
   padding-left:15px;
}

h1
{
   font-family: Trebuchet MS, Verdana, Arial, sans-serif;
   font-size:3.0em;
   font-weight:bold;
   margin-bottom:0.3em;
}

p
{
    margin-bottom:1em
}

#main-container p
{
    line-height:1.7em;  
}

h2.special
{
   margin-bottom:0;
   font-size:1.2em;
   font-weight:normal;
   width:615px;
   min-height:23px;
   line-height:23px;
   padding-left:5px;
   color:red;
   background:url(../images/green/special-h2.png) repeat-y;
}

div.special
{
   font-size:1.2em;
   width:595px;
   border:1px solid #c9d6da;
   /*background:url(../images/special-div.png);*/
   background:url(../images/special-div-tile-bg.png) repeat-x;
   margin-bottom:12px;
   padding:11px 12px;
   overflow:hidden;
   white-space:normal;
}

div.special-home a
{
   display:block;
   padding:1px;
   width:186px;
   height:124px;
   overflow:hidden;
   background:url(../images/special-a-border.png);
   float:left;
   margin-right:15px;
}

div.special-home a:hover
{
   text-decoration:none;
   background-position:0 126px
}

div.special-home a:hover span
{
   text-decoration:underline;
   cursor:pointer;
}

div.special-home a.last
{
   margin-right:0;
}

div.special-home span
{
   display:block;
   width:186px;
   height:30px;
   line-height:30px;
   text-align:center;
   background:url(../images/special-span.png);
}

ul.products-categories
{
   display:block;
}

ul.products-categories li, ul.products-categories li a
{
   display:block;
   width:139px;
   min-height:180px;
}

ul.products-categories li
{
   float:left;
   background:url(../images/products-li-bg.png);
   margin-right:18px;
   margin-bottom:18px;
   padding:1px
}

ul.products-categories h3, ul.products-categories h3.blue, ul.products-categories h3.pink
{
   font-style:normal;
   min-height:29px;
   line-height:29px;
   border-bottom:1px solid #919a9d;
   font-size:13px;
   font-weight:bold;
   text-align:center;
}

ul.products-categories h3
{
   background:url(../images/products-h3-bg.png) repeat-x #c0c5ca;
}

ul.products-categories h3.blue
{
   background:url(../images/products-h3-bg-blue.png) repeat-x #D4ECFF;
}

ul.products-categories h3.pink
{
   background:url(../images/products-h3-bg-pink.png) repeat-x #FFDAEE;
}


ul.products-categories li.last
{
   margin-right:0
}

/* Individual products */

ul.products, ul.products li
{
   list-style:none;
}

ul.products li
{
   background:url(../images/product-li-bg.png) repeat-y;

}

ul.products .product-container
{
   position:relative;
   border:1px solid #c8cbc9;
}

ul.products h2
{
   margin-bottom:0;
   font-weight:normal;
   font-size:1.2em;
   width:615px;
   min-height:23px;
   line-height:23px;
   padding-left:5px;
   color:white;
   background:url(../images/green/special-h2.png) repeat-y;
}

ul.products .left-align .left
{
   float:left
}

ul.products .left-align .right
{
   float:right
}

ul.products .right-align .left
{
   float:right
}

ul.products .right-align .right
{
   float:left
}

ul.products li.right-align 
{
   background-position:205px 0
}

ul.products .left
{
   width:208px
}

ul.products .right
{
   width:410px
}

ul.products .product-image
{
   width:186px;
   padding:10px;
   text-align:center;
   overflow:hidden;

/*   background:white;*/
}

ul.products .product-details
{
   background:url(../images/product-details-bg.png) repeat-x #fff;
   border-bottom:1px solid #c8cbc9;
   padding:13px;
   padding-bottom:0
}

ul.products .product-price
{
   font-style:normal;
   font-weight:bold;
   font-size:1.2em;
   color:blue;
}

ul.products .product-offerprice
{
   font-style:normal;
   font-weight:bold;
   font-size:1.3em;
   color:red;
}

ul.products p
{
   font-style:normal;
   font-weight:normal;
   font-size:1.3em;
   color:black;
}

ul.products h3
{
   font-style:normal;
   font-weight:bold;
   font-size:1.4em;
   color:black;   
}

ul.products .product-buttons
{
   width:206px;
   border:1px solid #c8cbc9;
   border-width:1px 1px 0 0;
   position:absolute;
   bottom:0
}

ul.products .right-align .product-buttons
{
   border-width:1px 0 0 1px;
   width:207px;
}

ul.products .product-buttons a
{
   display:block;
   float:left;
   font-size:1.1em;
   height:30px;
   line-height:28px;
}

ul.products .product-buttons a.product-button-top
{
   background:url(../images/products-button-top.png);
   padding-left:25px;
   width:32px;
   color:black;
}

ul.products .product-buttons a.product-button-view-all
{
   background:url(../images/products-button-view-all.png);
   padding-left:23px;
   width:56px;
   color:black;
}

ul.products .product-buttons a.product-button-advice
{
   background:url(../images/products-button-advice.png);
   padding-left:23px;
   width:47px;
   color:black;
}

ul.products .right-align .product-buttons a.product-button-advice
{
   width:48px
}

ul.products .product-basket
{
   background:url(../images/product-basket-bg.png) repeat-y 275px 0;
}

ul.products .product-basket li
{
   background:none;
   margin-bottom:5px;
}

ul.products .product-basket ul
{
   float:left;
   padding:13px;
   padding-bottom:8px;
 }

ul.products .product-basket label
{
   display:block;
   float:left;
   width:86px;
   font-size:1.2em;
   padding-top:3px
}

ul.products .product-choices 
{
   float:left;
}

ul.products .product-add-to-basket 
{
   float:right;
}

/* Products summary or whatever we call it */

div.special-products
{
   overflow:hidden;
   display:block;
   padding-bottom:0;

}

.special-products ul
{
   width:615px;
   list-style:none
}

.special-products li
{
   width:289px;
   height:90px;
   border:1px solid #919a9d;
   float:left;
   margin:0 13px 13px 0;
   overflow:visible;
}

.special-products a
{
   cursor:pointer
}

.special-products .product-image
{
   width:81px;
   text-align:center;
   vertical-align:middle;
   background:white;
   border-right:1px solid #919a9d;
   overflow:hidden;
   float:left;
   height:80px;
   padding:5px;
}

.special-products .product-details
{
   float:left;
   color:black;
   width:187px;
   background:url(../images/special-products-div-bg.png) repeat-x;
   height:80px;
   padding:5px;
   position:relative;
}

.special-products .product-details h3
{
   font-style:normal;
   margin-bottom:5px;
   font-size:1.2em;
   color:green;
   width:182px;
}

.special-products .product-details p
{
   font-style:normal;
   margin-bottom:5px;
   font-size:1.2em;
   color:red;
   width:182px;
}

.special-products .product-details .logo 
{
   border:1px solid #919a9d;
   position:absolute;
   bottom:5px;
}

.special-products .product-details .price
{
   text-align:right;
   position:absolute;
   left:10px;
   bottom:0;
   margin:0;
}

.special-products .product-details .price span
{
   font-weight:bold;
   color:#0033cc;
}

.special-products .product-details .rrp
{
   font-size:1.0em;
   text-align:right;
   position:absolute;
   left:10px;
   bottom:18px;
   margin:0;
}

.special-products .product-details .rrp span
{
   font-weight:bold;
   color:green;
}

/* Main product page (mens/womens) */

ul.products-main
{
   margin-left:158px;
   width:350px
}

/* Contact us */

ul#contact-us-ul
{
   margin-left:20px
}

ul#contact-us-ul h2
{
   font-weight:normal
}

/* Expert Advice */

ul.expert-advice
{
   width:500px;
   margin-left:60px;
}

p.links a
{
   padding-left:20px;
   background:url(../images/link.png) no-repeat;
   color:#c70000;
   margin-right:12px;
}

p.glossary-links a
{
   width:35px;
   display:block;
   float:left;
}

dl.glossary dt
{
   font-weight:bold;
   font-size:1.4em;
}

dl.glossary dd
{
   font-size:1.3em;
   margin-bottom:1em;
}

p.brand-names
{
   text-align:center
}

/* Shopping basket */

table#shopping-basket
{
   width:100%;
   font-size:1.3em;
   margin-top:5px;
   border-collapse:collapse
}

table#shopping-basket th
{
   background:#deddce;
   font-weight:bold
}

table#shopping-basket th.basket-price span
{
   font-size:0.7em;
   font-weight:normal
}

table#shopping-basket td.basket-description, table#shopping-basket td.basket-quantity
{
   background:#e9e8d8;
}

table#shopping-basket td.basket-price, table#shopping-basket td.basket-cost, table#shopping-basket td.basket-remove
{
   background:#f5f4e3
}

table#shopping-basket .basket-remove
{
   text-align:center
}

table#shopping-basket td.basket-quantity 
{
   text-align:center
}

table#shopping-basket .basket-quantity input
{
   width:60px;
   text-align:right;
   font-size:1em;
   padding-right:2px;
}

table#shopping-basket td, table#shopping-basket th
{
   padding:4px;
   border:1px solid white
}

table#shopping-basket tfoot td
{
   text-align:right;
   font-weight:bold
}

table#shopping-basket tfoot td.data
{
   text-align:left;
   font-weight:normal
}

table#shopping-basket tfoot td.basket-total-data
{
   font-weight:bold
}

table#shopping-basket tfoot td.basket-subtotal-data
{
   background:#F2EEE0
}

table#shopping-basket tfoot td.basket-shipping-data
{
   background:#EFE9DE
}

table#shopping-basket tfoot td.basket-total-data
{
   background:#ECE4DB
}

/* Footer */

#footer
{
   clear:both;
   height:30px;
   background:url(../images/footer-bg.png) no-repeat #CACED0;
   text-align:center;
   padding-top:52px;
   position:relative;
}

#footer p
{
   margin-bottom:2px;
   font-size:1.0em;
}

#footer p.lighter, #footer p.lighter a
{
   color:#424242
}

#footer p.credit
{
   position:absolute;
   bottom:2px;
   right:5px;
}

#footer p.credit, #footer p.credit a
{
   color:#7f8487;
}

#footer span
{
   padding-right:40px;
}

#footer span.last
{
   padding-right:0
}

/* Secure Hosting */

#secure-hosting h3
{
   font-family: Verdana, Arial, sans-serif;
   font-size:1.6em;
   font-weight:bold;
   font-style:normal;
   color:black;
}

#secure-hosting p
{
   font-family: Verdana, Arial, sans-serif;
   font-size:1.4em;
   color:black;
}

.sh-table-left
{
   font-family: Verdana, Arial, sans-serif;
   font-size:1.4em;
   font-weight:bold;
   text-align:left;
   color:black;
   background:white;
   width:200px;
   padding:2px;
}

.sh-table-left-small
{
   font-family: Verdana, Arial, sans-serif;
   font-size:1.0em;
   font-weight:normal;
   text-align:left;
   color:black;
   background:white;
   width:200px;
   padding:1px;
}


.sh-table-right
{
   font-family: Verdana, Arial, sans-serif;
   font-size:1.4em;
   font-weight:normal;
   text-align:left;
   color:black;
   background:lightgrey;
   width:330px;
   padding:2px;
}

.submit-reset
{
   font-family: Verdana, Arial, sans-serif;
   font-size:1.4em;
   font-weight:bold;
   text-align:center;
   color:white;
   background:#556B80;
}



.gearadvice
{
font-family: Arial, Verdana, sans-serif;
font-size:1.6em;
font-weight:bold;
text-align:center;
color:#990000;
padding-left:5px;
padding-top:3px;
}

.gearadvice
a:link {color:#990000;}

.otheradvice
{
font-family: Arial, Verdana, sans-serif;
font-size:1.6em;
font-weight:bold;
text-align:center;
color:#339999;
padding-left:5px;
padding-top:3px;
}

.otheradvice
a:link {color:#339999;}

#product-features ul li {
	list-style: disc;
        background:none;
        line-height:1.7em;
        font-size:1.3em;
        margin-left:13px;
	}