/*   
Theme Name: Solar Advertising
Theme URI: http://solaradvertising.com
Description: 
Author: Bluelounge
Author URI: http://blueloungedesign.com
Version: 0.8
.
*/

.home, .special, .contact, .whysolar, .requestsample, .upload{background:transparent url('images/wood.jpg') repeat top left;color:#fff;font-family:helvetica neue, helvetica, verdana, arial, san-serif;}
.order{background:transparent url('images/bg_order.jpg') repeat top left;color:#fff;font-family:helvetica neue, helvetica, verdana, arial, san-serif;}
.products {background:#fff;color:#61544E;font-family:helvetica neue, helvetica, verdana, arial, san-serif;}
#wrapper{background:transparent url('images/header.png') repeat-x top left;}

a:link	{color:#61544E; text-decoration: none;} 
a:visited	{color:#61544E; text-decoration: none;} 
a:active	{ color:#fff;	text-decoration:none;} 
a:hover {color:#fff; text-decoration:none;} 

/* =header--- */
#header{height:140px;}
	#masthead{height:140px;z-index:100;}
		#branding{height:110px;}
			#branding a{display:block; text-indent:-9999em; background:transparent url('images/logo.png') no-repeat top left; width:200px; height:95px;margin-top:8px;}
				#promo {height:110px;z-index:100;}
				
					/* #promo a.product-videos{display:block; text-indent:-9999em; background:transparent url('images/b_prodv.png') no-repeat top left; width:189px; height:44px;margin-top:30px;float:left;} */
					
					/* #promo a.elec-videos{display:block; text-indent:-9999em; background:transparent url('images/b_elecv.png') no-repeat top left; width:189px; height:44px;margin:30px 0 0 15px;float:left;} */
					#promo p{float:right;margin:12px 4px 0 0;color:#61544E;}
					#promo p span{font-weight:bold;}
					
/* =searchbox --- */
#header #search {color:#61544E;}
#header #searchbysku {margin-top: 80px; margin-bottom: 0;}
			
/* =Nav --- */
#access{height:30px;line-height:30px;width:960px;}
	.menu{text-align:center;}
	.menu ul {list-style:none outside none;margin:0;}
		.menu li {display:block;padding:0;margin:0;position: relative;z-index:99;float:left;}
			.menu a {display:block;clear:right;text-transform:uppercase;padding:0;text-decoration: none;letter-spacing:-1px;height:30px;text-indent:-999em;margin:0 2px;}
			.menu li ul {position: absolute;top:30px;z-index:99;text-align:left;display:block;}
			.menu li ul li {float: left; width: 220px; z-index:1000;}
			.menu li ul#sub-products {left: 0;top:-999em;}
			.menu li#list-product:hover ul#sub-products {top:30px;}
			.menu li ul li a {display:block;float:none;text-transform:none;padding:0;text-decoration: none;letter-spacing:0;text-indent:0;margin:0 2px;z-index:99;margin-left:0;border-right:1px solid #eee;border-left:1px solid #eee; border-top:1px solid #e7ed9d; border-width:1px 1px 1px ;padding: 0.3em 1em;background:#fff;}
			.menu li ul li a {}
			.menu li ul li a:hover {color:#878f29;}
			/*.menu a:link	{color:#61544E;} 
			.menu a:visited	{color:#61544E;} 
			.menu a:active	{ color:#fff; background:transparent url('images/hover_menu.png') repeat-x top left;} 
			.menu a:hover {color:#fff; background:transparent url('images/hover_menu.png') repeat-x top left;} */
			
			#nav-home{width:49px;background:transparent url(images/navsprite.png) no-repeat 0 0;}
			#nav-home:hover{background-position: 0 -29px;} 
			
			#nav-why{width:84px;background:transparent url(images/navsprite.png) no-repeat -50px 0;}
			#nav-why:hover{background-position: -50px -29px;} 

			#nav-prod{width:76px;background:transparent url(images/navsprite.png) no-repeat -137px 0;}
			#nav-prod:hover{background-position: -137px -29px;} 

			#nav-spe{width:113px;background:transparent url(images/navsprite.png) no-repeat -215px 0;}
			#nav-spe:hover{background-position: -215px -29px;} 
			
			#nav-req{width:127px;background:transparent url(images/navsprite.png) no-repeat -330px 0;}
			#nav-req:hover{background-position: -330px -29px;} 

			#nav-upload{width:126px;background:transparent url(images/navsprite.png) no-repeat -458px 0;}
			#nav-upload:hover{background-position: -458px -29px;}

 			#nav-soc{width:155px;background:transparent url(images/navsprite.png) no-repeat -585px 0;}
			#nav-soc:hover{background-position: -585px -29px;} 

 			#nav-how{width:111px;background:transparent url(images/navsprite.png) no-repeat -742px 0;}
			#nav-how:hover{background-position: -742px -29px;} 

 			#nav-cont{width:69px;background:transparent url(images/navsprite.png) no-repeat -855px 0;}
			#nav-cont:hover{background-position: -855px -29px;} 
			
	
/* =Main Home ---*/
.home #main {}
	.home	#content{background: transparent url('images/leaf_post.png') no-repeat 0 -15px;}
		.home .post{margin-right:10px;}
			.home .post #lipbalm {display:block; width:191px; height:109px;background:transparent url('images/lipfusion_vid.png') no-repeat top left; text-indent:-9999em;margin:145px 0 0 75px;}
			.home .post #phils{margin-top:150px; margin-left:-38px;}
		
	.column{width:154px;height:960px;margin-right:8px;float:left;}
	.column p{padding:15px 15px 0;color:#fff;line-height:18px;font-size:12px;}
		.primary-one{background:#203336 url('images/leaf_column.png') no-repeat 0% 125%;}
		.primary-one:hover{background:#59797c url('images/leaf_column.png') no-repeat 0% 125%;}
			.primary-one .line-product{display:block;background:transparent url('images/primary_one.png') no-repeat top left;width:152px;height:80px; text-indent:-9999em;}			
			
		.primary-two{background:#454522 url('images/leaf_column.png') no-repeat 33% 125%;width:152px;overflow:hidden;}
		.primary-two:hover{background:#7b7b40 url('images/leaf_column.png') no-repeat 33% 125%;width:152px;overflow:hidden;}
			.primary-two .line-product{display:block;background:transparent url('images/primary_two.png') no-repeat top left;width:152px;height:80px; text-indent:-9999em;}

		.primary-three{background:#8C7D32 url('images/leaf_column.png') no-repeat 67% 125%;}
		.primary-three:hover{background:#b6a345 url('images/leaf_column.png') no-repeat 67% 125%;}
			.primary-three .line-product{display:block;background:transparent url('images/primary_three.png') no-repeat top left;width:152px;height:80px; text-indent:-9999em;}


		.primary-four{background:#834C24 url('images/leaf_column.png') no-repeat 100% 125%;margin-right:0;}
		.primary-four:hover{background:#b77e40 url('images/leaf_column.png') no-repeat 100% 125%;margin-right:0;}	
			.primary-four .line-product{display:block;background:transparent url('images/primary_four.png') no-repeat top left;width:152px;height:80px; text-indent:-9999em;}
			
	
/* =Main Products --- */
.products #content{margin-top:20px;}
.products #main {}
.products .type-product {margin-right:30px;}	
	.products .type-product ul{ list-style:none outside none;margin:0;}	
		.products .type-product li{ margin:0;}	
			.products .type-product a{display:block; width:220px;height:90px;border-bottom:1px dotted #C7C7C7;text-indent:-9999em;}	
				.products .cat-item1 a{background:transparent url('images/p_lipfusion.png') repeat-x top left;}
				.products .cat-item2 a{background:transparent url('images/p_naturalchoice.png') repeat-x top left;}
				.products .cat-item3 a{background:transparent url('images/p_premiumorganic.png') repeat-x top left;}
				.products .cat-item4 a{background:transparent url('images/p_pureprotection.png') repeat-x top left;}
				.products .cat-item5 a{background:transparent url('images/p_accesories.png') repeat-x top left;}
				.products .cat-item a:active {background-color:#EEF4A8} 
				.products .cat-item a:hover {background-color:#F2F2F2} 
				
/* =primary product item --- */

.item{float:left; margin-right:15px;display:block;width:160px;height:240px;overflow:hidden;}
	.item img{border:0;}
	.item .exp{padding:5px 20px 15px;}
	.item .exp h3{font-size:12px;margin:0;color:#61544e;}
	.item .exp a{font-size:11px;color:#7c8033;}
	.img-item {width:156px;height:156px;border:1px solid #ccc;text-align:center;overflow:hidden;}
	
.prod-img{width:250px;height:445px;float:left;text-align:center; margin-top:20px;}
.prod-img div{padding-top:295px;}
.prod-img a:active{color:#ccc;}
.prod-img a:hover{color:#ccc;}

.prod-exp{display:block;width:450px;float:left;}
.share {margin-bottom:1em;display:block;height:22px;font-size:12px;}
.share a {display:block;float:left;width:122px;height:22px;background:transparent url(images/share.png) no-repeat 0 0;text-align:center} 
.share a:active	{color:#000;background-position:0 100%;height:21px} 
.share a:hover {color:#000;background-position:0 100%;height:21px} 
.share #prod-temp{}
.share #email-prod{margin:0 15px;}
.share #req-sample{}

.exp{display:block;padding:10px 7px;}
.exp h2, .related h2 {font-size:12px;font-weight:bold;line-height:16px;border-bottom:1px solid #ccc;padding-bottom:6px;margin-bottom:8px;}
.exp p{font-size:12px;margin-bottom:10px;}

.flavour{background:#f7fad4;border:1px solid #bcc739;padding:10px;}

.prod-excerpt{width:450px;padding-top:18px;}
.column-exc{width:180px;float:left;padding-left:10px;}
.column-exc p{margin-bottom:10px;}
 
.products .tabl-price table,.products th,.products td { border: 1px solid #ccc;padding:7px;}
.products th{background:#e1e1e1;}
.products table { width:100%;} th { height:50px;} 

/* =special item --- */

.special #container, .contact #container, .requestsample #container, .upload #container {background:transparent url('images/leaf.png') no-repeat 50% -43px;min-height:650px;}

.special .item{float:left; margin-right:40px;display:block;width:123px;height:240px;}
	/*.item img{border:1px solid #DAD8D8; } */
	.special .item .exp{padding:5px 10px 15px;}
	.item .exp h3{font-size:12px;margin:0;color:#61544e;}
	.item .exp a{font-size:11px;color:#7c8033;}
	.special .item a:active {color:#F2F2F2;} 
	.special .item a:hover {color:#F2F2F2;} 
	.special .pdf-spe {width:114px;height:170px;display:block;overflow:hidden;padding:4px}
	.special .pdf-spe:link {padding:4px}
	.special .pdf-spe:visited {padding:4px}
	.special .pdf-spe:active {border:4px solid #cb7f26;padding:0} 
	.special .pdf-spe:hover {border:4px solid #cb7f26;padding:0} 	
	
	
.special-solar{margin:50px 0 50px;}
.special .last{margin-right:0;}

/* =contact --- */
#contact-img{margin-top:50px;}
.contact-info{margin-top:1em;}
.contact-info p span, .order p span{color:#B67D3F;font-weight:700;}

/* =order --- */
.order #container{background:transparent url('images/leaf1.png') no-repeat 50% -340px;}
.order #container p{color:#61544e;}
#order-img{float:right;margin:35px 0 30px;}

/* =sr --- */
.sr #container{background:transparent url('images/flower.jpg') no-repeat 50% 0%;min-height:1080px;}
.sr .post{margin-top:160px;}
.sr .post .slogan h2{color:#D16A23;font-size:18px;}
.sr .post .slogan p{color:#61544e;font-size:14px;line-height:18px;margin-bottom:40px;letter-spacing:-1px;}
.sr .post .slogan span{font-size:48px;line-height:36px;color:#B4918E;}

.sr .video img{float:right;}
.sr .video #slogan{margin:20px 0 25px}

/* =whysolar ---*/

.whysolar #WhySolar {position: absolute; z-index: 20;} /* appear behind drop-down */

.whysolar #container{background:transparent url('images/bg_whysolar.png') no-repeat 50% 0; min-height:835px; z-index: 50;}
.whysolar .post .slogan{margin-top:35px;float:right;}

.whysolar .round1{width:281px;height:281px;position:absolute;left:10px;top:80px;text-indent:-9999em;background:transparent url('images/round_ws1.png') no-repeat top left;display:inline-block;}
.whysolar .round1:hover{background:transparent url('images/round_ws1_hover.png') no-repeat top left;}


.whysolar .round2{width:214px;height:214px;position:absolute;left:380px;top:175px;text-indent:-9999em;background:transparent url('images/round_ws2.png') no-repeat top left;display:inline-block;}
.whysolar .round2:hover{background:transparent url('images/round_ws2_hover.png') no-repeat top left;}

.whysolar .round3{width:227px;height:227px;position:absolute;left:710px;top:230px;text-indent:-9999em;background:transparent url('images/round_ws3.png') no-repeat top left;display:inline-block;}
.whysolar .round3:hover{background:transparent url('images/round_ws3_hover.png') no-repeat top left;}

.whysolar .round4{width:178px;height:178px;position:absolute;left:535px;top:370px;text-indent:-9999em;background:transparent url('images/round_ws4.png') no-repeat top left;display:inline-block;}
.whysolar .round4:hover{background:transparent url('images/round_ws4_hover.png') no-repeat top left;}


.whysolar .round5{width:170px;height:170px;position:absolute;left:725px;top:490px;text-indent:-9999em;background:transparent url('images/round_ws5.png') no-repeat top left;display:inline-block;}
.whysolar .round5:hover{background:transparent url('images/round_ws5_hover.png') no-repeat top left;}


.whysolar .round6{width:155px;height:155px;position:absolute;left:350px;top:415px;text-indent:-9999em;background:transparent url('images/round_ws6.png') no-repeat top left;display:inline-block;}
.whysolar .round6:hover{background:transparent url('images/round_ws6_hover.png') no-repeat top left;}


.whysolar .award{width:215px;height:165px;position:absolute;left:20px;top:455px;text-indent:-9999em;background:transparent url('images/award.png') no-repeat top left;display:inline-block;}
.whysolar .award:hover{background:transparent url('images/award_hover.png') no-repeat top left;}

/* =requestsample --*/
.requestsample .post, .upload .post {margin-top:24px; }
.requestsample .post h2, .upload .post h2{color:#b77e40;font-size:66px;font-weight:normal;letter-spacing:-1px;margin-top: 50px;margin-bottom: 30px;}
.req-item{width:262px;float:left;}
td {vertical-align:top;height:24px;}

/* related item */
.related h2{margin-bottom:12px;color:#7c8033; }
.related .item{width:215px;height:auto;}
/*.related .item .img{width:75px;float:left;border-width:0;padding-left:5px;}*/
.related .exp{padding:10px 20px 15px;}

/* Superfish */
.sf-menu a.linkfish{padding:0;background: transparent;border-width:0; }
.sf-menu{margin-top:30px;margin-bottom: 0;z-index:99;}
.marge{margin:0 15px 0 50px;}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			43px; /* match top ul list item height */
	z-index:		999;
}

.sf-menu ul {width:15em;}
.sf-menu ul li {width:189px;}
.sf-menu li li {background:none repeat scroll 0 0 #FFFFFF;}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	background:		#fdfdf7;
	outline:		0;
}

.sf-menu a, .sf-menu a:visited { color:#878f29;}
.sf-menu a { border-right:1px solid #eee;border-left:1px solid #eee; border-top:1px solid #e7ed9d; border-width:1px 1px 1px ;padding:0.75em 1.5em; }