/* STANDARD HTML TAG RESET--------------- */
body, 
h1, h2, h3, 
ul, li, img,
form, td, table { 
	border: 0; 
	margin: 0; 
	padding: 0; 
} 

/* STANDARD HTML TAG DEFINITION--------------- */ 
body, form, input {
	color: #061F6D;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
} 
body  {
	text-align: center;
	background-color: #FF9205;
}
.table-hdr {
	font-size: 18px;
	height: 19px;
	background-color: #061F6D;
	padding: 8px;
text-align: left;
}
#rankquestion h6, #rankaward h6 {
	height: 23px;
	width: 643px;
	font-size: 16px;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-transform: uppercase;
	background-color: #fff50e;
	font-weight: bold;
	color: #11307E;
	text-align: left;
margin: 10px 0;
	padding: 3px 0 3px 5px;
} 
h1{font-size:24px;} 
h3  {
	font-size: 12px;
	font-weight: bold;
}
h4{
	font-size:13px;
	text-align: left;
	padding: 0;
} 

#product-main h4{
	padding: 0;
margin: 0 0 10px 0;
} 
#product-main h2, #white-glove-club h2{
text-align: left;
width: 500px;
}
a {outline: none; color: #061F6D;}
p {padding: 0 0 10px 0; margin:0px; text-align: left;}
p.textleft {
	text-align: left;
	padding-right: 50px;
}

.text-right {text-align: right;}
.bold {font-weight: bold;}

/* CONTAINER--------------- */
#container {
	width:950px;
	border:1px solid #FF9205;
	background: #FFFFFF url(images/bg-yellowtile.jpg) no-repeat;
	margin: 0 auto;
	padding: 0 0 200px 0;
}
#home #container {
	background-image:url(images/bg-home.jpg);
	background-repeat:no-repeat;
	height:713px;
	padding: 0;
}

.img-left {float: left; margin: 0 5px 0 0;}
.clear, .clear-fix {clear: both;}

.clear-right {clear: right;}

/* NAVIGATION--------------- */
#navigation {
	width:170px;
	float:left;
}
#navigation li {list-style-type:none;}
#bag {
	height:64px;
	width:135px;
	float:right;
}

/* CONTENT--------------- */
.login  {
	width: 315px;
	background-color: #FFF62B;
	border: 1px solid #061F6D;
	text-align: left;
margin: 0 0 0 230px;
}

.f-left, .f-left-image {float: left;}

.f-left-image {margin: 0 10px 10px 0;}

table {
	border-collapse: collapse;
	text-align: left;
	width: 315px;
	margin-bottom: 15px;
}

.tablePad table { width: 100%; margin: 0;}

td {padding: 5px;}
input  {margin: 0 0 4px 0;}

input.txt-box {width: 200px;	height: 18px;
	background-color: #fff;
vertical-align: middle;
border: none;}

input.txt-box-outline {width: 200px;	height: 18px;
	background-color: #eee;
	border: 1px solid #113784;
vertical-align: middle;}

td.inputbox  {width: 208px;}
.contactfield {
	height: 20px;
	font-weight: bold;
}
.rightalign {text-align: right;}

/* HOME */
#home #content {
	height:548px;
	width:645px;
	margin:0 0 0 170px;
}
.coupon {text-align: left; display: inline-block; border: 3px solid #061F6D; padding: 10px; background-color: #fff50e;}
.coupon-entry {border-top: 1px solid #061F6D; padding: 15px 0;}

/* PRODUCTS */
#product #container {
	padding: 0;
background-color: #fff;
}

#product #content {
min-height: 550px;
	width:745px;
	padding:67px 0 0 205px;
	text-align: left;
}

#product-main #content, #white-glove-club #content, #rankquestion #content {float: left; width: 680px; margin:20px 0 0 40px;}
#rankquestion #content, #white-glove-club #content {margin:0 0 0 40px;}
#product-main #content, #white-glove-club #content, #rankquestion #content  {position: relative;}
#product-main #content img {margin: 0 5px;}
#faq #content {float: left; width: 500px; margin: 80px 0 0 40px;}
#product-details{margin: -435px 0 0 100px;}

