/*
Body Background: #B8D384
Topbar Background: #A9CB3C
Banner Background: #73A707
Sidebar BG : #F5F4E2
Link color: #73A707
*/

* { padding:0; margin:0 }
body {
	font-family: Arial, helvetica, sans-serif;
	font-size:13px;
	line-height:130%;
	background:#FFF;
	color:#333;
}
h6 { font-size:14px; }
h5 { font-size:16px; }
h4 { font-size:18px; }
h3 { font-size:20px; }
h2 { font-size:22px; }
h1 { font-size:24px; }
h1, h2, h3, h4, h5, h6 {
	font-family: "Trebuchet MS", helvetica, sans-serif;
	line-height:100%;
	font-weight:normal;
}
img { display:block;border:none; }
input[type="button"] { cursor: pointer; }
textarea {
	font-family: Arial, helvetica, sans-serif;
	font-size:13px;
}
a {
	text-decoration:none;
	color:#73A707;
	outline:0;
}
/* remember to define focus styles! */
*:focus { outline: none; }

a:hover {
	border-bottom:1px dotted #ccc;
}
#header {
/*	background: url(../img/header-bg.jpg) repeat-x; */
}
	#header .wrapper {
		width:870px;
		margin: 0 auto;
		position:relative;
	}
	#header #topbar {
		height:40px;
		background:#A9CB3C;
	}
		#header #topbar .wrap {
			background:url(../img/rounded-bgb.png) left bottom no-repeat;
			position:relative;
			overflow:hidden;
		}
		#header #topbar img.logocrop {
			position:absolute;
			top:10px; left:200px;
		}
		#header #topbar ul {
			list-style:none;
			margin-left:10px;
			display:block;
			z-index:20;
		}
			#header #topbar ul li{
				float:left;
				line-height:40px;
			}
				#header #topbar ul li a{
					color:white;
					padding: 0 10px;
					border:none;
					border-left:1px solid #fff;
				}
				#header #topbar ul li.first a{
					border:none;
				}
					#header #topbar ul li a:hover {
						text-decoration:underline;
					}
	#header #logo {
		height:90px;
		width:270px;
		overflow:hidden;
		float:left;
	}
		#header #logo img {
			margin: -30px 0;
		}
	
	#header #main-nav {
		float:right;
		background:url(../img/mainnav-bgl.png) no-repeat;
		clear:none;
		margin-top:20px;
	}
		#header #main-nav ul {
			height:50px;
			list-style:none;
			background:url(../img/mainnav-bgr.png) top right no-repeat;	
			padding:0 15px;
		}
			#header #main-nav ul li {
				float:left;
			}
				#header #main-nav ul li a {
					line-height:50px;
					display:block;
					padding:0 10px;
					font-weight:bold;
					border:none;
				}
					#header #main-nav ul li a:hover {
						text-decoration:underline;
					}
/*NAVBAR CPDE*/ 

					#header #main-nav ul li ul {
						position: absolute;
						width: 160px;
						border:solid 1px #73A707;
						border-top:none;
						z-index: 1000;
						display:none;
						background: #fff;
						padding:0;
						height:auto;
					}
						#header #main-nav ul li ul li{
							float:none;
						}
							#header #main-nav ul li ul li a:link,
							#header #main-nav ul li ul li a:visited{
								display:block;
								color:#444;
								background: #fff;
								line-height:26px;
								font-size:11px;
								font-weight:bold;
								text-decoration:none;
								padding:0 10px;
								clear:both;
								border-bottom:solid 1px #DEDEDE;
							}
							#header #main-nav ul li ul li a:hover{
								color:#73A707;
								background:#EBEFF7;
							}
	
	#header #banner {
		clear:both;
		background:#73A707 url(../img/banner2.jpg) no-repeat;
		height:300px;
	}
		#header #banner .info {
			width:320px;
			float:left;
			margin:25px 0 0 25px;
			color:white;
		}
			#header #banner .info h2 {
				font-size:40px;
				line-height:100%;
				margin-bottom:10px;
				font-weight:bold;
			}
			#header #banner .info p {
				font-size:15px;
				line-height:120%;
			}
			#header #banner .info a {
			}
			#header #banner .info img {
				float:left;
				margin:10px 20px 0 0;
			}
		#header #banner .flash {
			height:230px;width:450px;
			float:right;
			margin:35px 35px 35px 0;
			outline:0;
		}
	
	#header #title {
		clear:both;
		height:80px;
		background:#73A707 url(../img/banner2.jpg) no-repeat top;
	}
		#header #title h2 {
			font-size:30px;
			color:white;
			line-height:80px;
			margin-left:20px;
			float:left;
			height:80px;
			overflow:hidden;
		}
		.pageid-16 #header #title h2 { /* product page */
			width:500px;		
		}
		#header #title  .wrap {
			background:url(../img/rounded-bgb.png) left bottom no-repeat;
		}
		#header #title #cart {
			height:60px;
			background:white;
			width:280px;
			float:right;
			margin:10px;
		}
			#header #title #cart a {
			}
			#header #title #cart .info {
				float:left;
				padding:5px 0;
				text-align:center;
				color:#333;
				width: 150px;
			}
				#header #title #cart .info h3{
					margin-bottom:3px;
				}
				#header #title #cart .info p{
					font-size:12px;
					line-height:14px;
				}
			#header #title #cart img.cart {
				float:left;
				margin:0 5px;
			}
			#header #title #cart img.checkout {
				float:right;
				margin:5px 5px 0 0;
			}

