﻿/* Clear fix styling */
.clearfix:after{clear:both;content:'.';display:block;height:0;visibility:hidden}

/* WinIE7 only */
*:first-child+html .clearfix { height: 1%; }

/* WinIE6 and below */
/*¥*/
* html .clearfix { height: 1%; }
* html .png, * html #crumbs { behavior: expression((this.runtimeStyle.behavior='none')&&(this.originalImage?true:(this.originalImage=this.currentStyle.backgroundImage.replace(/^url\\("/,'').replace(/"\\)$/,''),this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+this.originalImage+"',sizingMethod='crop')",this.runtimeStyle.background='none'))); }
* html img { behavior: expression((this.runtimeStyle.behavior='none')&&(this.originalSrc||!/\\.png$/.test(this.src.toLowerCase())?true:(this.originalSrc=this.src,this.preloader=new Image(),this.preloader.element=this,this.preloader.onload=IE6ImgPreloader,this.preloader.src=originalSrc))); }
/**/

/* MacIE only */
/*¥*//*/
.clearfix { display: inline-table; }
/**/

/* [TESTING] Selectors */
/*a[href="javascript:void(0)"] { background: rgba(255,0,0,0.25); }*/

html,body,h1,h2,h3,h4,h5,h6,ul,ol,li,p,fieldset,table,td,th,input,textarea,img,small{border:none;font-family:Arial;font-size:12px;line-height:16px;margin:0;padding:0;text-align:left;vertical-align:baseline}
html,body{background:none;color:#666;height:100%;position:relative}
h1{color:#000;display:none;font-size:24px;line-height:32px}
h2,h2 img{font-size:20px;line-height:22px}
h3{font-size:16px;line-height:20px;margin:0 0 6px}
h2,h2 a,h3,h3 a,h4,h4 a{color:#799754}
ul,ol{padding:0 0 0 20px}
ul.nl,ol.nl{list-style:none;padding:0}
a{color:#2E4899;text-decoration:none}
a.buy{font-weight:700;text-transform:uppercase}
a:hover{text-decoration:underline}
.ar{text-align:right!important}
.ac{text-align:center!important}
.lc{text-transform:lowercase}
.nw{white-space:nowrap}
.h{display:none!important}
.last{margin-bottom:0!important;margin-right:0!important}
.vab{position:relative;top:1px;vertical-align:bottom}
.incomplete{color:Red;font-weight:700}
h2,ul,ol,p{margin:0 0 12px}
del{color:#999}

.line{border-bottom:solid 1px #999}
p.line,div.line{margin-bottom:12px;padding-bottom:12px}
h2.line,h3.line{padding:0 0 3px}

#page{margin:auto;padding:25px 0;position:relative;width:960px}
#header{height:125px;position:relative}
#header .menu{background:url(../images/menu-bar.png) no-repeat;height:77px;margin:0;padding:7px 27px 0;width:696px}
#header .menu .current{background:url(../images/menu-bar.png) -762px -7px no-repeat}
#header .menu li{display:block;float:left;height:70px;margin:0;padding:0 2px;width:110px}
#header .menu a{color:#999;display:block;font-weight:700;height:28px;line-height:24px;text-align:center;width:110px}
#header .menu .current a{color:#333}
#footer{clear:both}
#footer,#footer a{color:#999}
#footer span{margin:0 3px}
#footer .first{margin-left:0}
#footer .last{margin-right:0}

#crumbs{background:url(../images/ventless-laundry-store-small.png) no-repeat;color:#999;height:30px;margin:0 0 0 8px;padding:11px 0 0 290px;width:452px}
#crumbs a{color:#999;margin:0 3px;text-transform:lowercase}
#info{height:125px;position:absolute;right:0;top:0;width:210px}
#info span{display:block}
#info a{color:#799754;display:inline-block}
#info p{margin:0 0 6px;text-align:right}
#info .icon{background:url(../images/icons.png);display:inline-block;margin-right:3px}
#info .phone{color:#799754;font-size:18px}
#info .phone .icon{height:24px;width:24px}
#info .email{margin:0}
#info .email .icon{background-position:-22px 0;height:27px;width:32px}
#haze{background:url(../images/green-haze.png) 0 150px repeat-x;height:275px;left:0;padding:150px 0 0;position:absolute;top:0;width:100%}
#haze div{background:url(../images/green-haze.png) left bottom no-repeat;bottom:0;height:275px;left:0;margin:0;padding:0;position:absolute;width:250px}
#haze div.right{background-position:right bottom;left:auto;right:0}
#haze-over{height:255px;padding:10px 0;position:relative}
#haze-over .vls-image{background:url(../images/ventless-laundry-store.png) no-repeat;height:106px;margin:auto;width:927px}
#haze-over .h1{color:#927962;font-size:32px;font-weight:700;line-height:30px;margin:0 0 20px;text-transform:lowercase}
#haze-over .h1 a{font-weight:400;text-transform:none}
#haze-over .h1 span{display:block;text-indent:35px}
#haze-over .h1,#haze-over .h2{padding:0 0 0 100px}
#haze-over .h2{font-size:20px;font-weight:700;line-height:22px}
#haze-over .h2 a{color:#799754}
#haze-over .image,#haze-over .image *{height:360px;overflow:hidden;position:absolute;width:225px}
#haze-over .image{outline:none;right:80px;top:120px}
#haze-over .image *{left:0;top:0}

.left{float:left;padding:32px 8px 0;position:relative;width:734px}
.right{float:right;padding:32px 0 0;position:relative;width:210px}
.section,.section-narrow{margin:0 0 24px}
.section .left{float:left;padding:0;width:150px}
.section .right{float:right;padding:0 84px 0 50px;width:450px}
.section-narrow{padding-right:84px}
.group{margin:0 0 24px;position:relative}
.multi-column .group{margin:0 0 12px;padding:0 0 0 150px}
.multi-column .group h3{border:none;left:0;position:absolute;top:0;width:125px}
.columns-3{background:url(../images/200-bar.gif) -25px 0;width:550px}
.column-3{float:left;margin:0 50px 0 0;width:150px}
.fyi{background:#799754 url(../images/fyis/background.png) right bottom no-repeat;height:400px}
.fyi p{color:#FFF;font-size:14px;font-weight:700;line-height:16px}
.fyi .info{padding:25px}
.sub-menu{list-style:none;padding:0}
.sub-menu a{color:#ABC178}
.sub-menu .current a{color:#799754}
.sub-menu li{font-size:16px;font-weight:700;line-height:20px;margin:0 0 6px}
.faqs li.q h3{border-bottom:1px solid #ccc;color:#799754;font-size:16px;line-height:20px;margin:7px 0;padding:7px 0}
.faqs li .a *{color:#666;font-family:Arial;font-size:12px;line-height:16px}
.faqs li .a a{color:#2E4899}
.condensing-illustration{float:left;margin:5px 10px 25px -5px}
.category{background:url(../images/500-bar.gif) 150px bottom no-repeat;margin:0 0 12px;padding:0 0 12px}
.category .image{float:left;margin:0;text-align:center;width:125px}
.category .info{margin-left:150px;width:500px}
.category-last{background:none;margin:0;padding:0}
.product{border-bottom:solid 1px #999;margin:0 0 12px;padding:0 0 12px}
.product .image{float:left;margin:0;text-align:center;width:100px}
.product .info{margin-left:125px;width:325px}
.product h3{font-size:12px;line-height:16px;margin:0}
.add-to-cart{background:url(../images/button.png) center center no-repeat;color:#333;display:inline-block;font-weight:700;height:28px;line-height:24px;margin-top:-14px;position:absolute;right:0;text-align:center;text-transform:uppercase;top:50%;width:110px}
.pr-atc{padding-right:120px}
table.images{border-collapse:collapse;margin-bottom:50px;width:150px}
table.images td,table.images th{text-align:center;vertical-align:bottom}
table.images th{padding:5px}
table.images td{width:50px}
table.images td.border{border:solid 1px #EEE}
table.images td a{display:block;padding:5px}
table.images td a:hover{background:#EEE}
.big{color:#ABC178;font-size:16px;font-weight:700;line-height:20px}

.cart table{border:solid 4px #799754;border-collapse:collapse;margin:0 2px;width:730px}
.cart table td,.cart th{padding:5px 10px;text-align:left;vertical-align:top}
.cart table thead th{background:#799754;color:#FFF;padding-bottom:4px;padding-top:0}
.cart table .col0{width:151px}
.cart table .col1{width:40px}
.cart table .col2{width:120px}
.cart table .col5{width:50px}
.cart table .col3,.cart table .col4,.cart table .col6{width:75px}

table.receipt{border-collapse:collapse}
table.receipt td,table.receipt th{padding:5px 10px;text-align:left;vertical-align:top}
table.receipt .col0{width:151px}
table.receipt .col1{width:40px}
table.receipt .col2{width:120px}
table.receipt .col5{width:50px}
table.receipt .col3,table.receipt .col4,table.receipt .col6{width:75px}

.checkout .section,.checkout hr{margin:0 0 2em;padding:0}
table.fields,.fields table{border-collapse:collapse}
.fields td h2{margin:0;padding:0 0 12px;width:270px}
.fields td.no-pad{padding:0}
.fields td.gap{width:25px}
.fields .tbsl{width:264px}
.fields .tbml{width:579px}
.fields td.field{width:270px}
.fields .field-half .tbsl{width:124px}
.fields .field-half .ddl{width:130px}
.fields .field-quarter .tbsl{width:54px}
.fields .cb input{border:none;padding:0}
.field-3 td{width:210px}
.fields td,.fields .field{padding:2px 5px}

.suggestions{text-align:right}
.suggestions table{border-collapse:collapse;display:inline-block}
.suggestions td{padding:2px 5px 12px;vertical-align:top}
.cart-total,.cart-total-line{color:#799754;display:block;font-size:16px;font-weight:700;line-height:16px;margin:-30px 0 12px;padding:0 14px;text-align:right}
.cart-total-line{margin:-34px 0 16px}
.errorSummary{color:#B52A1E;font-weight:700}
.errorSummary ul{font-weight:400}
.button,.button input{font-size:18px;font-weight:700}
.button{background:url(../images/checkout-button.png) no-repeat;display:inline-block;height:46px;margin:10px 10px 0 0}
.button input{background:none;border:none;color:#2E4899;cursor:pointer;line-height:23px;padding:0 0 0 30px}
.button a{display:inline-block;line-height:23px;padding-left:30px}
span.req,span.nreq{color:#B52A1E;display:inline-block;font-weight:700;overflow:hidden;width:.5em}
.terms-and-conditions{background:#EEE;border:solid 1px #CCC;height:200px;overflow:auto;padding:10px;position:relative;width:573px}
.terms-and-conditions h3,.terms-and-conditions h4{color:#666;font-size:12px;line-height:16px;text-transform:uppercase}
input,textarea,select{border:solid 1px #7F9DB9;font-family:Arial;font-size:12px;line-height:1.2em;margin:0;padding:2px}
input.invalid,textarea.invalid,select.invalid{border-color:#B52A1E}
select{padding:1px}

.specials-box{background:#799754;color:#FFF;height:175px;padding:40px;position:relative;width:444px}
.specials-box .background{background:url(../images/specials-background.png) no-repeat;bottom:0;height:150px;overflow:hidden;position:absolute;right:0;width:150px}
.specials-box h2,.specials-box p{color:#FFF;font-size:32px;line-height:30px}
.specials-box h2 span{display:block;text-indent:50px}

#haze-over .special-1{bottom:10px;left:5px;position:absolute}
#mediabox #promotions-signup{padding:10px 50px 10px 30px;width:280px}

.special-name{color:#B52A1E;font-weight:700}
.special-image{background:#FFF;position:relative;z-index:1}
.special-image-2{top:-41px}
.price-line .segment{white-space:nowrap}

/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay{position:absolute;top:0;left:0;z-index:6001;width:100%;height:500px}#jquery-lightbox{position:absolute;top:0;left:0;width:100%;z-index:6002;text-align:center;line-height:0}#jquery-lightbox a img{border:none}#lightbox-container-image-box{position:relative;background-color:#fff;width:250px;height:250px;margin:0 auto}#lightbox-container-image{padding:10px}#lightbox-loading{position:absolute;top:40%;left:0%;height:25%;width:100%;text-align:center;line-height:0}#lightbox-nav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:6000}#lightbox-container-image-box >#lightbox-nav{left:0}#lightbox-nav a{outline:none}#lightbox-nav-btnPrev,#lightbox-nav-btnNext{width:49%;height:100%;zoom:1;display:block}#lightbox-nav-btnPrev{left:0;float:left}#lightbox-nav-btnNext{right:0;float:right}#lightbox-container-image-data-box{font:10px Verdana,Helvetica,sans-serif;background-color:#fff;margin:0 auto;line-height:1.4em;overflow:auto;width:100%;padding:0 10px 0}#lightbox-container-image-data{padding:0 10px;color:#666}#lightbox-container-image-data #lightbox-image-details{width:70%;float:left;text-align:left}#lightbox-image-details-caption{font-weight:bold}#lightbox-image-details-currentNumber{display:block;clear:left;padding-bottom:1.0em}#lightbox-secNav-btnClose{width:66px;float:right;padding-bottom:0.7em}

/* Mediabox Styling */
.mediabox-active, .mediabox-active #mediabox, .mediabox-active #mediabox-wrapper { position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: 0; }
.mediabox-active #mediabox-wrapper { overflow: hidden; }
.mediabox-active #mediabox-body { background: url(../images/overlay.png); width: 100%; height: 100%; }
.mediabox-active #mediabox { overflow: auto; display: block; }
#mediabox { display: none; }
#mediabox-body { display: table; }
#mediabox-contents { position: relative; display: table-cell; vertical-align: middle; }
#mediabox-contents .content-styled { display: table; margin: auto; }
#mediabox-contents img.loading { margin: auto; display: block; text-align: center; }
#mediabox .inner { position: relative; margin: 15px; }
#mediabox .top, #mediabox .bottom { position: absolute; top: -15px; left: -15px; margin: 0 15px; width: 100%; height: 10px; font-size: 0; line-height: 0; background: #FFF; }
#mediabox .top { border-top: solid 5px #666; }
#mediabox .bottom { top: auto; bottom: -15px; background: #FFF; border-bottom: solid 5px #666; }
#mediabox .middle { position: relative; background: #FFF; border: solid 5px #666; border-width: 0 5px 0 5px; margin: 0 -15px; padding: 0 10px; }
#mediabox .content { position: relative; }
#mediabox .left, #mediabox .right { position: relative; float: left; padding: 0; width: 15px; height: 15px; background: url(../images/15px-rounded.png) no-repeat; }
#mediabox .top * { margin-top: -5px; background-position: 0 -15px; }
#mediabox .top .left { background-position: -15px -15px; }
#mediabox .left { margin-left: -15px; background-position: -15px 0; }
#mediabox .right { float: right; margin-right: -15px; }
* html .mediabox-active #mediabox-body { behavior:expression((runtimeStyle.behavior='none')&&(this.i?true:(this.i=currentStyle.backgroundImage.replace(/^url\\("/,'').replace(/"\\)$/,''),runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale,src='"+i+"')",runtimeStyle.background='url('+i.slice(0,-11)+'blank.gif)'))); }
* html #mediabox-wrapper { zoom: 1; }
* html #mediabox-contents { text-align: center; zoom: 1; top: expression(parentNode.offsetHeight<offsetHeight?0:(parentNode.offsetHeight-offsetHeight)/2); }
* html #mediabox-contents .content-styled { zoom: 1; display: inline; }
* html #mediabox .inner { display: inline; zoom: 1; margin: 0; padding: 15px; width: 1%; }
* html #mediabox .top { top: 0; left: 0; }
* html #mediabox .bottom { bottom: expression(-parentNode.offsetHeight%2); left: 0; }
* html #mediabox .bottom * { margin-bottom: -5px; }
* html #mediabox .left, * html #mediabox .right { behavior: expression((runtimeStyle.behavior='none')&&(this.i?true:(this.i=createElement('div'),t=parseInt(currentStyle.backgroundPositionX),i.runtimeStyle.marginLeft=t,i.runtimeStyle.paddingLeft=-t,t=parseInt(currentStyle.backgroundPositionY),i.runtimeStyle.marginTop=t,i.runtimeStyle.paddingTop=-t,i.runtimeStyle.filter='progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=crop,src="'+currentStyle.backgroundImage.toString().replace('url("','').replace('")','')+'")',appendChild(i),runtimeStyle.backgroundImage='none'))); }
* html #mediabox .left *, * html #mediabox .right * { height: 15px; width: 15px; overflow: hidden; }
* html #mediabox .top, * html #mediabox .bottom { width: expression(parentNode.offsetWidth-30); }
* html #mediabox .middle, * html #mediabox .content { display: inline; zoom: 1; }
* html #mediabox .content { display: block; text-align: left; }
* html #mediabox .middle { display: block; }
*:first-child+html #mediabox-contents { zoom: 1; display: inline; top: expression(parentNode.offsetHeight<offsetHeight?0:(parentNode.offsetHeight-offsetHeight)/2); }
*:first-child+html #mediabox-contents .content-styled { zoom: 1; width: 1%; }
*:first-child+html #mediabox .inner { height: 1%; }
*:first-child+html #mediabox .middle { zoom: 1; }

@media print
{
    #page,#page .left,#page .right,#header,.section-narrow,#crumbs,#haze-over{background:none;float:none;height:auto;margin:0;padding:0;width:auto}
    #footer,.menu,#info,.button,.left .left,.fyi,.add-to-cart,.buy,.vls-image,#haze-over .image{display:none}
    .terms-and-conditions{height:auto;width:auto}
    #header h1{display:block}
    #header{margin:0 0 12px}
    .faqs *{font-weight:400}
    #haze-over{margin:0 0 24px}
    *{color:#000!important}
    * a{color:#2E4899!important}
}