/* 
	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Default Styles
	CSS Document
	Author: 9xb.com
	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Please use the structure in place 
	for all additional CSS elements.
	For new builds, tweak current
	values before continuing.. thx G
	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* DEFAULT STYLES   */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
	* { padding:0; margin:0; }
	
	html, body {
		font: 12px/1.4em arial, helvetica, tahoma, verdana, sans-serif;
		color: #767676;
		line-height: normal;
	}
	
	body {
		margin: 0;
		text-align: center;
	}
	
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* GLOBAL STYLES  */  
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

	/* Hidden elements */
	.hidden, .screen_reader, hr {
		display: none;
	}
	
	
	/* Paragraph default styling, amend as desired */
	p {
		/*margin: 0 0 20px 0;
		padding: 0;*/
	}
	
	
	/* Removes blue border on img links */
	a img {
		border: 0;
	}
	a { color: #FFFFFF; text-decoration:none; }
	/* Default link styling */
	#page-nav a {
		color: #F6FF00;
		text-decoration: none;
	}
	a:hover {
	}
	
	a:active { 
		color:#FFFFFF;
	}
	.active { color:#FFFFFF; }
	/* Float an element left with a margin */
	.floatL {
		float: left;
		margin: 0 20px 20px 0;
	}
	
	/* Float an element right with a margin */
	.floatR {
		float: right;
		margin: 0 0 20px 20px;
	}
	
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* TEMPLATE ELEMENTS   */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

	#outerwrap {
	margin-left: auto;
	margin-right:auto;
	text-align:center;
	}
	#innerwrap {
	width: 816px;
	margin-left: auto;
	margin-right:auto;
	background-position: top left;
	text-align: left;
	background-repeat: repeat-y;
	}
	#page { 	background-image:url(../images/rightgrad.gif); }
	#pagebottom { 	background-image:url(../images/bottomgrad.gif); background-repeat:no-repeat; }
	#page-header {
	background-image:url(../images/header-bg.gif);
	height: 207px;	
	background-repeat: no-repeat;
	clear:both;
	}
	#logo {
	background-image:url(../images/logo.gif);
	width: 389px;
	height: 154px;	
	float: right;
	margin-right: 30px;
		clear:both;

	margin-top:10px;
	}
	#logo h1 { display:none; }
	
	#page-nav { 
		clear: both; 
		position: relative; 
		left: 210px; 
		top: 19px; 
		width: 600px;
		padding: 0;
		margin: 0;
	}
	
	#page-nav li { 
		float:left; 
		text-transform: uppercase;
		font-weight: bold;
		color: #F6FF00;
		font-size: 12px;
		padding: 0 7px;
		list-style-type:none;
		border-right: 2px solid #F6FF00;		
	}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* FORM ELEMENTS  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

	input, textarea, select {
		font-family: arial, verdana, Trebuchet MS, Lucida Grande, Lucida Sans Unicode, geneva, helvetica, sans-serif;
		font-size: 1em;
		color: #666;
	}	
	
	
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* HEADING ELEMENTS  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
	
	h1, h2, h3, h4 {
		color: #***;
		line-height: normal;
		margin: 0 0 15px 0;
		padding: 0;
	}
	
	h1 {
		/* This should be the main title of the content (SEO)*/
	}
	
	
	h2 {
		
	}
	
	h3 {
		
	}
	
	h4 {
		
	}
	
	
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* CONTACT STYLES  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

	.contact-heading 
	{ 
		background-image:url(../images/contact-us.gif); 
		width: 238px;
		height: 38px;
		position: relative;
		top: 16px;
		background-repeat: no-repeat;
		padding-bottom:10px;
	}
	.contact-heading span { display:none; }
	
	#contact {
		width: 250px;
		position:relative;
		top: 4px; font-size:14px;
	}
	#contact h4 { color: #000000; font-size:12px; font-weight: normal;  }
	#contact p { font-size:14px; color:#000000; }
	.row {  padding-bottom:0px; }
	#contact h3 span { display:none; }
	#contact h5 { color:#000000;  float:left; width: 106px; padding-left: 6px;font-size:12px; text-align:left;  }
	#contact #submit {text-align:right; position:relative;left: 150px; padding-right:10px; width: 95px; height: 25px;  }
	#contact input { width: 130px; padding-left: 0px; }
	#contact textarea { width: 130px; height:60px; }

	#right-cell {
		width: 510px;
		text-align: center;
		padding-bottom: 0px;
		float:right;
		margin-right: 17px;
		}
	#right-cell-content {
			background-color: #DCF1D2;
			height:400px;

	}
	
		#right-cell-content #dryer-landing-button
	{
	left: 40px;		cursor: pointer;

	}