#main {
	width:870px;
	margin:20px auto;
	background:url(../img/main-bg.png) repeat-y;
}
	#main .wrapper {
		background:url(../img/main-bg-t.png) no-repeat;
	}
	#main .bb {
		background:url(../img/main-bg-b.png) left bottom no-repeat;
		height:5px;
		width:870px;
	}
	#main #breadcrumb {
		background:#eee;
		margin-bottom:20px;
		height:30px;
		line-height:30px;
		padding-left:10px;
		overflow:hidden;
	}
	#main #content {
		width:540px;  /* total width: 580px (for ie) */
		float:left;
		padding:20px;
	}
		#main #content p,
		#main #content  h1,
		#main #content  h2,
		#main #content  h3,
		#main #content  h4,
		#main #content  h5,
		#main #content  h6,
		#main #content  ol,
		#main #content  ul {
			margin-bottom:1em;
		}
		#main #content ol, #main #content ul { margin:0 0 1em 25px; }
		#main #content ol  li, #main #content ul  li { margin:0 0 0.5em 0; }
		#main #content ul li ul, #main #content ol li ol  { margin-top:0.5em; margin-bottom:0.5em; }
		#main #content blockquote {
								margin: 1em 3em;
								color: #999;
								border-left: 2px solid #999;
								padding-left: 1em; }

		#main #content ul.product-tile {
			list-style:none;
			margin:0;
			zoom:1;
		}
		#main #content ul.product-tile:after {
			display: block; clear: both;
			content:"";
		}
			#main #content ul.product-tile li{
				float:left;
				margin-left:15px;
				position:relative;
				height:200px;
				margin-bottom:10px;
			}
				#main #content ul.product-tile li.left{
					margin-left:0;
				}
				#main #content ul.product-tile li img{
					position: absolute;
					left: 10px; top: 10px;
					width:150px; height:150px;
					-ms-interpolation-mode: bicubic; 
				}
				#main #content ul.product-tile li a{
					display:block;
					width:148px; /* total width: 170px */
					padding:10px 10px 5px;
				}
					#main #content ul.product-tile li a:hover{
						border:none;
					}
					#main #content ul.product-tile li a span{
						display:block;
						width:150px;
						text-align:center;
						line-height:1em;
						top:165px;
						position:absolute;
					}
		#main #content ul.product-list {
			list-style:none;
			margin:0;
		}
			#main #content ul.product-list li { margin-bottom:20px; border-bottom:1px solid #ccc; padding:0 0 10px 0; }

		#main #content .products .image {
			float:left;
		}
			#main #content .products  .image  img.product_image {
				margin-bottom:10px;
				width:120px; height:120px;
			}
		#main #content .products .info {
			float:right;
			width:405px;
		}
			#main #content .products .info.detail {
				background:#eee;
				width:385px;
				padding:10px 10px 5px;
				margin:0 0 10px;
			}
				#main #content .products .info.detail p {
					margin:0 0 5px;
				}
		#main #content .products p {
			clear:both;
		}
			#main #content li.products a:hover h4 {
				color:#a00;
			}
			#main #content li.products .pricedisplay { float:left; line-height:30px; margin:0 20px 0 0; }
			#main #content li.products .button { float:left; visibility:hidden; }
			#main #content li.products:hover .button { visibility:visible; }
			
		#main #content ul.post-list {
			list-style:none;
			margin:0;
		}
			#main #content ul.post-list li {
				
			}
			#main #content ul.post-list h4,
			  #main #content ul.post-list cite {
				margin:0 0 10px;
			}
		#main #content li.posts {
			border-bottom:1px dashed #ccc;
			margin-bottom:1em;
		}
			#main #content li.posts a:hover {
				color:#a00;
			}
			#main #content .posts cite, #main #content .post cite {
				display:block;
				margin: 0 0 10px;
			}
			#main #content .posts .meta {
				background:#F3F5E8;
				padding:0 10px;
				margin:0 0 20px;
			}
				#main #content .posts .meta span {
					line-height:30px;				
					padding:0 0 0 20px;
				}
				#main #content .posts .meta .category {
					background:url(../img/folder-horizontal.png) no-repeat left center;				
				}
				#main #content .posts .meta .tag {
					background:url(../img/tag.png) no-repeat left center;
					margin:0 0 0 10px;
				}
				#main #content .posts .meta .comment {
					float:right;
					background:url(../img/balloons.png) no-repeat left center;
				}
	#main .block {
		margin-bottom:20px;
	}
		#main .block h3 {
