/* == Override Base Elements
------------------------------------------------------------------------------------------------------------------------ */
.templateStore h1{}
.templateStore h2{}

/* == Store Breadcrumb 
------------------------------------------------------------------------------------------------------------------------ */
ul.crumbList{margin: 10px 0; list-style: none; list-style-image: none;font-size: 90%;}
ul.crumbList li{display: inline;}

/* == Banner Zone Markers
------------------------------------------------------------------------------------------------------------------------ */
.bannerZone{background: #eee;text-align: center; text-transform: uppercase;color: #ccc; font-size: 500%;letter-spacing: -3px;}

/* == Default Product Listing Styles
------------------------------------------------------------------------------------------------------------------------ */
.prodList{margin: 0; list-style: none;zoom: 1; clear: both;}
.prodList:after{content: ".";clear: both;display: block;height: 0;visibility: hidden;}
.prodList li{float: left;width: 48%;padding-right: 2%;margin: 0 0 10px 0;}
.prodList li .prodImage{float: left;}
.prodList li .prodImage img{border: solid 1px #aaa; padding: 2px;}
.prodList li .prodText{padding-left: 214px;}
.prodList li .prodText h3{margin: 0;line-height: 1.2em;}
.prodList li .prodText .prodPrice{font-size: 140%;font-weight: bold;color: #666;display: block; padding-bottom: 5px;}
.prodList li .prodText .brandlink{display: none;}
.prodList li .prodText .prodPrice .from {display:inline;}
.prodList li .prodText .prodPrice .min {display:inline;}
.prodList li .prodText .prodPrice .sep {display:inline;}
.prodList li .prodText .prodPrice .max {display:inline;}
.prodList li .prodText p{margin: 5px 0;}
.prodList li .prodText .prodStock{margin-bottom: 10px;}
.prodList li .prodText .btnMoreInfo{margin: 5px 0;}
.prodList li .prodText .prodAddBasket{display: block;}

/* Modify widths for different lists */
.listThreeWide li{width: 33%;padding-right: 0%;}
.listThreeWide li .prodText{padding-left: 90px;}

.listFourWide li{width: 25%;padding-right: 0%;}
.listFourWide li .prodImage{float: none;}
.listFourWide li .prodText{padding: 8px 15px 0 0; clear: left;}

/* == Product Detail/View Page
------------------------------------------------------------------------------------------------------------------------ */
.prodView{zoom: 1; background: url(/_img/prod-pixel.gif) repeat-y top left;}
.prodView:after{content: ".";clear: both;display: block;height: 0;visibility: hidden;}

.prodMiscText{float: right;margin: 0 0 20px 20px;}

/** Product View Images **/
.prodView .prodImages{float: left;width: 250px;}
.prodView .prodImages .main{float: left;position: relative;width: 250px;}
.prodView .prodImages .main img{}
.prodView .prodImages .thumbs{float: left; width: 250px; margin: 15px 0;border-top: solid 1px #ddd; list-style: none; list-style-image: none;}
.prodView .prodImages .thumbs li{float: left;padding: 10px 5px 0 0;margin: 0;}

/** Product View Text **/
.prodView .prodText{padding-left: 265px;padding-bottom: 10px;}
.prodView .prodText h3{margin-top: 0;font-weight: bold;color: #222;}
.prodView .prodText .prodDesc{padding-bottom: 10px;}
.prodView .prodText .prodTextMoreInfo{margin: 0;padding-top: 10px;}
.prodView .prodText .prodStock .prodStockPreviousPrice{text-decoration: line-through;}
.prodView .prodText .prodStock .prodStockPrice{font-weight: bold;font-size: 200%; letter-spacing: -1px;}
.prodView .prodText .prodStock .prodStockAvailability{font-size: 95%;}
.prodView .prodText .prodStock .prodStockClassification{display:none;}
.prodView .prodText .prodTextSummary .prodMeta{border: solid 1px #ccc; background: #eee; padding: 5px; width: 250px; margin-bottom: 10px;-moz-border-radius: 4px;-webkit-border-radius: 4px;}
.prodView .prodText .prodStockOffers{border: solid 1px #ccc;background: #eee;}
.prodView .prodText .prodStockOffers .prodStock{}
.prodView .prodText .prodStockOffers .prodStock .bundleStock{}
.prodView .prodText .prodStockOffers .prodStock .prodStockTitle{font-size: 140%;}
.prodView .prodText .prodStockOffers .prodStock .bundleStock .prodStockTitle{font-size: 100%;}
.prodView .prodText .prodStockLoyalty{display: block;font-weight: bold; padding: 10px 0 0 0;}

/** Product View Text Banner Column **/
.prodView .prodText .prodTextBannerCol{float: right; width: 180px;margin-left: 25px;}

/** Product View Text Tools **/
.prodView .prodText .prodTextTools{border-top: dotted 2px #ccc;padding: 10px 0 0 0; margin: 10px 0 0 0;clear: right;zoom: 1;font-size: 95%;}
.prodView .prodText .prodTextTools ul{margin: 0; list-style: none; list-style-image: none;}
.prodView .prodText .prodTextTools ul li{margin: 0; display: inline;}

/** Product Detail **/
.prodDetail{border-top: solid 1px #ddd;background: url(/_img/prod-pixel.gif) repeat-y top left;}
.prodDetail .prodDetailPanelOne{float: left;width: 250px;}
.prodDetail .prodDetailPanelTwo{padding-left: 265px;}
.prodDetail .prodSocial{padding-right: 10px;}
.prodDetail .prodRating{padding-right: 10px;}
.prodDetail .prodComments{border-top: solid 1px #ddd;padding-right: 10px;}

/** Related Product **/
.prodDetail .prodRelated{border-top: solid 1px #ddd;padding-right: 10px;}
.prodDetail .prodRelated ul{margin: 0; list-style:none; list-style-image: none;}
.prodDetail .prodRelated ul li{zoom: 1; margin: 0 0 10px 0;}
.prodDetail .prodRelated ul li:after{content: ".";clear: both;display: block;height: 0;visibility: hidden;}
.prodDetail .prodRelated ul li img{float: left; margin: 0 5px 0 0; border: solid 4px #ddd;}
.prodDetail .prodRelated ul li a{text-decoration: none; font-weight: normal; line-height: 1.2em;}

/** Other Products **/
.prodOffers{border-top: solid 1px #ddd;}

/* == Product Added To Basket Popup
------------------------------------------------------------------------------------------------------------------------ */
.prodStockFlyout{background: #eee; border: solid 1px #ccc; border-right-color: #111; border-bottom-color: #111; position:absolute; width:180px;z-index: 10;}
.prodStockFlyout div{border: solid 1px #fff;padding: 5px;zoom: 1;}
.prodStockFlyout div.success{background: url(/_img/success.gif) no-repeat top left;padding-left: 50px;}
.prodStockFlyout div.failure{background: url(/_img/warning.gif) no-repeat top left;padding-left: 50px;}
.prodStockFlyout h3{font-weight: bold; font-size: 100%;color: #111;}
.prodStockFlyout p{font-size: 95%;line-height: 1.2em; border-bottom: dotted 2px #ccc; margin: 0 0 5px 0; padding: 0 0 5px 0;}

/* == Stock Lightbox
------------------------------------------------------------------------------------------------------------------------ */
.stockLBImg{float: left;}
.stockLBText{padding-left: 250px;}
.stockLBText .prodStockPrice{font-weight: bold;font-size: 200%; letter-spacing: -1px;}
.stockLBText .prodMeta{border: solid 1px #ccc; background: #eee; padding: 5px; width: 250px; margin-bottom: 10px;-moz-border-radius: 4px;-webkit-border-radius: 4px;}

/* == Checkout Process
------------------------------------------------------------------------------------------------------------------------ */
/** Global Checkout styles **/
.coIntroText{font-style: italic;}
.coBasketWrap .prodThumb, .tableWrap .prodThumb{float: left; margin: 2px 5px 2px 2px;}
.coBasketWrap table{border-bottom: solid 4px #eee;}
.coBasketWrap table tr th{border: solid 1px #ccc; border-width: 1px 0;padding: 8px 15px; background: #eee;}
.coBasketWrap table tr td{border: 0;padding: 3px 15px;}
.coBasketWrap table tr.rowItemAlt td{background-color: #f5f5f5;}
.coBasketWrap .updqtyinput{width: 15px !important;float:left;margin-right:5px;}
.coBasketWrap img.updqty{float: left; padding-top: 5px;}
.coCheckout .addSelLbl{width: 90%;margin-bottom: 10px;}
.coCheckout .addressSelect{width: 465px;}

/** Progress bar indicator **/
.coCheckout .progressList{zoom: 1; margin: 10px 0; list-style-type: none; list-style-image: none; background: #f5f5f5 url(/_img/store-pixel.gif) repeat-x bottom left; border: solid 1px #ccc; border-bottom: 0; padding: 0px 10px 0 10px; font-style: italic;}
.coCheckout .progressList:after{content: ".";clear: both;display: block;height: 0;visibility: hidden;}
.coCheckout .progressList li{float: left;color: #999;margin: 0; padding: 12px 10px;}
.coCheckout .progressList li.on{font-weight: bold;}
.coCheckout .progressList li.on a{text-decoration: none;}

/** Proceed/Continue Shopping Buttons **/
.coProceed{zoom: 1;margin: 10px 0;clear: both;}
.coProceed:after{content: ".";clear: both;display: block;height: 0;visibility: hidden;}
.coProceed .btnContinue{float: left;}
.coProceed .btnContinue .btn{background: #ddd;padding: 10px; color: #333; border: solid 5px #ccc;-moz-border-radius: 6px;-webkit-border-radius: 6px;}
.coProceed .btnProceed{float: right;}
.coProceed .btnProceed .btn{background: #006600 url(/_img/btn-continue-bg.gif) repeat-x top left;padding: 10px; color: #fff; border: solid 5px #ccc;-moz-border-radius: 6px;-webkit-border-radius: 6px;}
.coProceed .btnBack{float: left;}
.coProceed .btnLogOut{float: right;background: #fe0000;}

.coPaypalBtn{text-align: right;clear:right;}

.coChequeBtn{text-align: right; float: right; margin-top: 10px;clear:right;}
.coChequeBtn p{font-style:italic; font-size: 90%}
.coChequeBtn .btn{background: #eee ;padding: 10px; color: #111; border: solid 5px #ccc;-moz-border-radius: 6px;-webkit-border-radius: 6px;}

/** Basket Form Holders **/
.coBasket .coFormPanel{border: solid 1px #ccc; background: #fcfcfc; margin: 0 0 10px 0;}
.coBasket .coFormPanel .inner{zoom: 1;border: solid 1px #fff; border-top: 0; padding: 0 10px 10px 10px;}
.coBasket .coFormPanel .inner:after{content: ".";clear: both;display: block;height: 0;visibility: hidden;}
.coBasket .coFormPanel h2{padding-left: 10px;}

/** Basket Screen **/
.coBasket .coBasketTotal{text-align: right;font-weight: bold; padding: 10px 0 0 0;font-size: 160%;}
.coBasket .coBasketTotal .value{color: #000;}
.coBasket .coBasketShipping{text-align: right; font-style: italic;display: none;}
.coBasketFreeShipping{float: right; clear: right; font-style: italic; background: url(/_img/tick-sml.gif) no-repeat right center; padding-right: 20px;}
.coBasket .coBasketLoyalty{float: right; font-weight: bold;}

.coBasket .coProdRelated{float: left; width: 49%;}
.coBasket .coProdRelated .prodList{margin: 0; padding: 0; border: 0;}
.coBasket .coProdRelated .prodList li{width: auto;}
.coBasket .coProdRelated .prodList li .prodText{display: none;}
.coBasket .coBasketCosts{float: right; width: 49%;}

/** Checkout Form Holders **/
.coCheckout .coFormPanel{border: solid 1px #ccc; background: #fcfcfc; margin: 0 0 10px 0;}
.coCheckout .coFormPanel .inner{zoom: 1;border: solid 1px #fff; border-top: 0; padding: 0 10px 10px 10px;}
.coCheckout .coFormPanel .inner:after{content: ".";clear: both;display: block;height: 0;visibility: hidden;}
.coCheckout .coFormPanel h2{padding-left: 10px;}
.coCheckout .coFormPanel .coSplitOne{float: left; width: 48%;}
.coCheckout .coFormPanel .coSplitTwo{float: right; width: 48%;}

/** Checkout Log In Screen **/
.coCheckout .coLogIn{float: left; width: 49%;}
.coCheckout .coLogIn .coLogInForm{border-top: solid 1px #ccc;background: url(/_img/store-holder-gradient.gif) repeat-x top left;padding: 20px 10px 0 10px; margin: 0 -10px 00px -10px;}
.coCheckout .coNewCustomer{float: right; width: 49%;}

/** Checkout Your Details Screen **/
.coCheckout .coCheckoutDetails .coPersonal{float: left; width: 32%;}
.coCheckout .coCheckoutDetails .coBilling{float: left; width: 46%;}
.coCheckout .coCheckoutDetails .coAddConf{float: right; width: 46%;}

/** Checkout UK Quick Lookup **/
.coCheckout .coCheckoutDetails .postcode { margin-right: 8px; width: 65px; }
.coCheckout .coCheckoutDetails h3 { margin: 0 0 10px; }
.coCheckout .coCheckoutDetails .addressSelect,
.coCheckout .coCheckoutDetails .addSelLbl { width: 295px !important; }

/** Checkout Order Summary Screen **/
.coCheckout .coCheckoutSummary .coDeliveryOptions{float: left; width: 49%;}
.coCheckout .coCheckoutSummary .coDeliveryOptions label{float: none;}
.coCheckout .coCheckoutSummary .coDeliveryOptions .deliveryButtons{background: #fff; border: solid 1px #ccc; padding: 10px; margin-bottom:10px;}
.coCheckout .coCheckoutSummary .coDeliveryOptions .divDelivery .btn{float:right;}
.coCheckout .coCheckoutSummary .coPromos{float: right; width: 49%;}
.coCheckout .coCheckoutSummary .coOrderTotal{float: right; width: 49%;}
.coCheckout .coCheckoutSummary .coOrderTotal label{padding-top: 0;}
.coCheckout .coCheckoutSummary .coTerms{float: right; width: 49%; clear: right;}
.coCheckout .addressBookAddress{margin: 0 0 10px 0; border: solid 1px #ccc; background: #eee; padding: 10px;}

/** Checkout Payment Screen **/
.coCheckout .coCheckoutPayment .coPaymentAddress{float: left; width: 49%;}
.coCheckout .coCheckoutPayment .coPaymentDetails{float: right; width: 49%;}

/** Checkout Security Message **/
.coSecurity{font-size: 95%;}

/** Checkout Confirmation Message **/
.coCheckout .coCheckoutConfirmation .coProceed .btnContinue{float: right;}
.coCheckout .coCheckoutConfirmation .coOrderSummary label{clear: left; text-align: left;padding: 0;}
.coCheckout .coCheckoutConfirmation .options{padding-left: 115px;}


/* == My Account Process
------------------------------------------------------------------------------------------------------------------------ */

/** Account Global Styles **/
.coAccount .introText{font-style: italic;}
.coAccount .coAccountArea ul{border: solid 1px #ccc; border-width: 1px 0;background: #eee;margin: 0;list-style: none;text-align: center;}
.coAccount .addSelLbl{width: 90%;margin-bottom: 10px;}
.coAccount .addressSelect{width: 465px;}

/** Account Form Panels **/
.coAccount .coFormPanel{border: solid 1px #ccc; background: #fcfcfc; margin: 0 0 10px 0;}
.coAccount .coFormPanel .inner{zoom: 1;border: solid 1px #fff; border-top: 0; padding: 0 10px 10px 10px;}
.coAccount .coFormPanel .inner:after{content: ".";clear: both;display: block;height: 0;visibility: hidden;}
.coAccount .coFormPanel .input{width: 300px;}
.coAccount .coFormPanel .coSplitOne{float: left; width: 48%;}
.coAccount .coFormPanel .coSplitTwo{float: right; width: 48%;}

/** Account Login Screen **/
.coAccount .coAccountLogin{float: left; width: 49%;}
.coAccount .coAccountRegister{float: right; width: 49%;}
.coAccount .coAccountRegister .options{padding-left: 115px;}

/** Account page Layout **/
.coAccount .accountNav{float: left; width: 250px;padding-right: 20px; border-right: solid 1px #ccc;}
.coAccount .accountNav .status{border: solid 1px #ccc; background: #eee; padding: 10px; zoom: 1;}
.coAccount .accountNav .status:after{content: ".";clear: both;display: block;height: 0;visibility: hidden;}
.coAccount .accountHolder{float: right; width: 680px;}
.coAccount .accountHolder .addressBookAddress{margin: 0 0 10px 0; border: solid 1px #ccc; background: #eee; padding: 10px;}
.coAccount .accountHolder .coOrderSummary label{clear: left; padding: 0; text-align: left;}


/* == Search Autocomplete Box
---------------------------------------------------------------------------------------------------------------------*/
.ac_results{padding: 0px; border: 1px solid black; background-color: white; overflow: hidden; z-index: 99999; margin-left: 12px; color: #333;}
.ac_results ul{width: 100%; list-style-position: outside; list-style: none; padding: 0; margin: 0; }
.ac_results li{
    margin: 0px; 
    padding: 2px 5px; 
    cursor: default; 
    display: block;
	/* 	if width will be 100% horizontal scrollbar will apear when scroll mode will be used	*/
	/*width: 100%;*/
	font: menu;
	font-size: 12px;
	/* it is very important, if line-height not setted or setted in relative units scroll will be broken in firefox	*/
	line-height: 16px; 
	overflow: hidden;
}
.ac_loading{background: #fff url(/_img/loading.gif) right center no-repeat;}
.ac_odd{background-color: #eee;}
.ac_over{background-color: #0A246A; color: white;}

/* == Survey Wizard
----------------------------------------------------------------------------------------------------------------------*/
.survey{float: left;margin: 10px 0;width: 100%;}
.survey label, .survey .label{float: none;display: block; width: auto;padding: 2px 0;}
.survey .quest{float: left; width: 100%;clear: both; padding: 10px 0;}
.survey .quest .num{display: none;}
.survey .radList input, .survey .checkList input{width: auto; clear: left; float: left;}
.survey .checkList br{display: none;}