#right-cell-content  #washer-landing-button
	{
		left: 50px;		
	}

	
	
	#right-cell-content #home-subtitle { position:relative; top: -46px;  padding: 0px 0 0 0; }
	#right-cell .call_now { clear:both; background-image:url(../images/call-now-long.gif); width: 486px; padding-top: 0px; position: relative; left: 0px; top:10px; height:75px; background-repeat:no-repeat; }
	#right-cell .call_now span { display:none; }	
	

	#left-cell-contact
	{
		width: 240px;
		padding-left:15px;
		padding-right: 20px;
		text-align:left;
	}
	#error-large { font-weight:bold; padding-left:10px; font-size:24px; color:#ff0000;!important}
	#error-small { color:#FF0000;!important font-weight:normal; font-size:10px; margin-left: 10px; font-size:11px; }
	#success-large { font-weight:bold; font-size:24px; color:#000000;!important }
	#success-small { color:#000000;!important padding-bottom: 140px; }

	#right-cell-content	#washing-landing 
	{
	width: 232px;
	height:299px;
	margin: 0px 0px 0px 0px;
			cursor: pointer;
position:relative; top:15px;		
	}
	#right-cell-content	#dryer-landing {
		width: 209px;
	padding: 0px 0px 0px 0px;
	height:299px;
	
	position:relative; top:15px;		cursor: pointer;

	}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* HOMEPAGE STYLES  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
	#dryer-landing-button h2 { color:#FFFFFF; width: 100px; font-size: 12px; font-weight:bold; position:relative; left:23px; margin-left:auto; margin-right:auto; top:25px; text-transform:uppercase; }
	#washer-landing-button h2 { color:#FFFFFF; width: 100px; font-size: 12px; font-weight:bold; position:relative; left:23px; margin-left:auto; margin-right:auto; top: 25px; text-transform:uppercase; }
	.price { 
		font-size: 22px;
	}
	.pricefixed { 
		font-size: 22px;
		text-align: center;
		width: 130px; float:right; position: relative; top: -54px;
		color:#FFFFFF; font-weight:bold; 
		cursor: pointer;
	}
	.pricefixed-dryer { 
		font-size: 22px;
		text-align: center;
		width: 130px; float:right; position: relative; top: -65px;
		color:#FFFFFF; font-weight:bold; 
		cursor: pointer;
	}
	#washing-landing 
	{
	width: 232px;
	height:299px;
	margin: 0px 0px 0px 80px;
			cursor: pointer;
position:relative; 	
	}
	#washing-landing span { display:none; }
	#dryer-landing {
		width: 209px;
	padding: 0px 0px 0px 30px;
	height:299px;
	
	position:relative; cursor: pointer;

	}
	#dryer-landing-button
	{
	z-index: 100;
	position:relative;
	text-align:center;
	width: 100px;
	height: 100px;		cursor: pointer;
	float:right; margin-right:10px; top:100px

	}
		#washer-landing-button
	{
	z-index: 100;
	position:relative;
	text-align:center;
	width: 100px;
	height: 100px;		cursor: pointer;
	float:right;margin-right:10px; top:100px
	}

	#dryer-landing span { display:none; }
	.none { display:none; }
	#left-cell-home 
	{
		width: 240px;
		padding-left:15px;
		padding-right: 20px;
		text-align:left;
		height:465px;
	}
	
		#right-cell-home {
		
		width: 520px;
		position: relative;
		right: 17px;
		padding-bottom: 0px;
		float:right;
		height: 420px;
		
	}
		#right-cell-home-bg {
		background-color: #DCF1D2;
	}
	#right-cell-home-bg table {width:520px;}
	#right-cell-home-bg table .teasers {height:108px;}
	#cta-contact {
		border: 2px solid #79D000;
		width: 239px;
		position:relative;
		top: -10px;
	}
	#cta-contact h3 {
		background-image:url(../images/call-now-header.gif);
		height: 29px;
		width: 239px;
	}
	.row {  padding-bottom:2px; }
	#cta-contact h3.contact {margin:0 0 8px;}
	#cta-contact h3 span { display:none; }
	#cta-contact h5 { float:left; width: 66px; padding-left: 6px;font-size:12px; text-align:center;  }
	#cta-contact #submit {text-align:right; position:relative; left: 130px; padding-right:10px; width: 95px; height: 25px;  }
	#cta-contact input { width: 150px; padding-left: 0px; }
	#homepage-list 
	{
		color: #000000;
		font-size:13px;
		list-style-image:url(../images/bullet.gif);
		margin-left:20px;
		line-height: 16px;
		padding: 10px 0 0 0;
	}
	#homepage-list li {
		padding: 0px 0px 10px 0px;
	}
	
	.callnow {
		background-image: url(../images/call-now.gif);
		width: 240px;
		height: 70px;
		margin: 0px 0 10px 0;
		position:relative;
		top:-10px;
	}
	.callnow span { display:none; }
	
	#home-subtitle { background-color: #79D000; 
			padding-top:10px;
			position:relative;
			top: -36px;
	 }
	#home-subtitle h3{
		background-image:url(../images/home-bottom.gif);
		width: 509px;
		padding-top:10px;
		height: 48px;
		background-repeat:no-repeat;
		position: relative;
		text-align: center;
		margin-right: auto;
		margin-left: auto;
	}
	#home-subtitle h3 span { display: none; }
	#paylater { background-image:url(../images/why-pay-more-header.gif);
	width: 240px; 
	height: 34px;	
	margin-top: 0px;
	}
	#paylater span { display:none; }
	#left-cell-home p { font-size: 10px; padding-left: 4px; padding-top:4px; color:#000000; }
	
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* DRYER STYLES  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
	#doublecell {
		background-color:#DCF1D2;
		width: 779px;
		position:relative;
		left:0;
		text-align:left;
		padding: 20px 0px 0px 20px;
	}
	
	#doublecell .dryer
	{ 
		background-image: url(../images/dryer-heading.gif); 
		width: 422px;
		height: 42px;
	}
	#doublecell .washer
	{ 
		background-image: url(../images/washer-heading.gif); 
		width: 684px;
		background-repeat:no-repeat;
		height: 42px;
	}
	#doublecell .other
	{ 
		background-image: url(../images/other-heading.gif); 
		width: 380px;
		background-repeat:no-repeat;
		height: 42px;
	}
	.washer span { display: none; }
	.dryer span { display: none; }
	.other span { display: none; }
	
	#doublecell h3 { margin-left: 10px; margin-top:40px; min-height: 307px; }
	#doublecell .call_laura { clear:both; background-image:url(../images/large-call-banner.gif); width: 613px; position: relative; left: 70px; height:75px; background-repeat:no-repeat; }
	#doublecell .call_laura span { display:none; }	
	
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* PRODUCT STYLES  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
	#hero-product 
	{
		background-image:url(../images/dryer-hero.gif);
		width: 234px;
		height: 378px;
		float: left;
		padding:10px 10px;
		background-repeat:no-repeat;
        list-style: none;
		font-size:12px;
		color:#000000;
		text-align:center;
	}
	#hero-product h4{ font-size:11px; padding-left: 22px; text-align: left; }
	#hero-product img { text-align:center; position:relative; top:-10px; left: -6px; }
	#hero-product p { width: 140px; padding-left:0px; top:0px; font-size:11px; text-align:left; line-height: 100%; }
	.product 
	{
		background-image:url(../images/dryer-product.gif);
		padding:10px 15px 14px 10px;
		background-repeat:no-repeat;
        list-style: none;
		font-size:12px;
		width: 230px;
		float:left;
		color:#000000;
		height: 175px;
	}
	#washerprods #hero-product 
	{ 
		background-image:url(../images/washer-hero.gif);
	}
	#washerprods .product
	{
		background-image:url(../images/washer-product.gif);
	}
	.product h4{ font-size:11px; }
	.product img { width:100px; padding-right:5px; float:left; position:relative; top:-10px; }
	.product p { width: 80px; position:relative; top:-10px; font-size:11px; line-height: 100%; }


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* DOUBLE ELEMENTS  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

	#doublecell ol {
		padding: 10px 40px;
	}
	#doublecell li { 
		padding-bottom:20px;
		}
	#doublecell .termsandconditions
	{ 
		background-image: url(../images/terms-and-conditions.gif); 
		width: 510px;
		height: 48px;
	}	
	#doublecell .termsandconditions span
	{ 
		display: none;
	}
	
	.tandc { width: 780px; }
	.tandc a
	{
		padding:10px 0;
		color: #333333; 
		float:right;
	}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* FOOTER ELEMENTS  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
	#footer {
	text-align:left;
	padding: 5px 0px 10px 0px;
	clear:both;
	color: #000000;
	}
 	#footer #address {
		float: left;
		padding:10px;
		text-align: left;
		font-size: 11px;
		border: 2px solid #79D000;
	}
	#footer-logos {
	
	}
	#footer-logos li
	{
	float:left;
	padding: 14px;
	list-style-type:none;
	}
	#last-update {
	border: 2px solid #79D000;
	float:left;
	position:relative;
	left: 25px;
	color:#79D000;
	font-weight:bold;
	padding:5px;
	}
	#footer input { width:21px; }
	#footer td { text-align:center; text-transform:uppercase; }