/* CSS Document */

* {	margin:0; padding:0; font-size:100%;}

body{
	background:#fff url(images/top-tail.gif) left top repeat-x;
	text-align:center;
	margin: 0px;
	padding: 0px;
}
h2 {
	font-size: 18px;
	font-weight: bold;
	color: #006600;
	margin: 0px;
	padding: 1em 1em 0.5em 0em;
}
h3 {
	color:#006600; 
	font-size:1.0em;
	font-weight: bold;
	margin: 0px;
	padding: 0.5em 0.5em 0.5em 0em;
}

.bot-tail{ background:url(images/bot-tail.gif) bottom repeat-x;}
.s-button
{
    background-color:#666;
    border:1px solid #999;
    cursor:pointer;
    color:#fff;
    font-weight:bold;
    padding:3px 5px;
    outline:0px;
    }
img {vertical-align:top;}
a img { border:0;}

ul { list-style:none;}

.left { float:left;}
.right {float:right;}
.clear  { clear:both;}


html{ font-family:Tahoma, Geneva, sans-serif; font-size:0.8125em; line-height:1.538em; color:#000000;}

input, select { vertical-align:middle; font-weight:normal;}

a {color:#0447ae;}
a:hover{text-decoration:none;}
p {
	margin: 0px;
	padding: 6px 12px 6px 0px;
}
strong{ font-size:1.154em; line-height:1.4em;  font-family:Arial, Helvetica, sans-serif; color:#000000;}
strong span{ color:#0447ae;}
.strong1{  color:#575757;  padding-bottom:25px; font-weight:normal;}
cite{ display:block; font-style:normal;}

/* ============================= main layout ====================== */
.imgindent {margin:0 20px 0 0; float:left;}
.margin1{ margin-top:13px;}
.margin2{ margin-top:15px;}
.margin3{ margin-top:42px;}
.margin4{ margin-top:7px;}
.margin5{ margin-top:20px;}
.padding1{ padding-top:7px !important;}
.padding2{ padding-top:20px;}
.padding3{ padding-top:15px !important;}

.space1{ margin-left:24px;}
.space2{ margin-left:15px;}

/* ============================= header ====================== */
/*//#header{ background:url(images/menu2-bg.jpg) right bottom no-repeat;}*/
#header .small-menu{ float:right; color:#8f8f90; padding:73px 71px 0 0;}
#header .small-menu li{ float:left; padding-left:12px; font-size:0.923em; line-height:1.167em;}
#header .small-menu a{ margin-right:12px; color:#000000; text-decoration:none;}
#header .small-menu a:hover{ text-decoration:underline;}
#header .logo{ padding:0px 0 0 60px;}
#header .topheadermenu{
                       float:left;
					   width:100%;
					   margin:3.45em 0 0;
					   } 
#header .topheadermenu ul{
                         margin:0px;
						 padding:0px;
						 }
#header .topheadermenu ul li{
                               display:inline;
							   margin:0px;
						       padding:0px;
							   color:#000000;
								
								
							   }
#header .topheadermenu ul li a{	
                                
							   padding:15px 3em ;
							   text-decoration:none;
								line-height:36px;
								color:#FFFFFF;
								font-weight:bold;
								}	
#header .topheadermenu ul li a:hover{	
							   	 
								 color:#FF9900;
								 text-decoration:none;
								  background-color:#339933;
								   padding:15px 3em; 
								  line-height:36px;
									font-weight:bold;
									   
								  }		
#header .topheadermenu ul li a.selected{background-color:#339933; color:#FF6600;}			 
#header .menu1{ width:100%; overflow:hidden; padding-top:17px;}
#header .menu1 ul{ padding-left:61px;}
#header .menu1 li{ float:left; margin-right:-1px;}
#header .menu1 a{ display:block; width:144px; text-align:center; background:url(images/menu1-item-tail.gif) top repeat-x; color:#909090; text-decoration:none; margin-top:10px; cursor:pointer;}
#header .menu1 a span{ display:block; background:url(images/menu1-item-left-bg.gif) top left no-repeat;}
#header .menu1 a span span{ background:url(images/menu1-item-right-bg.gif) top right no-repeat; padding:6px 0 6px 0; width:100%;}
#header .menu1 a:hover, #header .menu1 .active{ margin-top:0; position:relative; color:#373838;}
#header .menu1 a:hover span span, #header .menu1 .active span span{ padding:11px 0 11px 0;}

