/* = Framework
----------------------------------------------------------------------------------------------------------------- */
#wrap { width: 995px; margin: 0 auto; }
#head { width: 995px; float: left; padding: 20px 0; position: relative; }
#menu { width: 995px; float: left; background: #666; }
#subMenu { width: 995px; float: left; }
#mainContent { width: 995px; float: left; margin: 20px 0; }
#footer { width: 995px; float: left; border-top: 5px solid #333; }

/* = Page Templates
----------------------------------------------------------------------------------------------------------------- */
.templateTwo .zoneOne { width: 750px; float: left; }
.templateTwo .zoneTwo { width: 220px; float: left; margin-right: 10px; margin-left: 10px; }

/* = Header
----------------------------------------------------------------------------------------------------------------- */
.logo { width: 38%; float: left; }

.headBanner { width: 62%; float: left; text-align: right; margin-bottom: 15px; }
.shopHotline { float: left; padding: 3px 0 0 175px; color: #333; font-size: 1.3em; text-transform: uppercase; font-weight: bold; }

.geoSelect { width: auto; float: right; margin-top: 3px; font-weight: bold; }
.geoSelect select { width: 183px; padding: 5px; }

.miniBasket { float: right; margin: 5px 0 0 20px; padding: 4px; border: 1px solid #ccc; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.miniBasket .item { background: url(/_img/icon-basket.gif) no-repeat top left; height: 15px; padding: 0 0 0 25px; }
.miniBasket .price { margin: 0 5px 0 0; }
.miniBasket .btn { padding: 2px; }

/* = Menus
----------------------------------------------------------------------------------------------------------------- */
#menu ul { margin: 0; list-style: none; }
#menu ul li { float: left; margin: 0; }
#menu ul li a { float: left; color: #fff; padding: 10px; }
#menu ul li a:hover { background: #454545; }
#menu ul li .on { background: #333; }

#subNav { width: 100%; float: left; background: #ececec; }
#subNav ul { float: left; margin: 0; list-style: none; padding: 10px; }
#subNav ul li { display: inline; margin: 0 20px 0 0; }
#subNav ul li a { display: inline-block; }

.sideNavCategory ul { margin: 0; list-style: none; }
.sideNavCategory ul li { margin: 0; border-bottom: 1px solid #ccc; }
.sideNavCategory ul li a { display: block; padding: 10px 0; }

/* = Footer
----------------------------------------------------------------------------------------------------------------- */
.footerMenu { padding: 10px 0 20px; font-size: 0.8em; }
.footerMenu ul { margin: 0; padding: 0; list-style: none; }
.footerMenu ul li { display: inline; margin: 0 10px 10px 0; }
.footerMenu ul li a { display: inline-block; }

.copyright { color: #666; }

.backToTop { float: right; margin: 10px 0 0; }

/* = Popup
----------------------------------------------------------------------------------------------------------------- */
#popup { width: 550px; position: fixed; top: 50px; left: 50%; margin-left: -250px; float: left; z-index: 9999; display: none; border: 5px #666 solid; }
#popup .inner .innerMost { padding: 5px 10px 10px 10px; background: #ececec; min-height: 140px; overflow: auto; color: #333; }
#popup .inner .innerMost img { border: 1px solid #000; width: 100px; }
#popup .inner .innerMost .stockLBText p.prodStockAvailability,
#popup .inner .innerMost .stockLBText p.prodStockPricing { margin: 0; }
#popup .inner .innerMost .stockLBText { padding-left: 110px; }
#popup .inner .innerMost .stockLBText span.prodStockSelection { position: absolute; top: 123px; right: 10px; }
#popup .inner .innerMost .stockLBText span.prodStockSelection select { margin: 0 5px 0 0; }
#popup .inner .innerMost .productUpsell p.upsellActions { position: absolute; top: 123px; right: 10px; }
#popup .inner .innerMost ul.tabs { list-style: none; margin: 10px 0; width: 100%; float: left; }
#popup .inner .innerMost ul.tabs li { float: left; }
#popup .inner .innerMost ul.tabs li a { float: left; background: #333; border: 1px solid #000; padding: 5px; margin: 0 10px 0 0; color: #fff; font-size: 13px; }
#popup .ClosePopup { position: absolute; top: -20px; right: -20px; height: 40px; width: 40px; background: url(/_img/popup-close.gif) no-repeat top left; text-indent: -9999px; }
#popup input.btn { margin-right: 5px; }

#fadeWrap { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 15; display: none; }
#fade { width: 100%; height: 100%; position: fixed; left: 0; background: url(/_img/lens-bg.png) repeat top left; z-index: 9998; }

/* = Promotion Code
----------------------------------------------------------------------------------------------------------------- */
.prodStockPromo { margin: 0 0 20px; padding: 20px 20px 5px; border: 1px solid #ccc; background: #efefef; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.prodStockPromo span { width: 40%; float: left; margin-left: 10px; color: #333; height: 28px; line-height: 28px; }
.prodStockPromo prodStockPromoForm { width: 30%; float: right; }

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

.prodDetail { width: 100%; float: left; margin: 20px 0 0 0; padding: 15px 0 0; border-top: 1px dashed #ccc; }

.prodView { width: 80%; float: right; }
.prodView h2 { display: none; }
.prodView ul { margin: 0; list-style: none; }
.prodView ul li { width: 100%; float: left; margin: 0 0 15px; padding: 0 0 15px; border-bottom: 1px solid #ddd; }
.prodView .prodTextSummary { margin: 0 0 20px; }
.prodView .prodStockQty { display: none; }
.prodView .prodStockTitle { width: 70%; float: left; padding: 7px 0 0; }
.prodView .prodStockAvailability { display: none; }
.prodView .prodStockClassification { display: none; }
.prodView .prodStockPricing { float: left; margin: 0; font-size: 1.4em; font-weight: bold; letter-spacing: -1px; }
.prodView .prodStockSelection { float: right; width: auto; }
.prodView .prodTextBannerCol { display: none; }
.prodView .prodStockDebit { min-height: 30px; padding: 0 0 0 40px; background: url(/_img/dd-logo-small.gif) no-repeat left top; }
.prodView .prodStockDebit .prodStockTitle { width: 68.5%; }

.prodStockFormat { display: none; }

/* = Product List
----------------------------------------------------------------------------------------------------------------- */
.prodList { margin: 0; list-style: none; zoom: 1; }
.prodList:after { content: "."; clear: both; display: block; height: 0; visibility: hidden; }
.prodList li { float: left; }
.prodList li .prodImage { float: left; }
.prodList li .prodImage img { padding: 5px; border: 1px solid #ddd; }
.prodList li .prodText .prodTextTop { margin: 0 0 20px; }
.prodList li .prodText .prodStockAvailability { display: none; }
.prodList li .prodText h3 { margin: 0 0 10px; }
.prodList li .prodText .brandlink,
.prodList li .prodText .max,
.prodList li .prodText .sep { display: none; }

.listOneWide li { margin: 0 0 20px; padding: 0 0 20px; border-bottom: 1px solid #dcdcdc; }
.listOneWide li .prodImage { width: 180px; }
.listOneWide li .prodText { padding-left: 200px; }

.listTwoWide li { width: 47%; margin-right: 2.5%; margin-bottom: 2.5%; }
.listTwoWide li .prodImage { width: 130px; }
.listTwoWide li .prodText { padding-left: 130px; }

.listThreeWide li { width: 30%; margin-right: 3%; }
.listThreeWide li .prodImage { width: 130px; }
.listThreeWide li .prodText { padding-left: 130px; }
.listThreeWide li .prodText .btnMoreInfo { display: none; }

.listFourWide li { width: 22%; margin-right: 3%; }
.listFourWide li .prodImage { width: 130px; }
.listFourWide li .prodText { padding-left: 130px; }
.listFourWide li .prodText .btnMoreInfo { display: none; }

/* = Category List
----------------------------------------------------------------------------------------------------------------- */
.pageCategory { margin: 0; list-style: none; }

/* = Checkout
----------------------------------------------------------------------------------------------------------------- */
.coFormPanel { margin: 0 0 15px; padding: 10px; border: 1px solid #ccc; background: #fcfcfc; }

.coLogIn { width: 47%; float: left; }
.coSubscriber { width: 47%; float: right; }
.coNewCustomer { width: 47%; float: right; margin-left: 15px; }
.coPersonal { width: 32%; float: left; }
.coBilling { width: 46%; float: left; }
.coAddConf { width: 46%; float: right; }
.coSurvey { width: 47%; float: left; }
.ddColumn .coSurvey { width: auto; }
.coDeliveryOptions { width: 47%; float: right; }
.coDeliveryOptions .divDelivery .btn { float: right; }
.coOrderTotal { width: 47%; float: right; clear: right; }
.coOrderTotal label { padding: 0; }
.coTerms { width: 47%; float: right; clear: right; }
.coTerms p { margin: 0; }
.coOrderSummary label { float: none; }

.coIntroText { margin: 0 0 20px; }

.coProdRelated { width: 45%; float: left; }
.coProdRelated .prodList { margin: 0; padding: 0; border: 0; }
.coProdRelated .prodList li { margin-right: 10px; }
.coProdRelated .prodList li .prodText { display: none; }

.coBasketCosts { width: 49%; float: right; }
.coBasketTotal { font-size: 1.6em; font-weight: bold; padding: 10px 0 0; text-align: right; }

.coProceed { width: 100%; float: left; clear: both; margin: 10px 0; }
.coProceed .btnContinue { float: left; }
.coProceed .btnProceed { float: right; }
.coPaypalBtn { float: right; text-align: right; }
.coPaypalBtn .paypalNote { margin: 0 0 10px; }

.coBasketFreeShipping { float: right; clear: right; font-style: italic; margin-top: 10px; padding-right: 20px; background: url(/_img/tick-sml.gif) no-repeat right center; }

.coPaypalBtn input { border: 0; padding: 0; width: auto; background: none; }

.coChequeBtn { text-align: right; float: right; margin-top: 10px; clear: right; }
.coChequeBtn p { margin: 0 0 10px; font-style: italic; }

.progressList { margin: 0 0 20px; list-style: none; font-style: italic; border: solid 1px #ccc; background: #f5f5f5; }
.progressList li { display: inline-block; color: #999; margin: 0; padding: 12px 10px; }
.progressList li.on { font-weight: bold; color: #333; }
.progressList li.on a { text-decoration: none; color: #333; }

.survey { margin: 0 0 20px; }
.survey .quest { width: 100%; float: left; margin: 0 0 10px; }
.survey .label { width: 20%; float: left; display: inline; font-weight: bold; margin-right: 8px; }
.survey .checkList,
.survey .radList { width: 100%; float: left; display: block; margin: 10px 0 0; }
.survey .checkList label,
.survey .radList label { width: auto; font-weight: normal; margin: 0 0 5px; padding: 0; }
.survey .checkList input,
.survey .radList input { width: 20px; float: left; clear: left; margin: 0; padding: 0; }
.survey .num { display: none; }

.survey .radList { width: auto; }

.ddColumn { width: 48%; float: left; box-sizing: border-box; margin: 0 0 40px; padding: 10px; border: 1px solid #ccc; background: #fcfcfc; }
.ddColumnFull { margin: 0 0 40px; padding: 10px; border: 1px solid #ccc; background: #fcfcfc; }
.ddColumnFull label { font-weight: normal; width: 300px; }
.ddBuilding { float: right; width: 350px; margin: 0 0 20px; }
.ddGuarantee { margin: 0 0 40px; padding: 15px; background: #ddd; }
.ddGuarantee .inner { padding: 15px; position: relative; border: 1px solid #ccc; background: #fff; -moz-box-shadow: 5px 8px 8px #aaa; -webkit-box-shadow: 5px 8px 8px #aaa; box-shadow: 5px 8px 8px #aaa; }
.ddGuarantee .inner h1 { margin: 0 0 40px; color: #000; text-align: center; }
.ddAssociation { width: 500px; float: left; margin: 0 0 20px; }
.ddDeliveryAddress { margin-right: 4%; }
.ddGift { float: right; }



/* New checkout process */
.checkoutProgress { display: block; height: 38px; margin: 0 0 20px; list-style: none; border: 1px solid #e9e9e9; background: #fff; -moz-box-shadow: 0 0 3px #ddd; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 0 3px #ddd; box-shadow: 0 0 3px #ddd; }
.checkoutProgress li { float: left; margin-right: 0; padding: 11px 40px 11px 20px; background: url(/_img/progress-stage.jpg) no-repeat right center; }
.checkoutProgress .progressComplete a { padding-left: 25px; font-style: italic; background: url(/_img/progress-complete.png) no-repeat left center; }
.checkoutProgress .progressActive a { padding-left: 25px; font-style: italic; font-weight: bold; background: url(/_img/progress-active.png) no-repeat left center; }
.checkoutProgress .progressEnd { padding-right: 25px; background: none; }
.checkoutProgress .btn { color: #323437; padding: 0; font-weight: normal; border: 0; background: none; }
.checkoutProgress .btn:hover { background-color: none; }
.checkoutProgress .btnDisabled { color: #999; }
.checkoutProgress .btnDisabled:hover { background: none; }



/* = My Account
----------------------------------------------------------------------------------------------------------------- */
.orderHistory .order { margin-bottom: 10px; padding-bottom: 10px; border-bottom: solid 1px #ccc; }
.orderHistory .order .package .details img { width: 80px; float: left; margin-right: 20px; }
.orderHistory .order .package .details .packageData { background-color: #ececec; }

.myAccount .lbl { padding: 0; }