img.ugly_e{ width: 16px !important; }

* { box-sizing: border-box !important;}

body { background-image: url("../images/common/site_bg2012.jpg"); }
html { font-family: verdana, arial, sans-serif; }

.clearfix { clear: both; }

/* COMMON AFTER CLEARS */
#content .product-ring:after, #content .product-right .product-pricing:after, #content .product-right:after, #content:after, section#prodthumbnails:after, #callback:after, #nav-banner .menu:after, #nav-extra .menu:after, section#top-contact ul:after, nav#nav-top:after, section#top-contact:after, #crumbtrail:after, #banner:after, section.uppercontent:after, section.lowercontent:after, section#subsections:after, footer:after { height:0; line-height: 0; display: block; content: ''; clear: both; }
/* COMMON BACKGROUND GRADIENT */
.gradient-bg { background: #ffffff; background: -moz-linear-gradient(top,  #ffffff 1%, #f5f5f5 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(100%,#f5f5f5)); background: -webkit-linear-gradient(top,  #ffffff 1%,#f5f5f5 100%); background: -o-linear-gradient(top,  #ffffff 1%,#f5f5f5 100%); background: -ms-linear-gradient(top,  #ffffff 1%,#f5f5f5 100%); background: linear-gradient(to bottom,  #ffffff 1%,#f5f5f5 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f5f5',GradientType=0 ); }

ul { padding-left: 0; }

#wrapper { width: 100%; max-width: 1250px; background-color: #fff; min-height: auto; margin: 0 auto;	-webkit-box-shadow: 6px 0px 20px 0px rgba(0,0,0,.45), -6px 0px 20px 0px rgba(0,0,0,0.45); -moz-box-shadow: 6px 0px 20px 0px rgba(0,0,0,.45), -6px 0px 20px 0px rgba(0,0,0,0.45); box-shadow: 6px 0px 20px 0px rgba(0,0,0,.45), -6px 0px 20px 0px rgba(0,0,0,0.45); padding: 0 20px; }

h1.main { line-height: 38px; font-size: 18px; color: #3e492b; border: 1px solid #eaeaea; text-align: center; padding: 0 10px; margin: 0; display: block; }

.mask { display: none; z-index: 99998; position: fixed; top: 0; left: 0; background-color: #000; width: 100%; height: 100%; opacity: 0.7; }

/* #banner */
#banner { padding: 14px 13px; background: url("../images/common/header-background.png") bottom right no-repeat; background-color: #fbfbfb; }

#banner .logo { max-width: 258px; display: block; }
#banner .logo a { text-decoration: none; }
#banner .logo img { max-width: 100%; height: auto; }
#banner #center-column #searchbox{ display: block; float: left; margin-top: 10px; width: 100%; padding: 7px 7px; border: 1px solid #eeeeee; border-radius: 5px; background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top,  #ffffff 0%, #f3f3f3 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f3f3f3)); background: -webkit-linear-gradient(top,  #ffffff 0%,#f3f3f3 100%); background: -o-linear-gradient(top,  #ffffff 0%,#f3f3f3 100%); background: -ms-linear-gradient(top,  #ffffff 0%,#f3f3f3 100%); background: linear-gradient(to bottom,  #ffffff 0%,#f3f3f3 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f3f3f3',GradientType=0 ); position: relative; }
#banner #center-column #searchbox .searchbox-string{ display: inline; float: left; width: 78%; height: 28px; border: 1px solid #eeeeee; background: #ffffff; color: #878787; text-indent: 7px; }
#banner #center-column #searchbox .searchbox-submit{ display: inline; float: right; width: 49px; height: 44px; border: 1px solid red; border: none; background: url('../images/common/search-button.png') no-repeat 0 0; font-size: 0; cursor: pointer; position: absolute; right: -1px; top: -1px; }
#banner #telephone { color: #3e492b; font-size: 18px; font-weight: bold; max-width: 324px; display: block; float: left; width: 100%; text-align: center; }
#banner #telephone .tagline { color: #4c7c28; font-size: 13px; }
#banner #basketbox { float: right; width: 197px; height: 52px; margin-top: 10px; margin-right: 12px; }
#banner #basketbox a{ text-decoration: none; color: #3e492b; }
#banner #basketbox .title { font-size: 19px; display: block; text-align: right; }
#banner #basketbox .items, #banner #basketbox .value, #banner #basketbox .checkout { font-size: 13px; font-weight: bold; display: inline-block; margin: 10px 0 0 15px; float: right;}
#banner #basketbox .checkout { float: right; margin-left: 0; clear: both; }
#banner #logo { width: 33% !important; margin: 0 !important; float: left; }
#banner #basketbox { width: 24% !important; margin: 0 !important; float: right; }
#banner #center-column { width: 37% !important; margin: 0 3% !important; float: left; font-family: sans-serif; }

/* MENU */
nav#nav-top { position: relative; margin-top: -16px; }
nav#nav-top > ul { width: 100%; display: block; margin-top: 0; }
nav#nav-top > ul > li .flyout { display: none; }
nav#nav-top > ul > li { display: inline; max-width: 9%; float: left; border-right: 1px solid #3b6b18; background: url("../images/common/menu-background.png") repeat-x 0 0; }
nav#nav-top > ul > li:nth-of-type(3) { max-width: 10%; }
nav#nav-top > ul > li:last-of-type { border-right: none; }
nav#nav-top > ul > li a { font-size: 12px; color: #fff; height: 41px; text-align: center; text-decoration: none; background: url("../images/common/menu-background.png") repeat-x 0 0; text-shadow: 0 2px 2px #638847; display: table-cell; vertical-align: middle; width: 170px; }
nav#nav-top > ul > li a:hover {background-position: 0 -42px; }
nav#nav-top > ul > li .flyout { width: 100%; position: absolute; background-color: #5e8a3e; z-index: 999999; left: 0;}
nav#nav-top > ul > li .flyout ul.col { width: 33%; float: left; list-style: none; margin-top: 10px; }
nav#nav-top > ul > li .flyout ul.col li a { padding-left: 24px; text-align: left; background-image: none; line-height: 14px; color: #b9d1a7; }
nav#nav-top > ul > li .flyout ul.col li a:hover { color: #FFF; }
nav#nav-top > ul > li .flyout ul.col li { background: url('/images/common/nav_top_lvl2s.png') no-repeat 20px -5px; padding-left: 20px; min-height: 41px; }
nav#nav-top > ul > li .flyout ul.col li.selected { background-position: 20px -54px; }
nav#nav-top > ul > li .flyout ul.col li:hover, nav#nav-top > ul > li .flyout ul.col li a.lv12.selected { background-position: 20px -54px; }
nav#nav-top > ul > li .flyout ul.col li:hover a, nav#nav-top > ul > li .flyout ul.col li a.lvl2.selected { color: #FFFFFF; }


section#top-contact { display: block; font-size: 12px; border-left: 1px solid #eaeaea; border-right: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; padding: 5px 20px; margin: 0 0 5px 0; }
section#top-contact ul { width: 100%; margin: 0; padding: 5px 0 4px 0; }
section#top-contact ul li { float: left; display: block; vertical-align: top; color: #565656; font-size: 12px; line-height: 20px; padding: 0 0 0 20px; }
section#top-contact ul li a { color: #3e492b; text-decoration: underline; }
section#top-contact ul li:first-of-type { padding-left: 0;}
section#top-contact ul li:last-of-type { float: right;}
section#top-contact .nav_extra_toggle, section#top-contact .nav_banner_toggle { background-color: #6ea247; color: #fff; padding: 0 6px; border-radius: 4px; margin-top: -1px; cursor: pointer; }
section#top-contact .callback_toggle { color: #5d716f; font-weight: bold; background: url(../images/common/callback-icon.png) no-repeat 0 0; padding: 0 0 0 25px; cursor: pointer; }

/* CRUMBTRAIL */
#crumbtrail { display: block; font-size: 12px; border: 1px solid #eaeaea; height: 38px; padding: 0 0 0 20px; margin: 3px 0 0 0; }
#crumbtrail > .inner > a { color: #3e492b; height: 38px; text-decoration: none; background: url("../images/common/crumbtrail.png") no-repeat right -1px; margin-right: 8px; }
#crumbtrail > .inner > a:last-of-type { background: none; }
#crumbtrail > .inner > a, #crumbtrail > .inner > a > span { display: -moz-inline-stack; display: inline-block; zoom: 100%; }
#crumbtrail > .inner > a > span { margin-top: 11px; margin-right: 33px; }
#crumbtrail .addthis { float: right; margin-top: 10px; }
#crumbtrail .addthis a, #crumbtrail .addthis a span { margin: 0; }


/* UPPER CONTENT */
.uppercontent { display: block; border-left: 1px solid #eaeaea; border-right: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; margin: 0 0 20px 0; padding: 20px; font-size: 13px; color: #838383; }
.uppercontent p { margin-bottom: 12px; color: #838383; line-height: 22px; font-size: 12px; padding: 0; }
.uppercontent h2 { color: #838383; font-size: 20px; }
.uppercontent .text-center { text-align: center; }
.uppercontent img { max-width: initial; width: 75%; }

/* LOWER CONTENT */
.lowercontent { display: block; border: 1px solid #eaeaea; padding: 20px; margin: 20px 0; font-size: 13px; color: #838383; }
.lowercontent p { margin-bottom: 12px; color: #838383; line-height: 22px; font-size: 12px; }
.lowercontent p:first-of-type { margin-top: 0px; }
.lowercontent p:last-of-type { margin-bottom: 0px; }
.lowercontent h2 { color: #838383; font-size: 20px; }
.lowercontent .text-center { text-align: center; }
.lowercontent blockquote { line-height: 22px; }
.lowercontent .link { color: #80827F; }

section#subsections {}
section#subsections ul {}
section#subsections ul li:nth-of-type(4) { clear: both; }
section#subsections ul li { display: inline-block; width: 32%; margin: 0 2% 15px 0; border: 1px solid #e5e5e5; max-height: 255px; min-height: 255px; float: left; -webkit-box-shadow: 5px 5px 5px 0px rgba(222,222,222,1); -moz-box-shadow: 5px 5px 5px 0px rgba(222,222,222,1); box-shadow: 5px 5px 5px 0px rgba(222,222,222,1);}
section#subsections ul li:nth-of-type(3n) { margin-right: 0;}
section#subsections ul li .image { height: 117px; line-height:117px; text-align:center; }
section#subsections ul li .image img { vertical-align: middle; max-width: 100%; max-height: 117px; }
section#subsections ul li h2 { background-color: #4c7c28; text-align: center; font-size: 16px; color: #fff; font-weight: normal; line-height: 42px; }
section#subsections ul li p { color: #676666; font-size: 11px; margin: 15px; line-height: 20px; }
section#subsections ul li a { text-decoration: none; }


section#prodthumbnails {}
section#prodthumbnails ul {}
section#prodthumbnails ul li { display: inline-block; width: 23%; margin: 0 2.6% 15px 0; position: relative; max-height: 255px; min-height: 255px; float: left; background: #ffffff; background: -moz-linear-gradient(top,  #ffffff 0%, #ffffff 50%, #f7f7f7 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#ffffff), color-stop(100%,#f7f7f7)); background: -webkit-linear-gradient(top,  #ffffff 0%,#ffffff 50%,#f7f7f7 100%); background: -o-linear-gradient(top,  #ffffff 0%,#ffffff 50%,#f7f7f7 100%); background: -ms-linear-gradient(top,  #ffffff 0%,#ffffff 50%,#f7f7f7 100%); background: linear-gradient(to bottom,  #ffffff 0%,#ffffff 50%,#f7f7f7 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f7f7f7',GradientType=0 ); }
section#prodthumbnails ul li.product-box-border-gradient { position: relative; border-bottom: 2px solid #e5e5e5; }
section#prodthumbnails ul li.product-box-border-gradient:before, .product-box-border-gradient:after { top: -2px; bottom: -2px; width: 2px; content: ""; position: absolute; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(transparent), to(#e5e5e5)); background-image: -webkit-linear-gradient(transparent, #e5e5e5); background-image: -moz-linear-gradient(transparent, #e5e5e5); background-image: -o-linear-gradient(transparent, #e5e5e5); background-image: linear-gradient(transparent, #e5e5e5); }
section#prodthumbnails ul li.product-box-border-gradient:before { left: -2px; }
section#prodthumbnails ul li.product-box-border-gradient:after { right: -2px; }
section#prodthumbnails ul a { text-decoration: none; }
section#prodthumbnails ul a:nth-child(4n) li { margin-right: 0; }
section#prodthumbnails ul li .image { height: 117px; line-height:117px; text-align:center; }
section#prodthumbnails ul li .image img { vertical-align: middle; max-width: 100%; max-height: 117px; }
section#prodthumbnails ul li .name h2 { color: #3f3f3f; font-size: 12px; text-decoration: underline; font-weight: normal; margin: 28px 14px 0 14px; line-height: 18px; min-height: 80px; max-height: 80px; }
section#prodthumbnails ul li .price { color: #009c26; font-size: 20px; margin: 0 14px; }
section#prodthumbnails ul li .product_rrp{ background: url('/images/common/product_rrp.png') no-repeat left center; color: #5f5f5f; font-size: 18px; text-indent: 40px; }
section#prodthumbnails ul li .product_outofstock { z-index: 99997; position: absolute; left: 0; top: 0; width: 70px; height: 70px; background: url('/images/common/outofstock_2013.png') !important; }

.order-submit { clear: both; }

#content { margin-top: 0px; }
#content .product-left { max-width: 42%; width: 100%; min-height: 418px; float: left; border: 1px solid #efefef; border-radius: 5px; margin-top: 12px; }
#content .headerbox-mobile .main-header, #content  .headerbox-mobile .product-pricing, #content  .headerbox-mobile .order-normal { display: none; }
#content .product-left #gallery { overflow: hidden; }
#content .product-left .main-image { text-align: center; max-width: 400px; width: 100%; display: table; }
#content .product-left #gallery .inner { vertical-align: middle; height: 418px; display: table-cell; }
#content .product-left #gallery .inner img { max-width: 350px; height: initial; }
#content .product-left #gallery .gallery-main { padding-top: 18px; text-align: center; }
#content .product-left #gallery .gallery-thumbs { padding-left: 0; text-align: center; }
#content .product-left #gallery .gallery-thumbs li { width: 70px; display: inline; text-align: center; }
#content .product-left #gallery .gallery-thumbs li.hidden-thumbnail { display: none; };
#content .product-left #gallery #gallery-main-img { cursor: pointer; }

#content .free-delivery-message{ padding: 12px 0; border-bottom: 4px dashed #f7f7f7; color: #6fa14c; font-size: 0.75em; font-weight: bold; text-align: center; text-transform: uppercase; }

#content .product-right { width: 56%; min-height: 418px; float: right; }
#content .product-right h1 { margin: 12px 0 0 0; border-radius: 5px; font-size: 20px; color: #444; font-weight: normal; text-align: left; padding: 16px 18px; line-height: 30px; }
#content .product-right .product-pricing { border: 1px solid #eaeaea; border-radius: 5px; padding: 16px 18px; margin-top: 5px; }
#content .product-right .product-pricing .price { color: #009c26; font-size: 20px;  float: left; padding-bottom: 10px; }
#content .product-right .product-pricing #order { max-width: 200px; float: left; clear: both; }
#content .product-right .product-pricing #order .order-button { margin: 16px 8px 0 0; border-radius: 5px; border: 0; padding: 9px 22px; background-color: #6ea247; color: #fff; }

#content .product-right .product-pricing #order .order-quantity { width: 34px; height: 34px; text-align: center; }
#content .product-right .in_stock, #content .product-right .out_of_stock { height: 40px; background: url('/images/common/in-out-of-stock.png') center 8px no-repeat; max-width: 50%; width: 100%; float: right; border-top: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; margin-top: 14px; }
#content .product-right .out_of_stock{ background-position: 19px -30px; }
#content .product-right #main-description { border: 1px solid #eaeaea; border-radius: 5px; padding: 16px 18px; margin-top: 5px; font-size: 12px; color: #444; line-height: 18px; }
#content .product-right #main-description ul { margin-left: 20px; }
#content .product-right .product-pricing #order.order-normal { max-width: 100%; }
#content .product-right .product-pricing .order-product.product-multis { clear: both; margin-top: 10px; float: left; }
#content .product-right .product-pricing .order-product.product-multis .product-code { margin: 6px 0; font-size: 12px; }
#content .product-right .product-pricing .order-product.product-multis .product-name { font-size: 12px; }
#content .product-right .product-pricing .order-product.product-multis .in-stock, #content .product-right .product-pricing .order-product.product-multis .out-of-stock, #content .product-right .product-pricing .order-product.product-multis .order-product-pricing { font-size: 12px; }
#content .product-right .product-pricing .order-product.product-multis .price { float: none; margin: 0 0 0 12px; font-size: 12px; }
#content .product-right .in_stock span, #content .product-right .out_of_stock span { display: none; }

/* PRODUCT_RING */
#content #product-ring{ clear: both; width: 100%; height: 52px; margin: 12px 0 4px 0; border-top: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; }
#content #product-ring a{ display: block; width: 49%; height: 50px; color: #444444; font-size: 12px; background-repeat: no-repeat; }
#content #product-ring a span{ padding-top: 18px; display: block; }
#content #product-ring a.previous{ display: inline; float: left; text-align: left; background: url('/images/common/left-right-scroller.png') no-repeat left -10px; }
#content #product-ring a.previous span{ padding-left: 31px;  text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
#content #product-ring a.next{ display: inline; float: right; text-align: right; background: url('/images/common/left-right-scroller.png') no-repeat right -80px; }
#content #product-ring a.next span{ padding-right: 31px;  text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

.selector-price { color: #009c26; font-size: 20px; font-weight: normal; }
.selector-price-wrap h3 { margin-top: 0; }

/* FOOTER */
footer { padding: 10px; border-top: 7px solid #4c7c28; background-color: #fff; }
footer a { color: #565656; }
footer > ul:first-of-type { margin-top: 12px; width: 44%; float: left; }
footer > ul:last-of-type { margin-top: 12px; width: 56%; float: left; }
footer ul li { width: 50%; float: left; display: block; vertical-align: top; color: #565656; font-size: 12px; line-height: 22px; overflow: hidden; }
footer > ul:first-of-type > li:nth-of-type(1) { width: 40%; }
footer > ul:first-of-type > li:nth-of-type(2) { width: 60%; }
footer ul li ul { width: 100%; }
footer ul li ul li { width: 100%; line-height: 26px; background: url("../images/common/footer-tick.png") no-repeat 0 7px; padding-left: 20px; }

footer #footer-spacer { background-color: #f9f9f9; height: 2px; display: block; margin: 12px 0; clear: both; }
footer .card-icons{ margin-top: 18px; padding-right: 20px; }
footer .card-icons img{ width: 100%; max-width: 240px; }
footer #copyright, footer #credit { float: left; font-color: #707070; font-size: 10px; }
footer #credit { float: right; }

.search-message, .paging.top_paging { color: #000; font-size: 15px; margin-top: 8px; }
.paging.bottom_paging { color: #80827F; font-size: 15px; margin-bottom: 20px; }
.paging.top_paging a, .paging.bottom_paging a { color: #80827F; cursor: pointer; font-size: 15px; }

#nav-extra { position: fixed; top: 0; left: 0; display: none; z-index: 350; height: 500px; width: 500px; }

#callback .left-column { width: 49%; padding-left: 20px; float: left;}
#callback .right-column { width: 49%; padding-right: 20px; float: right;}

#callback .title, #nav-banner .title, #nav-extra .title { display: block; color: #3e492b; font-size: 23px; display: block; color: #3e492b; font-size: 23px; line-height: 44px; padding-left: 20px; background: #ffffff; background: -moz-linear-gradient(top,  #ffffff 1%, #f4f4f4 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(100%,#f4f4f4)); background: -webkit-linear-gradient(top,  #ffffff 1%,#f4f4f4 100%); background: -o-linear-gradient(top,  #ffffff 1%,#f4f4f4 100%); background: -ms-linear-gradient(top,  #ffffff 1%,#f4f4f4 100%); background: linear-gradient(to bottom,  #ffffff 1%,#f4f4f4 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4f4',GradientType=0 ); }
#callback .close, #nav-banner .close, #nav-extra .close { background: #00bc2f; background: -moz-linear-gradient(top,  #00bc2f 1%, #20ab41 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#00bc2f), color-stop(100%,#20ab41)); background: -webkit-linear-gradient(top,  #00bc2f 1%,#20ab41 100%); background: -o-linear-gradient(top,  #00bc2f 1%,#20ab41 100%); background: -ms-linear-gradient(top,  #00bc2f 1%,#20ab41 100%); background: linear-gradient(to bottom,  #00bc2f 1%,#20ab41 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00bc2f', endColorstr='#20ab41',GradientType=0 ); width: 34px; height: 34px; color: #fff; text-align: center; line-height: 34px; font-weight: bold; float: right; margin: 4px; }
#callback .name, #callback .email, #callback .telephone, #callback .message { width: 100%; float: left; clear: left; margin-top: 20px; }
#callback input[type="submit"] { width: 100%; float: right; margin-top: 20px; clear: both; }

#callback label { display: block; font-size: 18px; font-weight: normal; }
#callback .name input, #callback .telephone input, #callback .email input, #callback .message textarea { width: 100%; line-height: 29px; border: 1px solid #e4e4e4; background: #fdfdfd; }
#callback .message textarea { height: 181px; }
#callback input[type="submit"] { background: #00bc2f; background: -moz-linear-gradient(top,  #00bc2f 1%, #20ab41 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#00bc2f), color-stop(100%,#20ab41)); background: -webkit-linear-gradient(top,  #00bc2f 1%,#20ab41 100%); background: -o-linear-gradient(top,  #00bc2f 1%,#20ab41 100%); background: -ms-linear-gradient(top,  #00bc2f 1%,#20ab41 100%); background: linear-gradient(to bottom,  #00bc2f 1%,#20ab41 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00bc2f', endColorstr='#20ab41',GradientType=0 ); line-height: 41px; color: #fff; font-size: 22px; border-radius: 5px; border: 0; }

#callback .callus { clear: both; float: left; font-size: 20px; color: #3e492b; width: 45%; margin-left: 20px; margin-top: 35px; }
#callback .callus .telephone-number { display: block; font-size: 36px; }
#callback .logo, #nav-banner .logo, #nav-extra .logo { float: right; width: 45%; margin: 20px 20px 0 0; text-align: right; }
#nav-extra .logo { width: 90%; margin: 0 auto 10px auto; float: none; }
#callback .logo img, #nav-banner .logo img, #nav-extra .logo img { max-width: 100%; }

#nav-banner .menu, #nav-extra .menu { width: 95%; margin: 0 0 0 30px; padding: 30px 0; list-style: none; }
#nav-banner .menu a { color: #80827F; }
#nav-banner .menu li, #nav-extra .menu li { float: left; width: 33%; line-height: 40px; }
#nav-extra .menu li { height: 50px; }

.order-product.product-multis label { display: block; padding-left: 20px; position: relative; line-height: 13px; }
.order-product.product-multis input[type="radio"] { position: absolute; top: 2px; left: 0; }

.center{}
#callback, #nav-banner, #nav-extra { z-index: 99999; display: none; left: 5%; top: 25%; position: absolute; width: 90%; height: auto; background: #fff; max-width: 641px; max-height: initial; }

.selectors{ margin-bottom: 4px; text-align: left; }
.selector-wrap, .options .option{ display: -moz-inline-stack; display: inline-block; zoom: 100%; *display: inline; margin: 0 12px; }
.selectors.rSelectors div:nth-child(2), .options div:nth-child(2) { margin-left: 0px; }
.selector-wrap label, .options .option label{ display: block; font-weight: bold; font-size: 15px; }
.selector-wrap select, .options .option select{ font-size: 15px; margin-top: 3px; padding: 3px 4px; border-radius: 4px; }

/* CALL BACK FORM MEDIA QUERIES */
@media (min-width: 700px) {
.center{left:50%;top:25%;position:absolute;}
#callback, #nav-banner, #nav-extra {width:641px;height:100%;margin-left:-320px;height:auto;background-color:#fff;max-width:641px;max-height:initial;}
}
@media (max-width: 650px) {
#callback .callus .telephone-number { font-size: 32px; }
#nav-extra .menu li { width: 50% }
}
@media (max-width: 550px) {
#callback, #nav-extra, #nav-banner { top: 5%; }
#callback .left-column, #callback .right-column { width: 100%; padding: 0 20px; float: none;}
#callback .callus { width: 100%; text-align: center; margin-left: 0; }
#callback .logo { float: none; width: 90%; margin: 0 auto 20px auto; text-align: center; }
#callback .message textarea { height: 90px; }
#callback input[type="submit"] { width: 100%; float: none; }
#callback .title, #nav-banner .title, #nav-extra .title { font-size: 18px; }
}
@media (max-width: 450px) {
#nav-extra .menu { margin-left: 20px; }
#nav-extra .menu li { width: 100% }
}
@media (max-width: 400px) {
#nav-banner .menu li { width: 50% }
}
@media (max-width: 300px) {
#nav-banner .menu li { width: 100% }
}


#gallery-popup-mask { position: absolute; top: 0; left: 0; background-color: #2a2a2a; opacity: 0.7; width: 100%; height: 100%; display:none; z-index: 999990; }
#gallery-popup-close { display:none; z-index: 999999; position: absolute; top: 0; right: 0; background-color: #fff; line-height: initial; margin: 0; padding: 0 12px 5px 12px; font-size: 48px; font-weight: bold; font-family: arial; border-radius: 8px; }
#gallery-popup-image { display:none; z-index: 999998; margin: 0 auto; }
#gallery-popup-image-container { display:none; position: absolute; top: 50%; left: 50%; margin-top: -250px; margin-left: -250px; width: 500px; height: 500px; z-index: 999997; }



/* DEVICES UNDER 920 PX WIDTH RESOLUTION */
@media screen and (max-width: 920px) {

	.nav_banner_toggle span, .callback_toggle span { display: none; }
	.nav_banner_toggle:before { content: "Army Surplus by Country"; }
	.callback_toggle:before { content: "Request a call back!"; }
	#banner #telephone span { display: block; }
	#banner #center-column #searchbox { margin-top: 2px; }

}


/* DEVICES UNDER 900 PX WIDTH RESOLUTION */
@media screen and (max-width: 900px) {
	
	nav#nav-top { border-right: 1px solid #eaeaea; }
	nav#nav-top > ul > li:nth-of-type(5), nav#nav-top > ul > li:nth-of-type(10) { border-right: none; }
	nav#nav-top > ul > li:nth-of-type(6) { clear: both; }
	nav#nav-top > ul > li { min-width: 20% !important;} 
	
	footer > ul { width: 50% !important; margin-bottom: 20px; }
	footer > ul > li { width: 100% !important; }
	
	section#top-contact ul li { margin-bottom: 10px; }

	nav#nav-top > ul > li .flyPPPout { margin-top: 82px; }

	section#prodthumbnails ul li { width: 32%; margin: 0 2% 15px 0 !important; }
	section#prodthumbnails ul a:nth-child(3n) li { margin-right: 0 !important; }

}	

/* DEVICES UNDER 800 PX WIDTH RESOLUTION */
@media screen and (max-width: 800px) {
	
	section#subsections ul li, section#subsections ul li:nth-of-type(3n+1) { width: 48%; }
	section#subsections ul li:nth-of-type(odd) { clear: both; }
	section#subsections ul li:nth-of-type(even) { float: right; margin-right: 0; }
	section#subsections ul li:nth-of-type(4) { clear: none; }
	footer > ul > li { width: 100%; clear: both; }
	section#top-contact ul li:last-of-type { clear: both; float: left; padding-left: 0; }
}

/* DEVICES UNDER 750 PX WIDTH RESOLUTION */
@media screen and (max-width: 700px) {

	.addthis { display: none; }
	.addthis:after { height:0; line-height: 0; display: block; content: ''; clear: both; margin-bottom: 20px; }
	#banner { background-image: none !important; }
	#content .product-left #gallery .inner img { width: 100%; }

}	

/* DEVICES UNDER 650 PX WIDTH RESOLUTION */
@media screen and (max-width: 640px) {

	#banner { background-image: none; }
	section#prodthumbnails ul li { width: 48%; margin: 0 2% 15px 0 !important; }
	section#prodthumbnails ul a:nth-child(even) li { margin-right: 0 !important; float: right; }
	section#prodthumbnails ul a:nth-child(odd) li { clear: both; }
	#top-contact ul li:nth-of-type(5) { clear: left; float: left !important; padding-left: 0; }
	#top-contact ul li:last-of-type { clear: none !important; padding-left: 20px !important; }
	#banner #logo { width: 60% !important; }
	#banner #basketbox { width: 40% !important; }
	#banner #basketbox .checkout { clear: both; float: right; }
  	#banner #center-column { max-width: 100% !important; width: 100% !important; clear: both; float: left; display: flex; margin: 16px 0 0 0 !important;	}	
  	#banner #center-column #telephone { margin-top: 6px; text-align: left; }
  }

/* DEVICES UNDER 600 PX WIDTH RESOLUTION */
@media screen and (max-width: 600px) {
	
	#crumbtrail { height: auto; }
	#crumbtrail > .inner > a { background-image: none; }
	#crumbtrail > .inner > a span { margin: 11px 0 0 0; }

	section#subsections ul li, section#subsections ul li:nth-of-type(3n+1) { width: 100%; max-height: initial; }
	section#subsections ul li:nth-of-type(odd) { clear: none; }

	footer #credit { float: left; clear: both; margin-top: 15px; }

	#content .product-left, #content .product-left .main-image, #content .product-right, #content #product-ring a.previous, #content #product-ring a.next { width: 100%; max-width: 100%; }

	#content .product-left #gallery .inner img { width: initial; }

	#content #product-ring{ border-top: none !important; border-bottom: none !important; height: 100px; }
	#content #product-ring a.previous { border-top: 1px solid #efefef; height: 70px; background: url('/images/common/left-right-scroller.png') no-repeat left top; }
	#content #product-ring a.next { border-top: 1px solid #efefef; border-bottom: 1px solid #efefef; height: 70px; background: url('/images/common/left-right-scroller.png') no-repeat right bottom; }

}

/* DEVICES UNDER 550 PX WIDTH RESOLUTION */
@media screen and (max-width: 550px) {

	nav#nav-top > ul > li .flyout ul.col { width: 50%; }
	nav#nav-top > ul > li .flyout ul.col:nth-of-type(3) { clear: left; margin-top: 0; width: 100%; }
	nav#nav-top > ul > li .flyout ul.col:nth-of-type(3) li { float: left; width: 50%; }
	#banner #basketbox .title { font-size: 16px; margin-top: 6px; }

	#gallery-popup-mask { position: absolute; top: 0; left: 0; background-color: #2a2a2a; opacity: 0.7; width: 100%; height: 100%; display:none; z-index: 999990; }
	#gallery-popup-close { display:none; z-index: 999999; position: absolute; top: 0; right: 0; background-color: #fff; line-height: initial; margin: 0; padding: 0 12px 5px 12px; font-size: 48px; font-weight: bold; font-family: arial; border-radius: 8px; }
	#gallery-popup-image { display:none; z-index: 999998; margin: 0 auto; }
	#gallery-popup-image-container { display:none; position: absolute; width: 90%; z-index: 999997; left: 0; top:0; margin: 0; }


}	

/* DEVICES UNDER 500 PX WIDTH RESOLUTION */
@media screen and (max-width: 500px) {

	nav#nav-top > ul > li { clear: none !important; border-right: 1px solid #000 !important; }
	nav#nav-top > ul > li:nth-of-type(5), nav#nav-top > ul > li:nth-of-type(9) { clear: both; }
	nav#nav-top > ul > li:nth-of-type(4), nav#nav-top > ul > li:nth-of-type(8) { border-right: none !important; }
	nav#nav-top > ul > li { min-width: 25% !important;} 
	section#top-contact ul li:nth-of-type(5) { padding-right: 0px; }
	footer > ul { width: 100% !important; }

}	

/* DEVICES UNDER 470 PX WIDTH RESOLUTION */
@media screen and (max-width: 469px) {

	section#top-contact { display: none; border-top: 1px solid #eaeaea; }
	section#top-contact ul li:nth-of-type(4) { clear: left; padding: 0; }
	section#top-contact ul li:nth-of-type(5) { clear: none; padding: 0; }
	section#top-contact ul li:last-of-type { clear: both !important; padding-left: 0px !important; margin-bottom: 0; }
	section#prodthumbnails ul li { width: 100%; margin: 0 !important; float: left; margin-top: 20px !important; min-height: 230px; }
	section#prodthumbnails ul li .price { text-align: center; }

	.paging.bottom_paging { margin-top: 15px; }
	#banner #center-column { display: block; }
	#banner #telephone span { display: inline; }
	#nav-top > ul > li .flyout { display: none !important; }
	#nav-top ul.menu { display: none; margin-top: -20px; }
	#nav-top ul.menu.selected { display: block; }
	#nav-top > ul > li { max-width: 100% !important; min-width: 100% !important; border-right: none !important; }
	#nav-top > ul > li a { width: 470px !important; }
	#nav-top-toggle { display: inline-block; border: 1px solid #eaeaea; border-radius: 5px; clear: both; margin-top: 12px; line-height: 32px; float: left; }
	#nav-top-toggle .name { display: block; padding: 7px 18px 5px 60px; background: url("/images/common/menu-button.png") 5px 5px no-repeat; }
	nav#nav-top > ul > li, nav#nav-top > ul > li:nth-of-type(4), nav#nav-top > ul > li:nth-of-type(8) { clear: none !important; border-right: none !important; }
	#banner #center-column { margin-top: 10px !important;}

}

@media screen and (min-width: 470px) {
	#nav-top-toggle { display: none; }
}

/* DEVICES UNDER 430 PX WIDTH RESOLUTION */
@media screen and (max-width: 430px) {

	#banner #logo { width: 100% !important; display: block; text-align: center; }
	#banner #logo .logo { max-width: none !important; float: none !important; }
	#banner #basketbox { width: 100% !important; display: block; text-align: center; margin-top: 12px !important; border: 1px solid #eaeaea; line-height: 42px; height: auto; border-radius: 4px; }
	#top-contact ul li:nth-of-type(4), 	#top-contact ul li:nth-of-type(5) { width: 100%; padding: 0; text-align: center; }
	section#prodthumbnails ul li .name h2 { min-height: 50px !important; }

	#banner #basketbox .title, #banner #basketbox .value, #banner #basketbox .checkout { float: none !important; display: inline; font-size: 14px; }
	#banner #basketbox .items { display: none; }

}

/* DEVICES UNDER 400 PX WIDTH RESOLUTION */
@media screen and (max-width: 400px) {

	#banner #center-column #searchbox .searchbox-string { width: 75%; }
	#top-contact ul li:last-of-type { line-height: 18px; }
	#top-contact ul li .callback_toggle { background-position: 0 0; }
	#content .product-right .in_stock, #content .product-right .out_of_stock { max-width: 100%; width: 100%; }
 	.nav_banner_toggle { line-height: 20px; padding: 5px 8px !important; }
	#banner #telephone { display: none; }

	#content .product-left #gallery .inner img { max-width: 100%; }

}	

@media screen and (max-width: 350px) {

	section#top-contact ul li:nth-of-type(3) { clear: both; padding-left: 0 !important; }
	#banner #basketbox { line-height: 24px; }

}



/* DEFAULT STYLING FOR JQUERYUI SLIDERS - FUNCTIONAL CSS (REQUIRED) */
.ui-slider { position: relative; text-align: left; background: #e3e3e3; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; border: 1px solid #4c7c28; background: #4c7c28; cursor: pointer; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; background: #d4d4d4; }
.ui-slider .ui-state-active{ background: #FFFFFF; }
.ui-slider-horizontal { height: .8em; }
.ui-slider-horizontal .ui-slider-handle { top: -.2em; margin-left: -.6em; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }

/* DEFAULT STYLING FOR FILTERS */
.filters{
}
.filters .submit{
    display: none;
}

/* FILTER */
.filters .filter{
    position: relative;
    margin-top: 6px;
}
.filters .filter:first-child{
    margin-top: 0;
}
.filter h3{
    margin: 0;
    padding: 0;
    background: #FFFFFF;
    color: #2a2a2a;
    font-size: 16px;
    font-weight: bold;
}
.filter h3 span{
    display: block;
    padding: 7px 8px 6px 8px;
    border: 1px solid #d4d4d4;
}
.filter .options{
    padding: 16px;
}
.filter .option{
    display: block;
    margin-top: 4px;
}
.filter .option:first-child{
    margin-top: 0;
}
.filter .option .name{
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 100%;
    *display: inline;
    color: #42414a;
    font-size: 12px;
}
	
/* FILTER : list_checkbox */
.list_checkbox .checkbox{
    display: inline;
}
.list_checkbox .checkbox checkbox{
    width: 10px;
    height: 10px;
}
.list_checkbox .name{
    cursor: pointer;
}

/* FILTER : list_link */
.list_link .name{
    text-decoration: underline;
    cursor: pointer;
}
.list_link .selected .name{
    text-decoration: none;
    font-weight: bold;
}

/* FILTER : range_textbox */
.range_textbox .from,
.range_textbox .to {
    display: inline;
    float: left;
    width: 80px;
    height: 20px;
}
.range_textbox .from .value,
.range_textbox .to .value{
    padding-left: 6px;
    border: 1px solid #dbdbdb;
}
.range_textbox .from label,
.range_textbox .to label{
    font-weight: bold;
}
.range_textbox .from input,
.range_textbox .to input{
    width: 55px;
    margin-left: 2px;
    border: 1px solid #FFFFFF;
    background: #FFFFFF;
}
.range_textbox .to{
    margin-left: 12px;
}

/* FILTER : range_slider */
.range_slider .range_values{
    position: absolute;
    top: 5px;
    right: 6px;
}



#filters{
	display: none;
}

#filters .filter{
    background-color: #fff;
    border: 1px solid #eaeaea;
	padding: 1px;
	margin-bottom: 20px;	
}

#filters h3{
    background-color: #f8f8f8;
    font-size: 14px;
    font-weight: bold;
    padding: 6px;
}

#filters h3 span{
	border: none;
	padding: 0;
} 

#filters .options{
    background-color: #f8f8f8;
    padding: 6px 6px 6px 0px;
}

#filters .options .option{
    margin: 0 0 10px 10px !important;
}

#filters .options .option .checkbox{
    vertical-align: top;
}
#filters .options .option .name{
    max-width: 140px;
}

#filters .range_slider .options {
    padding: 10px 16px;
}

#filters.selected{
    display: block;
}

.filters-toggle{
	height: 38px;
	background-color: #6ea247;
	border: 1px solid #6ea247;
	margin: 12px 0;
	border-radius: 6px;
	text-align: center;
    cursor: pointer;
    color: #fff;
}

.filters-toggle .toggle{
	padding: 8px;
}

.filters-toggle.selected .toggle{
	font-weight: bold;
}


@media screen and (min-width: 768px) {

    .has-filters #page {
        width: auto;
        overflow: hidden;
        float: none;
        display: block;
        padding: 12px 0 0 20px;
    }

    #filters{
        display: block;
        width: 180px;
        float: left;
    }

    .has-filters #subsections li{
        margin-left: 14px;
        margin-right: 14px;	
    }

    .has-filters #prodthumbnails li{
        margin-left: 14px;
        margin-right: 14px;	
    }

    #filters{
        margin: 12px 0 10px 0px;
        padding: 0;
    }
    .filters-toggle{
        display: none;
    }

}


@media screen and (min-width: 768px) and (max-width: 1023px) {

    .has-filters #subsections li{
        margin-left: 9px;
        margin-right: 9px;	
    }

    .has-filters #prodthumbnails li{
        margin-left: 9px;
        margin-right: 9px;		
    }

}


@media screen and (min-width: 1254px) {

    .has-filters #subsections li{
        margin-left: 11px;
        margin-right: 11px;	
    }

    .has-filters #prodthumbnails li{
        margin-left: 11px;
        margin-right: 11px;	
    }

} 

@media screen and (min-width: 1140px) and (max-width: 1400px) {
    .has-filters section#prodthumbnails ul li {
        width: 22%;
    }
}

@media screen and (min-width: 900px) and (max-width: 1139px) {
    .has-filters #prodthumbnails li {
        margin-left: 1% !important;
        margin-right: 1% !important;
        width: 31.33333%;
    }
}

@media screen and (min-width: 500px) and (max-width: 899px) {
    .has-filters #prodthumbnails li {
        margin-left: 1% !important;
        margin-right: 1% !important;
        width: 48%;
    }
}

@media screen and (max-width: 499px) {
    .has-filters #prodthumbnails li {
        margin-left: 1% !important;
        margin-right: 1% !important;
        width: 98%;
    }
}

#content {
    margin-top: 10px;
}

.has-filters #content {
    margin-top: 0;
}

@media screen and (max-width: 768px) {
    #page {
        margin-top: 10px;
    }

    #filters .options .option .name{
        max-width: 260px;
    }

}