@charset "utf-8";
/* CSS Document */
body {font-size:14px; background:#CCCCCC; font-family:Arial, Helvetica, sans-serif; }
* { margin:0px; padding:0px; }
img { border:none; }
h1, h2, h3 { color:#607827; margin:15px 0px 15px; font-family:Georgia, "Times New Roman", Times, serif }
h1 { font-size:24px;}
h2 { font-size:20px;}
h3 { font-size:18px;}
p { margin:5px 0px 10px}
a { color:#CC6600; }

.left { float:left; }
.right { float:right; }
img.right { margin:0px 0px 15px 15px; }
img.left { margin:0px 15px 15px 0px; }
.hr { clear:both; }
#main ul { margin:10px 10px 10px 25px; list-style-image:url(../images/template/bullet.jpg); vertical-align:top;  }
#main ul li { padding-bottom:10px;  }

#wrapper { width:900px; margin:auto; min-height:100%; background-color:#FFFFFF; position:relative; }

/*Header*/
	/*Head*/
		#head { height:75px; }
		/*Left Side*/
			#head .left div { float:left; }
			#head #logo { margin:10px 30px 10px 35px; padding-right:30px; border-right: 1px solid #999999; }
			#head #logo_usertrust { margin:15px 0px; }
		/*Right Side*/
			#head #logo_scotts { margin:5px; }
			/*flags*/
				#head #flags { clear:left; margin: 5px 10px 5px 0px;  }
				#head #flags img { margin:1px; }
			/*newsleter signup*/
				#head #newsletter { padding:2px; margin:0px 10px 0px 0px; position:relative; }
				#newsletterLink { background:url(/wp-content/themes/dreamhomedraw/assets/images/template/newsletter.jpg) 0px 0px no-repeat; display:block; width:268px; height:30px; }
				#newsletterLinkTop { background:url(/wp-content/themes/dreamhomedraw/assets/images/template/newsletter2.jpg) 0px 0px no-repeat; display:block; width:268px; height:30px; }
	/*Navigation*/
		#navigation { height:33px; margin:1px; background-color:#464646; } 
		/* Navigation Manu - Son of a Son of a Suckerfish - http://blog.netweblogic.com/css/suckerfish-drop-down-menu-improved/ */
			#nav .order-now { background-color:#FFEF00;}
			#nav .order-now a { color:#000000;}
			/* all lists */
			#nav, #nav ul { padding: 0; margin: 0; list-style: none; line-height: 1.2em; }
			#nav a { display: block; color:#FFFFFF; font-family:Georgia, "Times New Roman", Times, serif; text-decoration:none; font-size:16px; padding:8px 0px; margin: 0px 18px; }
			#nav li.ddm a { width:155px; }
			#nav li.ddm li a, #nav li li, #nav li ul { width:205px; }/* width needed or else Opera goes nuts */
			/* first list level only */		
			#nav li { float: right; border-left:1px solid #FFFFFF; background-color:#464646;  }
			/* second-level lists */
			#nav li ul { position: absolute; left: -999em; }
			#nav li ul li { border-bottom:1px solid #686868 }
			/* third-and-above-level lists */
			#nav li ul ul { margin: -30px 0 0 170px; }
			/*Show the submenu DIRECTLY INSIDE the selecte LI tag*/
			#nav li:hover > ul{ left: auto; }
			#nav .soasfhover{ left: auto; }
			/*Fix for IE7*/
			#nav li:hover { position: static; background-color:#575757}
		
	/*Feature Area*/
		#feature img { margin:1px 1px 0px; }
		#feature #star { margin:0px; position:absolute; top:54px; left:-40px; }

/*Main Content*/
	#main { background:url(../images/template/main_bg.jpg) 0px 30px repeat-y; text-align:justify;  }
	#main h1 { margin-top:5px; }
	#main div.hr { background: #FFFFFF url(../images/template/main_hr.jpg) 0px 15px repeat-x ; height:3px; margin:0px 15px; padding:15px; }
	#main_1, #main_2, #main_3 { float:left; }
	#main_1 { width:655px; margin-left:15px; }
	#main_2 { width:165px; margin-left:45px; font-size:12px; }
	
	#in-a-nutshell-everything { font-size:16px; }
	
	/*SideBar*/
	.side-item { margin-bottom:30px; }
	.quote p { font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; font-style:italic; color:#222222; }
	.quote a { font-size:12px; }
	.latest-news .date { font-family:Georgia, "Times New Roman", Times, serif; color:#999999; font-size:11px; }
	.latest-news div { margin-bottom:15px; }	
	.latest-news p { margin:0px 0px 2px; }	
	
	/*Middle Collumn*/

/*Footer*/
	#footer { background:#333; color:#EEE ; border-top:5px solid #666; font-size:11px;  }
	#footer .right, #footer .left { padding:10px; }
	#footer .left { width:525px; }
	#footer .right { width:325px; text-align:right; }
	#footer div.hr { height:3px; background:#444; }
	#footer a { color:#EEE }
	
/*Effects CSS*/
	.slideshowContainer {
		border:1px solid #CCCCCC;
		height:129px;
		overflow:hidden;
		width:165px;
	}
.tool-tip {
color:#666666;
font-size:11px;
width:294px;
z-index:100;
}
.tip-top {
background:transparent url(../images/template/bubble.png) repeat scroll right top;
height:35px;
}
.tip-title {
color:#AA1224;
font-weight:bold;
margin:0;
padding:0 18px 4px;
}
.tool-tip .tip {
background:transparent url(../images/template/bubble.png) repeat scroll right bottom;
}
.tip-text {
padding:8px 58px 18px 18px;
}	

/*Popuo Moda<l Box*/
/*Help Box*/
	#overlay { 
		background-color:#666666; height:100%; left:0px;  opacity:.75; position:fixed; 
		top:0px; width:100%; z-index:100; display:none;
	}
	#overlay_window { 
		background-color:#F7F4EF; color:#FFFFFF; left:50%; top:50%; 
		opacity:.9; position:fixed; text-align:left;
		z-index:102; margin-left: -375px;  width: 750px;  margin-top: -150px;  height:300px; display: none;
	}
	#overlay_content .title { width:auto; margin:20px 0px 10px 20px; font-size:18px;}
	#overlay_content .content { 
		margin:20px 20px 5px 20px; padding:10px 15px 10px 15px; background-color:#EEE8DD; color:#666666; 
		width:auto; height:180px; overflow:auto; text-align:justify 
	}
	a#overlay_close { display:block; cursor:pointer; text-align:right; margin:0px 20px 0px 20px;}
	a#overlay_close { 
		font-family:"Century Gothic", Verdana, Arial, sans-serif;
		color: #666666;
		text-decoration:none;
		font-size:16px;
	}
	.ajax-loading {
		width:48; height:48px; background: url('/images/template/effects/loading-help.gif') 320px 100px no-repeat;
	}