@charset "utf-8";
/* CSS Document */






@media only screen  and (min-width: 600px) and (max-width: 1099px) {
	
	#SpecialAnnouncement {padding:1%; color:#ffffff; background-color:rgba(164,0,2,1.00); text-align:center;}
	#SpecialAnnouncement #line1 {font-weight:800; font-size:25px; }
	#SpecialAnnouncement #line2 {font-weight:bold; font-size:14px; color:rgba(255,247,181,1.00);}
	
	.freeshippingexempt {display:none;}
	.prodfilterbar{display:none;}
	
		#bulkPickles {background-color:rgba(66,134,34,1.00);   padding:2%; 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;}

* { 
    -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;}

.catheader { background-color:rgba(255,255,255,.80); border:1px rgba(217,208,192,1.00) dotted; border-radius:10px; padding:1%; margin:0% 1% 1% 27%; }


	
.cobtbl {width:85%; margin:0px auto 0px auto; font-size:12px; }
.cobtbl tr td {padding:0px; margin:0px;}
.cartimage {width:100%; max-width:75px;}
.cobhl {} 
.cobhdr {background-color:#2b72a5; color:#ffffff; text-align:center; text-transform:uppercase; font-size:12px; }
.cobll {border-bottom:1px dotted rgba(193,179,136,1.00);  background-color:rgba(253,250,240,1.00); padding:10px;}
.cdforminput {color:rgba(90,42,14,1.00); padding:5px; border:dotted 1px rgba(197,157,105,1.00); border-radius:5px; margin:5px; width:35%;}
.cdformselect {color:rgba(90,42,14,1.00); padding:5px; border:dotted 1px rgba(197,157,105,1.00); border-radius:5px; margin:5px; width:35%;}
.addinfo {color:rgba(90,42,14,1.00); padding:5px; border:dotted 1px rgba(197,157,105,1.00); border-radius:5px; margin:5px; width:35%;}
.cobhl {border-bottom:1px dotted rgba(193,179,136,1.00);}
.sCart-header { padding:15px; border-bottom:1px rgba(193,179,136,1.00) dotted; margin:0px auto 20px auto; font-size:24px; text-align:center;}
.cartupdate .ectlink {background-color:rgba(24,95,146,1.00); border:dotted 1px rgba(37,71,138,1.00); border-radius:5px; padding:5px; text-transform:uppercase; color:#ffffff; text-decoration:none; width:50%;}
.cartcontinue .ectlink {background-color:rgba(180,161,30,1.00); border:dotted 1px rgba(168,145,49,1.00); border-radius:5px; padding:5px; text-transform:uppercase; color:#ffffff; text-decoration:none; width:50%;}

/* 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:250px; background-image:url(../images/_slideimages/_bg-christmas-shipping.jpg); background-size:110% auto; background-position:center; background-repeat:no-repeat; position:relative; }
#hs-christmas-t-container {position:absolute; left:5%; top:15%; background-color:rgba(184,0,3,0.65); 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:15px;}
#hs-christmas-title2 {font-size:30px; line-height:40px;}
#hs-christmas-title3 {font-size:12px;}
#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:30%; position:absolute; top:30%; right:10%; font-family: 'Oswald', sans-serif; font-weight: 700; color:#ffffff; text-transform:uppercase; text-decoration:none; font-size:15px; text-align:center;}


#home-slide1 {height:200px; background-image:url(../images/_slideimages/_bg-SeasonOpenerSale.jpg);  background-size:110% auto; background-position:center; background-repeat:no-repeat; position:relative; }
#hs1-t-container {position:absolute; left:5%; top:15%; 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:15px;}
#hs1-title2 {font-size:30px; line-height:40px;}
#hs1-title3 {font-size:12px;}
#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:30%; right:5%; font-family: 'Oswald', sans-serif; font-weight: 700; color:#ffffff; text-transform:uppercase; text-decoration:none; font-size:15px; text-align:center;}

#home-slide2 {height:200px; background-image:url(../images/_slideimages/_bg-pure-cane-sugar.jpg);  background-size:110% auto;  background-position:center; background-repeat:no-repeat; position:relative; }
#hs2-t-container {position:absolute; left:5%; top:15%; background-color:rgba(13,68,119,0.69); width:50%; 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:15px;}
#hs2-title2 {font-size:30px; line-height:40px;}
#hs2-title3 {font-size:15px;}
#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:30%; position:absolute; top:30%; right:10%; font-family: 'Oswald', sans-serif; font-weight: 700; color:#ffffff; text-transform:uppercase; text-decoration:none; font-size:15px; text-align:center;}

#home-slide3 {height:200px; background-image:url(../images/_slideimages/_bg-family-fun-time.jpg); background-size:110% auto;  background-position:center; background-repeat:no-repeat;  position:relative; }
#hs3-t-container {position:absolute; left:5%; top:15%;  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:15px;}
#hs3-title2 {font-size:40px; line-height:60px;}
#hs3-title3 {font-size:15px;}
#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:30%; position:absolute; top:30%; right:5%; font-family: 'Oswald', sans-serif; font-weight: 700; color:#ffffff; text-transform:uppercase; text-decoration:none; font-size:15px; text-align:center;}





/* 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:100%; overflow:auto; margin:0px auto 0px auto;}
#topMenu ul {padding:0px; margin:0px; width:100%; overflow:auto; }
#topMenu ul li {float:right; list-style:none; padding:10px 20px 10px 20px; font-size:1vw; width:12.5%; text-align:center;}
#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 2% 10px 20px !important; width:16.66666666666667%;}
.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 2% 10px 20px !important; width:16.66666666666667%;}
.ps-li:hover {background-color:rgba(152,73,168,1.00);}
#middleMenu {
	height:67px;
	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 */
	border-bottom: dotted 0px #3285b0;
	}

#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:5px; left:0px; z-index:1; width:100px;}
																																																																																																																																			#logo img {width:100%; height:auto;}
																																																																																																																																			#mM-logo-info {width:250px; height:52px; background-size:100% 100%; position:absolute; left:25px; top:21px; background-image:url(../images/bg-logo.png); padding:5px 0px 0px 50px; text-align:center; color:#89561a;}
#mM-logo-info img {width:10px; height:auto;}																																																																		
#mM-line1{font-weight:800; font-size:8px; text-transform:uppercase;}
#mM-line2{font-size:15px; font-family: 'Oswald', sans-serif; font-weight: 700; text-transform:uppercase;}
#mM-line3{font-size:8px;}
#pNumber {text-align:center; font-weight:800; font-family: 'Oswald', sans-serif; color:#ffffff; padding:5px;}
#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:2vw; font-weight:800; color:#ffffff; padding:0px 10px 10px 10px; width:21.8%; 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:2vw; font-weight:800; color:#ffffff; padding:0px 10px 10px 10px; width:38%; text-align:right;}
#sL-txt2:hover .pinWheel2 {
	-webkit-transform:rotate(360deg);
    -moz-transform:rotate(360deg); 
    -o-transform:rotate(360deg);
	}
#pinWheel1 {float:right; }
.pinWheel1 {
	max-width:75%; 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; }
.pinWheel2 {
	max-width:75%; 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 {
	min-height:600px;

	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;}
.hFD-title {background-color:#712351; padding:1%; margin:0px 0px 0px 0px; color:#ffffff; font-size:2vw; text-align:center;}
#hFD-prods .cstitle {display:none;}
#hFD-prods .prodprice {display:none;}
#hFD-prods {width:48%; float:left; padding:15px;}


#hFD-prods .product {float:left; width:50%; padding:1%; position:relative; background-image:url(../images/bg-featured.png); background-size:100% auto; background-repeat:no-repeat;}
#hFD-prods .prodname {text-align:center; padding:12px; height:80px; }


#hFD-prods .prodimage {width:100%;  text-align:center;} 
#hFD-prods .prodimage img {width:75%;}
#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-prods .addtocart {position:absolute; bottom:109px; left:0px; width:100%; text-align:center;}
#hFD-prods .buybutton {width:75px; }
#hFD-prods .configbutton {width:75px; }
#hFD-info {width:50%; float:right; 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;
	}
	
#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:2vw; margin:0%;}


#hFD-specials .proddescription p {padding:0px; margin:0px; background-color:#0f3049;}
#hFD-specials div .prodimage img {width:65%;}
#hFD-specials div .prodimage {width:40%; float:left; 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 10px 10px 0px; float:right;   width:60%; text-align:left; font-size:12px; display:none; }
#hFD-specials .addtocart { height:auto; float:right;  width:60%; text-align:left; margin:0px auto 0px auto;}
#hFD-specials .buybutton {width:75px;}
#hFD-specials .configbutton {width:75%;}
#hFD-specials .configbutton img {width:50%;}

#hFD-specials .product {float:left; width:50%; padding:15px 25px 0px 25px; background-image:url(../images/bg-featured.png); background-size:auto 100%; background-repeat:no-repeat; position:relative; margin:0px auto 0px auto;}
#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:left; height:47px;  float:right; width:60%; padding-top:10px;}


	
#hPD-c {overflow:auto; padding:15px;  background-color:rgba(239,230,211,1.00); border:dotted 1px rgba(219,203,175,1.00);}
.hPD-title {background-color:#1e7084; padding:15px; margin:0%;  color:#ffffff; font-size:2vw; text-align:center; border:dotted 1px #2b78b0;}
#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:33.333333333%; 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:10px; height:80px; }



#hPD-prods .prodimage {width:100%; text-align:center;}
#hPD-prods .prodimage img {width:85%;}
#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 {position:absolute; bottom:109px; left:0px; width:100%; text-align:center;}
#hPD-prods .addtocart img {width:50%;}
#hFD-prods .configbutton {width:100%;}
#hFD-prods .configbutton img {width:62%;}
#hPD-prods .prodprice {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.333333333%; overflow:auto; text-align:center; float:left; transition:background 1.1s ease; padding:1%; 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.333333333%; overflow:auto; text-align:center; float:left; transition:background-color 1.1s ease; padding:1%; 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:25%; 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:25%; 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:1%; 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:50%; height:auto; }
#pBTN-c3-img img {width:80%; height:auto; }
#pBTN-c1-txt {font-size:1vw; color:#ffffff; text-transform:uppercase; margin:0%;}
#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;
	
	
}

.prodfilter {width:75%; 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:1.1vw; padding:1%; text-align:center; }
.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;}
	
	
	
	/*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: 95%;
	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);}
li {padding-bottom:1%;}
		
		


/* 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;}
#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:25%;  padding:3% 1% 1% 1%; height:100vh;}
#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:15px;; 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:11px; 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:1;}
#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:11px;}

#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: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 */	
	
}
#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:16.66666666666667%; 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; line-height:16px; padding:2%; 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 {display:none;}
#prodLayout-1  .listprice {padding:2%; text-align:center; font-weight:normal !important; display:none;}
#prodLayout-1  .addtocart {text-align:center;}
#prodLayout-1  .buybutton {width:75px;}






#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; 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:100%; 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:15px 0px 0px 0px;}
#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 27.2%; width:70%;}
#prodLayout-3  .product {width:48%; 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:220px; 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:7px; 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:1px; border-radius:3px; width:100%; font-size:7px; text-transform:uppercase; font-weight:bold;}
#prodLayout-3  .proddescription { padding:10px; width:65%; 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:30%; position:absolute; left:5px; top:20%; padding:10px;}
#prodLayout-3 div .prodimage  img {width:100%;}
#prodLayout-3  .prodname {text-align:center; font-weight:400; font-size:1.1vw; 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:33.33333333333333%%; 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  .addtocart img {width:30%}
#prodLayout-3  .price {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;}

#cL1-CategoryContainer {height:360px; 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:340px; }
#cL1-bg2 {background-image:url(../images/bg-cat-wood-table-shine.png); background-repeat:no-repeat; background-position:50% 98%; height:340px;}
#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:14px; 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:50%;}
#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:12px; 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;}
#cL1-description-full {width:100%; float:right; padding:25px; line-height:30px;}

#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;}
#cL1-description {width:60%; float:right; padding:25px;  line-height:30px;}
#cL1-description-full {width:100%; float:right; padding:25px; line-height:30px;}





#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:14px; 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:50%;}
#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;}
#cL2-description-full {width:100%; float:right; padding:25px; line-height:30px;}


#cL3-CategoryContainer {}
#cL3-CatList {width:100%; margin:0px auto 0px auto;}
#cL3-bg1 {}
#cL3-bg2 {}
#cL3-CatList .category {float:left; width:33.33333333333333%; text-align:center; padding:1%;}
#cL3-CatList .categorytitle {text-align:center; text-transform:uppercase; color:#ffffff; font-size:12px; 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:10px 0px 0px 0px; margin:0px auto 0px auto; background-color:#1f537a; border:1px dotted #2c78af; border-radius:10px; height:42px; font-size:12px; 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:15px; 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:30px;}
.proddetail {width:98%; position:relative; margin:0px auto 0px auto; padding:20px; 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;}
#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%;}

.detailoptions {width:75%; float:right; padding:15px;}
.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;}
.detailoption {float:left; height:25px; margin:0px 0px 1px 0px; padding:0px 5px 0px 5px;}
.proddetail 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;}
.proddetail .option {width:75%;}
.proddetail div .detailimage {width:25%; padding:15px;}
.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; 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; font-size:12px;}
.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 .prodoptions {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:600px;
	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:50%; 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;}


