/* == STYLESHEET FUNCTIONS - Site layout and base style overrides
----------------------------------------------------------------------------------------------------------------------

/* == Main Layout Structure
----------------------------------------------------------------------------------------------------------------------*/

#wrap{width: 995px;margin: 0 auto; margin-top: -10px; text-align: left; font-family: arial; background: #fff url(/_img/wrap-bg.jpg) no-repeat;}
#head{float: left;width: 995px; margin: 0;}
#mainContent{float: left;width: 995px; margin-top: 50px;}
#footer{float: left;width: 955px; padding: 15px; background: url(/_img/footer-bg.gif) repeat-x;}
#store h1{display: none;}
/* == Main Content Divisions
----------------------------------------------------------------------------------------------------------------------*/

#wrap .templateOne .zoneOne{padding: 14px; margin-top: 70px; float: left; margin-left: 33px !important; margin-left: 15px;}

#container #wrap .templateTwo .zoneOne{float: left; width: 692px;}
#container #wrap .templateTwo .zoneTwo{float: right; width: 267px;}
#container #wrap .templateThree .zoneOne{float: left; width: 975px;}
#container #wrap .splitLeft{float: left; width: 49%;}
#container #wrap .splitRight{float: right; width: 49%;}
#container #wrap .templateTwo .zoneOne .splitLeft{float: left; width: 334px;}
#container #wrap .templateTwo .zoneOne .splitRight{float: right; width: 334px;}

/* == Navigation
----------------------------------------------------------------------------------------------------------------------*/

#wrap ul.backtosite{float:right; margin: 0; margin-right: 40px; font-size: 120%;}
#wrap ul.backtosite li a {color: #9d9881; font-family: Courier New, Courier; text-transform: uppercase; background: url(/_img/arrow.gif) no-repeat; padding-left: 20px; text-decoration: none; }

