@charset "UTF-8";
/* CSS Document */

body {margin:0; padding: 0; background:#110631 url(../images/bgshadow.jpg) no-repeat center top; color:#fff; font-family: Arial, Verdana, sans-serif; font-size: 12px;}
img {border:none;}
h1, h2, h3, h4, h5, p, ul, li, form, fieldset, legend, label, select, input, textarea, div {padding:0; margin: 0; font-family: Arial, Verdana, sans-serif; font-size: 12px; font-weight: normal}
h1 {font-size:26px; font-weight: bold; line-height: 30px}
h2 {font-size: 22px;}
h4 {font-size: 15px; font-weight:bold}
h5 {font-size: 14px; font-weight:bold}

p {margin:16px 0; line-height: 16px}

a {text-decoration:none}
a:hover {text-decoration: underline;}

fieldset {padding:10px;}
label {padding:4px 0; margin: 0 0 8px 0}
select, input, textarea {padding:4px; border: 1px solid #ccc; margin: 4px 0}

.floatright {float:right}
.floatleft {float:left}
.clear {clear:both}
.clearleft {clear:left}
.clearright {clear:right}

.centre {text-align: center}

.half {width:45%;}
.third {width:30%}

#container {width:841px; margin: 0 auto; border-right:2px solid #09002f;  border-left:2px solid #09002f; padding-top: 30px; background: #09002f}

#header {height:75px;}
#header img {margin: 20px 0 0 30px}
#header .storelocator {background:#3f385d; width: auto; padding: 8px 60px 4px 15px}
#header .storelocator label {font-size:10px; display: block; margin: 0; padding: 2px 0}
#header .storelocator input {background: #0a002f; color: #fff; font-size: 11px; margin: 0; border: none}
input.go {background: #0a002f; color: #fff; font-size: 11px; margin: 0; border: none}


ul#nav {list-style: none; margin: 30px 0; text-align: center}
ul#nav a {color:#fff;}
ul#nav li {display: inline; margin: 0;}
ul#nav .divider {margin: 0 7px; color: #214882; border: none}

#banner {height:340px; background: url(../images/bannerbg_home.jpg) no-repeat bottom; padding-bottom: 20px}
#banner div.controls {margin: 160px 8px 0 8px}
#banner ul.bannerblock a {color:#fff; text-decoration: underline}
#banner ul.bannerblock {padding:0 20px; margin: 0 20px; list-style: none; display: block}
#banner ul.bannerblock li {height:360px; display: block; width: 740px; }
#banner ul.bannerblock h1 {margin-top: 20px}

#banner .bathtext {padding:0; width:180px; margin-top: 100px}
.productdetail #banner {height: 320px}
.productdetail .otherviews {padding:0; font-size: 10px; }
.productdetail #banner .prodimg {text-align: center; margin-top: 2px}

.homepage .col1 {width:496px;}
.homepage .col2 {width:197px;}
.homepage h1 {margin-bottom: 30px;}
.homepage .panel {background: url(../images/panelbg.jpg) no-repeat bottom right; margin-bottom: 20px;}
.homepage .panel input {background: #0a002f; color: #fff;}
.homepage .panel input.submit {background: none; color: #fff; padding: 0 }
.homepage .indent {padding:15px 10px 10px 25px}
.homepage .button {background: url(../images/buttonbg.gif) no-repeat top; width: 195px; padding:0 0 0 15px; margin: 0; height: 122px}
.homepage .button p {font-size:10px; line-height: 12px; margin: 10px 0}
.homepage .button h4 {padding-top:10px}
.homepage .button2 {margin-left:280px;}

.products {background:#110631 url(../images/mainbg_index.jpg) no-repeat top; padding: 0}
.productlist {background: url(../images/productrowbg.png) repeat-y top; display: block; padding:0;}
.productlist a{color:#fff;}
.productlist .productblock {padding: 0 30px 20px 30px; list-style: none; width:360px; height: 235px}
.productlist .productblock h2 {width:130px}
#mainpanel .productlist .productblock h2 a {text-decoration:none}
.productlist .productblock .abstract {width:215px; font-size: 10px;}
.productlist .productblock .abstract p {font-size: 10px; line-height: 12px; padding: 0; margin: 0 0 5px 0}
.productlist .productblock .abstract p a {text-decoration: underline}
.productlist .productblock .prodimg {margin:5px 0; text-align: center;}

#mainpanel {background:#09002f url(../images/mainbg_home.jpg) no-repeat bottom; padding: 40px 40px 50px 40px; margin:0; color: #fff;}
#mainpanel a {text-decoration:underline; color:#fff;}
#mainpanel.productindex {background: none; padding: 0;}
#mainpanel.productindex h1 {padding-left:30px }

#mainpanel.productdetail {background: none; padding: 0; }
#mainpanel.productdetail #productinfo {background:#110631 url(../images/mainbg_home.jpg) no-repeat bottom; padding: 40px; margin: 0}
#mainpanel.productdetail .bannerblock {padding:10px 20px}
#mainpanel.productdetail .col1 {width:506px;}
#mainpanel.productdetail .col1 input.order {background:url(../images/btn_order.gif); width: 96px; height: 34px; text-align: center; color: #fff;}
#mainpanel.productdetail .col1 .copy {width:300px;}
#mainpanel.productdetail .col1 .pdf {width:183px; margin-top: 150px}
#mainpanel.productdetail .col2 {width:145px;}
#mainpanel.productdetail .panel {background: #37406d; margin: 15px 0; padding: 6px 0 0 8px;}
#mainpanel.productdetail .panel2 {background: #37406d; margin: 15px 0; padding: 6px 0 0 6px;}
#mainpanel.productdetail #productthumbs {margin:0 0 45px 0}
#mainpanel.productdetail #productthumbs h4 {margin:0 0 8px 0}
#mainpanel.productdetail .thumb {margin-right:4px; display:inline;}
#mainpanel.productdetail #alsolike {margin-top:40px}

ul#crosssell {margin:0; padding:0; list-style:none}
ul#crosssell li {margin:0 4px 4px 0; padding:0; float:left; width:80px; height:100px; text-align:center}
ul#crosssell li h5 {font-size:12px; display:inline; margin:0}
ul#crosssell li a {text-decoration:none}

#mainpanel.news {}
#mainpanel.news #contentTemplate {margin-left: 200px}
#mainpanel.news #sidepanel {float: left; margin: 0; width: 170px;}
#mainpanel.news ul#news {list-style: none; margin: 10px 0; padding: 0; border-bottom: 1px dotted #224982; }
#mainpanel.news ul#news a {color:#fff;}
#mainpanel.news ul#news li {margin: 0; padding: 10px 0; border-top: 1px dotted #224982}
#mainpanel.news ul#news li h1{font-size: 14px; line-height: 16px; font-weight: normal; margin-bottom: 7px}


#mainpanel.locate {background:#110631 url(../images/mainbg_index.jpg) no-repeat top; padding: 20px 20px 100px 20px; margin: 0}


#stockistappend {padding:0 40px 10px 40px}
div.stockistlist {margin:0; padding: 0; list-style: none}
.stockist {display: block; margin: 10px; padding: 20px; border-bottom: dotted #224982 1px;}
.stockist a {color:#fff; text-decoration: underline}
.stockist .map {width:300px; margin-left: 20px}
.stockist h1 {font-size: 20px; margin: 6px 0;}
.stockist h1 .floatright {font-weight: normal;}
.stockist h2 {font-size: 17px; font-weight: normal; margin: 10px 0;}
.stockist h3 {font-size: 14px; font-weight: normal; margin: 6px 0; display: none}
.stockist h3.hasdisplay {display:block}
.stockist p {font-size: 12px; line-height: 16px}

table.stockists {width:730px}
table.stockists a {color: #fff; text-decoration: underline}
table.stockists td{padding: 7px 7px 7px 0; border-bottom: dotted #224982 1px}
table.stockists td span.tick {display: none}
table.stockists td span.tick.hasdisplay {display: inline;}

#footer {background:#09002f url(../images/footerbg.gif) no-repeat; padding: 25px 30px 15px 30px;}
#footer h5 {margin-bottom: 15px}
#footer a {color: #fff;}
#footer ul li {list-style: none; font-size: 10px;}
#footer .col1 {width:130px;}
#footer .col2 {width:300px; margin-left: 160px;}
#footer .col3 {width:200px; text-align: right}

.collectionscroll {margin: 10px 0; height: 160px}
.controls {margin: 60px 2px 0 2px}
.carousel {background: none; height:140px; margin-left: 45px}
.carousel h3 {font-size: 14px; font-weight: bold; padding: 8px 20px}
.carousel ul {margin-bottom: 20px}
.carousel ul li {width:130px; padding: 5px 0 15px 20px; height: 90px }
.carousel ul li h4 {font-size: 13px; color: #fff; font-weight: normal}


#productpopup {visibility: hidden; position: absolute; top:-1000px; left: -1000px;}


.more {display: none;}
a.showLink, a.hideLink {font-weight:bold; color:#cc0000}