/* STYLE SHEET FOR THE ECT CART PAGE */

/* CART CONTAINER */
div.cartcontentsdiv{
width:100%;
float:left;
}

/* BACK ORDER */
div.cartbackorder{
float:left;
width:98%;
font-weight:bold;
}

/* LOW STOCK WARNING */
div.cartoutstock{
float:left;
width:98%;
font-weight:bold;
margin:6px 0px 6px 0px;
}

div.cartstockacceptlevel{
float:left;
width:98%;
font-weight:bold;
margin:6px 0px 6px 0px;
}

div.cartoptionoutstock{
text-align:center;
}

/* TOP ROW */
div.cartdetails_cntnr{
float:left;
width:100%;
white-space:nowrap;
padding:2px;
margin:1px
}

div.cartdetails{
display:inline-block; 
white-space:normal;
border-bottom:1px solid #999;
padding-bottom:6px;
margin:12px 0px 6px 0px;
}

div.cartdetailsid{
width:25%;
}
div.cartdetailsname{
width:35%;
}
div.cartdetailsprice{
width:13%;
}
div.cartdetailsquant{
width:8%;
}
div.cartdetailstotal{
width:8%;
text-align:right;
}
div.cartdetailscheck{
width:10%;
}

/* PRODUCT ROW */
div.cartline{
float:left;
width:100%;
white-space:nowrap;
padding-bottom:6px;
margin-bottom:6px;
}

