/* CSS Document */
body{
margin:0px;
padding:0px;
background:url(../../images/front/bg.jpg) repeat-x;
background-color:#006b54; 
font: 14px Arial, Helvetica, sans-serif;
color:#717373;
line-height:20px;
}
#page{
width:960px;
background:url(../../images/front/page_bg.jpg) no-repeat;
background-color:#006b54;
padding:0px 17px;
margin:0 auto;
}
#wrapper{
width:960px;
margin:0 auto;
}
p{
margin-top:5px;
margin-bottom:5px;
text-align:justify;
}
.small_heading{
margin-top:0px;
margin-bottom:4px;
font-weight:bold;
}
#header{
background:url(../../images/front/top_bar.jpg) no-repeat;
height:239px;
}
#header .left{
float:left;
padding:7px 0 0 22px;
width:350px;
}
#header .right{
float:right;
text-align:right;
padding:7px 22px 0 0 ;
width:207px;
font:13px Arial, Helvetica, sans-serif;
font-weight:normal;
color:#000;
}
* html #header .right{
float:right;
text-align:right;
padding:7px 22px 0 0 ;
width:207px;
font:13px Arial, Helvetica, sans-serif;
font-weight:normal;
color:#000;
}
.link_bg{
background:url(../../images/front/link_bg.jpg);
height:34px;
}
.main_img{
background:url(../../images/front/main_img.jpg) no-repeat;
height:282px;
}
#content_area{
background:url(../../images/front/content_bg.jpg) repeat-y;
padding-top:10px;
}
#content_area .left{
float:left;
width:361px;
}
#content_area .mid{
float:left;
width:348px;
border-left:1px solid #e4e4e4;
border-right:1px solid #e4e4e4;
}
#content_area .right{
float:left;
width:249px;
}
#content_area .left_inpage{
float:left;
width:709px;
}
#content_area .right_inpage{
float:left;
padding-top:4px;
width:249px;
border-left:1px solid #e4e4e4;
}
h1{
display:block;
height:30px;
font:22px Arial, Helvetica, sans-serif;
font-weight:bold;
color:#006b54;
border-bottom:6px solid #006b54;
margin:0px;
line-height:20px;
}
h2{
display:block;
height:26px;
font:18px Arial, Helvetica, sans-serif;
font-weight:bold;
color:#006b54;
border-bottom:6px solid #006b54;
margin:0px;
}

h3{
height:24px;
font:17px Arial, Helvetica, sans-serif;
font-weight:bold;
color:#333333;
margin:0;
}

.heading2{
font:15px Arial, Helvetica, sans-serif;
font-weight:bold;
color:#79b74c;
padding-top:5px;
margin-bottom:5px;
}
.heading2 a{
color:#79b74c;
}
.heading3{
font:15px Arial, Helvetica, sans-serif;
font-weight:bold;
color:#79b74c;
padding-top:5px;
margin-bottom:5px;
}
.grn_text{
font:15px Arial, Helvetica, sans-serif;
font-weight:bold;
color:#79b74c;
line-height:20px;
}
.small_grn_text{
font:11px Arial, Helvetica, sans-serif;
color:#006b54;
line-height:14px;
text-align:center;
padding-top:2px;
vertical-align:top;
}
.sub_heading{
font:12px Arial, Helvetica, sans-serif;
font-weight:bold;
color:#006b54;
}
.welcome{
padding:240px 0 0 527px;
font:26px Arial, Helvetica, sans-serif;
color:#fff;
}
.border1{
font:12px Arial, Helvetica, sans-serif;
color:#717373;
border:1px solid #717373;
width:150px;
height:18px;
padding:2px 0 0 2px;
}
.border2{
font:12px Arial, Helvetica, sans-serif;
color:#717373;
border:1px solid #717373;
width:180px;
height:18px;
padding:2px 0 0 2px;
}
.padding1{
padding:0 12px 0 36px;
}
.padding2{
padding:0 12px;
}
.padding3{
padding:0 36px 0 12px;
}
.padding4{
padding:8px 0 0;
}
.padding5{
padding:12px 0 0;
}
.padding6{
padding:0 12px;
}
.padding7{
padding:23px 36px 0 12px;
}
.padding8{
padding:8px 0;
}
.padding9{
padding:5px 10px;
}
.padding10{
padding-left:11px;
}
.padding11{
margin-bottom:10px;
}
.padding12{
padding-top:5px;
}
.char_text{
padding:5px 9px;
min-height:48px;
font-size:13px;
}
* html .char_text{
padding:5px 10px;
height:120px;
}
* + html .char_text{
padding:5px 10px;
height:120px;
}
.prod_box{
width:214px;
}
.prod_mid{
background:url(../../images/front/prod_box_mid.jpg) repeat-y;
text-align:center;
}
.prod_bot{
background:url(../../images/front/prod_box_bot.jpg) no-repeat;
text-align:center;
min-height:80px;
_height:80px;
padding-top:14px;
}
.prod_bot div{
	background-color:#f5f5f5;
	width:188px;
	margin:auto;
	padding:0 10px;
	}
