/*BEGIN CSS MAIN LAYOUT*/
/* Jello Mold Layout - http://positioniseverything.net/articles/jello.html */

html, body, dl, dt, dd, img 
  {
  margin: 0; 
  padding: 0;
  border: 0;
  list-style: none;
  }

body
	{
	padding: 0 490px; /* the critical side padding that sets the natural min-width! */ 
	background-color:#fff;
	font-family:Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 100.01%; /* this body font-size fixes an IE bug and maintains x-browser uniformity */ 
	text-align: center; /* centers the #sizer element in IE5.x/win */
	background:url(/images/sky_template/grey_bkg_gradient.jpg) repeat-x;/*Grey page gradient*/
	}

#sizer 
	{
  	margin: 0 auto; /* centers #sizer in standard browsers */
  	padding: 0;
  	width: 0%; /* this value controls liquidity; 0% = full rigid, 100% = full liquid */
  	text-align: left; /* resets the default text alignment for the page */
	max-width: 0px; /*Sets how big the page will get 0 = full rigid no expansion - up to what ever you want*/
	}

#expander 
	{ /* Any % height here causes IE to lose the neg right margin */
	margin: 0 -490px; /* neg side margin values should be < or = to side body padding */
	min-width: 980px; /* This prevents Safari from losing the negative margins in narrow windows */
	position: relative; /* makes #expander visible outside #sizer in IEwin */
	min-height: 1px; /* This harmless declaration gives Layout to IE7, which can't read the Holly hack below */
	background:url(../images/sky_template/white_shadow_left.gif) repeat-y left;
	background-color:#fff;
	} 

/*\*/
* html #expander {height: 0;} 
/* #expander must have "height: 0" in IEwin bug fixing */

/* The above is a modified Holly hack for #expander, with zero substituted for the 
usual 1% height value. Any % value on this element causes a horrendous IE bug! */ 

#wrapper 
	{
	width: 100%;
	background:url(../images/sky_template/white_shadow_right.gif) repeat-y right;
	font-family:Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size:12px; color:#666;
	}

/*TOP BANNER STYLES*/

#top_banner
	{
	background: url(/images/sky_template/banner_blue_sky_new.jpg) repeat-x;
	margin:0 15px;
	height:120px;
	position:relative;
	}
/*\*/
* html #top_banner {margin:0 12px;} 
/*HOLLY HACK FOR TOP BANNER IN IE 6.0 AND BELOW*/

#logo
	{ 
	position:absolute; 
	top:0; 
	left:0;
	}
	
#phone
	{ 
	position:absolute; 
	top:0; 
	right:160px; 
	}
	
#chat
	{ 
	position:absolute; 
	top:0; 
	right:0;
	}
	
#clouds
	{ 
	position:absolute; 
	top:6px; 
	right:30%; 
	background:url(/images/sky_template/clouds.gif) no-repeat; 
	width:281px; 
	height:63px;
	}
	
#top_nav
	{
	padding-right: 17px;
	padding-left: 10px;
	position:absolute;
	bottom:4px;
	right:0px;
	color: #fff;
	width: 645px;
	height: 25px;
	line-height: 23px;
	background: url(../images/under_nav.gif) no-repeat top left;
	}
	
#top_nav a
	{
	color:#fff;
	font-size:12px;
	text-decoration:none;
	/*font-weight:bolder;*/
	font-family: Arial, Helvetica, sans-serif;
	text-transform: lowercase;
	}
#top_nav a:visited
	{
	color:#fff;
	}
	
#top_nav a:hover{ text-decoration:underline; color: #FFB400;}