div.cartlineid{
width:25%;
display:inline-block; 
white-space:normal;
vertical-align:top; /* If you don't use the image in cart, remove this line */
}
div.cartlinename{
width:35%;
display:inline-block; 
white-space:normal;
}
div.cartlineprice{
width:13%;
display:inline-block; 
white-space:normal;
}
div.cartlinequant{
width:8%;
display:inline-block; 
white-space:normal;
}
div.cartlinetotal{
width:8%;
display:inline-block; 
white-space:normal;
text-align:right;
}
div.cartlinecheck{
width:10%;
display:inline-block; 
white-space:normal;
text-align:center;
  vertical-align:middle; 
}

/* OPTIONS ROW */

div.cartoptionsline{
float:left;
width:100%;
white-space:nowrap;
padding:2px 2px 6px 2px;
margin:1px 1px 12px 1px;
}

div.cartandoptsline{
float:left;
width:100%;
border-bottom:1px solid #ccc;
margin-bottom:12px;
}

div.cartoptiongroup{
width:25%;
display:inline-block; 
white-space:normal;
font-size:0.9em;
}
div.cartoption{
width:35%;
display:inline-block; 
white-space:normal;
font-size:0.9em;
}
div.cartoptionprice{
width:14%;
display:inline-block; 
white-space:normal;
font-size:0.9em;
}
div.cartoptionoutstock{
width:7%;
display:inline-block; 
white-space:normal;
}
div.cartoptiontotal{
width:18%;
display:inline-block; 
white-space:normal;
  text-align:right;
  font-size:0.9em;
}

/* PACKAGE FEATURE */

div.packagediv{
float:left;
width:100%;
}

div.packagerow{
float:left;
width:100%;
}

/* LOYALTY POINTS */
div.cartloyaltypoint_cntnr{
float:left;
width:99%;
}

div.cartloyaltypointmenu{
float:left;
width:77%;
text-align:right;
}

div.cartloyaltypoints{
float:left;
width:18%;
text-align:left;
padding-left: 4px;
}


/* SHIPPING */
div.cartshippingandtotals{
float:left;
width:100%;
margin-bottom:12px;
}

