/*   
Theme Name: Greenbar
Theme URI: http://www.websaar.com

Author: Websaar Soutions
Author URI: http://www.websaar.com

*/

@charset "utf-8";
/* CSS Document */
body{
	padding:0px;
	margin:0px;
	font-family:Calibri;
	margin:0px auto;
	
}

#holder{
	width:100%;
	height:auto;
	background-image:url(images/body_bg.jpg);
	background-repeat:repeat;
	padding:0px;
	margin:0px;
	}
#header{
	width:100%;
	height:310px;
	background-image:url(images/header_bg.jpg);
	background-repeat:repeat-x;
	
	}
#banner{
	width:980;
	height:270px;
	

	}

#topmenu{
	width:980px;
	height:40px;
	
	margin-top:12px;
	border-bottom:1px #F60 dotted;

	}
#topmenu ul{
	padding:0px;
	margin:0px;
	float:left;
	}
#topmenu ul li{
	float:left;
	list-style:none;
	}
#topmenu ul li a{
	font-size:18px;
	color:#333;
	text-decoration:none;
	height:40px;
	padding-left:20px;
	padding-right:20px;
	padding-top:6px;}
#topmenu ul li a:hover{
	font-size:18px;
	color:#FFF;
	text-decoration:none;
	background-image:url(images/menu-bg.jpg);
	background-repeat:repeat-x;
	height:40px;
	padding-left:20px;
	padding-right:20px;
	padding-top:6px;}
#topmenu .current_page_item a{
	font-size:18px;
	color:#FFF;
	text-decoration:none;
	background-image:url(images/menu-bg.jpg);
	background-repeat:repeat-x;
	height:40px;
	padding-left:20px;
	padding-right:20px;
	padding-top:6px;}
#content_area{
	
	height:auto;
	overflow:hidden;
	text-align:left;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:20px;
	font-size:15px;
	width:940px;
	}
#content{
	overflow:hidden;
	height:auto;
	min-height:400px;}
#content2{
	width:650px;
	overflow:hidden;
	height:auto;
	min-height:400px;
	float:left;
	margin-top:10px;}

#primary{
	width:220px;
	float:right;
	height:auto;
	margin-top:15px;
	}
#primary ul{
	padding:0px;
	margin:0px;
	margin-bottom:20px;
	}
	
#primary ul li{
	list-style:none;
	}
#primary ul li a{
	text-decoration:none;
	font-size:16px;
	color:#333;
	margin-bottom:4px;
	display:block;
	border-bottom:1px #CCC dotted;
	padding-bottom:4px;
	padding-top:3px;}
#primary ul li a:hover{
	text-decoration:none;
	font-size:16px;
	color:#F60;
	margin-bottom:4px;
	display:block;
	border-bottom:1px #F60 dotted;
	padding-bottom:4px;
	padding-top:3px;}
.widget-title{
	font-size:20px;
	font-weight:normal;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	padding-bottom:7px;
	color:#F60;}

.part{
	width:270px;
	height:auto;
	float:left;
	margin-right:20px;}
.part ul{
	padding:0px;
	margin:0px;}
.part ul li{
	
	margin-bottom:5px;
	list-style:none;}
.part ul li a{
	font-size:19px;
	color:#000;
	text-decoration:none;
	background-image:url(images/arrow.png);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:25px;}
.part ul li a:hover{
	font-size:19px;
	color:#333;
	text-decoration:none;
	background-image:url(images/arrow2.png);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:25px;
	margin-left:5px;}
.line{
	width:10px;
	height:300px;
	background-image:url(images/line.png);
	float:left;
	margin-right:20px;}
.alignright{
	float:right;
	margin-left:20px;}
.alignleft{
	float:left;
	margin-right:20px;}
.clear{
	clear:both;
	height:25px;}
h1{
	font-size:36px;
	color:#000;}
h2{
	font-size:28px;
	color:#000;
	font-weight:normal;}
h3{
	font-size:18px;
	color:#000;
	font-weight:normal;
	padding:0px;
	margin:0px;
	font-weight:bold;}
.orange{
	color:#EC4D12;}


.blog_item{
	width:660px;
	height:22px;
	background-image:url(images/postmetabg.jpg);
	padding-top:7px;
	padding-left:10px;
	font-size:15px;
	color:#F60;
	margin-bottom:10px;
	border-top:1px #CDCDCD dotted;
	border-bottom:1px #CDCDCD dotted;}

.date{
	float:left;
	margin-right:5px;}
.author{
	float:left;}
.post a{
	color:#000;
	font-size:22px;
	font-weight:normal;
	text-decoration:none;
	width:650px;
	padding-bottom:5px;
	display:block;
	margin-bottom:5px;}

.post{
	margin-bottom:15px;}

.nav-previous{
	display:none;}
.nav-next{
	display:none;}
/*for single post's comments*/	
#comments{
	display:none;}
/*for categories page's post comments*/	
.entry-utility{
	display:none;}
.entry-content a{
	color:#C30;
	}
.edit-link{
	display:none;}
.entry-title{
	font-size:24px;
	color:#F60;
	text-decoration:overline;
	margin-top:10px;}
.features{
	float:left;
	margin-left:100px;}	
.features ul{
	padding:0px;
	margin:0px;}
.features ul li{
	
	margin-bottom:5px;
	list-style:none;}
.features ul li a{
	font-size:19px;
	color:#000;
	text-decoration:none;
	background-image:url(images/arrow.png);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:25px;}
.features ul li a:hover{
	font-size:19px;
	color:#333;
	text-decoration:none;
	background-image:url(images/arrow2.png);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:25px;
	margin-left:5px;}
#footer{
	width:100%;
	height:auto;
	color:#000;
	font-size:11px;
	clear:both;
    padding-top:20px;
	padding-bottom:20px;
	background-color:#CDC9BA;
	}
#footermenu{
	width:940px;
	height:45px;
	
	}
#footermenu ul{
	padding:0px;
	margin:0px;
	padding-top:5px;
	position:relative;
    left:13%;
	right:13%;
	}
