/*	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		{ font: 13px/1.4 "Trebuchet MS", Arial, Helvetica, sans-serif; margin:0; outline:none; }

.alignleft	{ 	float:left; margin:0 15px 10px 0;}
.alignright	{	float:right; margin:0 0 10px 15px;}
.aligncenter{	text-align:center; }

.textleft 	{ text-align:left;}
.textright  { text-align:right;}

.floatright { float:right;}
.floatleft  { float:left;}
.clear		{ clear:both;}

p			{ padding:0 0 15px 0;}

blockquote.testimonial { padding:0;}
cite 		{ clear:both; display:block; float:right; line-height:normal; }
cite small 	{ display:block; font-size:11px; font-weight:bold;}


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



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

h1, h2, h3, h4, h5, h6 {
	font-family: "Trebuchet MS", Arial, Helvetica, Garuda, sans-serif;
	font-weight: normal;
	margin: 5px 0 15px 0;
	padding: 0 0 5px 0;
	}
	
h1			{ font-size: 2.0em; margin: 0 0 10px 0; }
h2			{ font-size: 1.8em; margin: 10px 0 10px 0; }
h3			{ font-size: 1.6em; margin: 0 0 10px 0; }
h4			{ font-size: 1.4em; margin: 0 0 10px 0; }
h5			{ font-size: 1.2em; margin: 0 0 10px 0; }
h6			{ font-size: 1em; 	margin: 0 0 10px 0; }



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

#wrapper 		{ width:100%; margin:0 auto; }
#header 		{ width:960px; margin:0 auto; height:40px; z-index:2; }
#main 			{ width:960px; margin:0 auto; height:100%; overflow:hidden; }
#sidebar 		{ width:300px; float:left; display:inline; }
#sidebar_right 	{ width:300px; float:right; display:inline; }
#content 		{ width:650px; float:left;  }
.box 			{ padding:15px 15px; height:100%; margin-left:10px; }

.logo img		{ display:block; text-indent:-9999px; border:0; padding:0; margin:-80px 0 0 15px;  float:left;}

/*#########################################################
	Columns
##########################################################*/

.onethird { width:280px; display:inline; float:left; margin-right:30px;}



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

.menu 			{ height:50px;	margin-left:170px; position:relative; top:-16px; z-index:3; }
			
/*	Superfish ------------*/		

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


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

.top_right 				{ padding-right:20px; float:right;}

.top_right .cart-box, 
.top_right .login-box 	{ padding:5px 10px; float:right; height:20px; font-size:10px;margin:0 -50px 0 0; line-height:2em;}

.top_right .cart-box img, 
.top_right .login-box img	{ vertical-align:middle;}
			
			
/* Search Box ------------*/

.search-box 			{ height: 30px;  padding: 0px 0 0 0px;  width: auto; margin:0px 0px 10px 10px; float:right; }
* html .search-box 		{ margin-top: 5px; }
*:first-child+html .search-box { margin-top: 0px; !important; }