div.cartshippingdetails{
float:left;
width:60%;
padding:2px;
margin:1px;
}

div.estimatorerrors{
width:98%;
float:left;
margin-bottom:12px;
}

div.estimatortitle{
width:98%;
float:left;
font-size:1.2em;
padding-bottom:6px;
}

div.cartestimatortext{
display:inline-block; 
white-space:normal;
width:100%;
margin-bottom:12px;
}

div.estimatorchecktext{
display:inline-block; 
white-space:normal;
width:49%;
}

div.estimatorcheckcarrier{
display:inline-block; 
white-space:normal;
width:49%;
}

div.shipline{
  width:98%;
  float:left;
}

div.shiplinetext{
width:70%;
  float:left;
}

div.shipradio{
  width:25%;
  float:left;
}

div.cartstateselectortext{
display:inline-block; 
white-space:normal;
width:20%;
}

div.cartstateselector{
display:inline-block; 
white-space:normal;
width:77%;
}

div.cartcountryselectortext{
display:inline-block; 
white-space:normal;
width:20%;
}

div.cartcountryselector{
display:inline-block; 
white-space:normal;
width:77%;
}

div.cartzipselectortext{
display:inline-block; 
white-space:normal;
width:20%;
margin-top:8px;
}

div.cartzipselector{
display:inline-block; 
white-space:normal;
width:77%;
margin-top:8px;
}

div.cartestimatorend{
float:left;
width:98%;
margin-top:12px;
}

/* TOTALS */
div.carttotals{
float:left;
width:39%;
}

div.cartsubtotal_cntnr{
float:left;
width:100%;
white-space:nowrap;
}

div.cartsubtotaltext{
display:inline-block; 
white-space:normal;
width:53%;
margin:6px 0px 6px 0px;
}

div.cartsubtotal{
display:inline-block; 
white-space:normal;
width:45%;
text-align:right;
}

div.shippingtotaltext{
display:inline-block; 
white-space:normal;
width:53%;
margin-bottom:6px;
}

div.shippingtotal{
display:inline-block; 
white-space:normal;
width:45%;
text-align:right;
}

div.cartcountrytaxtext{
display:inline-block; 
white-space:normal;
width:53%;
margin-bottom:6px;
}

div.cartcountrytax{
display:inline-block; 
white-space:normal;
width:45%;
text-align:right;
}

div.cartdiscountstext{
display:inline-block; 
white-space:normal;
width:53%;
margin-bottom:6px;
}

div.cartdiscounts{
display:inline-block; 
white-space:normal;
width:45%;
text-align:right;
}

div.cartcoupontext{
display:inline-block; 
white-space:normal;
width:99%;
margin-bottom:6px;
}

div.cartcoupon{
display:inline-block; 
white-space:normal;
width:99%;
}

div.cartgiftcerttext{
display:inline-block; 
white-space:normal;
width:53%;
margin-bottom:6px;
}

div.cartgiftcert{
display:inline-block; 
white-space:normal;
width:45%;
text-align:right;
}


div.cartgrandtotaltext{
display:inline-block; 
white-space:normal;
width:53%;
margin-bottom:6px;
padding: 3px 0px;
font-size:1.1em;
/* border-top:1px solid #999;  Uncomment this line if you want a border above the grand total*/
border-bottom:1px solid #999;
}

div.cartgrandtotal{
display:inline-block; 
white-space:normal;
width:45%;
padding: 3px 0px;
text-align:right;
font-size:1.1em;
/* border-top:1px solid #999;  Uncomment this line if you want a border above the grand total*/
border-bottom:1px solid #999;
}

div.cartcontinueupdate{
width:100%;
float:right;
}

div.cartcontinue{
width:50%;
float:right;
text-align:right;
}

div.cartupdate{
width:50%;
float:right;
}

div.cartcheckoutbuttons{
position:fixed;
bottom:0px;
background-color:rgba(38,87,28,0.75);
width:100%;
margin:0px !important;
left:0px;
padding-bottom:50px;
}
div.checkoutopts{
width:100% !important;
}
.checkoutbutton {
width:30%;
margin-left:35% !important;
background-color:rgba(116,175,62,1.00);
color:rgba(255,255,255,1.00);
text-transform:uppercase;
font-weight:bold;
text-align:center;
border:1px dotted rgba(123,177,74,1.00);
padding:20px;
border-radius:5px;
font-size:25px;
}


div.cominpurchase{
  float:left;
  width:100%;
  text-align:center;
  margin:6px 0px 6px 0px;
  padding:6px;
  border:1px solid #ccc;
  background:#eee;
}

div.tofreeshipping{
  float:left;
  width:100%;
  text-align:center;
  margin:6px 0px 6px 0px;
  padding:6px;
  border:1px solid #ccc;
  background:#eee;
}

div.coforcelogin{
  float:left;
  width:100%;
  text-align:center;
  margin:6px 0px 6px 0px;
  padding:6px;
  border:1px solid #ccc;
  background:#eee;
}


/* DISCOUNT FORMATTING */
div.ectdscntt{
color:#AD2803;
}

div.ectdscnt{
color:#AD2803;
}

/* COUPON FORMATTING */
#cpncodespan{
font-size:0.8em;
}

#cpncodespan div{
padding: 4px 12px 4px 0px;
}


/* ERROR / WARNING FORMATTING */
div.ectwarning{
color:#AD2803;
}

div.estimatorerror{
color:#AD2803;
}


/* NEW ACCOUNT */

div.cartnewaccountheader{
width:98%;
float:left;
border-bottom:1px solid #999;
padding-bottom:6px;
margin:12px 0px 16px 0px;
font-size:1.2em;
}

div.cartnewaccount{
float:left;
width:100%;
font-size:1.2em;
border-bottom:1px solid #999;
padding-bottom: 6px;
margin-bottom:12px;
}