span.pipecolor {color: #76B5FF;}

.right_float{ float:right;}
.left_float{ float:left;}


/*CONTENT STYLES*/

#content_container_blue /*used to contain all the columns and content below the nav and above the kid footer. This has the gradient blue background image at top*/
	{
	margin:0 15px;
	}
	
#content_container_blue #main, #content_container_blue #rightColumn {background:url(/images/sky_template/content_blue_sky_new.jpg) repeat-x ;}
	
#content_container /*used to contain all the columns and content below the nav and above the kid footer. No blue gradient*/
	{
	margin:0 15px;
	}
		
#three_column_container{padding:0 150px 0 150px;}
#two_column_container{padding:0 0 0 150px;}
#one_column_container{padding:0;}

#one_column_content 
	{
	width:100%;
	}	
	
#two_column_content/*Two column is only for left side column and main column.*/
	{
	width:100%;
	border-left:150px; /* The width and color of the rail */
	margin-left:-150px; /* Hat tip to Ryan Brill */
	float:right;
	}
	
#three_column_content
	{
	float:left;
  	width:100%;    
  	border-left:150px;/*This is the space where the left column fits*/
  	border-right:150px;/*This is the space where the right column fits*/
  	margin-right:-150px;/*This is a must to move the margin back out to the far right side of the page.*/
  	display:inline; /* So IE plays nice */
	}
	
#leftColumn
	{
 	float:left;
  	width:150px;
  	margin-left:-150px;
  	position:relative; /* So IE plays nice */
	}
	

#sidebarnav_wrapper{background:url(../images/sky_template/sidebar_bkgd.gif) repeat-y; text-align: left; width:150px; position:relative;}
#content_container_blue  #sidebarnav_top{background:url(../images/sky_template/sidebar_top_blue_new.jpg) top left no-repeat; height:212px;}
#content_container #sidebarnav_top {background:url(../images/sky_template/sidebar_top_white_new.jpg) top left no-repeat; height:212px;}
#sidebarnav_content{ margin:-207px 6px 0 6px;}
#sidebarnav_content h2{color:#F17F00; font-size:14px; font-weight:bold; border-bottom:solid #D7E979 1px; padding:4px 0; margin:0;}
#sidebarnav_content a, #sidebarnav_content a:visited{ color:#FFF; text-decoration:none; font-size:11px; /*font-weight:bold;*/}
#sidebarnav_content li { border-bottom:solid #D7E979 1px; padding:4px 0; list-style:none;}
#sidebarnav_content li:last-child { border-bottom:none; padding:4px 0; list-style:none;}
#sidebarnav_content li a {padding-left: 25px;}
#sidebarnav_content li a:hover {padding-left: 25px; color: #FFF; text-decoration: underline;}
#sidebarnav_content ul { padding:0; margin:0;}
#sidebarnav_btm {background:url(../images/sky_template/sidebar_btm.gif) bottom left no-repeat; height:16px;}

#main
	{
  	float:left;
  	width:100%;
  	margin-right:-100%;
	}
	
#rightColumn
	{
	float:right;
  	width:150px;/*This is how wide the column is */
  	margin-right:-150px;/*This must equal the width of the column to align it next to the center div*/
  	position:relative;  /* So IE plays nice */

	}

.content_wrapper{ margin:0 10px;}/*This is used inside of either the center, left, or right column divs if you want some margin between column divs*/

#testimonial_wrapper
	{
	background: url(/images/sky_template/footer_dirt_repeat.jpg) repeat-x bottom;
	text-align:center;
	margin:0 16px;
	height:243px; 
	
	}
	
#testimonial
	{
	background:url(../images/sky_template/get_the_dirt.jpg) no-repeat;
	color:#fff;
	margin:65px 15px 0px 20px;
	padding-left:90px;
	height:75px;
	text-align:left;
	position:relative;
	overflow:hidden;
	}
.guarantee 
	{
	background-color: #FFFFCC;
	margin: 5px;
	padding: 5px;
	border: medium solid #F17F00;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	width: 500px;
	
}
.guarantee a {
	font-size:10px;
	font-weight:normal;
}

.img_right {
	float:right; 
	margin:10px; 
	border: none;
}
.quote{font-size:18px; font-weight:bold; color:#F17F00; line-height:12px;}
.quotee {font: 11px italic bold; text-transform: capitalize; text-align:right;}
.more_testimonial a, .more_testimonial a:visited{ bottom:2px; right:0px; color:#F17F00; font-weight:bold; position:absolute;}
.more_testimonial a:hover{ color:#fff;}
	
.clear 
	{
	display:block;
	height:1px;
	clear:both;
	}
	
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

/*SELECTOR STYLES*/

p{margin:0 0 5px 0;}
h1{ font-size:16px; color:#F17F00; margin:10px 0;}
h2{ font-size:15px; color:#F17F00;}
h3{ font-size:14px; color:#000;}
h4, h5, h6{font-size:13px; color:#000;}
a, a:visited {color:#1299FE;}
a:hover { color:#F17F00;}

img.thumb {	border: 1px solid #7895B3;}

/*FOOTER STYLES*/

#footer 
	{
	background: url(/images/sky_template/footer_blue_repeat.gif) repeat-x;
	height:41px;
	text-align:center;
	color: white;
	}
	
#footer_nav{padding-top:5px; font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
#footer a, #footer a:visited {text-decoration:none; color: white;}
#footer a:hover {text-decoration:underline; color: white;}

#copyright{color: black; font-size: 0.9em; text-align:center;}
#copyright a{color: black; font-size: 0.9em; text-decoration:none;}
#copyright a:visited{color: black; font-size: 0.9em; text-decoration:none;}
#copyright a:hover{color: #7895b3; font-size: 0.9em; text-decoration:underline;}

#rbi_alert {margin: 0 15px; padding: 10px; border-top: 1px solid #F90; border-bottom: 1px solid #F90; background-color: #FFC; color: #000;}
#rbi_alert h1 {margin: 0 0 5px 0; color: #000; font-size: 120%;}
#rbi_alert p {line-height: 125%;}
div.remove_alert {text-align: right;}
div.remove_alert a {text-decoration: underline; color: #0000FF;}
div.remove_alert a:link {text-decoration: underline; color: #0000FF;}
div.remove_alert a:visited {text-decoration: underline; color: #0000FF;}
div.remove_alert a:hover {text-decoration: none; color: #0000FF; cursor: pointer;}
div.remove_alert a:active {text-decoration: underline; color: #0000FF;}

#newsletter{margin:0; padding:0; width: 153px;}
#sub_form {width: 153px; position: relative;}
#sub_form_top {margin: 0; padding: 0;}
#sub_form_main {margin: 0; background: url(../images/sign_up_main.gif) repeat-y; padding: 0 9px;}
#sub_form_main label { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #5091c8; font-weight: bold;}
#sub_form_main input.textfield {
	border: solid 0px #FFF;
	width: 125px;
	height: 24px;
	padding-top: 5px;
	padding-left: 7px;
	padding-right: 7px;
	font-size: 12px;
	background: transparent url(../images/sign_up_input.gif) no-repeat fixed; 
}
#sub_form_main>input.textfield {background: transparent url(../images/sign_up_input.gif) no-repeat; }
#sub_form_bot {margin: 0;}
#sub_form_submit {margin-top: -15px; text-align: center;}

/*Pricing Module*/
table.pricing {
	margin: 0 auto;
	border-collapse: collapse;
	font-size: 12px;
}
table.pricing th {
	border:1px solid #0638A5; 
	background-color:#0638A5; 
	color:#FFFFFF;
	padding: 2px;
	text-align: center;
}
table.pricing th.prodName {
	font-size: 16px;
}
table.pricing td {
	padding: 2px;
	text-align: center;
	border:1px solid #1c457d;
}
table.pricing tr.even {
	background-color: #DEE8F3;
}

/*Shipping Calculator*/
tbody tr td div#shipAnswer {
	text-align: center;
	font-size: 24px;
	color: #333333;
}

#whitebox_top {height: 11px;}
#whitebox_top div.left {float: left; width: 11px; height: 11px; background-image: url(../images/whitebox_left.gif);}
#whitebox_top div.center {margin-left: 11px; width: 758px; height: 11px; background-color: #FFF;}
#whitebox_top div.right {float: right; width: 11px; height: 11px; background-image: url(../images/whitebox_right.gif);}
#whitebox {padding: 0 5px; background-color: #FFF;}

.xlinput {background-color: #E2E2E2}

/*END OF STYLE SHEET*/