/*
Theme Name: GreenieShop
Version: Live
Author: Infusionz Design
Author URI: http://www.infusionz.com
Tags: greenie, ECCO, LED light, singapore led lightings, save energy, efficient light,
Description: Custom Theme for GreenieShop.
Licence: Proprietary
*/


/***************************/
/* Universal Styles */
/***************************/

	* { margin: 0; padding: 0; }
	body { background-color: #719c3d; font-family: 'Trebuchet MS', Verdana, Tahoma; color: #545454; }
	a { text-decoration: none; color: #306308; }
	a:hover {color:#000; }
	p, .wrap { margin-top: 18px; font-size: .9em; line-height: 18px; }
	h1, h2, h3 { color: #a62100; font-family: 'Trebuchet MS', Arial, 'Times New Roman', serif; font-size: 1.2em; text-transform: uppercase; }

	h4 { font-family: 'Trebuchet MS', Arial, 'Times New Roman', serif; color: Green; font-size: 1em; text-transform: uppercase; margin-bottom:10px; margin-top: 10px; border-bottom: 1px solid Green; display: block; }
	hr { border: none; height: 1px; width: 100%; background-color: #cbcbca; margin:  15px 0 15px 0; }

	.clear { clear: both; }
img.alignleft { float: left; margin-right: 10px; margin-top: 5px; }
img.alignright { float: right; margin-left: 10px; margin-top: 5px; }

	#container { margin: 15px auto 15px auto; width: 960px; background-color: #fff; }

/***************************/
/* Masthead Styles */
/***************************/
	
	#header {
		width: 100%;
		height: 113px;
		background-image: url(images/grass-header.gif);
		background-position: right bottom;
		background-repeat: no-repeat;
		background-color: #fff;
	}

		#header a {
			background-image: url(images/logo.gif);
			background-repeat: no-repeat;
			text-decoration: none;
			display: block;
			width: 216px;
			height: 113px;
			border: none;
			float: left;
		}
		#header a span { visibility: hidden; }

	#search { height: 35px; float: right; margin-top: 15px; margin-right: 10px; }
	
	#search-container { float: right; }
	#search-container label {
		text-transform: uppercase;
		font-size: .9em;
		font-weight: bold;
	}
	#search-container input { width: 150px; height: 20px; }

/***************************/
/* Top and Bottom Navigation Styles */
/***************************/

	.navi{
		width: 100%;
		height: 25px;
		background-image: url(images/navi-bg.gif);
		font-weight: bold;
		font-size: .75em;
	}
		.navi ul {
			list-style-type: none;
			text-align: center;
			padding-top: 5px;
		}
		
		.navi ul li {
			display: inline;
			padding-right: 20px;
		}
		
		.navi a{
			color: #fff;
			text-transform: uppercase;
			text-decoration: none;
		}
		.navi a:hover { color: #c3ff6d; }



/***************************/
/* Support Bar Styles Styles */
/***************************/

	#supportbar {
		background-color: #f0f2ed;
		height: 56px;
		width: 100%;
	}
		#supportbar ul {
			text-align: right;
			list-style-type: none;
		}
		#supportbar ul li { display: inline; padding-left: 10px; padding-right: 3px; }
		#supportbar ul li a, #supportbar ul li a img  { border: none; }

/***************************/
/* Left Column Styles */
/***************************/
		
	#leftcol { /* total length: 280px */
		margin-top: 15px;
		margin-bottom: 20px;
		float: left;
		width: 260px;
		margin-right: 15px;
		margin-left: 5px;
	}
		a img.registration { border: 1px solid #b9c5a7; }

/***************************/
/* Right Column Styles */
/***************************/
		
	#rightcol { /* total width: 680px */
		margin-top: 15px;
		margin-bottom: 20px;
		float: right;
		width: 670px;
		margin-right: 10px;
	}
		p.login { 
			font-family: 'Trebuchet MS', Arial, 'Times New Roman', serif; 
			font-size: .9em; 
			text-transform: uppercase;
			text-align: right;
			margin-top: 0;
		}
		p.login a { font-weight: bold; color: #52ab0a; }
		#minibanners { margin-top: 14px; margin-bottom: 15px; }
			#minibanners img.leftie { float: left; border: none;}
			#minibanners img.rightie { float: right; border: none;}
		
		#featured p a img { padding: 1px; border: 1px solid #000; }
		#featured p a:hover img {border: 1px solid Green; }
		
		#sidebar, .widget_recent_entries, #text-3 {
			width: 256px;
			border: 1px solid #b9c5a7;
			margin-top: 15px;
			margin-bottom: 15px;
		}
		
		#sidebar h3, .widget_recent_entries h3, .widget_text h3 {
			background-color: #f0f2ed;
			color: #3d7c0a;
			font-family: 'Trebuchet MS', Arial, 'Times New Roman', serif;
			font-size: .9em;
			text-transform: uppercase;
			padding: 4px;
		}
		
		#sidebar p, #sidebar ul, #sidebar ol , .widget_recent_entries p, .widget_recent_entries ul, .widget_recent_entries ol, .widget_text p {
			margin: 10px 5px 10px 20px;
			font-size: .8em;
		}