div.cartloginsuccess{
float:left;
width:100%;
  text-align:center;
  padding:6px 0px;
}

div.cartloginsuccesswait{
float:left;
width:100%;
  text-align:center;
  padding:6px 0px;
}

div.cartacctloginname_cntnr{
  float:left;
  width:100%;
}

div.cartacctloginnametext{
float:left;
width:25%;
  padding-top:8px;
}

div.cartacctloginname{
float:left;
width:75%;
    padding-top:8px;
}

div.cartacctloginallowpromo_cntnr{
  float:left;
  width:100%;
}

div.cartaccloginallowpromo{
float:left;
width:25%;
text-align:right;
}

div.cartaccloginallowpromotext{
float:left;
width:73%;
padding-left:3px;
}

div.cartacctloginemail_cntnr{
  float:left;
  width:100%;
}

div.cartaccloginemailtext{
float:left;
width:25%;
padding-top:8px;
}

div.cartaccloginemail{
float:left;
width:75%;
padding-top:8px;
}

div.cartaccloginpassword_cntnr{
  float:left;
  width:100%;
}

div.cartaccloginpasswordtext{
float:left;
width:25%;
  padding-top:8px;
}

div.cartaccloginpassword{
float:left;
width:75%;
    padding-top:8px;
}

div.cartaccloginextra1text{
float:left;
width:25%;
  padding-top:8px;
}

div.cartaccloginextra1{
float:left;
width:75%;
    padding-top:8px;
}

div.cartaccloginalsubmit{
float:left;
width:100%;
text-align:right;
}

/* LOGIN */
div.loginprompt{
float:left;
width:100%;
}

div.logintoaccount{
width:50%;
float:left;
}

div.createaccount{
width:50%;
float:left;
}

div.cartloginheader{
float:left;
width:100%;
font-size:1.2em;
border-bottom:1px solid #999;
padding-bottom: 6px;
margin-bottom:12px;
}

div.cartloggedin{
float:left;
width:100%;
font-size:1.1em;
border-bottom:1px solid #999;
padding-bottom: 6px;
margin-bottom:12px;
}

div.cartloginemail_cntnr{
float:left;
width:100%;
}

div.cartloginemailtext{
float:left;
width:25%;
padding-top:8px;
}

div.cartloginemail{
float:left;
width:75%;
    padding-top:8px;
}

div.cartloginpwd_cntnr{
float:left;
width:100%;
}

div.cartloginpwdtext{
float:left;
width:25%;
  padding-top:8px;
}

div.cartloginpwd{
float:left;
width:75%;
    padding-top:8px;
}

div.cartlogincookie_cntnr{
float:left;
width:100%;
}

div.cartlogincookie{
float:left;
width:25%;
  text-align:right;
    padding-top:8px;
}

div.cartlogincookietext{
float:left;
width:72%;
padding-left:6px;
padding-top:8px;
}

div.cartloginbuttons{
width:100%;
float:left;
margin-top:12px
}

div.cartloginlogin{
width:20%;
float:left;
}

div.cartloginnewacct{
width:35%;
float:left;
}

div.cartloginforgotpwd{
width:45%;
float:left;
text-align:right;
}

/* WISH LIST */
div.cartviewinglist{
float:left;
width:100%;
}

span.listname{
font-weight:normal;
}

#savecartlist{
background:#fcfcfc;
}

/* EMPTY CART */
div.emptycart{
float:left;
text-align:center;
width:100%;
}

div.sorrycartempty{
float:left;
width:100%;
  margin-top:10px;
  padding:8px;
}

div.cartemptyclickhere{
float:left;
width:100%;
  padding:8px;
}

div.emptycartviewmain{
float:left;
width:100%;
    padding:8px;
}

div.emptycartcontinue{
float:left;
width:100%;
    padding:8px;
}

div.mywishlistemptycart{
float:left;
width:100%;
}

div.emptycartemptylist{
float:left;
width:100%;
}

/* MAILING LIST CONFIRMATION */

div.cartemailconftitle{
width:100%;
float:left;
text-align:center;
padding:8px 0px;
}

div.cartemailconfaction{
width:100%;
float:left;
text-align:center;
padding:8px 0px;
}

div.cartemailconfcontinue{
width:100%;
float:left;
text-align:center;
padding:8px 0px;
}

/* GIFT WRAP */
div.giftwrap{
  float:left;
  width:100%;
}

div.giftwrapdiv{
float:left;
width:100%;
white-space:nowrap;
padding:2px;
margin:1px
}

div.giftwrapdetailscntr{
display:inline-block; 
white-space:normal;
}

div.giftwrapid{
width:25%;
float:left;
  border-bottom:1px solid #999;
padding-bottom:6px;
margin:12px 0px 6px 0px;
}

div.giftwrapname{
width:25%;
float:left;
  border-bottom:1px solid #999;
padding-bottom:6px;
margin:12px 0px 6px 0px;
}

div.giftwrapquant{
width:25%;
float:left;
  border-bottom:1px solid #999;
padding-bottom:6px;
margin:12px 0px 6px 0px;
}

div.giftwrapyes{
width:25%;
float:left;
  border-bottom:1px solid #999;
padding-bottom:6px;
margin:12px 0px 6px 0px;
}

div.giftwrapupdate{
width:100%;
float:left;
}

div.giftwraplineid{
display:inline-block; 
white-space:normal;
width:25%;
vertical-align:top;
}

div.giftwraplinename{
display:inline-block; 
white-space:normal;
width:25%;
  vertical-align:top;
}

div.giftwraplinequant{
display:inline-block; 
white-space:normal;
width:25%;
  vertical-align:top;
}