input.search-field 		{ background:#f0f0f0; border:1px inset #fff; font-size:10px; width:120px; float:left; padding: 9px; }
input.search-go  		{ float:left; height:30px; width:30px; border:0; margin:0px 0 0 0px; padding:0; background:url(../images/search-on.gif) no-repeat top left ; cursor: pointer; }
input.search-go:hover 	{  background:url(../images/search-hover.gif) no-repeat bottom left; }


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

#featured_slider3d 	{ width:920px; height:400px; margin:15px auto 0 auto; padding:0;position:relative;   z-index:1; } 

#featured_slider 	{ width:920px; height:300px; margin:15px auto; position:relative; z-index:1; } 
.slider_bottom 		{ width:920px; overflow:hidden; position: absolute; bottom:0px; left:0; z-index: 80;}


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

.featured_box 		{ width:250px; border-radius:3px; -moz-border-radius:3px; float:left; margin:10px 35px 10px 0; padding:15px; overflow:hidden; -webkit-border-radius:3px; -khtml-border-radius:3px; }	
.featured_box p 	{ margin:10px 0px 0px 0; }
.featured_box h4	{ text-align:center}
.featured_box img 	{ margin:0px 0px 10px 0;  }

.item_info 			{ padding:0; }
.bottom_slider 		{ margin:20px 0; }

.featured_services 	{ width:auto; border-radius:3px; -moz-border-radius:3px; float:left; margin:0px 0px 10px 0; padding:15px 0;  }	


/*#########################################################
	Content Lists
##########################################################*//	

#content ul { list-style:none; margin-bottom:10px; }
#content ul li { list-style:disc; margin-left:10px; }

#content ol { margin-left:20px; }
	


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

#sidebar h3 					{ margin:20px 0 10px 0; padding:0; }
#sidebar h3:first-child 		{ margin:10px 0 10px 0; padding:0; }

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

.product_box h4 	{ margin-top:5px; }
.product_box p 		{ margin:0; }

div.buttons 			{ float:right; padding-left:50px; }


/*#########################################################
	Gallery Page
##########################################################*/


.portfolio_box 	.imgborder 		{ background:#FFFFFF; padding:1px; border:1px solid #bbb; margin-bottom:15px; }



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


								
.footerleft 		{ width:50%; float:left; }
.footerright 		{ width:50%; float:right; text-align:right; }

.followus 		{ margin:0 auto; padding-top:10px; padding-left:20px;}
.followus img	{ padding-left:10px;}

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

.post 				{ padding-top:10px; padding-bottom:20px; overflow:hidden;  }
.post-content 		{ }

.post ul, .post ol 	{ margin:0; padding:10px 0 20px 20px; list-style-position:inside; }	
.post ul			{ list-style-type:square;}
.post ol			{ list-style-type:decimal;}

.post h2			{ margin:0px;}
img.postthumbnail	{ clear:both; float:; margin-bottom:20px;}


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


/* ################################################
	ALERT BOXES	
################################################### */

span.error {
	color: #cc0000;
	border-top: 3px solid #fe7b7a;
	border-bottom: 3px solid #fe7b7a;
	background: #ffd6d6 url(../images/icons/error.png) 2% 50% no-repeat;
	}

span.info {
	color: #0055bb;
	border-top: 3px solid #629de3;
	border-bottom: 3px solid #629de3;
	background: #d8e5f8 url(../images/icons/info.png) 2% 50% no-repeat;
	}

span.alert {
	color: #b79000;
	border-top: 3px solid #fde179;
	border-bottom: 3px solid #fde179;
	background: #fef6d8 url(../images/icons/alert.png) 2% 50% no-repeat;
	}

span.download {
	color: #57861a;
	border-top: 3px solid #c2df88;;
	border-bottom: 3px solid #c2df88;;
	background: #eef7dd url(../images/icons/download.png) 2% 50% no-repeat;
	}

span.success {
	color: #57861a;
	border-top: 3px solid #c2df88;;
	border-bottom: 3px solid #c2df88;;
	background: #eef7dd url(../images/icons/check.gif) 2% 50% no-repeat;
	}

span.error,
span.info,
span.alert,
span.success,
span.download {
		display: block;
		padding: 10px 10px 10px 45px;
		margin: 5px 0;	
		-moz-box-shadow:0px 0px 2px #444; /* CSS3 Shadow */
		-webkit-box-shadow:0px 0px 2px #444; /* CSS3 Shadow */
		box-shadow:0px 0px 2px #444; /* CSS3 Shadow */	
	}


pre {
                      /* specify width  */
white-space: pre-wrap; /* CSS3 browsers  */ white-space: -moz-pre-wrap !important; /* 1999+ Mozilla  */
white-space: -pre-wrap;                /* Opera 4 thru 6 */
white-space: -o-pre-wrap;              /* Opera 7 and up */
word-wrap: break-word;                 /* IE 5.5+ and up */
/* overflow-x: auto; */                /* Firefox 2 only */
/* width: 99%; */		       /* only if needed */
}

pre 				{ border: 1px solid #ddd; margin: 10px 0; padding:10px; line-height:15px; background: #f0f0f0; font-family:"Courier New", courier, monospace, sans-serif; }
code 				{ font-size:1.2em; }
span.inset-left 	{ display: block; padding: 15px; float: left; width: 20%; font:italic normal 12px/20px Georgia, Arial, Sans-serif; }
span.inset-right 	{ display: block; padding: 15px; float: right; width: 20%; font-weight: bold; font:italic normal 12px/20px Georgia, Arial, Sans-serif; }	
	
/*#########################################################
	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 					{ order: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; }