/*	Shopper HTML/CSS Template
	Created by system32
	Copyright 2010
	Themeforest.net
-------------------------------------
z-index = 1 ( #featured_slider)
z-index = 2 ( #header )
z-index = 3 ( .menu )
Do not change these z-index values unless and untill you know CSS
------------------------------------------------------------------
*/

/* ################################################
	General
################################################### */


body		{ color: #595959; }

a 			{ color:#777; outline:none; text-decoration:none; }
a:hover		{ color:#5d994f; text-decoration:underline; }

.imgborder 		{ background:#FFFFFF; padding:1px; border:1px solid #bbb; }

/* ################################################
	PLAIN DIVIDER	
################################################### */

.divider 		{ clear:both; background:url(../images/divider.gif) scroll center center repeat-x; height:1px;  padding:10px 0; margin:0 auto; display:block; width:100%; }


/* ################################################
	Buttons
################################################### */

a.button 			{ display:inline-block; height:32px; margin:0 5px 0 0px; padding:0 20px 0 0;  text-transform:uppercase; color:#ccc; font-size:11px; background:transparent url(../images/button.gif) right -32px scroll no-repeat; text-decoration:none; }
					
a.button span 		{ background:transparent url(../images/button.gif) -2px -32px scroll no-repeat; display:block; line-height:10px;padding:10px 0 11px 15px;} 
a.button:hover 		{ background-position: right 0; color:#fff;}
a.button:hover span { background-position:-2px 0;}	


/* ################################################
	Headings
################################################### */

h1, h2, h3, h4, h5, h6 {
	color: #000;}


h1	strong,
h2	strong,
h3	strong,
h4	strong,
h5	strong,
h6	strong	{ font-weight:bold; color:#5d994f;}



/* ################################################
	Layout
################################################### */

body#mainpage 	{ background: #3c3c3c url(../images/bg.gif) top center repeat-x; outline:none; }


/* ################################################
	total 
################################################### */	
#total { width:960px; background:#FFFFFF; height:100%; margin:60px auto 0 auto; padding-bottom:30px; }


/* ################################################
	Sub Header
################################################### */

.subheader			{ width:960px; height:100px; background:url(../images/green/subheader.png) no-repeat; margin:20px auto; padding:0; z-index:1; }
.subheader_title 	{ text-align:center; padding:35px 0 0 0; }
.subheader_title h1	{ color:#fff; font-size:2em; }		


/*#########################################################
	Top Menu Background
##########################################################*/

.menu_left 		{ background:url(../images/green/menu_left.png) 0 0 no-repeat; height:50px; width:70px; float:left;}
.menu_mid 		{ background:url(../images/green/menu_bg.gif) repeat-x; height:50px; float:left;}
.menu_right 	{ background:url(../images/green/menu_right.png) 0 0 no-repeat; height:50px; width:70px; float:left;}	
			
/*	Superfish ------------*/		

.sf-menu 			{ margin:0;}
.sf-menu a 			{ padding: 10px 15px; text-decoration:none; line-height:1.5}

.sf-menu a, 
.sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:#fff; 	
	text-decoration:none;
	}
	
.sf-menu li a		{ font-weight:normal; }
.sf-menu li li a	{ font-weight:normal; }

/* Dropdown menu color*/	
.sf-menu li ul		{ background:#000000; }
.sf-menu li li 		{ background:#111111; border-bottom:1px solid #444; }
.sf-menu li ul li ul{ border-top:0px solid #e6e6e6;}

.sf-menu li:hover, 
.sf-menu li.sfHover,
.sf-menu a:focus, 
.sf-menu a:hover, 
.sf-menu a:active 	{ color:#EFEFEF; outline:0;	text-decoration:none; }

.sf-menu li li:hover, 
.sf-menu li li.sfHover,
.sf-menu li li a:focus, 
.sf-menu li li a:hover, 
.sf-menu li li a:active { color:#EFEFEF; background:#222222; text-decoration:none; outline:0; }

/* Active Page Status CSS for all the browsers*/	
.sf-menu li.current a, 
.sf-menu li.current-cat a, 
.sf-menu li.current_page_item a { color:#EFEFEF; font-weight:normal;}

.sf-menu li.current-cat a:visited, .sf-menu li.current_page_item a:visited { color:#c9722f; font-weight:normal;	}

/*#########################################################
	Featured Slider Background
##########################################################*/

.slider_bottom 		{ background: url(../images/slider_bottom.png) 0 0 no-repeat; height:48px; }


/*#########################################################
	Top Search and Shopping Cart Box
##########################################################*/

.cart-box				{ background:#d7ecb0; border:1px solid #aac96e; }
.login-box 				{ background:#e7f3ff; border:1px solid #c4d8ea; }

			
/*#########################################################
	Index page Featured Box
##########################################################*/

.grey 			{ background:#f4f4f4; border:1px solid #dddddd; }
.yellow 		{ background:#F9F2E1; border:1px solid #DFC27D; }


/*#########################################################
	Left Sidebar Menu 
##########################################################*/

#sidebar .box ul				{ list-style:none; margin:0 0 0 10px; padding:0; }
#sidebar .box ul li				{ height:100%; color:#777; }
#sidebar .box ul li a			{ background:url(../images/bullet.gif) 0 50% no-repeat; padding:0; height:100%; text-decoration:none; border-bottom:1px solid #e6e6e6; color:#5d994f; }
#sidebar .box ul li li a		{ background:url(../images/bullet.gif) 0 50% no-repeat;	margin:0 0 0 10px; }				

#sidebar .box ul li a:link, 
#sidebar .box ul li a:visited	{ color:#777; display:block; padding:7px 0 7px 10px; }

#sidebar .box ul li.current a	{ color:#5d994f !important; border-bottom:1px solid #5d994f; }
#sidebar .box ul li a:hover		{ text-decoration:none; color:#5d994f !important; border-bottom:1px solid #5d994f; }


/*#########################################################
	Product Page Product Box
##########################################################*/

.product_box 		{ width:570px; background:#f8f8f8; padding:15px; border:1px solid #ccc; margin-bottom:20px; float:left;
						-moz-box-shadow:0px 0px 5px #ddd; /* CSS3 Shadow */ 
						-webkit-box-shadow:0px 0px 5px #ddd; /* CSS3 Shadow */
						box-shadow:0px 0px 10px #ddd; /* CSS3 Shadow */	
						}

div.price 			{ font-weight:bold; font-size:18px; color:#000000; float:left;}


/*#########################################################
	Portfolio Boxes
##########################################################*/

.portfolio_box 		{ width:280px; float:left; margin-left:30px; margin-bottom:20px;}
.portfolio_box h4	{ margin-bottom:5px;}
.portfolio_box a	{ color:#5d994f; }
.portfolio_box 	.imgborder 		{ background:#FFFFFF; padding:1px; border:1px solid #bbb; margin-bottom:15px; }


/*#########################################################
	Footer
##########################################################*/


								
#footer_wrapper 	{ width:930px; background:#5d994f url(../images/footer_hover.png) 0 0 repeat-x; margin:0 auto 20px auto; overflow:hidden; height:100%; padding:15px; color:#FFFFFF; border-top:1px solid #aaa; }
#footer_wrapper p 	{ margin:0; color:#FFFFFF; }
#footer_wrapper h4, 
#footer_wrapper a 	{ margin:0; color:#FFFFFF; }

.footerright ul		{ margin:0; color:#FFFFFF; }
.footerright li		{ display:inline; float:right; padding-left:5px; color:#FFFFFF; }
			
#footer_wrapper a:hover { color:#fff;}


/*#########################################################
	Blog post
##########################################################*/

.post h2 a			{ text-decoration:none;}
.post h2 a:hover	{ color:#5d994f; }

.post-info			{ padding:5px 0; margin-bottom:5px; font-size:12px;   }
.post-info a 		{ color:#5d994f;}


/*#########################################################
	Contact Form
##########################################################*/
#form 			{ padding: 0; }
#form label 	{ width: 140px; display: inline-block; margin-right: 0px; margin-bottom: 15px; }		
#form .input 	{ background:#fbfbfb; border: 1px solid #e5e5e5; padding: 5px 7px; margin-bottom: 15px; width: 360px; }
#form select 	{ background:#fbfbfb; width: 375px; border: 1px solid #e5e5e5; padding: 5px 6px; margin-bottom: 15px; }
#form textarea 	{ background:#fbfbfb; border: 1px solid #e5e5e5; vertical-align: top; width: 355px; line-height: 1.7em; padding: 9px; height: 200px; }
#form .indent 	{ padding-left: 145px; padding-top: 15px; }

/* The button */
#form .submitbutton { background:url(../images/button.gif) no-repeat; width: 105px; border:none; height:28px; }
.address 		{ padding:0 0 10px 0;}


/*#########################################################
	Full width page
##########################################################*/	
	
.three_column	 	{ width:280px; float:left; margin:0 25px 0 0; }
.two_column	 		{ width:440px; float:left; margin:0 30px 20px 0; }
.last	 			{ clear:right; margin-right:0 !important; }	
hr 					{ border:1px solid #eee; argin:20px 0; lear:both; }	

/*#########################################################
	Form input
##########################################################*/

#forms .input_small 	{ width:25%; background:#f8f8f8; }
#forms .input_medium 	{ width:50%; background:#f8f8f8; }
#forms .input_large 	{ width:90%; background:#f8f8f8; }

/*#########################################################
	Table
##########################################################*/

table 				{ border: none; border-collapse: collapse; margin: 10px 0; }
td,th 				{ border-bottom: 1px solid #cacaca; border-collapse: collapse; color: #4c4c4c; padding: 10px 15px; }
tbody td 			{ border: 1px solid #cacaca; border-collapse: collapse; color: #4c4c4c; }
th 					{ background:#1a1a1a; padding-left: 20px; text-align: left; color:#CCCCCC; }
th.lefthead 		{ background:#1a1a1a; paddig-left: 20px; text-align: left; color:#CCCCCC; }
th.righthead 		{ background:#1a1a1a; text-align: left; color:#CCCCCC;	}
table a 			{ text-decoration: none; }
tbody tr:hover 		{ background: #eee; }	
blockquote 			{ font-style: italic; font:italic normal 14px/24px Georgia, Arial, Sans-serif; width: auto; padding: 20px; margin:0;}
blockquote before:	{ content:"-";}