@font-face {
    font-family: 'frankie';
    src: url('/Themes/Fonts/Frankie/franklin-webfont.eot');
    src: url('/Themes/Fonts/Frankie/franklin-webfont.eot?#iefix') format('embedded-opentype'), url('/Themes/Fonts/Frankie/franklin-webfont.woff') format('woff'), url('/Themes/Fonts/Frankie/franklin-webfont.ttf') format('truetype'), url('/Themes/Fonts/Frankie/franklin-webfont.svg#franklin_gothic_bookregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
/***************************************************
Global
****************************************************/
HTML { width: 100%; min-height: 100%; }
BODY { background: #FFF; color: #383838; font-family: "Source Sans Pro", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 16px; width: 100%; min-height: 100%; }
.row { max-width: 1200px; }
#aspnetForm { padding: 0; margin: 0; overflow-x: hidden; overflow-y: hidden; width: 100%; height: 100%; }
.body-inner { background-color: #EEEEEE; box-shadow: 0 0 3px 2px #EEEEEE; behavior:   url("/Controls/PIE-2.0beta1/PIE.htc"); padding: 0 8px; position: relative; }
.clearer { clear: both; }
H1 { font-family: roboto, Helvetica, "Helvetica Neue", Arial, sans-serif; font-size: 30px; font-weight: 500; color: #383838; padding: 15px; }
.search-content H1 { font-family: roboto, Helvetica, "Helvetica Neue", Arial, sans-serif; font-size: 44px; font-weight: 500; color: #3CAC9D; padding-bottom: 0; padding-left: 6px; }
H2 { }
H3 { font-family: roboto, Helvetica, "Helvetica Neue", Arial, sans-serif; font-weight: 500; font-size: 23px; }
H4 { }
H5 { }
P { }
A, A:link, A:visited { color: #1D1D1B; font-weight: 600; }
A:hover { color: #F5B769; }
.disp-none { display: none !important; }
.no-pad { padding: 0 !important; }
.content-white { background: #FFFFFF; }
.Error { font-size: 22px; color: #D22113; font-weight: bold; }
.focused:focus { border: none; outline: none; }
.crumb-container { height: 61px; background: #E30613; margin-top: -29px !important; }
.crumbs { padding: 32px 41px 13px 41px; }
.crumbs > SPAN { font-weight: 100; color: #FFF; }
.crumbs A { font-family: roboto, Helvetica, "Helvetica Neue", Arial, sans-serif; font-weight: 100; color: #FFF; font-size: 14px; padding: 0 7px; }
.crumbs .highlighted A { font-weight: 500; }
.body-inner { overflow: hidden; }
buttom, .button { background-color: #E30613; color: #FFF !important; }
BUTTON:hover, BUTTON:focus, .button:hover, .button:focus { background-color: #F5B769; }
.has-tip { border-bottom: none !important; }
.tooltip { background: #1D1D1B; }
/***************************************************
Header
****************************************************/
/*Top Header*/
.top-header { font-family: Arial, Helvetica, sans-serif; min-height: 38px; padding: 0; font-size: 14px; }
.top-header A { font-weight: 600; margin-top: 10px; display: inline-block; }
.top-header .right A { line-height: 20px; }
.top-header .supplier A { font-size: 19px; font-family: roboto, Helvetica, "Helvetica Neue", Arial, sans-serif; font-weight: bold; font-style: italic; padding-left: 15px; display: block; }
.top-header .cart-image { border-radius: 3px 10px 0 0; behavior:   url("/Controls/PIE-2.0beta1/PIE.htc"); height: 42px; background: #FFF; padding: 0 10px; }
.top-header .cart-image:before { padding: 0 10px; content: "  "; display: block; border-bottom: 7px solid #FFFFFF; width: auto; border-right: 7px solid transparent; }
.top-header .cart-image A { margin-top: 3px; }
.top-header .cart-image A:first-child { background-image: url("/Data/Default/TemplateImages/cart.jpg?thumbnail=jpg"); background-position: right center; background-repeat: no-repeat; padding-right: 30px; margin-right: 10px; height: 23px; line-height: 20px; }
.top-header .cart-image A:first-child:hover { background-image: url("/Data/Default/TemplateImages/cart-over4.jpg"); }
.top-header > DIV > DIV { display: inline; padding: 0 10px; }
.top-header > DIV > DIV:first-child { border: none; }
.top-header > DIV > DIV .checkout-link { background-image: url("/Data/Default/TemplateImages/checkout-arrow.jpg"); background-repeat: no-repeat; background-position: right center; padding-right: 20px; }
/*Header*/
.header { background: #FFF; color: #2B2B2B; padding: 20px 20px 40px 20px; min-height: 144px !important; }
.header .heading-text { font-size: 21px; font-weight: 500; font-family: roboto, Helvetica, "Helvetica Neue", Arial, sans-serif; line-height: 30px; margin-top: 11px; }
.header .heading-text .header-big { font-family: "Source Sans Pro", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 32px; font-weight: 600; }
.header .logo { text-align: center; }
/***************************************************
Menu
****************************************************/
.nav-container { padding: 0 20px; margin-top: -16px !important; position: relative; z-index: 250; }
.menu-container { background: none; }
.top-bar { background: none; }
.top-bar FORM, .top-bar INPUT { margin: 0; font-size: 12px; padding: 0.35rem; height: auto; }
.top-bar-section .dropdown LI A { font-size: 16px; }
.top-bar-section LI A:not(.button):hover, .top-bar-section UL LI:hover > A:hover, .top-bar-section UL LI:hover > A { background: #383838; }
.top-bar-section LI A:not(.button) { background: #1D1D1B; }
NAV.top-bar LI.menu-item.active-page A.menu-title { background: #1D1D1B; color: #FFF; }
NAV.top-bar LI.menu-item.active-page:before { border-bottom-color: #1D1D1B; }
NAV.top-bar LI.menu-item.active-page.home-item A.menu-title { background: #1D1D1B; }
NAV.top-bar LI.menu-item.active-page.home-item:before { border-bottom-color: #1D1D1B; }
NAV.top-bar.expanded LI.menu-item.active-page A.menu-title { background: #1D1D1B; color: #FFF; }
NAV.top-bar.expanded LI.menu-item.active-page:hover > A { background: #383838; color: #009FD6; }
/*Cut-outs*/
.menu-item { background: #1D1D1B; color: #E30613; text-decoration: none; display: inline-block; font-size: 21px !important; margin-right: 0px; border-right: 1px solid gray; }
.menu-item:before { content: "  "; display: block; border-bottom: 7px solid #1D1D1B; width: auto; border-right: 7px solid transparent; margin-top: -7px; border-radius: 2px 0 0 0; behavior:   url("/Controls/PIE-2.0beta1/PIE.htc"); }
.menu-title { font-family: roboto, Helvetica, "Helvetica Neue", Arial, sans-serif; font-weight: 400 !important; padding: 4px 20px 8px 20px !important; display: block; line-height: 25px !important; }
.menu-item:hover:before { border-bottom-color: #383838; }
.top-bar-section UL { background: none; }
/*Expanded*/
.top-bar-section UL LI > A { color: #FFF; }
LI.back.js-generated H5 A { }
.top-bar.expanded .top-bar-section UL LI > A { color: #FFF; font-size: 0.8rem; padding: 12px 0px 12px 15px !important; }
.top-bar.expanded .top-bar-section UL LI > A:hover { color: #E30613; }
.top-bar.expanded .top-bar-section UL LI > A:focus { color: #E30613; }
.top-bar.expanded .top-bar-section UL LI > A:active { color: #E30613; }
.top-bar.expanded UL > LI.has-dropdown A:after { border-color: transparent transparent transparent #FFF; }
.top-bar.expanded UL > LI.has-dropdown A:hover:after { border-color: transparent transparent transparent #E30613; }
.top-bar.expanded .menu-item:before { display: none; }
.top-bar.expanded .menu-item { display: list-item; }
.top-bar.expanded .title-area { background: #383838; }
.top-bar.expanded .toggle-topbar.menu-icon A SPAN { -webkit-box-shadow: 0 10px 0 1px #888888, 0 16px 0 1px #888888, 0 22px 0 1px #888888; box-shadow: 0 10px 0 1px #888888, 0 16px 0 1px #888888, 0 22px 0 1px #888888; behavior:   url("/Controls/PIE-2.0beta1/PIE.htc"); }
.top-bar.expanded .toggle-topbar A { color: #888888; }
.top-bar.expanded UL.dropdown { background: #383838; }
.top-bar.expanded UL.dropdown H5 { font-size: 13px; /*border-top: solid 1px #1a1a1a*/ }
.top-bar.expanded UL.dropdown H5:hover { background: #272727; }
.top-bar.expanded UL.dropdown H5:hover A { color: #009FD6; }
.top-bar.expanded UL.dropdown H5 A:before { content: ""; display: inline-block; width: 0; height: 0; border: 5px inset; border-color: transparent #FFF transparent transparent; border-right-style: solid; margin-right: 15px; }
.top-bar.expanded UL.dropdown H5:hover A:before { border-color: transparent #009FD6 transparent transparent; }
/*Extra item before search*/
.filler { padding: 18px 0 19px 0 !important; width: 100%; max-width: 321px; }
.filler-container .menu-item:hover:before { border-bottom-color: #383838; }
.filler-container { max-width: 321px; }
/***************************************************
Quick Search
****************************************************/
NAV.top-bar .nav-search-btn:hover { box-shadow: none !important; }
NAV.top-bar .nav-search-btn > A { z-index: 300; position: relative; line-height: 40px; margin-top: -7px; background: #EEEEEE !important; /*background-image: url("/Data/Default/TemplateImages/stripey2.jpg") !important;*/ color: #1D1D1B !important; border-radius: 5px; behavior:   url("/Controls/PIE-2.0beta1/PIE.htc"); font-size: 18px !important; font-family: roboto; font-weight: 500; padding: 0px 45px 2px 25px !important; border-style: solid; border-width: 1px; border-top-color: #EEEEEE; border-left-color: #EEEEEE; border-right-color: #EEEEEE; border-bottom-color: #EEEEEE; background-image: url("/Data/Default/Templateimages/mag.png"); }
NAV.top-bar .nav-search-btn > A:after { border-color: #1D1D1B transparent transparent transparent; border-width: 9px; top: 14px; margin-right: 27px; margin-top: 0px; }
NAV.top-bar .nav-search-btn > A IMG { padding-left: 4px; }
.expanded .top-bar-section .has-form { background: #EEEEEE; }
.expanded.top-bar .button { font-size: 0.93rem; padding: 5px 0px 6px 0px; }
.search-row { float: right; width: 306px !important; height: 308px; background-color: #EEEEEE; /*background-image: url("/Data/Default/TemplateImages/stripey.jpg");*/ background-repeat: no-repeat; background-position: top right; }
.search-row SPAN { font-family: "frankie", "Franklin Gothic Medium", "Franklin Gothic", "ITC Franklin Gothic", Arial, sans-serif; color: #1D1D1B; font-size: 15px; display: inline-block; margin-bottom: 7px; font-weight: 600; }
.search-row SPAN.big { font-size: 20px; }
.search-row FIELDSET { border: none; margin: 0; background: none; }
.search-row .fields.left { width: 35%; }
.search-row .fields.right { width: 60%; }
#search-drop { margin-left: -98px; border: none; box-shadow: 0px 0px 5px 0px #1D1D1B; behavior:   url("/Controls/PIE-2.0beta1/PIE.htc"); z-index: 99999; }
#search-drop:before, #search-drop:after { display: none; }
/***************************************************
Home Page
****************************************************/
/***************************************************
Home - Slider
****************************************************/
.slider { height: 342px; position: relative; }
.slider LI { list-style: none; width: 100%; }
.slider IMG { float: right; }
.slider { font-family: "frankie", "Franklin Gothic Medium", "Franklin Gothic", "ITC Franklin Gothic", Arial, sans-serif; margin-top: -28px !important; font-weight: 500; }
.slider SPAN.slider-normal { line-height: 30px; color: #000; font-size: 22px; text-shadow: 0px 0px 1px #000; display: block; margin-left: 30px; margin-top: 10px; }
.slider SPAN.slider-large { font-family: roboto, Helvetica, "Helvetica Neue", Arial, sans-serif; color: #FFF; font-size: 50px; line-height: 50px; text-shadow: 1px 1px 1px #1D1D1B; display: block; margin-top: 40px; margin-left: 30px; margin-bottom: 0; }
.slider .slider-large A, .slider A .slider-large { font-weight: 500; color: #E30613; }
.slider:hover .slider-large A, .slider:hover A .slider-large { font-weight: 500; color: #E30613; text-shadow: 1px 1px 1px #333333; }
.Home P { font-family: "Source Sans Pro", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 18px; font-weight: 400; }
.slider > DIV { margin-top: 0; position: absolute; top: 0; }
/***************************************************
Home Promos
****************************************************/
.promos { margin: 0px; }
.promos > LI > DIV { border: 1px solid #D9D9D9; margin: 0 auto; max-width: 467px; overflow: hidden; }
/*Left*/
.left-promo { position: relative; margin-top: 0; top: 0px; }
.left-promo IMG { width: 100%; margin-top: 0px; }
.left-promo IMG.promo-overlay { position: absolute; }
.left-promo .LeftPromoHeading { margin-top: 0; position: absolute; top: 0; font-family: roboto, Helvetica, "Helvetica Neue", Arial, sans-serif; font-style: italic; font-weight: 700; font-size: 47px; color: #FFF; line-height: 34px; margin: 9px 0 0 20px; text-shadow: 0 0 8px #333; }
.left-promo .LeftPromoHeading SPAN { display: block; }
.left-promo .LeftPromoText { height: 42px; font-family: roboto, Helvetica, "Helvetica Neue", Arial, sans-serif; color: #F19524; font-size: 33px; background: #383838; text-align: center; text-shadow: 1px 1px 4px #252D2E; font-weight: 600; line-height: 38px; }
.left-promo .LeftPromoText SPAN { margin-top: -10px; }
.left-promo > SPAN:first-child { margin-top: 0px; }
/*Mobile Alternative*/
.promos .show-for-small { height: auto; }
.LPMAH { display: table; width: 100%; background: #009FD6; font-family: roboto, Helvetica, "Helvetica Neue", Arial, sans-serif; font-style: italic; color: #FFF; font-weight: 700; font-size: 25px; height: 60%; line-height: 22px; padding-top: 10px; padding-bottom: 10px; }
.LPMAT { display: table; width: 100%; background: #383838; font-family: roboto, Helvetica, "Helvetica Neue", Arial, sans-serif; color: #F19524; height: 40%; font-weight: 500; }
.LPMAH > SPAN, .LPMAT > SPAN { padding: 10px; display: table-cell; vertical-align: middle; }
/***************************************************
Featured Categories
****************************************************/
.FeaturedCatItems { display: block; width: 100%; margin-top: 13px; }
.FeaturedCatItems > SPAN { vertical-align: top; display: inline-block; width: 22%; margin-left: 2.4%; height: 550px; background: #FAFAFA; margin-bottom: 50px; }
.FeaturedCatItems .CatTitle { height: 28px; margin-top: -28px; background: #1D1D1B; white-space: nowrap; position: relative; }
.FeaturedCatItems .CatTitle A { color: #FFF; font-family: roboto, Helvetica, "Helvetica Neue", Arial, sans-serif; font-size: 20px; text-transform: uppercase; font-weight: 500; }
.FeaturedCatItems .CatTitle A SPAN { padding: 0 17px 8px 17px; display: block; display: block; text-overflow: ellipsis; overflow: hidden; }
.FeaturedCatItems .SubCategoryListItem { height: 100%; border: 1px solid #D9D9D9; }
.FeaturedCatItems .SubCategoryListItem:before { position: relative; top: -28px; content: "  "; display: block; border-bottom: 7px solid #1D1D1B; width: auto; border-right: 7px solid transparent; margin-top: -7px; border-radius: 2px 0 0 0; behavior:   url("/Controls/PIE-2.0beta1/PIE.htc"); }
.FeaturedCatItems .CatImage { text-align: center; height: 92px; }
.FeaturedCatItems .CatImage IMG { vertical-align: middle; margin: -15px; display: block; width: 100%; position: absolute; }
.FeaturedCatItems .CatImage A { display: block; }
.FeaturedCatItems .CatContent { width: 100%; padding: 15px; }
.FeaturedCatItems .CatContent > .row { width: 100%; position: absolute; bottom: 0px; }
.FeaturedCatItems .CatDesc { margin-bottom: 10px; margin-top: 5px; line-height: 1.4; font-size: 15px; }
.FeaturedCatItems .CategoryLink { height: 100%; padding: 15px; position: relative; }
.FeaturedCatItems .SubCats { list-style-image: url('/data/default/templateimages/navigation-right.png?thumbnail=png&hght=10&wdth=10&mode=pad'); }
.FeaturedCatItems .shop-now { position: absolute; bottom: 15px; width: 190px; }
.FeaturedCatItems .shop-now:after { content: ""; display: block; width: 0; height: 0; border: outset 10px; border-color: transparent transparent transparent rgba(255, 255, 255, 1); border-top-style: solid; top: -18.5px; left: 60px; margin-left: auto; margin-right: auto; position: relative; }
.blue-gradient { background: #E30613; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIyMSUiIHN0b3AtY29sb3I9IiM1MmJlZTMiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI4NiUiIHN0b3AtY29sb3I9IiMwNGExZDciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #E30613 21%, #B40510 86%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(21%,#e30613), color-stop(86%,#b40510)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #E30613 21%, #B40510 86%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #E30613 21%, #B40510 86%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #E30613 21%, #B40510 86%); /* IE10+ */ background: linear-gradient(to bottom, #E30613 21%, #B40510 86%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#52bee3', endColorstr='#04a1d7',GradientType=0 ); /* IE6-8 */ border-radius: 4px; behavior:   url("/Controls/PIE-2.0beta1/PIE.htc"); height: 40px; color: #FFF !important; font-family: roboto, Helvetica, "Helvetica Neue", Arial, sans-serif; font-weight: 400 !important; font-size: 18px; width: 100%; text-align: center; display: block; position: relative; padding: 9px 0 8px 0; text-shadow: 0px 0px 1px #DDD; border: 1px solid; border-top-color: #E30613; border-left-color: #E30613; border-right-color: #B40510; border-bottom-color: #B40510; }
.blue-gradient:hover { border-top-color: #A6000A; border-left-color: #A6000A; border-right-color: #98030C; border-bottom-color: #98030C; box-shadow: inset 1px 1px 8px #98030C; behavior:   url("/Controls/PIE-2.0beta1/PIE.htc"); }
/***************************************************
Footer
****************************************************/
FOOTER { background: #1D1D1B; padding: 0 18px; }
FOOTER H3 { color: #FFFFFF; font-weight: 600; margin-bottom: 0.9rem; font-family: "Open Sans", "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 16px; }
FOOTER UL LI { list-style: disc; color: #FFF; }
FOOTER UL LI A:link, FOOTER UL LI A:visited { color: #FFF; }
FOOTER UL LI A, FOOTER UL LI SPAN { font-size: 13px; font-weight: 500 !important; line-height: 19px; display: block; }
FOOTER DIV.columns { padding: 30px 20px 15px 20px !important; border-right: 1px solid grey; }
FOOTER DIV.columns { height: 242px; }
FOOTER UL { margin-left: 0; }
FOOTER UL LI { list-style: none; }
FOOTER UL LI A:before { content: "."; font-size: 24px; vertical-align: text-top; line-height: 4px; padding: 0 7px 0 1px; }
FOOTER .Credit-Cards SPAN { color: #FFF; display: inline-block; font-style: italic; font-size: 11px; line-height: 12px; margin-top: 13px; }
FOOTER .Credit-Cards SPAN A { display: inline-block; font-style: italic; font-size: 11px; color: #ACACAC; line-height: 10px; }
FOOTER SPAN.copyright { font-family: Arial, sans-serif; color: #ACACAC; font-size: 12px; display: inline-block; padding: 15px; }
FOOTER SPAN.supplier { font-family: Arial, sans-serif; color: #ACACAC; font-size: 12px; display: inline-block; padding: 15px; }
FOOTER SPAN.supplier A { color: #ACACAC; }
FOOTER SPAN.copyright A { font-weight: 500; color: #ACACAC; }
/*Newsletter Sign Up*/
FOOTER DIV.columns.newsletter-signup { border: none; padding: 30px 25px 15px 25px !important; }
FOOTER .newsletter-signup .text { font-family: Arial, sans-serif; font-size: 13px; color: #EBEBEB; display: block; margin-top: 12px; }
FOOTER .newsletter-signup .heading { font-family: "Open Sans", "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #E30613; font-weight: bold; font-size: 18px; line-height: 25px; }
::-webkit-input-placeholder { font-family: "Open Sans", "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 500; font-size: 10pt; color: #7C7C7C; text-shadow: 0 0 2px #AAA; }
:-moz-placeholder { font-family: "Open Sans", "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 500; font-size: 10pt; color: #7C7C7C; text-shadow: 0 0 2px #AAA; }
::-moz-placeholder { font-family: "Open Sans", "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 500; font-size: 10pt; color: #7C7C7C; text-shadow: 0 0 2px #AAA; }
:-ms-input-placeholder { font-family: "Open Sans", "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 500; font-size: 10pt; color: #7C7C7C; text-shadow: 0 0 2px #AAA; }
FOOTER .newsletter-signup .TextBox { position: relative; background: #E1E1E1; border-radius: 5px; behavior:   url("/Controls/PIE-2.0beta1/PIE.htc"); box-shadow: inset 0 0 8px 2px #888; behavior:   url("/Controls/PIE-2.0beta1/PIE.htc"); border: none; height: 32px; }
FOOTER .newsletter-signup .TextBox:focus { box-shadow: 0 0 5px #999999; behavior:   url("/Controls/PIE-2.0beta1/PIE.htc"); }
FOOTER .orange-gradient { position: relative; z-index: 50; }
/*Orange Button Gradient*/
.orange-gradient { background: #E30613; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIzNSUiIHN0b3AtY29sb3I9IiNmNWI3NjkiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZjE5NTI0IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==); background: -moz-linear-gradient(top, #E30613 35%, #B40510 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(35%,#e30613), color-stop(100%,#b40510)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #E30613 35%, #B40510 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #E30613 35%, #B40510 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #E30613 35%, #B40510 100%); /* IE10+ */ background: linear-gradient(to bottom, #E30613 35%, #B40510 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#52bee3', endColorstr='#04a1d7',GradientType=0 ); /* IE6-8 */ border-radius: 4px; behavior:   url("/Controls/PIE-2.0beta1/PIE.htc"); border: 1px solid; border-top-color: #E30613; border-left-color: #E30613; border-right-color: #B40510; border-bottom-color: #B40510; font-family: roboto, Helvetica, "Helvetica Neue", Arial, sans-serif; font-weight: 500; font-size: 12pt; color: #FFF; padding: 3px 16px 6px 16px; text-shadow: 1px 1px 1px #7C5425; }
.orange-gradient:hover { border-top-color: #A6000A; border-left-color: #A6000A; border-right-color: #98030C; border-bottom-color: #98030C; box-shadow: inset 1px 1px 8px #98030C; behavior:   url("/Controls/PIE-2.0beta1/PIE.htc"); }
#PoweredBy { font-size: 12px; line-height: 40px; height: 36px; }
/*************************************************
CONTENT PAGE
/**************************************************/
.page-content { padding-top: 5px; padding-bottom: 40px; padding-left: 30px; padding-right: 30px; line-height: 1.4em; }
.page-content H2 { font-family: roboto, Helvetica, "Helvetica Neue", Arial, sans-serif; font-weight: 500; font-size: 22px; margin-top: 18px; margin-bottom: 12px; }
.page-content H3 { font-family: roboto, Helvetica, "Helvetica Neue", Arial, sans-serif; font-weight: 600; font-size: 19px; margin-top: 15px; margin-bottom: 10px; }
.page-content TABLE { width: 100%; border: none; }
.page-content TABLE TD { width: 33%; }
.page-content TABLE TD IMG { width: 100%; height: auto !important; }
/*************************************************
CONTACT PAGE
/**************************************************/
.contact-form { background: #F5F5F5; border: 1px solid #D9D9D9; padding-bottom: 30px !important; margin-bottom: 0px; }
.form-head { margin-bottom: 36px !important; height: 45px; background: #3F3F3F url("/Data/Default/TemplateImages/form-heading-bg.jpg") no-repeat right center; }
.form-head SPAN, .form-head H3 { color: #FFF; font-family: Arial, sans-serif; font-size: 20px; font-weight: 600; display: inline-block; padding: 15px 13px; }
.contact-form LABEL { font-family: Arial, sans-serif; font-size: 19px; color: #383838; }
.contact-btn { height: 35px; line-height: 17px; }
.contact-content { font-family: "Source Sans Pro", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 22px; font-weight: 600; font-style: italic; text-align: center; margin: 20px auto 30px auto; }
.contact-right .address TABLE { border: none; margin: 20px auto; }
.contact-right .address TABLE TR TD { color: #383838; }
.contact-right { margin-top: 30px; }
.maps-link { padding: 8px; }
/* Flexible iFrame */
.Flexible-container { position: relative; padding-bottom: 26.25%; padding-top: 0px; height: 0; overflow: hidden; border: 1px solid #D9D9D9; }
.Flexible-container IFRAME, .Flexible-container OBJECT, .Flexible-container EMBED { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
/*************************************************
Search / Product Lists
/**************************************************/
.search-content { border-left: 1px solid #EFEFEF; height: 100%; }
.product-list .product-name { font-family: roboto, Helvetica, "Helvetica Neue", Arial, sans-serif; font-weight: 500; color: #383838; font-size: 23px; }
.product-list .view-detail { padding-top: 6px; border-radius: 4px 4px 0 0; behavior:   url("/Controls/PIE-2.0beta1/PIE.htc"); font-size: 17px; line-height: 17px; height: 33px; width: 120px; }
.product-list .list-image-box { width: 45%; padding-right: 0px !important; padding-left: 10px; }
.product-list .product-item { border: 1px solid #D9D9D9; padding: 15px 15px 40px 15px; min-height: 266px; height: auto; position: relative; background: #FFF; }
.product-list .view-detail { position: absolute; right: 19px; bottom: 0; }
.product-list .product-details { padding: 0.5rem; }
.product-list .product-desc { font-size: 15px; line-height: 20px; padding-top: 15px !important; }
.product-list .detail-title { font-family: roboto, Helvetica, "Helvetica Neue", Arial, sans-serif; font-weight: 600; font-size: 13px; text-transform: uppercase; display: block; }
.large-block-grid-2 > LI.product-item-container:nth-of-type(n) { padding: 0 20px 5px 5px; }
.large-block-grid-2 > LI.product-item-container:nth-of-type(2n+1) { padding: 0 3px 10px 15px; }
.product-list .pricing-from { color: #E30613; font-weight: bold; font-size: 16px; }
.RegularPrice, .product-list .regular-price { font-size: 12px; color: #800; text-decoration: line-through; }
.product-list .price { font-weight: bold; font-size: 16px; }
.product-list .SalePrice { color: red; }
.sub-nav-container { margin-left: 12px; font-weight: normal !important; }
.sub-nav-container .sub-nav A { font-weight: normal !important; }
.product-list .has-tip { bottom: 5px; position: relative; }
/*************************************************
PAGING
/**************************************************/
.Paging { font-family: roboto, Helvetica, "Helvetica Neue", Arial, sans-serif; font-weight: 500; font-size: 13px; }
.pagination-centered UL.pagination LI A { background: none; }
.Paging UL.pagination LI A { background: none; }
DIV.bottom-paging-container { max-width: 1300px; background: #FFF; height: 50px; }
UL.pagination.bottom { margin-right: 15px; float: right; }
UL.pagination.right { position: absolute; right: 15px; top: -38px; }
UL.pagination { margin: 0px; line-height: 58px; }
UL.pagination LI A { color: #E30613; }
UL.pagination LI.current A { background: none; color: #221F1F; }
UL.pagination LI.current A:hover { background: none; color: #221F1F; }
.SortPagination { margin-bottom: 20px; }
/*************************************************
Product Page
/**************************************************/
.product-content .product-description { font-size: 15px; }
.product-content .product-sku { font-family: roboto, Helvetica, "Helvetica Neue", Arial, sans-serif; font-size: 14px; color: #383838; }
.product-content .attribute-grid TABLE { font-family: Arial, sans-serif; margin-bottom: 0; }
.product-content .attribute-grid TABLE TH { font-weight: 600; font-size: 14px; background: #CCCCCC; padding: 5px 16px 5px 15px; }
.product-content .attribute-grid TABLE TH:first-child { content: "Length"; padding: 15px 27px; }
.product-content .attribute-grid TABLE TD { background: #F5F5F5; border: 1px solid #D9D9D9; font-size: 14px; }
.product-content .attribute-grid TABLE TD.ImageCell .Text { font-size: 19px; }
.product-content .attribute-grid TABLE TD SPAN { width: 40px !important; }
.product-content .attribute-grid TABLE TD INPUT { color: #DC7E22; font-size: 17px; text-align: center; }
.product-content .attribute-grid.scrolly { overflow-x: scroll; }
.product-content .attribute-grid .scrollPush { height: 0px; margin-top: -27px; position: absolute; }
.product-content .right-shadow-overlay { box-shadow: inset -10px 0 10px -10px #555; behavior:   url("/Controls/PIE-2.0beta1/PIE.htc"); height: 100%; width: 7px; position: absolute; right: 0; z-index: 100; }
.product-content .attribute-grid .AdditionalInfo { float: right; font-size: 11px; padding-top: 5px; padding-left: 5px; }
.product-content .attribute-grid .Pricing { float: left; }
.product-content .left-shadow-overlay { box-shadow: inset 10px 0 10px -10px #555; behavior:   url("/Controls/PIE-2.0beta1/PIE.htc"); height: 100%; width: 7px; position: absolute; left: 0; z-index: 100; }
.product-content .scrolly { padding-left: 0px !important; padding-right: 0px !important; }
.product-content .product-info { margin: 10px 0; }
.product-content .product-info .detail-title { line-height: 20px; }
.product-content TR.firstRow, .attribute-grid TABLE TR:first-child { background: #CCCCCC; }
.product-content .prod-desc-container { margin-bottom: 20px; }
.product-content .add-cart-btn { margin: 17px !important; display: block !important; float: right; }
.product-content .add-cart-btn-sm { padding: 3px 16px 6px 16px; width: auto; font-size: 11px !important; height: auto; margin-bottom: 8px; }
.product-content H3.ProductSectionHeading { font-weight: bold; font-size: 16px; text-transform: uppercase; }
.product-content .product-details-box { background: #FFF; border-radius: 10px; behavior:   url("/Controls/PIE-2.0beta1/PIE.htc"); padding: 10px; margin-bottom: 30px !important; behavior:   url("/Controls/PIE-2.0beta1/PIE.htc"); }
.product-content .order-section .dropdown, .order-section INPUT { border-radius: 8px; behavior:   url("/Controls/PIE-2.0beta1/PIE.htc"); }
.product-content .product-description .order-section { border-bottom: 1px solid #BF7504; }
.product-content .product-description .order-section .custom.dropdown.open { border-radius: 8px 8px 0px 0px; behavior:   url("/Controls/PIE-2.0beta1/PIE.htc"); }
.product-content .product-description .order-section .custom.dropdown .selector:after { content: ""; display: block; width: 0px; height: 0px; border: 10px inset; border-color: #BF7504 transparent transparent; border-top-style: solid; position: absolute; top: 48%; left: 3px; }
.product-content .product-description .order-section .custom.dropdown:hover .selector:after { content: ""; display: block; width: 0px; height: 0px; border: 10px inset; border-color: #353535 transparent transparent; border-top-style: solid; position: absolute; top: 48%; left: 3px; }
.product-content .product-description .order-section .custom.dropdown:focus .selector:after { content: ""; display: block; width: 0px; height: 0px; border: 10px inset; border-color: #353535 transparent transparent; border-top-style: solid; position: absolute; top: 48%; left: 3px; }
.product-content .product-description .order-section .current, .product-description .order-section > DIV:first-child INPUT { font-size: 16px; font-weight: bold; color: #221F1F !important; height: 35px; }
.product-content .product-description .order-section .dropdown, .product-description .order-section > DIV:first-child INPUT { font-size: 16px; font-weight: bold; color: #221F1F !important; height: 35px !important; }
.product-content .product-description .order-section > DIV:first-child INPUT { text-align: center; }
.product-content .StatusMsg, .stock-message { text-align: right; font-weight: bold; display: block; color: #FF0000; padding-bottom: 5px; }
.product-content .pricing SPAN { color: #1C76B9; font-size: 14px; font-weight: normal; }
.product-content .pricing .per { display: inline-block; margin-bottom: 5px; }
.product-content .pricing .bigPrice { font-size: 25px; }
.product-content .details SPAN { font-weight: normal; }
.product-content .bold { font-weight: bold !important; }
.product-content .add-ons { padding-top: 13px; }
.product-content .coupon { padding: 0px; margin-bottom: -12px; margin: 50px 25px -26px 0; }
.product-content .size-table { height: 148px; background-color: #FF0000; margin-bottom: 41px; margin-top: 23px; }
.product-content .Price { margin-bottom: 5px; font-size: 13px; font-weight: bold; }
.product-content .QtyLabel { float: left; line-height: 36px; margin-left: 5px; font-size: 12px; font-weight: bold; }
.product-content .Qty { float: left; }
.product-content .PacketLink { font-size: 10px; line-height: 1.2; font-weight: normal; }
.product-content .enquiryLink { margin-top: 20px; font-family: roboto, Helvetica, "Helvetica Neue", Arial, sans-serif; font-size: 23px; font-weight: 500; color: #383838; margin-bottom: 16px; }
.product-content .backToListLink { margin-top: 5px; }
.product-content .arrow-down { margin-top: 8px; font-size: 14px; font-weight: 600; }
.product-content .arrow-down:after { content: "\2193"; padding-left: 3px; font-weight: 400; font-size: 20px; display: inline-block; line-height: 16px; }
.product-content .arrow-right:after { content: "\2192"; padding-left: 3px; font-weight: 400; font-size: 20px; display: inline-block; line-height: 16px; }
/*************************************************
CHECKOUT
/**************************************************/
.Steps .Passive { margin-right: 10px; display: inline-block; padding: 5px 8px; font-size: 16px; text-transform: uppercase; margin: 0; }
.Steps .Active { font-weight: bold; margin-right: 10px; display: inline-block; background: #F5F5F5; color: #383838; padding: 4px 8px 6px; font-size: 16px; text-transform: uppercase; margin: 0; }
.Steps .Active.step3 { border-right: 6px solid #BF7504; }
.checkout-page-container > TABLE { border: 0px solid; background-color: #FFFFFF; }
.checkout-page-container > TABLE > TD { border: 0px solid; background-color: #FFFFFF; }
.checkout-page-container > TABLE > TBODY > TR.even, .checkout-page-container > TABLE > TBODY > TR.alt, .checkout-page-container > TABLE > TBODY > TR:nth-of-type(even) { background: none; }
.checkout-table { width: 100%; }
.checkout-tax-message { font-size: 15px; font-weight: bold; }
.total-table TH { text-align: left; font-weight: normal; font-size: 13px; }
.total-table TD { text-align: right; font-weight: normal; font-size: 13px; }
.Checkout .Form { padding: 15px; border: 0px solid #E0EAF4; }
.Checkout .Form .FormTitle { font-family: Arial, sans-serif; color: #333; font-size: 20px; color: #0084C5; letter-spacing: -1px; font-weight: normal; font-style: normal; }
.quantity { display: none; padding-left: 39px; padding-right: 29px; margin-bottom: -2px; margin-right: 25px; margin-left: -16px; }
.addcart-btn { height: 35px; padding: 0px 15px 0px 13px; }
.social-buttons LI { margin: 7px 7px 0px 4px; padding: 0px; }
.sale-sticker { position: absolute; top: -3px; right: 17px; display: none; }
.checkout-page-container > TABLE { display: block; }
.checkout-page-container > TABLE > TBODY { display: block; }
.checkout-page-container > TABLE > TBODY > TR { display: block; }
.checkout-page-container > TABLE > TBODY > TR > TD { display: block; }
/*************************************************
ACCOUNT
/**************************************************/
#Account .Form .account-btn { position: absolute; right: 16px; }
.search-btn { font-weight: 100; /*[disabled]font-size:14px;*/ height: 27px; margin-left: -4px; padding-left: 8px; }
.search-btn I { font-style: normal; padding-left: 6px; }
SMALL.error { background: none; color: #FF0000; font-size: 15px; font-weight: normal; width: auto; max-width: 300px; line-height: 22px; margin-bottom: 5px; padding: 0px; }
.view-order-btn { position: relative !important; float: right; }
#Account TABLE TR.even, #Account TABLE TR.alt, #Account TABLE TR:nth-of-type(even), #Account TABLE { border: 1px solid #D9D9D9; background: #F5F5F5; }
#Account .Form { padding: 15px; position: relative; }
.HeaderStyle TH { background: #CCC; }
.newsletter-form IMG { display: none; }
.newsletter-form INPUT[type=checkbox] { margin-right: 10px; }
.newsletter-form TABLE { margin-bottom: 0px; }
.newsletter-form TABLE, .newsletter-form TABLE TR { border: none !important; background: none !important; }
#ContentContainer { padding: 0 0 0 15px; }
#Account LABEL { max-width: 300px; font-size: 14px; color: #221F1F; cursor: auto; }
#Account INPUT { border-radius: 3px; behavior:   url(Controls/PIE-2.0beta1/PIE.htc); max-width: 300px; }
#feature-img { max-height: 100%; max-width: 100%; width: auto; height: auto; }
.related-details { padding-right: 0px; line-height: 13px; font-size: 11px; margin: 0px; padding: 0px; }
.related-products { margin-bottom: 59px; margin-top: 1px; }
.related-image { display: inline; width: 63px; margin-top: 9px; margin-bottom: 6px; }
.related-title { font-size: 22px; font-weight: 600; }
/*--Account --*/
/*--Home Drop Down Menu--*/
/*.small-brand{ font-weight: 100; font-size: 17px;}
.brand-menu UL, .brand-menu UL LI{ list-style: none;}
.brand-menu UL{ position: relative; padding: 0; margin: 0;}
.brand-menu .sub UL{ display: block;}
.white{ z-index: 999;}
.white UL.brand-menu, .white UL.brand-menu, .white UL.brand-menu LI{ margin: 0; padding: 0; border: none; list-style: none;}
.white UL.brand-menu{ width: 100%; height: 37px; position: relative; z-index: 999;}
.white UL.brand-menu LI{ float: left; margin: 0; padding: 0; font-size: 13px; font-weight: bold;}
.white UL.brand-menu LI A{ float: left; display: block; color: #FFFFFF; text-decoration: none; font-size: 28px; font-weight: 100; /*[empty]font-family:;*/
/*margin-left: 91px; margin-top: 3px;}
.white UL.brand-menu LI A:after{}
.white UL.brand-menu LI A .dc-mega-icon{ display: none;}
.white UL.brand-menu LI A{}
.white UL.brand-menu LI.mega-hover A, .white UL.brand-menu LI A:hover{ color: #B4E188; /*border-right: 1px solid #CCC; border-left: 1px solid #CCC;*/
/*}*/
/*LI.dc-mega-li A.drop-down-menu.dc-mega:after{ content: "\25BC"; font-size: 21px; padding-left: 0px; margin-left: 12px;}
.brand-menu LI A.drop-down-menu{}
.brand-menu LI A.drop-down-menu{}
.dc-mega{}
.white UL.brand-menu LI.mega-hover A .dc-mega-icon{ background-position: 0 100%;}
.white UL.brand-menu LI .sub-container{ position: absolute; padding-left: 20px; margin-left: -3px;}
.white UL.brand-menu LI .sub{ padding: 0 20px 20px 10px; background-color: #FFFFFF; z-index: 999;}
.white UL.brand-menu LI .sub-container.mega .sub{ padding: 10px 20px 10px 0; margin-top: 12px; position: relative; height: auto; /*[empty]background:;*/
/*width: 100%;}*/
/*.white UL.brand-menu LI .sub .row{ width: 100%;*/
/*[disabled]overflow:hidden;*/
/*clear: both; height: 100%;}
.white UL.brand-menu LI .sub LI{ list-style: none; float: none; width: 155px; font-size: 1em; font-weight: normal;}
.white UL.brand-menu LI .sub LI.mega-hdr{ margin: 0 5px 10px; float: left;}
.white UL.brand-menu LI .sub LI.mega-hdr.last{ margin-right: 0;}
.white UL.brand-menu LI .sub A{ background: none; padding: 7px 10px; display: block; float: none; text-decoration: none; font-weight: normal; font-size: 0.9em;}
.white UL.brand-menu LI .sub LI.mega-hdr A.mega-hdr-a{ padding: 5px 5px 5px 15px; margin-bottom: 5px; text-transform: uppercase; font-weight: bold; color: #000;}
.white UL.brand-menu LI .sub LI.mega-hdr A.mega-hdr-a:hover{ text-shadow: none;}
.white UL.brand-menu .sub LI.mega-hdr LI A{ padding: 4px 5px; font-weight: normal; margin-left: 15px; text-transform: capitalize;}
.white UL.brand-menu .sub LI.mega-hdr LI A:hover{ color: #B4E188;}
.white UL.brand-menu .sub UL LI{ padding-right: 0;}
.white UL.brand-menu LI .sub-container.non-mega .sub{ padding: 15px;}
.white UL.brand-menu LI .sub-container.non-mega LI{ padding: 0; width: 190px; margin: 0;}
.white UL.brand-menu LI .sub-container.non-mega LI A{ padding: 5px 4px 5px 8px;}
.white UL.brand-menu LI .sub-container.non-mega LI A:hover{ color: #000; background-color: #FFCC33;}
UL.brand-menu .row{ padding: 0;}
UL.brand-menu .row IMG{ padding-bottom: 5px;}*/
/*************************************************
--OFF CANVAS MENU--
/*************************************************/
BODY.off-canvas { padding: 0; margin: 0; }
.container { width: 100%; }
.off-canvas-row { overflow: hidden; }
.row .row { overflow: visible; /*[empty]margin:;*/ }
.paneled .container { overflow: hidden; }
.paneled .row { width: 100%; }
[role="main"]:before { content: " "; position: absolute; z-index: -1; top: 0; left: -100%; width: 100%; height: 100%; }
[role="complementary"], [role="main"] { width: 100%; padding: 0 15px; display: block; position: relative; z-index: 1; -webkit-transition: 0.25s all ease-in; -moz-transition: 0.25s all ease-in; -o-transition: 0.25s all ease-in; transition: 0.25s all ease-in; }
.paneled [role="main"] { padding: 0; }
.page-panel { width: 100%; padding: 0 15px; -webkit-transition: 0.3s margin ease-in-out; -moz-transition: 0.3s margin ease-in-out; -o-transition: 0.3s margin ease-in-out; transition: 0.3s margin ease-in-out; background: #FFF; }
#switchPanels { margin: 0 -15px; }
.hide-extras [role="complementary"] { display: block; }
[role="navigation"]#topMenu { -webkit-transition: 0.25s all ease-in; -moz-transition: 0.25s all ease-in; -o-transition: 0.25s all ease-in; transition: 0.25s all ease-in; }
[role="navigation"]#topMenu UL { margin-top: 0; }
[role="complementary"] { margin-left: -100%; width: 40%; float: left; z-index: 2; }
[role="main"] { margin-left: 0; float: right; z-index: 1; position: relative; border-left: 1px solid #EFEFEF; }
.paneled [role="main"] { background: #FFF; width: 500%; overflow: hidden; float: none; position: relative; left: 0; -webkit-transition: 0.15s all ease-in; -moz-transition: 0.15s all ease-in; -o-transition: 0.15s all ease-in; transition: 0.15s all ease-in; }
.page-panel { min-height: 400px; float: left; margin: 0; width: 20%; }
.active [role="complementary"] { margin-left: 0; }
.active [role="main"] { margin-right: 0%; }
.active-menu [role="navigation"]#topMenu { margin-top: 0 !important; }
.cat-nav-large { width: 24%; }
.main { width: 76%; float: right; border-left: 1px solid #EFEFEF; padding: 0 15px; }
#sidebarButton { height: 50px; padding: 15px; text-align: center; border-radius: 0; behavior:   url("/Controls/PIE-2.0beta1/PIE.htc"); }
#sidebarButton:hover { color: #383838; text-shadow: none; }
.exit-off-canvas { box-shadow: none !important; behavior:   url("/Controls/PIE-2.0beta1/PIE.htc"); border-left: 1px solid #EFEFEF; }
.exit-off-canvas:hover #sidebarButton { color: #383838; text-shadow: none; }
.cat-btn-hover { color: #383838; text-shadow: none; border-top-color: #B56A0D; border-left-color: #B56A0D; border-right-color: #F7C586; border-bottom-color: #F7C586; box-shadow: inset 1px 1px 8px #7C5425; behavior:   url("/Controls/PIE-2.0beta1/PIE.htc"); }
.left-off-canvas-menu { background: #FFF; }
/**************************************************
CATEGORY TREEVIEW
/**************************************************/
.CategoryTreeView { padding-left: 5px; font-family: roboto, Helvetica, "Helvetica Neue", Arial, sans-serif; padding-top: 12px; }
.CategoryTreeView A { font-size: 14px !important; line-height: 18px; font-weight: 500; padding-left: 15px; display: block; margin: 6px 0; }
.CategoryTreeView A:link { text-decoration: none; }
.CategoryTreeView A:visited { width: 0px; }
.CategoryTreeView A:hover { text-decoration: none; }
.CategoryTreeView .Title { }
.CategoryTreeView .TreeView { padding-left: 0px; }
.CategoryTreeView H3 { font-family: roboto, Helvetica, "Helvetica Neue", Arial, sans-serif; font-size: 20px; font-weight: 500; color: #383838; padding-left: 15px; }
DIV.AspNet-TreeView UL { list-style: none; }
.CategoryTreeView .AspNet-TreeView UL LI.AspNet-TreeView-Selected > A { background: #383838; color: #FFF; font-weight: 600; display: block; padding: 4px 0px 4px 15px; }
.CategoryTreeView .AspNet-TreeView UL LI.AspNet-TreeView-Selected > A:after { content: "\2192"; padding-left: 3px; font-weight: 400; font-size: 20px; display: inline-block; line-height: 16px; }
.CategoryTreeView .AspNet-TreeView UL LI IMG { display: none; }
.CategoryTreeView UL { margin-left: 10px; }
.CategoryTreeView .AspNet-TreeView-Hide { display: none; }
.AspNet-TreeView-Expand, .AspNet-TreeView-Collapse { cursor: pointer; margin-top: 4px; width: 0px; height: 0px; border: 5px inset; display: block; float: left; border-color: transparent; }
.AspNet-TreeView-Collapse { border-color: #383838 transparent transparent transparent; margin-top: 6px; }
.AspNet-TreeView-Expand { border-color: transparent transparent transparent #383838; }
.AspNet-TreeView-Selected .AspNet-TreeView-Collapse { border-color: #FFFFFF transparent transparent transparent; margin: 12px 5px 0; }
.AspNet-TreeView-Selected .AspNet-TreeView-Expand { border-color: #FFFFFF transparent transparent transparent; margin: 7px 5px 0; }
.AspNet-TreeView-ParentSelected .AspNet-TreeView-Expand { border-color: transparent transparent transparent #FFFFFF; margin: 4px 5px 0; }
/*SEARCH BAR
/**************************************************/
/*.search-section FIELDSET{ border: none; margin-top: 0px; padding-top: 7px; width: 100%;}
.disp-none{ display: none;}
.search-section H2{ font-family: "Roboto Condensed", sans-serif; color: #E7D296; font-size: 14px; margin: 0px 0px 4px 15px;}
.search-section .search-button-go{ color: #FFF; font-family: Arial; font-weight: 600; background-color: #8FB25D; border: 2px solid #799E43; border-radius: 29px; behavior: url("/Controls/PIE-2.0beta1/PIE.htc"); padding: 4px 6px 8px; font-style: italic; font-size: 15px; margin-left: 5px;}*/
/*.search-button-go:hover, .search-button-go:focus{ background: #799E43; color: #FFF;}*/
/*.search-section .search-button-go, x:-moz-any-link*/
/*#INVALID-RULE{ padding: 4px 4px 8px;}*/
/*.search-section FIELDSET > DIV.row{ max-width: 930px; margin: 0 auto;}
.search-section .search-keyword{ font-family: raleway; font-size: 14px; padding: 4px 7px; height: 28px; border-radius: 3px; width: 167px;}
.search-section .search-keyword::-webkit-input-placeholder{ color: #A8A8A8;}
.search-section .search-keyword:-moz-placeholder{ color: #A8A8A8;}
.search-section .search-keyword::-moz-placeholder{ color: #A8A8A8;}
.search-section .search-keyword:-ms-input-placeholder{ color: #A8A8A8;}
.search-section FIELDSET .row .gradient{ background: #A7C271; /*Old browsers*/
/*background: -moz-linear-gradient(top, #a7c271 0%, #78a24a 100%); /*FF3.6+*/
/*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a7c271), color-stop(100%,#78a24a)); /*Chrome,Safari4+*/
/*background: -webkit-linear-gradient(top, #a7c271 0%,#78a24a 100%); /*Chrome10+,Safari5.1+*/
/*background: -o-linear-gradient(top, #a7c271 0%,#78a24a 100%);*/
/*Opera 11.10+*/
/*background: -ms-linear-gradient(top, #a7c271 0%,#78a24a 100%);*/
/*IE10+*/
/*background: linear-gradient(to bottom, #a7c271 0%,#78a24a 100%);*/
/*W3C*/
/*.search-section FIELDSET .row .custom.dropdown{ border: none; border-radius: 5px; behavior: url("/Controls/PIE-2.0beta1/PIE.htc"); width: 134px; height: 28px; padding: 0px 5px; font-size: 16px; box-shadow: 0px 2px 5px #99690B;}
.search-section FIELDSET .row .custom.dropdown.open{ border-radius: 5px 5px 0px 0px; behavior: url(/Controls/PIE-2.0beta1/PIE.htc);}
.search-section FIELDSET .row .custom.dropdown .current{ color: #FFF; line-height: 28px;}
.search-section FIELDSET .row .custom.dropdown UL{ border: 1px solid #808080; left: -1px; background: #FFF; border-radius: 0px 0px 5px 5px; behavior: url(/Controls/PIE-2.0beta1/PIE.htc); top: 27px;}
.search-section FIELDSET .row .custom.dropdown LI{ width: 117px; cursor: pointer; color: #BF7504;}
.search-section FIELDSET .row .custom.dropdown LI:hover{ background: #EEEEEE; color: #BF7504;}
.search-section FIELDSET .row .custom.dropdown A{ cursor: pointer;}
.search-section FIELDSET .row .custom.dropdown .selector:after{ margin-top: -6px; border-color: #D3E1BF transparent transparent;}
.search-section FIELDSET .row .custom.dropdown:hover .selector:after{ border-color: #BF7504 transparent transparent;}
.search-section FIELDSET .row .custom.dropdown.open .selector:after{ border-color: #BF7504 transparent transparent;}
.search-section FIELDSET .row .custom.dropdown LI.selected{ background: none; color: #BF7504;}
.search-section FIELDSET .row .custom.dropdown LI.selected:hover{ background: none; color: #BF7504;}
.search-section FIELDSET > .row > DIV:last-child{ padding-right: 0px; padding-left: 20px;}
.search-section FIELDSET > .row > DIV:last-child > DIV{ padding-right: 0px;}
.search-section FIELDSET > .row SELECT OPTION{ color: #BF7504;}
.search-section FIELDSET > .row > .show-for-medium H2{ display: inline;}
.search-section FIELDSET > .row > .show-for-medium DIV{ display: inline; margin: 0 10px 0;}
.search-section FIELDSET > .row > .show-for-medium INPUT{ display: inline;}*/
/*@media only screen and (max-width: 1279px) {
.logo-container IMG {
top: 0px;
}

.search-section {
height: 66px;
}
}

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


.search-section {
margin-top: 25px;
}
}*/
.search-bar .search-container { max-width: 930px; width: 100%; margin-left: auto; margin-right: auto; }
.search-bar #search-drop { display: inline-block; height: 80px; line-height: 22px; max-width: 930px; margin-left: auto; margin-right: auto; width: 100%; }
/*************************************************
SEARCH PAGE
/**************************************************/
.search-page H2 { color: #221F1F; }
.search-page .search-keyword { width: 134px; }
.search-page .search-button-go { margin-left: 10px; }
.search-page FIELDSET .row .custom.dropdown { width: 123px; height: auto; box-shadow: 0px 2px 5px #A8A8A8; behavior:   url("/Controls/PIE-2.0beta1/PIE.htc"); }
.search-page FIELDSET .row .custom.dropdown UL { width: 121px; z-index: 900; position: relative; left: -5px; top: 0px; }
/*@media only screen and (max-width: 1023px) {
.search-page .search-button-go {
margin-left: 0px;
}

.search-page FIELDSET > .row > DIV:last-child {
padding: 0 0.5em;
}
}*/
.search-page FIELDSET .row .custom.dropdown.open { border-radius: 5px; behavior:   url("/Controls/PIE-2.0beta1/PIE.htc"); }
.search-page { height: auto; }
/*************************************************
BRAND PAGING
/**************************************************/
LI.top-paging, LI.bottom-paging { position: absolute; right: 20px; font-family: Arial, sans-serif; }
LI.bottom-paging { bottom: -24px; }
LI.top-paging { top: -27px; }
LI.top-paging A, LI.bottom-paging A { display: inline !important; }
/*************************************************
BRAND PRODUCT LISTS
/**************************************************/
.brand-info { padding: 0px 23px !important; }
.brand-logo { padding: 0px; margin: 0 0 10px; float: left; height: auto; width: 100px; }
.brand-desc { font-size: 18px; font-weight: bold; }
.brand-longdesc { font-size: 14px; }
.brand-descs DIV { margin-bottom: 15px; }
/***************************************************
Cart & Checkout
****************************************************/
.checkout INPUT { font-size: 13px; margin: 0; }
.checkout .newsletter TABLE { margin: 0; }
.checkout .newsletter TD { padding: 0; }
TABLE.TableContainer TR.even, TABLE.TableContainer TR.alt, TABLE.TableContainer TR:nth-of-type(even) { background: none; }
TABLE.TableContainer { min-width: 430px; border: none; margin: 0; }
.TableContainer TD, .price-table TABLE TD { background: #F5F5F5; border: 1px solid #D9D9D9; }
TABLE.TableContainer TR { border-top: 1px solid #D9D9D9; }
TABLE.TableContainer A { font-size: 14px; }
TABLE.TableContainer TR.Header { border: none; color: #FFF; background: #CCC; }
TABLE.TableContainer TR.Header TH { color: #383838; text-transform: uppercase; font-weight: 600; font-family: roboto, Helvetica, "Helvetica Neue", Arial, sans-serif; font-size: 14px; }
TABLE.TableContainer IMG { text-align: center; max-height: 100px; }
.coupon-div { margin-bottom: 25px; margin-top: 10px; }
.TableContainer INPUT.Quantity, .coupon-div INPUT { max-width: 300px; border-radius: 3px; behavior:   url("/Controls/PIE-2.0beta1/PIE.htc"); font-size: 14px; padding: 4px 7px; }
.TableContainerOuter.scrolly { overflow-x: scroll; }
.account-btn { margin-top: 3px; margin-bottom: 3px; display: inline-block; }
.price-table TABLE TR.even, .price-table TABLE TR.alt, .price-table TABLE TR:nth-of-type(even) { background: none; }
.checkout-table-container.scrolly { overflow-x: scroll; }
.checkout-table { min-width: 450px; margin: 0px; }
.checkout-table THEAD { background: #BF7504; text-transform: uppercase; }
.checkout-table THEAD TR TH { background-color: #CCC; color: #383838; font-size: 15px; }
.checkout-table TR TD { font-size: 15px; background: #F5F5F5; border: 1px solid #D9D9D9; }
.checkout .custom.dropdown { max-width: 300px; }
.checkout .Error { color: #FF0000; }
.error > SMALL, .error SMALL.error { color: #FF0000; background: none; font-size: 14px; }
SPAN.error, SMALL .error { background: none; }
TABLE TR TH, TABLE TR TD { font-size: 1em; }
/***************************************************
Attribute Grid Sticky Header
****************************************************/
.hide { display: none; }
DIV.stickyHeader { top: 0; position: fixed; _position: absolute; }
/***************************************************
Login Page
****************************************************/
.login-box .form-head, .express-box .form-head, .register-box .form-head, .billing .form-head, .shipping .form-head, #Account .form-head { margin: -20px -20px 20px -20px !important; }
.form-head H3 { padding: 8px 15px; }
.account-btn { padding: 3px 16px 6px 16px; width: auto; font-size: 16px !important; height: auto; margin-bottom: 10px; }
.billing SELECT, .shipping SELECT { background-color: #FFF; }
/***************************************************
Aside Dropdown Arrows
****************************************************/