@charset "utf-8";

/** Tag definitions **/
html {height:100%; margin:0; padding:0}

body  {
	background:url(/images/bg.gif) repeat-x left top/**/ #ffffff;
	margin: 0px; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0px;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the container selector */
	color: #769235;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
}
div{padding:0; margin:0}
ul {padding:0; margin:0}
li {list-style:none; padding:0; margin:0}
img {border:0}

form, label, input, select{font:Verdana, Arial, Helvetica, sans-serif; font-size: 10px;}


/* Separators */
.sep0 { background: url(/images/t_line.gif) top right; height:12px; width:90%; margin:0 auto; padding: 0; clear:both ; border:none}
.sep1 { background: url(/images/c1_line.gif) top right;  height:1px; width:90%; margin:10px auto; padding: 0;clear:both; border:none }
.sep2 { background: url(/images/wht_line.gif) top right;  height:1px; width:90%; margin:0 auto; padding: 0; clear:both; border:none}
.sep3 { background: url(/images/g_line.gif) top right;  height:3px; width:95%; margin:0 auto; padding: 0;clear:both; border:none }
.sep4 { background: url(/images/g_line.gif) top right;  height:1px; width:95%; margin:0 auto; padding: 0;clear:both; border:none }

 
/** Main page container **/
.container {
	width: 970px;
	background: none;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: center; /* this overrides the text-align: center on the body element. */
	padding: 0

} 

 /** Header **/
.header{height:140px; 
		width:100%; 
		padding: 0; 
		margin: 0; 
		background:url(/images/head_right.gif) top right no-repeat #ffffff;
		text-align:left; clear:both; overflow:hidden}	 