.widget_recent_entries ul li { margin-bottom: 8px; }
		
	#rightcol table {
		border-top: 2px solid #52ab0a; 
		border-bottom: 2px solid #52ab0a; 
		width: 530px; 
		height: 219px; 
		margin-top: 15px; 
		float: right; 
		border-spacing: 0;
	}
	#rightcol table td { border: 1px solid #cccccc; }

	.visitarrow {
		width: 206px;
		height: 29px;
		background-image: url(images/red-arrow.gif);
		margin-top: 15px;
		margin-bottom: 15px;
		float: right;
	}
	.visitarrow span { width: 180px; display: block; text-align: center; padding: 6px 0 0 3px; }
	.visitarrow span a { 
		text-transform: uppercase; 
		color: #fff; 
		font-weight: bold; 
		font-size: .75em;
		border-bottom: 1px solid #fff;
	}
	.visitarrow span a:hover { border-bottom: none; }
	
/***************************/
/* Individual Page Styles */
/***************************/

	#widget { /* total width 205px */
		width: 200px;
		float: right;
		margin: 15px 5px 20px 0;
		/*border-bottom: 1px solid #dfdfdf;*/
		padding: 5px 0 15px 0; font-size: .8em;
	}
	#widget_greenbag {
		background-image: url(images/greenbag.jpg);
		width: 180px;
		height: 181px;
		background-repeat: no-repeat;
		margin-left: auto;
		margin-right: auto;
		margin-top: 5px;
	}
	#content { /* total width 460px */
		width: 440px;
		margin: 15px 10px 20px 10px;
		border: 1px solid #dfdfdf;
		float: right;
		padding: 5px;
		min-height: 500px;
		height:auto !important;
		height:500px;
	}

		#content table.form-table label { font-size: .8em; font-weight: normal; }
		#content table.form-table td { font-size: .7em; }
		#content h4 { border-bottom: none; color: #44555f; font-size:.1.1em; }
		#content h1 { margin-bottom: 12px; }
		table.form-table input, table.form-table textarea { width: 100%; margin-bottom: 5px; padding: 2px; }
		#content li { font-size: 14px; margin-left: 20px; padding: 3px; }

