/* 
 * NORMALIZE CSS from the HTML5Boilerplate
 */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
html, button, input, select, textarea { font-family: sans-serif; color: #222; }
body { margin: 0; font-size: 1em; line-height: 1.4; }

::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
::selection { background: #fe57a1; color: #fff; text-shadow: none; }

a { color: #00e; }
a:visited { color: #551a8b; }
a:hover { color: #06e; }
a:focus { outline: thin dotted; }
a:hover, a:active { text-decoration: underline; outline: 0; }

abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 0px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }

svg:not(:root) { overflow: hidden; }

figure { margin: 0; }

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
button[disabled], input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }

/* ===== Primary Styles =====
 * Author: Alex Meijer @AMeijerNL for Kega (2012)
 */
body{ font: 62.5% arial, verdana, sans-serif; color: #231F20; background: #EFEFEF; }

/* CONTAINERS */
.wrapper { max-width: 1024px; min-width: 320px; width: 100%; margin: 0px auto; background: #FFF; }

.main ol, .main ul { list-style: none; margin:0; padding:0; }

a, a:visited { color: #D42264; }
a:hover { color: #9A1948; }


.col2-left-layout .col-left { float: none; width: 100%; }
.col2-left-layout .col-main { float: none; width: 100%; }

/* RESPONSIVE IMAGES */
img { max-width: 100%; width: auto; max-height: 100%; height: auto; }

/* HEADER */
.header-container { background: #333; color: #DDD; }
.header { width: 96%; padding:5px 2%; border-bottom: 1px solid #888; }

a.logo { display: block; float: left; max-width: 30%; width: auto; }
a.logo img { max-height: 50px; }

.mini-cart-wrap, .mobile-menu { float: right; margin-left: 10px; padding-left: 10px; min-height: 50px; 
	height: auto; min-width: 40px; width: auto; text-align: center; border-left: 1px solid #888; overflow: hidden;
}
.mini-cart-wrap { overflow: hidden; }
.mini-cart-wrap a { color:#000; text-decoration: none; }
.mini-cart-wrap a:hover { text-decoration: underline; }
.mini-cart-wrap h2 { margin: 0px; }
.mini-cart-wrap h2 a { display: block; padding: 0.8em 0; border: 0; text-indent: -9999em;
	background: url(../images/ico-cart.png) center center no-repeat;
}
.mini-cart-wrap .summary .amount { display: inline; color: #CCC; }
.mini-cart-wrap .summary, .mini-cart-wrap .summary .subtotal { display: inline; color: #777; }
.mini-cart-wrap .structural { display: none; }

.mobile-menu a { display: block; padding: 0.8em 0; border: 0; font-size: 1.5em; text-indent: -9999em;
	background: url(../images/ico-menu.png) center center no-repeat; }

/* MAIN MENU */
.nav-container { position: relative; width: 100%; background: #333; color: #DDD; border-bottom: 1px solid #888; }
.nav-container > ul { background: #333; display: none; margin: 0px; padding: 0px; font-size: 1.4em; text-align: center; 
	list-style: none; border-bottom: 1px solid #888; }
.nav-container > ul.show { display: block; }
.nav-container li.level0 { display: inline-block; }
.nav-container li.level0 a { display: inline-block; padding: 5px 15px; margin: 5px; color: #EEE; }

.nav-container ul.level0 { display: none; position: absolute; top: 37px; left: 0px; margin: 0px; padding: 10px 0px; width: 100%; 
	background: #555; border-bottom: 1px solid #888; z-index: 5; }
.nav-container ul.level0 ul { list-style: none; margin: 0px 0px 0px 15px; padding: 0px; }
.nav-container ul.level0 a { width: 90%; padding: 3px 0px 3px 10%; margin: 0px; }

.nav-container li.level1 { display: table-cell; min-width: 150px; width: auto; border-right: 1px solid #888; }
.nav-container li.level1 > a { font-weight: bold; }


/* 
 * FORM STYLING BY THEME 
 */

/*####################
		FORMS
####################*/

.as-button, .theme1 button { padding: 2px 4px; background-color: #D42264; font-size: .9em; font-weight: bold; color: #ffffff; text-transform: uppercase; border-color:white; border-style: solid; border-width: 1px; }
button.button-arrow,
.button-arrow { padding-right: 16px; }
.button-arrow:hover { color: white; }
.button-arrow-back { padding-left: 16px; background: #ee7d30 url(https://www.terstal.nl/skin/frontend/kega/terstal/images/btn-arrow-back.png) no-repeat 4% center; }
button.button-alt,
.button-alt { color: #fff; background: #81807f; border-color: #a8a7a6 #5b5a5a #5b5a5a #a8a7a6; border-style: solid; border-width: 1px; }

/* theme1 styling */
.theme1 p { position: relative; float: left; padding-right: 8px; margin: 0 10px 10px; }
.theme1 input[type="text"],
.theme1 input[type="password"] { width: 206px; padding: 3px 8px 3px 8px; color: #72706d; border: 1px solid #b5aaa5; }
.theme1 label { float: left; width: 95px; margin: 5px 0; }
.theme1 label em { position: absolute; right: 0; top: 7px; color: #a42e13; font-weight: bold; }
.theme1 .newline { clear: both; }
.theme1 .hide { display: none; }
.theme1 button { font-size: 1.4em; }
.theme1 button:hover { text-decoration: underline; }

/* small field styling */
.theme1 .small input[type="text"] { width: 58px; }
.theme1 .small #prefix { width: 42px; }
.theme1 .small #middlename { width: 38px; }
.theme1 .small.last { margin-left: 0; }

/* label text aligment */
.theme1 .right label { padding-right: 10px; text-align: right; }

/* field exceptions */
.theme1 .name-middlename input[type="text"] { width: 45px; }
.theme1 .last { margin-left: 0; }
.theme1 .last label { width: 80px; }
.theme1 .gender { width: 100%; margin-top: 5px; }
.theme1 .gender label { margin-top: 0; }
.theme1 .gender span { padding: 0 25px 0 5px; margin-top: 5px; }
.theme1 .gender span label { float: none; }
.theme1 .gender em { top: 4px; left: 235px; }
.theme1 .gender .validation-advice { position: relative; left: 0; margin-top: 5px; color: #ff0000; } 


/* THEME2 */
.theme2 button { display: inline-block; margin: 0 2px; padding: .5em 2em .55em; 
	background: #D42264; color: #FEEEF5; border: solid 1px #D2729E;	
	text-align: center; text-decoration: none; cursor: pointer; zoom: 1; font-weight: bold; vertical-align: baseline;  
	text-shadow: 0 1px 1px rgba(0, 0, 0, .3); box-shadow: 0 1px 2px rgba(0,0,0,.2);	
}
.theme2 input { display: inline-block; margin: 0 2px; padding: .5em 2em .55em; border:1px solid #333; 
	box-shadow: inset 0 0 2px 2px #CCC;
}
.theme2 p.field { margin:1em 10px; text-align: right; }
.theme2 label{ display: block; margin-bottom: 5px; font-size: 1.2em; }

/* SEARCH FORM */
.form-search p.field { text-align: right; }
.form-search p.field label { display:none; }

/* FOOTER */
#footer { background: #333; color: #DDD; border-bottom: 1px solid #888; padding: 10px 0px; }
#footer .widget ul { list-style: none; margin: 10px 0px 10px 10px; padding: 0px; }
#footer .widget li{ float: left; width:45%; padding-right: 5%; margin-bottom: 10px; text-align: center; }

.footer-links { margin: 10px; text-align: center; }
.footer-links h2 { margin: 0px; padding: 5px; }
.footer-links-block { display: inline-block; margin:0px 5px; }

.additional-information { float: none; width: 80%; margin: 0px auto; }

.payment-methods { float: left; padding: 3px 80px 3px 0; background: url(../images/ico-payment.png) no-repeat right center; }
.social-links { float: right; margin-right: 10px; }
.social-links p { float: left; padding: 3px 5px 0 0; }
.social-links ul { float: left; width: 65px; list-style: none; padding: 0px; }
.social-links li { float: left; }
.social-links li a { width: 18px; margin-top: 2px; padding-left: 3px; height: 18px; display: block; text-decoration: none; text-indent: -9999em; }
.social-links .twitter { background: url(../images/ico-twitter.png) no-repeat center top; }
.social-links .facebook { background: url(../images/ico-facebook.png) no-repeat center top; }
.social-links .hyves { padding-top: 1px; background: url(../images/ico-hyves.png) no-repeat center top; padding-left: 4px; }

#responsivecorner { display: block; position: fixed; right: 0px; bottom: 0px; width: 94px; height: 94px; background: url(../images/responsive.png) bottom right no-repeat; }

/* BREADCRUMBS */
.breadcrumbs ul { list-style: none; margin: 0px; padding: 10px; }
.breadcrumbs li { margin: 0px 15px 0px 0px ; padding: 0px; float: left; }

/* HOME CAROUSEL */
#home-carousel { margin-bottom: 10px; border: 1px solid #c8c9cb; }
#home-carousel .items { position: relative; margin: 0; padding: 0px; text-align: center; list-style: none; }
#home-carousel .items li { position: absolute; top: 0; left: 0; display: none; width: 100%; }
#home-carousel .items .active { display: block; }
#home-carousel .items .first { position: static; }

#home-carousel .carousel-nav { list-style: none; margin: 0px; padding: 0px; border-top: 1px solid #c8c9cb; text-align: center; }
#home-carousel .carousel-nav li { display: inline-block; }

/* HOME BANNERS */
.cms-home .col-main .widget ul { list-style: none; padding: 0px; margin: 0px; }
.cms-home .col-main .widget img { width: 100%; }

.cms-home .col-main .grid { width: 100%; margin-bottom: 10px; }
.cms-home .col-main .grid44 { width: 100%; }
.cms-home .col-main .grid43 { width: 75%; float: left; }
.cms-home .col-main .grid42 { width: 50%; float: left; }
.cms-home .col-main .grid41 { width: 25%; float: left; }

.cms-home .col-main .grid31 { width: 33.333%; float: left; }
.cms-home .col-main .grid32 { width: 66.666%; float: left; }

/* 404 */
.cms-no-route .col-main { padding: 10px; font-size: 1.2em; }


/*####################
 	 BREADCRUMBS
####################*/
.breadcrumbs { padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #c8c9cb;}
.breadcrumbs ul { font-size: 1.1em; padding-left: 2px; }
.breadcrumbs li { float: left; padding-right: 5px; color: #333333; }
.breadcrumbs a { padding-right: 15px; color: #666666; background: url(../images/ico-breadcrumb-divider.png) no-repeat right center; }

/*####################
   LEFT NAVIGATION
####################*/
.block-layered-nav > ul { font-size: 1em; }
.block-layered-nav li { line-height: 1.7; }
.block-layered-nav .level-0 { margin-left: 10px; font-size: 1.4em; font-weight: bold; }
.block-layered-nav .level-1 { display: block; padding-left: 10px; background: url(../images/ico-view-all.png) no-repeat 0 5px; cursor: pointer; }
.block-layered-nav .level-1 > span,
.block-layered-nav .level-1 > a { font-size: 1.2em; }
.block-layered-nav .level2 { margin: 5px 0px 5px 5px; font-size: 1.1em; }
.block-layered-nav ul.level2 ul { margin: 5px 0px 5px 5px; font-size: 1em; }

.block-layered-nav .level-1 > .hide { display: none; }
.block-layered-nav .level1 > .expanded { background: url(../images/ico-view-all-active.png)no-repeat 0 7px; }

.block-layered-nav .active > ul { display: block; }
.block-layered-nav .active > a { font-weight: bold; }

.cms-content .block-layered-nav .level-0  > a { margin-left: 0px; }
.cms-content .block-layered-nav .level-1 { background: none; padding-left: 0px; }
.cms-content .block-layered-nav .level1 > .expanded { background: none; }

/*####################
	  FILTERS
####################*/
.filters dd, .filters dl { margin:0; padding:0;}
.filters .block-subtitle { margin-bottom: 5px; font-size: 1.4em; font-weight: bold; text-transform: uppercase; }
.filters dl { font-size: 1em; }
.filters dt { margin: 2px 0; padding: 2px 0 2px 28px; color: #ffffff; font-size: 1.2em; font-weight: bold; background: #D42264 url(../images/filter-up.jpg) no-repeat 10px center; cursor: pointer; }
.filters .expanded { background-image: url(../images/filter-down.jpg); }
.filters ol { margin: 0; padding: 10px 15px; border: 1px solid #D42264; font-size: 1.1em; }
.filters li { color: #9a9b9a; }

.filter-size ol { padding-right: 0; overflow: hidden; }
.filter-size li { float: left; width: 55px; padding-right: 10px; }
.filter-size .right { padding: 0 0 0 10px; }

.current-filter { background: #D42264; padding: 2px 10px; }
.current-filter ol { padding: 0; font-size: 1.2em; }
.current-filter li { color: #fff; font-weight: bold; }
.current-filter .btn-remove { float: right; color: #fff; font-weight: normal; text-decoration: underline; }

.filter-color .color { float: left; margin: 0 4px 4px 0; border: 1px solid #D42264; }
.filter-color .color:hover { border-color: #000; }
.filter-color .last { margin-right: 0; }
.filter-color .color a { width: 18px; height: 16px; display: block; border: 3px solid #fff; text-indent: -9999px; }
.filter-color .first-label { clear: both; }

.narrowListWrapper { margin-bottom: 10px; border-bottom: 1px solid #ccc; }
.filters dl.narrowByList { margin: 0 2% 10px; width: 46%; float:left; }
.filters dl.narrowByList dd { display: none;}

/*####################
	  WIZARD
####################*/
/* cart empty block styling */
.wizard-block-empty h2 { margin-bottom: 0; border-bottom: none; }
.continue-shopping a { text-decoration: underline; }

/* shopping table styling */
.cart-table th { padding-bottom: 5px; font-weight: bold; text-transform: uppercase; text-align: left; }
.cart-table td { background-color: #EDEDED; border-bottom: 1px solid #d2d2d2; border-top: 1px solid #d2d2d2; text-align: left; vertical-align: middle; }
.cart-table img { border: 1px solid #d2d2d2; display: block; }
.cart-table .p-image { padding-left: 0px; width: 60px; }
.cart-table .p-name { width: 110px; }
.cart-table .p-name a { font-weight: bold; }
.cart-table .dropdown,
.cart-table .dropdown ul { width: 68px; }
.cart-table .dropdown ul { font-size: 1em; }
.cart-table .p-options,
.cart-table .p-price { width: 88px; }
.cart-table .p-subtotal, .cart-table .c-subtotal { width: 100px; padding-right: 20px; text-align: right; }
.cart-table .button-alt { padding: 2px 4px; }
.cart-table .item-msg { margin: 5px 0; font-size: 1.1em; color: #ED2134; }
.cart-summary .p-subtotal, .cart-summary .c-subtotal { padding-right: 133px; }

#shopping-cart-totals-table .last-child { width: 100px; text-align: right; }

#update-cart-wrap { float: right; margin-top: 10px; margin-right: 20px; }
#update-cart-wrap button { font-size: 1em; }

/* shopping cart totals styling */
.cart-totals { width: 95%; margin: 15px 0 10px 5px; }
.cart-totals td { padding-bottom: 8px; }
.cart-totals tbody { text-align: left; }
.cart-totals tfoot { font-size: 1.1em; }
.cart-totals .free-shipping { display: block; color: #da290b; margin-top: 5px; }
.cart-totals .free-shipping span { font-weight: bold; }

/* amount chooser */
.amount-chooser-wrap { position: relative; display: block; width: 36px; padding-right: 18px; background-color: #fff; border: 1px solid #a8acaf; }
.amount-chooser-wrap .up,
.amount-chooser-wrap .down { position: absolute; display: block; width: 19px; height: 9px; right: 0; background: url(https://www.terstal.nl/skin/frontend/kega/terstal/images/bg-amount-button.png) left top no-repeat #fff; color: #fff; cursor: pointer; }
.amount-chooser-wrap .up { top: 0; }
.amount-chooser-wrap .down { bottom: 0; background-position: left bottom;  }
.amount-chooser-wrap input[type="text"] { padding: 0 7px; border: none; width: 40px; height: 18px; background-color: #fff; }

.mode-checkout .footer-buttons { float: right; font-size: 1em; margin: 20px; }
.mode-checkout .footer-buttons li { display: block; float: left; padding-left: 12px  }
.mode-checkout .footer-buttons .as-button { font-size: 1.4em; }
.cart .continue-shopping a { font-size: 1.2em; color: #4e4c49; }
.cart .continue-shopping a:hover { text-decoration: none; }
.cart .continue-order a { padding-left: 8px; padding-top: 3px; padding-bottom: 3px; }

/* coupon code styling */
.cart .coupon { float: left; width: 270px; margin-left: 38px; margin-bottom: 15px; }
.cart .coupon > p { margin-bottom: 5px; }
.discount-form input[type="text"] { float: left; width: 168px; padding: 3px 7px 4px; color: #8c8c8c; border: 1px solid #a8acaf; border-right: none; }
.discount-form .button-alt { float: left; padding: 2px 6px; font-size: 1.1em; }
.cancel-coupon { font-weight: bold; font-size: 1.1em; color: #9A9A9A; cursor: pointer; }

.cart-summary .p-name { width: 160px; }
.cart-summary .cart-totals tfoot { font-size: 1em; }
.cart-summary .footer-buttons { margin-top: 0;}

/*####################
	  TOOLBAR
####################*/
.toolbar { margin-bottom: 10px; }
.toolbar p { margin: 0; padding: 0; }

.sort-label p { float: left; margin-top: 2px; margin-right: 5px; font-size: 1.1em; }
.sorter { float: left; display: block; }
.sorter select { font-size: 1.1em; }
.sorter .dropdown { width: 156px; }
.sorter .dropdown ul { width: 156px; font-size: 1.1em; }
.sorter .dropdown span { font-size: 1.1em; }

.view-all { float: left; }
.view-all a { display: block; padding: 3px 0 3px 14px; background: url(../images/ico-view-all.png) no-repeat left center; }

.pager { float: right; }
.pager p { font-size: 1.1em; }
.pager .amount { float: left; }

.pages { float: right; margin-left: 10px; }
.pages ol { font-size: 1.1em; margin-bottom: 0; }
.pages li { float: left; }
.pages strong { position: absolute; left: -9999em; }
.pages .current { font-weight: bold; }
.pages a,
.pages span { display: block; padding: 3px 6px 3px 4px; background: url(../images/ico-pages.png) no-repeat right center; }
.pages .nav { padding: 3px 25px 3px 12px; }
.pages .next { background: url(../images/pager_arrow_right.gif) no-repeat right center; }
.pages .previous { padding-right: 10px; padding-left: 26px; background: url(../images/pager_arrow_left.gif) no-repeat left center; }
.pages .last span { background: none; }

.messages li { margin-bottom: 5px; }
.messages ul { font-size: 1em; }
.messages ul li { padding: 4px 10px; color: #fff; font-weight: bold; }
.messages .error-msg li { background-color: #ed2134; }
.messages .success-msg li { background-color: #309d2e; }

/*####################
	CONTENT BLOCK
####################*/
.content-block { position: relative; clear: both; margin-bottom: 10px; border: 1px solid #d2d2d2; border-top: none; }
.content-block h2,
.content-block .block-title { display: block; position: relative; padding: 10px 0 10px 12px; border-top: 1px solid #d2d2d2; border-bottom: 1px solid #d2d2d2; background-color: #f1f1f1; font-size: 1.6em; font-weight: bold; text-transform: uppercase; }
.content-block .content { padding: 10px; }

/* cart block styling */
.mode-checkout .content-block h2 span { position: absolute; left: 0; top: 0; display: block; padding: 3px 7px 4px; background-color: #D42264; font-size: 1.5em; color: #fff; font-family: 'Arial Black', 'Arial Bold', Gadget, sans-serif; }
.mode-checkout .content-block h2 { padding-left: 45px; }
.mode-checkout fieldset.content-block { border: none; }

/*####################
	 PRODUCT LIST
####################*/
.products-list { font-size: 1em; }
.products-list li.item { position: relative; float: left; width: 188px; height: 305px; padding-bottom: 5px; text-align: center; border: 1px solid #fff; cursor: pointer; }
.products-list .item p { margin-bottom: 0; }
.box .products-list li.item { height: 300px; }
.products-list li.item:hover { border: 1px solid #c8c9cb; }
.products-list .product-image { margin-bottom: 5px; }
.products-list .product-image img { max-width: 100%; width:auto; height: 228px; }
.products-list .product-name { height: 18px; margin-bottom: 5px; font-size: 1.3em; font-weight: normal; overflow: hidden; }
.products-list .product-name a { color:#231F20;}
.products-list .price-box { position: absolute; width: 188px; left: 0; bottom: 5px; text-align: center; }

.products-list .old-price { position: absolute; left: -9999px; }
.special-price,
.regular-price { font-size: 1.6em; font-weight: bold; color: #D42264; }
.striped-price { background: url(../images/striped-price.png) no-repeat 2px center; }

/*####################
		LABELS
####################*/
.labels > li { padding: 1px 0; width: 100%; color: #ffffff; font-weight: bold; }

.meer-stuks-voordeel { background-color: #f47d22; }
.label-meer-stuks-voordeel .price-label,
.label-meer-stuks-voordeel .price { color: #f47d22; }

.nieuwe-collectie { background-color: #9a9b9a; }
.label-nieuwe-collectie .price-label,
.label-nieuwe-collectie .price { color: #9a9b9a; }

.restanten-opruiming { background-color: #ed2134; }
.label-restanten-opruiming .price-label,
.label-restanten-opruiming .price { color: #ed2134; }

.vast-voordeel { background-color: #99ca3c; }
.label-vast-voordeel .price-label,
.label-vast-voordeel .price { color: #99ca3c; }

/*####################
 PRODUCT DETAIL PAGE
####################*/
.product-view { position: relative; width: 100%; }

.product-view .back { position: absolute; right: 0; top: -24px; }
.product-view .back a { display: block; padding-left: 12px; background: url(../images/ico-back.png) no-repeat 0 center; }

.product-media { position: absolute; top: 0; right: 0; width: 30%; margin-bottom: 10px; }
.jqzoom { border: 1px solid #d3d4d5; margin-bottom: 10px; }
.zoom-label { display: block; margin: 0 0 10px 10px; padding-left: 12px; background: url(../images/ico-zoom.png) no-repeat 0 center; font-size: 1.1em; }

.zoomdiv { position: absolute; right: 0; top: 0; width: 588px; height: 468px; border: 1px solid #d3d4d5; overflow: hidden; z-index: 50; }
.jqZoomPup { position: absolute; width: 130px; height: 114px; background: url(../images/bg-image-zoom.png); border: 1px solid rgba(0, 0, 0, .20); }

.more-views { width: 350px; }
.ie7 .more-views li{ float: left; }
.more-views .last { margin: 0; }
.gallery-thumbs { float: left; border: 1px solid #ffffff; margin-right: 10px; cursor: pointer; }
.more-views .active .gallery-thumbs, .gallery-thumbs:hover { border: 1px solid #d3d4d5; }

.product-information { float: left; width: 98%; }

.product-essential { position: relative; padding: 10px; }
.product-essential .product-name h1 { text-transform: none; }
.product-additional { position: absolute; top: 10px; right: 10px; width: 190px; text-align: center; }
.brand-image { margin-bottom: 10px; }

.choose-color { font-size: 1.1em; }
.color-options ul { margin-bottom: 5px; }
.color-options li { float: left; border: 1px solid #ffffff; margin-right: 5px; }
.color-options li:hover { border: 1px solid #d3d4d5; }
.color-options .current { border: 1px solid #d3d4d5; }

.size-wrapper { position: relative; width: 260px; margin-bottom: 20px; }
.product-options dl { margin: 0; font-size: 1em; }
.product-options dt { font-size: 1.1em; margin-bottom: 5px; }
.product-options .dropdown > span { position: absolute; left: -9999px; }
.product-options .dropdown { border: none; }
.product-options .dropdown ul { position: static; display: block; float: left; max-width: 205px; margin-bottom: 10px; border: none; font-size: 1.1em; }
.product-options .dropdown li { float: left; }
.product-options .dropdown a { display: block; min-width: 18px; min-height: 16px; margin: 0 10px 5px 0; padding: 2px; border: 1px solid #d4d4d4; background-color: #fff; text-align: center; }
.product-options .dropdown .active > a { background-color: #333; color: #fff; }

.product-options .dropdown .no-stock a { border-color: #333; background: #fff url(../images/out-of-stock.png) no-repeat center center; color: #000; }
.product-options .dropdown .no-stock a:hover { text-decoration: none; cursor: default; }

.ie .jqZoomPup { border: 1px solid #bebebe; }

/* size table link */
.size-table { position: absolute; top: 0px; left: 260px; font-size: 1.1em; font-weight: bold; text-decoration: underline; }

.catalog-product-view .add-to-cart { display: none; }
.add-to-cart .qty-label,
.add-to-cart .dropdown ul,
.add-to-cart .dropdown span { font-size: 1.1em; }
.add-to-cart .qty-label { float: left; padding: 2px 10px 0 0; }

.add-to-cart .dropdown { float: left; width: 55px; text-align: center; }
.add-to-cart .dropdown span { padding-right: 6px; }
.add-to-cart .dropdown ul { width: 55px; }
.add-to-cart .dropdown a { text-decoration: none; }

/* product price styling */
.product-options-bottom .price-box { margin-top: 10px; overflow: hidden; }
.old-price .price-label,
.product-options-bottom .required { position: absolute; left: -9999px; }
.product-options-bottom .regular-price,
.product-options-bottom .old-price,
.product-options-bottom .special-price { float: left; margin: 0; font-size: 2em; font-weight: bold; }
.product-options-bottom .old-price { margin-top: 9px; background: url(../images/striped-price-big.png) no-repeat 0 center; }
.product-options-bottom .special-price { font-size: 3em; margin-left: 20px; }
.product-options-bottom .regular-price { font-size: 3em; }

button.btn-cart { background: #D42264; color: white; border: 1px solid #D3D4D5; float: left; margin-top: 8px; padding: 8px 10px; font-size: 1.6em; text-transform: none; }
p.additional-before-order { float: left; margin: 20px 0 0 10px; font-size: 1.1em; }
.additional-before-order a { font-weight: bold; text-decoration: underline; }

.products-grid { font-size: 1em; }

.catalog-product-view .box-title h2 { font-size: 1.8em; font-weight: bold; }
.box-viewed .box-title h2 { float: left; }
.box-viewed .box-title a { float: left; margin-left: 10px; margin-top: 4px; font-size: 1.1em; text-decoration: underline; }

.product-collateral .generated-tabs { border: none; border-bottom: 1px solid #d3d4d5; }
.product-collateral .generated-tabs > li > a { border-top: 1px solid #d3d4d5; }
.product-collateral .tab-content { border: none; }

.product-collateral p,
.product-collateral dl { font-size: 1.1em; }

.social-media { display: none; float: right; width: 568px; margin-top: 9px; padding: 10px 10px 2px 10px; border: 1px solid #d3d4d5;  }
.social-media ul, .social-media > p{ display: block; float:left; margin-bottom: 0px;}
.social-media > p { margin-right: 10px; margin-top: 2px; font-weight: bold; }
.social-media li { display: block; float: left; margin-right: 9px; overflow: hidden; }
.social-media .facebook { max-width:100px; }
.social-media .twitter { max-width: 106px; }
.social-media .googleplus { max-width: 68px; }
.social-media .last{ margin-right: 0px; }
.social-media .icon { padding: 1px 2px; background: #f9f9f9; border: 1px solid #d4d4d4;
	border-radius: 2px;
}
.social-media .icon span { margin-right: 5px; }

.attributes { margin-bottom: 0; }
.attributes dt { float: left; clear: both; width: 100px; font-weight: bold; }
.attributes dd { float: left; }
.pdp-sku span { display: block; float: left; width: 100px; }

.size-error { clear: both; color: #ed2134; font-weight: bold; }

.box-viewed ol { font-size: 1em; }

/* ajax cart dialog */
.xhr-cart-progress-content p { padding: 20px; }

/*####################
 TABS CONTENT STYLING
####################*/
.mode-tabs .page { margin: 10px auto; width: 710px; }
.mode-tabs .page .col-main { float: none; width: auto; margin-bottom: 10px; }
.mode-checkout .col-main { max-width: 610px; }

.mode-tabs h1 { text-transform: none; margin-bottom: 25px; }
.mode-tabs .cms-content p { line-height: 1.4; }
.mode-tabs .tab-content { min-height: 460px; }
.mode-tabs table { font-size: 1em; margin-bottom: 10px; }
.mode-tabs td { font-size: 1.1em; }
.mode-tabs td, .cms-content .category-description td { vertical-align: middle; }
.mode-tabs .cms-content h2 { font-size: 1.4em; padding: 12px 10px; border-top: 1px solid #d3d4d5; border-bottom: 1px solid #d3d4d5; color: #45433f; background: url(../images/size-table-header.png) no-repeat 670px center; }

.tabs .structural { position: absolute; left: -9999px; }

/*####################
   		TABS
####################*/
.generated-tabs { margin-bottom: 0; z-index: 10; border-top: 1px solid #d3d4d5; border-left: 1px solid #d3d4d5; border-right: 1px solid #d3d4d5; font-size: 1.1em; }
.generated-tabs > li { position: relative; bottom: -1px; float: left; }
.generated-tabs > li > a { display: block; padding: 10px 14px; color: #9a9a9a; background-color: #fff; border-bottom: 1px solid #d3d4d5; border-right: 1px solid #d3d4d5; font-size: 0.95em; outline: none; }
.generated-tabs .active > a { bottom: -2px; border-bottom: 1px solid #ffffff; color: #000;}

.tab-content { padding: 10px; border-left: 1px solid #d3d4d5; border-right: 1px solid #d3d4d5; border-bottom: 1px solid #d3d4d5; }

.nonMobile { display: none; }
.subnavLeftMobile { display: none; }
/* 
 * Media Queries
 */

/* Larger Mobile */
@media only screen and (min-width: 480px) {

}

/* TABLET SIZE */
@media only screen and (min-width: 650px) {

	/* HIDE MOBILE STUFF */
	.mobile-menu { display: none; }

	/* HEADER */
	.nav-container > ul { display: block; text-align: left; }
	.nav-container li.level0 { border-right: 1px solid #888; }
	.nav-container li.level0 a { text-decoration: none; }
 
 	.nav-container li.level0:hover > ul { display: block; } 
 
	/* FOOTER */
	#footer .widget ul { margin: 10px; }
	#footer .widget li { width: 50%; padding: 0; }
	.footer-right-col > div { float: left; width: 50%; }
	div.additional-information { float: none; width: 60%; margin: 0px auto; }
	
	.theme2 p.field { text-align: center; }
	.form-search p.field { text-align: right; }
}

/* TABLET LANDSCAPE + DESKTOP */
@media only screen and (min-width: 960px) {
	
	.nonMobile { display: block; }

	/* HEADER */
	.header-container { background: none; }
	.header { position: relative; }
	.header .links { display: block; position: absolute; right: 0px; top: 10px; margin: 0px; padding: 0px; max-width: 80%; 
		width: auto; font-size: 1.2em; list-style: none; }
	.header .links li { display: block; float: left; padding: 0px 10px; border-right: 1px solid #9A9A9A; }
	.header .links li.last { border-right: 0px; }
	.header .links a { padding: 5px; color: #9A9A9A; text-decoration: none; }
	.header .links a:hover { text-decoration: underline; }
	
	.nav-container { border-bottom: 1px solid #888;  }
	.nav-container > ul { float: left; border-bottom: none; }
	a.logo img { max-height: none; }
	
	.nav-container li.level1 { min-width: 200px; }
	.product-media { position: relative; left: 0; right: 0; float: left; width: 35%; }

	.narrowListWrapper { margin-bottom: 0px; border-bottom: 0px; }
	.filters dl.narrowByList { margin: 0 0 10px; width: 100%; }
	.subnavLeftMobile { display:block; }

	.mini-cart-wrap { position: absolute; right: 0px; bottom: 0px; height: 52px; min-width: 105px; width: auto;
		 margin: 0; padding: 8px 0 0 58px; border: none;
		background: url(../images/bg-shoppingbag.png) no-repeat 0 0; text-align: left;
	}
	.mini-cart-wrap h2 a { background: none; text-indent: 0px; padding: 0px; }
	.mini-cart-wrap .summary { display: block; }
	.mini-cart-wrap .summary .amount { color: #777; }
	
	.form-search p.field { margin: 5px; }
	.form-search p.field label { display: inline; }

	.col2-left-layout .col-left { float: left; width: 150px; margin-right: 10px; margin-left: 10px; }
	.col2-left-layout .col-main { float: right; width: 790px; }

	.products-list li.item { margin: 0 5px 5px 5px; }
	.products-list li.first { clear: both; margin-left: 0px; }
	.products-list li.last { margin-right: 0px; }

	.product-information { float: right; width: 60%; border: 1px solid #d3d4d5; }

	/* FOOTER */
	#footer .widget li { width: 25%; }
	.footer-links { width: 60%; float: left; text-align: left; }
	.footer-links h2 { padding: 5px 0px; }
	.footer-links ol { margin-top: 0px; padding: 0px; list-style: none; font-size: 1.2em; }
	.footer-links li { margin: 3px 0px; }
	.footer-links ol a { padding: 3px 0px; color: #DDD; text-decoration: none; }
	.footer-links ol a:hover { text-decoration: underline; }
	
	.footer-right-col { float: right; max-width: 35%; width: auto; text-align: right; }
	.footer-right-col > div { float: none; width: 100%; }
	
	.footer-links-block { display: block; float: left; min-width: 140px; width:23%; margin:0px 2% 0px 0px; }
	.footer-links-block ol { display: block; }

	.theme2 p.field { text-align: right; }
}

/* BIGGER DESKTOPS */
@media only screen and (min-width: 1200px) {
	.header-container { background: none; }
}	

/* MOBILE HIDDEN: HIDE UNTIL DESKTOP DESKTOPS */
@media only screen and (max-width: 960px) {
	.mini-cart-wrap .block-content p, .mini-cart-wrap .block-content > a,
	.mini-cart-wrap .block-content #mini-products-list, .mini-cart-wrap .price { display: none;  }
	.header .links, .footer-links-block ol { display: none; }
}	

/* 
 * Non-Semantic Helper Classes
 */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; 
	background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
.ir br { display: none; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0,0,0,0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; 
	overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }


/* 
 * Print Styles (default)
 */ 
@media print {
  * { background: transparent !important; color: black !important; box-shadow:none !important;
 	text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}