div.giftwraplineyes{
display:inline-block; 
white-space:normal;
width:25%;
  vertical-align:top;
}

div.giftwraptmessage{
width:17%;
float:left;
}

div.giftwrapmessage{
width:99%;
float:left;
}

div.giftwraplinemessage{
width:98%;
}

div.giftwraplinemessage textarea{
  width:100%;
}

div.giftwrapbuttons{
  width:100%;
  float:left;
  text-align:right;
  margin-top:12px;
}

/* BILLING & SHIPPING */

div.cart2details{
  width:98%;
  float:left;
}

div.cart2header{
width:100%;
float:left;
  border-bottom:1px solid #999;
padding-bottom:6px;
margin:12px 0px 6px 0px;
  font-size:1.2em;
}

div.billformrow{
  float:left;
  width:100%;
}

div.shipformrow{
  float:left;
  width:100%;
}

div.checkoutadditionals{
  float:left;
  width:100%;
}

div.cobhl2{
padding-top:8px;
}

div.cobll2{
padding-top:8px;

}

div.cdformtextra1{
float:left;
width:30%;
}

div.cdformextra1{
float:left;
width:70%;
}

div.cdformtname{
float:left;
width:30%;
}

div.cdformname{
float:left;
width:70%;
}

div.cdformtemail{
float:left;
width:30%;
}

div.cdformemail{
float:left;
width:70%;
}

div.cdformtaddress{
float:left;
width:30%;
}

div.cdformaddress{
float:left;
width:70%;
}

div.cdformtaddress2{
float:left;
width:30%;
}

div.cdformaddress2{
float:left;
width:70%;
}

div.cdformtcity{
float:left;
width:30%;
}

div.cdformcity{
float:left;
width:70%;
}

div.cdformtstate{
float:left;
width:30%;
}

div.cdformstate{
float:left;
width:70%;
}

div.cdformtcountry{
float:left;
width:30%;
}

div.cdformcountry{
float:left;
width:70%;
}

div.cdformtzip{
float:left;
width:30%;
}

div.cdformzip{
float:left;
width:70%;
}

div.cdformtphone{
float:left;
width:30%;
}

div.cdformphone{
float:left;
width:70%;
}

div.cdformtextra2{
float:left;
width:30%;
}

div.cdformextra2{
float:left;
width:70%;
}

div.coshipflagscontainer{
  float:left;
  width:100%;
  margin-bottom:12px
}

div.cdshipftflag{
float:left;
width:32% !important;
text-align:right;
padding-right:12px;
padding-top:12px;
}

div.cdshipflag{
float:left;
width:66% !important;
padding-top:12px;
font-size:0.9em;
}

div.cdformtextraco1{
float:left;
width:30%;
}

div.cdformextraco1{
float:left;
width:70%;
}

div.cdformtextraco2{
float:left;
width:30%;
}

div.cdformextraco2{
float:left;
width:70%;
}

div.cdformtterms{
float:left;
width:32%;
text-align:right;
padding-right:12px;
padding-top:12px;
}

div.cdformterms{
float:left;
width:66%;
padding-top:12px;
}

div.cdformshipdiff{
float:left;
width:100%;
padding:12px 0px 12px 0px;
}

input.cdformshipdiff{
margin-right:12px;
}

div.cdformtaddinfo{
float:left;
width:30%;
}

div.cdformaddinfo{
float:left;
width:70%;
}

textarea.addinfo{
width:90%;
}

div.cdformtremember{
float:left;
width:32%;
text-align:right;
padding-right:12px;
padding-top:12px;
}

div.cdformremember{
float:left;
width:66%;
padding-top:12px;
}

div.cdformtmailing{
float:left;
width:32%;
text-align:right;
padding-right:12px;
padding-top:12px;
}

div.cdformmailing{
float:left;
width:66%;
padding-top:12px;
}

div.cdformtcoupon{
float:left;
width:30%;
padding-top:12px;
}

div.cdformcoupon{
float:left;
width:70%;
padding-top:12px;
}

div.cdformtitle{
float:left;
width:100%
}

div.cdformtitlell{
float:left;
width:100%;
}

div.cdform2column{
float:left;
width:100%;
}

div.cdformtpayment{
float:left;
width:30%;
clear:left;
padding-top:12px;
}

div.cdformpayment{
float:left;
width:70%;
padding-top:12px;
}

div.payprovider{
float:left;
width:100%;
}

div.payprovline{
float:left;
width:100%;
margin-bottom:8px;
}

div.payprovline img{
vertical-align:top;
margin-left:12px;
}


.checkoutbutton2 {
width:100%;
margin-left:0% !important;
background-color:rgba(116,175,62,1.00);
color:rgba(255,255,255,1.00);
text-transform:uppercase;
font-weight:bold;
text-align:center;
border:1px dotted rgba(123,177,74,1.00);
}


div.cdformsubmit{
float:left;
width:100%;
}

/* SHIPPING TOTALS SCREEN */

div.cart3details{
width:98%;
float:left;
}

div.cartheader{
width:100%;
float:left;
font-size:1.2em;
}

div.cart3header{
border-bottom:1px solid #999;
padding-bottom:6px;
margin:12px 0px 6px 0px;
font-size:1.2em;
}

div.cart2column{
width:100%;
float:left;
padding-bottom:6px;
margin:12px 0px 6px 0px;
}

div.cart3row{
width:100%;
float:left;
}

div.cobhl3{
width:30%;
float:left;
padding-bottom:6px;
}

div.cart3totgoodst {
border-bottom:1px solid #ccc;
  margin-bottom:12px;
  font-size:1.1em;
}

div.cart3totgoods {
border-bottom:1px solid #ccc;
  margin-bottom:12px;
    font-size:1.1em;
}

div.cobll3{
width:70%;
float:left;
padding-bottom:6px;
}