.header .col1{float:left; margin: 10px 0px 0px 0px; }
.header .col2{
	float:right;
 	margin: 110px 10px 0px 0px;
  	text-align:right;
  	font:Verdana, Arial, Helvetica, sans-serif; font-size: 10px;
   	color:#666666
}
.header .col2 a{color:#666666; text-decoration:none; font-weight:bold}
.header .col2 a:hover{color:#333333; text-decoration:underline !important}
.header .col3{
	float:right;
 	margin: 106px 10px 0px 0px;
  	text-align:right;
  	font:Verdana, Arial, Helvetica, sans-serif; font-size: 10px;
   	border:none;
}

 /** Horizontal Menu **/
.menu_h{ 
    margin: 0px 0px 0px 0px;
	padding:10px 0px 0px 0px;
	text-align:left;	
	height:30px; clear:both
}	

.menu_h ul {list-style-type: none; /*text-transform:uppercase; */font-family:Tahoma, Verdana, sans-serif; font-size:13px ; letter-spacing: 1px }
.menu_h li {display:inline; }
.menu_h li a{padding:10px 15px 10px 15px; text-decoration:none; color:#ffffff;}
.menu_h li a:hover{ text-decoration:underline !important;}


/* SUB HEADER */
.sub_header{  
		 float: left;
		 width:100%; 
		 height:270px; 
		 padding: 0; 
		 margin: 0px 0px 0px 0px; 
		 text-align:left;		 
		 }	 

.sub_header .col1{float:right; margin: 0; padding:0; width:270px}




/*** Left side column ***/
.sidebar1 {
	float: left; /* since this element is floated, a width must be given */
	width: 190px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	padding: 0px; /* padding keeps the content of the div away from the edges */
	margin: 15px 0px 10px 0px ;
	text-align:left;
	/*height: 410px;*/
}

.sidebar1 span {font:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold;  color:#ffffff; margin-left:5px;text-transform:uppercase; }

/** Main content - Center Column**/

.maincontent {
  background: #ffffff;
  float: left;
  width: 485px;
  margin: 15px 0px 20px 14px;  
  padding: 0px 0px 20px 0px;
  border: 1px #CCCCCC solid;
}
.maincontentmg {
  background: #ffffff;
  float: left;
  width: 700px;
  margin: 15px 0px 20px 14px;  
  padding: 0px 0px 20px 0px;
  border: 1px #CCCCCC solid;
}
.maincontent .title {
	font-size:16px;
	font-weight:bold;
	color:#769235;
	margin: 0;
	padding:5px 5px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;

}

.maincontent .tbox{
  font:Arial, Helvetica, sans-serif; font-size:12px; color:#000000;
  margin: 0;
  padding:15px 15px 25px 15px;
  text-align:left;
}
/*** Right side column ***/
.sidebar2 {
	float: right; /* since this element is floated, a width must be given */
	width: 265px; /* the actual width of this div, in standards-compliant browsers,*/
	background: none; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 0px;  /* padding keeps the content of the div away from the edges */
	margin: 15px 0px 0px 0px; ;
	text-align:left;
	

}

.sidebar2 span {font:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#FFFFFF; margin:0px; padding:0px 0px 0px 5px; text-transform:uppercase; }


/*** Footer ***/
.footer_t{  clear: both; width:100%; padding:0; margin-top:0px; height:108px;background: url(../images/footer_left.gif) left top no-repeat  #a2c83a;}
.footer_t .inn1{float:right; height:108px; background:url(/images/footer_right.gif) right top no-repeat; text-align:right; padding: 0 }

.footer_t a{color:#5a5a5a; text-decoration:underline; font-weight:bold;}
.footer_t a:hover{color:#ffffff;text-decoration:none;}

.footer_t span{color:#ffffff; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; float:right; margin-top:15px; padding:5px 20px 0px 0px}
.footer_t span a{color:#ffffff; text-decoration:none; font-weight:normal;}
.footer_t span a:hover{text-decoration:underline;}
.footer_t .copyright{clear: both;  color:#5a5a5a; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; float:right; width:400px;margin:0; padding:10px 20px 0px 0px }



/***  Featured Box ***/

/* FEAT BOX */
.feat_box{
	float:right;
	width:100%;
	margin:0px 0px 15px 0px;
	padding:0;
	text-align:left;
    background: none;	
}

.feat_box .img1{
	float:left;
    margin: 0px 0px 0px 12px;
	padding: 0px ;
	width:85px;	
	text-align:center;border: 
	
}
.feat_box img{
   border:0;
}

.feat_box .title{
	float:right;
	width: 50%;
    padding:5px 5px;
	margin: 0px 15px 0px 0px;
	color: #769235;
	text-align:left;
	font-weight:bold;
	font:Arial, Helvetica, sans-serif; font-size: 12px; text-transform:uppercase;
	}


.feat_box .desc{
	float:right;
	width: 50%;
	padding:5px 5px;
	margin: 0px 15px 0px 0px;
	text-align:left;
	color:#333333;
	font:Verdana, Arial, Helvetica, sans-serif; font-size: 11px;
}

.feat_box .price{
	float:right;
	width: 50%;
    padding:5px 5px;
	margin: 0px 15px 0px 0px;
	color:#000000;
	text-align:left;
	font:Verdana, Arial, Helvetica, sans-serif; font-size: 12px;font-weight:bold;
}
.feat_box .option{
	float:left;
	width: 50%;
    padding:5px 5px;
	margin: 0px 15px 0px 0px;
	color:#000000;
	text-align:left;
	font:Verdana, Arial, Helvetica, sans-serif; font-size: 11px;font-weight:bold;
}
.feat_box .price_was{
	float:right;
	width: 50%;
    padding:5px 5px;
	margin: 0px 15px 0px 0px;
	text-align:left;
	color:#cccccc; text-decoration:line-through;
	font:Verdana, Arial, Helvetica, sans-serif; font-size: 12px;font-weight:bold; 
}

.feat_box .btn{
	float:right;
	width: 50%;
	padding:5px 5px;
	margin: 0px 15px 0px 0px;;
	text-align:left;    
	border:0px
}

.feat_box ul li{list-style-type: none;}
.feat_box li a{
background:url(/images/plus.gif) no-repeat 10px 5px; 
 font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;
 display: block; 
width: 169px; /*mouse over main menu item*/
padding: 5px 0px 5px 35px; /*menu item height*/
text-decoration:none !important;
color: #666666; 
}
.feat_box li a:hover{
font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;
text-decoration:underline !important;
color: #666666; 
}

.infolink ul li a:hover{text-decoration:underline !important}

.feat_box .bg {background: #ffffff;/**/}
.feat_box .t {background: url(/images/box_green_top_bg.gif) top left repeat-x #a4cb3b/*#dae797*/ }
.feat_box .b {background: url(/images/green_dot.gif) 0 100% repeat-x}
.feat_box .l {background: url(/images/green_dot.gif) 0 0 repeat-y}
.feat_box .r {background: url(/images/green_dot.gif) 100% 0 repeat-y}
.feat_box .bl {background: url(/images/box_green_bottom_left_w.gif) 0 100% no-repeat}
.feat_box .br {background: url(/images/box_green_bottom_right_w.gif) 100% 100% no-repeat ;}
.feat_box .tl {background: url(/images/box_green_top_left.gif) 0 0 no-repeat}
.feat_box .tr {background: url(/images/box_green_top_right.gif) 100% 0 no-repeat; padding:8px 10px} 



/* FEAT BOX 1 */
.feat_box1{
	float:left;
	width:100%;
    margin: 0px;
	padding:0px;
	text-align:left;
    background: none;    		
}
.feat_box1 .bg {background:#FFFFFF/*none; /*url(../images/box_green_bg.gif) top left repeat-x #d8e391;*/}
.feat_box1 .t {background: url(/images/box_green_top_bg.gif) top left repeat-x #8bac3f/*#dae797*/ }
.feat_box1 .b {background: url(/images/green_dot.gif) 0 100% repeat-x}
.feat_box1 .l {background: url(/images/green_dot.gif) 0 0 repeat-y}
.feat_box1 .r {background: url(/images/green_dot.gif) 100% 0 repeat-y}
.feat_box1 .bl {background: url(/images/box_green_bottom_left_w.gif) 0 100% no-repeat}
.feat_box1 .br {background: url(/images/box_green_bottom_right_w.gif) 100% 100% no-repeat ;}
.feat_box1 .tl {background: url(/images/box_green_top_left.gif) 0 0 no-repeat}
.feat_box1 .tr {background: url(/images/box_green_top_right.gif) 100% 0 no-repeat; padding:8px 10px} 

.feat_box1 .br .head{ background:#E8E8E8; color:#333333; margin:0px 1px 0px 1px; padding:4px 15px; font-size:12px; font-weight:bold}

/* FEAT BOX 3  (WIDE) */
.feat_box3{
	float:left;
	width:475px;
    margin:10px 0px;
	padding:0;
	text-align:left;
    background: none;
    /*height: auto;	*/
}

.feat_box3 .img1{
	float:left;
    margin: 0px 0px 0px 10px;
	padding:0px;
	width:199px;
	background: #ffffff;
	text-align:center;
	border: none;
}
.feat_box3 .img2{
	border: 1px solid #999999;
}

.feat_box3 img{
	border: none; margin: 0 auto;
}

.feat_box3 .title{
	float:right;
	width: 50%;
    padding:0px 8px;
	margin: 0px;
	color: #769235;
	text-align:left;
	font-weight:bold;
	font:Arial, Helvetica, sans-serif; font-size: 12px; 
	
}
.feat_box3 .title2{
	float:right;
	width: 50%;
    padding:0px 8px;
	margin: 0px;
	color: #F68B1F;
	text-align:left;
	font-weight:bold;
	font:Arial, Helvetica, sans-serif; font-size: 12px; 
	
}

.feat_box3 .desc{
	float:right;
	width: 50%;
	margin: 0px;
    padding:4px 8px;
	text-align:left;
	color:#333333;
	font:Verdana, Arial, Helvetica, sans-serif; font-size: 11px;
}

.feat_box3 .price{	
	float:right;
	width: 50%;
    padding:5px 8px;
	margin: 0px;
	color:#000000;
	text-align:left;
	font:Verdana, Arial, Helvetica, sans-serif; font-size: 12px;font-weight:bold;
}
.feat_box3 .pricespecial{	
	float:right;
	width: 50%;
    padding:5px 8px;
	margin: 0px;
	color:#FF3333;
	text-align:left;
	font:Verdana, Arial, Helvetica, sans-serif; font-size: 12px;font-weight:bold;
}
.feat_box3 .price2{
	float:left;
	width: 150px;
    padding:4px 8px;
	text-align:left;
	margin: 0px;
	color:#000000;
	font:Verdana, Arial, Helvetica, sans-serif; font-size: 12px;font-weight:bold; clear:both;
}
.feat_box3 .option{
	float:right;
	width: 50%;
    padding:4px 8px 0 8px;
	margin:  0px;
	color:#000000;
	text-align:left;
	font:Verdana, Arial, Helvetica, sans-serif; font-size: 12px;font-weight:bold;
}
.feat_box3 .btn{
	float:right;
	width: 50%;
	margin: 0px;
	text-align:left;
    padding:2px 8px;
	border:0px
}

/* FEAT BOX T*/
.feat_boxT{
    margin:0px 0px;
	padding:8px 10px 8px 10px;
	text-align:left;
    background: none;   
}

.feat_boxT .title{
font-weight:bold;
	font:Arial, Helvetica, sans-serif; font-size: 14px; 
}
.feat_boxT .desc{
font-weight:bold;
	font:Arial, Helvetica, sans-serif; font-size: 14px; 
	color: #769235;
}
.feat_boxT .stitle{
font-weight:bold;
	font:Arial, Helvetica, sans-serif; font-size: 11px; padding:0px; margin:15px 0px 0px 5px; clear:both;
}

/*FEAT BOX CATEGORY*/
.feat_box_cat{
	float:left;
	width:200px;
    margin:10px 5px 0px 25px;
	padding:0;
	text-align:left;
    background: none;
    /*height: auto;	*/
}

.feat_box_cat .title{
	float:left;
	width: 180px;
    padding:5px 10px;
	margin: 0px;
	color: #769235;
	text-align:center;
	font-weight:bold;
	font:Arial, Helvetica, sans-serif; font-size: 12px; 
}

.feat_box_cat .img1{
	float:left;
    margin: 0px 0px;
	padding:0px;
	width:199px;
	height:130px;
	background: #ffffff;
	text-align: center;
	border: none;
}

.banner {

  float: left;
  width: 690px;
  margin: 0px 0px 0px 00px;  
  padding: 0px 0px;
  background: none;
}


/* FEAT BOX DESCRIPTION */
.feat_box_desc{
	float:left;
	width:470px;
    margin:10px 0px;
	padding:0;
	text-align:left;
    background: none;
    /*height: auto;	*/
}

.feat_box_desc .img1{
	float:left;
    margin: 0px 0px 0px 10px;
	padding:0px;
	width:230px;
	background: #ffffff;
	text-align:center;
	border: none;
}

.feat_box_desc img{
	border: 1px solid #999999; margin: 0 auto; 
}

.feat_box_desc .title{
	float:right;
	width: 200px;
    padding:0px 8px;
	margin: 0px;
	color: #769235;
	text-align:left;
	font-weight:bold;
	font:Arial, Helvetica, sans-serif; font-size: 12px; 
}

.feat_box_desc .desc{
	float:right;
	width: 200px;
	margin: 0px;
    padding:4px 8px;
	text-align:left;
	color:#333333;
	font:Verdana, Arial, Helvetica, sans-serif; font-size: 11px;
}

.feat_box_desc .price{
	float:right;
	width: 200px;
    padding:4px 8px;
	text-align:left;
	margin: 0px;
	color:#000000;
	font:Verdana, Arial, Helvetica, sans-serif; font-size: 12px;font-weight:bold;
}
.feat_box_desc .pricespecial{
	float:right;
	width: 200px;
    padding:4px 8px;
	text-align:left;
	margin: 0px;
	color:#FF3333;
	font:Verdana, Arial, Helvetica, sans-serif; font-size: 12px;font-weight:bold;
}
.feat_box_desc .btn{
	float:right;
	width: 200px;
	margin: 0px;
	text-align:left;
    padding:2px 8px;
	border:0px
}

/* FEAT BOX DETAILS */
.feat_box_det{
	float:right;
	width:140px;
    margin:15px 15px 10px 0px;
	padding:0;
	text-align:left;   
	border: 1px solid #999999
    /*height: auto;	*/
}

.feat_box_det .head{
    margin: 0px ;
	padding:0px;
    background: #999999;
	text-align:center;
	border: none;
}


.feat_box_det .title{
	padding:5px 6px;
	margin:0px;
	font-weight:bold;
	font:Arial, Helvetica, sans-serif; font-size: 12px;color:#FFFFFF; 
}

.feat_box_det .desc{
	margin: 0px;
    padding: 5px 8px 5px 8px;
	text-align:left;
	color:#000000;
	font:Verdana, Arial, Helvetica, sans-serif; font-size: 11px;
}


/* FEAT BOX OTHER */
.feat_box_oth{
	float:left;
	width:145px;
    margin:10px 0px 0px 11px;
	padding:0;
	text-align:left;   
	border: 1px solid #999999
    /*height: auto;	*/
}


.feat_box_oth .desc{
	margin: 0px;
    padding: 5px 2px ;
	text-align:center;
	color:#000000;
	font:Verdana, Arial, Helvetica, sans-serif; font-size: 11px;
}



/* BANNER BOX */

.banner_box{
	float:right;
	width:100%;
	margin:10px 0px 0px 0px;
	padding:0;
	text-align:right;
    background: none;	
}

.banner_box img{
	border: none;
}


/*** Other settings ***/

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}



.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}



.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */

	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;

}

/* Floating layer */
    #full {	position: absolute;	top:0px; left:0px; bottom:0px; width:100%; height:100%; z-index: 100;  background:none; display:none}
   	#box{ margin:550px auto auto auto; width:470px; position:relative; background-color:#769235; border: solid 1px #769235; overflow:inherit }
	#box .descl{float:left; color:#FFFFFF; font-size:11px; font-weight:bold; padding:5px 10px; }
	#box .desc2{float:right; padding: 2px 5px 0px 5px;  }
	#box .imgc{ width:400px; text-align:center; background:#FFFFFF; clear:both; overflow:inherit }