.prod_bot_round{
background:url(../../images/front/prod_box_bot_round.jpg) no-repeat;
text-align:center;
height:10px;
margin-top:-2px;
}
.preview_mid{
background:url(../../images/front/preview_box_mid.jpg) repeat-y;
padding:0 15px;
}
.char_name{
font-weight:bold;
font-size:14px;
color:#79b74c;
}
.icon{
float:left; 
margin-top:-6px;
padding-right:5px;
}
.img_left{
float:left;
padding-right:20px;
}
.img_left2{
float:left;
padding:5px 30px 30px 0;
}
.img_left3{
float:left;
padding:8px 10px 0 0;
}
.img_left4{
float:left;
padding-right:10px;
}
.img_left5{
float:left;
padding-top:10px;
padding-right:20px;
}
.img_left6{
float:left;
padding-top:5px;
padding-right:20px;
}
.img_left7{
float:left;
padding:8px 10px 20px 0;
}
.img_left8{
float:left;
padding-top:5px;
padding-right:20px;
padding-bottom:20px;
}
.img_right{
float:right;
padding-left:10px;
}
* html .img_right{
float:right;
padding-left:10px;
margin-top:0px;
}
.balance{
clear:both;
}
.big_text{
padding:18px 0;
font: 16px Arial, Helvetica, sans-serif;
font-weight:400;
line-height:22px;
color:#717373;
}
.p_details_left{
padding-top:5px;
}
.p_details_right{
padding-top:0px;
}
a.link1{
font: 13px Arial, Helvetica, sans-serif;
font-weight:bold;
color:#717373;
text-decoration:none;
}
a.link1:hover{
font: 13px Arial, Helvetica, sans-serif;
font-weight:bold;
color:#717373;
text-decoration:underline;
}
.footer_link{
font: 13px Arial, Helvetica, sans-serif;
color:#fff;
padding:25px 0 ;
text-align:center;
}
a.link2{
font: 13px Arial, Helvetica, sans-serif;
color:#fff;
text-decoration:none;
}
a.link2:hover{
font: 13px Arial, Helvetica, sans-serif;
color:#d8f3fe;
text-decoration:none;
}
.link3{
font:13px  Arial, Helvetica, sans-serif;
font-weight:bold;
color:#006b54;
}
a.link3{
font:13px Arial, Helvetica, sans-serif;
font-weight:bold;
color:#006b54;
text-decoration:none;
}
a.link3:hover{
font:13px Arial, Helvetica, sans-serif;
font-weight:bold;
color:#004435;
text-decoration:none;
}
a.link4{
float:left;
font:13px Arial, Helvetica, sans-serif;
font-weight:normal;
color:#000;
text-decoration:none;
}
a.link4:hover{
float:left;
font: 13px Arial, Helvetica, sans-serif;
font-weight:normal;
color:#545400;
text-decoration:none;
}
a.link5{
font: 13px Arial, Helvetica, sans-serif;
color:#006b54;
font-weight:600;
text-decoration:none;
}
a.link5:hover{
font: 13px Arial, Helvetica, sans-serif;
color:#df6d0c;
font-weight:600;
text-decoration:none;
}
a.link6{
font: 13px Arial, Helvetica, sans-serif;
font-weight:normal;
color:#79B74C;
text-decoration:underline;
}
a.link6:hover{
font: 13px Arial, Helvetica, sans-serif;
font-weight:normal;
color:#79b74c;
text-decoration:none;
}
a.link7{
font: 20px Arial, Helvetica, sans-serif;
font-weight:bold;
color:#006b54;
text-decoration:underline;
}
a.link7:hover{
font: 20px Arial, Helvetica, sans-serif;
font-weight:bold;
color:#79b74c;
text-decoration:none;
}
a.link8{
font: 14px Arial, Helvetica, sans-serif;
font-weight:bold;
color:#006b54;
text-decoration:underline;
}
a.link8:hover{
font: 14px Arial, Helvetica, sans-serif;
font-weight:bold;
color:#79b74c;
text-decoration:none;
}
#footer{
background:url(../../images/front/bot_bar.jpg) no-repeat;
height:53px;
}
.copyright{
font: 13px Arial, Helvetica, sans-serif;
color:#32907c;
text-align:center;
padding-bottom:40px;
}
/*MENU*/