/*			font-size:22px; */
			border-bottom:3px solid #ccc;
			padding-bottom:5px;
			margin-bottom:10px;
		}
		
	#main #sidebar .block ul {
		list-style:none;
	}
		#main #sidebar .block ul li {
			border-bottom:1px solid #ccc;
		}
			#main #sidebar .block ul li a{
				display:block;
				line-height:40px;
				font-family:'Trebuchet MS', sans-serif;
				border:none;
				font-weight:normal;
				padding-left:5px;
			}
				#main #sidebar .block ul li a:hover {
					background:#eee;
					padding-left:15px;
				}

	#main #sidebar {
		width:250px; /* total width: 290px; */
		padding:20px;
		float:right;
	}
		#main #sidebar ul.news {
			list-style:none;
		}
			#main #sidebar ul.news li {
				padding-bottom:10px;
				margin-bottom:10px;
				border-bottom:1px solid #ccc;
			}
				#main #sidebar ul.news li a{
					font-weight:bold;
					display:normal;
					line-height:100%;
					padding-left:0;
					margin:0 0 5px;
				}
				#main #sidebar ul.news li a:hover {
					background:none;
					padding:0;
					color:#AA0000;
				}
				#main #sidebar ul.news li cite{
					font-size:11px;
				}
#social img{
	float:left;
	margin-left:15px;
}
	#social img.first { margin:0; }

#footer {
	width:870px;
	margin:0 auto 20px;
	line-height:1.2em;
}
	#footer .wrapper {
		background:white;
		margin-bottom:10px;
		background:url(../img/ftr-bg.png) repeat-y;
	}
		#footer .wrapper div {
			background:url(../img/ftr-bgt.png) left top no-repeat;			
		}
			#footer .wrapper div div{
				padding:15px 20px;
				background:url(../img/ftr-bgb.png) left bottom no-repeat;			
			}
	#footer ul {
		list-style:none;
		width:190px;
		float:left;
	}
	#footer p, #footer p img {
		text-align:center;
	}

.btn { display: block; position: relative; background: #aaa; padding: 5px; float: left; color: #fff; text-decoration: none; cursor: pointer; }
.btn * { font-style: normal; background-image: url(../img/btn2.png); background-repeat: no-repeat; display: block; position: relative; }
.btn i { background-position: top left; position: absolute; margin-bottom: -5px; top: 0; left: 0; width: 5px; height: 5px; }
.btn span { background-position: bottom left; left: -5px; padding: 0 0 5px 10px; margin-bottom: -5px; }
.btn span i { background-position: bottom right; margin-bottom: 0; position: absolute; left: 100%; width: 10px; height: 100%; top: 0; }
.btn span span { background-position: top right; position: absolute; right: -10px; margin-left: 10px; top: -5px; height: 0; }
/* For ie6 */
* html .btn span, * html .btn i { float: left; width: auto; background-image: none; cursor: pointer; }

.btn.blue { background: #2ae; }
.btn.green { background: #9d4; }
.btn.pink { background: #e1a; }
.btn:hover { background-color: #a00; border:none; }
.btn:active { background-color: #444; }
.btn[class] { background-image: url(../img/shade.png); background-position: bottom; }

.clearfix { zoom: 1; } 
	.clearfix:after {
		content: ""; display: block; clear: both;
	}

/*	
.clearfix:after { content: "."; display: block; height: 0pt; clear: both; visibility: hidden; }
.clearfix { display: block; }
*/


.entry-meta {
	border:1px solid #D0D0D0;
	margin-bottom:20px;
	padding:15px;
	font-size:90%;
}

.nav-next {
	clear:none;
	float:right;
	text-align:right;
	width:48%;
	margin-bottom:20px;
}
.nav-previous {
	clear:none;
	float:left;
	text-align:left;
	width:48%;
	margin-bottom:20px;
}
.unapproved {
	display:block;
	color:orange;
	margin:0 0 .3em;
}
#main #content #comments h3 { border-bottom:2px solid #eee; padding: 5px 0; }
#main #content #comments ol { margin:0;  }
#main #content #comments li.comment {
	margin:0 0 10px;
	list-style:none;
	border-bottom:1px dashed #eee;
} 
.comment-meta {
	margin:0 0 .3em;
}
div.wp-pagenavi { text-align:center; }