.product-desc {text-align: left; margin: 10px 0 0 0;}

#ieproduct{position: relative; z-index: 100; width: 190px;}

#product p, .section-product{
	font-size:11px;
	display:block;
	background-color: #fef227;
	line-height: 20px;
} 
 #product p,  .section-product{
	padding:10px 70px 10px 125px;
	display:block;
} 
#product h2 {padding:10px 0  0 125px; background-color:#FEF227;}
#product .section-product p {background-color: transparent; padding: 10px 0;}

.section-product {background-color: #fff; padding:20px 70px 20px 125px;}

#section1 img, #product .section-product p img, #rating-stars img {vertical-align: middle;}

#rating-stars {display: inline-block; margin: 0 5px 0 0;}

#product-details  a    {
	margin: 0 25px 0 0;
	color: #000;
}

#product-details #ratings a {margin: 0;}

.ratings-form {text-align: left;}
div.section {
	background:#cbcbcb;
	font-size:10px;
	border-width: 1px 0;
	border-style: solid;
	border-color: #b4b5b5;
padding:10px 25px 10px 125px;
	display:block;
} 

/* WHITE GLOVE CLUB */
.join-gfx{margin: 0 0 20px 0;}

.avatar {float: left; margin: 0 5px 0 0;}

#manifesto {width: 680px; padding: 10px 0 0 0;}

.sidebar {
float: right;
	width: 280px;
	background-color: #FFFFFF;
	border: 1px solid #061F6D;
	text-align: left;
margin: 0 80px 0 0;
}
.wgc-sidebar {
background-color: #FFFFFF;
	border: 1px solid #061F6D;
padding-bottom: 23px;
	text-align: left;
}
.wgc-sidebar p {padding: 23px 23px 0 23px;}

#yourstories {
width: 350px;
float: left;
margin: 0 20px 0 0 ;
}
#yourreviews {
width: 350px;
float: left;
margin: 20px 0;
}
#yourrank {
width: 260px;
float: right;
margin: 0;
text-align: center;
}
.center {text-align: center;}
.left {text-align: left;}
.benefits-sidebar {
	width:430px;
        height: 285px;
        margin: 0 auto;
	background-color: #FFFFFF;
	border: 1px solid #061F6D;
	text-align: left;
        font-size:12px;
}

.benefits-sidebar p {margin: 10px 0 0 10px;}

ul.benefits {
	padding: 20px 25px 20px 35px;
	list-style-type: none;
}
ul.benefits li {
	background: url(images/glove-yellow-tmb.png) no-repeat 0 top;
	padding: 0 0 20px 30px;
} 

.benefits-sidebar ul {min-height: 90px;} 
.benefits-sidebar ul.benefits li {width: 300px; float: left; padding: 0 20px 20px 25px;
}
#footer-specialoffer {
       float: left;
      padding: 20px 0 0 0;
}

/* RANK YOUR CLEAN */
#jointable  {
	float: right;
margin: 0 40px 0 0;
}
.intro {padding: 8px;}
#question {
	background-color: #FFFFFF;
	height: 363px;
	width: 648px;
	border: 1px solid #061F6D;
	margin: 0 0 0 210px;
}
#rankquestion  #question p {
	font-size: 12px;
	font-weight: bold;
	padding: 0 0 10px 20px;
}
ul#rankanswers {
	display: inline-block;
}
#rankanswers li {
	list-style-type: none;
	padding-right: 20px;
	float: left;
}
ul#rankings {
	float: left;
	padding: 0 0 9px 69px;
}
#rankings li  {
	display: inline;
	list-style-type: none;
	padding: 0 20px 0 0;
}
ul#rankquestionkey {
	clear: both;
	padding-top: 25px;
}
#rankquestionkey li {
	display: inline;
	list-style-type: none;
	padding-right: 10px;
	font-weight: bold;
	color: #838383;
}
#blurb-rankpage, #blurb-rankpage2, #blurb-rankpage3 {
	font-size: 9px;
	width: 275px;
	position: absolute;
	z-index: 100;
}
#blurb-rankpage {top: 150px; margin: 0 0 0 250px;}
#blurb-rankpage2 {top: 208px; margin: 0 0 0 400px;}
#blurb-rankpage3 {top: 208px; margin: 0 0 0 400px;}