div.shiprateline{
width:100%;
float:left;
}

div.shiptableline{
width:100%;
float:left;
}

div.shiprateradio{
width:10%;
float:left;
}

div.shipratemethod{
width:65%;
float:left;
}

div.shiptablelogo{
height: 10em;
position: relative;
width:80px;
height:60px;
float:left;
}

div.shiptablelogo img{
margin: 0;
position: absolute;
top: 50%;
left: 50%;
margin-right: -50%;
transform: translate(-50%, -50%)
}

div.shiptablerates{
float:left;
width:70%;
min-height:45px;
padding:18px 0px 0px 16px;
}

div.cartheading{
width:100%;
float:left;
padding-bottom:6px;
margin:12px 0px 16px 0px;
border-bottom:1px solid #999;
font-size:1.2em;
}

div.cart3gndtot {
border-bottom:1px solid #ccc;
border-top:1px solid #ccc;
margin-bottom:12px;
padding-top:6px;
font-size:1.2em;
}

div.cart3gndtott {
border-bottom:1px solid #ccc;
border-top:1px solid #ccc;
margin-bottom:12px;
padding-top:6px;
font-size:1.2em;
}

/* CREDIT CARD RESULTS SCREEN */

div.cart4details{
width:98%;
float:left;
}

div.cart4header{
width:100%;
float:left;
padding-bottom:6px;
margin:12px 0px 16px 0px;
border-bottom:1px solid #999;
font-size:1.2em;
}

div.cobhl4{
width:35%;
float:left;
margin-bottom:12px;
padding-top:8px;
}

div.cobll4{
width:65%;
float:left;
margin-bottom:12px;
padding-top:8px;
}

div.cart4row{
width:100%;
float:left;
}

div.cart4buttons{
width:100%;
float:left;
text-align:right;
}

.checkoutbutton3 {
width:100%;
margin-left:0% !important;
background-color:rgba(116,175,62,1.00);
color:rgba(255,255,255,1.00);
text-transform:uppercase;
font-weight:bold;
text-align:center;
border:1px dotted rgba(123,177,74,1.00);
}

/* SECOND LINE TEXT ENTRIES */

span.ectsmallnote{
font-size:0.8em;
}

/* END OF CART CLASSES */


/* STYLE SHEET FOR THE ECT SEARCH PAGE */

/* Main div container */
div.searchform{
width:98%;
float:left;
}

/* Search header div */
div.searchheader{
width:98%;
float:left;
border-bottom:1px solid #999;
padding-bottom:6px;
margin:12px 0px 16px 0px;
font-size:1.2em;
}

/* Search label divs */
div.searchfortext, div.searchpricetext, div.searchtypetext, div.searchcategorytext, div.searchfilterstext{
width:24%;
float:left;
padding:8px 4px;
white-space:nowrap;
}

/* Search form field divs */
div.searchfor, div.searchprice, div.searchtype, div.searchcategory, div.searchfilters{
width:72%;
float:left;
padding:8px 4px;
}

/* Search form field formatting */
div.searchfor input{
width:80%;
border: 1px solid #ccc;
padding:6px;
}

div.searchprice input{
border: 1px solid #ccc;
padding:6px;
}

div.searchtype select{
width:170px;
padding:4px;
}

div.searchcategory select{
width:170px;
padding:4px;
}

/* Search filters set to 2 columns by 48% width - use 98% for one column */
div.searchfiltergroup{
padding:4px 0px;
width:48%;
float:left;
}

div.searchfiltergroup select{
width:170px;
padding:4px;
}

/* Div containing submit button */
div.searchsubmit{
width:98%;
float:left;
text-align:right;
}


/* END OF SEARCH CLASSES */


/* STYLE SHEET FOR THE ECT AFFILIATE, ORDER STATUS, CLIENT LOGIN, TRACKING PAGES */

/* Main div container */
div.ectdiv{
width:98%;
float:left;
margin-bottom:20px;
}

/* Header div */
div.ectdivhead{
width:98%;
float:left;
border-bottom:1px solid #999;
padding-bottom:6px;
margin:12px 0px 16px 0px;
font-size:1.2em;
}

/* Label divs */
div.ectdivleft{
width:28%;
float:left;
padding:8px 4px;
white-space:nowrap;
clear:both;
}

/* Form field divs */
div.ectdivright{
width:68%;
float:left;
padding:8px 4px;
}

/* Form field formatting */
div.ectdivright input{
width:60%;
border: 1px solid #ccc;
padding:6px;
}

div.ectdivright select{
width:63%;
border: 1px solid #ccc;
padding:6px;
}

div.ectdivright input[type=checkbox]{
width:10px;
}

/* Div spanning 2 columns */
div.ectdiv2column{
width:98%;
float:left;
margin:8px 0px;
}

div.ectdiv2column ul{
list-style:none;
}

/* Warning message on Order Status page */
div.ectorderstatus div.ectwarning{
width:98%;
float:left;
}

/* Text based div */
div.ectmessagescreen{
  float:left;
  width:98%;
}

div.ectmessagescreen input{
 margin-top:12px;
}

/* Account details on client login */
div.ectclientloginaccount div.ectdivleft{
white-space:normal;
}

/* Address details on client login */
div.ectclientloginaddress div.ectdivleft{
width:48%;
}

div.ectclientloginaddress div.ectdivright{
width:48%;
}

/* Gift registry on client login */
div.ectclientlogingiftreg input{
width:120px;
}

div.ectclientlogingiftreg input[type=button]{
width:120px;
}

div.ectclientloginorders{
float:left;
}

div.ectclientloginorders div{
padding:6px;
margin:4px;
font-size:0.9em;
}

