﻿body {
    background-color:#d7dfda;
    background-image:url('/images/patterntile.jpg');
    text-align:center;
    margin:0px;
    padding-top:20px;
    font-family: Arial; 
    font-size:12px;
    color:#2f5c80;   
}
a
{
    color:#2f5c80; 
}
form {
    margin:0px;
    padding:0px;
}
#wrapper {
    width:952px;
    margin:auto;
    text-align:left;
}
#site {
    width:952px;
    background-color:#FFFFFF;
    position:relative;
}
#header {
    height:66px;
    padding:20px;
    position:relative;
}
#phonebox {
    position:absolute;
    left:290px;
    top:25px;
    width:178px;
    text-align:center;
    font-size:12px;
    line-height:17px;
}
#phonebox img {
    margin-top:5px;
}
#paymentbox {
    position:absolute;
    left:520px;
    top:25px;
    width:222px;
    text-align:center;
    font-size:12px;
    line-height:17px;
}
#paymentbox img {
    margin-top:8px;
}
#currenciesbox {
    position:absolute;
    top:28px;
    right:20px;
    width:165px;
    text-align:center;
}
#topnav {
    height:40px;
    background-color:#2f5c80;
    font-size:14px;
    color:#FFFFFF;
    padding:0px 20px 0px 14px;
}
#topnav ul {
    list-style:none;
    margin:0px;
    padding:0px;
}
#topnav li {
    float:left;
    position:relative;
}
#topnav li a 
{
    color:#FFFFFF;
    text-decoration:none;
    display:block;
    height:40px;
    line-height:40px;
    text-align:center;
    padding:0px 8px 0px 8px;
}
#topnav li a:hover 
{
    background-color:#FFFFFF;
    color:#2f5c80;
}
#basket
{
    float:right;
}
#basket a
{
    color:#FFFFFF;
    line-height:40px;
    height:40px;
    text-decoration:none;
}
#alertmessage {
    padding: 20px 20px 0px 20px;
    text-align:center;
    font-size:20px;
    color:red;
}
#main {
    padding:20px;
}
#footerbox {
    width:912px;
    height:140px;
    padding:20px;
    background-color:#FFFFFF;
    text-align:left;
    margin:10px 0px 10px 0px;
    color:#cccccc;
    font-size:14px;
    line-height:16px;
}
#footerbox .linklist {
    float:left;
    width:228px;
}
#footerbox .linklist ul {
    list-style:none;
    margin:0px;
    padding:0px;
}
#footerbox .linklist li a 
{
    color:#cccccc;
    text-decoration:none;
    font-size:14px;
    line-height:16px;
}
.footertitle
{
    color:#2f5c80;
    font-size:16px;
    font-weight:bold;
    margin-bottom:5px;
}
.footersubtitle
{
    color:#2f5c80;
    font-size:16px;
    font-weight:bold;
    margin:8px 0px 5px 0px;
}
#footer {
    width:952px;
    text-align:left;
}
#homepage {
    position:relative;
    padding-top:554px;
}
#homecontentbox
{
    background-color:#ebf0ed;
    width:412px;
    height:192px;
    padding:15px 480px 15px 20px;
    position:relative;
}
#homecontentbox h1
{
    margin:0px;
    font-size:17px;
    line-height:19px;
}
#homebrochureimage
{
    position:absolute;
    top:0px;
    right:0px;
}
#homeboxes
{
    position:absolute;
    left:0px;
    top:86px;
    width:690px;
    height:460px;
}
#categoryimage
{
    margin-bottom:8px;
}
#categoryboxes
{
    width:690px;
    margin-top:-8px;
}
.homecatbox
{
    float:left;
    width:222px;
    height:222px;
    margin:8px 8px 0px 0px;
}
#homesearchbox
{
    position:absolute;
    left:0px;
    top:0px;
    width:222px;
    height:86px;
    background-color:#ebf0ed;
}
#homesearchbox form
{
    margin:0px;
    padding:8px;
}
#homesearchbox #searchtext
{
    width:160px;
    height:30px;
    line-height:30px;
    border:0px;
    margin:0px;
    padding:0px 0px 0px 10px;
    color:#CCCCCC;
    font-size:12px;
    font-weight:bold;
}
#searchbox
{
    width:222px;
    height:86px;
    background-color:#ebf0ed;
    position:relative;
}
#searchbox form
{
    margin:0px;
    padding:8px;
}
#searchbox #searchtext
{
    width:160px;
    height:30px;
    line-height:30px;
    border:0px;
    margin:0px;
    padding:0px 0px 0px 10px;
    color:#CCCCCC;
    font-size:12px;
    font-weight:bold;
}
#homenewsletterbox
{
    position:absolute;
    left:230px;
    top:0px;
    width:452px;
    height:86px;
    background-color:#ebf0ed;
}
#homenewslettertext
{
    position:absolute;
    left:15px;
    top:49px;
    width:180px;  
}
#homenewsletterbox form
{
    margin:0px;
    padding:8px 8px 8px 230px;
}
#homenewsletterbox #newsletteremail
{
    width:165px;
    height:30px;
    line-height:30px;
    border:0px;
    margin:0px;
    padding:0px 0px 0px 10px;
    color:#CCCCCC;
    font-size:12px;
    font-weight:bold;
}
#newsletterbox
{
    top:0px;
    width:222px;
    height:449px;
    background-color:#cbd6df;
    position:relative;
}
#smallnewsletterbox
{
    top:0px;
    width:222px;
    padding-bottom:10px;
    position:relative;
}
#newslettertext
{
    padding:5px 20px 0px 20px;
    font-size:14px;
}
#newslettersmalltext
{
    padding:0px 20px 0px 20px;
    font-size:12px;
}
#newsletterbox form, #smallnewsletterbox form
{
    margin:0px;
    padding:8px;
}
#newsletterbox #newsletteremail, #smallnewsletterbox #newsletteremail
{
    width:160px;
    height:30px;
    line-height:30px;
    border:0px;
    margin:0px;
    padding:0px 0px 0px 10px;
    color:#CCCCCC;
    font-size:12px;
    font-weight:bold;
}
.homeboxtitle
{
    height:41px;
    background-color:#2f5c80;
}
#homeboxesright
{
    position:absolute;
    right:0px;
    top:0px;
    width:222px;
}
#homeboxrighttext
{
    position:absolute;
    right:20px;
    top:420px;
    width:150px;
    text-align:right;
    color:#FFFFFF;
    font-size:14px;
    line-height:17px;
}
#bottomboxes
{
    height:222px;
    width:920px;
    margin-top:8px;
}
.bbitem
{
    width:222px;
    height:222px;
    float:left;
    margin-right:8px;
}
#contentpage
{
    width:912px;
}
#leftside
{
    float:left;
    width:222px;
}
#rightside
{
    float:right;
    width:682px;
}
#centercontentarea
{
    float:left;
    width:412px;
    height:503px;
    padding:20px;
    background-color:#ecf0ec;
}
#rightcontentarea
{
    float:right;
    width:222px;
}
#widecontentarea
{
    width:642px;
    min-height:503px;
    padding:20px;
    background-color:#ecf0ec;
}
#fullcontentarea
{
    width:872px;
    padding:20px;
    background-color:#ecf0ec;
}
.columnspace
{
    width:222px;
    height:8px;
    background-color:#FFFFFF;
}
.columnleft
{
    float:left;
    width:320px;
    padding-right:20px;
}
.columnright
{
    float:left;
    width:300px;
}
.textcontent
{
    font-size:14px;
}
.textcontenttitle
{
    font-size:16px;
    font-weight:bold;
}
.textcontentsummary
{
    font-size:18px;
}
.smalltextcontent
{
    font-size:12px;
}
.clear
{
    clear:both;
}
#capbox
{
    width:690px;
    margin-top:-8px;
}
#productpage
{
    width:912px;
    padding-top:94px;
    position:relative;
    background:url('/images/gandw-background.gif');
    background-repeat:repeat-y;
}
#producttopbar
{
    position:absolute;
    top:0px;
    left:0px;
    width:912px;
}
.productpageright
{
    float:right;
    width:682px;
}
.productpageleft
{
    float:left;
    width:222px;
}
.productright
{
    float:right;
    width:222px;
}
.productleft
{
    float:left;
    width:452px;
    position:relative;
}
#productdetails
{
    width:206px;
    height:395px;
    padding:8px;
    background-color:#ecf0ec;
    font-size:10px;
    line-height:13px;
    position:relative;
}
#productdetails h1
{
    font-size:16px;
    margin:0px 0px 5px 0px;
    padding:0px;
}
#qtybox
{
    height:41px;
    width:222px;
    background-image:url('/images/qty-box.gif');
    background-repeat:no-repeat;
    position:relative;
}
.qtyboxinput
{
    position:absolute;
    bottom:10px;
    right:10px;
    width:30px;
    height:20px;
    line-height:20px;
    border:0px;
    margin:0px;
    padding:0px 0px 0px 5px;
    color:#666666;
    font-size:12px;
    font-weight:bold;
}
#addtocartbox
{
    margin-top:8px;
}
#imagelistbox
{
    width:230px;
    height:49px;
    margin-top:8px;
}
.imageicon
{
    width:37px;
    height:37px;
    float:left;
    margin:0px 8px 8px 0px;
    border:solid 2px #ecf0ed;
}
.imageicon:hover, .imageicon.selected
{
    border:solid 2px #2f5c80;
}
#emailtofriendbox
{
    position:absolute;
    right:0px;
    bottom:8px;
}
#cabbox
{
    width:460px;
}
.cabitem
{
    width:87px;
    height:52px;
    padding:112px 10px 10px 10px;
    float:left;
    margin:8px 8px 0px 0px;
    background-color:#ecf0ec;
    position:relative;
}
.cabitem a
{
    text-decoration:none;
    color:#2f5c80;
}
.cabitem a:hover
{
    text-decoration:underline;
}
.cabitem img
{
    position:absolute;
    left:0px;
    top:0px;
}
#helpfulbox
{
    margin-top:8px;
    height:174px;
    background-color:#ecf0ec;
}
#helpfulbox ul
{
    list-style:none;
    margin:0px;
    padding:10px;
}
#helpfulbox li a
{
    font-size:16px;
    line-height:25px;
    font-weight:bold;
    display:block;
    color:#2f5c80;
    text-decoration:none;
}
#helpfulbox li a:hover
{
    text-decoration:underline;
}
#helpfulcontactbox
{
    background-color:#cbd6df;
    height:311px;
    margin-bottom:10px;    
}
#helpfulcontactbox ul
{
    list-style:none;
    margin:0px;
    padding:10px 10px 0px 10px;
}
#helpfulcontactbox li a
{
    font-size:16px;
    line-height:20px;
    display:block;
    color:#2f5c80;
    text-decoration:none;
}
#helpfulcontactbox li a:hover
{
    text-decoration:underline;
}
#navigation
{
    width:222px;
    background-color:#ecf0ec;
}
#navigation a
{
    text-decoration:none;
    color:#2f5c80;
    display:block;
}
#navigation a:hover
{
    text-decoration:underline;
}
#navigation ul
{
    list-style:none;
    margin:0px;
    padding:15px 10px 0px 10px;
}
#navigation .navsubcategories
{
    padding:0px 0px 8px 0px;
}
#navigation .navcatproducts
{
    padding:8px 0px 0px 0px;
}
#navigation li
{
    padding:0px 0px 8px 0px;
    font-size:16px;
    font-weight:bold;
}
#navigation .navsubcategories li
{
    padding:8px 0px 0px 0px;
    font-size:14px;
    font-weight:normal;
}
#navigation .navcatproducts li
{
    padding:0px;
    font-size:12px;
    font-weight:normal;
}
.deliveryinfopage
{
    background-image:url('/images/delivery-bg.gif');
    background-position:right bottom;
    background-repeat:no-repeat;
}
#pressloginpage
{
    width:642px;
    min-height:444px;
    padding:20px;
    background-color:#ecf0ec;
    background-image:url('/images/press-login-bg.jpg');
    background-position:right top;
    background-repeat:no-repeat;
}
#stockistenquirybox
{
    width:222px;
    height:449px;
    background-color:#cbd6df;
}
#stockistenquiryboxtext
{
    padding:8px 8px 0px 8px;
    font-size:12px;
}
#stockistenquirybox form
{
    margin:0px;
    padding:8px;
}
#pressloginbox
{
    width:222px;
    height:127px;
    background-color:#cbd6df;
    position:relative;
}
#pressloginbox form
{
    margin:0px;
    padding:8px;
}
#pressrequestloginbox
{
    width:222px;
    height:349px;
    background-color:#cbd6df;
}
#pressrequestloginbox form
{
    margin:0px;
    padding:8px;
}
.leftsideinputbox
{
    width:194px;
    height:30px;
    line-height:30px;
    border:0px;
    margin:0px 0px 8px 0px;
    padding:0px 0px 0px 10px;
    color:#CCCCCC;
    font-size:12px;
    font-weight:bold;
}
.smallleftsideinputbox
{
    width:160px;
    height:30px;
    line-height:30px;
    border:0px;
    margin:0px;
    padding:0px 0px 0px 10px;
    color:#CCCCCC;
    font-size:12px;
    font-weight:bold;
}
.leftsidetextbox
{
    width:194px;
    height:95px;
    line-height:30px;
    border:0px;
    margin:0px 0px 8px 0px;
    padding:0px 0px 0px 10px;
    color:#CCCCCC;
    font-family:Arial;
    font-size:12px;
    font-weight:bold;
}
#presscoverage
{
    width:682px;
}
.pcitem
{
    float:left;
    width:300px;
    padding:20px 5px 20px 5px;
    border-top:dotted 1px #2f5c80;
    margin-right:20px;
    font-size:14px;
    line-height:18px;
}
.pcitem .pcimgage
{
    float:left;
    margin-right:10px;
}