/* Special for Checkout Page */
	
	#checkout-content {
		width: 645px;
		margin: 15px 10px 20px 10px;
		border: 1px solid #dfdfdf;
		float: right;
		padding: 5px;
		min-height: 500px;
		height:auto !important;
		height:500px;
		font-size: .9em;
	}

		#checkout-content h2, #checkout-content h3 { color: #fff; display: block; background: #44555f; padding: 3px; margin: 10px 0 10px 0; }
		#checkout-content table.productcart, table.wpsc_checkout_table { font-size: .8em; margin-bottom: 15px; margin-top: 15px; width: 640px; }
		
	.breadcrumb { margin-top: 5px; padding: 2px; font-size: .7em; background-color: #f0f2ed; display: block; }
	
	.searchbox { margin-left: 20px; margin-right: 10px; margin-top: 20px; padding: 1px 5px 5px 5px; border-bottom: 1px solid #babbb9; display: block; }
	.searchbox:hover { background-color: #e4e4e4; }
	.searchbox h4 { border-bottom: none; }

/***************************/
/* Shopping Cart Styles */
/***************************/

	#widget h3 {
		display: block;
		color: #FFFFFF;
		background-color: #3a750a;
		padding: 2px 2px 2px 5px;
		margin: 0;
		font-size: 1.1em;
	}


	
	span.items {
		display: block;
		color: #FFFFFF;
		background-color: #52ab0a;
		padding: 2px 2px 2px 5px;
		font-size: .9em;
		font-weight: bold;
	}

	span.gocheckout a { margin-top: 3px; display: block; text-transform: uppercase; font-weight: bold; font-size: .9em; }
	
		/***************************/
		/* Store Display Styles */
		/***************************/
			
			.additional_description_span  { margin-right: 15px; }

			.wpsc_description p, span.additional_description { font-size: 13px;}
			.additional_description_span  { margin-top: 10px; }
			h2.prodtitles a.wpsc_product_title, h2.prodtitles span { border-bottom:0; margin-right:0; padding: 0; font-size: 1.4em; }
			p.single_additional_description { margin: 0; }
			.custom_text { margin-top: 10px; margin-bottom: 10px; }
			.wpsc_product_price {margin-bottom: 15px; margin-top: 10px; font-weight: bold; }

			.productdisplay { margin-top: 15px;} /* whole container for product picture and description */
			
			/*.textcol { width: 74%; }*/
			
			table.shoppingcart {
				width: 100%;
				margin: 2px auto 0 auto;
				border-collapse: collapse;
				border: none;
				background-color: transparent;
			}

		/***************************/
		/* Sidebar Widget Display Styles */
		/***************************/

			#shopping-cart { margin-top: 15px; font-size: 1em; }
/*#shopping-cart h3, #widget h3 { font-size: 14px; }*/
			#shopping-cart th { text-align: left; padding: 2px 2px 2px 5px; font-size: .9em; }
			#shopping-cart td { padding: 2px 2px 2px 5px; }
			
			.custom_gateway { padding: 5px; }
			.total { margin-top: 15px; }
			.subtotal { margin-top: 20px; }
			.wpsc_registration_form { font-size: .8em; padding: 10px; margin-top: 15px; }
			
			p.empty { font-size: 1em;}
			p.visitshop { font-size: 1.1em; font-weight: bold; text-transform: uppercase; }
			p.visitshop a { border-bottom: 1px solid #306308; }
			p.visitshop a:hover { border: none; }	

/***************************/
/* Category Navigation Styles */
/***************************/
		
	#categorynavi {
		margin: 10px auto 15px auto;
		width: 100%;
	}
	#categorynavi ul { list-style-type: none; }
	#categorynavi ul li { background-color: #52ab0a; border-bottom: 2px solid #fff; }
	#categorynavi ul li a { color: #fff; font-weight: bold; font-size: .75em; display: block; padding: 5px 5px 5px 8px;  }
	#categorynavi ul li a:hover { background-color: #3a750a; }

/***************************/
/* Footer Styles */
/***************************/

	#footer {
		text-align: center;
		margin-top: 25px;
		font-size: .9em;
	}
	#footer p { margin-top: 5px; }
	#footer p a img, #footer p a { border: none; margin-bottom: 25px;  }

form.loginform label, form.loginform input { margin: 3px;  }
ul#cycnav { margin-left: 20px; font-size: .8em; margin-top: 10px; }
input#cycsubmit, #content input { padding: 2px; }
#content input.wpsc_buy_button { padding: 0; }
.checkbox { display: inline; }
.product_footer { margin: 0; }

