* { margin:0; padding:0; }

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

body { background:url(images/body-bg.jpg) center top; }
div { font-family: Arial, Helvetica, sans-serif; font-size:12px; }
input,select,textarea { font-family:Arial, Helvetica, sans-serif;font-size:11px; }
td { color:#666; }
p { margin:8px 0; }
h1 { height:28px; font-size:20px; border-bottom: 1px solid #ddd; font-family: "Myriad Pro", "Myriad", Arial, Helvetica, sans-serif; font-weight: normal;}
h1,h2,h3 {color: #000;}
.bigtext { font-size:14px; margin:15px 0 31px 0; }

#body { width:980px; display:block; position: relative; margin:0 auto; background:url(images/global/columns-background.png) #fff repeat-y 0px top; }
#body #wrapper { background:url(images/sidebar-bg.gif) no-repeat left top;display:table; width:980px; }

#main { width:725px; vertical-align: top; padding: 0;}
#header { height:93px; padding:26px 0 0 222px; }
#header img { border:none; }

/*#nav { background:url(images/nav-bg.gif) no-repeat center top; width:694px; height:24px; margin-left:3px; padding:7px 0 0 28px; }*/
ul#nav { list-style:none; float:left; height: 35px; line-height: 26px; padding: 0 0 0 12px; }
ul#nav li { float:left; }
ul#nav li a {padding:0 11px; height:26px; font-size:14px; color:#000; text-decoration:none; text-transform:uppercase; font-weight:bold; font-family: "Myriad Pro", "Arial Black", Gadget, sans-serif;}
ul#nav li a:hover, ul#nav li .selected {color:#fff; }

#page { margin:0 0 30px 0; padding: 19px 22px 0; }
#page .pic { margin:28px 12px 0 0; float:left; }
#page .text { margin:10px 0 30px 0 ; float:left; display:block; width:354px; line-height:18px; font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; } 

.brand { background:url(images/brand-grid1.gif) no-repeat left top; width:531px; height:106px; display:block; } 
.brand table { height:106px;  }
.brand table td { width:106px; text-align:center; vertical-align: center; padding: 0;}
.brand img { border:none; }
.brand-end {background:url(images/brand-grid2.gif) no-repeat left top; width:531px; height:2px; display:block; margin-bottom:42px; }

#content { padding:0 0 0 2px; clear:both; min-height: 790px; position: relative; }
#content #path { height:30px; color:#333; font-size:11px; padding: 15px 0 0 22px;}
#content #path a {color:#333; text-decoration: none;}
#content #path a:hover {color:#666; text-decoration: underline;}

#content #page-list { float:right; margin-right:48px; font-size:11px; }
#content #page-list .btn1 { color:#27B3DB; text-decoration:none; margin:0 2px 0 0; }
#content #page-list .btn2 { color:#999; text-decoration:none; margin:0 2px; }
#content #page-list .btn3 { color:#27B3DB; text-decoration:none; margin:0 0 0 2px; }
#content #page-list .selected { color:#FF6600; font-weight:bold; text-decoration:underline; }

#content #product-list { clear:both; padding: 0 22px 0 22px; }
#content #product-list .item { float:left; width:178px; height:250px; display:block; margin:0 10px 0 0; }
#content #product-list .item-back {background:url(images/product-list-bg.gif) no-repeat center top; min-height:227px;}
#content #product-list .pic { padding:3px 6px 1px; text-align:center; height:170px; width: 164px;}
#content #product-list .pic a {display: block; background-position: center center; background-repeat: no-repeat; text-decoration: none; height:170px; width: 162px;}
#content #product-list .price { padding-top:2px; float:left; width:146px; height:18px; text-indent:11px; background:#F0F0F0; margin-left:6px; color:#FF6600; font-weight:bold; }
#content #product-list .oldprice { text-decoration:line-through; margin-right:10px; color:#000; font-weight:normal; }
#content #product-list .zoom { float:right; margin:3px 9px 0 0; padding-left:4px; border-left:#999 solid 1px; }
#content #product-list .zoom img { border:none; }
#content #product-list .title { clear:both; color:#fff; padding:13px 20px 4px 9px; }

#product-detail #path { padding:8px 0 0 0; height:29px; color:#999; margin-left:-2px; clear: both;}
#product-detail #path a {color:#999; text-decoration: none;}
#product-detail #left { width:264px; margin-right:26px; clear:both; float:left; }
#product-detail #left #pic-border { width:232px; height:232px; background:url(images/product-pic-bg.gif) no-repeat center top; display:block; padding: 15px 16px 17px;}
#product-detail #left #pic { width:232px; height:232px; display: block; background-position: center center; background-repeat: no-repeat;}
#product-detail #left .enlarge {color:#666; font-size:10px; margin:5px 11px 0 0; text-decoration: none; cursor: pointer; float: right;} 

#product-detail #right{width: 346px; float:left;}
#product-detail #right h2 { font-size:15px; margin-top:14px; }
#product-detail #right .code { color:#333; font-size:10px; } 
#product-detail #right .line { width:346px; height:3px; background:url(images/h1-bg.gif) no-repeat left top; margin:4px 0; }
#product-detail #right .thumb-list { margin-top:25px; }
#product-detail #right .thumb-list .thumb { background:url(images/thumbnail-bg.gif) no-repeat center top; width:83px; height:83px; margin-right:13px; float:left; padding: 2px; }
#product-detail #right .thumb-list .thumb a {width:83px; height:83px; background-repeat: no-repeat; background-position: center center; display: block; text-decoration: none;}

#product-detail #right .label { font-size:11px; font-weight:bold; color:#000; }
#product-detail #right .price { color:#FF6600; font-weight:bold; } 
#product-detail #right .listbox { border:#676767 solid 1px; width:130px; } 
#product-detail #right .textbox { border:#EBECED solid 1px; width:23px; height:12px; font-size:9px; color:#cc0000; text-align:center; }
#product-detail #right .btn-addcart { background:url(images/btn-addcart.gif) no-repeat center top; width:95px; height:20px; border:none; margin-top:8px;}
#product-detail #right .no_ecommerce { width: 320px; color: #F00;}

#product-detail h3 { margin-left:10px; }
#product-detail #desc { width:610px; clear:both; padding-top:37px; margin-left:10px; margin-bottom:11px; background:url(images/h1-bg.gif) no-repeat left bottom; padding-bottom:22px; }
#product-detail #desc h3 { font-size:15px; font-weight:bold; margin:0 0 18px 0; }

.related-list { margin:23px 0 0 22px; height:120px; }
.related-list .item {  margin-right:13px; background:url(images/thumbnail-bg.gif) no-repeat center top; width:87px; height:87px; float:left; }
.related-list .item .pic { background:url(images/thumbnail-bg.gif) no-repeat center top; width:83px; height:83px; margin-right:13px; float:left; padding: 2px; }
.related-list .item .pic  a {width:83px; height:83px; background-repeat: no-repeat; background-position: center center; display: block; text-decoration: none;}
.related-list .price { color:#F86300; display:block; margin-top:6px; font-size:11px; }
.related-list .link a { color:#666; display:block; font-size:11px; }

#sidebar { width:174px; padding:130px 0 0 12px; vertical-align: top;}
#column1 #searchbox1 { margin-bottom:17px; }
#column1 #searchbox1 h3 { display:block; width:155px; height:22px; background:url(images/text-product-search.gif) no-repeat 8px top; border-bottom:#666 solid 1px; text-indent: -9999px; margin: 0 0 10px 0; } 
#column1 #searchbox1 span { color:#999; font-family:Arial, Helvetica, sans-serif; font-size:11px; width:142px; display:block; height:18px; padding:4px 0 0 9px;;  }
#column1 #searchbox1 select { border:#676767 solid 1px; width:150px; height: 18px; padding: 1px;}
#column1 #searchbox1 .btn-submit { margin:11px 0 0 103px; background:url(images/btn-submit.gif) #000 no-repeat center top; width:47px; height:18px; padding:0; border:#6d6d6d solid 1px; display:block; }

#column1 #searchbox2 { margin-bottom:17px; }
#column1 #searchbox2 span { color:#999; font-family:Arial, Helvetica, sans-serif; font-size:11px; width:142px; display:block; height:18px; padding:4px 0 0 11px;;  }
#column1 #searchbox2 .textbox { border: 1px solid #676767; width:125px; height: 16px; vertical-align:text-top; }
#column1 #searchbox2 .btn-go { vertical-align:middle; margin:0 0 0 3px; background:url(images/btn-go.gif) #000 no-repeat center top; width:22px; height:18px; border:#6D6D6D solid 1px; display:inline; vertical-align:text-top; }

#column1 #searchbox3 { margin-bottom:32px; }
#column1 #searchbox3 h3 { display:block; width:155px; height:22px; background:url(images/text-build-own.gif) no-repeat 8px top; border-bottom:#fff solid 1px; margin-bottom:3px; text-indent: -9999px; } 
#column1 #searchbox3 span { color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:11px; width:142px; display:block; height:18px; padding:4px 0 0 9px;;  }
#column1 #searchbox3 select { border:#676767 solid 1px; width:150px; height: 18px; padding: 1px;}
#column1 #searchbox3 .btn-submit { margin:11px 0 0 103px; background:url(images/btn-submit.gif) #000 no-repeat center top; width:47px; height:18px; border:#6D6D6D solid 1px; display:block; }

#column1 #cartbox { color:#FF6600; font-family:Arial, Helvetica, sans-serif; width:155px; margin-bottom:25px; }
#column1 #cartbox img { margin-right:11px; vertical-align:middle; }
#column1 #cartbox #pricebox { margin-top:5px; padding:4px 0; border-top:#777777 dashed 1px; border-bottom:#444444 dashed 1px; margin-bottom:5px; }
#column1 #cartbox #pricebox div { width:123px; padding: 1px 0 1px 27px; border: 1px solid #676767; color: #000; background: #FFF; font-size: 11px;}
#column1 #cartbox a { padding:10px 0 0 107px; color:#666; font-size:11px;  }

#copyright { clear:both; padding:14px 0 8px 49px; color:#999; background:url(images/header-bar.gif) no-repeat 37px top; }
#copyright a { color:#27B3DB; text-decoration:none; margin:0 5px; }

#footer { width: 795px; display:block; margin:0 auto; text-align:right; padding:4px 185px 40px 0; color:#fff; }
#footer a { color:#fff; text-decoration:none; }

/* Cart */
#cart { margin-bottom:20px; padding: 19px 22px 0; }
#cart #text { width:512px; margin:10px 0; }
#cart table { border-collapse:collapse; }
#cart table .product { padding-left:12px; }
#cart table .pro-title { font-size:11px; font-weight:bold; color:#000; display:block; } 
#cart table .size,#cart table .colour { font-size:10px; color:#FF6600; text-transform:none; display:inline; margin-left:3px;}
#cart table small { margin-right:6px; }

#cart .first { text-indent:15px; }
#cart  h2 { margin:19px 0 14px 0; font-size:14px; color:#27B3DB; font-weight:bold; }
#cart .head { font-size:10px; background:#E0E0E0; }
#cart .head td { height:25px; }
#cart .row { height:38px; border-bottom:#fff solid 3px; background:#F2F2F2; text-transform:uppercase; }
#cart .row1 { height:22px; border-bottom:#fff solid 3px; background:#fff; }
#cart .row img { margin-right:7px; border:none; }
#cart .total { text-transform:none!important; }
#cart .line { border-top:#333 solid 1px; border-bottom:#333 solid 1px; padding:3px 0; }
#cart .line2 { border-top:#ccc solid 1px; border-bottom:#ccc solid 1px; padding:3px 0; }
#cart .totalprice {color: #000; border-top: 1px solid #666; border-bottom: 1px solid #666; font-weight:bold; display:block; padding: 2px 83px 2px 0;}
#cart .orange, #confirm .orange {color: #F60;}
#cart .textbox-qty { width:33px; height:14px; text-align:center; border:#999 solid 1px; font-size:9px; color:#27B3DB; }

#cart #btn-panel { width:478px; padding-top:10px; text-align:right; }
#cart #btn-panel img { border:none; }

#cart #promotion { width:464px; background:#F2F2F2; padding:11px 0 11px 15px;  }
#cart #promotion td { vertical-align:top; }
#cart #promotion input { width:114px; height:16px; border:#ccc solid 1px;  }
#cart #promotion button { background:#000; border:none; color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:11px; width:60px; height:18px; margin-left:3px; }
#cart #promotion #response { color:#FF6600; font-weight:bold; display:block; margin-top:4px; } 

#cart #detail { width:478px; background:#F2F2F2; }
#cart .table { margin:12px 0 0 15px;}
#cart #detail .textbox { width:203px; height:16px; border:#ccc solid 1px; }
#cart #detail select.textbox { width:205px; height:18px; border:#ccc solid 1px; }
#cart #detail .textarea { width:203px; height:54px; border:#ccc solid 1px; margin-bottom:11px; padding:0!important; }
#cart #detail td { height:26px; }
#cart .paynext { background:#E0E0E0; text-align:right; padding:5px 8px 0 0px; width:471px; height:21px; margin-top:15px; }
#cart #optin { margin-left:15px; }
#cart #optin #left-panel { width:18px; height:30px; display:block; float:left; }
#cart #optin #right-panel {display:block; float:left; }
#cart #optin .note { font-size:10px; color:#666; display:block;}

#cart .label1 { color:#666; width:83px; margin-right:15px; }
#cart .label2 { color:#000; width:83px; margin-right:15px; font-weight:bold; }

#cart #end { background:#E0E0E0; padding:4px; width:470px; text-align:right; }
#cart #end .btn-back { background:url(images/btn-back.gif) no-repeat center bottom; width:53px; height:22px; border: 0;} 
#cart #end .btn-checkout { background:url(images/btn-checkout.gif) no-repeat center top; width:162px; height:22px; border: 0; } 

#contact { display:block; margin:0; }
#contact .label1 { height:18px; font-size:11px; padding-top:5px; font-weight:normal; color:#000; }
#contact .label2 { height:13px; font-size:11px; padding-top:5px; font-weight:normal; color:#000; }
#contact .textbox1 { width:203px; height:15px; background:#fff; border:#999 solid 1px; text-indent:3px; }
#contact .textbox2 { width:327px; height:76px; background:#fff; border:#999 solid 1px;}
#contact .submit { text-align:right; padding: 3px 10px; }
#contact .btn-send {border: 0; background: url(images/btn-send.gif); width: 58px; height: 18px; cursor: pointer;}

#build { padding: 15px 0; position: relative;}
#build .btn-back { background:url(images/btn-back.gif) no-repeat center bottom; width:53px; height:22px; border: 0;} 
#build .btn-next { background:url(images/btn-next.gif) no-repeat center top; width:68px; height:22px; border: 0;}
#build .btn-checkout { background:url(images/btn-checkout.gif) no-repeat center top; width:162px; height:22px; border: 0; } 
#build h2 { border-bottom: 1px solid #DFDACB; margin-top: 25px;}
#build .label {font-size: 14px; background: url(images/label-bg.gif) no-repeat bottom left; color: #FFF; height: 14px; padding: 6px; width: 122px; text-align: center;}
#build .linkbox {float: right;}
#build #stages {width: 632px;}
#build #stages a {color: #F86300;}
#build #stages th, td {padding: 3px 10px;}
#build #stages th {text-align: left; font-size: 12px;}
#build #stages td {background: #F7F7F7; font-size: 11px;}
#build #stages .price {color: #F60; text-align: right; width: 125px;}
#build #stages td.price {color: #333; background: #F2F2F2!important;}
#build #stages .title a {width: 125px; font-weight: bold; color: #333; font-size: 12px; text-decoration: none;}
#build #stages .number { text-align: center; width: 16px; background: url(images/ball.gif) no-repeat center!important; color: #FFF;}
#build #stages .current td { background: #A0A3A0; }
#build #stages th.total {border: 1px solid black;}
#build #stages span.total {float: left; color: #000; font-size: 11px;}
#build .explain {font-size: 11px; color: #27B3DB; margin: 20px; width: 535px; }

#select-product {text-align: left; padding: 6px 28px 2px;}
#select-product h4{font-size: 13px; margin: 0; padding: 0 0 5px;}
#select-product .choose {background: #F2F2F2 url(images/brand-grid2.gif) top left no-repeat; color: #F86300; font-weight: bold; padding: 5px;}
#select-product select {width: 132px;}
#select-product .btn-addcart {float: right; background:url(images/btn-addcart.gif) no-repeat center top; width:95px; height:20px; border:none; margin: 4px 8px;  cursor: pointer; }

#confirm #text {width: 578px; margin:10px 0; }
#confirm table {width: 578px; border-collapse:collapse; }
#confirm table .product { padding-left:12px; width: 290px;}
#confirm table .pro-title { font-size:11px; font-weight:bold; color:#000; display:block; } 
#confirm table .size,#cart table .colour { font-size:10px; color:#FF6600; display:inline; margin-left:3px;}
#confirm table small { margin-right:6px; }
#confirm .row { height:38px; border-bottom:#fff solid 3px; background:#F2F2F2;}
#confirm .qty {color:#27B3DB;}
#confirm .price {color: #000; padding: 3px 20px 3px 0; margin: 0 5px; text-align: right;}
#confirm .row.total { height: 10px; background: none; color: #666; border: none; padding-top: 0; padding-bottom: 0; width: 130px;}
#confirm .row.total .price {border-top: 1px solid #CCC;}
#confirm .row.total.end {color: #000; font-weight: bold;}
#confirm .row.total.end .price {color: #000; border-top: 1px solid #666; border-bottom: 1px solid #666;}
#confirm .orange {color: #F90;}

#confirm #end { background:#E0E0E0; padding:4px; width:570px; text-align:right; }
#confirm #end .btn-back { background:url(images/btn-back.gif) no-repeat center bottom; width:53px; height:22px; border: 0; cursor: pointer; } 
#confirm #end .btn-payonline { background:url(images/btn-payonline.gif) no-repeat center top; width:162px; height:22px; border: 0; cursor: pointer; }
#confirm #end .btn-payoffline { background:url(images/btn-payoffline.png) no-repeat center top; width:230px; height:22px; border: 0; cursor: pointer; } 
#confirm #end .btn-paybankdeposit { background:url(images/btn-paybankdeposit.png) no-repeat center top; width:190px; height:22px; border: 0; cursor: pointer; } 


.error {background-color: #FEE; width: 458px; color: #F00; font-weight: bold; padding: 10px; margin: 10px 0;}

.invalid {background-color: #FEE; color: #F00;font-weight: bold;}

#subscription-form {
	padding: 10px 0 0 0;
}

#subscription-form label {
	font: 11px Arial, Helvetica, sans-serif;
	color: #000000;
	display: block;
	padding: 6px 0 2px 0;
	clear: left;
}

#subscription-form label.invalid {
	width: 205px;
	float: left;
	clear: none;
	padding: 1px;
	color: #ec0000;
	border: 1px solid #fffff;
	margin: 0 0 0 0px;
	background: none;
}

#subscription-form input[type="text"] {
	width: 201px;
	border: 1px solid #cccccc;
	padding: 1px;
	float: left;
	margin-right: 5px;
}

#subscription-form input.invalid {
	margin: 0 5px 0 0;
}

.subscription-form-table {
	padding: 20px 0 10px 0;
	clear: left;
}

.subscription-form-table td {
	padding: 0;
}

.subscription-form-table input[type="checkbox"] {
	margin: 4px 0 0 0;
}

.subscription-form-table input[type="checkbox"].invalid {
	margin: 4px 0 0 0;
}

#subscription-form input[type="image"] {
	margin: 10px 0 0 0;
	clear: left;
	float: left;
}

a.subscribe-button {
	display: block;
	width: 181px;
	height: 79px;
	background: url('images/subscribe.jpg') top left no-repeat;
	text-indent: -9999px;
	margin: 10px 0 30px -10px;
}

#navigation {
	width: 980px;
	height: 35px;
	background: url(/images/navigation/nav.jpg) no-repeat left top;
	position: relative;
}

#columns {
	width: 980px;
	clear: both;
	background: url(/images/global/columns-top-background.png) no-repeat left top;
}

#column1 {
	width: 160px;
	float: left;
	padding: 25px 15px 10px 13px;
}

#column2 {
	width: 611px;
	float: left;
}

#column3 {
	width: 160px;
	float: left;
	padding: 10px 10px 10px 11px;
}

#content ul, #content ol {
	padding: 0 0 0 20px;	
}