/* layout */
/* general */
* { margin:0; padding:0;}
body { text-align:center; font-family:Arial, Helvetica, sans-serif;}
#container { width:940px; margin:0 auto; text-align:left;}
.row1 { clear:both;  overflow:hidden;}
.top { height:31px; padding-top:10px; padding-bottom:10px; clear:both; overflow:hidden;}
.checkout { float:left;}
.logo { float:right;}
/* productpage */
#mainproductpage { overflow:hidden;}
.mainproductleft { width:752px; float:left; overflow:hidden; padding-top:10px;}
.mainproductright{ width:180px; float:right;}
.flash { width:750px; height:330px; float:left; border: 1px solid #cccccc; max-height: 330px; max-width: 750px; position: relative; }
.flash span { width: 750px; max-width: 750px; height: 25px; max-height: 25px; background-color: #003366; color: #FFFFFF; border-top: 1px solid #cccccc; position: absolute; top: 305px; left: 0; text-align: center;}
.flash p { width: 60px; max-width: 60px; height: 25px; max-height: 25px; background-color: #003366; color: #FFFFFF; border-bottom: 1px solid #cccccc; border-left: 1px solid #cccccc; position: absolute; top: 0px; left: 689px; text-align: center;}
.colright { width:180px; padding-top:10px; float:right; text-align:center;}
.colright1 { width:180px; height:150px; margin-bottom:10px; padding-top:10px; background:#6C5540; color:#FFFFFF;}
.colright2 { width:180px; padding-top:10px; padding-bottom:1px; background:#C2B698; color:#FFFFFF;}
.colours { float:left; width:751px; clear:both; margin-top:7px;}
.help { float:right; width:160px; height:20px; padding:15px 10px 15px 10px; background:#C2B698; margin-top:10px;}
.productcontent { width:751px; float:left; overflow:hidden;}
.productcontentleft { width:300px; float:left; margin-top:10px;}
.formbox { width:280px; height:180px; padding:10px; background:#6C5540; color:#FFFFFF; margin-bottom:10px; overflow:hidden;}
.formboxleft { width:80px; float:left; text-align:right;font-size:11px; font-weight:bold; margin:10px 0px;}
.formboxright { width:195px; float:right; text-align:left;  font-size:10px; margin:10px 0px; color: #666666;}

.formbox1 { width:280px; padding:10px 10px 0px 10px; background:#6C5540; color:#FFFFFF; margin-bottom:10px; overflow:hidden;}
.formbox1 .formboxleft { width:80px; float:left; text-align:right;font-size:11px; font-weight:bold; margin:10px 0px;}
.formbox1 .formboxright { width:195px; float:right; text-align:left;  font-size:10px; margin:10px 0px; color: #666666;}

.productdetail { width:280px; padding:10px 10px; background:#C2B698; color:#FFFFFF;}
.productimages { width:280px; height:72px; padding:10px 10px; background:#C2B698; color:#FFFFFF; margin-top: 10px;}
.productcontentright { width:435px; float:right; margin-top:10px; color: #666666}
.productcontentsmall { width:435px; float:right; margin-top:10px; color: #666666}
.colorOptionContainer { width: 752px; height: 70px;}
.colorOptionContainer img { border: 0; }
.colorOptionLeft { height: 70px; background: url('images/left__bg.png') repeat-x left; float: left; margin-top:10px; margin-right: 10px;}
.colorOptionLeft ul { list-style: none; float: left; margin-top: 6px; margin-left: -15px; }
.colorOptionLeft ul li { width: 51px; height: 50px; display: inline; margin-left: 3px; }
.colorOptionLeft .firstOption { width: 30px; height: 70px; margin-left: 15px;}
.colorOptionLeft .lastOption { width: 50px; height: 70px; }
.colorOptionRight { height: 70px; background: url('images/right__bg.png') repeat-x left; float: left; margin-top:10px;}
.colorOptionRight ul { list-style: none; float: left; margin-top: 6px; margin-left: -15px; }
.colorOptionRight ul li { width: 51px; height: 50px; display: inline; margin-left: 3px; }
.colorOptionRight .firstOption { width: 30px; height: 70px; margin-left: 15px;}
.colorOptionRight .lastOption { width: 50px; height: 70px; }
.test { float: right; width: 100%; *height: 10px; _display: none;}
/* general */
.row5 { clear:both;  overflow:hidden;}
.footer { height:30px; margin-top:10px; border-top:1px solid #CCCCCC; clear:both; text-align:left; overflow:hidden;}
.footerleft { width:755px; float:left;}
.footerright { width:175px; float:right;}
/* config */
/* general */
.top h1 {font-size:11px; font-weight:bold; text-transform:uppercase; line-height:31px; color: #cccccc;}
.top h1 a {font-size:11px; font-weight:bold; text-transform:uppercase; line-height:31px; color: #cccccc; text-decoration:none;}
.top h1 a:hover {font-size:11px; font-weight:bold; text-transform:uppercase; line-height:31px; color: #003366; text-decoration:underline;}
.top img { float:left;}
.menu { height:30px; background:#EFEFEF; overflow:hidden;}
.menu ul { list-style:none; margin-left:6px; margin-right:6px;}
.menu ul li { display:inline;  font-size:11px; font-weight:bold; text-transform:uppercase;}
.menu ul li a {color:#666666; text-decoration:none; padding-left:6px; padding-right:6px; padding-top:3px; padding-bottom:3px;}
.menu ul li a:hover {background:#F6F6F6; color: #333333}
.menuleft {float:left; line-height:30px;}
.menuright {float:right; line-height:30px;}
.footerright p {text-align:right; font-size:10px; line-height:30px; color:#999999;}
.footer ul { list-style:none; overflow:auto;}
.footer li { display:inline; font-size:10px; line-height:30px; color:#999999;}
.footerlist { color:#999999; text-decoration:none;  font-size:10px; padding-right:0.5em; padding-left:0.5em; border-right:1px #999999 solid;}
.footerlistitem { color:#999999; text-decoration:none;  font-size:10px; padding-right:0.5em; padding-left:0.5em;}
.footerlist:hover { color:#333333; text-decoration:underline;  font-size:10px; padding-right:0.5em; padding-left:0.5em; border-right:1px #999999 solid;}
.footerlistitem:hover { color:#333333; text-decoration:underline;  font-size:10px; padding-right:0.5em; padding-left:0.5em;}
/* productpage */
.colright1 h1 {width:160px; height:25px; background:#795F47; color:#FFFFFF; font-size:11px; font-weight:bold; line-height:25px; text-align:center; text-transform:uppercase; margin:0 auto;}
.colright2 h1 {width:160px; height:25px; background:#CEC1A1; color:#FFFFFF; font-size:11px; font-weight:bold; line-height:25px; text-align:center; text-transform:uppercase; margin:0 auto;}
.colright1 p {width:164px; margin:0 auto; margin-top:10px; margin-bottom:10px; font-size:10px; text-align:left; line-height:1;} 
.colright2 p {width:164px; margin:0 auto; margin-top:10px; margin-bottom:10px; font-size:10px; text-align:center;}
.shop { width:120px; height:20px; background:#003366; color:#FFFFFF; border:1px solid #FFFFFF; display:block; font-size:11px; font-weight:bold; text-transform:uppercase; text-decoration:none; margin:0 auto; line-height:20px; text-align:center;}
.more { width:80px; height:20px; background:#CEC1A1; color:#FFFFFF; border:1px solid #FFFFFF; display:block; font-size:11px; font-weight:bold; text-transform:uppercase; text-decoration:none; line-height:20px; text-align:center;}
.buy { width:70px; height:20px; background:#003366; color:#FFFFFF; border:1px solid #FFFFFF; display:block; font-size:11px; font-weight:bold; text-transform:uppercase; text-decoration:none; line-height:20px;  text-align:center; margin-left: 0px;}

.buybutton { width:70px; background:#003366; color:#FFFFFF; border:1px solid #FFFFFF; font-size:11px; font-weight:bold; text-transform:uppercase; text-decoration:none; text-align:center;}
.productbox h1, .productboxlast h1 {width:160px; height:25px; background:#CEC1A1; color:#333333; font-size:11px; font-weight:bold; line-height:25px; text-align:center; text-transform:uppercase; margin:0 auto;}
.productbox p, .productboxlast p {width:160px; margin:0 auto; margin-top:10px;  margin-bottom:10px; font-size:10px; text-align:left; color:#FFFFFF; line-height:1;}
.darkgrey { color:#333333;}
.button { text-align:center; margin:0 auto;}
.colrightbutton { width:158px; height:17px; background:#CEC1A1; color:#FFFFFF; border:1px solid #FFFFFF; display:block; font-size:11px; font-weight:bold; text-transform:uppercase; text-decoration:none; line-height:17px; text-align:center;}
.productcontentright h1 {font-size:12px; padding-bottom:10px; color: #666666; font-style:italic;}
.productcontentright p {font-size:12px; padding-bottom:10px; line-height:1;}
.productcontentright p.last { padding-bottom:0px;}
.productcontentsmall p { font-size:11px; padding-bottom:0px; line-height:1;}
.colours ul {list-style:none; padding:0; margin:0; padding-bottom:0px;}
.colours ul li { display:inline; padding:0; margin:0;}
.colours ul li img { margin-right:2px;}
.colours p { font-size:11px; font-weight:bold; color: #666666}
.colours p.big { font-size:11px; font-weight:bold; margin-bottom:4px; color: #666666; text-transform: uppercase; padding-top:4px;}
.colours p.norm { font-size:12px; font-weight: normal; margin-bottom:4px; color: #666666; padding-top:4px;}
.productdetail ul { list-style:none; margin:0; padding:0; list-style-position:inside;}
.productdetail ul li { display:inline; margin:0; padding:0;}
.productdetailthumbfirst { margin-right:3px; margin-left:1px;}
.productdetailthumb { margin-right:2px; border: 1px solid #ffffff;}
.banner { width: 748px; height: 25px; background-color: #003366; color: #FFFFFF; border-bottom: 1px solid #666666; border-left: 1px solid #666666; border-right: 1px solid #666666; float: left; text-align: center;}
.productdetailthumblast { margin-right:0px;}
.productimages ul { list-style:none; margin:0; padding:0; list-style-position:inside;}
.productimages ul li { display:inline; margin:0; padding:0;}
.productimagesthumbfirst { margin-right:3px; margin-left:1px;}
.productimagesthumb { margin-right:3px;}
.productimagesthumblast { margin-right:0px;}
.pdbutton, .pdbuttonfirst, .pdbuttonlast { width:86px; height:20px; background:#CEC1A1; color:#FFFFFF; border:1px solid #FFFFFF; float:left; font-size:11px; font-weight:bold; text-transform:uppercase; text-decoration:none; line-height:20px; text-align:center; margin-right:7px; margin-top:3px;}
.pdbuttonlast { margin-right:0px;}
.pdbuttonfirst { margin-left:1px;}
.formbox h1 { font-size:11px; font-weight:bold; text-transform:uppercase; background:#795F47; text-align:center; min-height:20px; padding: 5px 0 0 0;}
.formbox1 h1 { font-size:11px; font-weight:bold; text-transform:uppercase; background:#795F47; text-align:center; min-height:20px; padding: 5px 0 0 0;}
.selectcolour { width:142px; height:19px; background:#FFFFFF; border:1px solid #CCCCCC; float:left; color: #666666; font-size: 11px;}
.selectoption { width:100px; height:19px; background:#FFFFFF; border:1px solid #CCCCCC;  float:left; color: #666666; font-size: 11px;}
.quantity { width:17px; height:17px; background: #FFFFFF; border:1px solid #CCCCCC;  float:left; color: #666666; font-size: 11px; text-align:center;}
.label { margin-right:10px;}
.formbox p { line-height:20px; height:35px;}
.formbox1 p { line-height: 20px; height: 35px; }
.qmark { width:105px; height:18px; background:#795F47; color:#FFFFFF; border:1px solid #FFFFFF; float:right; font-size:11px; font-weight:bold; text-decoration:none; line-height:18px;  text-align:center;}
#formfield1 {width:170px;}
#formfield2 {width:130px;}
#formfield3 {width:140px;}
.formboxfield1 { width: 120px; }
div.wrapper
{float: left; width: 205px;font-size:12px;}
div.wrapper ol { list-style:square; margin-left:15px; margin-top:3px;}
div.wrapper br {clear: left;}

.class_but { margin: -10px 1px 10px 0; float: right; }