﻿
/*-- Default Page -- */
div#landing_holder{margin:0px 0;}
div#landing_logo{text-align:center;}
div#landing_enter{margin-right:232px; margin-top:17px; float:right;}

/*-- Content Page Styles -- */
div.leftholder{width:580px; padding-top:26px; height:297px;}
div.rightholder{width:468px; float:right; padding-top:21px;}

/*-- Brand Info --*/
div#brandinfo{width:468px; float:right; margin-top:13px;}
div#brandinfo h1.brandinfo_title_h1{font-size:6.5em; color:#cccccc; letter-spacing:-3px; padding-left: 14px;}

/*-- Stockists --*/

div#div_stockistholder{width:850px; margin-left:50px; margin-top:35px;}
div.stockistdiv{width:200px; padding-left:10px;}
div.st_head{font-size:1em; font-weight:bold; padding-bottom:8px;}
div.st_body{padding-top:8px; font-size:1em;}
div.st_body a{ font-weight:normal;}

/*-- Press --*/

div#press{ background-color:#231F20; height:335px; width:950px;}
div.press_item{height:335px; width:237px;}
div.press_img{height:310px; margin-bottom:3px; position:relative; width:236px; overflow:hidden;}
div.press_img img{ vertical-align:bottom; position:absolute; bottom:0px; right:0px; left:0.15em;}
div.press_info{background-color:#fff; height:18px; width:234px; color:#000; padding:3px 0px 0px 0px; font-size:0.7em; margin-left:2px;}
div.press_info:hover{cursor:pointer;}
div.press_info a{color:#000; margin-left:5px;}

/*-- Showroom -- */
div.showroomcol{width:210px; padding-right:22px; }

/*-- Contact -- */
div#contact{margin-left:50px;}
div.coltitle{padding:9px 0px 8px 50px;} 
div.coltitleleft{padding:9px 0px 8px 0px;}
div.coltitle, div.coltitleleft{font-weight:bold; width:185px;}
div.coltitle h1, div.coltitleleft h1{font-size:1em; font-weight:bold; margin-left:0px;}

div.contactcol, div.contactcolleft{width:185px; padding:15px 0px 0px 0px;}
div.contactcol{padding-left:50px;}
div.contactcolleft a, div.contactcol a{color:#000; font-weight:normal;}
div.contactcolleft a:hover, div.contactcol a:hover{text-decoration:underline;}


/*-- Register -- */
div#reg{padding-left:35px;}
div#reg div#left{margin-right:2px;}

div.regtitle{padding-left:14px; font-weight:bold; padding:9px 0px 33px 14px;}
div.regtitle h1{font-size:1em; font-weight:bold;}
div.regcol{width:254px; padding-left:14px;}

table.tbl_register tr th, table.tbl_register tr td{ font-size:0.7em; color:#000;}
table.tbl_register tr.answer td{padding-bottom:3px;}
table.tbl_register tr.question td{ font-weight:bold; padding-bottom:4px;}
table.tbl_register tr.button td{padding-top:16px;}
table.tbl_register input, table.tbl_register textarea{border:1px solid #000; width:254px;}
table.tbl_register input{font-size:0.9em; }
table.tbl_register textarea{font-size:120%; height:62px;}

/* Shop */
div.shop{overflow:hidden; margin:0px 12.5px 0px 0px; width:950px; height:335px;}
div.shop div.shopitem{width:185px;} 
div.shop div.shopitem div:hover{ cursor:pointer;}
div.shop div.shopitem img{text-align:center;}
div.shop div.shopitem div.item{height:300px;}
div.shop div.shopitem div.info a{color:#000; text-decoration:none; }
div.shop div.shopitem div.info{font-weight:bold; height:35px; color:#000; font-size:0.7em; padding-left:47px;}
div.shop div.shopitem div.info span{font-weight:normal; padding-left:15px;}

/* Product */

div#productholder{width:880px; margin-left:65px; height:335px; color:#000;}

div#productimage{width:225px; height:330px; padding-top:10px;}

div#pinfo{ margin:35px 12px 0px 45px; width:280px;}
div.ptitle div, div.psubtitle div{font-weight:bold; display:inline;}
div.ptitle div.brand{font-size:1em;font-weight:bolder;}
div.ptitle{margin-bottom:0px;}
div.psubtitle{font-size:0.9em; margin-top:0px;}

div#pinfo_titles{margin-bottom:10px;}
div.pinfo_text{margin-top:10px; font-size:0.9em;}
div.pinfo_text p{margin:12px 0px 12px 0px;}

div.pinfo_text ul{list-style-position:inside;}
div.pinfo_text li{display: list-item; list-style-type:disc; padding-left:20px;}


div#productoptions{margin-top:35px; width:308px;}
div#productoptions a{color:#000; font-size:0.9em;}


div#productaltimages{ height:124px;}
div.altimg,div.altimgfirst{border:solid 2px #ccc; border-left-width:0px; height:120px;}
div.altimgfirst{border-left:solid 2px #ccc;}

div.poption{margin-top:10px;}
div.poption div.options{font-size:1.2em; margin-top:2px;}
div.poption div.options input{}
div.poption div.options a{display:inline-block; border-right:solid 1px #000; padding-right:5px; height:12px; line-height:12px;}
div.poption div.options a.last{border-right-width:0px;}
div.poption div.options a:hover{text-decoration:underline;}
div.poption div.options input{font-size:0.8em; border:solid 1px #000;}
div.poption div.options span.val{font-size:1.1em; font-weight:bold;}

div.poption div.btn{height:23px; width:22px;}



/*-- Basket --*/
div.basketholder{overflow:auto; width:940px; overflow:hidden;}

table.table_basket{ width:854px; margin-top:35px; margin-left:47px; color:#000; border-bottom:solid 2px #cccccc;}
table.table_basket tr{}
table.table_basket th{text-align:left; font-size:0.8em; padding-bottom:8px; font-size:0.7em;}
table.table_basket td{border:solid 2px #cccccc;border-right-width:0px; border-bottom-width:0px; font-size:0.7em;}

table.table_basket th, table.table_basket td{padding-left:12px;}

table.table_basket th.item, table.table_basket td.item{width:80px;}
table.table_basket th.code, table.table_basket td.code{width:42px;}
table.table_basket th.description, table.table_basket td.description{width:208px; padding-right:10px}
table.table_basket th.size, table.table_basket td.size{width:60px;}
table.table_basket th.colour, table.table_basket td.colour{width:74px;}
table.table_basket th.price, table.table_basket td.price{width:103px;}
table.table_basket th.qty, table.table_basket td.qty{width:80px;}
table.table_basket th.priceinc, table.table_basket td.priceinc{width:103px;}
table.table_basket th.btn, table.table_basket td.btn{width:70px;}

table.table_basket td.qty a{color:#000;}
table.table_basket td.priceinc{border-right-width:0px;}
table.table_basket td.btn{border-right:solid 2px #cccccc; border-left-width:0px; text-align:right;}

div.totalholder{color:#000; float: right; margin:0 35px 10px 0; display: inline;}
div.totallabel a{color:#000;}
div.totalholder div.totallabel{width:120px; padding-left:13px; font-weight:bold; margin-top:16px; font-size:0.8em;}
div.totalholder div.totalprice {font-size:0.9em; width:240px; margin-top:5px; height:23px; border:solid 2px #cccccc;}
div.totalholder div.totalprice div.label {width:90px; line-height:22px; padding-left:4px; margin-left:7px;}
div.totalholder div.totalprice div.btn{ background-color:#999999;}

div.extraorder {float: right; margin-right: 35px;}

div.extraorder {float: right; margin-right: 35px;}

div.options span{font-size:0.7em;}

div.error{text-align:center; margin-top:15px; color:#000; width:950px; font-size: 90%;}


/*-- Delivery Options --*/

div#div_delivery{font-size:0.8em; color:#000; padding-left:25px; padding-top:26px;}

div#div_delivery div.del_pagetitle{padding-left:24px;}
div#div_delivery div.del_pagetitle h1{font-size:1em; font-weight:bold;}
div#div_delivery div.del_pageinfo{padding-left:23px; padding:5px 0px 5px 23px;}


div#div_delivery div.delcol{padding-left:10px; width:400px;}
div#div_delivery div.delcol div.check{padding-top:10px; padding-left:14px;}

div.delTitle{font-weight:bold; padding:9px 0px 5px 14px;}
div.delInfo{padding-left:10px;}
div.delTitle h2{font-size:1em; font-weight:bold;}

div.del_para{padding: 0; float: left;}
div.pt_content{text-transform: uppercase;}
div.pt_content div.del_para table{color: #000; padding: 0 0 15px; text-transform: uppercase;}
div.pt_content div.del_para table th{font-size: 65%; font-weight: bold; text-align: left; padding: 6px 0;}
div.pt_content div.del_para table th.wide{width: 180px;}
div.pt_content div.del_para table th.normal, div.pt_content div.del_para table td.normal{padding-left: 5px;}
div.pt_content div.del_para table td{font-size: 65%; width: auto; padding: 0 0 6px;}
div.del_int select{font-size: 100%; width: 202px; margin: 10px 0; float: left;}
div.del_int a {color: #000; font-weight: bold;}

div.del_int {float: left; margin-left: 75px; display: inline; width: 460px; text-transform: uppercase;}
div.del_int p {float: left; clear: both;}

table.tbl_delivery{padding-left:14px; font-size:1em; color:#000; }
table.tbl_delivery td.question{ font-weight:bold; padding-bottom:2px; width:100px;}
table.tbl_delivery td.answer{padding-bottom:1px;}
table.tbl_delivery td.answer div{border:1px solid #000;}
table.tbl_delivery tr.button td{padding-top:20px;}
table.tbl_delivery input{border:1px solid #000; width:200px;}
table.tbl_delivery select{width:202px; font-size:0.9em;}
table.tbl_delivery input{font-size:0.9em;}

table.tbl_forward{padding-left: 5px; font-size:1em; color:#000;}
table.tbl_forward td.question{ font-weight:bold; padding-bottom:2px; width:100px;}
table.tbl_forward td.answer{padding-bottom:1px;}
table.tbl_forward td.answer div{border:1px solid #000;}
table.tbl_forward tr.button td{padding-top:20px;}
table.tbl_forward input{border:1px solid #000; width:200px;}
table.tbl_forward select{width:202px; font-size:0.9em;}
table.tbl_forward input{font-size:0.9em;}
table.tbl_forward td.answer_x input{border:none;width:20px; font-weight:bold;}

div#div_delivery div.del_list{padding-left:10px;}
div#div_delivery div.del_list table tr td{font-size:0.7em; color:#000;}
div#div_delivery div.del_btn{padding-left:10px;padding-top:20px;}
div#div_delivery div.del_list a{color: #000; font-weight: bold;}
div#div_delivery div.del_list p{padding-left: 3px;}
div#div_delivery div.del_list input{margin: 2px; padding: 5px 0; width: 15px; height: 15px; vertical-align: middle;}
div#div_delivery div.del_list label{margin: 0; padding: 0; height: 15px; vertical-align: middle;}

/* VAT */
div#Div1 div.delTitle {padding: 9px 0 0 0;}
.vat {border: 0px solid blue; width: 269px; float: right; position: relative;}
div#div_delivery div.del_list .vat input, div.del_list .vat input {width: 200px; height: 15px; font-size: 0.9em; border: 1px solid #000;}
div.del_list .vat span {float: left;}
div.del_list .vat input {float: right; position: absolute; left: 68px;}
div#div_delivery div.del_list .vat p, div.del_list .vat p {padding: 2px 0 7px; margin: 0;}
.vatvalidate {position: absolute; top: 40px; left: 0;}
.vatvalidatewide {position: absolute; top: 40px; left: 0; width: 420px;}

/* Flags */
.floatright .flags img {float: left; padding-left: 10px; position: relative; }

.floatright .flags a {width: 21px; height: 13px; display: block; float: left; margin-left: 10px;border:1px solid #000;}
.floatright .flags a.uk {background: url(img/uk.gif) no-repeat 0 -13px;}
.floatright .flags a.hk {background: url(img/hk.gif) no-repeat 0 -13px;}
.floatright .flags a.us {background: url(img/us.gif) no-repeat 0 -13px;}
.floatright .flags a.eu {background: url(img/euro.gif) no-repeat 0 -13px;}
.floatright .flags a.jp {background: url(img/jpy.gif) no-repeat 0 -13px;}

.floatright .flags a.selected  {background-position : 0 0px; border:1px solid #fff;}


/* Order Confirmation and Order Failed */
div.message{ color:#000; padding-top:35px;}
div.message h2{font-size:0.8em;padding-left:50px;}
div.message div.text{padding:10px 0px 15px 50px;}
div.message div.text a{color:#000;}

/* Summary Details */
h1.detailssummary {padding: 10px 10px 15px 50px; font-size: 100%; border: 0px solid pink;}
.itemsummary {float: left; width: 450px; margin: 0 25px 0 50px; border: 0px solid red; display: inline;}
.itemsummary .table_basket {margin: 10px 0 0; width: 450px;}
.itemsummary .table_basket th {padding: 0 0 8px 12px; margin: 0;}
    
.deliverysummary {float: left; width: 190px; border: 0px solid green;}


.itemsummary h2, .deliverysummary h2, .shippingsummary h2 {font-size: 110%;}
.deliverysummary p, .shippingsummary p {font-size: 100%;}

.shippingsummary {float: right; width: 200px; border: 0px solid blue;}
.shippingsummary input {border: 1px solid #000; width: 200px; height: 15px; font-size: 90%;}
.shippingsummary .rbl {font-size: 110%;}
.shippingsummary .tc input, .shippingsummary .rbl input {border: 0; width: auto;}
.shippingsummary .shippingdetails {font-weight: bold;}
.shippingsummary .shippingdetails p {margin-bottom: 2px;}

.tc input {margin: -4px 0 0; width: 18px; height: 25px; vertical-align: middle;}
.tc label {margin: 0; height: 15px;}

/* Plain Text Pages */

div.plaintext{padding-left:35px; padding-top:26px;}

div.pt_title{padding-left:14px; font-weight:bold; padding:9px 0px 33px 14px;}
div.pt_title h1{font-size:1em; font-weight:bold;}

div.pt_content{padding-left:14px; color:#000;}
div.pt_content p{margin:0px 0px 20px 0px;}
div.pt_content a{color:#000; font-weight:bold;}
div.pt_content a:hover{text-decoration:underline;}

div.pt_content div.text{padding-bottom:10px;}

div.pt_content div.left, div.pt_content div.right{width:425px;}
div.pt_content div.left{}
div.pt_content div.right{}


div.pt_content table{}
div.pt_content table tr{}
div.pt_content table th{text-align:left; width:100px; color:#000; font-size:0.8em;}
div.pt_content table td{ width:50px; color:#000; font-size:0.8em;}

div#checkout_icons{ float:left; width:200px; margin-left:25px;}


/*--- Currency Convertor --*/

.currencypanel {width: 285px; overflow: hidden;}

#currency {font-size:0.8em; width: 280px; margin: 10px 0 0;}
#currency table {font-size: 100%; color: #000;}
#currency table th {padding: 10px 25px 0 0; text-align: left;}
#currency table td {padding-right: 25px;}

.element_hidden{display: none;}
.answer_open {display: block;}
.answer_hidden {display: none;}

.currencyHolder {float: left;}
.currencyHolder div #currency div {display: none;}

.currencyLink {float: left; padding: 20px 0 0 50px;}
.currencyPanel {width: 300px;}