#footermenu ul li{
	float:left;
	list-style:none;
	margin-right:10px;
	position:relative;}
#footermenu ul li a{
	font-size:12px;
	color:#000;
	text-decoration:none;}
#footermenu ul li a:hover{
	font-size:12px;
	color:#666;
	text-decoration:none;}
	
	/*===========menu============*/











.menu {width:980px; height:36px; position:relative; z-index:100;  padding:0px; margin:0px;}



/* hack to correct IE5.5 faulty box model */



* html .menu {width:980px; w\idth:980px;}



/* remove all the bullets, borders and padding from the default list styling */



.menu ul {padding:0;margin:0;list-style-type:none; width:980px;}



.menu ul ul {width:auto; margin-top:0px; }



/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */



.menu ul li {float:left;width:auto;position:relative;padding-left:5px;



 padding-right:5px;



 height:auto;



 



 padding-top:0px;}



 .menu ul li ul li {



 margin:0px;



 padding:0px; 



 }



/* style the links for the top level */



.menu a, .menu a:visited {display:block;text-decoration:none; color:#fff;font-size:14px;



 width:auto;



 height:auto;



 padding-top:5px; }



/* a hack so that IE5.5 faulty box model is corrected */



* html .menu a, * html .menu a:visited {width:auto; w\idth:auto;}







/* style the second level background */



.menu ul ul a.drop, .menu ul ul a.drop:visited { background-color:#000000; color:#FFFFFF; height:auto; padding-top:2px; padding-bottom:2px;}



/* style the second level hover */



.menu ul ul a.drop:hover{ background-color:#000000; color:#FFFFFF;}



.menu ul ul :hover > a.drop { background-color:#000000; color:#FFFFFF;}



/* style the third level background */



.menu ul ul ul a, .menu ul ul ul a:visited {background:#e2dfa8;}



/* style the third level hover */



.menu ul ul ul a:hover {background:#b2ab9b;}











/* 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:0px;top:40;left:10; width:auto;}



/* another hack for IE5.5 */



* html .menu ul ul {top:40px;t\op:40px;}







/* position the third level flyout menu */



.menu ul ul ul{left:129px; top:-1px; width:149px;}







/* position the third level flyout menu for a left flyout */



.menu ul ul ul.left {left:-149px;}







/* style the table so that it takes no ppart in the layout - required for IE to work */



.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}







/* style the second level links */



.menu ul ul a, .menu ul ul a:visited {background:#4B5B19; color:#fff; height:auto; line-height:1em; padding:5px 10px; width:150px; border:1px #999999 solid;}



/* yet another hack for IE5.5 */



* html .menu ul ul a, * html .menu ul ul a:visited {width:150px;w\idth:150px;}







/* style the top level hover */



.menu ul ul a:hover{color:#fff; }



.menu ul ul :hover > a {color:#fff; background-color:#CCCCCC; border:1px #999999 solid;}







.current{color:#fff; background-image:url(images/rollover2.png);}



.menu ul li a:hover{color:#fff; background-image:url(images/rollover2.png);}



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



/* keep the third level hidden when you hover on first level list OR link */



.menu 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;}















/* ================================================================ 



   This CSS is further CSS I have created specifically for Wordpress



   so that the current page is highlighted in two levels.



   If you want it in three levels let me know.







   Author: Isaac Rowntree



   Website: www.zackdesign.biz



=================================================================== */











.menu ul ul .current_page_item a {



  color: white;



  background-color: #435F0B;



  border-left: 1px solid black;



}







.menu .current_page_item a {



  color:#FFFFFF;



  font-weight: normal;







}







.menu ul .current_page_item ul a {



  color: white;



  font-weight: normal;



  background-color:#922400; border:1px #999999 solid;



}







.menu ul .current_page_item ul a:hover {



  background-color:#CCCCCC; border:1px #999999 solid;



}







.menu .current_page_item a:hover {



  



}








.productsgridul{
	border:none;}