@charset "utf-8";
/* CSS Document */
.discountsapply {display:none;}
.proddiscounts {display:none;}
.prodid {display:none;}
.cartlineupdate {background-color:rgba(0,0,0,0.00); outline:rgba(0,0,0,0.00); color:#ffffff; background-image:url("../images/bg-update.png"); background-size: auto 100%; background-repeat: no-repeat; background-position: 50% 50%;}
@media only screen and (min-width: 1100px){
	
	.prodfilterbar{display:none;}
	
	.scart .scimage {width:100%;}	
.scart .scimage img {width: 20%; height: auto;}
	.cartimage {width:20%; height: auto;}
.cartlistlogin {border:none !important;}

	
	#SpecialAnnouncement {padding:1%; color:#ffffff; background-color:rgba(164,0,2,1.00); text-align:center;}
	#SpecialAnnouncement #line1 {font-weight:800; font-size:30px; }
	#SpecialAnnouncement #line2 {font-weight:bold; font-size:15px; color:rgba(255,247,181,1.00);}
	
	.freeshippingexempt {display:none;}
	
	#bulkPickles {background-color:rgba(66,134,34,1.00);   padding:1.5%; font-size:15px; font-weight:bold; text-align:center; margin-bottom:1%;}
	#bulkPickles a:link {color:#ffffff; text-decoration:none;}
	#bulkPickles a:hover {color:rgba(249,234,200,1.00); text-decoration:none;}
	#bulkPickles a:visited {color:#ffffff !important; text-decoration:none;}
	#bulkPickles a:active {color:#ffffff; text-decoration:none;}
	
body {font-family: 'Raleway', arial, sans-serif;  margin:0px 0px 0px 0px; padding:0px; font-size:14px; line-height:22px;}
* { 
    -moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box; 
     box-sizing: border-box; 
}

#pP-c-banners {width:100%;}
#pP-c-banners img {width:100% !important; text-align:center; height:auto !important; border-radius:10px;}
#pP-c-banners-mobile {display:none;}




.outofstock {background-color:rgba(184,3,6,1.00); border:dotted 1px rgba(208,123,124,1.00); padding:3%; text-align:center; font-size:10px; border-radius:5px; margin:10%; text-transform:uppercase; color:rgba(248,199,200,1.00);}


#fD-row {width:100%; padding:.5%; border-bottom:1px dotted rgba(172,132,83,1.00);  overflow:auto;}
#fD-name {width:25%; border-right:1px dotted rgba(172,132,83,1.00); padding:1%; float:left; font-weight:bold; text-align:right;}
#fD-color {width:15%; float:right; }
#fD-color img {width:100%; height:40px; border-radius:5px;}
#fD-description {padding:1%; width:60%; float:left;}
#flavorDescriptions {padding:0% 10% 0 10%;}


a:link {text-decoration:none;}
a:visited {text-decoration:none;}
a:hover {text-decoration:none;}
a:active {text-decoration:none;}
#more-linkDiv a:link {color:#ffffff;}
#more-linkDiv a:visited {color:#ffffff;}
#more-linkDiv a:active {color:#ffffff;}
#more-linkDiv a:hover {color:#ffffff;}

.greenFont {color:#42731c;}
.yellowFont {color:#dda41d;}
.lightblueFont {color:#45a0c5;}
.highlightblueFont {color:#aadbff;}
.purpleFont {color:#aa4fb8;}
.redFont {color:#ff0000;}
.roseFont {color:#dd58a6;}
.blueFont {color:#4c76c2;}


/* Begin slides */

#hslider-container {z-index:0; padding:0px; margin:0px; list-style:none;}
#hslider-container li {margin:0px; padding:0px;}


#home-slide-christmas {height:370px; background-image:url(../images/_slideimages/_bg-christmas-shipping.jpg); background-size:100% auto; background-position:center; position:relative; }
#hs-christmas-t-container {position:absolute; left:5%; top:20%; background-color:#D30003; width:70%; border-left:solid 40px rgba(35,183,180,0.50); border-right:rgba(159,56,162,0.59) solid 40px; padding:20px; text-align:center; font-family: 'Oswald', sans-serif; font-weight: 700; text-transform:uppercase; color:#ffffff;  text-shadow: 2px 2px rgba(86,56,0,1.00);;}
#hs-christmas-title1 {font-size:20px;}
#hs-christmas-title2 {font-size:50px; line-height:50px;}
#hs-christmas-title3 {font-size:30px;}
#hs-christmas-button {display:none; padding:20px; border-radius:15px; background-color:rgba(38,108,0,0.83); border:dotted 1px rgba(127,164,83,1.00); width:20%; position:absolute; top:40%; right:10%; font-family: 'Oswald', sans-serif; font-weight: 700; color:#ffffff; text-transform:uppercase; text-decoration:none; font-size:20px; text-align:center;}

#home-slide1 {height:300px; background-image:url(../images/_slideimages/_bg-SeasonOpenerSale.jpg); background-size:100% auto; background-position:center; position:relative; }
#hs1-t-container {position:absolute; left:5%; top:20%; background-color:rgba(203,170,31,0.70); width:40%; border-left:solid 40px rgba(35,183,180,0.50); border-right:rgba(159,56,162,0.59) solid 40px; padding:20px; text-align:center; font-family: 'Oswald', sans-serif; font-weight: 700; text-transform:uppercase; color:#ffffff;  text-shadow: 2px 2px rgba(86,56,0,1.00);;}
#hs1-title1 {font-size:20px;}
#hs1-title2 {font-size:50px; line-height:50px;}
#hs1-title3 {font-size:30px;}
#hs1-button {padding:20px; border-radius:15px; background-color:rgba(38,108,0,0.83); border:dotted 1px rgba(127,164,83,1.00);  position:absolute; top:40%; right:10%; font-family: 'Oswald', sans-serif; font-weight: 700; color:#ffffff; text-transform:uppercase; text-decoration:none; font-size:20px; text-align:center;}

#home-slide2 {height:300px; background-image:url(../images/_slideimages/_bg-pure-cane-sugar.jpg); background-size:100% auto; background-position:center; position:relative; }
#hs2-t-container {position:absolute; left:5%; top:20%; background-color:rgba(13,68,119,0.69); width:40%; padding:20px; text-align:center; font-family: 'Oswald', sans-serif; font-weight: 700; text-transform:uppercase; color:#ffffff;  text-shadow: 2px 2px rgba(2,29,66,1.00); border-radius:15px;}
#hs2-title1 {font-size:20px;}
#hs2-title2 {font-size:50px; line-height:50px;}
#hs2-title3 {font-size:30px;}
#hs2-button {padding:20px; border-radius:15px; background-color:rgba(38,108,0,0.83); border:dotted 1px rgba(127,164,83,1.00); width:20%; position:absolute; top:40%; right:10%; font-family: 'Oswald', sans-serif; font-weight: 700; color:#ffffff; text-transform:uppercase; text-decoration:none; font-size:20px;}

#home-slide3 {height:300px; background-image:url(../images/_slideimages/_bg-family-fun-time.jpg); background-size:100% auto; background-position:center; position:relative; }
#hs3-t-container {position:absolute; left:5%; top:20%;  width:40%; padding:30px; text-align:center; font-family: 'Oswald', sans-serif; font-weight: 700; text-transform:uppercase; color:#ffffff;  text-shadow: 2px 2px rgba(2,29,66,1.00); border-radius:15px;}
#hs3-title1 {font-size:20px;}
#hs3-title2 {font-size:60px; line-height:60px;}
#hs3-title3 {font-size:30px;}
#hs3-button {padding:20px; border-radius:15px; background-color:rgba(38,108,0,0.83); border:dotted 1px rgba(127,164,83,1.00); width:15%; position:absolute; top:10%; right:5%; font-family: 'Oswald', sans-serif; font-weight: 700; color:#ffffff; text-transform:uppercase; text-decoration:none; font-size:20px; text-align:center; z-index:1;}





/* Begin Header Styles */

#topMenu {
	background: -webkit-linear-gradient(#174161,#225c85); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#174161,#225c85); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#174161,#225c85); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#174161,#225c85); /* Standard syntax */
	}
#tM-container {width:95%; overflow:auto; margin:0px auto 0px auto;}
#topMenu ul {padding:0px; margin:0px; width:90%; overflow:auto; float:right;}
#topMenu ul li {float:right; list-style:none; padding:10px 20px 10px 20px; font-size:1vw;}
#topMenu ul li a:link {text-decoration:none; color:#ffffff; text-transform:uppercase;}
#topMenu ul li a:hover {text-decoration:none; color:#F9EFC5; text-transform:uppercase;}
#topMenu ul li a:active {text-decoration:none; color:#ffffff; text-transform:uppercase;}
#topMenu ul li a:visited {text-decoration:none; color:#ffffff; text-transform:uppercase;}
.vc-li {background-color:#127344; transition:Background-color ease 1s; background-image:url(../images/img-shopping-bag.png); background-position:95% 50%; background-size:12%; background-repeat:no-repeat; padding:10px 40px 10px 20px !important;}
.vc-li:hover {background-color:#98D43D;}
.ps-li { background-color:rgba(131,43,149,1.00); background-image:url(../images/img-magnify-glass.png); background-position:95% 50%; background-size:10%; background-repeat:no-repeat; padding:10px 40px 10px 20px !important;}
.ps-li:hover {background-color:rgba(152,73,168,1.00);}
#middleMenu {
	height:76px;
	background: -webkit-linear-gradient(#2b79b2,#2b71a3); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#2b79b2,#2b71a3); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#2b79b2,#2b71a3); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#2b79b2,#2b71a3); /* Standard syntax */
	
	}

#mM-narrowdevice {display:none;}	
#mM-widedevice {}	
#mobiledropwrap {display:none;}
#dropwrap {}
#mobilemenu-btn {display:none;}

#mM-container {width:95%; margin:0px auto 0px auto; position:relative; z-index:1;}
#logo {position:absolute; top:-20px; left:0px; width:150px; z-index:1;}
#logo img {width:100%; height:auto;}
#mM-logo-info {width:350px; height:75px; background-size:100% 100%; position:absolute; left:50px; top:11px; background-image:url(../images/bg-logo.png); padding:9px 0px 0px 70px; text-align:center; color:#89561a;}
#mM-line1{font-weight:800; font-size:10px; text-transform:uppercase;}
#mM-line2{font-size:25px; font-family: 'Oswald', sans-serif; font-weight: 700; text-transform:uppercase;}
#mM-line3{font-size:10px;}
#pNumber {text-align:right; font-weight:800; font-family: 'Oswald', sans-serif; color:#ffffff; padding:10px; font-size:1vw;}
#sectionLinks { width:100%; text-align:right; font-weight:800; padding:22px 0px 0px 0px;}
#sectionLinks a:link {color:#ffffff; text-decoration:none;}
#sectionLinks a:active {color:#ffffff; text-decoration:none;}
#sectionLinks a:hover {color:#ffffff; text-decoration:none;}
#sectionLinks a:visited {color:#ffffff; text-decoration:none;}
#sL-txt1 {float:right; font-size:1.8vw; font-weight:800; color:#ffffff; padding:0px 10px 10px 10px; width:20%; text-align:right;}
#sL-txt1:hover .pinWheel1 {
	-webkit-transform:rotate(360deg);
    -moz-transform:rotate(360deg); 
    -o-transform:rotate(360deg);
	}
#sL-txt2 {float:right; font-size:1.8vw; font-weight:800; color:#ffffff; padding:0px 10px 10px 10px; width:65%; text-align:center;}
#sL-txt2:hover .pinWheel2 {
	-webkit-transform:rotate(360deg);
    -moz-transform:rotate(360deg); 
    -o-transform:rotate(360deg);
	}
#pinWheel1 {float:right; padding:0px 10px 0px 10px;}
.pinWheel1 {
	max-width:100%; height: auto;
    -webkit-transition-duration: 0.8s; 
    -moz-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    transition-property: transform;
    overflow:hidden;
	}
#pinWheel2 {float:right; text-align:left;  padding:0% 60% 00 0%;}
.pinWheel2 {
	max-width:100%; height: auto;
    -webkit-transition-duration: 0.8s; 
    -moz-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    transition-property: transform;
    overflow:hidden;}
	




/* Home Content CSS */



#homeContent {
	height:100vh;
	
	background: -webkit-linear-gradient(#f2e3c4, white 50%); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#f2e3c4, white 50%); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#f2e3c4, white 50%); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#f2e3c4, white 50%); /* Standard syntax */
	}
	#homeContent .discountsapply {display:none;}
	#homeContent .proddiscounts {display:none;}
	#homeContent .prodfilter {display:none;}
#homeFeaturesDiv{width:100%; margin:0px auto 0px auto; overflow: auto;}
.hFD-title {background-color:#712351; padding:.5% 2% .5% 2%; margin:0px 0px 0px 0px; color:#ffffff; font-size:1.4vw;  }
#hFD-prods .cstitle {display:none;}
#hFD-prods .prodprice {display:none;}
#hFD-prods .proddescription {display:none;}
#hFD-prods {width:56.81818181818182%; float:left; padding:15px;}
#hFD-prods .addtocart {position:absolute; bottom:90px; left:0px; width:100%; text-align:center;}
#hFD-prods .buybutton {width:75px; }
#hFD-prods .configbutton {width:75px; }
#hFD-prods .configbutton {width:100%;}
#hFD-prods .configbutton img {width:40%;}
#hFD-prods .product {float:left; width:25%; padding:20px; position:relative; background-image:url(../images/bg-featured.png); background-size:100% auto; background-repeat:no-repeat;}
#hFD-prods .prodname {text-align:center; height:50px; }


#hFD-prods .prodimage {width:100%;  text-align:center;} 
#hFD-prods .prodname a:link {text-decoration:none; font-weight:700; color:#ffffff;}
#hFD-prods .prodname a:visited {text-decoration:none; font-weight:700; color:#ffffff;}
#hFD-prods .prodname a:hover {text-decoration:none; font-weight:700; color:#ffffff;}
#hFD-prods .prodname a:active {text-decoration:none; font-weight:700; color:#ffffff;}

#hFD-specialbtn {background-color:#00a651; padding:20px 35px 20px 20px; border-radius:10px; background-image:url(../images/bg-yellow-arrow.png); background-repeat:no-repeat; background-position:100% 50%; border:dotted 1px #40bf43; margin:0px 0px 30px 0px;}
#hFD-sb-icon {float:left; margin:-40px 0px 0px -40px;}

#h-link1 {padding:8px 0px 8px 0px; border-bottom: dotted 1px #385662; border-top: dotted 1px #385662; background-image:url(../images/bg-yellow-arrow.png); background-repeat:no-repeat; background-position:100% 50%; }
#h-link1 a:link {text-decoration:none; color:rgba(244,239,210,1.00);}
#h-link1 a:hover {text-decoration:none; color:rgba(244,239,210,1.00);}
#h-link1 a:visited {text-decoration:none; color:rgba(244,239,210,1.00);}
#h-link1 a:active {text-decoration:none; color:rgba(244,239,210,1.00);}

#h-link2 {padding:8px 0px 8px 0px; border-bottom: dotted 1px #385662; border-top: dotted 1px #385662; background-image:url(../images/bg-yellow-arrow.png); background-repeat:no-repeat; background-position:100% 50%; }
#h-link2 a:link {text-decoration:none; color:rgba(98,154,207,1.00);}
#h-link2 a:hover {text-decoration:none; color:rgba(98,154,207,1.00);}
#h-link2 a:visited {text-decoration:none; color:rgba(98,154,207,1.00);}
#h-link2 a:active {text-decoration:none; color:rgba(98,154,207,1.00);}


#hFD-info {width:43.18181818181818%; float:left; padding:40px; line-height:23px;}
#hFD-info p {text-align:justify;}
#hFD-info h1 {border-bottom: dotted 1px #385662; padding: 0px 0px 15px 0px; font-size:1.4vw; color:rgba(245,212,251,1.00);}
#hFD-c {background: -webkit-linear-gradient(#0e2e46, #184465 50%); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#0e2e46, #184465 50%); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#0e2e46, #184465 50%); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#0e2e46, #184465 50%); /* Standard syntax */
	overflow:auto;
	color:#ffffff;
	width:100%;
	}
	
#hFD-c h2 {background-color:#1d415c; border-radius:10px; border:1px solid #1e7084; padding:10px; text-align:center; margin:15px 15px 0px 15px; font-size:1.1vw;}

	#hFD-specials {overflow:auto;}
#hFD-specials .proddescription p {padding:0px; margin:0px; background-color:#0f3049;}
#hFD-specials div .prodimage img {width:auto; height: 150px;}
#hFD-specials div .prodimage {width:100%; margin:0px auto 0px auto; text-align:center;}


#hFD-specials .prodname a:link {color:#ffffff; text-decoration:none;}
#hFD-specials .prodname a:visited {color:#ffffff; text-decoration:none;}
#hFD-specials .prodname a:active {color:#ffffff; text-decoration:none;}
#hFD-specials .prodname a:hover {color:#ffffff; text-decoration:none;}
#hFD-specials .prodprice {padding:10px;  width:100%; font-size:12px; text-align:center; display:none;}
#hFD-specials .addtocart { height:auto;   width:100%; text-align:center; margin:0px auto 0px auto;}
#hFD-specials .buybutton {width:75px;}
#hFD-specials .configbutton {width:75%; margin:0% auto;}
#hFD-specials .configbutton img {width:50%;}

#hFD-specials .product {float:left; width:23.5%; padding:0px 25px 25px 25px; background-image:url(../images/bg-featured.png); background-size:50% auto; background-position:50% 50%; background-repeat:no-repeat; position:relative;}
#hFD-specials .proddescription {font-size:12px; padding:10px; margin:0px; background-color:#0f3049; border-top-left-radius:10px;border-top-right-radius:10px; border-bottom-right-radius:10px; border-top:dotted 1px #1d415c; border-left:dotted 1px #1d415c; border-right:dotted 1px #1d415c; height:60px; color:rgba(223,235,244,1.00); display:none;}
#hFD-specials .prodname {text-align:center; height:47px; font-size:14px; font-weight: bold;}


	
#hPD-c {overflow:auto; padding:2%; background-color:rgba(239,230,211,1.00); }
.hPD-title {background-color:#1e7084; padding:.5% 2% .5% 2%;  color:#ffffff; font-size:1.4vw; margin:0%;}
#hPD-c .cstitle {display:none;}
#hPD-txt {float:left; width:40%; text-align:justify; }
#hPD-prods {width:60%; float:right; padding:10px;}
#hPD-prods .product {float:left; width:32.33333333333333%; padding:2%; position:relative; background-image:url(../images/bg-featured.png); background-size:100% auto; background-repeat:no-repeat;}
#hPD-prods .prodname {text-align:center; padding:12px; height:90px;}
#hPD-prods .prodimage {width:100%; text-align: center;}
	#hPD-prods .prodimage img {width:auto; height:150px;}
#hPD-prods .prodname a:link {text-decoration:none; font-weight:700; color:#8a7342;}
#hPD-prods .prodname a:visited {text-decoration:none; font-weight:700; color:#8a7342;}
#hPD-prods .prodname a:hover {text-decoration:none; font-weight:700; color:#8a7342;}
#hPD-prods .prodname a:active {text-decoration:none; font-weight:700; color:#8a7342;}
#hPD-prods .addtocart {width:100%; text-align:center;}
#hPD-prods .addtocart img {width:40%;}
#hPD-prods .prodprice {display:none;}
	#hPD-prods .proddescription {display:none;}

#hPD-video {width: 40%;   position: relative;
padding-bottom: 23.25%; /* 16:9 Aspect Ratio */
padding-top: 22px;
height: 0;
font-color:#8a7342;
}




#hPD-video iframe {position: absolute;
top: 0;
left: 0;
width: 100%!important;
height: 100%!important;}


/* Main Drop Down CSS */
.dropdownwrap1{margin:0px; background-color:#886035; display:none; width:100%; overflow:auto; border-bottom:1px dotted #d7c3a2; background-image:url(../images/bg-dw-overlay.png); background-repeat:no-repeat; background-position:top; background-size:100% 100%; }
.dropdownwrap2{margin:0px;  background-color:#886035; display:none; width:100%; overflow: auto; border-bottom:1px dotted #d7c3a2; background-image:url(../images/bg-dw-overlay.png); background-repeat:no-repeat; background-position:top; background-size:100% 100%;}
#sliderreturn1 {text-align:center; width:25%; margin:0px auto;}
#sliderreturn1 img {width:50%; height:auto;}
#sliderreturn2 {text-align:center; width:25%; margin:0px auto;}
#sliderreturn2 img {width:50%; height:auto;}
#dw-shad-1 {background-image:url(../images/bg-dw-top-shadow.png); background-repeat:no-repeat; background-position:50% 0; overflow:auto;}
#dw-shad-2 {background-image:url(../images/bg-dw-bottom-shadow.png); background-repeat:no-repeat; background-position:50% 100%; overflow:auto;}
#dpw-container {width:95%; margin:0px auto 0px auto; }
#mHBc-1 {width:50%; float:left; margin:0px 0px 10px 0px;}
#mHBc-2 {width:50%; float:left; margin:0px 0px 10px 0px;}
#mCBc-1  {width:50%; float:left; margin:0px 0px 10px 0px; }
#mCBc-2 {width:50%; float:left; margin:0px 0px 10px 0px;  }
#mCBc-3 {width:100%; margin:0px 0px 40px 0px; overflow:auto;}
#prodBTN-mCBc1 {width:33.33333333333333%; overflow:auto; text-align:center; float:left; transition:background 1.1s ease; padding:5px; border-radius:5px; border:1px solid rgba(255,255,255,0.00);}
#prodBTN-mCBc1:hover {
	background: -webkit-linear-gradient(#b2946f,#d6c0a0); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#b2946f,#d6c0a0); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#b2946f,#d6c0a0); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#b2946f,#d6c0a0); /* Standard syntax */
	border:1px dotted #d7c3a2;}
#prodBTN-mCBc2 {width:33.33333333333333%; overflow:auto; text-align:center; float:left; transition:background-color 1.1s ease; padding:5px; border-radius:5px; border:1px solid rgba(255,255,255,0.00);}
#prodBTN-mCBc2:hover {
	background: -webkit-linear-gradient(#b2946f,#d6c0a0); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#b2946f,#d6c0a0); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#b2946f,#d6c0a0); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#b2946f,#d6c0a0); /* Standard syntax */
	border:1px dotted #d7c3a2;
	}
#prodBTN-mCBc3 {width:16.66666666666667%; text-align:center; float:left; transition:background-color 1.1s ease; padding:5px; border-radius:5px; border:1px solid rgba(255,255,255,0.00); margin:0px 0px 10px 0px;}
#prodBTN-mCBc3:hover {
	background: -webkit-linear-gradient(#b2946f,#d6c0a0); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#b2946f,#d6c0a0); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#b2946f,#d6c0a0); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#b2946f,#d6c0a0); /* Standard syntax */
	border:1px dotted #d7c3a2;
}
#prodBTN-mCBc-b-1 {width:33.33333333333333%; overflow:auto; text-align:center; float:left; transition:background 1.1s ease; padding:5px; border-radius:5px; border:1px solid rgba(255,255,255,0.00);}
#prodBTN-mCBc-b-1:hover {
	background: -webkit-linear-gradient(#b2946f,#d6c0a0); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#b2946f,#d6c0a0); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#b2946f,#d6c0a0); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#b2946f,#d6c0a0); /* Standard syntax */
	border:1px dotted #d7c3a2;}
#prodBTN-mCBc-b-2 {width:33.33333333333333%; overflow:auto; text-align:center; float:left; transition:background-color 1.1s ease; padding:5px; border-radius:5px; border:1px solid rgba(255,255,255,0.00);}
#prodBTN-mCBc-b2:hover {
	background: -webkit-linear-gradient(#b2946f,#d6c0a0); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#b2946f,#d6c0a0); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#b2946f,#d6c0a0); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#b2946f,#d6c0a0); /* Standard syntax */
	border:1px dotted #d7c3a2;
	}
#prodBTN-mCBc-b-3 {width:25%; text-align:center; float:left; transition:background-color 1.1s ease; padding:5px; border-radius:5px; border:1px solid rgba(255,255,255,0.00); margin:0px 0px 10px 0px;}
#prodBTN-mCBc-b-3:hover {
	background: -webkit-linear-gradient(#b2946f,#d6c0a0); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#b2946f,#d6c0a0); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#b2946f,#d6c0a0); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#b2946f,#d6c0a0); /* Standard syntax */
	border:1px dotted #d7c3a2;
}
#pBTN-c1-img img {width:auto; height:100px; }
#pBTN-c3-img img {width:80%; height:auto; }
#pBTN-c1-txt {font-size:1vw; color:#ffffff; text-transform:uppercase; margin:0px 0px 10px 0px;}
#pBTN-c3-txt {font-size:1vw; color:#ffffff; text-transform:uppercase; margin:0px 0px 10px 0px;}
.wHeader1 {color:#ffffff; font-weight:700; font-family: 'Oswald', sans-serif; font-weight: 700; text-transform:uppercase; font-size:1.2vw; text-align:center; border-bottom:1px dotted #886035; padding:10px; margin:0px 10px 0px 10px;}



/* Content Pages */

#contentLayout-1 {
	color:#7f6319;
	min-height:400px;
	background: -webkit-linear-gradient(#f2e3c4, white 50%); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#f2e3c4, white 50%); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#f2e3c4, white 50%); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#f2e3c4, white 50%); /* Standard syntax */	
	padding:40px 0px 40px 0px;
	
	
}
	#contentLayout-2 {
	color:#7f6319;
	min-height:400px;
	background: -webkit-linear-gradient(#f2e3c4, white 50%); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#f2e3c4, white 50%); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#f2e3c4, white 50%); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#f2e3c4, white 50%); /* Standard syntax */	
	padding:40px 0px 40px 0px;
	width:65%;
	margin: 0% auto;
	
	
}

.prodfilter {width:65%; border-radius:5px; padding:1%;  line-height:15px;  overflow:auto;}
.prodfilter input[type=button]  {width:12%; background-color:transparent; float:left; padding:2%; border:none; background-color:rgba(90,158,30,1.00); color:#ffffff;}
.prodfilter input  {width:85%; background-color:transparent; float:left; padding:.7%; border:1px dotted rgba(150,195,217,1.00); margin:0% 1% 0% 0%;}
.ectpfkeywordtext {background-color:transparent; font-size:.9vw; padding:1%; text-align:right; }
.ectpfkeyword {width:50%; background-color:transparent; margin:0% auto;}


#cL1-c  {width:95%; margin:0px auto 0px auto; background-color:rgba(255,255,255,0.75); border:dotted 1px #e6d6b5; border-radius:15px; padding:40px; line-height:25px; overflow:auto;}
#cL1-c-cart  {width:95%; margin:0px auto 0px auto; background-color:rgba(255,255,255,0.75); border:dotted 1px #e6d6b5; border-radius:15px; padding:0px 50px 50px 50px; line-height:25px; overflow:auto;}
#cL1-c-thanks  {width:65%; margin:0px auto 0px auto; background-color:rgba(255,255,255,0.75); border:dotted 1px #e6d6b5; border-radius:15px; padding:0px 50px 50px 50px; overflow:auto; font-size:12px;}
#cL1-c h2 {font-size:1.7vw; border-bottom:1px dotted #d3bf94; padding:20px 0px 20px 0px; margin:0px 0px 20px 0px;}
#cL1-c h1 {font-size:1.0vw;}
 /* faq styles. */
   .more {
      display: none;
      border-top: 1px dotted #666;
      border-bottom: 1px dotted #666; 
	}
   a.showLink, a.hideLink {
      text-decoration: none;
      color: #36f;
      padding-left: 8px;
      background: transparent url(down.gif) no-repeat left; }
   a.hideLink {
      background: transparent url(up.gif) no-repeat left; }
   a.showLink:hover, a.hideLink:hover {
      border-bottom: 1px dotted #36f; }
	  #faq-column {width:50%; float:left; padding:25px;}
#contentColumn {width:49%; float:left; margin-left:1%;}
#formColumn {float:left; width:50%; padding:1%;}
#formColumn div {float:left; width:48%; margin:1%; font-size:1vw;}
#contentColumn textarea,input {width:100%; border-radius:5px; border:dotted 1px rgba(205,193,148,1.00); padding:2%; font-size:18px;}

	
	/*FAQ*/
	

h2 {
  border: 1px solid red;
  outline: 5px dotted green;
}

#faq-block {
  
  padding: 0%;
  margin:0% auto 3% auto;
  border-radius:15px 15px 15px 15px;
  width: 50%;
	background-color:#ffffff;
	overflow: auto;
  
}
		#redblock {background-color:rgba(225,0,3,1.00); padding: .5%; border-radius: 5px; color:#ffffff; text-transform:uppercase; font-size:11px; font-weight:bold; width:30px;}
		#blueblock {background-color:rgba(32,105,186,1.00); padding: .5%; border-radius: 5px; color:#ffffff; text-transform:uppercase; font-size:11px; font-weight:bold;}
		#yellowblock {background-color:rgba(229,211,93,1.00); padding: .5%; border-radius: 5px; color:#ffffff; text-transform:uppercase; font-size:11px; font-weight:bold;}
		#orangeblock {background-color:rgba(234,146,47,1.00); padding: .5%; border-radius: 5px; color:#ffffff; text-transform:uppercase; font-size:11px; font-weight:bold;}
		#purpleblock {background-color:rgba(167,74,182,1.00); padding: .5%; border-radius: 5px; color:#ffffff; text-transform:uppercase; font-size:11px; font-weight:bold;}
		#greenblock {background-color:rgba(50,146,48,1.00); padding: .5%; border-radius: 5px; color:#ffffff;; text-transform:uppercase; font-size:11px; font-weight:bold;}
		#whiteblock {background-color:rgba(255,248,248,1.00)); padding: .5%; border-radius: 5px; color:rgba(116,116,116,1.00); text-transform:uppercase; font-size:11px; font-weight:bold;}
		#brownblock {background-color:rgba(149,74,11,1.00); padding: .5%; border-radius: 5px; color:#ffffff;; text-transform:uppercase; font-size:11px; font-weight:bold;}
		#orangeblock {background-color:rgba(254,134,48,1.00); padding: .5%; border-radius: 5px; color:#ffffff;; text-transform:uppercase; font-size:11px; font-weight:bold;}
		
#faq-header {
  padding: 2%;
  background-color:#0f7099;
  color: #ffffff;
  font-weight:bold;
   border-radius:15px 15px 0px 0px;
	font-size:18px;
	text-align: center;
}
#faq-header2 {
  padding: 2%;
  background-color:#dbf4ff;
  color: #000000;
  font-weight:bold;
}
#faq-text {
  padding: 2%;
	overflow: auto;
}	
		
		#faq-image-2up {float:left; width:50%; padding:1%;}	
		#faq-image-2up img {width:100%; height: auto;}
		
		#txt-table {width:75%; margin: 0% auto; text-align: center; font-size: 11px;}
		#txt-table-20 {width:100%; margin: 0% auto; text-align: center; font-size: 11px;}
		#txt-row {width:100%; padding: 1%; font-weight: bold;}
		#txt-row-50 {width:50%; float:left; padding: 1%; outline: 1px dotted rgba(97,175,207,1.00);}
		#txt-row-20 {width:20%; float:left; padding: 1%; outline: 1px dotted rgba(97,175,207,1.00);}
		
		

	
	
	
/* Product Pages */

#more-linkDiv {color:#ffffff; padding:12px; border-radius:15px; background-color:rgba(40,90,23,1.00); border:dotted 1px rgba(138,160,87,1.00); width:75%; margin:0px auto; font-size:1.8vw; text-align:center; overflow:auto; text-decoration:none;}
#more-linkDiv .mlD-btn {float:right;}
#more-linkDiv a:link {text-decoration:none;}
#more-linkDiv a:visited {text-decoration:none;}
#more-linkDiv a:active {text-decoration:none;}
#more-linkDiv a:hover {text-decoration:none;}

	
.l-con {background-color:#2673B3; border-bottom:2px solid #3295B3; border-radius:3px; padding:2px; color:#ffffff; font-family: 'Oswald', arial, sans-serif; text-align:center; font-size:10px; margin:0px 0px 3px 0px;}
.l-syrup {background-color:#53B3A2; border-bottom:2px solid #8EAB70; border-radius:3px; padding:2px; color:#ffffff; font-family: 'Oswald', arial, sans-serif; text-align:center; font-size:10px; margin:0px 0px 3px 0px;}
.l-diet {background-color:#B879C9; border-bottom:2px solid #A674AF; border-radius:3px; padding:2px; color:#ffffff; font-family: 'Oswald', arial, sans-serif; text-align:center; font-size:10px; margin:0px 0px 3px 0px;}
.l-sfree {background-color:#C1A65F; border-bottom:2px solid #9B7331; border-radius:3px; padding:2px; color:#ffffff; font-family: 'Oswald', arial, sans-serif; text-align:center; font-size:10px; margin:0px 0px 3px 0px;}
.l-hawaiian {background-color:rgba(235,210,83,1.00); border-bottom:2px solid rgba(185,151,66,1.00); border-radius:3px; padding:2px; color:rgba(88,48,20,1.00);font-family: 'Oswald', arial, sans-serif; text-align:center; font-size:10px; margin:0px 0px 3px 0px;}
.l-simple {background-color:rgba(223,198,171,1.00); border-bottom:2px solid rgba(170,137,90,1.00); border-radius:3px; padding:2px; color:rgba(88,48,20,1.00);font-family: 'Oswald', arial, sans-serif; text-align:center; font-size:10px; margin:0px 0px 3px 0px;}
.redHighlight {background-color:rgba(209,55,55,1.00); padding:1%; border-radius:1%; display:inline-block; border: 1px dotted rgba(171,101,0,1.00); color:#ffffff;}
.yellowHighlight {background-color:rgba(189,158,47,1.00); padding:1%; border-radius:1%; display:inline-block; color:#ffffff;}
.purpleHighlight {background-color:rgba(143,61,146,1.00); padding:1%; border-radius:1%; display:inline-block; color:#ffffff;}
.greenHighlight {background-color:rgba(68,134,32,1.00); padding:1%; border-radius:1%; display:inline-block; border:1px dotted rgba(142,127,29,1.00); color:#ffffff;}
.zeroPrice {display:inline; padding:2px; border-radius:2px; margin:2px; font-size:8px; text-transform:uppercase; background-color:rgba(235,222,191,1.00); border:dotted 1px rgba(147,119,83,1.00); color:#422A0F;}

#prodPage-wrapper {overflow:auto; width:100%;}
#pP-head {color:#ffffff; background-color:#103f6d; background-image:url(../images/bg-prod-page-header.jpg); background-repeat:repeat-x; background-position:top; float:left; width:20%;  border-bottom-left-radius:15px; border-bottom-right-radius:15px;  min-height:100vh; padding:5% 1% 5% 1%;}
#pP-head-c {width:95%; margin:0px auto 0px auto; padding:2% 2% 20% 2%; color:rgba(200,228,241,1.00); overflow:auto;}
#pP-h1-txt {margin:0px; font-size:20px;; font-weight:700px; font-family: 'Oswald', arial, sans-serif; color:#ffffff; text-align:center; padding:15px; border-bottom:dotted 1px #5691b9;}
#pP-c-txt {width:100%; font-size:15px; text-align:center; padding:10px 0px 0px 0px;}
#pP-c-txt p {padding:0px; margin:0px;}
#pP-head #pP-menu { font-weight:bold;   width:100%;}
#pP-head #pP-menu ul {padding:0px; margin:0px;}
#pP-head #pP-menu ul li {text-decoration:none; margin:0px 0px 10px 0px; list-style:none; font-size:12px; font-weight:700px;}
#pP-head #pP-menu ul li select {background-color:rgba(226,238,248,1.00); border-radius:5px; width:100%; padding:5px; font-weight:bold; text-transform:uppercase;}

#pP-hidden-subHead {position:fixed; top:0px; width:100%; background-color:#103f6d; display:none; z-index:3;}
#pP-hidden-subHead-c {width:95%; margin:0px auto 0px auto; padding:20px 0px 0px 0px; color:rgba(200,228,241,1.00);}
#pP-hidden-subHead-logo {padding:0px 10px 10px 0px; float:left;}
#pP-hidden-subHead-logo img {max-height:50px;} 
#pP-hidden-subHead #pP-h1-txt {margin:0px; font-size:1.4vw; font-weight:700px; font-family: 'Oswald', sans-serif; color:#ffffff; padding:10px 15px 15px 15px;}
#pP-hidden-subHead #pP-menu {float:right; text-transform:uppercase; font-weight:bold;}
#pP-hidden-subHead #pP-menu ul {padding:0px; margin:0px;}
#pP-hidden-subHead #pP-menu ul li {text-decoration:none; margin:0px 20px 10px 0px; list-style:none; font-size:12px; font-weight:700px; float:left;}
#pP-hidden-subHead #pP-menu ul li select {backgound-color:#c3b392; border-radius:5px; width:100%; padding:5px;}
#pP-footer-txt {border:1px dotted #dad2c3; border-radius:10px; padding:20px; background-color:#f6ecd8; width:95%; margin:20px auto 20px auto; color:rgba(119,103,47,1.00); text-align:justify; font-size:15px; line-height:30px;}

#pP-price {text-align:center; font-size:35px; color:rgba(185,199,45,1.00); font-weight:800;}
#pP-price-txt {font-size:12px; text-align:center; padding:0px 0px 20px 0px;} 





#prodLayout-1 {

	color:#7f6319;
	min-height:100vh;
	overflow:auto;
	/* background: -webkit-linear-gradient(#f2e3c4, white 50%);  For Safari 5.1 to 6.0 */
    /*background: -o-linear-gradient(#f2e3c4, white 50%);  For Opera 11.1 to 12.0 */
    /* background: -moz-linear-gradient(#f2e3c4, white 50%); For Firefox 3.6 to 15 */
    /* background: linear-gradient(#f2e3c4, white 50%); Standard syntax */	
}
#pL1-c  {width:95%; margin:0px auto 0px auto; padding:40px 0px 0px 0px; position:relative; overflow-x:visible;}
#prodLayout-1  .filtertext {float:left; padding:0px 20px 0px 0px;}
#prodLayout-1  .ectpfkeyword { border-radius:5px;}
#prodLayout-1  .discountsapply {font-size:12px; padding:15px 0px 0px 0px;}
#prodLayout-1  .proddiscounts {  font-size:12px; font-weight:700; text-transform:uppercase; color:rgba(158,189,104,1.00);}
#prodLayout-1 .products {padding:15px 0px 0px 0px; }
#prodLayout-1  .product {width:20%; float:left; background-color:rgba(255,255,255,0.00);  padding:10px; border-radius:10px; transition:background-color 0.5s ease; border:1px dotted rgba(255,255,255,0.00); position:relative; height:auto; margin-bottom:.4%;}
#prodLayout-1  .product:hover {
	background-color:#f7efdc;
	border:1px dotted #f2e4c6;
	background-image:url(../images/bg-product-hover.jpg);
	background-size:100% 100%;
	
	}
#prodLayout-1  .prodoptions {display:none;}
#prodLayout-1  .proddescription {font-size:12px; color:#8497a5; text-align:center; padding:5px 5px 30px 5px; display:none; position:absolute; top:0px; right:-50px; width:65%; background-image:url(../images/bg-thought-bubble.png); background-size:100% 100%; z-index:10;}
#prodLayout-1 div .prodimage  {text-align:center; width:100%;}
#prodLayout-1 div .prodimage  img {width:75%;}
#prodLayout-1  .prodname {text-align:center; font-weight:400; font-size:1.2vw; text-transform:uppercase; font-family: 'Oswald', sans-serif; color:#6b4d0e; text-decoration:none;}
#prodLayout-1  .prodname a:link { text-transform:uppercase; font-family: 'Oswald', sans-serif; color:#6b4d0e; text-decoration:none;}
#prodLayout-1  .prodname a:visited{ text-transform:uppercase; font-family: 'Oswald', sans-serif; color:#6b4d0e;  text-decoration:none;}
#prodLayout-1  .prodname a:hover { text-transform:uppercase; font-family: 'Oswald', sans-serif; color:rgba(158,138,70,1.00);  text-decoration:none;}
#prodLayout-1  .prodname a:active { text-transform:uppercase; font-family: 'Oswald', sans-serif; color:#6b4d0e; font-size:18px; text-decoration:none;}
#prodLayout-1  .prodprice {padding:2%; font-weight:bold; text-align:center; color:rgba(107,152,40,1.00);}
#prodLayout-1  .listprice {padding:2%; text-align:center; font-weight:normal !important; display:none;}
#prodLayout-1  .addtocart {text-align:center;}
#prodLayout-1  .addtocart img {width:50%;}







#prodLayout-2 {
	color:#7f6319;
	min-height:300px;
	background: -webkit-linear-gradient(#f2e3c4, white 50%);  /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#f2e3c4, white 50%); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#f2e3c4, white 50%); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#f2e3c4, white 50%); /* Standard syntax */	
	
}
#pL2-c  {width:95%; margin:0px auto 0px auto; padding:40px 0px 0px 0px; position:relative; overflow-x:visible;}
#prodLayout-2  .filtertext {float:left; padding:0px 20px 0px 0px;}
#prodLayout-2  .ectpfkeyword { border-radius:5px;}
#prodLayout-2  .discountsapply {font-size:12px; padding:15px 0px 0px 0px;}
#prodLayout-2  .proddiscounts {  font-size:12px; font-weight:700; text-transform:uppercase; color:rgba(158,189,104,1.00);}
#prodLayout-2 .products {padding:15px 0px 0px 0px;}
#prodLayout-2  .product {width:16.66666666666667%; float:left; background-color:rgba(255,255,255,0.00); margin:5px; padding:10px; border-radius:10px; transition:background-color 0.5s ease; border:1px dotted rgba(255,255,255,0.00); position:relative; min-height:225px;}
#prodLayout-2  .product:hover {
	background-color:#f7efdc;
	border:1px dotted #f2e4c6;
	background-image:url(../images/bg-product-hover.jpg);
	background-size:100% 100%;
	
	}
#prodLayout-2  .prodoptions {display:none;}
#prodLayout-2  .proddescription {font-size:12px; color:#8497a5; text-align:center; padding:5px 5px 30px 5px; display:none; position:absolute; top:0px; right:-50px; width:65%; background-image:url(../images/bg-thought-bubble.png); background-size:100% 100%; z-index:10;}
#prodLayout-2 div .prodimage  {text-align:center; width:100%;}
#prodLayout-2 div .prodimage  img {width:75%;}
#prodLayout-2  .prodname {text-align:center; font-weight:400; font-size:12px; line-height:16px; height:60px; text-transform:uppercase; font-family: 'Oswald', sans-serif; color:#6b4d0e; text-decoration:none;}
#prodLayout-2  .prodname a:link { text-transform:uppercase; font-family: 'Oswald', sans-serif; color:#6b4d0e; text-decoration:none;}
#prodLayout-2  .prodname a:visited{ text-transform:uppercase; font-family: 'Oswald', sans-serif; color:#6b4d0e;  text-decoration:none;}
#prodLayout-2  .prodname a:hover { text-transform:uppercase; font-family: 'Oswald', sans-serif; color:rgba(158,138,70,1.00);  text-decoration:none;}
#prodLayout-2  .prodname a:active { text-transform:uppercase; font-family: 'Oswald', sans-serif; color:#6b4d0e; font-size:18px; text-decoration:none;}
#prodLayout-2  .prodprice {padding:.5%; text-align:center;}
#prodLayout-2  .addtocart {text-align:center;}
#prodLayout-2  .buybutton {width:75px;}



#prodLayout-3 {
	color:#7f6319;
	min-height:300px;
background: -webkit-linear-gradient(#f2e3c4, white 50%);  /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#f2e3c4, white 50%); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#f2e3c4, white 50%); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#f2e3c4, white 50%); /* Standard syntax */	
	
}
#pL3-c  {width:95%; margin:0px auto 0px auto; padding:40px 0px 0px 0px; position:relative; overflow-x:visible; }
#prodLayout-3  .filtertext {float:left; padding:0px 20px 0px 0px;}
#prodLayout-3  .ectpfkeyword { border-radius:5px;}
#prodLayout-3  .discountsapply {font-size:12px; padding:15%;}
#prodLayout-3  .proddiscounts {  font-size:12px; font-weight:700; text-transform:uppercase; color:rgba(158,189,104,1.00);}
#prodLayout-3 .products {padding:15px 0px 0px 0px; margin:0px 0px 0px 22.2%;}
#prodLayout-3  .product {width:49%; float:left; background-color:rgba(255,255,255,0.00); margin:0px 0px 2% 0px; padding:10px; border-radius:10px; transition:background-color 0.5s ease; border:1px dotted rgba(255,255,255,0.00); position:relative; height:225px; font-size:12px;}
#prodLayout-3  .product:hover {
	background-color:#f7efdc;
	border:1px dotted #f2e4c6;
	background-size:100% 100%;
	
	}
#prodLayout-3  .prodoptions {width:33.33333333333333%; position:absolute; right:5px; top:22%; padding:10px;}
#prodLayout-3  .optiontext {background-color:rgba(172,153,110,1.00); color:#ffffff; text-transform:uppercase; text-align:center; font-size:9px; padding:2px;}
#prodLayout-3  .option { }
#prodLayout-3   select {background-color:rgba(255,255,255,1.00); border:dotted 1px rgba(209,201,167,1.00); padding:3px; border-radius:3px; width:100%; font-size:10px; text-transform:uppercase; font-weight:bold;}
#prodLayout-3  .proddescription { padding:10px; width:66.66666666666667%; float:left; text-align:left; margin-left:33.33333333333333%;}
#prodLayout-3  .proddescription p {padding:0px; margin:0px;}
#prodLayout-3 div .prodimage  {text-align:center; width:28%; position:absolute; left:5px; top:20%; padding:10px;}
#prodLayout-3 div .prodimage  img {width:100%;}
@media only screen and (min-width: 1500px) {
#prodLayout-3  .prodname {text-align:center; font-weight:400; font-size:.82vw; text-transform:uppercase; font-family: 'Oswald', sans-serif; color:#6b4d0e; text-decoration:none; width:100%; float:right; padding:3px; border-bottom:1px dotted rgba(204,180,142,1.00); margin:0px 0px 5px 0px; background-color:rgba(11,73,117,1.00); border-top-right-radius:5px; border-top-left-radius:5px;}}
@media only screen and (min-width: 1120px) and (max-width: 1499px) {
#prodLayout-3  .prodname {text-align:center; font-weight:400; font-size:1.2vw; text-transform:uppercase; font-family: 'Oswald', sans-serif; color:#6b4d0e; text-decoration:none; width:100%; float:right; padding:3px; border-bottom:1px dotted rgba(204,180,142,1.00); margin:0px 0px 5px 0px; background-color:rgba(11,73,117,1.00); border-top-right-radius:5px; border-top-left-radius:5px;}}
#prodLayout-3  .prodname a:link { text-transform:uppercase; font-family: 'Oswald', sans-serif; color:#ffffff; text-decoration:none;}
#prodLayout-3  .prodname a:visited{ text-transform:uppercase; font-family: 'Oswald', sans-serif;color:#ffffff;   text-decoration:none;}
#prodLayout-3  .prodname a:hover { text-transform:uppercase; font-family: 'Oswald', sans-serif; color:#ffffff;   text-decoration:none;}
#prodLayout-3  .prodname a:active { text-transform:uppercase; font-family: 'Oswald', sans-serif; color:#ffffff; font-size:18px; text-decoration:none;}
#prodLayout-3  .prodprice {width:60%; float:left; margin-left:33.33333333333333%; padding:10px;}
#prodLayout-3  .addtocart {width:60%; float:left;  margin-left:33.33333333333333%; padding:0px 0px 0px 10px;}
#prodLayout-3  .buybutton {width:75px;}
#prodLayout-3  .configbutton {width:75px;}
#prodLayout-3  .price {font-size:18px; color:rgba(65,125,16,1.00);}













#flav-descdrops {text-align:center; overflow:auto; float:right;}
#flav-descdrops img {width:130px;}
#flav-descdrops-txt {font-size:18px; font-weight:700px; color:rgba(45,99,150,1.00); padding:10px 10px 10px 0px;}
#flav-descdrops-show {}
#flav-descdrops-hide {display:none;}
.fdd {float:left;}

#flav-descdrops-alt {text-align:center; overflow:auto; padding:10px;}
#flav-descdrops-alt img {width:130px;}
#flav-descdrops-txt-alt {font-size:15px; font-weight:700px; color:rgba(218,243,253,1.00); padding:10px 10px 0px 0px;}
#flav-descdrops-show-alt {}
#flav-descdrops-hide-alt {display:none;}
.fdd {float:left;}



/* Category Page Styles */

#catPage-wrapper {overflow:auto; width:100%;}

#cL1-CategoryContainer {height:400px; background-image:url(../images/bg-cat-header.jpg); background-repeat:repeat-x; padding:20px 0px 0px 0px;}
#cL1-CatList {width:95%; margin:0px auto 0px auto;}
#cL1-bg1 {background-image:url(../images/bg-cat-wood-table.jpg); background-position:50% 100%; background-repeat:repeat-x; height:400px; }
#cL1-bg2 {background-image:url(../images/bg-cat-wood-table-shine.png); background-repeat:no-repeat; background-position:50% 98%; height:400px;}
#cL1-CatList .category {float:left; width:24%; text-align:center; border:0px;}
#cL1-CatList .categorytitle {text-align:center; text-transform:uppercase; color:#ffffff; font-size:20px; padding:5px; margin:0px auto 0px auto; background-color:rgba(155,38,40,1.00); border-radius:10px; border:1px dotted rgba(173,56,58,1.00); width:40%;}
#cL1-CatList .categorymessage {display:none;}
#cL1-CatList .catimage {width: 100%; min-width:100px; max-width:299px; margin:0px auto 0px auto;}
#cL1-CatList .discountsapply {display:none;}
#cL1-CatList .catdiscounts {display:none;}
#cL1-CatList .catname { width:90%; padding:10px 0px 0px 0px; margin:0px auto 0px auto; background-color:#1f537a; border:1px dotted #2c78af; border-radius:10px; height:42px; font-size:18px; font-weight:bold; margin:0px;}
#cL1-CatList .catname a:link {text-transform:uppercase; color:#ffffff; text-decoration:none;}
#cL1-CatList .catname a:visited {text-transform:uppercase; color:#ffffff; text-decoration:none;}
#cL1-CatList .catname a:active {text-transform:uppercase; color:#ffffff; text-decoration:none;}
#cL1-CatList .catname a:hover {text-transform:uppercase; color:#ffffff; text-decoration:none;}

#cL1-InfoContainer {
	color:#7f6319;
	min-height:600px;
	border-top:1px dotted #d7c3a2;
	background: -webkit-linear-gradient(#f2e3c4, white 50%); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#f2e3c4, white 50%); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#f2e3c4, white 50%); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#f2e3c4, white 50%); /* Standard syntax */	
	}
#cL1-content {width:95%; padding:20px 0px 0px 0px; margin:0px auto 0px auto;}

#cL1-video {width: 40%; float:left; position: relative;
padding-bottom: 23.25%; /* 16:9 Aspect Ratio */
padding-top: 22px;
height: 0;
}
#cL1-video iframe {position: absolute;
top: 0;
left: 0;
width: 100%!important;
height: 100%!important;}
#cL1-description {width:60%; float:right; padding:25px;  line-height:30px; font-size:15px;}
#cL1-description-full {width:100%; float:right; padding:25px; line-height:30px; font-size:15px;}

#pL1-video {width: 100%; float:left; position: relative;
padding-bottom: 60.25%; /* 16:9 Aspect Ratio */
padding-top: 22px;
height: 0;
}
#pL1-video iframe {position: absolute;
top: 0;
left: 0;
width: 100%!important;
height: 100%!important;}
#cL2-description {width:60%; float:right; padding:25px;  line-height:30px; font-size:15px;}
#cL2-description-full {width:100%; float:right; padding:25px; line-height:30px; font-size:15px;}





#cL2-CategoryContainer { background-image:url(../images/bg-cat-header.jpg); background-repeat:repeat-x; padding:20px 0px 0px 0px;}
#cL2-CatList {width:95%; margin:0px auto 0px auto;}
#cL2-bg1 {background-image:url(../images/bg-cat-wood-table.jpg); background-position:50% 100%; background-repeat:repeat-x; }
#cL2-bg2 {background-image:url(../images/bg-cat-wood-table-shine.png); background-repeat:no-repeat; background-position:50% 98%; overflow:auto; padding-bottom:20px;}
#cL2-CatList .category {float:left; width:25%; text-align:center; padding:10px;}
#cL2-CatList .categorytitle {text-align:center; text-transform:uppercase; color:#ffffff; font-size:20px; padding:5px; margin:0px auto 0px auto; background-color:rgba(155,38,40,1.00); border-radius:10px; border:1px dotted rgba(173,56,58,1.00); width:40%;}
#cL2-CatList .categorymessage {display:none;}
#cL2-CatList .catimage {width: 100%; min-width:100px; max-width:299px; margin:0px auto 0px auto;}
#cL2-CatList .discountsapply {display:none;}
#cL2-CatList .catdiscounts {display:none;}
#cL2-CatList .catname { width:90%; padding:10px; margin:0px auto 0px auto; background-color:#1f537a; border:1px dotted #2c78af; border-radius:10px; height:75px;  font-size:18px; font-weight:bold; margin:0px;}
#cL2-CatList .catname a:link {text-transform:uppercase; color:#ffffff; text-decoration:none;}
#cL2-CatList .catname a:visited {text-transform:uppercase; color:#ffffff; text-decoration:none;}
#cL2-CatList .catname a:active {text-transform:uppercase; color:#ffffff; text-decoration:none;}
#cL2-CatList .catname a:hover {text-transform:uppercase; color:#ffffff; text-decoration:none;}

#cL2-InfoContainer {
	color:#7f6319;
	min-height:600px;
	border-top:1px dotted #d7c3a2;
	background: -webkit-linear-gradient(#f2e3c4, white 50%); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#f2e3c4, white 50%); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#f2e3c4, white 50%); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#f2e3c4, white 50%); /* Standard syntax */	
	}
#cL2-content {width:95%; padding:20px 0px 0px 0px; margin:0px auto 0px auto;}
#cL2-video {width: 40%; float:left; position: relative;
padding-bottom: 23.25%; /* 16:9 Aspect Ratio */
padding-top: 22px;
height: 0;
}
#cL2-video iframe {position: absolute;
top: 0;
left: 0;
width: 100%!important;
height: 100%!important;}
#cL2-description {width:60%; float:right; padding:25px;  line-height:30px; font-size:15px;}
#cL2-description-full {width:100%; float:right; padding:25px; line-height:30px; font-size:15px;}


#cL3-CategoryContainer {}
#cL3-CatList {width:100%; margin:0px auto 0px auto; }
#cL3-bg1 { }
#cL3-bg2 {}
#cL3-CatList .category {float:left; width:20%; text-align:center; padding:1%;}
#cL3-CatList .categorytitle {text-align:center; text-transform:uppercase; color:#ffffff; font-size:20px; padding:2%; margin:0px auto 0px auto; background-color:rgba(155,38,40,1.00); border:1px dotted rgba(173,56,58,1.00); width:100%;}
#cL3-CatList .categorymessage {display:none;}
#cL3-CatList .catimage {width: 100%;  margin:0px auto 0px auto;}
#cL3-CatList .catimage img {width:75%; height:auto;}
#cL3-CatList .discountsapply {display:none;}
#cL3-CatList .catdiscounts {display:none;}
#cL3-CatList .catname { width:100%; padding:1% 0px 0px 0px; margin:0px auto 0px auto; background-color:#1f537a; border:1px dotted #2c78af; border-radius:10px; height:42px; font-size:18px; font-weight:bold; margin:0px;}
#cL3-CatList .catname a:link {text-transform:uppercase; color:#ffffff; text-decoration:none;}
#cL3-CatList .catname a:visited {text-transform:uppercase; color:#ffffff; text-decoration:none;}
#cL3-CatList .catname a:active {text-transform:uppercase; color:#ffffff; text-decoration:none;}
#cL3-CatList .catname a:hover {text-transform:uppercase; color:#ffffff; text-decoration:none;}

#cL3-InfoContainer {
	color:#7f6319;
	min-height:600px;
	border-top:1px dotted #d7c3a2;
	background: -webkit-linear-gradient(#f2e3c4, white 50%); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#f2e3c4, white 50%); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#f2e3c4, white 50%); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#f2e3c4, white 50%); /* Standard syntax */	
	}
#cL3-content {width:95%; padding:20px 0px 0px 0px; margin:0px auto 0px auto;}

#cL3-video {width: 40%; float:left; position: relative;
padding-bottom: 23.25%; /* 16:9 Aspect Ratio */
padding-top: 22px;
height: 0;
}
#cL3-video iframe {position: absolute;
top: 0;
left: 0;
width: 100%!important;
height: 100%!important;}
#cL3-description {width:60%; float:right; padding:25px;  line-height:30px;}
#cL3-description-full {width:100%; float:right; padding:25px; line-height:30px;}

#pL3-video {width: 100%; float:left; position: relative;
padding-bottom: 60.25%; /* 16:9 Aspect Ratio */
padding-top: 22px;
height: 0;
}
#pL3-video iframe {position: absolute;
top: 0;
left: 0;
width: 100%!important;
height: 100%!important;}
#cL3-description {width:60%; float:right; padding:25px;  line-height:30px;}
#cL3-description-full {width:100%; float:right; padding:25px; line-height:30px;}







/* News Section */

#homeNewsDiv {overflow:auto;}

#hNDiv-title {text-align:center; font-size:1.5vw; padding:10px; color:#99c3db; border-bottom:dotted 1px #99c3db;}


#hNDiv-article {float:left; width:33.33333333333333%; padding:2%; color:#7f5e3e; }
#hNDiv-a-row1 {overflow:auto;}
#hNDiv-a-row2 {overflow:auto;}

#hNDa-title {padding:0px 0px 15px 0px; border-bottom:dotted 1px #f3e2be; font-size:1.1vw;}
#hNDa-title a:link {color:#955f27; text-decoration:none; }
#hNDa-title a:visited {color:#955f27; text-decoration:none; }
#hNDa-title a:hover {color:#955f27; text-decoration:none; }
#hNDa-title a:active {color:#955f27; text-decoration:none; }

#hNDa-link a:link {color:#99c3db; text-decoration:none;}
#hNDa-link a:visited {color:#99c3db; text-decoration:none;}
#hNDa-link a:hover{color:#99c3db; text-decoration:none;}
#hNDa-link a:active {color:#99c3db; text-decoration:none;}

#hNDa-excerpt {text-align:justify;}



/* Product Detail Styles Styles */


#proddetailContainer {color:#7f6319;
	min-height:400px;
	background: -webkit-linear-gradient(#f2e3c4, white 50%); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#f2e3c4, white 50%); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#f2e3c4, white 50%); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#f2e3c4, white 50%); /* Standard syntax */	
	padding:50px;}
.proddetail {width:100%; position:relative; margin:0px auto 0px auto; padding:1%; overflow:auto; background-color:#ffffff; border-radius:20px; border:1px dotted rgba(216,204,178,1.00);}
.proddetail p {margin:0px; padding:2px;}
	.detailid {display:none;}
.detailoptions {width:75%; float:right; padding:15px;}
.detailoptiontext {font-weight:bold; background-color:#daebf4; color:#00214b; text-transform:uppercase; text-align:center; font-size:12px; width:25%; float:left; height:35px; margin:0px 0% 1px 0px; text-align:right;}
.detailoption {float:right; height:35px; margin:0px 0px 1px 0px; padding:0px 5px 0px 5px; width:75%;}
.proddetail select {background-color:rgba(255,255,255,1.00); border:dotted 1px rgba(209,201,167,1.00); padding:5px; border-radius:3px; width:100%; font-size:15px; text-transform:uppercase; font-weight:bold; }

#altdetail .detailoptions  {width:75%; float:right; padding:15px;}
#altdetail .detailoptiontext {font-weight:bold; background-color:#daebf4; color:#00214b;  text-transform:uppercase; text-align:center; font-size:9px; padding:5px 5px 0px 0px; width:25%; float:left; height:25px; margin:0px 0px 1px 0px; text-align:right;}
#altdetail .detailoption {float:left; height:25px; margin:0px 0px 1px 0px; padding:0px 5px 0px 5px; width:75%;}
#altdetail .proddetail select {background-color:rgba(255,255,255,1.00); border:dotted 1px rgba(209,201,167,1.00); padding:3px; border-radius:3px;  font-size:10px; text-transform:uppercase; font-weight:bold; width:100%;}




.proddetail .option {width:75%;}
.proddetail div .detailimage {width:25%; padding:5px;}
.proddetail div .detailimage img {width:100%;}
.detailname {text-align:center; margin:0px 0px 10px 0px; border-bottom:1px dotted rgba(192,171,120,1.00); color:rgba(29,60,108,1.00); font-size:1.0vw; line-height:2vw; font-weight:700; width:75%; float:right;}
.detaildescription {border-bottom:1px dotted rgba(192,171,120,1.00); padding:15px; margin:0px 0px 0px 0px; width:75%; float:right; }
.detaildiscounts {padding:5px; width:75%; background-color:rgba(93,127,42,1.00); border-bottom:1px dotted rgba(61,88,30,1.00); text-align:center; color:#D4DCA5; border-bottom-right-radius:10px; border-bottom-left-radius: 10px; text-transform:uppercase; font-size:11px; margin:0px auto 12px auto; float:right;}
.detaildiscountsapply {display:none;}
.detailaddtocart {width:75%; float:right; text-align:center;}
.detailaddtocart img {width:15%;}
.price {}
.detailprice {width:75%; float:right; text-align:center; font-size:22px;}
.previousnext {width:24%; text-align:center; text-transform:uppercase;  background-color:rgba(239,228,206,1.00); padding:10px; border-radius:10px; margin:15px 0px 0px 0px; border:dotted 1px rgba(208,193,165,1.00); font-size:11px;}



#proddetail-cross-sell {margin:0px auto 0px auto; width:85%; padding:20px;}
#proddetail-cross-sell .addtocart {display:none;}
#proddetail-cross-sell .prodprice {display:none;}
#proddetail-cross-sell  .prodimage {margin:0px auto 0px auto; text-align:center;}
#proddetail-cross-sell  .prodimage img {width:50%;}
#proddetail-cross-sell  .product {width:24%; float:left; border-radius:10px; border:1px dotted #f6eed9; background-color:#ffffff; margin:.5%; }
#proddetail-cross-sell .products {overflow:auto; padding:10px; border-radius:10px; border:1px dotted #f6eed9;}
#proddetail-cross-sell  .prodname {text-align:center; font-weight:400; height:35px; font-size:14px; line-height:16px;}
#proddetail-cross-sell  .prodname a:link { text-transform:uppercase; font-family: 'Oswald', sans-serif; color:#6b4d0e; text-decoration:none;}
#proddetail-cross-sell  .prodname a:visited{ text-transform:uppercase; font-family: 'Oswald', sans-serif; color:#6b4d0e;  text-decoration:none;}
#proddetail-cross-sell  .prodname a:hover { text-transform:uppercase; font-family: 'Oswald', sans-serif; color:rgba(158,138,70,1.00);  text-decoration:none;}
#proddetail-cross-sell  .prodname a:active { text-transform:uppercase; font-family: 'Oswald', sans-serif; color:#6b4d0e; font-size:18px; text-decoration:none;}
#proddetail-InfoContainer {
	min-height:100vh;
	overflow:auto;
	border-top:dotted 1px #f1d59a;
	background: -webkit-linear-gradient(#f2e3c4, white 50%); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#f2e3c4, white 50%); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#f2e3c4, white 50%); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#f2e3c4, white 50%); /* Standard syntax */}
	
.cstitle {font-size:22px; color:rgba(116,88,42,1.00); border-bottom:1px dotted rgba(176,153,108,1.00); padding:10px;}


/* footer Styles */

#bottom-nav {position:fixed; bottom:0px; width:100%; max-height:75px;}
#btnHome {left:0px;}
#btnHome img {border:none; height:75px;}
#btnHome-c {width:95%; margin:0px auto 0px auto;}

#footer {background-color:#174161; color:#D0ECF7; width:100%;}

#fUSDnotice {padding:20px; text-align:center; background-color:#194a70; border-bottom:dotted 1px #65869f; margin:0px 0px 20px 0px;}
#fCopyright {padding:20px; text-align:center; background-color:#194a70;}
#fColumn {float:left; width:25%; padding:10px;}
#fColumn ul {padding:0px 0px 0px 10px; margin:0px;}
#fColumn ul li {list-style:none; padding:0px; margin:0px 0px 5px; text-transform:uppercase;}
#fColumn ul li a:link {text-decoration:none; color:#dcd3b5;}
#fColumn ul li a:active {text-decoration:none; color:#dcd3b5;}
#fColumn ul li a:visited {text-decoration:none; color:#dcd3b5;}
#fColumn ul li a:hover {text-decoration:none; color:#dcd3b5;}
#fColumn-c {overflow:auto; padding:20px 40px 40px 40px;}
#f-shopLogos img {width:100%;height:auto;}
#f-shopLogos {width:75%; margin:0px auto 0px auto; }
#fHeader {background-color:#194a70; border-bottom:dotted 1px #65869f; margin:10px 0px 20px 0px; padding:10px;}