#ranklogin #blurb-rankpage {margin: 0 0 0 430px;}

#rankaward #blurb-rankpage {margin: 0 0 0 370px;}

.header-rank {
	margin: 26px 0 20px 0;
}
img.awardalign {
	float: left;
	padding: 37px 35px 37px 35px;
}

/* CLEAN FREAK--------------- */
#header-cleanfreak {
text-align: left;
}
#entryform {
text-align: left;
}

/* SEARCH--------------- */
#search {
	height: 35px;
	width: 241px;
	background-image: url(images/search.png);
	background-repeat: no-repeat;
	margin: 85px 0 0 650px;
padding: 7px 0 5px 33px;
}
#home #search {margin:65px 0 0 650px;}
#search .submit {
margin: 2px 0 0 5px;
vertical-align: top;
}

.member-services {float: right; display: block; text-align: right; width: auto; margin: 29px 10px 0 0; vertical-align: top;}
#avatar-tmb {float: right; margin: 18px 10px 0 0;}

#search #keywords {border: 1px solid #061F6D;}

/* FOOTER--------------- */
#footer, #footer a {
	font:9px Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	text-align:left;
	color: #061F6D;
}
#footer {
position:absolute;
	bottom: 0;
	z-index: 4;
	margin: 0 0 10px 0;
}
#home #footer {
	position: relative;
	bottom: auto;
}
#product #footer {
	position: relative;
background: url(/images/bg-crowd-screened.gif) no-repeat left bottom;
padding: 100px 0 10px 0; 
margin: 0;
}

#footernav {padding: 0 0 10px 0; margin: 0;}
#footernav li {
	display: inline;
	list-style-type:none;
	margin: 0 5px 0 0;
}
#dial-logo {margin: 0 0 0 85px}
#bottom {
clear:both;
	height: 196px;
	width: 950px;
	background: url(images/crowd.png) bottom left no-repeat;
	position: fixed;
	bottom: 0;
	z-index: 2;
}

/* SEARCH--------------- */

.resultHead {font-weight: bold; font-size: 14px; background-color: #11317e; color: #fff; padding: 5px 10px;}

.resultRowOne {background-color: #fff;}
.resultRowTwo {background-color: #c9e1ff;}

.outerBorder {margin: 10px 0 0 0; border: 2px solid #11317e;}

/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.

Copyright 2006 – 2008 Mark Wubben, <http://novemberborn.net/>

Older versions:
* IFR by Shaun Inman
* sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

See also <http://novemberborn.net/sifr3> and <http://wiki.novemberborn.net/sifr3>.

This software is licensed and provided under the CC-GNU LGPL.
See <http://creativecommons.org/licenses/LGPL/2.1/>
*****************************************************************************/

@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
}

@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }
  
  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
  .sIFR-active h2 {
    font-family: Arial, Verdana, San-Serif;
text-transform: uppercase;
color: #11307E;
font-size: 22px;
    visibility: hidden;
  }
  .sIFR-active h3 {
    font-family: Arial, Verdana, San-Serif;
text-transform: uppercase;
color: #11307E;
font-size: 18px;
line-height: 18px;
margin: 10px 0;
  }

  .sIFR-active h3.center {
    font-family: Arial, Verdana, San-Serif;
text-transform: uppercase;
color: #11307E;
font-size: 18px;
line-height: 18px;
margin: 0 0 10px 0;
text-align: center;
  }

}