/*
 Filename:	style.css
 Version:	 1.9

 Copyright 1999 - 2026 JADE International, Inc.
*/

/* Reset bunch of set to know values */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
ol, ul {
	list-style: none;
}

@import url(//fonts.googleapis.com/css?family=Libre+Baskerville:400,700,400italic);

body {font-family: 'Libre Baskerville', serif;background:#FFF;}
.rc {-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-khtml-border-radius:3px;}
.color1 {color:#2e489d!important;}
.color1bg {background-color:#2e489d!important;}
.color2 {color:#c23120!important;}
.color2bg {background-color:#c23120!important;}

#header {margin-top:0; background: #4C4D4F; height:278px;}
#header-top {border-top:7px solid #d02700;display:block;width:100%; border-bottom:1px dotted #4C4D4F;}
#header-socials {float:left;padding-top:9px;}
#header-socials i {background:#d02700;color:#FFF;height:30px;width:30px;margin:0 0 0 9px;}
#header-cart, #header-checkout {float:right;display:block;text-decoration:none;color:#989898;}
#header-cart {background:#d02700;font-family:'Arial',sans-serif;color:#FFF;padding:10px 17px;margin:0 20px;}
#header-checkout {font-family:'Arial',sans-serif;padding:10px 0;}
#header-bottom {height:7px;background:#d02700;display:block;width:100%;}
#header-nav {width:100%;height:50px;margin-top:30px;background:#414141;border-bottom:1px dotted #4C4D4F;border-bottom:1px dotted #4C4D4F;}

#header-logo {position:relative; height:150px; }
#header-logo #logo-bg {width:100%; height:150px; opacity:1.0;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
#header-logo #logo {position:absolute;top:-6px;left:50%;margin-left:-100px;width:200px;opacity:1.0;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
#header-logo:hover #logo {opacity:1.0;}
#header-logo:hover #logo-bg {opacity:1.0;}
#promo {background:#CCC;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
#promo-img {width:100%;opacity:1.0;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
#promo:hover {background:#FFF;}
#promo:hover #promo-img {opacity:1.0;}
#welcome {background:#FFF;text-align:center;font-size:20px;line-height:26px;padding:50px 40px 35px 40px;color:#555;letter-spacing:0.5px;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
#welcome:hover {color:#686868;}
#featured {background:#FFF;}
#featured-products {padding:25px;}
.title-wrap {display:block;width:100%;position:relative;}
.title-bg {display:block;position:absolute;top:0;height:50%;width:100%;border-bottom:1px dotted #CCC;z-index:11;}
.title-text {display:inline-block;float:left;position:relative;background:#d02700;padding:8px 13px;color:#FFF;z-index:33;height:20px;}
.title-ribbon {float:left;}
.title-ribbon .title-ribbon-top {width: 0;height: 0;border-top: 18px solid #d02700;border-right: 18px solid transparent;}
.title-ribbon .title-ribbon-bottom {width: 0;height: 0;border-bottom: 18px solid #d02700;border-right: 18px solid transparent;}
#featured .product-wrap {padding:35px 0 0 0;font-family:'Arial',sans-serif;}
#featured .product-section {width:70%; margin:0px auto;}
#featured .product-col {margin-left:1%;opacity:1.0;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;text-align:center;padding:0px 50px 30px 0px;}
#featured .product-img-wrap {display:block;}
#featured .product-title {display:block;min-height:50px;vertical-align:middle;padding:0 6px 10px 6px;margin-top:15px;text-decoration:none;color:#d02700;font-weight:700;font-family:'Arial',sans-serif;font-size:18px;}
#featured .product-pricing {text-align:center;font-size:16px;color:#555;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
#featured .product-pricing div {float:left;width:48%;}
#featured .product-oprice {text-align:right;padding-right:2%;font-size:14px;text-decoration:line-through;}
#featured .product-sprice {text-align:left;padding-left:2%;font-weight:bold;}
#featured .product-cart-inputs {padding-top:0px;}
#featured .product-cart input {display:inline-block;}
#featured .product-cart .AddToCart {vertical-align:middle;}
#featured .product-col:hover {opacity:1.0;}
#featured .product-col:hover .product-pricing {color:#686868;}
#featured img {border : 0;max-width: 100%;height: auto;width: auto\9; }
#shipping {border-top:7px solid #d02700;border-bottom:1px dotted #CCC;}
#shipping-info {background:#FFF;text-align:center;text-transform:uppercase;font-size:30px;line-height:36px;padding:50px 40px 45px 40px;color:#555;letter-spacing:0.5px;border-top:1px dotted #CCC;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
#shipping-info img {vertical-align:middle;margin-left:5px;}
#info {background:#FFF;font-family:'Arial',sans-serif;}
#info-section {padding:10px 25px 40px 25px;font-size:13px;line-height:14px;color:#555;}
#info .info-title {text-transform:uppercase;font-weight:bold;font-size:16px;line-height:74px;}
#info .info-links {padding:0 25px 0 0;}
#info .info-links a {display:block;text-decoration:none;color:#555;padding:12px 5px;border-bottom:1px dotted #CCC;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
#info .info-links a:hover {color:#686868;}
#content{background:#FFF;}
#content-section{padding:25px;}
#content .content-wrap {padding:20px 0;}
#footer {background:#d02700;color:#FFF;font-family:'Arial',sans-serif;}
#footer-section {padding:25px;}
#footer .footer-cards {float:right;margin:5px 7px 5px 5px;}
#footer .footer-links a {color:#FFF;text-decoration:none;padding:0 7px;}
#footer .footer-text {font-size:13px;padding:5px 0;}



/*htmlreset*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video 
{margin: 0; padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;}
body {line-height: 1;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { 	display: block;}
nav ul {  list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none;}
a {margin: 0;padding: 0; font-size: 100%;vertical-align: baseline; background: transparent;}
ins { background-color: #ff9; color: #000; text-decoration: none;}
mark { background-color: #ff9; color: #000;  font-style: italic; font-weight: bold;}
del {text-decoration:  line-through;}
abbr[title], dfn[title] { border-bottom: 1px dotted;cursor: help;}
table { border-collapse: collapse;border-spacing: 0;}
hr { display: block; height: 1px; border: 0;   border-top: 1px solid #cccccc;margin: 1em 0; padding: 0;}
input, select { vertical-align: middle;}
/*responsive*/
button, input, select, textarea { font-family : 'lucida sans unicode', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif; color : #333; }
h1, h2, h3, h4, h5, h6 {font-family:  MuseoSlab300, 'lucida sans unicode', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif;font-weight : normal;margin-top: 10px;letter-spacing: -1px;}
h1 { font-family:  LeagueGothicRegular, 'lucida sans unicode', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif;color: #000;margin-bottom : 0.2em;font-size : 6em; line-height : 1.4;}
h2 { color: #222;margin-bottom : .5em;margin-top : .5em;font-size : 2.75em; line-height : 1.2;}
h3 { color: #333;margin-bottom : 0.3em;letter-spacing: -1px;font-size : 1.75em; line-height : 1.3; }
h4 { color: #444;margin-bottom : 0.5em;font-size : 1.5em; line-height : 1.25; }
footer h4 { color: #ccc;}
h5 { color: #555;margin-bottom : 1.25em;font-size : 1em; }
h6 { color: #555;font-size : 1em;}
p, ol, ul, dl, address { margin-bottom : 1.5em; font-size : 1em;}
p {hyphens : auto;  }
p.introtext {font-family:  MuseoSlab100, 'lucida sans unicode', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif;font-size : 2.5em; /* 40 / 16 */color: #333;line-height: 1.4em;letter-spacing: -1px;margin-bottom: 0.5em;}
p.handwritten {font-family:  HandSean, 'lucida sans unicode', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif; font-size: 1.375em;line-height: 1.8em;margin-bottom: 0.3em;color: #555;}
p.center {text-align: center;}
.and {font-family: GoudyBookletter1911Regular, Georgia, Times New Roman, sans-serif;font-size: 1.5em; }
.heart {font-size: }
ul, ol { margin : 0 0 1.5em 0; padding : 0 0 0 24px; }
li ul, li ol { margin : 0;font-size : 1em;  }
dl, dd { margin-bottom : 1.5em; }
dt { font-weight : normal; }
b, strong { font-weight : bold; }
hr { display : block; margin : 1em 0; padding : 0;height : 1px; border : 0; border-top : 1px solid #ccc;}
small { font-size : 1em;  }
sub, sup { font-size : 75%; line-height : 0; position : relative; vertical-align : baseline; }
sup { top : -.5em; }
sub { bottom : -.25em; }
.subtext {color: #555;}
/* img {border : 0;max-width: 100%;height: auto;width: auto\9; } */
img {border : 0;}
img.floatleft { float: left; margin: 0 10px 0 0; }
img.floatright { float: right; margin: 0 0 0 10px; }
table { border-collapse : collapse;border-spacing : 0;margin-bottom : 1.4em; width : 100%; }
th, td, caption { padding : .25em 10px .25em 5px; }
tfoot { font-style : italic; }
caption { background-color : transparent; }
form { margin : 0; }
fieldset { margin-bottom : 1.5em; padding : 0; border-width : 0; }
legend { *margin-left : -7px; padding : 0; border-width : 0; }
label{font-weight : normal;cursor : pointer;display:block;margin:0;position:relative;top:0;left:0;}
label.inline{display:inline;margin:0;}
label span{color:#555;font-size:0.9em;}
label span.right{position:absolute;bottom:0;right:1em;text-align:right;}
label.disabled{color:#ccc;}
/* button, search, input, select, textarea { font-size : 100%; margin : 0; vertical-align : baseline; *vertical-align : middle; } */
button, search, input, select, textarea { font-size : 100%; margin : 2px;}
button, input { line-height : normal; *overflow : visible; }
button, input[type="button"], input[type="reset"], input[type="submit"] { padding: 0.5em 1em;margin: 0;cursor : pointer; text-shadow:0 1px 0 #fff;}
input[type="checkbox"], input[type="radio"] { box-sizing : border-box; }
input[type="search"] { box-sizing : content-box;}
button::-moz-focus-inner, input::-moz-focus-inner { padding : 0;border : 0;  }
/* input{margin:0;border:1px solid #ccc;font-size:1em;padding:5px;background:#fff;} */
input::-webkit-input-placeholder,input:-moz-placeholder,.placeholder{color:#bbb;}
input::-moz-focus-inner {border:0;}
input[disabled="disabled"], input.disabled{color:#555;background:#f5f5f5;-moz-box-shadow:inset 0px 0px 2px #ddd;-webkit-box-shadow:inset 0px 1px 2px #ddd;box-shadow:inset 0px 1px 2px #ddd;}
input:valid, textarea:valid   { }
input:invalid, textarea:invalid {-webkit-box-shadow : 0 0 2px #f00; -moz-box-shadow : 0 0 2px #f00;box-shadow : 0 0 2px #f00; }
.no-boxshadow input:invalid, .no-boxshadow textarea:invalid {background-color : #ccc; }
#skiptomain { display: none; }
#wrapper {width: 100%;position: relative;text-align: left;}
#headcontainer {width: 100%;}
header {clear: both;width: 80%; font-size: 0.8125em; max-width: 92.3em;margin: 0 auto;padding: 130px 0px 10px 0px;position: relative;color: #000;text-align: center;}
#maincontentcontainer {width: 100%;}
#maincontent{clear: both;width: 100%;font-size: 0.8125em;max-width: 92.3em;margin: 0 auto;padding: 0px;color: #333;line-height: 1.5em;position: relative;}
.maincontent{clear: both;width: 100%;font-size: 0.8125em;margin: 0 auto;padding: 0px;color: #333;line-height: 1.5em;position: relative;}
#footercontainer {width: 100%;	border-top: 1px solid #000;background: #222 url(/images/footerback.png) left top;}
footer {clear: both;width: 80%;font-size: 0.8125em;max-width: 92.3em;margin: 0 auto;padding: 20px 0px 10px 0px;color: #555;}
footer strong {font-size: 1.077em; color: #aaa;}
footer a:link, footer a:visited { color: #555; text-decoration: underline; }
footer a:hover { color: #fff; text-decoration: underline; }
ul.pagefooterlist, ul.pagefooterlistimages {display: block;float: left;margin: 0px;padding: 0px;list-style: none;}
ul.pagefooterlist li, ul.pagefooterlistimages li {clear: left;margin: 0px;padding: 0px 0px 3px 0px;display: block;line-height: 1.5em;font-weight: normal;background: none;}
ul.pagefooterlistimages li {height: 34px;}
ul.pagefooterlistimages li img {padding: 5px 5px 5px 0px;vertical-align: middle;opacity: 0.75;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";filter: alpha( opacity  = 75);-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
ul.pagefooterlistimages li a{text-decoration: none;}
ul.pagefooterlistimages li a:hover img {opacity: 1.0;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha( opacity  = 100);}
#smallprint {margin-top: 20px;line-height: 1.4em;text-align: center;color: #555;font-size: 0.923em;}
#smallprint p{vertical-align: middle;}
#smallprint .twitter-follow-button{margin-left: 1em;vertical-align: middle;}
#smallprint img { margin: 0px 10px 15px 0px; vertical-align: middle; opacity: 0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha( opacity  = 50);	-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
#smallprint a:hover img { opacity: 1.0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha( opacity  = 100); }
#smallprint a:link, #smallprint a:visited { color: #555; text-decoration: none; }
#smallprint a:hover { color: #555; text-decoration: underline; }
.section { clear: both; padding: 0px; margin: 0px; }
#calculated .col { background: #ccc; padding: 1em 0; background: rgba(204, 204, 204, 0.85); }
.note { position:relative; padding:1em 1.5em; margin: 0 0 1em 0; background: #fff; background: rgba(255, 255, 255, 0.5)overflow:hidden; }
.note:before { content:""; position:absolute; top:0; right:0; border-width:0 16px 16px 0; border-style:solid; border-color:transparent transparent #cccccc #cccccc; background:#cccccc; -webkit-box-shadow:0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2); -moz-box-shadow:0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2); box-shadow:0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2); display:block; width:0; }
.note.rounded { -webkit-border-radius:5px 0 5px 5px; -moz-border-radius:5px 0 5px 5px; border-radius:5px 0 5px 5px; }
.note.rounded:before { border-width:8px; border-color:#ff #ff transparent transparent; -webkit-border-bottom-left-radius:5px; -moz-border-radius:0 0 0 5px; border-radius:0 0 0 5px; }
.siteimage { max-width: 90%; padding: 5%; margin: 0 0 1em 0; background: transparent; -webkit-transition: background 0.3s ease; -moz-transition: background 0.3s ease; -o-transition: background 0.3s ease; transition: background 0.3s ease; }
.siteimage:hover { background: #bbb; position: relative; top: -2px; }
.twocolumns{ -moz-column-count: 2; -moz-column-gap: 2em; -webkit-column-count: 2; -webkit-column-gap: 2em; column-count: 2; column-gap: 2em; }
.button { display: inline-block; outline: none; cursor: pointer; text-align: center; text-decoration: none; font-weight: normal; color: #fff; padding: .5em 1em; margin: 1px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2); box-shadow: 0 1px 2px rgba(0,0,0,.2); background: #cc1122; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; font-size : 1.1em; }
.button:hover { background: #dd2233; color: #fff; text-decoration: none; }
.button:active { background: #dd2233; color: #fff; position: relative; top: 1px; }
.button:visited { color : #fff; }
.breaker { clear: both; }
.group:before, .group:after { content:""; display:table; }
.group:after { clear:both; }
.group {  zoom:1; }
.floatleft {  float: left; }
.floatright { float: right; }
html { -webkit-overflow-scrolling : touch; -webkit-tap-highlight-color : rgb(52,158,219); -webkit-text-size-adjust : 100%; -ms-text-size-adjust : 100%; }
.clearfix { zoom : 1; } 
::-webkit-selection { background : rgb(23,119,175); color : rgb(250,250,250); text-shadow : none; } 
::-moz-selection { background : rgb(23,119,175); color : rgb(250,250,250); text-shadow : none; } 
::selection { background : rgb(23,119,175); color : rgb(250,250,250); text-shadow : none; }
button, input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance : button; } 
::-webkit-input-placeholder { font-size : .875em; line-height : 1.4; }
input:-moz-placeholder { font-size : .875em; line-height : 1.4; }
.ie7 img, .iem7 img { -ms-interpolation-mode : bicubic; }
input[type="checkbox"], input[type="radio"] { box-sizing : border-box; }
input[type="search"] { -webkit-box-sizing : content-box; -moz-box-sizing : content-box; }
button::-moz-focus-inner, input::-moz-focus-inner { padding : 0; border : 0; }
p { -webkit-hyphens : auto; -webkit-hyphenate-character : "\2010"; -webkit-hyphenate-limit-after : 1; -webkit-hyphenate-limit-before : 3; -moz-hyphens : auto; }
/*  col  */
.section { clear: both; padding: 0px; margin: 0px; }
.group:before, .group:after { content:""; display:table; }
.group:after { clear:both; }
.group { zoom:1; }

.col { display: block; float:left; }
.col:first-child { margin-left: 0; }

@media only screen and (max-width: 480px) { .col { margin: 1% 0 1% 0%; } }

/*  cols  */
.span_1_of_1 {	width: 100%; } 
@media only screen and (max-width: 480px) { .span_1_of_1 { width: 100%; } }

.span_2_of_2 {	width: 100%; } .span_1_of_2 {width: 46.2%; }
@media only screen and (max-width: 480px) { .span_2_of_2 { width: 100%; } .span_1_of_2 {	width: 100%; } }

.span_3_of_3 { width: 100%; } .span_2_of_3 {	width: 66.1%; } .span_1_of_3 {width: 32.6%; }
@media only screen and (max-width: 480px) { .span_3_of_3 { width: 100%; } .span_2_of_3 { width: 100%; } .span_1_of_3 { width: 100%; } }

.span_4_of_4 { width: 100%; } .span_3_of_4 { width: 74.6%; } .span_2_of_4 {	width: 49.2%; } .span_1_of_4 {	width: 23.8%; }
@media only screen and (max-width: 480px) { .span_4_of_4 { width: 100%; } .span_3_of_4 { width: 100%; } .span_2_of_4 { width: 100%; } .span_1_of_4 { width: 100%; } }

.span_5_of_5 { width: 100%; } .span_4_of_5 {	width: 79.68%;  } .span_3_of_5 {	width: 59.36%; } .span_2_of_5 {	width: 39.04%; } .span_1_of_5 {	width: 18.72%; }
@media only screen and (max-width: 480px) {.span_5_of_5 { width: 100%; } .span_4_of_5 { width: 100%; } .span_3_of_5 { width: 100%; } .span_2_of_5 {	width: 100%; } .span_1_of_5 { width: 100%;  } }

.span_6_of_6 { width: 100%; } .span_5_of_6 { width: 83.06%; } .span_4_of_6 { width: 66.13%; } .span_3_of_6 {	width: 49.2%; } .span_2_of_6 { 	width: 32.26%; } .span_1_of_6 { width: 15.33%; }
@media only screen and (max-width: 480px) {.span_6_of_6 {	width: 100%;  } .span_5_of_6 { width: 100%;  } .span_4_of_6 { width: 100%;  } .span_3_of_6 {	width: 100%;  } .span_2_of_6 { width: 100%;  } .span_1_of_6 { width: 100%; } }

.span_7_of_7 { width: 100%; } .span_6_of_7 { width: 85.48%; } .span_5_of_7 {	width: 70.97%; } .span_4_of_7 { width: 56.45%; } .span_3_of_7 {	width: 41.92%; } .span_2_of_7 {	width: 27.42%; } .span_1_of_7 {	width: 12.91%; }
@media only screen and (max-width: 480px) { .span_7_of_7 {	width: 100%;  } .span_6_of_7 {	width: 100%; 	} .span_5_of_7 {	width: 100%; 	} .span_4_of_7 { width: 100%; } .span_3_of_7 { width: 100%; } .span_2_of_7 { width: 100%;  } .span_1_of_7 { width: 100%; } }

.span_8_of_8 { width: 100%; } .span_7_of_8 { width: 87.3%; } .span_6_of_8 { width: 74.6%; } .span_5_of_8 { width: 61.9%;  } .span_4_of_8 { width: 49.2%;  } .span_3_of_8 {	width: 36.5%; } .span_2_of_8 {	width: 23.8%; } .span_1_of_8 {width: 11.1%; }
@media only screen and (max-width: 480px) {.span_8_of_8 {width: 100%; }.span_7_of_8 { width: 100%; } .span_6_of_8 { width: 100%; } .span_5_of_8 { width: 100%; } .span_4_of_8 { width: 100%; } .span_3_of_8 { width: 100%; } .span_2_of_8 { width: 100%; } .span_1_of_8 { width: 100%; } }

.span_9_of_9 { width: 100%; } .span_8_of_9 { width: 88.71%;} .span_7_of_9 { width: 77.42%; } .span_6_of_9 { width: 66.13%; } .span_5_of_9 { width: 54.84%; } .span_4_of_9 { width: 43.55%;  } .span_3_of_9 { width: 32.26%; } .span_2_of_9 { width: 20.97%; } .span_1_of_9 {width: 9.68%; }
@media only screen and (max-width: 480px) { .span_9_of_9 { width: 100%; } .span_8_of_9 { width: 100%; } .span_7_of_9 {	width: 100%; } .span_6_of_9 {	width: 100%; } .span_5_of_9 {	width: 100%; } .span_4_of_9 {	width: 100%; } .span_3_of_9 {	width: 100%; } .span_2_of_9 {width: 100%; } .span_1_of_9 { width: 100%; } }

.span_10_of_10 { width: 100%; } .span_9_of_10 { width: 89.84%; } .span_8_of_10 { width: 79.68%; } .span_7_of_10 { width: 69.52%; } .span_6_of_10 { width: 59.36%; } .span_5_of_10 { width: 49.2%; } .span_4_of_10 { width: 39.04%; } .span_3_of_10 { width: 28.88%; } .span_2_of_10 { width: 18.72%; } .span_1_of_10 { width: 8.56%; }
@media only screen and (max-width: 480px) { .span_10_of_10 { width: 100%; } .span_9_of_10 {	width: 100%; } .span_8_of_10 {	width: 100%; }	.span_7_of_10 {	width: 100%; } .span_6_of_10 {	width: 100%; }	.span_5_of_10 {	width: 100%; } .span_4_of_10 {	width: 100%; } .span_3_of_10 { width: 100%; } .span_2_of_10 {	width: 100%; } .span_1_of_10 { width: 100%; } }

.span_11_of_11 { width: 100%; } .span_10_of_11 { width: 90.76%; } .span_9_of_11 { width: 81.52%; } .span_8_of_11 { width: 72.29%; } .span_7_of_11 { width: 63.05%; } .span_6_of_11 { width: 53.81%; } .span_5_of_11 { width: 44.58%; } .span_4_of_11 { width: 35.34%; } .span_3_of_11 { width: 26.1%; } .span_2_of_11 { width: 16.87%; } .span_1_of_11 { width: 7.63%; }
@media only screen and (max-width: 480px) { .span_11_of_11 { width: 100%; } .span_10_of_11 { width: 100%; } .span_9_of_11 { width: 100%; } .span_8_of_11 { width: 100%; } .span_7_of_11 { width: 100%; } .span_6_of_11 { width: 100%; } .span_5_of_11 { width: 100%; } .span_4_of_11 { width: 100%; } .span_3_of_11 { width: 100%; } .span_2_of_11 { width: 100%; } .span_1_of_11 { width: 100%; } }

.span_12_of_12 { width: 100%; } .span_11_of_12 { width: 91.53%; } .span_10_of_12 { width: 83.06%; } .span_9_of_12 { width: 74.6%; } .span_8_of_12 { width: 66.13%; } .span_7_of_12 { width: 57.66%; } .span_6_of_12 { width: 49.2%; } .span_5_of_12 { width: 40.73%; } .span_4_of_12 { width: 32.26%; } .span_3_of_12 { width: 23.8%; } .span_2_of_12 { width: 15.33%; } .span_1_of_12 { width: 6.86%; }
@media only screen and (max-width: 480px) { .span_12_of_12 { width: 100%; } .span_11_of_12 { width: 100%; } .span_10_of_12 { width: 100%; } .span_9_of_12 { width: 100%; } .span_8_of_12 { width: 100%; } .span_7_of_12 { width: 100%; } .span_6_of_12 { width: 100%; } .span_5_of_12 { width: 100%; } .span_4_of_12 { width: 100%; } .span_3_of_12 { width: 100%; } .span_2_of_12 { width: 100%; } .span_1_of_12 { width: 100%; } }


@media only screen and (max-width: 480px) { 
	#header {height:auto;}
	#header-logo {margin-top:15px;}
	#header-nav {height:100px;}
}
@media only screen and (max-width: 1200px) { 
	.productGroupDescr img {width:100%;}
	#banner img {width:100%;}
}




a.shopNow {
	background:#d02700;
	font-family:'Arial',sans-serif;
	color:#FFF;
	padding:10px 17px;
	margin:0 20px;
	text-decoration: none;
}

/* RapidCat(R) Product Group classes */
a.RC_CSS_SubgroupImageLink_Class img {
	width: 380px;
	height: 340px;
}

.RC_CSS_SubgroupTitleLink_Class, h2.productGroupTitle2  {
	display: block;
	font-family:  verdana, arial, helvetica, helve, sans-serif;
	background-color: #d02700;
	font-size: 12pt;
	font-weight:bold;
	border-radius: 1px;
	margin: 5px 10px 10px 10px;
	padding: 5px 5px;
	color: #fff;
	/* width: 380px; */
	width:100%;
}
a.RC_CSS_SubgroupTitleLink_Class {
	color: #fff;
	text-decoration: none;
}
a.RC_CSS_SubgroupTitleLink_Class:hover {
	color: #eee;
}
.RC_CSS_SubgroupPriceRange_Class {
	color: #fff;
}

.RC_CSS_CatalogProductPriceTable_Class {
	width: 50%;
} 

.RC_CSS_PL_Product_Container_Col_Class {
	border: 1px solid lightgray;
	padding: 5px;
	margin: 0 5px 5px 0;
}
	
/* Hamberger menu hidden by default */
#minimenu-icon {float:right; cursor:pointer;display:none;}


/*:: Nav Dropdowns with only CSS
------------------------------------- */
ul.dropdown > li > a {border-bottom:4px solid #414141;display:inline-block;padding:2px 25px;font-weight:700;color:#FCFCFC;border-right:1px dotted #4C4D4F;text-decoration:none;font-size:14px;margin-bottom:3px;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
ul.dropdown > li > a:nav-active {border-bottom:4px solid #d02700; color:#FCFCFC;}
ul.dropdown > li > a:hover {border-bottom:4px solid #d02700;color:#FCFCFC;}

ul.dropdown > li > ul > li a {border:1px solid #4C4D4F;display:inline-block;padding:17px 25px;font-weight:700;color:#000;border-right:1px dotted #4C4D4F;text-decoration:none;font-size:14px;margin-bottom:0px;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
ul.dropdown > li > ul > li a:nav-active { color:#000;}
ul.dropdown > li > ul > li a:hover {color:#000;}

ul.dropdown li {float: left; padding-right: 0px; background-color: #4C4D4F;}

ul.dropdown {float:left;position:relative;right:0;top:9px;z-index:9999; margin:0px;}
ul.dropdown li {margin:0;font-size:13px;float:left;list-style-image:none; list-style-type: none;background:#414141; }
ul.dropdown li a {display:block;padding:5px 23px 5px 7px;color:#FCFCFC;text-decoration:none;}
ul.dropdown li a:hover {}
ul.dropdown li a:active {color:#023675;}
ul.dropdown li ul li > a {background:#fff; color:#000;}
ul.dropdown li ul li a {border: 0px;}
ul.dropdown li ul li ul li a {background:#fff; color:#000;}
ul.dropdown li ul li ul li a:hover {background:#fff; color:#000;}
ul.dropdown li:hover > ul li a {padding:10px;width:220px;}
ul.dropdown li:hover > ul li a:hover {}
ul.dropdown li:hover {position:relative;}
ul.dropdown li.hover a {}
/* ul.dropdown li ul {margin:0; padding:0; width:240px;display:none;position:absolute;top:100%;left:0;border: 1px solid #aaa;-webkit-box-shadow:0px 8px 10px #aaa;box-shadow:0px 8px 10px #aaa;-moz-box-shadow:0px 8px 10px #aaa;} */
ul.dropdown li ul {margin:0; padding:0; display:none;position:absolute;top:100%;left:0;border: 1px solid #aaa;-webkit-box-shadow:0px 8px 10px #aaa;box-shadow:0px 8px 10px #aaa;-moz-box-shadow:0px 8px 10px #aaa;}
ul.dropdown li ul li:first-child { border-top: 1px solid #aaa; }
/* ul.dropdown li ul {margin:0; padding:0;display:none;position:absolute;top:100%;left:0;border: 1px solid #aaa;} */

ul.dropdown li ul li {font-size:10px;line-height:12px;color:#000;float:none;}
ul.dropdown li ul li a {width:90%;display:block;background:#fff; color:#000;}
ul.dropdown li ul li ul {left:70%;top:0;z-index:0;border:1px solid #aaa;-webkit-box-shadow:0px 8px 10px #aaa;box-shadow:0px 8px 10px #aaa;-moz-box-shadow:4px 0px 10px #aaa;}
ul.dropdown li ul li ul li:first-child { border-top: 1px solid #aaa; }
ul.dropdown li:hover > ul {display:block;border-top:none;}
ul.dropdown li a.nl {cursor:default;}
ul.dropdown li a.nl:hover {color:#fff;}
ul.dropdown li:hover > a.nl {color:#000;background:#fff;} /*Controls top nav link hover over state while using dropdown*/
ul.dropdown li:hover > a.third,
ul.dropdown li:hover > a.third:hover {color:#000;background:#fff;}
ul.dropdown li.last ul {top:100%;left:-66px;width:150px; margin:0px;}
ul.dropdown li.last ul li a {width:130px;}
ul.dropdown li.secondlast ul li a {width:190px;}
ul.dropdown li.secondlast ul {top:100%;left:-113px;width:150px;}

/* Sales banner wrapper */
.main_wrapper {width:100%;}
.main_wrapper .main_left, .main_wrapper .main_right {width:50%;height:auto;float:left;}
.main_wrapper .main_left img, .main_wrapper .main_right img {width:100%;}

