.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

* html .clearfix {
	zoom: 1;     /* triggers hasLayout */
	display: block;     /* resets display for IE/Win */
}

/* top */
#top-container {
	border-top: 1px #FFF solid;
	height: 276px;
	width: 100%;
	position: relative;
	margin: 0 0 11px 0;
}

h2 {
	margin:20px 0 0 0;
}

#top-txt {
	width: 390px;
	color: #fff;
	padding: 0 0 0 36px;
	font-size: 1.2em;
}

#top-txt.prod_selector_top_txt_quote {
	font-size:1.1em;
	margin-left:170px;
	margin-top:15px;
	padding:0;
	text-transform:uppercase;
	width:265px;
}

	#top-txt.prod_selector_top_txt_quote .quote-signature {
		float:right;
		margin-right:25px;
	}

#top-img {
	position: absolute;
	right:0;
	top:0;
}

/* Columns */
#columns {
	color: #fff;
	margin: 0 0 78px 0;
	height:100%;
	width: 815px;
	font-size: 1.15em;
}
#columns form {
	padding: 0 0 0 14px;
}

#columns h3 {
	margin: 0;
	font-size: 1em;
}

h4 {
	margin: 20px 0 12px 0;
	font-weight: normal;
	font-size: 1em;
}
h5
{
	font-weight: normal;
	text-transform: uppercase;
	padding: 12px 0;
	margin: 0;
	font-size: .9em;
}
h5 a {
	color:#fff;
}

#intro {
	text-align: center;
	position: relative;
	height: 28px;
}
.results #intro {
	padding: 23px 0 5px 0;
	height:23px;
}
#intro h3 {
	height:23px;
	padding: 0 14px 0 0;
}

.shareThis {
	position: absolute;
	right: 8px;
	top: 4px;
}
.shareThis a {
	color:#fff;
}

.product {
    width:auto;
    float:none;
    background:none;
    padding:0;
}

.product-text {
	padding: 0 36px 0 0;
    _padding-right:30px; /* IE6 */
	width: 200px;
	font-size: .86em;
}
.product-text p {
	margin: 0;
}

* html .product-text p {
	padding-top:6px;
}

.product-image {
	width: 90px;
	padding: 0 10px 10px 0;
	position: relative;
}
.product-image .image {
    display:block;
    overflow:hidden;
}
#product-908 .product-image .image img,
#product-908 .product-image .image span { /* span rule is for IE6 PNGfix replacement */
    margin-top:-60px;
}


/* Column 1 */
#column1-container
{
	width: 378px;
	padding: 0 14px 0 0;
	float: left;
	background-image: url(/images/product-selector/box-lm.jpg);
	background-repeat: repeat-y;
	position: relative;
}

* html #column1-container {
	padding-right:11px;
}

#column1 {
	padding: 25px 20px 0 22px;
	background-image: url(/images/product-selector/box-lt.jpg);
	background-repeat: no-repeat;
	position: relative;
}
.need label,
.routine label {
	line-height: 2em;
}
.need input,
.routine input {
	margin:0 3px 3px 0;
}
#column1 select {
	width: 300px;
}
#column1 ul {
    list-style:none;
    margin:0;
    padding:0;
}
#column1 .product {
    min-width:336px;
    margin-bottom:16px;
	padding-bottom:9px;
}
#column1 .rating-product li {
    margin:0;
}

/* Column 1 - results */
.results #column1 {
	background-image: url(/images/product-selector/box-lt-results.jpg);
}


/* Column divider */
#column-divider
{
	float: left;
	width: 1px;
	background-image: url(/images/product-selector/vert_btm.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 670px;
	background-color: #363636;
}


/* Column 2 */
#column2-container
{
	width: 378px;
	padding: 0 15px 0 15px;
	float: left;
	background-image: url(/images/product-selector/box-rm.jpg);
	background-repeat: repeat-y;
	background-position: center top;
	position: relative;
}

* html #column2-container {
	margin-left:0px;		
}

#column2
{
	padding: 25px 10px 0 28px;
	background-image: url(/images/product-selector/box-rt.jpg);
	background-repeat: no-repeat;
	position: relative;
	width: 340px;
}
#column2 ul {
    list-style:none;
    margin:0;
    padding:0;
}
div#column2 label
{
	color: #000;
	width: 146px;
	display: block;
	float: left;
	position: relative;
	padding: 2px 6px 7px 6px;
}
div#column2 label.on img.thumb{
	border-color: #6f8cc0;
}
div#column2 label img.thumb {
	border: 2px #333333 solid;
}
div#column2 label img.label {
	padding: 4px 0 0 0;
	position: relative;
}
div#column2 label input
{
	margin: 0 3px 0 0;
	float: left;
}


/* Column 2 - results */
.results #column2 {
	background-image: url(/images/product-selector/box-rt-results.jpg);
	padding: 25px 18px 0 20px;
}
.results #column2 ol {
	margin: 0 0 0 1.3em;
	line-height: 1.3em;
	padding: 10px 0 10px 10px;
}
.results #column2 ol li {
	padding: 0 0 5px 0;
}
#column2 .product-image {
	width: 100px;
	padding: 0 10px 10px 0;
}
#column2 .product-image h5 {
	height: 64px;
	padding: 12px 0 0 0;
}
#column2 ol a.link,
#column2 ol a.visited,
#column2 ol a.active,
#column2 ol a {
    /* I know, I know. !important is bad. But we need to
     * override an inline style rule that is in the 
     * markup coming out of the database. */
	color:#fff !important;
	font-weight: bold;
}

.post-column {	
	background-color:#1a1a1a;
	text-align: center;
}

/* General */
.outro {
	text-align: center;
	padding: 10px 0 0 0;
	clear: both;
	width: 100%;
	position: relative;
}

.opacity10 {
 	background-image: url(/images/product-selector/opaque10p.png);
	background-color: transparent;
}
* html .opacity10 {
	/* IE only */
	background: none;
	filter: progid:dximagetransform.microsoft.alphaimageloader(src='/images/product-selector/opaque10p.png', sizingmethod='scale');
}

.opacity70 {
 	background-image: url(/images/bg-promo-box.png);
	background-color: transparent;
}
* html .opacity70 {
	/* IE only */
	background: none;
	filter: progid:dximagetransform.microsoft.alphaimageloader(src='/images/bg-promo-box.png', sizingmethod='scale');
}
.err {
	padding: 10px 0 0 0;
	font-weight: bold;
}

/* Footer */
.formbtn {
	text-align: center;
	color: #fff;
	margin: 4px 0 0 0;
	border: none;
	cursor: pointer;
	padding:0;
	background-color: transparent;
	display:block;
	width: 100%;
}


/* PADDING FOR SPECIFIC PRODUCTS */
#product-1133 {
	overflow: hidden;
}
#product-1133 .ib-block {
	margin-top: -40px;
}
#product-1133 .product-text {
	padding-top: 48px;
}