﻿/* == Main Structure
------------------------------------------------------------------------------------------------------------------------ */
#wrap{width: 998px;margin: 0 auto;text-align: left;}
#wrap #head{width: 998px; height: 37px; background: #000 url(/_img/head-bg.gif) no-repeat top left;}

#wrap #mainContent{margin-top: -20px; zoom: 1;}
#wrap #mainContent:after{content: ".";clear: both;display: block;height: 0;visibility: hidden;}
#wrap #mainContent .storeTop{background: #000 url(/_img/store-top.gif) no-repeat top left; float: left; width: 998px; height: 13px;}
#wrap #mainContent .storeMain{background: #000 url(/_img/store-tile.gif) repeat-y top left; float: left; width: 998px; margin-top: -2px;}
#wrap #mainContent .storeInner{width: 974px; padding: 2px 12px 12px 12px;}

#footer{float: left; width: 998px;text-align: center;}
#footer ul{margin: 10px 0;}
#footer ul li{display: inline;padding-right: 20px;}
#footer ul li a{color: #c8c8c8; text-decoration: none; font-size: 110%;}

/* == Tabs & nav
----------------------------------------------------------------------------------------------------------------------*/
ul.tabs{margin: 15px 0;}
ul.tabs li{display: inline}
ul.tabs li a{background: #c8c8c8; padding: 8px;}
#wrap a.viewBasket{float: right; margin-right: 8px;}
#wrap a.storeHome{float: right; margin-right: 10px;}
#head .siteLink img {float:left;height:38px;width:210px;}

/* == Contact Form Styles
----------------------------------------------------------------------------------------------------------------------*/
.contactform{margin-top: 10px;}
.contactform label{float: left; width: 150px;}

/* == Screen messages
----------------------------------------------------------------------------------------------------------------------*/
ul.error{margin: 0; border-left: solid 3px #cc0000;list-style: none;margin: 10px 0;}
ul.error li{margin-left: 10px;font-weight: bold;color: #cc0000;font-style: italic;}

/* == Store Styles
----------------------------------------------------------------------------------------------------------------------*/
.prodListMain{margin: 0; list-style: none;height: 1%; margin-top: 10px;}
.prodListMain:after{content: ".";clear: both;display: block;height: 0;visibility: hidden;}
.prodListMain li{float: left; width: 280px; margin-left: 35px; text-align: center; display: inline;}
.prodListMain li .prodImage{text-align: center; width: 273px; height: 173px; background: #000 url(/_img/list-prod-img-bg.gif) no-repeat top left;}
.prodListMain li .prodImage img{margin-top: 6px;}
.prodListMain li .prodTextTop{min-height: 152px; height: auto !important; height: 152px;}
.prodListMain li .prodText{margin-top: 10px; text-align: left}
.prodListMain li .prodText h3{font-family: Georgia; text-transform: uppercase}
.prodListMain li .prodText h3 a{text-decoration: none;}
.prodListMain li .prodStock{border: solid 1px #222; padding: 5px 10px;margin: 0 0 10px 0;}
.prodListMain li .prodStock .prodStockPrice{color: #fff; font-family: Georgia; font-size: 120%}
.prodListMain li .btnMoreInfo a{background:transparent url(/_img/button-bg-sml.gif) no-repeat scroll left top; border:0 none; color:#fff; cursor:pointer; font-family:Georgia; font-size:90%; height:25px; letter-spacing:0; line-height:25px; text-align:center; width:87px; display: inline-block; text-decoration: none;}
.prodListMain li .prodStock .btnMoreInfo{display: inline;}
.prodListMain li .prodStock .btnMoreInfo a{background:transparent url(/_img/button-bg-med.gif) no-repeat scroll left top; width: 150px;}

.prodList li .btnMoreInfo a{background:transparent url(/_img/button-bg-sml.gif) no-repeat scroll left top; border:0 none; color:#fff; cursor:pointer; font-family:Georgia; font-size:90%; height:25px; letter-spacing:0; line-height:25px; text-align:center; width:87px; display: inline-block; text-decoration: none;}

/*
.prodList{margin: 0; list-style: none;height: 1%;}
.prodList:after{content: ".";clear: both;display: block;height: 0;visibility: hidden;}
.prodList li{float: left;width: 48%;padding-right: 2%;}
.prodList li .prodImage{float: left; margin: 0 10px 10px 0;}
.prodList li .prodImage img{border: solid 1px #ccc; padding: 5px;background: #eee;}
.prodList li .prodText{font-weight: bold;}
.prodList li .prodText h3{font-size: 120%; font-family: Georgia;}
.prodList li p{margin: 10px 0;line-height: 1.3em;font-weight: normal;}
.prodList li .btnMoreInfo{margin-top: 10px; background:transparent url(/_img/button-bg-sml.gif) no-repeat scroll left top; font-size:90%; height:25px; line-height:25px; text-align:center; text-transform:none; width:87px; float: left;}
.prodList li .btnMoreInfo a{padding: 2px 8px;text-decoration: none; color:#fff; font-family: Georgia; font-weight: normal}


.prodRelated .prodList li{width: 32%; padding-right: 1%;}
.prodRelated h2{font-size: 120%}
.prodRelated .prodList li h3{margin-bottom: 8px;}
.prodRelated .prodList li .btnMoreInfo{background:transparent url(/_img/button-bg-sml.gif) no-repeat scroll left top; font-size:90%; height:25px; line-height:25px; text-align:center; text-transform:none; width:87px; float: left; }
.prodRelated .prodList li .btnMoreInfo a{padding: 2px 8px;text-decoration: none; color:#fff; font-family: Georgia}


.prodView .prodImage{float: left; width: 350px; text-align: center;}
.prodView .prodImage img{margin-bottom: 10px;clear: left; padding: 5px; }
.prodView .prodText{width: 550px; float: left;}
.prodView .prodText h2{clear: none;margin-top: 0; font-family: Georgia; color: #fff;}
.prodView .prodText .prodDesc{padding-bottom: 10px;}
.prodView .prodText .prodDesc ul li{list-style-type: disc}
.prodView .prodText .prodStock{border-top: solid 1px #ccc; border-width: 1px 0; margin: 0 0 5px 0;padding: 3px 8px;font-weight: bold;}
.prodView .prodText .prodStock .prodStockPrice{color: #fff; font-family: Georgia; font-size: 120%}
.prodView .prodText .prodStock .prodStockBtn{margin-top: 5px; background:transparent url(/_img/button-bg-med.gif) no-repeat scroll left top; font-size:90%; height:25px; line-height:25px; text-align:center; text-transform:none; width:150px;}
.prodView .prodText .prodStock .prodStockBtn a{padding: 2px 8px;text-decoration: none; color:#fff; font-family: Georgia; font-weight: normal;}

.prodView .prodTrackLists ul{margin: 5px 0; list-style: none;}
.prodView .prodTrackLists h3{font-size: 120%; margin-top: 10px;}
.prodView .prodTrackLists .label{font-weight: bold;}


.coWrap h2{font-size: 140%}
.coWrap h3{font-size: 120%}
.coWrap select{background-color: #fff !important;}

.coProceed{height: 1%;padding: 10px 0;}
.coProceed:after{content: ".";clear: both;display: block;height: 0;visibility: hidden;}

.coDeliveryOptions .clr{display: none;}
.coDeliveryOptions label{float: left; width: 150px;}
.coDeliveryOptions{border-bottom: solid 1px #ccc; border-width: 1px 0; padding-bottom: 15px;}
.coDeliveryOptions h3{margin-bottom: 5px;}

.coPromos h3{margin-bottom: 0;}
.coPromotion{height: 1%;}
.coPromotion:after{content: ".";clear: both;display: block;height: 0;visibility: hidden;}
.coPromotion input{height: auto !important;float: left;}
.coPromotion input.btn{float: left;margin: 2px 0 0 5px;}

.coAddress{float: left; width: 49%;margin-bottom: 10px;}
.coAddress label{width: 120px;}
.coAddress .input{width: 190px;}

.coAltAddress{float: right; width: 49%;margin-bottom: 10px;}
.coAltAddress label{width: 120px;}
.coAltAddress .input{width: 190px;}

.coNotes{float: right; width: 49%;margin-bottom: 10px;}
.coNotes textarea{width: 350px;}

.coNewsletter{float: right; width: 49%;margin-bottom: 10px;clear: right; display: none;}

.coSecurity{font-size: 95%;}

.coPaymentDetails label{width: 130px;}
.coPaymentDetails .input{width: 200px;}
.coPaymentDetails h3{margin-bottom: 5px;}

.coComplete h2{font-size: 120%}
*/

/* == Popup Lightboxes
----------------------------------------------------------------------------------------------------------------------*/
#fadeWrap{position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 15;display: none;}
#fade{background: #000;position: fixed;width: 100%;height: 100%;filter:alpha(opacity=70);opacity: .70;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /*--IE 8 Transparency--*/left: 0;z-index: 15;}

#popup{background: #aaa;border: 5px solid #fff;padding: 1px;float: left;width: 750px;position: fixed; top: 50%; margin-top: -187px;left: 50%;margin-left: -384px;z-index: 100;display: none;}
#popup .inner{border: solid 20px #111;}
#popup .inner .innerMost{border: solid 1px #222;padding: 10px;background: #000;height: 350px;overflow: auto;}
#popup .ClosePopup{position: absolute; top: -15px; right: -15px;}

/* =Tooltips
--------------------------------------------------------------------------------------------------------------------*/
a.tooltip {color:#fff;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:#fff; border:1px solid #fff; background:#111; width:280px;text-decoration: none;font-size: 95%;}

/* = Store V3
--------------------------------------------------------------------------------------------------------------------*/
.templateStore h1{padding: 0; background: none; border: 0;}
.templateStore h2{background: #111; border: solid 1px #222;}
.templateStore label{width: 120px;}

.coBasketWrap, .tableWrap,
.coCheckout .coCheckoutSummary .coOrderTotal .inner,
.coCheckout .coCheckoutPayment .coOrderTotal .inner,
.coCheckout .coCheckoutConfirmation .coStoreDetails .inner,
.coCheckout .coCheckoutConfirmation .coStoreVIP .inner{background: #111; border: solid 1px #222;}

.coBasket .coBasketTotal{background: #111; border: solid 1px #222; color: #bbb;font-weight: normal;}
.coBasket .coBasketTotal .value{color: #fff; font-weight: bold;}

.coProceed{border-color: #333;}
.coProceed .btnProceed .btn{background: url(/_img/button-bg-med.gif) no-repeat top left;}

.coBasket .coBasketShipping a{background: none;}

.coBasket table a{font-size: 90%;text-decoration: none;}

.coCheckout .coLogIn .coSplitTwo .btn{margin-top: 5px;margin-bottom: 5px;}

.coCheckout .coDeliveryOptions .coSplitTwo .btn,
.coCheckout .coPaymentDetails .coSplitOne .btn{background: url(/_img/button-bg-lrg.gif) no-repeat left top; width: 200px;}

.coBasket .prodRelated{display: none;}

.coAccount .coAccountArea ul{background: #000; border: solid 1px #333;}
.templateStore h1 .navCategories{display: none;}
.templateStore h1 #miniBasket{display: none;}

.prodView .prodImage{float: left; width: 330px;text-align: center;}
.prodView .prodImage img{margin-bottom: 10px;clear: left; padding: 5px;}
.prodView h2{background: none; border: 0; padding: 0; font-size: 140%;}
.prodView .prodText .prodStock{border: solid 1px #222; padding: 5px 10px;margin: 0 0 5px 0;}
.prodView .prodText .prodStock .prodStockBtn{display: inline;}
.prodView .prodText .prodStock .prodStockBtn a{background:transparent url(/_img/button-bg-med.gif) no-repeat scroll left top; border:0 none; color:#fff; cursor:pointer; font-family:Georgia; font-size:90%; height:25px; letter-spacing:0; line-height:25px; text-align:center; width:150px; display: inline-block; text-decoration: none;}
.prodView .prodText .prodStock .prodStockStatus{display: inline;}
.prodView .prodText h3{margin: 10px 0;}

.prodRelated .prodList .prodText{padding-left: 100px;}

.prodSlider{bordeR: 0; background: none;}

.coCheckout .coCheckoutConfirmation .coStoreDetails{width: 100%;}
.coCheckout .coCheckoutConfirmation .coStoreVIP{display: none;}