.headDD .countryDD{float: left; margin-top: 2px; margin-left: 16px;}
.headDD .countryDD label{float: left; color: #fff; margin-right: 5px; font-weight: bold;}

/* == Footer
----------------------------------------------------------------------------------------------------------------------*/
#footer{height: 90px;}
#footer ul{text-align: right; float: right; margin: 0; padding-top : 18px; display: inline;}
#footer ul li{display: inline;margin: 0;}
#footer ul li a{margin: 0 10px 0 0;color: #fff; text-decoration: none; font-size: 100%; text-transform: uppercase; font-family: Courier New, Courier;}
#footer ul li a:hover{text-decoration: none;}
#footer .countryDD{float: left;  margin-top : 15px}
#footer .iTunes{margin-top: 20px; border-top: solid #4b483d 1px; padding-top: 3px; float: left; width: 100%}
#footer .iTunes img{float: left; margin-left: 10px;}
#footer .iTunes a{color: #fff; float: left; margin-left: 20px; font-weight: bold; line-height: 4;}
/* == Tabs
----------------------------------------------------------------------------------------------------------------------*/
#wrap #mainContent ul.tabs{margin: 0; list-style-type: none;}
#wrap #mainContent ul.tabs li{float: left;margin: 0 4px 0 0;}
#wrap #mainContent ul.tabs li a{font-family: Courier New, Courier; text-transform: uppercase; float: left;background: #fff; color: #000; padding: 8px; top: 4px; border-bottom: 0; text-decoration: none; font-weight: bold; font-size: 130%}
#wrap #mainContent ul.tabs li.basket{float: right;margin-right: 0;}
#wrap #mainContent ul.tabs li.on a{background: #dfdac4;}
#wrap #mainContent ul.tabs li.on a:hover{background: #dfdac4;}

/* == Screen Messages
----------------------------------------------------------------------------------------------------------------------*/
ul.error{border-left: solid 4px #fe0000; color: #fe0000; background: #fff; font-style: italic;margin: 5px 0; list-style-image: none;padding: 5px 0 5px 10px;}
ul.success{border-left: solid 4px green; color: green; font-style: italic;margin: 5px 0; list-style-image: none;padding: 0 0 0 10px;}

/* == Store Pages
----------------------------------------------------------------------------------------------------------------------*/
#wrap #mainContent .store{float: left;width: 900px; background: #fff url(/_img/store-bg.jpg) no-repeat;}
#wrap #mainContent .storeInner{padding: 20px;}
#wrap #mainContent .storeBtm{background: url(/_img/store-bg-btm.gif) no-repeat; height: 18px; width: 900px;}
#wrap #mainContent .tabHolder{background: #dfdac4; float: left; width: 860px; padding-bottom: 10px;}
#wrap #mainContent .storeWrap{border: solid 1px #000; float: left; margin-top: 5px; width: 678px;}

.coWrap{padding: 20px;}
.coCheckout,.coComplete,.coFailed,.coPayment{background: #dfdac4; float: left; width: 860px;}

/* == Store Styles
----------------------------------------------------------------------------------------------------------------------*/
.prodList{margin: 5px 0 0 15px; list-style: none;position: relative;height: 1%;}
.prodList:after{content: ".";clear: both;display: block;height: 0;visibility: hidden;}
.prodList li{float: left; width: 380px; height: 1%; margin-left: 25px; }
.prodList li .prodImage a img{border: solid 1px #fff; padding: 7px; }
.prodList li .prodImage{text-align: center;}
.prodList li .prodText p{margin: 5px 0; font-weight: normal; font-size: 110%; color: #666148;}
.prodList li .prodText{font-weight: bold;height: 1%;margin-right: 3%;}
.prodList li .prodText h3 a{text-decoration: none; font-size: 90%; color: #666148; text-align: center; display: block; padding: 3px; font-weight: bold;}
.prodList li .prodStock{clear: left;height: 1%;margin: 0 0 5px 0;padding: 0 0 5px 0;}
.prodList li .prodStock:after{content: ".";clear: both;display: block;height: 0;visibility: hidden;}
.prodList li .prodStockPrice, .prodList li .prodStockSplit, .prodList li .prodStockTitle{float: left;padding: 3px 5px 0 0;}
.prodList li .prodStockPrice{font-size: 130%;font-family: arial;color: #333;}
.prodList li .prodStockTitle{font-weight: bold;width: 250px;font-size: 130%;}
.prodList li .prodStockBtn{clear: left; margin-top: 10px; display: inline-block}
.prodList li .prodStockBtn a{text-decoration: none; border: solid 2px #fff;background: #030406;color: #ddd39c;padding: 3px; text-transform: uppercase;cursor: pointer; font-size: 120%; font-weight: bold; display: inline-block}
.prodList li .prodStockBtn a:hover{text-decoration: none; background: #ddd39c; color: #fff;}
.prodList li .btnMoreInfo a{text-decoration: none; border: solid 2px #fff;background: #030406;color: #ddd39c;padding: 3px; text-transform: uppercase;cursor: pointer; font-size: 120%; font-weight: bold; display: inline-block}
.prodList li .btnMoreInfo a:hover{text-decoration: none; background: #ddd39c; color: #fff;}

.basicView li .prodImage a img{float:left;}
.basicView li .prodText h3 a{text-decoration: none; padding: 0px; font-size: 90%; color: #666148; text-align: left; display: block; font-weight: bold; margin-top: 0;}
.basicView li .prodText{padding-left: 5px; font-weight: normal; font-size: 110%; color: #666148; margin-left: 142px;}
.basicView li .prodText p{font-weight: normal; font-size: 110%; color: #666148;}
.basicView li .btnMoreInfo{margin-top: 5px;}

.prodView{padding: 20px;}
.prodView .prodImage img{float: left; border: solid 1px #fff; padding: 7px; background: #fff;clear: left;margin: 0 0 5px 0;}
.prodView .prodText{padding: 0 0 0 280px;}
.prodView .prodDesc{font-size: 110%; margin-bottom: 20px;}
.prodView .prodDesc ul{margin-left: 20px; list-style-type: disc}
.prodView .prodStock{border-bottom: dashed 1px #666148;padding: 0 0 5px 0;}
.prodView .prodStockPrice{font-size: 130%;font-family: arial;color: #333;}
.prodView .prodStockTitle{font-weight: bold;font-size: 130%;}
.prodView .prodStockBtn{height: 1%;overflow: auto;}
.prodView .prodStockBtn a{text-decoration: none; border: solid 2px #fff;background: #030406;color: #ddd39c;padding: 3px; text-transform: uppercase;cursor: pointer; font-size: 120%; font-weight: bold; display: inline-block; margin-top: 10px;}
.prodView .prodStockBtn a:hover{text-decoration: none; background: #ddd39c; color: #fff;}

.prodView .prodStockDD{width: 300px; height: 1%;}
.prodView .prodStockDD:after{content: ".";clear: both;display: block;height: 0;visibility: hidden;}
.prodView .prodStockDD select{width: 300px; float: left;}
.prodView .prodStockDD .btn{float: left; margin-top: 8px;}

.prodView .prodTrackLists{float: left; margin-top: 10px;}
.prodView .prodTrackLists h3{color: #666148; font-size: 140%; margin-top: 10px;}
.prodView .prodTrackLists .discHold p.label{font-weight: bold; margin: 0;}
.prodView .prodTrackLists .discHold ul{margin: 0;padding: 0; list-style: none;}
    
.coDeliveryOptions h3{margin-top: 0; color: #666148; font-size: 120%; text-transform: uppercase}
.coDeliveryOptions label{padding: 0 10px 0 0; width: auto;}
.coDeliveryOptions .clr{display: none;}
.coDeliveryOptions select{background: #fff !important; color: #000; margin-top: 5px; border: solid 1px #666148}
.coPromotion .input{float: left;margin-right: 3px;}
.coPromotion .btn{height: 29px; line-height: 29px;padding: 0;}
.coProceed{height: 1%;padding-top: 40px;margin-top: 5px;}
.coProceed:after{content: ".";clear: both;display: block;height: 0;visibility: hidden;}
.coSecurity{font-size: 90%; padding-top: 10px;}
.coAddress{float: left; width: 49%;}
.coAddress label{float: left; width: 120px;}
.coAddress .input{width: 200px; padding: 2px;}
.coAddress select{background: #fff !important; color: #000; width: 206px; border: solid 1px #666148}
.coAddress h3{margin-top: 0; color: #666148; font-size: 120%; text-transform: uppercase}
.coAltAddress{float: right; width: 49%;}
.coAltAddress h3{margin-top: 0; color: #666148; font-size: 120%; text-transform: uppercase}
.coAltAddress label{float: left; width: 120px;}
.coAltAddress .input{width: 200px; padding: 2px;}
.coAltAddress select{background: #fff !important; color: #000; width: 206px; border: solid 1px #666148}
.coAddressBtn{margin-bottom: 20px;}
.coNotes{clear: left; float: left; width: 49%;}
.coNotes h3{margin-top: 20px; color: #666148; font-size: 120%; text-transform: uppercase}
.coNewsletter{float: right; width: 49%;}
.coNewsletter h3{margin-top: 20px; color: #666148; font-size: 120%; text-transform: uppercase}
.terms{padding-bottom: 10px;}
.coPaymentDetails{padding-bottom: 10px;}
.coPaymentDetails h3{margin-top: 0; color: #666148; font-size: 120%; text-transform: uppercase; margin-bottom: 20px;}
.coPaymentDetails label{float: left; width: 120px;}
.coPaymentDetails .input{width: 200px; padding: 2px;}
.coPaymentDetails select{background: #fff !important; color: #000; border: solid 1px #666148; margin-bottom: 5px;}
.coPaymentDetails p{margin-top: 0;}
.coOrderSummary h2{color: #666148; font-size: 120%; text-transform: uppercase}
.orderList{color:#000}

#shop h1{display: none;}
#storeProduct h1 {display: none;}

/** related listing **/

.prodRelated{border-top: solid 1px #bfbba3;border-bottom: solid 1px #bfbba3; clear: both;margin-top: 10px;height: 1%; padding: 15px;}
.prodRelated h2{color: #666148; font-size: 140%; margin-top: 10px;}
.prodRelated:after{content: ".";clear: both;display: block;height: 0;visibility: hidden;}
.prodRelated ul.prodList{margin: 0; margin-top: 8px;}
.prodRelated ul.prodList li{width: 300px; padding-right: 0; margin-right: 50px;}
.prodRelated ul.prodList li .prodImage{float: left; width: 90px;}
.prodRelated ul.prodList li .prodImage img{text-align: center;}
.prodRelated ul.prodList li .prodText{float: left; width: 170px; margin-left: 10px;}
.prodRelated ul.prodList li h3 a{margin-top: 0; text-align: left; padding: 0;}

/** related listing in the basket **/
.coWrap .prodRelated ul.prodList{width: 100%;}
.coWrap .prodRelated ul.prodList li{width: 253px; margin-right: 5px; margin-left: 5px; display: inline;}
.coWrap .prodRelated ul.prodList li .prodText{width: 100px;}

/* =Tooltips
--------------------------------------------------------------------------------------------------------------------*/
a.tooltip {color:#000;text-decoration: none; cursor:help;}
a.tooltip b {display:none;}
a.tooltip:hover {border:0; position:relative; z-index:500; text-decoration:none;}
a.tooltip:hover b {display:block; position:absolute; top:8px; left:20px; padding:5px; font-weight:normal; color:#333; border:5px solid #a10302; background:#eee; width:170px;text-decoration: none;font-size: 85%;}

/* =Contact form
--------------------------------------------------------------------------------------------------------------------*/

.contactform label{color: #000;}