.floatleft { float: left; }

.floatright { float: right; }

/*/ ====== UI Patterns ====== /*/
/*/ Media Queries /*/
/*/ Colours /*/
.red { color: #b92f2e !important; }

.black { color: #000 !important; }

.mustard { color: #cc8b5f !important; }

.white { color: #fff !important; }

.darkgrey { color: #5a5b5d !important; }

.grey { color: #999999 !important; }

.lightgrey { color: #e7e7e7 !important; }

/*/ Images /*/
/*/ Typography /*/
.smallcaps { font-size: 70%; position: relative; }

.grey { color: #999999; }

/*/ Buttons /*/
.imgbutton { padding: 0px; margin: 0px; border: 0; line-height: 0px; -webkit-apperance: none; }

.pagination-wrap { width: 100%; margin: 20px 0px 30px 0px; text-align: center; }
.pagination-wrap ul { display: block; float: left; list-style: none; margin: 0px; padding: 0px; float: none; display: inline-block; width: auto; }
.pagination-wrap li { display: block; float: left; margin: 0 3px; }
.pagination-wrap li a { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ display: inline-block; padding: 8px 10px; color: #5a5b5d; background-color: lightgrey; }
.pagination-wrap li.active a { background-color: #fff; }

/*/ Forms /*/
.fauxcheck, .fauxrad { border: 2px #999999 solid; height: 12px; width: 12px; display: inline-block; background-color: #fff; transition: background-color 0.3s; -webkit-transition: background-color 0.3s; cursor: pointer; }
.fauxcheck.active, .fauxrad.active { background-color: #999999; }
.fauxcheck input, .fauxrad input { display: none; }

input, textarea { outline: 0; -webkit-appearance: none; border-radius: 0; }

select { outline: 0; border-radius: 0; }

.clearfix:before, .pagination-wrap:before, .homebanner-row:before, .catgeory-wrap:before, .categ-listing:before, .mob-filters:before, .categ-mobfilter-section:before, .prod-main:before, .thumbrow:before, .prod-recommended:before, .prod-recommended li .categ-info:before, .prod-reviews:before, .titlebar:before, .overall-ratings:before, .revform:before, .ch4-endbox:before, #wrapper:before, #wrapper-chout:before, .inner:before, .clearfix:after, .pagination-wrap:after, .homebanner-row:after, .catgeory-wrap:after, .categ-listing:after, .mob-filters:after, .categ-mobfilter-section:after, .prod-main:after, .thumbrow:after, .prod-recommended:after, .prod-recommended li .categ-info:after, .prod-reviews:after, .titlebar:after, .overall-ratings:after, .revform:after, .ch4-endbox:after, #wrapper:after, #wrapper-chout:after, .inner:after { content: "\0020"; display: block; height: 0; overflow: hidden; }

.clearfix:after, .pagination-wrap:after, .homebanner-row:after, .catgeory-wrap:after, .categ-listing:after, .mob-filters:after, .categ-mobfilter-section:after, .prod-main:after, .thumbrow:after, .prod-recommended:after, .prod-recommended li .categ-info:after, .prod-reviews:after, .titlebar:after, .overall-ratings:after, .revform:after, .ch4-endbox:after, #wrapper:after, #wrapper-chout:after, .inner:after { clear: both; }

/* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
.clearfix, .pagination-wrap, .homebanner-row, .catgeory-wrap, .categ-listing, .mob-filters, .categ-mobfilter-section, .prod-main, .thumbrow, .prod-recommended, .prod-recommended li .categ-info, .prod-reviews, .titlebar, .overall-ratings, .revform, .ch4-endbox, #wrapper, #wrapper-chout, .inner { zoom: 1; }

/*/ Breadcrumbs /*/
.breadcrumb-wrap { width: 950px; margin: auto; margin-top: 20px; font-size: 14px; color: #5a5b5d; }
.breadcrumb-wrap .selwrap { width: 148px; height: 25px; border: 1px #fff solid; display: block; overflow: hidden; cursor: pointer; background-color: #fff; background-image: url("../images/selarr.png"); background-repeat: no-repeat; background-position: 95% 50%; }
.breadcrumb-wrap select { position: static; visibility: visible; width: 168px; height: 20px; margin: 3px 0px 0px 0px; padding: 0px 0px 0px 4px; line-height: 1; background-color: transparent; cursor: pointer; border: 1px transparent solid; -webkit-appearance: none; font-size: 12px; color: #5a5b5d; }
.breadcrumb-wrap a { text-decoration: none; color: #5a5b5d; }
.breadcrumb-wrap .selwrap { float: right; }

/*/ ====== Modules ====== /*/
/*/ Header /*/
#header { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ width: 100%; height: 157px; background-image: url("../images/header-bg.png"); position: relative; z-index: 999; overflow: visible; min-width: 1024px; }

.fblink { margin-top: 4px; }

.header-inner { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ max-width: 950px; width: 100%; height: 157px; margin: auto; position: relative; }

.header-info { width: 100%; height: 25px; border-bottom: 1px #e7e7e7 solid; font-size: 11px; line-height: 22px; font-weight: bold; }
.header-info a { color: #999999; text-decoration: none; margin-left: 10px; }

#wrapper-chout #header { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ background-image: none; width: 900px; margin: auto; background-color: #fff; }
#wrapper-chout .header-info { border-bottom: 1px #fff solid; }

#logo { width: 245px; height: 92px; display: block; margin-top: 20px; position: absolute; background-image: url("../images/logo.jpg"); }

.header-functions { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ float: right; width: 100%; height: 44px; margin-top: 8px; }
.header-functions form { float: right; }
.header-functions input[type="text"] { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ border-top: 2px #e7e7e7 solid; border-left: 2px #e7e7e7 solid; border-bottom: 2px #e7e7e7 solid; border-right: 0px; padding-left: 10px; font-size: 12px; color: #5a5b5d; height: 25px; width: 138px; float: left; }
.header-functions button { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ height: 25px; overflow: hidden; float: right; padding: 0px; background-color: none; border: 2px #e7e7e7 solid; }

.cart-ico { float: right; margin-right: 12px; }

.cartlink { font-size: 12px; }

.cart-totalitems, .cart-totalprice { height: 25px; width: auto; float: right; color: #fff; padding-left: 10px; padding-right: 10px; line-height: 25px; margin-right: 8px; }

.cart-totalitems { background-color: #333333; position: relative; }
.cart-totalitems:before { content: ''; width: 5px; height: 25px; display: block; position: absolute; left: -5px; background-image: url("../images/cart-arr.png"); background-repeat: no-repeat; background-position: center; }

.cart-totalprice { background-color: #5a5b5d; }

.mobsearch { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ float: left; width: 96%; height: auto; margin: 1.8% 0 1.8% 2%; position: relative; }
.mobsearch input[type="text"] { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ border: 3px #e7e7e7 solid; width: 85%; height: 100%; position: absolute; bottom: 0px; top: 0px; left: 0px; margin: 0px; padding-left: 2%; float: left; font-size: 22px; }
.mobsearch button { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ border: 3px #e7e7e7 solid; border-left: 0px; background-color: #fff; width: 15%; height: auto; margin: 0px; float: right; line-height: 0px; padding: 0px; }
.mobsearch button img { height: auto; width: 100%; position: relative; margin: 0px; padding: 0px; }

#mobtopmenu { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ float: left; position: relative; width: 100%; z-index: 99999; }
#mobtopmenu .arrdown { display: inline-block; }
#mobtopmenu .arrup { display: none; }
#mobtopmenu .mobmenutoggle { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ display: block; font-family: arial; font-weight: bold; font-size: 30px; background-color: #333; width: 100%; padding: 16px; color: #fff; cursor: pointer; }
#mobtopmenu ul { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ display: block; float: left; list-style: none; margin: 0px; padding: 0px; display: none; position: absolute; z-index: 99999; width: 100%; padding: 10px; background-color: #e7e7e7; }
#mobtopmenu li { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ display: block; float: left; width: 100%; margin-bottom: 8px; }
#mobtopmenu li a { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ width: 100%; float: left; background-color: #fff; padding: 10px; color: #333; }
#mobtopmenu.active .arrdown { display: none; }
#mobtopmenu.active .arrup { display: inline-block; }
#mobtopmenu.active ul { display: block; }

.mainmenu { position: relative; z-index: 999; float: right; overflow: visible; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ }
.mainmenu ul { display: block; float: left; list-style: none; margin: 0px; padding: 0px; }
.mainmenu li { display: block; float: left; position: relative; overflow: visible; width: auto; }
.mainmenu a { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ padding: 20px 16px 30px 16px; float: left; font-size: 16px; display: block; color: #5a5b5d; text-decoration: none; }
.mainmenu .submenu { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ display: none; position: absolute; z-index: 99; top: 50px; right: -50%; background-color: #fff; width: 200px; -webkit-box-shadow: 0px 5px 10px #999999; -moz-box-shadow: 0px 5px 10px #999999; box-shadow: 0px 5px 10px #999999; border: 0px 1px 1px 1px; border-color: #ccc; border-style: sold; }
.mainmenu .submenu:before { content: ''; position: absolute; top: -5px; left: 0px; background-color: #fff; width: 100%; height: 10px; }
.mainmenu .submenu ul { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ width: 100%; padding: 12px 10px 10px 10px; }
.mainmenu .submenu li { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ width: 100%; }
.mainmenu .submenu li a { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ font-size: 13px; width: 100%; padding: 3px 0px 3px 0px; }
.mainmenu .submenu li a:hover { color: #cc8b5f; }
.mainmenu li:hover .submenu { display: block; }

/*/ Mobile sidemenu /*/
.mobmenu { display: none; }
.mobmenu.open { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ width: 42.9%; height: 100%; display: block; -webkit-box-shadow: inset -2px 3px 6px #cccccc; -moz-box-shadow: inset -2px 3px 6px #cccccc; box-shadow: inset -2px 3px 6px #cccccc; }
.mobmenu.open ul { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ display: block; float: left; list-style: none; margin: 0px; padding: 0px; width: 100%; float: left; }
.mobmenu.open li { display: block; float: left; width: 100%; float: left; border-bottom: 1px #ccc solid; }
.mobmenu.open a { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ width: 100%; float: left; padding: 12px; display: block; text-decoration: none; color: #5a5b5d; font-size: 18px; }

/*/ Mobile submenu /*/
/*/ Home page /*/
/*/ Big Slideshow /*/
.mainslideshow { height: auto; width: auto; }
.mainslideshow ul { display: block; float: left; list-style: none; margin: 0px; padding: 0px; overflow: hidden; *zoom: 1; float: none; margin: auto; width: 1200px; height: 402px; position: relative; margin-bottom: 10px; }
.mainslideshow li { display: block; float: left; width: 100%; height: 100%; display: none; position: absolute; top: 0px; left: 0px; z-index: 0; }
.mainslideshow li img { width: 100%; height: 100%; position: absolute; z-index: 12; left: 0; }
.mainslideshow li.active { display: block; z-index: 10; }
.mainslideshow li.next { display: block; z-index: 9; }

.homebanners { margin-top: 18px; }

.mobbanner { position: relative; width: 100%; padding-bottom: 74.576%; height: 0; float: left; margin-bottom: 1.8%; }
.mobbanner .bgimg { width: 100%; height: 100%; position: absolute; left: 0; }

.homebanner-row { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ width: 950px; height: auto; margin: auto; }

.homebanner-fourth, .homebanner-half { background-color: #fff; display: block; margin-bottom: 18px; }
.homebanner-fourth img, .homebanner-half img { max-width: 100%; }

.homebanner-half { width: 466px; height: 350px; }

.homebanner-fourth { width: 224px; height: 350px; float: left; margin-right: 18px; position: relative; }
.homebanner-fourth:nth-child(4) { margin-right: 0px; }

.newsletter-wrap { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ width: 90%; height: 94%; position: absolute; padding: 5%; top: 3%; left: 5%; z-index: 99; background-color: #F2F2F2; top: 0; left: 0; width: 100%; height: 100%; border: 10px #fff solid; }
.newsletter-wrap .placeholder { height: 20px; margin-top: -10px; }
.newsletter-wrap h2 { color: #333; font-family: arial; font-size: 30px; font-weight: normal; display: block; width: 80%; line-height: 30px; margin: 20px auto 10px auto; }
.newsletter-wrap p { font-size: 14px; line-height: 22px; color: #000; font-weight: normal; display: block; width: 80%; margin: auto; }
.newsletter-wrap form { text-align: center; }
.newsletter-wrap input[type="text"] { -webkit-appearance: none; width: 77%; padding-left: 3%; font-size: 12px; margin: 10px auto auto auto; height: 23px; border: 1px #5a5b5d solid; background-color: #fff; color: #000; padding: 0px; width: 100%; }
.newsletter-wrap button { float: left; margin-left: 10%; margin-top: 10px; padding: 0px; border: 0px; cursor: pointer; background-color: transparent; }
.newsletter-wrap button img { height: 23px; width: 69px; padding: 0px; }

.homebanner-topbutton { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ width: 224px; height: 25px; padding: 6px 0 0 10px; float: left; margin-right: 18px; margin-bottom: 18px; font-size: 12px; background-color: #fff; color: #000; text-decoration: none; }
.homebanner-topbutton:last-child { margin-right: 0px; }

/*/ Product Listing /*/
/*/ Cart /*/
.cart-wrap { padding-top: 16px; width: 950px; margin: auto; }
.cart-wrap h1 { font-family: arial; font-size: 40px; font-weight: normal; color: #333; width: 700px; display: block; border-bottom: 1px #c7c7c7 solid; padding-bottom: 10px; margin-top: 18px; margin-bottom: 10px; }

.cart-sidebar { width: 226px; float: right; margin-top: 49px; }
.cart-sidebar h4 { display: block; margin: 0px 0px 10px 0px; width: 100%; padding-bottom: 10px; border-bottom: 1px #c7c7c7 solid; }
.cart-sidebar ul { display: block; float: left; list-style: none; margin: 0px; padding: 0px; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ width: 100%; background-color: #fff; padding: 20px 46px; }
.cart-sidebar li { display: block; float: left; width: 100%; font-size: 12px; text-align: center; margin-bottom: 16px; }
.cart-sidebar li img { width: 100%; }
.cart-sidebar li a { text-decoration: none; color: #000; }

.cart { display: block; float: left; list-style: none; margin: 0px; padding: 0px; width: 700px; float: left; }
.cart li { display: block; float: left; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ padding: 10px; width: 100%; float: left; background-color: #fff; margin-bottom: 4px; }

.infwrap { width: 79%; float: right; }

.cart-pic { width: 21%; float: left; }
.cart-pic img { width: 100%; }

.cart-descr { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ padding-right: 2%; width: 36.3%; float: left; margin-left: 3.63%; padding-top: 18px; line-height: 18px; }
.cart-descr a { color: #b92f2e; text-decoration: none; }

.cart-price { width: 15.73%; float: left; padding-top: 18px; }

.cart-quant { width: 8.47%; display: block; height: 25px; float: left; margin-right: 4.84%; padding-top: 12px; }
.cart-quant input { width: 100%; display: block; border: 1px #000 solid; text-align: center; height: 25px; }

.cart-remove { width: 9.68%; float: left; display: block; text-align: center; color: #b92f2e; cursor: pointer; margin-top: 18px; }

.cart-subtotal { padding-top: 18px; width: 12.1%; float: right; }

.cart-promo-wrap { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ width: 700px; background-color: #d6d6d6; float: left; padding: 12px 0 12px 12px; margin-top: 6px; }
.cart-promo-wrap form { height: 28px; width: 300px; padding: 0px; overflow: hidden; margin-left: 10px; }
.cart-promo-wrap h4 { color: #414243; margin: 6px 0 0 6px; }
.cart-promo-wrap .promo-label { width: 19%; height: auto; float: left; display: block; }
.cart-promo-wrap .promo-label img { height: auto; width: 100%; margin-top: 5%; }
.cart-promo-wrap input[type="text"] { border: 1px #414243 solid; width: 158px; height: 21px; padding-left: 5px; float: left; margin-right: 6px; }
.cart-promo-wrap button { height: auto; width: auto; background-color: transparent; }

.cart-totalinfo { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ line-height: 20px; width: 700px; padding: 0px 0px 10px 463px; margin: 10px 0px; border-bottom: 1px #b3b3b3 solid; float: left; }
.cart-totalinfo .total { font-size: 18px; line-height: 26px; font-weight: bold; }

.cart-checkout { width: 700px; margin-bottom: 20px; }
.cart-checkout a { float: right; }
.cart-checkout a img { max-width: 100%; }

.cartfaves h1 { width: 100%; }
.cartfaves .cart { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ width: 100%; }
.cartfaves ul { margin-bottom: 20px; }
.cartfaves .cart-pic { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ width: 11%; }
.cartfaves .imgbutton { background-color: transparent; }
.cartfaves .cart-select { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ width: 12%; float: left; height: 100%; margin-top: 30px; padding-left: 20px; }
.cartfaves .cart-select .fauxcheck { border: 1px #5a5b5d solid; width: 18px; height: 18px; }
.cartfaves .cart-select .fauxcheck.active { background-color: #5a5b5d; }
.cartfaves .cart-descr { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ margin: 10px 0px 0px 0px; width: 30%; padding-left: 18px; }
.cartfaves .cart-price { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ width: 20%; margin-top: 10px; }
.cartfaves .cart-addtocartbutton { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ width: 24%; float: left; }
.cartfaves .cart-addtocartbutton button { margin-top: 20px; }
.cartfaves .cart-checkout button { max-width: 100%; width: auto; }
.cartfaves .cart-checkout button img { width: 100%; }

.cart-head { width: 100%; float: left; }
.cart-head .chitem { float: left; font-size: 11px; font-weight: bold; text-transform: uppercase; margin-top: 10px; margin-bottom: 12px; }
.cart-head .select { width: 13%; }
.cart-head .item { width: 40%; }

/*/ Faq /*/
.ques { font-weight: bold; margin-top: 10px; }

.ans { margin-top: 6px; }
.ans p:first-child { margin-top: 0px; }

.faq-sect { margin-bottom: 20px; }

/*/ Category Listing /*/
.catgeory-wrap { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ width: 968px; margin: auto; position: relative; left: 9px; padding-top: 16px; }
.catgeory-wrap h1 { font-family: arial; font-size: 50px; font-weight: normal; color: #333; width: 950px; display: block; border-bottom: 1px #c7c7c7 solid; }
.catgeory-wrap h1 b { font-weight: bold; }

.categ-listing ul { display: block; float: left; list-style: none; margin: 0px; padding: 0px; width: 100%; float: left; }
.categ-listing li { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ display: block; float: left; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ height: 273px; width: 224px; padding: 10px; background-color: #fff; float: left; margin-bottom: 18px; margin-right: 18px; position: relative; }
.categ-listing li a { text-decoration: none; color: #000; display: block; }
.categ-listing li .rating { display: block; float: left; list-style: none; margin: 0px; padding: 0px; width: auto; float: left; width: 100%; margin-bottom: 3px; position: relative; top: -3px; }
.categ-listing li .rating li { display: block; float: left; padding: 0px; width: 22px; height: 20px; margin: 0px; background-color: transparent; background-repeat: no-repeat; background-position: center; }
.categ-listing li .rating li.full { background-image: url("../images/ico-star.png"); }
.categ-listing li .rating li.empty { background-image: url("../images/ico-emptystar.png"); }
.categ-listing li img { margin-bottom: 0px; max-height: 204px; text-align: center; margin: auto; }
.categ-listing li img.prodpic { width: 86%; margin-top: 16px; }
.categ-listing li .morecolours { margin-top: 0px; position: relative; top: -3px; max-width: 93px; }
.categ-listing li .sale { width: 67px; height: 36px; position: absolute; top: 12px; left: -6px; background-image: url("../images/sale.png"); background-repeat: no-repeat; background-position: top left; }

.filtersect-list { float: left; width: 100%; position: relative; overflow-x: hidden; height: 70px; }

li.categ-sidebar { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ height: 855px; width: 224px; padding: 10px; }
li.categ-sidebar .categ-sidebar-section { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ /* Turn on custom 8px wide scrollbar */ /* hover effect for both scrollbar area, and scrollbar 'thumb' */ /* The scrollbar 'thumb' ...that marque oval shape in a scrollbar */ border-bottom: 1px #cccccc solid; width: 100%; float: left; height: auto; overflow-x: visible; margin: 0px 0px 0px 0px; padding: 10px 0px 10px 0px; position: relative; }
li.categ-sidebar .categ-sidebar-section ::-webkit-scrollbar { width: 8px; /* 1px wider than Lion. */ /* This is more usable for users trying to click it. */ background-color: #e7e7e7; -webkit-border-radius: 100px; }
li.categ-sidebar .categ-sidebar-section ::-webkit-scrollbar:hover { background-color: #e7e7e7; }
li.categ-sidebar .categ-sidebar-section ::-webkit-scrollbar-thumb:vertical { /* This is the EXACT color of Mac OS scrollbars.
Yes, I pulled out digital color meter */ background: #999999; -webkit-border-radius: 100px; }
li.categ-sidebar .categ-sidebar-section ::-webkit-scrollbar-thumb:vertical:active { background: gray; /* Some darker color when you click it */ -webkit-border-radius: 100px; }
li.categ-sidebar h4 { font-size: 13px; display: block; float: left; width: 100%; background-image: url("../images/ico-categfilter.png"); background-repeat: no-repeat; background-position: top right; cursor: pointer; color: #5a5b5d; margin: 0px 0px 6px 0px; }
li.categ-sidebar ul { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ display: block; float: left; list-style: none; margin: 0px; padding: 0px; width: 100%; }
li.categ-sidebar ul.mini { height: 35px; }
li.categ-sidebar #amount { width: 100%; font-size: 11px; color: #5a5b5d; border: 0px; padding: 0px 0px 0px 0px; margin: 0px 0px 10px 0px; -webkit-appearance: none; }
li.categ-sidebar li { display: block; float: left; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ padding: 0px 0px 0px 14px; margin: 0px 0px 2px 0px; height: auto; width: 100%; font-size: 11px; color: #5a5b5d; cursor: pointer; position: relative; }
li.categ-sidebar li:before { content: ''; display: block; position: absolute; width: 7px; height: 7px; border: 1px #bfbfbf solid; top: 2px; left: 0px; transition: all .3s; -webkit-transition: all .3s; }
li.categ-sidebar li.active:before { background-color: #bfbfbf; }

.ui-slider-handle.ui-state-default.ui-corner-all { border: 1px #a7a8a9 solid; background-color: #a7a8a9; background-image: none; width: 12px; height: 12px; padding: 0px; border-radius: 6px; -webkit-border-radius: 6px; top: -3px; cursor: pointer; }

.ui-slider.ui-slider-horizontal.ui-widget.ui-widget-content.ui-corner-all { border: 1px #e7e7e7 solid; width: 98%; right: 0px; float: right; height: 7px; background-image: none; background-color: #e7e7e7; }

.ui-slider-range.ui-widget-header.ui-corner-all { background-color: #cccccc; background-image: none; }

.categ-info { display: block; height: 48px; font-size: 13px; line-height: 16px; }
.categ-info .was { color: #cccccc; text-decoration: line-through; }
.categ-info .now { color: #b92f2e; }

.mob-filters { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ width: 100%; margin-bottom: 20px; padding: 0 3%; }
.mob-filters .selwrap, .mob-filters button { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ background-repeat: no-repeat; width: 48%; height: 60px; background-color: #fff; background-image: url("../images/selarrmob.png"); background-position: 93% 50%; background-size: 10%; }
.mob-filters .selwrap select, .mob-filters button { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ text-align: left; color: #5a5b5d; border: 0px; }
.mob-filters button { float: left; display: block; padding: 20px; position: relative; z-index: 101; }
.mob-filters button.active { -webkit-box-shadow: 0px 0px 3px 1px; -moz-box-shadow: 0px 0px 3px 1px; box-shadow: 0px 0px 3px 1px; background-image: url("../images/selarrmobup.png"); }
.mob-filters button.active:after { content: ''; width: 100%; background-color: #fff; height: 15px; position: absolute; bottom: -5px; left: 0px; z-index: 120; }
.mob-filters .selwrap { float: right; overflow: hidden; position: relative; }
.mob-filters .selwrap select { position: absolute; height: 60px; width: 110%; display: block; padding: 20px 0px 20px 10px; border: 1px transparent solid; background-color: transparent; }

.filter-mob { position: relative; }

.categ-mobfilter-section { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ display: none; position: relative; width: 100%; z-index: 99; top: 60px; height: auto; background-color: #fff; -webkit-box-shadow: 0px 0px 5px #333333; -moz-box-shadow: 0px 0px 5px #333333; box-shadow: 0px 0px 5px #333333; }
.categ-mobfilter-section.active { display: block; }
.categ-mobfilter-section h4 { padding: 20px 20px 10px 20px; margin: 0px; display: block; width: 100%; float: left; font-size: 110%; }
.categ-mobfilter-section h4:first-child { padding-top: 0px; }
.categ-mobfilter-section ul { display: block; float: left; list-style: none; margin: 0px; padding: 0px; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ width: 100%; height: auto; padding: 0px 20px 20px 20px; }
.categ-mobfilter-section li { display: block; float: left; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ width: 100%; margin-bottom: 10px; cursor: pointer; position: relative; padding-left: 20px; }
.categ-mobfilter-section li:before { content: ''; display: block; position: absolute; width: 12px; height: 12px; border: 2px #bfbfbf solid; top: 3px; left: 0px; transition: all .3s; -webkit-transition: all .3s; }
.categ-mobfilter-section li.active:before { background-color: #bfbfbf; }

.size-tab-switch { display: inline-block; margin-bottom: 5px; border: 1px solid #cecece; color: #999999; float: left; line-height: 20px; width: 20px; height: 20px; font-size: 11px; text-align: center; margin-right: 3px; background-color: #e7e7e7; }
.size-tab-switch.active { background: #000; border-color: #000; color: #fff; }

/*/ Individual product /*/
.product-wrap h1 { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ width: 950px; margin: 20px auto 5px auto; font-size: 42px; font-weight: normal; color: #333; display: block; }

.sharelinks { color: #5a5b5d; font-size: 14px; margin-top: 12px; }
.sharelinks a { color: #5a5b5d; text-decoration: none; }
.sharelinks img { position: relative; top: 10px; }

.prod-main { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ max-width: 1200px; width: 100%; padding: 20px 125px; background-color: #fff; margin: auto; border-top: 1px #b3b3b3 solid; }

.picwrap { width: 48%; float: left; }

.mainpic-wrap { position: relative; }

.mainpic-feat { position: absolute; color: #5a5b5d; top: 18px; font-size: 16px; left: 16px; }

.mainpic-zoom { position: absolute; bottom: 10px; left: 10px; }

.thumbrow { width: 100%; position: relative; }
.thumbrow .thumbrow-left, .thumbrow .thumbrow-right { width: 2%; height: 47px; background-repeat: no-repeat; background-position: center; cursor: pointer; position: relative; z-index: 90; }
.thumbrow .thumbrow-left { padding: 0px 2% 0px 0px; float: left; background-image: url("../images/product-arrleft.png"); }
.thumbrow .thumbrow-right { padding: 0px 0px 0px 2%; float: right; background-image: url("../images/product-arrright.png"); }
.thumbrow .thumbrow-inner { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ width: 92%; float: left; overflow: hidden; height: 50px; position: relative; }
.thumbrow ul { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ display: block; float: left; list-style: none; margin: 0px; padding: 0px; width: 100%; position: absolute; z-index: 80; left: 0px; }
.thumbrow li { display: block; float: left; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ width: 60px; text-align: center; cursor: pointer; }
.thumbrow li img { max-width: 100%; }

.mainpic { width: 100%; }

.rating.details { display: block; float: left; list-style: none; margin: 0px; padding: 0px; width: auto; float: right; margin-top: 10px; }
.rating.details li { display: block; float: left; padding: 0px; width: 22px; height: 20px; margin: 0px; background-color: transparent; background-repeat: no-repeat; background-position: center; }
.rating.details li.full { background-image: url("../images/ico-star.png"); }
.rating.details li.empty { background-image: url("../images/ico-emptystar.png"); }

.prod-details { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ width: 48%; float: right; }
.prod-details h2 { font-size: 28px; color: #333; margin: 0px 0px 8px 0px; }

.prod-miniinfo { width: 100%; float: left; border-top: 1px #b3b3b3 solid; padding-top: 10px; margin-bottom: 20px; font-size: 12px; color: #333; }
.prod-miniinfo a { color: #333; text-decoration: none; }

.prod-col { width: 100%; float: left; margin-bottom: 20px; }
.prod-col ul { display: block; float: left; list-style: none; margin: 0px; padding: 0px; width: 100%; margin-top: 12px; }
.prod-col li { display: block; float: left; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ cursor: pointer; width: 68px; height: 68px; border: 1px #e7e7e7 solid; margin-right: 10px; margin-bottom: 10px; overflow: hidden; }
.prod-col li.active { border: 1px #000 solid; }
.prod-col li:hover { border: 1px #000 solid; }
.prod-col li img { max-width: 100%; display: block; margin: auto; }

.curcol { text-transform: capitalize; }

.prod-size { width: 100%; float: left; margin-bottom: 36px; }
.prod-size ul { display: block; float: left; list-style: none; margin: 0px; padding: 0px; width: 100%; margin-top: 12px; }
.prod-size li { display: block; float: left; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ height: 30px; width: 16%; margin-bottom: 2px; margin-right: 2px; border: 1px #e7e7e7 solid; background-color: #e7e7e7; text-align: center; line-height: 28px; cursor: pointer; }
.prod-size li.active { background-color: #000; border: #000; color: #fff; }
.prod-size li:hover { background-color: #000; border: #000; color: #fff; }
.prod-size li.disabled { color: #999999; background-color: #fff; cursor: auto; }
.prod-size li.disabled:hover { border: 1px #e7e7e7 solid; color: #999999; }

.addtocart { margin-bottom: 10px; margin-right: 10px; }

.checkinstore { color: #cc8b5f; margin-top: 0px; display: block; cursor: pointer; float: left; }

.addtowish { color: #999999; margin-top: 0px; margin-right: 10px; margin-bottom: 6px; display: block; cursor: pointer; }

.prod-descr { width: 100%; float: left; margin-top: 18px; border-top: 1px #a6a6a6 solid; line-height: 140%; padding-top: 6px; }

.prod-recommended { width: 950px; margin: 0 auto 30px auto; }
.prod-recommended ul { display: block; float: left; list-style: none; margin: 0px; padding: 0px; width: 100%; }
.prod-recommended li { display: block; float: left; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ height: 273px; width: 224px; padding: 10px; background-color: #fff; float: left; position: relative; width: 24.2%; height: auto; margin-right: 1%; }
.prod-recommended li a { text-decoration: none; color: #000; display: block; }
.prod-recommended li:last-child { margin-right: 0px; }
.prod-recommended li .rating { display: block; float: left; list-style: none; margin: 0px; padding: 0px; width: auto; position: absolute; top: 16px; right: 16px; }
.prod-recommended li .rating li { display: block; float: left; padding: 0px; width: 22px; height: 20px; margin: 0px; background-color: transparent; background-repeat: no-repeat; background-position: center; }
.prod-recommended li .rating li.full { background-image: url("../images/ico-star.png"); }
.prod-recommended li .rating li.empty { background-image: url("../images/ico-emptystar.png"); }
.prod-recommended li .prodpic { width: 100%; }
.prod-recommended li img { max-width: 100%; }
.prod-recommended li .categ-info { font-size: 13px; line-height: 18px; height: 60px; }
.prod-recommended li .categ-info .was { color: #999999; text-decoration: line-through; }
.prod-recommended li .categ-info .now { color: #b92f2e; }
.prod-recommended li .morecolours { margin-top: 6px; }
.prod-recommended li .sale { width: 67px; height: 36px; position: absolute; top: 12px; left: -6px; background-image: url("../images/sale.png"); background-repeat: no-repeat; background-position: top left; }
.prod-recommended .titlebar { border-bottom: 1px #bfbfbf solid; width: 100%; float: left; font-weight: bold; padding-bottom: 10px; padding-top: 10px; margin-bottom: 10px; }

.prod-reviews { width: 950px; margin: auto; }

.indvcustomer-rating { position: relative; top: 4px; }

.indvcustomer-rating, .customer-rating { display: block; float: left; list-style: none; margin: 0px; padding: 0px; width: auto; margin-right: 6px; }
.indvcustomer-rating li, .customer-rating li { display: block; float: left; padding: 0px; width: 22px; height: 20px; margin: 0px; background-color: transparent; background-repeat: no-repeat; background-position: center; }
.indvcustomer-rating li.full, .customer-rating li.full { background-image: url("../images/ico-star.png"); }
.indvcustomer-rating li.empty, .customer-rating li.empty { background-image: url("../images/ico-emptystar.png"); }
.indvcustomer-rating li, .customer-rating li { width: 14px; height: 14px; background-size: 100%; }

.titlebar { width: 100%; font-size: 20px; border-bottom: 1px #b3b3b3 solid; margin-bottom: 12px; color: #5a5b5d; }

.seereviews, .writereview, .hidereviews { padding-bottom: 6px; display: block; cursor: pointer; float: left; }
.seereviews.active, .writereview.active, .hidereviews.active { color: #000; }
.seereviews:hover, .writereview:hover, .hidereviews:hover { color: #000; }

.seereviews, .hidereviews { border-right: 1px #b3b3b3 solid; padding-right: 14px; margin-right: 14px; }
.seereviews b, .hidereviews b { font-weight: normal; }

.overall-ratings { color: #333; width: 100%; margin-bottom: 12px; }
.overall-ratings .left { float: left; margin-right: 10px; }
.overall-ratings .right { float: right; }

.reviewtitle { width: 100%; float: left; }
.reviewtitle b { float: left; margin-right: 6px; }

.revform { display: none; width: 100%; padding-bottom: 60px; }
.revform.active { display: block; }

.revrow { display: table-row; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ width: 100%; }

.review-list { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ width: 100%; display: none; }
.review-list.active { display: table; }
.review-list .rev-item { display: table-cell; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ height: 100%; color: #5a5b5d; padding: 5px 20px 20px 20px; width: 49%; background-color: #fff; font-size: 14px; line-height: 22px; margin-right: 0px; border-bottom: 10px #e7e7e7 solid; }
.review-list .rev-item:nth-child(odd) { border-right: 10px #e7e7e7 solid; }

.review-pagination ul { display: block; float: left; list-style: none; margin: 0px; padding: 0px; float: right; }
.review-pagination li { display: block; float: left; margin-right: 6px; }
.review-pagination a { color: #000; }

.reviewform { width: 100%; max-width: 665px; float: left; font-size: 13px; }
.reviewform h3 { font-family: sans-serif; color: #414243; font-size: 20px; font-weight: normal; }
.reviewform label { color: #414243; }
.reviewform input[type="text"] { border: 1px #bebebe solid; -webkit-apperance: none; margin-bottom: 10px; height: 30px; width: 285px; text-indent: 3px; }
.reviewform select { -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; min-width: 150px; margin-left: 10px; margin-top: 10px; margin-bottom: 10px; border: 1px #999999 solid; }
.reviewform hr { float: left; width: 100%; height: 1px; border: 0px; background-color: #bebebe; margin: 10px 0px; }
.reviewform textarea { border: 1px #bebebe solid; -webkit-apperance: none; width: 100%; max-width: 400px; height: 260px; margin-bottom: 10px; margin-top: 6px; }

.mightlike-item { margin-bottom: 10px; }

#product-content .us-banner { position: absolute; top: 12px; left: -4px; }

.us-banner { padding: 8px; background-color: #333333; position: relative; }
.us-banner:before { content: ''; position: absolute; height: 4px; width: 4px; display: block; background-image: url("../images/upsellcorner.png"); left: 0px; bottom: -4px; }
.us-banner a { font-family: arial, helvetica, sans-serif; color: #fff !important; font-weight: 100; font-size: 12px; }

.picwrap .us-banner { width: auto; top: 16px; left: -4px; max-width: 80%; position: relative; z-index: 99; float: left; }

.cart .us-banner { margin-top: 10px; width: auto; max-width: 100%; float: left; margin-left: 2%; margin-bottom: 10px; }
.cart .us-banner a { font-size: 15px; }

/*/ Store Locations /*/
.locations-wrap { width: 950px; margin: auto; position: relative; }
.locations-wrap h1 { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ width: 950px; margin: 20px auto 5px auto; font-size: 42px; font-weight: normal; color: #333; display: block; float: left; padding-bottom: 8px; margin-bottom: 20px; border-bottom: 1px #c7c7c7 solid; }

.topborder { float: left; height: 10px; width: 950px; margin: auto; background-color: #fff; position: relative; z-index: 10; }

.locations-left { float: left; width: 280px; min-height: 550px; }
.locations-left h2 { color: #333; margin: 0px 0px 6px 0px; font-weight: normal; }

.locations-right { width: 670px; height: 520px; float: right; background-color: #999999; margin-bottom: 50px; position: relative; z-index: 10; }

.addr-lookup { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ -webkit-box-shadow: #999999 10px 0px 6px; -moz-box-shadow: #999999 10px 0px 6px; box-shadow: #999999 10px 0px 6px; padding: 30px 20px 20px 20px; background-color: #fff; float: left; width: 100%; height: 130px; position: relative; z-index: 6; }
.addr-lookup .inpwrap { border: 1px #5a5b5d solid; width: 242px; height: 30px; }
.addr-lookup input[type="text"] { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ border: 1px #fff solid; color: #5a5b5d; width: 88%; height: 100%; margin: 0px; padding-left: 2%; float: left; }
.addr-lookup button { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ border: 0px; border-left: 1px #cccccc solid; background-color: #fff; width: 12%; height: 100%; margin: 0px; float: right; line-height: 0px; overflow: hidden; }
.addr-lookup button img { margin: 0px; padding: 0px; }

.location-results { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ float: left; width: 100%; font-size: 12px; line-height: 16px; padding: 20px 20px 0px 20px; }
.location-results h2 { font-size: 20px; }

.nearby-item { color: #333; }
.nearby-item h4 { margin-bottom: 0px; color: #cc8b5f; }
.nearby-item p { margin: 3px 0px 10px 0px; }

/*/ Store Locations /*/
.contactus-wrap form { width: 100%; max-width: 400px; float: left; }
.contactus-wrap label { width: 100%; float: left; margin-bottom: 3px; }
.contactus-wrap input { border: 1px #5a5b5d solid; background-color: #fff; -webkit-appearance: none; height: 30px; float: left; width: 200px; text-indent: 3px; margin-bottom: 10px; }
.contactus-wrap textarea { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ border: 1px #5a5b5d solid; background-color: #fff; width: 100%; padding: 3px; height: 200px; }
.contactus-wrap button { float: left; margin-top: 16px; }

/*/ Signup /*/
.signupbox { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ width: 100%; position: absolute; bottom: 0px; left: 0px; min-height: 40px; padding: 12px 0px 12px 35px; background-color: #e7e7e7; }

.signup-pop { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ width: 426px; height: 664px; position: absolute; background-color: #fff; padding: 35px; top: 50%; left: 50%; margin-left: -213px; margin-top: -152px; border: 5px #696969 solid; font-size: 14px; }
.signup-pop.loginpop { background-color: #fff; height: 312px; margin-top: -156px; }
.signup-pop.sendemailpop { height: 270px; margin-top: -135px; }
.signup-pop .closepop { background-image: url("../images/ico-closepop.png"); width: 14px; height: 13px; position: absolute; top: -25px; right: -25px; cursor: pointer; }
.signup-pop .closepop img { width: 100%; }
.signup-pop .spacer { width: 100%; height: 10px; float: left; }
.signup-pop .forgpw { float: right; margin-top: 10px; font-size: 12px; }
.signup-pop .selwrap { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ width: 346px; height: 30px; border: 1px #5a5b5d solid; display: block; overflow: hidden; cursor: pointer; background: #f0f0f0; background-image: url("../images/form-selectdblarr-3.png"); /* fallback */ background-image: url("../images/form-selectdblarr-3.png"), -webkit-gradient(linear, left top, left bottom, from(white 50%), to(#f2f2f2 50%)); /* Saf4+, Chrome */ background-image: url("../images/form-selectdblarr-3.png"), -webkit-linear-gradient(top, white 50%, #f2f2f2 50%); /* Chrome 10+, Saf5.1+ */ background-image: url("../images/form-selectdblarr-3.png"), -moz-linear-gradient(top, white 50%, #f2f2f2 50%); /* FF3.6+ */ background-image: url("../images/form-selectdblarr-3.png"), -ms-linear-gradient(top, white 50%, #f2f2f2 50%); /* IE10 */ background-image: url("../images/form-selectdblarr-3.png"), -o-linear-gradient(top, white 50%, #f2f2f2 50%); /* Opera 11.10+ */ background-image: url("../images/form-selectdblarr-3.png"), linear-gradient(top, #ffffff 50%, #f2f2f2 50%); /* W3C */ background-repeat: no-repeat; background-position: 95% 50%; float: left; margin-bottom: 12px; }
.signup-pop .selwrap select { position: static; visibility: visible; width: 366px; height: 20px; margin: 8px 0px 0px 0px; padding: 0px 0px 0px 4px; line-height: 1; background-color: transparent; cursor: pointer; border: 1px transparent solid; -webkit-appearance: none; font-size: 12px; color: #5a5b5d; }
.signup-pop button { float: left; }
.signup-pop label { width: 100%; float: left; margin-bottom: 3px; }
.signup-pop h1 { font-size: 30px; }
.signup-pop .popinner { position: relative; height: 100%; width: 100%; overflow: visible; background-color: #fff; }
.signup-pop input { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ float: left; width: 100%; border: 1px #5a5b5d solid; height: 30px; text-indent: 3px; margin-bottom: 8px; }

.addedtocartpop { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ width: 616px; height: auto; top: 20px; left: 50%; margin-left: -308px; margin-top: 0px; padding: 0px; }
.addedtocartpop .closepop { top: 10px; right: 10px; }

.pop-prodimg { width: 40%; margin: 10px 0px 10px 10px; float: left; }
.pop-prodimg img { max-width: 100%; }

.pop-cart { width: 54%; float: right; margin-top: 40px; }

.info { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ width: 54%; float: right; font-size: 14px; margin: 10px 10px 10px 0px; line-height: 20px; }
.info b { font-size: 18px; }
.info button { float: left; margin-top: 10px; width: 48%; }
.info button:nth-child(2) { float: right; }
.info button img { width: 100%; }

.extraitems { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ padding: 20px; width: 100%; float: left; background-color: #e7e7e7; }
.extraitems ul { display: block; float: left; list-style: none; margin: 0px; padding: 0px; width: 100%; }
.extraitems li { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ display: block; float: left; float: left; width: 31%; margin-right: 3%; padding: 10px; background-color: #fff; }
.extraitems li:nth-child(3) { margin-right: 0px; }
.extraitems li img { max-width: 100%; }

/*/ First time visitor /*/
.firsttime-pop { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ width: 426px; height: 664px; position: absolute; background-color: #fff; padding: 35px 25px 35px 25px; top: 50%; left: 50%; margin-left: -213px; margin-top: -152px; border: 5px #696969 solid; font-size: 14px; }
.firsttime-pop.loginpop { background-color: #fff; height: 312px; margin-top: -156px; }
.firsttime-pop.sendemailpop { height: 270px; margin-top: -135px; }
.firsttime-pop .closepop { background-image: url("../images/ico-closepop.png"); width: 14px; height: 13px; position: absolute; top: -25px; right: -15px; cursor: pointer; background-repeat: no-repeat; }
.firsttime-pop .closepop img { width: 100%; }
.firsttime-pop .spacer { width: 100%; height: 10px; float: left; }
.firsttime-pop .forgpw { float: right; margin-top: 10px; font-size: 12px; }
.firsttime-pop .selwrap { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ width: 346px; height: 30px; border: 1px #5a5b5d solid; display: block; overflow: hidden; cursor: pointer; background: #f0f0f0; background-image: url("../images/form-selectdblarr-3.png"); /* fallback */ background-image: url("../images/form-selectdblarr-3.png"), -webkit-gradient(linear, left top, left bottom, from(white 50%), to(#f2f2f2 50%)); /* Saf4+, Chrome */ background-image: url("../images/form-selectdblarr-3.png"), -webkit-linear-gradient(top, white 50%, #f2f2f2 50%); /* Chrome 10+, Saf5.1+ */ background-image: url("../images/form-selectdblarr-3.png"), -moz-linear-gradient(top, white 50%, #f2f2f2 50%); /* FF3.6+ */ background-image: url("../images/form-selectdblarr-3.png"), -ms-linear-gradient(top, white 50%, #f2f2f2 50%); /* IE10 */ background-image: url("../images/form-selectdblarr-3.png"), -o-linear-gradient(top, white 50%, #f2f2f2 50%); /* Opera 11.10+ */ background-image: url("../images/form-selectdblarr-3.png"), linear-gradient(top, #ffffff 50%, #f2f2f2 50%); /* W3C */ background-repeat: no-repeat; background-position: 95% 50%; float: left; margin-bottom: 12px; }
.firsttime-pop .selwrap select { position: static; visibility: visible; width: 366px; height: 20px; margin: 8px 0px 0px 0px; padding: 0px 0px 0px 4px; line-height: 1; background-color: transparent; cursor: pointer; border: 1px transparent solid; -webkit-appearance: none; font-size: 12px; color: #5a5b5d; }
.firsttime-pop button { float: left; }
.firsttime-pop label { width: 100%; float: left; margin-bottom: 3px; }
.firsttime-pop h1 { font-size: 30px; line-height: 28px; }
.firsttime-pop h3 { font-weight: 100; font-size: 20px; }
.firsttime-pop .subnote { font-size: 11px; color: #acabad; width: 100%; float: left; }
.firsttime-pop .popinner { position: relative; height: 100%; width: 100%; overflow: visible; background-color: #fff; }
.firsttime-pop input { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ float: left; width: 246px; border: 1px #5a5b5d solid; height: 29px; text-indent: 3px; margin-bottom: 8px; }

.addedtocartpop { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ width: 616px; height: auto; top: 20px; left: 50%; margin-left: -308px; margin-top: 0px; padding: 0px; }
.addedtocartpop .closepop { top: 10px; right: 10px; }

.pop-prodimg { width: 40%; margin: 10px 0px 10px 10px; float: left; }
.pop-prodimg img { max-width: 100%; }

.pop-cart { width: 54%; float: right; margin-top: 40px; }

.info { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ width: 54%; float: right; font-size: 14px; margin: 10px 10px 10px 0px; line-height: 20px; }
.info b { font-size: 18px; }
.info button { float: left; margin-top: 10px; width: 48%; }
.info button:nth-child(2) { float: right; }
.info button img { width: 100%; }

.extraitems { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ padding: 20px; width: 100%; float: left; background-color: #e7e7e7; }
.extraitems ul { display: block; float: left; list-style: none; margin: 0px; padding: 0px; width: 100%; }
.extraitems li { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ display: block; float: left; float: left; width: 31%; margin-right: 3%; padding: 10px; background-color: #fff; }
.extraitems li:nth-child(3) { margin-right: 0px; }
.extraitems li img { max-width: 100%; }

/*/ Stock Instore /*/
.stockinstorepop { width: 606px; height: auto; margin-left: -303px; }

.stockinstorepop-inner tr { border-bottom: 1px #c4c3c5 solid; }
.stockinstorepop-inner table { font-size: 13px; }
.stockinstorepop-inner .prodpic { max-width: 105px; float: left; }
.stockinstorepop-inner h1 { margin-top: 0px; font-size: 30px; }
.stockinstorepop-inner .prodinfo { float: left; margin-left: 16px; padding-top: 16px; }
.stockinstorepop-inner .prodinfo h4 { margin-bottom: 2px; font-size: 17px; font-weight: normal; }

.stock-prod { width: 100%; float: left; }

.stock-legend { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ width: 112px; height: 82px; float: right; background-color: #e7e7e7; font-size: 13px; padding: 10px; line-height: 20px; }
.stock-legend .stock-is, .stock-legend .stock-ls, .stock-legend .stock-ns { float: left; margin-right: 10px; }

.stocknote { color: #adacae; font-size: 11px; }

.stock-is, .stock-ls, .stock-ns { background-position: center center; background-repeat: no-repeat; }

.stock-is { background-image: url("../images/stock-is.png"); width: 13px; height: 12px; }

.stock-ls { background-image: url("../images/stock-ls.png"); width: 13px; height: 12px; }

.stock-ns { background-image: url("../images/stock-ns.png"); width: 10px; height: 10px; }

/*/ Account /*/
.account-wrap { overflow: hidden; *zoom: 1; word-wrap: break-word; }
.account-wrap h1 { font-size: 42px; }
.account-wrap h2 { font-size: 22px; color: #000; }
.account-wrap h3 { font-size: 20px; margin-top: 0px; }

.myacc-left { width: 30%; float: left; font-size: 13px; }
.myacc-left ul { display: block; float: left; list-style: none; margin: 0px; padding: 0px; }
.myacc-left li { line-height: 22px; }

.myacc-right { width: 60%; float: right; }
.myacc-right button { margin-top: 10px; }
.myacc-right .selwrap { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ width: 130px; height: 30px; border: 1px #5a5b5d solid; display: block; overflow: hidden; cursor: pointer; background: #f0f0f0; background-image: url("../images/form-selectdblarr-3.png"); /* fallback */ background-image: url("../images/form-selectdblarr-3.png"), -webkit-gradient(linear, left top, left bottom, from(white 50%), to(#f2f2f2 50%)); /* Saf4+, Chrome */ background-image: url("../images/form-selectdblarr-3.png"), -webkit-linear-gradient(top, white 50%, #f2f2f2 50%); /* Chrome 10+, Saf5.1+ */ background-image: url("../images/form-selectdblarr-3.png"), -moz-linear-gradient(top, white 50%, #f2f2f2 50%); /* FF3.6+ */ background-image: url("../images/form-selectdblarr-3.png"), -ms-linear-gradient(top, white 50%, #f2f2f2 50%); /* IE10 */ background-image: url("../images/form-selectdblarr-3.png"), -o-linear-gradient(top, white 50%, #f2f2f2 50%); /* Opera 11.10+ */ background-image: url("../images/form-selectdblarr-3.png"), linear-gradient(top, #ffffff 50%, #f2f2f2 50%); /* W3C */ background-repeat: no-repeat; background-position: 95% 50%; float: left; }
.myacc-right .selwrap select { position: static; visibility: visible; width: 150px; height: 20px; margin: 8px 0px 0px 0px; padding: 0px 0px 0px 4px; line-height: 1; background-color: transparent; cursor: pointer; border: 1px transparent solid; -webkit-appearance: none; font-size: 12px; color: #5a5b5d; }

.formitem-wrap { width: 100%; float: left; margin-top: 10px; }
.formitem-wrap label { width: 100%; float: left; margin-bottom: 3px; }

.textinput { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ width: 100%; float: left; border: 1px #5a5b5d solid; height: 30px; line-height: 30px; text-indent: 3px; }

.textarea { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ width: 100%; float: left; border: 1px #5a5b5d solid; min-height: 130px; }

.inp-addendum { font-size: 11px; color: #999999; width: 100%; float: left; margin-top: 2px; }

.checklabel { font-size: 13px; line-height: 20px; float: right; }
.checklabel .fauxcheck { position: relative; top: 2px; border: 1px #5a5b5d solid; }
.checklabel .fauxcheck.active { background-color: #5a5b5d; }

/*/ Jobs /*/
.jobs-left { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ width: 25%; float: left; background-color: #fff; padding: 10px 15px 20px 15px; border: 1px #5a5b5d solid; }
.jobs-left h5 { color: #333; font-size: 18px; margin: 0px 0px 20px 0px; }

.columnlink { margin-bottom: 16px; }

.jobs-right { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ width: 70%; float: right; line-height: 130%; }
.jobs-right hr { margin: 20px 0px; }

.jobs-storename { font-size: 11px; color: #bc703c; font-weight: bold; }

.job-note { font-size: 10px; color: #555; margin-top: 20px; }

/*/ Technologies /*/
.technologies-listing { margin-top: 20px; border-top: 1px #999999 solid; padding-top: 20px; }
.technologies-listing h3 { font-weight: normal; }

.techrow-wrap { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ width: 100%; float: left; position: relative; margin-bottom: 2%; }

.techitem { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ width: 49%; height: 100%; margin-right: 2%; padding: 10px; background-color: #fff; float: left; color: #5a5b5d; position: relative; }
.techitem:nth-child(even) { margin-right: 0px; }
.techitem button { width: 46%; bottom: 10px; background-color: transparent; }
.techitem button img { width: 100%; }

.tech-vid { margin-bottom: 6px; text-align: center; }

/*/ Size Guide /*/
.moredeets-wrap { width: 900px; clear: both; margin: auto; }

.moredeets-formwrap { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ width: 515px; float: left; }
.moredeets-formwrap h1 { margin-top: 0px; font-size: 30px; font-weight: normal; }
.moredeets-formwrap h2 { font-size: 20px; font-weight: normal; }
.moredeets-formwrap fieldset { padding: 0px; width: 100%; height: 100%; border: 0px; margin-bottom: 16px; }
.moredeets-formwrap label { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ width: 110px; float: left; display: block; height: 34px; line-height: 20px; margin-bottom: 10px; }
.moredeets-formwrap label.fw { width: 100%; height: auto; margin-bottom: 0px; }
.moredeets-formwrap .inpwrap { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ float: right; width: 400px; height: 34px; border: 1px #5a5b5d solid; margin-bottom: 10px; }
.moredeets-formwrap .inpwrap.mini { width: 142px; float: left; margin-bottom: 10px; }
.moredeets-formwrap .inpwrap.mini { width: 110px; }
.moredeets-formwrap .mini-link { width: 280px; line-height: 30px; padding-left: 10px; float: right; display: block; height: 34px; }
.moredeets-formwrap .selectwrap { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ width: 400px; height: 30px; border: 1px #5a5b5d solid; display: block; overflow: hidden; cursor: pointer; background: #f0f0f0; background-image: url("../images/form-selectdblarr-3.png"); /* fallback */ background-image: url("../images/form-selectdblarr-3.png"), -webkit-gradient(linear, left top, left bottom, from(white 50%), to(#f2f2f2 50%)); /* Saf4+, Chrome */ background-image: url("../images/form-selectdblarr-3.png"), -webkit-linear-gradient(top, white 50%, #f2f2f2 50%); /* Chrome 10+, Saf5.1+ */ background-image: url("../images/form-selectdblarr-3.png"), -moz-linear-gradient(top, white 50%, #f2f2f2 50%); /* FF3.6+ */ background-image: url("../images/form-selectdblarr-3.png"), -ms-linear-gradient(top, white 50%, #f2f2f2 50%); /* IE10 */ background-image: url("../images/form-selectdblarr-3.png"), -o-linear-gradient(top, white 50%, #f2f2f2 50%); /* Opera 11.10+ */ background-image: url("../images/form-selectdblarr-3.png"), linear-gradient(top, #ffffff 50%, #f2f2f2 50%); /* W3C */ background-repeat: no-repeat; background-position: 95% 50%; width: 400px; display: block; height: 29px; border: 1px #5a5b5d solid; overflow: hidden; float: right; }
.moredeets-formwrap .selectwrap select { position: static; visibility: visible; width: 420px; height: 20px; margin: 8px 0px 0px 0px; padding: 0px 0px 0px 4px; line-height: 1; background-color: transparent; cursor: pointer; border: 1px transparent solid; -webkit-appearance: none; font-size: 12px; color: #5a5b5d; }
.moredeets-formwrap .selectwrap.mini { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ width: 142px; height: 30px; border: 1px #5a5b5d solid; display: block; overflow: hidden; cursor: pointer; background: #f0f0f0; background-image: url("../images/form-selectdblarr-3.png"); /* fallback */ background-image: url("../images/form-selectdblarr-3.png"), -webkit-gradient(linear, left top, left bottom, from(white 50%), to(#f2f2f2 50%)); /* Saf4+, Chrome */ background-image: url("../images/form-selectdblarr-3.png"), -webkit-linear-gradient(top, white 50%, #f2f2f2 50%); /* Chrome 10+, Saf5.1+ */ background-image: url("../images/form-selectdblarr-3.png"), -moz-linear-gradient(top, white 50%, #f2f2f2 50%); /* FF3.6+ */ background-image: url("../images/form-selectdblarr-3.png"), -ms-linear-gradient(top, white 50%, #f2f2f2 50%); /* IE10 */ background-image: url("../images/form-selectdblarr-3.png"), -o-linear-gradient(top, white 50%, #f2f2f2 50%); /* Opera 11.10+ */ background-image: url("../images/form-selectdblarr-3.png"), linear-gradient(top, #ffffff 50%, #f2f2f2 50%); /* W3C */ background-repeat: no-repeat; background-position: 95% 50%; margin-bottom: 10px; float: left; margin-left: 5px; }
.moredeets-formwrap .selectwrap.mini select { position: static; visibility: visible; width: 162px; height: 20px; margin: 8px 0px 0px 0px; padding: 0px 0px 0px 4px; line-height: 1; background-color: transparent; cursor: pointer; border: 1px transparent solid; -webkit-appearance: none; font-size: 12px; color: #5a5b5d; }
.moredeets-formwrap select { width: 110%; padding: 0px 0px 0px 3%; margin-top: 5px; border: 0px; background-color: transparent; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ width: 436px; border: auto; padding: 0px; }

/*/ Size Guide /*/
.sg-table { background-color: #fff; font-size: 13px; margin-bottom: 20px; /* Mobile */ }

/*/ Checkout-1 /*/
.ch1-wrap { width: 900px; clear: both; margin: auto; }

.ch-process { width: 100%; height: 60px; margin-top: 20px; margin-bottom: 0px; overflow: hidden; position: relative; font-size: 12px; }
.ch-process hr { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ height: 1px; border: 0px; margin: 0px; padding: 0px; border-bottom: 1px #000 dotted; width: 100%; }

.chstep { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ font-size: 12px; height: auto; float: left; position: relative; width: 25%; padding-top: 10px; }
.chstep:before { content: ''; width: 90%; position: absolute; top: 0px; left: 0px; background-color: transparent; height: 6px; display: block; }
.chstep:last-child:before { width: 100%; }
.chstep.active { color: #cc8b5f; }
.chstep.active:before { background-color: #cc8b5f; }

.ch1-left, .ch1-cent { margin-right: 15px; }

.ch1-cent button { background-image: url("../images/button-creatacc.png"); width: 170px; height: 29px; border: 0px; background-color: none; text-indent: 140%; white-space: nowrap; overflow: hidden; }

.ch1-right button { background-image: url("../images/button-checkout-co.jpg"); width: 170px; height: 29px; border: 0px; background-color: none; text-indent: 140%; white-space: nowrap; overflow: hidden; }

.ch1boxes { width: 100%; float: left; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ }

.ch1-left, .ch1-cent, .ch1-right { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ padding: 18px; width: 290px; height: 332px; float: left; color: #5a5b5d; border: 1px #999999 solid; background-color: #fff; }
.ch1-left h2, .ch1-cent h2, .ch1-right h2 { margin-bottom: 0px; margin-top: 0px; font-family: arial; font-weight: normal; color: #5a5b5d; font-size: 28px; line-height: 28px; }
.ch1-left p, .ch1-cent p, .ch1-right p { line-height: 18px; }
.ch1-left p a, .ch1-cent p a, .ch1-right p a { color: #000; text-decoration: none; }
.ch1-left p a:hover, .ch1-cent p a:hover, .ch1-right p a:hover { color: #cc8b5f; }
.ch1-left label, .ch1-cent label, .ch1-right label { line-height: 1px; }
.ch1-left .inpwrap, .ch1-cent .inpwrap, .ch1-right .inpwrap { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ width: 246px; height: 34px; border: 1px #5a5b5d solid; margin-top: 3px; margin-bottom: 10px; }
.ch1-left input[type="password"], .ch1-left input[type="text"], .ch1-left input[type="email"], .ch1-cent input[type="password"], .ch1-cent input[type="text"], .ch1-cent input[type="email"], .ch1-right input[type="password"], .ch1-right input[type="text"], .ch1-right input[type="email"] { width: 220px; margin-top: 6px; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ margin-left: 10px; border: 1px #fff solid; }
.ch1-left input[type="submit"], .ch1-cent input[type="submit"], .ch1-right input[type="submit"] { text-indent: 140%; white-space: nowrap; overflow: hidden; width: 100px; height: 29px; border: 0px; background-color: none; background-image: url("../images/button-login.png"); }

.contshophead { position: relative; top: 80px; }

/*/ Checkout-2 /*/
.ch2-wrap { width: 900px; clear: both; margin: auto; }

.ch2-rightbar { width: 228px; float: right; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ }

.ch2-yourcart { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ width: 100%; float: right; font-size: 12px; padding-bottom: 10px; border-bottom: 1px #e7e7e7 solid; }
.ch2-yourcart h3 { font-size: 20px; font-family: arial; color: #5a5b5d; font-weight: normal; margin: 10px 0px 8px 0px; }
.ch2-yourcart ul { display: block; float: left; list-style: none; margin: 0px; padding: 0px; width: 100%; border-top: 1px #e7e7e7 solid; }
.ch2-yourcart li { display: block; float: left; width: 100%; border-bottom: 1px #e7e7e7 solid; padding: 10px 0px 10px 0; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ }
.ch2-yourcart li img { width: 60px; float: left; }
.ch2-yourcart li .info { width: 158px; float: right; line-height: 18px; margin-top: 6px; }
.ch2-yourcart li .info a { color: #999999; text-decoration: none; }
.ch2-yourcart .totalswrap { width: 186px; float: right; margin-top: 10px; line-height: 20px; }
.ch2-yourcart .totalswrap .total { font-size: 16px; font-weight: bold; padding-top: 6px; display: block; }
.ch2-yourcart .totalswrap .left { display: block; float: left; width: 66px; }
.ch2-yourcart .totalswrap .right { display: block; float: right; width: 90px; text-align: right; }

.ch2-formwrap { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ width: 515px; height: 688px; float: left; }
.ch2-formwrap h1 { margin-top: 0px; font-size: 30px; font-weight: normal; }
.ch2-formwrap h2 { font-size: 20px; font-weight: normal; }
.ch2-formwrap fieldset { padding: 0px; width: 100%; height: 100%; border: 0px; margin-bottom: 16px; }
.ch2-formwrap label { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ width: 110px; float: left; display: block; height: 34px; line-height: 20px; margin-bottom: 10px; }
.ch2-formwrap .inpwrap { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ float: right; width: 400px; height: 34px; border: 1px #5a5b5d solid; margin-bottom: 10px; }
.ch2-formwrap .inpwrap.mini { width: 142px; float: left; margin-bottom: 10px; }
.ch2-formwrap .inpwrap.mini { width: 110px; }
.ch2-formwrap .mini-link { width: 280px; line-height: 30px; padding-left: 10px; float: right; display: block; height: 34px; }
.ch2-formwrap input[type="text"] { width: 94%; margin-top: 6px; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ margin-left: 10px; border: 1px #fff solid; }
.ch2-formwrap input[type="text"].mini { width: 90%; }
.ch2-formwrap .selectwrap { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ width: 400px; height: 30px; border: 1px #5a5b5d solid; display: block; overflow: hidden; cursor: pointer; background: #f0f0f0; background-image: url("../images/form-selectdblarr-3.png"); /* fallback */ background-image: url("../images/form-selectdblarr-3.png"), -webkit-gradient(linear, left top, left bottom, from(white 50%), to(#f2f2f2 50%)); /* Saf4+, Chrome */ background-image: url("../images/form-selectdblarr-3.png"), -webkit-linear-gradient(top, white 50%, #f2f2f2 50%); /* Chrome 10+, Saf5.1+ */ background-image: url("../images/form-selectdblarr-3.png"), -moz-linear-gradient(top, white 50%, #f2f2f2 50%); /* FF3.6+ */ background-image: url("../images/form-selectdblarr-3.png"), -ms-linear-gradient(top, white 50%, #f2f2f2 50%); /* IE10 */ background-image: url("../images/form-selectdblarr-3.png"), -o-linear-gradient(top, white 50%, #f2f2f2 50%); /* Opera 11.10+ */ background-image: url("../images/form-selectdblarr-3.png"), linear-gradient(top, #ffffff 50%, #f2f2f2 50%); /* W3C */ background-repeat: no-repeat; background-position: 95% 50%; width: 400px; display: block; height: 29px; border: 1px #5a5b5d solid; overflow: hidden; float: right; }
.ch2-formwrap .selectwrap select { position: static; visibility: visible; width: 420px; height: 20px; margin: 8px 0px 0px 0px; padding: 0px 0px 0px 4px; line-height: 1; background-color: transparent; cursor: pointer; border: 1px transparent solid; -webkit-appearance: none; font-size: 12px; color: #5a5b5d; }
.ch2-formwrap .selectwrap.mini { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ width: 142px; height: 30px; border: 1px #5a5b5d solid; display: block; overflow: hidden; cursor: pointer; background: #f0f0f0; background-image: url("../images/form-selectdblarr-3.png"); /* fallback */ background-image: url("../images/form-selectdblarr-3.png"), -webkit-gradient(linear, left top, left bottom, from(white 50%), to(#f2f2f2 50%)); /* Saf4+, Chrome */ background-image: url("../images/form-selectdblarr-3.png"), -webkit-linear-gradient(top, white 50%, #f2f2f2 50%); /* Chrome 10+, Saf5.1+ */ background-image: url("../images/form-selectdblarr-3.png"), -moz-linear-gradient(top, white 50%, #f2f2f2 50%); /* FF3.6+ */ background-image: url("../images/form-selectdblarr-3.png"), -ms-linear-gradient(top, white 50%, #f2f2f2 50%); /* IE10 */ background-image: url("../images/form-selectdblarr-3.png"), -o-linear-gradient(top, white 50%, #f2f2f2 50%); /* Opera 11.10+ */ background-image: url("../images/form-selectdblarr-3.png"), linear-gradient(top, #ffffff 50%, #f2f2f2 50%); /* W3C */ background-repeat: no-repeat; background-position: 95% 50%; margin-bottom: 10px; float: left; margin-left: 5px; }
.ch2-formwrap .selectwrap.mini select { position: static; visibility: visible; width: 162px; height: 20px; margin: 8px 0px 0px 0px; padding: 0px 0px 0px 4px; line-height: 1; background-color: transparent; cursor: pointer; border: 1px transparent solid; -webkit-appearance: none; font-size: 12px; color: #5a5b5d; }
.ch2-formwrap select { width: 110%; padding: 0px 0px 0px 3%; margin-top: 5px; border: 0px; background-color: transparent; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ width: 436px; border: auto; padding: 0px; }

.ch2-goback, .ch2-payment { text-indent: 140%; white-space: nowrap; overflow: hidden; border: 0px; padding: 0px; background-color: #fff; height: 40px; }

.ch2-goback { background-image: url("../images/button-goback.png"); float: left; margin-left: 110px; width: 150px; }

.ch2-payment { background-image: url("../images/button-payment.png"); float: right; width: 210px; }

/*/ Checkout-3 /*/
.ch3-wrap { width: 900px; clear: both; margin: auto; }

.ch3-rightbar { width: 228px; float: right; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ }

.ch3-yourcart { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ width: 100%; float: right; font-size: 12px; padding-bottom: 10px; border-bottom: 1px #e7e7e7 solid; }
.ch3-yourcart h3 { font-size: 20px; font-family: arial; color: #5a5b5d; font-weight: normal; margin: 10px 0px 8px 0px; }
.ch3-yourcart ul { display: block; float: left; list-style: none; margin: 0px; padding: 0px; width: 100%; border-top: 1px #e7e7e7 solid; }
.ch3-yourcart li { display: block; float: left; width: 100%; border-bottom: 1px #e7e7e7 solid; padding: 10px 0px 10px 0; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ }
.ch3-yourcart li img { width: 60px; float: left; }
.ch3-yourcart li .info { width: 158px; float: right; line-height: 18px; margin-top: 6px; }
.ch3-yourcart li .info a { color: #999999; text-decoration: none; }
.ch3-yourcart .totalswrap { width: 186px; float: right; margin-top: 10px; line-height: 20px; }
.ch3-yourcart .totalswrap .total { font-size: 16px; font-weight: bold; padding-top: 6px; display: block; }
.ch3-yourcart .totalswrap .left { display: block; float: left; width: 66px; }
.ch3-yourcart .totalswrap .right { display: block; float: right; width: 90px; text-align: right; }

.ch3-formwrap { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ width: 515px; height: 500px; float: left; }
.ch3-formwrap h1 { margin-top: 0px; font-size: 30px; font-weight: normal; }
.ch3-formwrap h2 { font-size: 20px; font-weight: normal; }
.ch3-formwrap fieldset { padding: 0px; width: 100%; height: 100%; border: 0px; margin-bottom: 16px; }
.ch3-formwrap label { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ width: 100px; float: left; display: block; height: 36px; line-height: 28px; margin-bottom: 10px; margin-right: 15px; }
.ch3-formwrap label a { color: #cc8b5f; text-decoration: none; }
.ch3-formwrap .inpwrap { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ float: right; width: 400px; height: 36px; border: 1px #5a5b5d solid; margin-bottom: 10px; }
.ch3-formwrap .inpwrap.mini { width: 142px; float: left; margin-bottom: 10px; }
.ch3-formwrap .inpwrap.mini { width: 166px; }
.ch3-formwrap input[type="text"] { width: 92%; margin-top: 6px; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ margin-left: 10px; border: 1px #fff solid; }
.ch3-formwrap .selectwrap { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ width: 400px; display: block; height: 36px; border: 1px #5a5b5d solid; overflow: hidden; float: right; }
.ch3-formwrap .selectwrap.mini { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ width: 142px; height: 30px; border: 1px #5a5b5d solid; display: block; overflow: hidden; cursor: pointer; background: #f0f0f0; background-image: url("../images/form-selectdblarr-3.png"); /* fallback */ background-image: url("../images/form-selectdblarr-3.png"), -webkit-gradient(linear, left top, left bottom, from(white 50%), to(#f2f2f2 50%)); /* Saf4+, Chrome */ background-image: url("../images/form-selectdblarr-3.png"), -webkit-linear-gradient(top, white 50%, #f2f2f2 50%); /* Chrome 10+, Saf5.1+ */ background-image: url("../images/form-selectdblarr-3.png"), -moz-linear-gradient(top, white 50%, #f2f2f2 50%); /* FF3.6+ */ background-image: url("../images/form-selectdblarr-3.png"), -ms-linear-gradient(top, white 50%, #f2f2f2 50%); /* IE10 */ background-image: url("../images/form-selectdblarr-3.png"), -o-linear-gradient(top, white 50%, #f2f2f2 50%); /* Opera 11.10+ */ background-image: url("../images/form-selectdblarr-3.png"), linear-gradient(top, #ffffff 50%, #f2f2f2 50%); /* W3C */ background-repeat: no-repeat; background-position: 95% 50%; margin-bottom: 10px; float: left; height: 36px; }
.ch3-formwrap .selectwrap.mini select { position: static; visibility: visible; width: 162px; height: 20px; margin: 8px 0px 0px 0px; padding: 0px 0px 0px 4px; line-height: 1; background-color: transparent; cursor: pointer; border: 1px transparent solid; -webkit-appearance: none; font-size: 12px; color: #5a5b5d; }
.ch3-formwrap select { width: 110%; padding: 0px 0px 0px 3%; margin-top: 8px; border: 0px; background-color: transparent; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ width: 436px; border: auto; padding: 0px; }

.ch3-goback, .ch3-confpayment { text-indent: 140%; white-space: nowrap; overflow: hidden; border: 0px; padding: 0px; background-color: #fff; height: 40px; }

.ch3-goback { background-image: url("../images/button-goback.png"); float: left; width: 150px; }

.ch3-confpayment { background-image: url("../images/button-confpayment.png"); float: right; width: 210px; }

.cc-logos { margin: 16px 0px 60px 0px; float: left; width: 100%; border: 1px #fff solid; }
.cc-logos img { max-width: 100%; }

.total-box { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ width: 100%; padding: 10px; background-color: #f8e4e4; margin: 20px 0px 20px 0px; }
.total-box h2 { color: #b92f2e; margin: 0px; font-weight: normal; }
.total-box span { color: #999999; font-size: 14px; }

/*/ Checkout-4 /*/
.ch4-wrap { width: 900px; clear: both; margin: auto; }

.ch4-rightbox { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ width: 24%; float: right; height: 100%; }
.ch4-rightbox button { max-width: 100%; margin-top: 40px; float: right; }
.ch4-rightbox img { max-width: 100%; }

.ch4-endbox { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ width: 75%; }
.ch4-endbox h1 { font-size: 30px; line-height: 30px; margin: 0px; }
.ch4-endbox .intropara { margin: 20px 0px 20px 0px; }
.ch4-endbox .totalswrap { width: 196px; float: right; margin-top: 25px; line-height: 22px; }
.ch4-endbox .totalswrap .total { font-size: 130%; padding-top: 6px; display: block; }
.ch4-endbox .totalswrap .left { display: block; float: left; width: 50%; }
.ch4-endbox .totalswrap .right { display: block; float: right; width: 50%; text-align: right; }

.ch4-left, .ch4-cent, .ch4-right { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ width: 30.3%; float: left; font-size: 86%; }
.ch4-left .left, .ch4-cent .left, .ch4-right .left { font-weight: bold; float: left; height: 100%; width: 30%; }
.ch4-left .right, .ch4-cent .right, .ch4-right .right { float: right; height: 100%; width: 70%; }

.ch4-left, .ch4-cent { margin-right: 4.5%; }

.tr { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ width: 100%; float: left; display: block; border-bottom: 1px #ccc solid; padding: 16px; }
.tr .td { padding-top: 16px; }

.deetswrap { width: 100%; border-top: 1px #ccc solid; border-bottom: 1px #ccc solid; padding: 10px 0px; }

.headtd { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ width: 45%; float: left; overflow: hidden; }
.headtd img { width: 25%; float: left; }
.headtd .info { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ width: 75%; padding-left: 5%; float: left; margin-top: 16px; }
.headtd .info a { color: #999999; text-decoration: none; }

.td { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ width: 18.3%; float: left; }
.td.cent { text-align: center; }
.td.right { text-align: right; }

.greydiv { padding: 0 2%; color: #999999; }

/*/ Footer /*/
#footer { height: 200px; width: 100%; background-image: url("../images/footer-bg.png"); background-repeat: repeat-x; background-position: top left; min-width: 1024px; }

.footinner { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ max-width: 950px; width: 100%; height: auto; margin: auto; position: relative; }
.footinner form { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ width: 224px; height: 25px; border: 1px #5a5b5d solid; margin-top: 20px; }
.footinner form button { float: right; padding: 0px; border: 0px; height: 23px; overflow: hidden; width: 21px; border-left: 1px #e7e7e7 solid; }
.footinner form input[type="text"] { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ height: 23px; width: 200px; padding-left: 8px; float: left; border: 1px #fff solid; }

.foot-col { width: 224px; float: left; margin-right: 18px; color: #5a5b5d; font-size: 12px; line-height: 20px; }
.foot-col:last-child { margin-right: 0px; }
.foot-col a { color: #5a5b5d; text-decoration: none; }
.foot-col ul { display: block; float: left; list-style: none; margin: 0px; padding: 0px; padding-top: 18px; }
.foot-col .head-li { font-weight: bold; font-size: 14px; }

#footer-chout { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ width: 900px; margin: auto; margin-top: 30px; height: 145px; background-color: #fff; border-top: 1px #999999 solid; padding-top: 10px; }
#footer-chout .foot-col { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ width: 49%; }

/*/ ====== Layout ====== /*/
html { min-height: 100%; height: 100%; background-color: #E7E7E7; }

body { font-family: "arial", "helvetica", sans-serif; font-size: 14px; min-height: 100%; height: 100%; min-width: 200px; background-color: #E7E7E7; }
body ul { margin: 10px 0px; padding-left: 16px; }
body ul li { margin: 0px; padding: 0px; }
body ol { margin: 10px 0px; padding-left: 22px; }
body a { color: #cc8b5f; text-decoration: none; }
body h1 { font-weight: normal; font-size: 300%; margin-bottom: 10px; }
body h1, body h2, body h3, body h4 { font-family: arial; color: #333; margin-top: 0px; }

#container { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ width: 100%; position: relative; z-index: 12; top: -10px; min-height: 200px; overflow: visible; min-width: 1024px; }

#wrapper, #wrapper-chout { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ min-width: 1024px; }

#wrapper-chout { background-color: #fff; height: 100%; min-height: 100%; }

.chout-bg { background-color: #fff; width: 100%; height: 100%; min-height: 100%; position: fixed; z-index: -1; }

.wrapinner { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ }

.inner { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ width: 950px; margin: 20px auto 30px auto; }
.inner img { max-width: 100%; }

.hidden { display: none !important; }

/*/ ====== Breakpoint classes ====== /*/
.tabmob { display: none !important; }

.mobonly { display: none !important; }

.cf { overflow: hidden; *zoom: 1; }

.clearfix, .pagination-wrap, .homebanner-row, .catgeory-wrap, .categ-listing, .mob-filters, .categ-mobfilter-section, .prod-main, .thumbrow, .prod-recommended, .prod-recommended li .categ-info, .prod-reviews, .titlebar, .overall-ratings, .revform, .ch4-endbox, #wrapper, #wrapper-chout, .inner { clear: both; }