/* STYLES FOR PERL AND JAVASCRIPT */
.good_payment_value { font-size:14px;color:#000000; }
.bad_payment_value { font-size:14px;color:red;font-weight:bold; }
.good_shipping_value { font-size:14px;color:#000000; }
.bad_shipping_value { font-size:14px;color:red;font-weight:bold; }
.greyout { font-size:14px;color:#AAAAAA; }
.resetfont { font-size:14px;color:#000000; }
.required { color:#FF0000; }
.requiredgrey{ color:#AAAAAA; }



/* PRESENTATION */


body {
	font-family:verdana;
	background-color:#bdd591;
	margin-left:10px;
	margin-right:10px;
	margin-top:3px;
	text-align:left;
	
}

.quantitybox { width:50px;}

td {
	font-size:12px;
	line-height:20px;
}


th {	font-family:verdana;font-size: 20px; }


.tdleft { text-align:left; }
.tdcenter { text-align:center; } 
.tdright { text-align:right;white-space:nowrap; }
.alignr { text-align:right; }


.fs10 { font-size:10px; }
.fs12 { font-size:12px; }
.fs14 { font-size:14px; }
.fs16 { font-size:16px; }
.fs18 { font-size:18px; }
.fs20 { font-size:20px; }
.fs22 { font-size:22px; }
.fs24 { font-size:24px; }
.fs28 { font-size:28px; }
.fs30 { font-size:30px; }


.b { font-weight:bold; }
.i { font-style:italic; }
.justify { text-align:justify; }
.center { text-align:center; }
.alignc {margin-left:auto; margin-right:auto;}


/* FONT COLORS */
.red { color:red; }
.green { color:#85a157; }
.orange { color:#f8a402;}
.blue { color:blue; } 

/* BACKGROUND COLORS */
.bggreen { background-color: #BDD591; }
.bggrey { background-color: #EEEEEE; }


.qa {	text-align:left;margin:auto; }


.qatitle { text-align:center;color:#85a157;font-size:24px;font-weight:bold; }


a.foot:link {color:#fff;}
a.foot:visited { Color:#fff; }
a.foot:hover {color:#603311;}
a.foot:active {color:#603311;}




/*STRUCTURE - STRUCTURE - STRUCTURE */


.wrapper {
	width:850px;
	margin:0 auto;
	text-align:left;
	background-color:#ffffff;	
}


.maincontent {
	margin:5px;
	padding-left:10px;
	padding-right:10px;
	text-align:left;
	background-color:#fff;
}

.justify { text-align:justify; }
.center { text-align:center; }
.left { text-align:left; }
.right { text-align:right; }
.top { vertical-align:top; }
.bottom { vertical-align:bottom; }
.nwrap {white-space:nowrap;}

.footer {
	width:850px;
	margin:0 auto;
	height:20px;
	color:#ffffff;
	background-color:#85a157;
	border-width:1px 0px 1px 0px;
	border-style:solid;
	border-color:#3a5f0b;
	font-size:10px;
	text-align:center;	
}

.borderbottom { border-bottom:1px solid #eeeeee; }
.borderbottom2 {  border-bottom:1px solid #000000; }
.borderbottom3 {  border-bottom:1px solid #444444; }

.bordertop {  border-top:1px solid #888888; }

.border {
	border-style:solid;
	border-width:1px;
	border-collapse:collapse;
	padding:3px;
	margin:0px auto;
	border-color:#3a5f0b;
}

.noborder {
	padding:3px;
	margin:0px auto;
	border:none;
	border-collapse:collapse;
}


.tdc {
 border-top: 1px solid #eeeeee;
 border-bottom: 1px solid #eeeeee;
}




.worldimage {
	width:800px;
	height:93px;
	margin-left:auto;
	margin-right:auto;
}


.info {

	width:760px;
	margin:0px;
	margin-right:5px;
	padding:0px 10px 0px 10px;
	font-size:14px;
}




.tablegradient {
	background:-webkit-gradient(linear, 0% 6%, 0% 87%, from(#e7eed9), to(#a4b780), color-stop(.4,#d4e2ba));
	background:-moz-linear-gradient(0% 90% 90deg,#b5cb8c, #dee8cc, #e7eed9 100%);
	background-color:#bdd591;
	border-width: 1px; 
	border-color: #bdd591; border-style: solid;	
}




.floatleft { float:left; }
.floatright { float:right; }
.fclear { clear:both; }



.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}


.padleft { padding-left:5px; }
.padright { padding-right:5px; }


.greenline { width:100%;margin:0 auto;border-bottom:1px solid #85a157; } 

.nobull { list-style-type:none;font-size:14px; padding-top:5px; padding-bottom:5px;}



/* BUTTONS - BUTTONS - BUTTONS - */

.buttonadd {
	font-size:.9em;
	color:white;
	text-decoration:none;
	display:block;
	height:1.8em;
	width:10.5em;
	padding:.2em;
	border:.1em solid black;
	text-align:center;
	margin-top:.5em;
	margin-bottom:.5em;
	letter-spacing:.2em;
	background:-webkit-gradient(linear, 0% 6%, 0% 87%, from(#0B660E), to(#BFC930), color-stop(.4,#2E8F1F));
	background:-moz-linear-gradient(0% 90% 90deg,#BFC930, #0C7310, #0B660E 100%);
	background-color:#F79A20;

	font-family:Arial,Helvetica,sans-serif;
	-moz-border-radius:.5em;
	-webkit-border-radius:.3em;
	-o-border-radius:.5em;
	border-radius:.5em;
}

.buttonadd:hover {
	color:#592805;
	border-color:DarkCyan;
}

.buttonview {
	font-size:.9em;
	color:white;
	text-decoration:none;
	display:block;
	height:1.2em;
	width:10.01em;
	padding:.2em;
	border:.1em solid black;
	text-align:center;
	margin-top:.5em;
	margin-bottom:.5em;
	letter-spacing:.2em;
	background:-webkit-gradient(linear, 0% 6%, 0% 87%, from(#0B660E), to(#BFC930), color-stop(.4,#2E8F1F));
	background:-moz-linear-gradient(0% 90% 90deg,#BFC930, #0C7310, #0B660E 100%);
	background-color:#F79A20;

	font-family:Arial,Helvetica,sans-serif;
	-moz-border-radius:.5em;
	-webkit-border-radius:.3em;
	-o-border-radius:.5em;
	border-radius:.5em;
}

.buttonview:hover {
	color:#592805;
	border-color:DarkCyan;
}


.add {
	font-size:.9em;
	color:white;
	text-decoration:none;
	display:block;
	height:1.8em;
	width:5em;
	padding:.3em;
	border:.1em solid black;
	text-align:center;
	margin-top:.5em;
	margin-bottom:.5em;
	letter-spacing:.2em;
	background:-webkit-gradient(linear, 0% 6%, 0% 87%, from(#0B660E), to(#BFC930), color-stop(.4,#2E8F1F));
	background:-moz-linear-gradient(0% 90% 90deg,#BFC930, #0C7310, #0B660E 100%);
	background-color:#F79A20;

	font-family:Arial,Helvetica,sans-serif;
	-moz-border-radius:1em;
	-webkit-border-radius:1em;
	-o-border-radius:.5em;

}
.add:hover {
	color:#592805;
	border-color:DarkCyan;
}

.add2 {
	font-size:.9em;
	color:white;
	text-decoration:none;
	display:block;
	height:1.8em;
	width:1.7em;
	padding:.3em;
	border:.1em solid black;
	text-align:center;
	margin-top:.5em;
	margin-bottom:.5em;
	letter-spacing:.2em;
	background:-webkit-gradient(linear, 0% 6%, 0% 87%, from(#0B660E), to(#BFC930), color-stop(.4,#2E8F1F));
	background:-moz-linear-gradient(0% 90% 90deg,#BFC930, #0C7310, #0B660E 100%);
	background-color:#F79A20;

	font-family:Arial,Helvetica,sans-serif;
	-moz-border-radius:1em;
	-webkit-border-radius:1em;
	-o-border-radius:1em;
}


.add2:hover {
	color:#592805;
	border-color:DarkCyan;
}



a.button {
    background: transparent url('bg_button_a.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.button span {
    background: transparent url('bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
} 

a.button:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
} 




div.img
{
  margin: 2px;
  padding: 3px;
  height: auto;
  width: auto;
}

div.img img
{
  display: inline;
  margin: 0px;
  padding: 0px;
  border: 1px solid #000000;
}

div.img a:hover img {border: 1px solid #000000;}


/*moved to body*/
.lineargradient { 
	/* fallback */ background-color: #1B5929;  
	/* Safari 4-5, Chrome 1-9 */ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#1B5929), to(#E4F5E8)); 
	/* Safari 5.1, Chrome 10+ */ background: -webkit-linear-gradient(top, #1B5929, #E4F5E8); 
	/* Firefox 3.6+ */ background: -moz-linear-gradient(top, #1B5929, #E4F5E8); 
	/* IE 10 */ background: -ms-linear-gradient(top, #1B5929, #E4F5E8); 
	/* Opera 11.10+ */ background: -o-linear-gradient(top, #1B5929, #E4F5E8); 
}



/* JAVASCRIPT */



/*!!!!!!!!!!! QuickMenu Core CSS [Do Not Modify!] !!!!!!!!!!!!!*/
/*[START-QCC]*/.qmmc .qmdivider{display:block;font-size:1px;border-width:0px;border-style:solid;position:relative;z-index:1;}.qmmc .qmdividery{float:left;width:0px;}.qmmc .qmtitle{display:block;cursor:default;white-space:nowrap;position:relative;z-index:1;}.qmclear {font-size:1px;height:0px;width:0px;clear:left;line-height:0px;display:block;float:none !important;}.qmmc {position:relative;zoom:1;z-index:10;}.qmmc a, .qmmc li {float:left;display:block;white-space:nowrap;position:relative;z-index:1;}.qmmc div a, .qmmc ul a, .qmmc ul li {float:none;}.qmsh div a {float:left;}.qmmc div{visibility:hidden;position:absolute;}.qmmc .qmcbox{cursor:default;display:inline-block;position:relative;z-index:1;}.qmmc .qmcbox a{display:inline;}.qmmc .qmcbox div{float:none;position:static;visibility:inherit;left:auto;}.qmmc li {z-index:auto;}.qmmc ul {left:-10000px;position:absolute;z-index:10;}.qmmc, .qmmc ul {list-style:none;padding:0px;margin:0px;}.qmmc li a {float:none;}.qmmc li:hover>ul{left:auto;}/*[END-QCC]*//*[START-QCC0]*/#qm0 ul {top:100%;}#qm0 ul li:hover>ul{top:0px;left:100%;}/*[END-QCC0]*/


/*!!!!!!!!!!! QuickMenu Styles [Please Modify!] !!!!!!!!!!!*/


	/* QuickMenu 0 */

	/*"""""""" (MAIN) Container""""""""*/
	#qm0
	{
		width:auto;
		background-color:#85a157;
		border-width:1px 0px 1px 0px;
		border-style:solid;
		border-color:#3a5f0b;
	}


	/*"""""""" (MAIN) Items""""""""*/
	#qm0 a
	{
		padding:6px 40px 6px 8px;
		/*color:#112747;*/
		color:#ffffff;
		font-family:Arial;
		font-size:12px;
		text-decoration:none;
		text-align:left;
		background-color:#85a157;
	}


	/*"""""""" (MAIN) Hover State""""""""*/
	#qm0 a:hover
	{
		background-color:#005502;
	}


	/*"""""""" (MAIN) Hover State - (duplicated for pure CSS)""""""""*/
	#qm0 li:hover>a
	{
		background-color:#005502;
	}


	/*"""""""" (MAIN) Active State""""""""*/
	body #qm0 .qmactive, body #qm0 .qmactive:hover
	{
		background-color:#005502;
		text-decoration:underline;
	}


	/*"""""""" (SUB) Container""""""""*/
	#qm0 div, #qm0 ul
	{
		padding:5px;
		margin:0px;
		/*background-color:#D7D8D8;*/
		background-color:#bdd591;		
		border-width:3px 1px 1px 1px;
		border-style:solid;
		border-color:#7B7E7E;
	}


	/*"""""""" (SUB) Items""""""""*/
	#qm0 div a, #qm0 ul a
	{
		padding:3px 40px 3px 5px;
		border-width:0px;
		border-style:none;
	}


	/*"""""""" (SUB) Hover State""""""""*/
	#qm0 div a:hover
	{
		text-decoration:underline;
	}


	/*"""""""" (SUB) Hover State - (duplicated for pure CSS)""""""""*/
	#qm0 ul li:hover>a
	{
		text-decoration:underline;
	}


	/*"""""""" (SUB) Active State""""""""*/
	body #qm0 div .qmactive, body #qm0 div .qmactive:hover
	{
		background-color:#528413;
	}


	/*"""""""" Individual Titles""""""""*/
	#qm0 .qmtitle
	{
		margin:2px 5px 5px 4px;
		color:#112747;
		font-family:Arial;
		font-size:11px;
		font-weight:bold;
	}


	/*"""""""" Individual Horizontal Dividers""""""""*/
	#qm0 .qmdividerx
	{
		border-top-width:1px;
		margin:4px 5px 4px 5px;
		border-color:#A2A1AD;
	}


	/*"""""""" Custom Rule""""""""*/
	ul#qm0 ul li:hover > a.qmparent
	{
		background-image:url(/images/cssalt1_arrow_right_hover.gif);
	}


	/*"""""""" Custom Rule""""""""*/
	ul#qm0 ul .qmparent
	{
		background-image:url(/images/cssalt1_arrow_right.gif);
	}


	/*"""""""" Custom Rule""""""""*/
	ul#qm0 li:hover > a.qmparent
	{
		background-image:url(/images/cssalt1_arrow_down_hover.gif);

	}


	/*"""""""" Custom Rule""""""""*/
	ul#qm0 .qmparent
	{
		background-image:url(/images/cssalt1_arrow_down.gif);
		background-repeat:no-repeat;
		background-position:97% 50%;
	}
	/*[END-QS0]*/

	.mobile-header-color {
		color: rgb(183, 128, 78);
		text-decoration: none;
	}

	.mobile-banner-header {
	   font-size: 16px;
	   font-weight: 800;
	   text-align: center;
	   padding-top: 4px;
	   padding-bottom: 4px;
	   background-color: #f2f2f2;
	   border-bottom-style: solid;
	   border-bottom-width: thin;
	   border-bottom-color: #cfcfcf;
	   font-family: sans-serif;
	}
	
	@media (width < 500px) and (width > 351px) {
	   .mobile-banner-header {
			font-size: 16px;
	   }
	}
	@media (width < 395px) {
	   .mobile-banner-header {
			font-size: 12px;
	   }
	}