#header .menu2{ width:100%; overflow:hidden;}
#header .menu2 ul{ padding-left:15px;}
#header .menu2 li{ padding-left:48px; float:left;}

/* ============================= content ====================== */
#content{ padding:13px 59px 20px 59px;}
/*.column-2{ margin-left:14px;}*/

.indent{ padding:17px 0 0 19px;}
.title{ padding-bottom:19px;}
.unline{ background:url(images/unline.gif) bottom repeat-x; padding-bottom:11px; margin-bottom:5px;}
.phone{ float:right; padding-right:65px;}

.box1{ background:url(images/box1-tail.gif) top repeat-x #ffba00; font-size:0.923em;}
.box1 .left-top{ background:url(images/box1-corner-left-top.gif) top left no-repeat;}
.box1 .right-top{ background:url(images/box1-corner-right-top.gif) top right no-repeat;}
.box1 .left-bot{ background:url(images/box1-corner-left-bot.gif) bottom left no-repeat;}
.box1 .right-bot{ background:url(images/box1-corner-right-bot.gif) bottom right no-repeat; width:100%;}
.box1 .indent{ padding:9px 18px 12px 19px;}

.box2{ background:url(images/box2-tail.gif) top repeat-x #1c6ed2; font-size:0.923em; color:#76aef8; line-height:1.417em;}
.box2 .left-top{ background:url(images/box2-corner-left-top.gif) top left no-repeat;}
.box2 .right-top{ background:url(images/box2-corner-right-top.gif) top right no-repeat;}
.box2 .left-bot{ background:url(images/box2-corner-left-bot.gif) bottom left no-repeat;}
.box2 .right-bot{ background:url(images/box2-corner-right-bot.gif) bottom right no-repeat; width:100%;}
.box2 .indent{ padding:19px 10px 15px 19px;}
.box2 .title{ padding-bottom:8px;}
.box2 a{ background:url(images/box2-link-bg.gif) right top no-repeat; padding-right:8px; color:#ffffff; font-weight:bold; text-decoration:none;}
.box2 a:hover{ text-decoration:underline;}
.box2 strong{ color:#ffffff; font-size:1em; font-family:Tahoma, Geneva, sans-serif; padding-bottom:0;}

.box3{ background:url(images/box3-border.gif) top repeat-x #f8fafd;}
.box3 .left-border{ background:url(images/box3-border.gif) left repeat-y;}
.box3 .right-border{ background:url(images/box3-border.gif) right repeat-y;}
.box3 .bot-border{ background:url(images/box3-border.gif) bottom repeat-x;}
.box3 .left-top{ background:url(images/box3-corner-left-top.gif) top left no-repeat;}
.box3 .right-top{ background:url(images/box3-corner-right-top.gif) top right no-repeat;}
.box3 .left-bot{ background:url(images/box3-corner-left-bot.gif) bottom left no-repeat;}
.box3 .right-bot{ background:url(images/box3-corner-right-bot.gif) bottom right no-repeat; width:100%;}
.box3 .indent1{ padding:12px 5px 14px 13px;}
.box3 .indent1 .container h1{font-weight:bold;
                              color:#85C109;
							  font-size:24px;
							 }
.box3 .indent2{ padding:29px 5px 32px 36px;}
.box3 .indent3{ padding:29px 5px 22px 36px;}

.box4{ background:url(images/box4-border.gif) top repeat-x #ffffff;}
.box4 .left-border{ background:url(images/box4-border.gif) left repeat-y;}
.box4 .right-border{ background:url(images/box4-border.gif) right repeat-y;}
.box4 .bot-border{ background:url(images/box4-border.gif) bottom repeat-x;}
.box4 .left-top{ background:url(images/box4-corner-left-top.gif) top left no-repeat;}
.box4 .right-top{ background:url(images/box4-corner-right-top.gif) top right no-repeat;}
.box4 .left-bot{ background:url(images/box4-corner-left-bot.gif) bottom left no-repeat;}
.box4 .right-bot{ background:url(images/box4-corner-right-bot.gif) bottom right no-repeat; width:100%;}
.box4 .indent{ padding:17px 5px 18px 22px;}
.extra .right-bot{ background:url(images/extra-corner.jpg) bottom right no-repeat; width:100%;}
.box4 .strong1{ padding-bottom:10px;}

.box5{ background:url(images/box5-border.gif) top repeat-x #ffffff;}
.box5 .left-border{ background:url(images/box5-border.gif) left repeat-y;}
.box5 .right-border{ background:url(images/box5-border.gif) right repeat-y;}
.box5 .bot-border{ background:url(images/box5-border.gif) bottom repeat-x;}
.box5 .left-top{ background:url(images/box5-corner-left-top.gif) top left no-repeat;}
.box5 .right-top{ background:url(images/box5-corner-right-top.gif) top right no-repeat;}
.box5 .left-bot{ background:url(images/box5-corner-left-bot.gif) bottom left no-repeat;}
.box5 .right-bot{ background:url(images/box5-corner-right-bot.gif) bottom right no-repeat; width:100%;}
.box5 .indent{ padding:25px 5px 18px 13px;}
.box5 .indent2{ padding:28px 20px 18px 23px;}

.list{ margin-top:-5px; font-size:0.923em;}
.list li{ background:url(images/list1-marker.gif) no-repeat 2px 12px; padding:0 0 0 14px; line-height:2.083em; }

.list1 li{ background:url(images/list1-marker.gif) no-repeat 2px 7px; padding:0 0 13px 14px; line-height:1.333em; font-size:0.923em;}

dt{ background:url(images/list1-marker.gif) no-repeat 2px 12px; padding:0 0 0 14px; line-height:2.083em; margin-top:-5px; font-size:0.923em;}
dd{ padding:3px 0 22px 14px;}
dd a{ color:#000000;}
.last{ padding-bottom:0;}

.link{ display:inline-block; background:url(images/link-tail.gif) top repeat-x; font-weight:bold; color:#253f93; text-decoration:none; margin-top:24px; line-height:1em; font-family:Arial, Helvetica, sans-serif; cursor:pointer;}
.link span{ background:url(images/link-left-bg.gif) left top no-repeat; display:inline-block;}
.link span span{ background:url(images/link-right-bg.gif) right top no-repeat; padding:6px 14px 22px 16px;}
.link:hover{ background:url(images/link-tail-act.gif) top repeat-x;}
.link:hover span{ background:url(images/link-left-bg-act.gif) left top no-repeat;}
.link:hover span span{ background:url(images/link-right-bg-act.gif) right top no-repeat;}

.link1{ padding-top:20px; font-size:0.923em;}
.link1 a{ background:url(images/form3-bg.gif) right top no-repeat; color:#000000; text-decoration:none; padding-right:13px; }
.link1 a:hover{ text-decoration:underline;}

.link2{ display:inline-block; margin:3px 0 0 14px; color:#000000; font-size:0.923em;}

/*.block{ background:url(images/vertical-line.gif) left repeat-y;}*/
/*.block .line{ background:url(images/vertical-line.gif) right repeat-y; width:100%;}*/
.block .indent{ padding:19px 5px 18px 27px;}
.block .indent2{ padding:19px 5px 5px 38px;}
.block .indent3{ padding:19px 5px 23px 38px;}
.block .indent4{ padding:19px 40px 5px 38px;}
.block .title{ padding-bottom:13px;}

/* ============================= footer ====================== */
#footer{ font-size:0.769em; }
#footer .menu{ float:left; width:350px; padding:20px 0px 0 0;}
#footer .menu li{ float:left; color:#919191; padding-left:5px;}
#footer .menu a{ color:#919191; font-family:Arial, Helvetica, sans-serif; text-decoration:none; margin-right:6px;}
#footer .menu a:hover{ color:#000000;}
#footer .menu ul li a.selected{ color:#000000;}	
#footer .text{  float:left; width:200px;padding:20px 0 0 58px;}
#footer .text a{ text-decoration:none; margin-left:9px;}
#footer .text a:hover{ text-decoration:underline;}
#footer .text1 {
                   width:220px;
				   float:right;
				   padding:20px 70px 0 0px;
				 
				 }
/* ============================= forms ============================= */
#Form1 .input{ padding:3px 1px 2px 2px; width:177px; vertical-align:middle; margin-right:2px; font-family:Tahoma, Geneva, sans-serif; font-size:1em;}
#Form1 .button{ vertical-align:middle;}


#Form2 .input{ padding:3px 1px 2px 2px; width:177px; vertical-align:middle; margin-right:2px; font-family:Tahoma, Geneva, sans-serif; font-size:1em;}
#Form2 .button{ vertical-align:middle;}

#Form3 select{ width:216px; vertical-align:middle; color:#845835; margin-right:2px; font-family:Tahoma, Geneva, sans-serif; font-size:1em; margin-bottom:20px; height:20px;}
#Form3 .last{ margin-bottom:0;}
#Form3 .button{ padding-top:5px;}
#Form3 .button a{ background:url(images/form3-bg.gif) right top no-repeat; color:#000000; text-decoration:none; padding-right:15px;}
#Form3 .button a:hover{ text-decoration:underline;}

#LoginForm label{ display:block; height:48px;}
#LoginForm input{ border:solid 1px #dae1ec; background:#ebeff6; padding:2px 1px 3px 3px; width:210px;}
#LoginForm .link{ margin:10px 55px 0 0;}

#ContactForm{ margin-top:-10px;}
#ContactForm .col-1{ width:250px !important;}
#ContactForm .col-2{ width:270px !important; margin-left:0 !important;}
#ContactForm label{ display:block; height:47px;}
#ContactForm input{ border:solid 1px #dee4ed; background:#ebeff6; font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#000000; padding:3px 0 2px 3px; width:222px;}
#ContactForm textarea{ border:solid 1px #dee4ed; background:#ebeff6; font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#000000; padding:1px 0 1px 3px; width:260px; height:113px; overflow:hidden;}
#ContactForm .buttons{ padding-right:15px;}
#ContactForm .link{ margin:15px 20px 0 0;}
.bodycontent{
                  padding:10px;
				  }
.box3 .indent2 .container{
                          width:862px;
						  float:left;
						 }
.container .leftsec{
                       width:200px;
                       float:left;
					  
					 }
								   
 .container .middlesec{
                          width:200px;
                          float:left;	
					   }							   
						 
 .container .rightsec{
                        width:200px;
                        float:left;	
					  }	
.container .endsec{
                     width:200px;
					 float:left;
                   }
.bodycontent .c1 {                   color:#000000;
				   }
				   
 .bodycontent .c1 span{ color:#003300; font-weight:bold;}                  
                      	
 .bodycontent .c2 { color:#000000; }             							 			
 .bodycontent .c2 span{
                        color:#003300;
						font-weight:bold;
						}	
						.c2 p{padding:0px 0px 0px 0px; line-height:1.4em;}
 .bodycontent .c3{
                   color:#000000
				   }									 
 .bodycontent .c3 span{
                        color:#FF33CC;
						font-weight:bold;
						}	
 .bodycontent .c4{
                   color:#000000
				   }	
.bodycontent .c4 span{
                        color:#003300;
						font-weight:bold;
						}
.bodycontent .c5{
                   color:#000000
				   }	
.bodycontent .c5 span{
                        color:#003300;
						font-weight:bold;
						}							table.cartonlist .cartons {
	font-weight: bold;
	width: 160px;
	margin: 0px;
	padding: 0.25em 0em 0em;
}
table.cartonlist td.redtext {
	color: #990000;
	margin: 0px;
	padding: 0.2em 0.5em;
	width: 5em;
	text-align: right;
}
table.cartonlist th {
	background-color: #CCCCCC;
	margin: 0px;
	padding: 0.5em 0.5em 0.5em 0.2em;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #000000;
	border-bottom-color: #000000;
	text-align: left;
}
table.cartonlist td {
	text-align: left;
	vertical-align: top;
	margin: 0px;
	padding: 0.25em 0em 0em 0.2em;
}

table.cartonlist tr.botedge {
	border-bottom: 1px solid #000000;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	background: #E4E4E4;
}
table.cartonlist .product2 {
	font-weight: bold;
	width: 200px;
	margin: 0px;
	padding: 0.25em 0em 0em;
}
#midbanner {
	margin: 0px;
	padding: 0px;
	position: relative;
}
#googlemaparea {
	margin: 0px;
	padding: 0px;
	height: 194px;
	width: 350px;
	position: absolute;
	top: 0px;
	right: 0px;
}