/* Tracking buttons */
input.trackinggo{
width:60px !important;
margin-bottom:12px;
}

/* Tracking form */
div.ecttracking div.ectdivcontainer{
width:98%;
float:left;
}


div.trackingselectlogo{
float:left;
width:90px;
margin-top:8px;
}


div.ecttracking div.ectdivleft{
width:42%;
white-space:normal;
float:left;
clear:none !important;
padding-top:0px !important;
margin-top:8px;
}

div.ecttracking div.ectdivright{
width:43%;
float:left;
padding-top:0px !important;
margin-top:8px;
}

div.trackinglogo, div.trackingtext{
float:left;
padding:6px;
}

div.ecttrackingresults{
float:left;
width:98%
}

div.ecttrackingresults div{
width:33%;
}

div.trackingcopyright{
float:left;
width:98%
}

/* Header row on Tracking form */
div.tracktablehead div{
padding:20px 0px 6px 4px;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
}


/* Shaded rows on Tracking form */
div.ectlowlight{
  background:#ededed;
  padding:4px;
  margin:2px;
  font-size:0.9em;
}

div.ecthighlight{
  background:#fefefe;
    padding:4px;
  margin:2px;
    font-size:0.9em;
}

div.ectlowlight div{
width:98%
}

div.ecthighlight div{
width:98%
}

div.trackingcopyright{
  float:left;
  font-size:0.9em;
}

/* Gift Certificate form */
div.ectgiftcerts{
float:left;
width:98%;
}

div.ectgiftcerts div.ectdivleft{
width:38%;
white-space:normal;
}

div.ectgiftcerts div.ectdivright{
width:58%;
}

div.ectgiftcerts #amount{
width:80px;
}

div.ectgiftcerts textarea{
width:62%;
border: 1px solid #ccc;
}

/* Donations form */
div.ectdonations{
float:left;
width:98%;
}

div.ectdonations #amount{
width:80px;
}

div.ectdonations textarea{
width:62%;
border: 1px solid #ccc;
}


/* FOR RESPONSIVE DESIGNS */


/*The breakpoints below correspond to the cart page*/


/*Styles for screens below 940px*/

@media all and (max-width: 940px) {

/* HIDE DETAILS COLUMN */
div.cartdetailsid{
display:none;
}

div.cartlineid{
display:none;
}

/* MOVE ESTIMATE ABOVE TOTALS */  
div.cartshippingdetails{
width:100%;
}
  
div.carttotals{
 width:100%;
}

/* RESET COLUMNS */

div.cartdetailsname{
width:35%;
}
div.cartdetailsprice{
width:21%;
}
div.cartdetailsquant{
width:16%;
}
div.cartdetailstotal{
width:17%;
}
div.cartdetailscheck{
width:10%;
}

div.cartlinename{
width:35%;
}
div.cartlineprice{
width:21%;
}
div.cartlinequant{
width:16%;
}
div.cartlinetotal{
width:17%;
}
div.cartlinecheck{
width:10%;
}

  
/* REALIGN TOTALS */

div.cartsubtotaltext{
width:72%;
}

div.cartsubtotal{
width:25%;
}

div.shippingtotaltext{
width:72%;
}

div.shippingtotal{
width:25%;
}

div.cartcountrytaxtext{
width:72%;
}

div.cartcountrytax{
width:25%;
}
  
div.cartgiftcerttext{
width:72%;
}

div.cartgiftcert{
width:25%;
}

div.cartdiscountstext{
width:72%;
}

div.cartdiscounts{
width:25%;
}
  
div.cartgrandtotaltext{
width:72%;
}

div.cartgrandtotal{
width:25%;
}

div.cartcoupontext{
width:57%;
}

div.cartcoupon{
width:40%;
}
  
div.cdformtterms{
width:6% !important;
}

div.cdformterms{
width:90% !important;
}
  
div.cdshipftflag{
width:6% !important;
}

div.cdshipflag{
width:90% !important;
}
  
div.cdformtremember{
width:6% !important;
}

div.cdformremember{
width:90% !important;
}
  
div.cdformtmailing{
width:6% !important;
}

div.cdformmailing{
width:90% !important;
}

}

/*This is a breakpoint for responsive designs and puts the search filters into one column*/
@media screen and (max-width: 715px) {

/* Puts the search filters into one column */
div.searchfiltergroup{
padding:4px 0px;
width:95%;
float:left;
}


/* Tracking form */
div.ecttracking div.ectdivleft{
width:95%;
}

div.ecttracking div.ectdivright{
width:95%;
}
}



/*Styles for screens below 480px on the cart page*/

@media all and (max-width: 480px) {
  
div.cartcoupontext{
width:36%;
}

div.cartcoupon{
width:64%;
}

div.cobhl2{
width:98%;
}

div.cobll2{
width:98%;
}


div.cdformshipdiff{
width:90%;
}

div.cobhl4{
width:98%;
}

div.cobll4{
width:98%;
}
  
  div.cobhl3{
width:40%;
float:left;
padding-bottom:6px;
}
  
  div.cobll3{
width:60%;
float:left;
padding-bottom:6px;
}
  
div.cart3totgoodst {
border-bottom:1px solid #ccc;
  margin-bottom:12px;
  font-size:1.1em;
}

div.cart3totgoods {
border-bottom:1px solid #ccc;
  margin-bottom:12px;
    font-size:1.1em;
}

/*Styles for screens below 480px on the affiliate, order status, client login page*/
div.ectdivright input{
width:95%;
}

div.ectdiv2column input{
margin:6px 0px 12px 0px;
}

div.ectdivright{
width:95% !important;
}

div.ectdivleft{
width:95% !important;
}

div.ectgiftcerts textarea{
width:98%;
}

div.ectdonations textarea{
width:98%;
}

}




	
}