.menu {
	font-family: Arial, Helvetica, sans-serif;
	font-size:21px;
	color:#fff;
	font-weight:bold; 
	position: absolute;
	z-index:10000000;
	}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none; height:34px; margin-left:12px; }

/* style the sub-level lists */
.menu ul ul { width:156px;}

/* float the top list items to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu ul li {float:left; height:34px; line-height:34px; margin-right:1px;}

/* style the sub level list items */
.menu ul ul li {display:block; width:190px; height:auto;position:relative;line-height:1em; margin-left:-13px; margin-top:-2px;}

/* style the links for the top level */
.menu a, .menu a:visited {display:block; float:left; height:100%;font-family:Arial, Helvetica, sans-serif;	font-size:21px;	color:#fff; padding:0 35px; text-decoration:none;}

/* style the sub level links */
.menu ul ul a, .menu ul ul a:visited {display:block; background: #fff; color:#006b54; font-size:15px; width:205px; height:100%;line-height:15px; padding:0.4em 1.2em; border-left:1px solid #006c54; border-right:1px solid #006c54; border-bottom:1px solid #006c54;}
.menu ul table ul a, .menu ul table ul a:visited  {width:200px;}


/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {position:absolute; left:0; top:0; font-size:21px; z-index:-1;}
.menu ul ul table {lef\t:-1px;}
.menu ul ul table ul.left {margin-lef\t:2px;}

.menu li:hover {position:relative;}
* html .menu a:hover {position:relative;}

/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background: #f5f5f5;  border-left:1px solid #f5f5f5;}
/* style the fourth level background */
.menu ul ul ul ul a, .menu ul ul ul ul a:visited {background:#f5f5f5;}
/* style the sub level 1 background */
.menu ul :hover a.sub1 {background:#dccdcd;}
/* style the sub level 2 background */
.menu ul ul :hover a.sub2 {background:#e9cfcf;}

/* style the level hovers */
/* first */
.menu a:hover {display:block; float:left; height:100%; font-family:Arial, Helvetica, sans-serif;	font-size:21px;	color:#006b54; padding:0 35px; background-color:#fff; text-decoration:none;}
.menu :hover > a {display:block; float:left; height:100%;font-family:Arial, Helvetica, sans-serif;	font-size:21px;	color:#006b54; padding:0 35px; background-color:#fff; text-decoration:none;}
/* second */
.menu ul ul a:hover{display:block; background: #006c54; color:#fff; font-size:15px; width:205px; height:100%;line-height:15px; padding:0.4em 1.2em; }
.menu ul ul :hover > a {display:block; background: #006c54; color:#fff; font-size:15px; width:205px; height:100%;line-height:15px; padding:0.4em 1.2em;}
/* third */
.menu ul ul ul a:hover {background:#d3bd8b}
.menu ul ul ul :hover > a {background:#d3bd8b;}
/* fourth */
.menu ul ul ul ul a:hover {background:#d3bd8b;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden; position:absolute; height:0; top:36px; left:0px; width:190px;}

/* position the third level flyout menu */
.menu ul ul ul{left:154px; _left:155px;top:0;width:14em;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-14em;}


/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul, .menu ul a:hover ul {visibility:visible; height:auto; padding-bottom:3em; background:transparent url(images/trans.gif);}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* keep the fourth level hidden when you hover on second level list OR link */
.menu ul :hover ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{visibility:visible;}
/* make the fourth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul {visibility:visible;}

#selected{
display:block; 
float:left; 
height:100%; 
font-family:Arial, Helvetica, sans-serif;	
font-size:21px;	
color:#006b54; 
padding:0 15px 0 15px; 
background-color:#fff; 
text-decoration:none;
}

#accountform label {
display:block;
float:left;
margin-right:0.5em;
text-align:right;
width:12em;
}
#accountform label {
display:block;
float:left;
margin-right:0.5em;
text-align:right;
width:12em;
}
#accountform li {
list-style-type:none;
font-size:12px;
padding-bottom:4px;
}

#accountform ul {
color:#444444;
font-family:arial,verdana,helvetica,sans-serif;

font-size:12px;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}

#accountform input, select, textarea {
border:1px solid #C2C2C2;
font-family:Arial,verdana,sans-serif;
font-size:1em;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
}

button, input {
	cursor:default;
	margin:0;
	overflow:visible;
	padding:0;
	vertical-align:middle;
	white-space:nowrap;
	width:auto;
}

.promo_textbox {
	cursor:default;
	margin:0;
	height:22px;
	overflow:visible;
	padding:0;
	vertical-align:middle;
	white-space:nowrap;
	width:150px;
	margin-bottom:4px;
}

.very_small_text{
	font-size:12px;
	color:#666666;
	font-weight:600;
}
* html .very_small_text{
	font-size:12px;
	color:#666666;
	font-weight:600;
	letter-spacing:-.4pt;
}
	.height_1{
	background-color:#F7F7F7;
	border:1px solid #ccc;
	float:right; 
	width:360px;
	padding:20px;
	min-height:242px;	
	vertical-align:middle;
	text-align:left;
	font-size:20px;
	}
	* html .height_1{
	background-color:#F7F7F7;
	border:1px solid #ccc;
	float:right; 
	width:360px;
	padding:20px;	
	height:252px;
	vertical-align:middle;
	text-align:left;
	font-size:20px;
	}
	* + html .height_1{
	background-color:#F7F7F7;
	border:1px solid #ccc;
	float:right; 
	width:360px;
	padding:20px;	
	height:268px;
	vertical-align:middle;
	text-align:left;
	font-size:20px;
	}
	.astrix {
color:red;
font-size:1.4em;
}
.astrix2 {
color:#F4F4F4;
font-size:1.4em;
}
.img_border{
padding:2px;
border:1px solid #006b54; 
}

.sub_heading2{
	font-size:16px;
	font-weight:600;
	margin-bottom:10px;
}

.green_text_field{
	border:1px #336633 solid;
	width:50px;
	height:18px;
	text-align:center;
	padding-top:3px;
}
.cart_table{
	border:1px solid #cccccc;
	border-collapse:collapse;
}
.cart_table td{
	padding:3px 3px 3px 3px;
}
.cart_table th{
	padding:3px 3px 3px 3px;
}
.my_cart_pic{
	padding:5px;
}
.qty{
	margin:auto; 
	width:96px; 
}
* html .qty{
	margin:auto; 
	width:98px;
}
.qty_left{
	float:left; 
	margin-left:5px;
}
* html .qty_left{
	float:left; 
	margin-left:2px;
}
.qty_mid{
	float:left; 
	margin-top:0;
	
}
* html .qty_mid{
	float:left;	
	margin-top:-1px;
}
.qty_rgt{
	float:left;	
}
/*--------------------------------------------------------------------------------------------------------------------------------
Pagination CSS Starts here
-------------------------------------------------------------------------------------------------------------------------------- */
#pagination ul{
	margin:0;
	padding:0;
	line-height:20px;
	}
#pagination ul li{
	float:left;
	display:block;
	width:15px;
	height:20px;
	list-style-type:none;
	text-align:center;
	font-size:16px;	
	font-weight:bold;
	text-decoration:none;
	margin:0 2px;
	}
#pagination ul li a{
	color:#84633A;
	display:block;
	width:24px;
	height:20px;
	list-style-type:none;
	text-align:center;
	font-size:16px;
	font-weight:bold;
	text-decoration:none;
	}
#pagination ul li a:hover{
	color:#006B54;
	display:block;
	width:24px;
	height:20px;
	list-style-type:none;
	text-align:center;
	font-size:18px;	
	font-weight:bold;
	text-decoration:none;
	}
#pagination ul li a.selected{
	color:#006B54;
	display:block;
	width:24px;
	height:20px;
	list-style-type:none;
	text-align:center;
	font-size:18px;	
	font-weight:bold;
	text-decoration:none;
	}
	
	
a.proced{
		font-size:13px;
		font-weight:bold;
		color:#fff;
		text-decoration:none;
		margin-right:15px;
		background-color:#006C54;
		padding:5px 10px;		
}
a.proced:hover{
		font-size:13px;
		font-weight:bold;
		color:#FBF362;
		text-decoration:none;
		margin-right:15px;		
		background-color:#006C54;
		padding:5px 10px;
}
* html a.proced{
		font-size:13px;
		font-weight:bold;
		color:#fff;
		text-decoration:none;		
		background-color:#006C54;
		padding:10px 10px;
		margin-right:45px;
}
* html a.proced:hover{
		font-size:13px;
		font-weight:bold;
		color:#FBF362;
		text-decoration:none;		
		margin-right:45px;
		background-color:#006C54;
		padding:10px 10px;
}

.breadcrumb { width:888px; margin:0 auto; border-bottom:1px solid #eeeeee; font-family:Arial, Helvetica, sans-serif; font-size:9pt; color:#717373; line-height:20px; margin-bottom:10px;}	
.breadcrumb a { font-family:Arial, Helvetica, sans-serif; font-size:9pt; text-decoration:none; color:#006B54;}
.breadcrumb a:hover { text-decoration:none; color:#df6d0c; }

.content-lft-img { float:left; margin:0 8px 7px 0;}
.content-rht-img { float:right; margin:0 0 7px 8px;}

.sitemap ul { margin:0 0 0 15px; padding:0}
.sitemap ul li { margin:0; padding:0; line-height:24px;}
.sitemap ul li a { margin:0; padding:0; font-size:15px; color:#006B54; text-decoration:none; font-weight:bold;}
.sitemap ul li a:hover { color:#006B54; border-bottom:1px dotted #006B54; text-decoration:none; }
.sitemap ul li ul { margin:0 0 0 15px; padding:0;}
.sitemap ul li ul li { margin:0; padding:0; font-size:13px; color:#006B54; text-decoration:none; line-height:20px;}
.sitemap ul li ul li a { margin:0; padding:0; font-size:13px; color:#006B54; text-decoration:none; font-weight:bold;}
.sitemap ul li ul li ul  { margin:0 0 10px 20px; padding:0; font-size:12px; color:#717373;}
.sitemap ul li ul li ul li { margin:0; padding:0; font-size:12px; color:#717373; text-decoration:none; font-weight:normal; line-height:18px;}
.sitemap ul li ul li ul li a {font-size:12px; color:#717373; text-decoration:none; font-weight:normal;}
.sitemap ul li ul li ul li a:hover {font-size:12px; color:#006B54; border-bottom:1px dotted #006B54; text-decoration:none; font-weight:normal;}

.listing { margin:0; padding:0}
.listing ul { margin:0; padding:0}
.listing ul li { margin:0; padding:5px 0 5px 0; list-style:none; border-bottom:1px dashed #ccc;}
.listing ul li:hover { background:#f5f8f7; border-bottom:1px dashed #ccc;}
.listing ul li a { margin:0; padding:0; color:#006B54; text-decoration:none;}
.listing ul li a:hover { margin:0; padding:0; color:#006B54; border-bottom:1px dotted #006B54; text-decoration:none;}

.work-img { border:1px solid #ccc;}
.img-links { background:#f2f2f2; padding:3px 5px; font-size:12px; text-align:center}
.img-links a { color:#006B54; text-decoration:none}
.img-links a:hover { color:#000000; text-decoration:none}
.img-links img { vertical-align:middle}
.work-img td { border:1px solid #fff;  border-top:none; }

.actvity-box { width:660px;}
.activity-list { width:640px; padding:10px 10px 10px 10px; background:#f5f8f7; border:1px dashed #ccc; height:auto; float:left; margin-bottom:14px}
.activity-list:hover {  background:#fbfdfc; border:1px dashed #ccc;}
.activity-list .img-box { float:left; width:100px; margin:0 }
.activity-list .img-box img { border:1px solid #ccc; }
.activity-list .list-box { float:left; width:520px; font-size:15px; margin:0 0 0 15px }
.activity-list .list-box h3 { margin:0; padding:0; color:#006B54; font-size:16px; font-weight:bold; }
.activity-list .list-box h3 a { margin:0; padding:0; color:#006B54; font-size:16px; font-weight:bold; text-decoration:none; }
.activity-list .list-box h3 a:hover { margin:0; padding:0; color:#000000; border-bottom:1px dashed #000000; font-size:16px; font-weight:bold; text-decoration:none; }

.activity-list1 { width:645px; padding:10px 7px 10px 7px; background:#f5f8f7; border:1px dashed #ccc; height:auto; float:left; margin-bottom:14px}
.activity-list1:hover {  background:#fbfdfc; border:1px dashed #ccc;}
.activity-list1 .img-box { float:left; width:306px; margin:0 }
.activity-list1 .img-box img { border:none; }
.activity-list1 .list-box { float:left; width:326px; font-size:15px; margin:0 0 0 12px }
.activity-list1 .list-box h3 { margin:0; padding:0; color:#006B54; font-size:16px; font-weight:bold; }
.activity-list1 .list-box h3 a { margin:0; padding:0; color:#006B54; font-size:16px; font-weight:bold; text-decoration:none; }
.activity-list1 .list-box h3 a:hover { margin:0; padding:0; color:#000000; border-bottom:1px dashed #000000; font-size:16px; font-weight:bold; text-decoration:none; }

.fb-box { width:227px; height:112px; background: url(../../images/front/fb-bg.png) top no-repeat; margin:0 auto; margin-top:15px; margin-bottom:10px}
.fb-box ul { margin:0 0 0 48px; padding:11px 0 0 0; }
.fb-box ul li { margin:0; padding:0; list-style:none; line-height:29px; }
.fb-box a { color:#000000; font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; text-decoration:none }
.fb-box a:hover { color:#006B54; border-bottom:1px dotted #006B54;  text-decoration:none }

.form-input { border:1px solid #ccc; padding:2px 5px; width:250px; font-size:12px;}
.form-textarea { border:1px solid #ccc; padding:2px 5px; width:250px; height:140px; font-size:12px;}