/******************************************************************/
/***     Chem-Dry 2.0 CSS Stylesheet | LocalSearchAppeal.com | ***/
/****************************************************************/

html, body { margin:0; padding:0; border:0; /*Last height declaration hidden from Mac IE 5.x*/  }
body { min-width:930px; background-color:#EFEFEF; font-family:Helvetica, Arial, san-serif; font-size:small; }
h1 { font-size:165%; color:#30497f; margin-top:0; margin-bottom:0;  }
h2 { font-size:120%; color:#33725B; margin-top:0; margin-bottom:0;  }
h3 { font-size:110%; color:#30497f; margin-top:0; margin-bottom:0; }
h4 { font-size:100%; color:#30497f; margin-top:0; margin-bottom:0;  }
h5 { font-size:100%; color:#33725B;  margin-top:0; margin-bottom:0; }
h6 { font-size:100%; color:#95459A; margin-top:0; margin-bottom:0; }
#footer address { text-decoration:none; margin-top:-1em; margin-bottom:0; }
a img { border-style:none; }
p { margin-bottom:1.2em; margin-top:0;}
blockquote { padding:0; margin:0; font-size: 0.85em; margin-bottom:.9em; }
dl {margin-top:.3em; margin-bottom:.3em; margin-left:1.6em;}
dt { color:#30497f; margin:0; font-weight:bold;}
dd { margin:0;}

/********** ClearFix *********/
.locations:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; }
.locations { display: inline-block; }
.locations { display: block; }
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
/*slightly enhanced, universal clearfix hack*/
.clearfix { display: inline-block; }
/*start backslash hack \*/
* HTML .clearfix { height: 1%; }
.clearfix { display: block; }
/*close backslash hack*/

/**********Layout Divs*********/
#header { background-color: #FFFFFF; }
#container { width: 900px; padding: 0.75em; }
#leftColumn { float: left; width: 212px; margin-top: 10px; background-color: #FFFFFF; display: inline; }
#middleColumn { float: left; width: 455px; background-color: #FFFFFF; }
#rightColumn { float: left; width: 212px; background-color: #FFFFFF; margin-top: 10px; display: inline; }
#footer { clear: both; background: transparent url(/images/full-height_bg.gif) repeat-y; padding:  1em; }
#wrapper { width: 930px; margin: 0 auto; padding: 1em; }
#flash { background-color: #FFF; margin-top: 10px; }
#bottomtable { width: 900px; height: 220px; text-align: justify; font-size: 13px; color: #000; letter-spacing: 0.025em; line-height: 1.5em; }
#leftbottom { float: left; width: 240px; padding: 0px 10px 10px; }
#middlebottom { float: left; width: 360px; padding: 0px 10px 10px; }
#rightbottom { float: left; width: 240px; padding: 0px 10px 10px; }
#bottomfooter { text-align:center; vertical-align:middle; width: 900px; height: 100px; padding-top: 1px; background-color: #FFF; background-image: url(/images/footer.jpg); background-repeat: no-repeat; background-color: #FFF; font-family: Helvetica, Arial; font-size: 13px; color: #000; letter-spacing: 0.025em; line-height: 1.5; margin-top: 15px; }

/******Drop Shadow around Body******/
#fullheightcontainer { margin-left: auto; margin-right: auto; text-align: center; position: relative; padding-top: 15px; width: 930px;} /*\Last height declaration hidden from Mac IE 5.x*/

.fullheightwrap { width: 930px; }
.fullheighttop, .fullheightbottom {float: left; width: 930px; height: 12px; /*url to the bottom rounded corner*/background: transparent url(/images/full-height_bottom.gif) no-repeat; }

.fullheightbottom { height: 40px;}
.fullheighttop { background: transparent url(/images/full-height_top.gif) no-repeat;}/*url to the top rounded corner*/
	
.fullheightbox { float: left; padding-left: 12px; padding-right: 12px; padding-top: 0px; width: 900px;
/*Your width is 200px minus 20px for your left and right padding totally to 180px*//*the url to your text background*/
background: transparent url(/images/full-height_bg.gif) repeat-y; color: #000; letter-spacing: 0.025em; line-height: 1.35; }

/****Curved corner sections for Right and Left Sides*****/
.wrap { width: 212px; }
.top, .bottom { float: left; width:212px; height:7px; background: transparent url(/images/rounded-border-btm.gif) no-repeat;/*url to the bottom rounded corner*/}
.bottom { height: 20px; }
.top { background: transparent url(/images/rounded-border-top.gif) no-repeat; height:11px;}/*url to the top rounded corner*/
.box { float: left; padding: 0px 20px; /*width 200px - 20px for your left & right padding =180px*/width: 174px; /*url to your text background*/ background: transparent url(/images/rounded-border-bg.gif) repeat-y; }
.box2 { float: left; padding: 0px 20px; /*Your width is 200px minus 20px for your left and right padding totally to 180px*/ width: 360px; }

/********Curved corner sections for Center********/
.firstcenterwrap { width:455px; text-align:left; margin-top:10px; }
.bigcenterwrap { width:455px; text-align:left; }
.bigcentertop, .bigcenterbottom { float:left; width: 455px; height: 10px;/*bottom rounded corner*/background: transparent url(/images/center-bottom.gif) no-repeat; }

.bigcenterbottom { height: 25px; }
.bigcentertop { background: transparent url(/images/center-top.gif) no-repeat; }
.bigcenterbox { float: left; width: 415px/*width 200px-20px for left & right padding=180px*/; background: transparent url(/images/center-bg.gif) repeat-y; z-index: 2; padding: 0px 20px; line-height: 1.5; }

/***** Coupons-- curved corner sections for Right and Left Sides******/
.couponwrap { width: 180px; margin-left: -5px; }
.coupontop, .couponbottom {float: left; width: 180px; height: 7px; background: transparent url(/images/coupon-btm.gif) no-repeat; }
.couponbottom { height: 20px; }
.coupontop { background: transparent url(/images/coupon-top.gif) no-repeat; }
.couponbox { float: left; width: 180px; background: transparent url(/images/coupon-bg.gif) repeat-y; padding: 0 5px 0 10px; }
.couponboxcompany { float: left; width: 180px; padding: 0 5px 0 10px; }
.couponwrap2 { width:360px; margin-left:0px; }
.couponbox1 {/*Your width is 200px minus 20px for your left and right padding totally to 180px*/width:360px; background-color:transparent; height:135px; background-image:url(/images/couponbg3.png); background-repeat:repeat-y; border:1px solid #000000; padding:0; margin:13px 0 0; }
.couponbox1b {/*Your width is 200px minus 20px for your left and right padding totally to 180px*/width:360px; background-color:transparent; height:135px; background-image:url(/images/couponbg3b.png); background-repeat:repeat-y; border:1px solid #000000; padding:0; margin:13px 0 0; }
.couponbox1c {/*Your width is 200px minus 20px for your left and right padding totally to 180px*/width:360px; background-color:transparent; height:135px; background-image:url(/images/couponbg3c.png); background-repeat:repeat-y; border:1px solid #000000; padding:0; margin:13px 0 0; }
.couponbox1d {/*Your width is 200px minus 20px for your left and right padding totally to 180px*/width:360px; background-color:transparent; height:135px; background-image:url(/images/couponbg3d.png); background-repeat:repeat-y; border:1px solid #000000; padding:0; margin:13px 0 0; }
.couponbox2 {/*Your width is 200px minus 20px for your left and right padding totally to 180px*/width:360px; background-color:transparent; height:135px; background-image:url(/images/couponbg5.png); background-repeat:repeat-y; border:1px solid #000000; }
.couponbox3 {/*Your width is 200px minus 20px for your left and right padding totally to 180px*/width:360px; background-color:transparent; height:135px; background-image:url(/images/couponbg1.png); background-repeat:repeat-y; border:1px solid #000000; }
.couponbox4 {/*Your width is 200px minus 20px for your left and right padding totally to 180px*/
width:360px; background-color:transparent; height:135px; background-image:url(/images/couponbg2.png); background-repeat:repeat-y; border:1px solid #000000; }
.couponbox5 {/*Your width is 200px minus 20px for your left and right padding totally to 180px*/width:360px; background-color:transparent; height:135px; background-image:url(/images/couponbg6.png); background-repeat:repeat-y; border:1px solid #000000; }

/*****Coupon Text*****/

.boldcoupontextcompany { font-weight:bold; color:#33725B; text-align:left; display:block; width:160px; display: block; line-height: 1.1em; }
.couponsmalltext { color: #33725B; width: 160px; display: block; font-size:85%; margin-bottom:0; }
.couponsmalltext1 { color:#33725B; font-family:Arial, Helvetica, sans-serif; width:169px; display:block; font-size:12px; text-align:right; padding-top:5px; float:right; padding-right:5px; padding-bottom:5px; line-height:1em; margin-left:55px; padding-left:5px; }
.couponsmalltext2 { color:#33725B; font-family:Arial, Helvetica, sans-serif; width:169px; display:block; font-size:12px; text-align:right; float:right; line-height:1em; padding:5px; margin-left:55px; }
.couponextrasmalltext { color: #33725B; font-weight: normal; font-family: Arial, Helvetica, sans-serif; line-height: 0.95em; width: 160px; display: block; font-size: 0.75em; padding-bottom: 1em; }
.boldcoupontext { font-weight:bold; color:#33725B; display:block; width:169px; font-size:13pt; float:right; padding-top:5px; padding-right:5px; padding-bottom:5px; font-family:Arial, Helvetica, sans-serif; text-align:right; padding-left:5px; margin-left:55px; line-height:1em; }
.boldcoupontext2 { font-weight:bold; color:#33725B; display:block; line-height:1.2em; font-size:1.3em; padding:0px 0px 0px 20px; }
.boldcoupontextsms { font-weight:bold; text-align:left; display:block; display:block; color:#00469A; padding-top:0.8em; font-size:1.4em; width:380px; padding:20px 0px 0px 20px; }
/*********End Coupons*******/

/***** Navigation*********/
#spacer { width: 900px; height: 20px; }
#nav { margin:0; padding:0; float:left; width:100%; list-style:none; background:#DAE0D2 url(/images/navbg.gif) repeat-x bottom; font-size:93%; line-height:1.4em; }
#nav ul { margin:0; padding:0; width:auto; list-style:none; overflow:visible; }
#nav li { margin:0; width:9.45em; float:left; background:url(/images/navleft_both.gif) no-repeat left top; padding:0 0 0 9px; overflow:visible; }
#nav a {float:left; display:block; width:auto; background:url(/images/navright_both.gif) no-repeat right top; padding:10px 15px 5px 2px; text-decoration:none; color:#FFF; width:auto; overflow:visible; }
#nav>ul a { width:auto; overflow:visible; } /*Commented Backslash Hack hides rule from IE5-Mac \*/
#nav a { float:none;} /*End IE5-Mac hack*/
#nav a:hover {color:#95459A; text-decoration:underline; }
#nav li:hover, #nav li:hover a { background-position:0% -50px; color:#30497f; }
#nav li:hover a { background-position:100% -50px; }
#nav li ul { position:absolute; width:10em; left:-999em;}
#nav li:hover ul, #nav li.sfhover ul {left:auto; margin-left:-.8em; }
#nav a.select { text-decoration:none; font-weight:bold; font-size:105%; color:#30497f; background:url(/images/navright_both_active.gif) no-repeat right top; text-decoration:none; width:auto; overflow:visible; }

/***********Bulleted Sections**************/
#upholsterybullets { margin-left: 20px; width: 285px; }
#upholsterybullets ul { margin-top: 0px; margin-bottom: 0px; }
.upholsteryleft { float: left; width: 155px; }
.upholsteryright { float: left; width: 125px; }
#tilebullets { margin-left: 30px; width: 275px; }
#tilebullets UL { margin-top: 0px; margin-bottom: 0px; }
.tileleft { float: left; width: 155px; }
.tileright { float: left; width: 115px; }


#backtotop1 { width: 385px; margin-bottom: 0px; }
#backtotop2 { width: 385px; }

/******** Text *********/
a:link { color: #30497f; text-decoration: none; }
a:hover { text-decoration:underline;}
a:visited { color:#30497f}
.blueheader { color: #30497f; font-size: 1.1em; text-align: center; }
.greenheader { color: #690; }
.subheader {  color: #000; padding-top: 5px; padding-left: 3px; text-align: left; }
.smallfont { font-size: 0.85em; margin-top: -0.1em; }
.supersmallfont { font-size: 0.65em; margin-top: -0.1em; }

p .backtotop { display: block; text-align: right; line-height: 0.1em; }
.benniebullets { margin-top:0; margin-bottom:0; font-size:105%;}
.benefits { font-size:100%; margin-left:.3em;}

/****Hacks*********/
#preview-message {display: none; }
.paragraph { line-height: 1.15em; display: block; float: right; font-size: 0.85em; }
.floatright { text-align: right; float: right; padding: 10px; font-size: 1.25em; color: #95459A; vertical-align: top; }
.floatleft { text-align: left; float: left; padding: 10px; font-size: 1.25em; color: #95459A; vertical-align: top; }
.floatcent { text-align: right; float: none; padding: 10px; font-size: 1.25em; color: #95459A; vertical-align: middle; }
.floatimg {float:left; padding-right:.1em;}
.plocations { color: #00469A; line-height: 0.9em; margin-top: 0.2em; font-size: 1.1em; margin-bottom: -0.1em; }
.winprintsms { font-size: 0.85em; }
.locations/*[clearfix]*/ {color: #00469A; line-height: 0.9em; margin-top: 0.9em; font-size: 1.1em; margin-bottom: -0.1em;}
.purple { color: #95459A; }
.blue {  color: #30497f; }
.green { color: #33725B; }
.white {color:#FFF;}
.small { font-size:85%; }
.large { font-size:130%; }
.larger { font-size:160%; }
.largefooter { font-size:150%; margin-top:0; margin-bottom:0; padding-bottom:.75em; }
.bold { font-weight: bold; }
.emphasize { font-weight:bolder;}
.italic { font-style:italic ;}
.leftimg { float: left; padding-right:.6em;}
.leftimg2 { float: left; padding-right:1.6em;}
.leftimg3 { float: left; padding-right:3em;}
.rightimg { float: right; padding-left:.6em;}
.padleft {padding-left:2em;}
table.wide-table {width:900px; }
table.form-table { width:173px; line-height: 1em; }
table.decfont { font-size:85%; }
td.logo-column { width:177px; }
td.franchise-info { width:190px; line-height: 1em; }
.footerend { font-size:85%; color:#FFF;}
.clear {clear:both;}
.padbottom {padding-bottom:.3em;}
h2 a.under {text-decoration:none; color:#33725B; }
h3 a.under, h4 a.under {text-decoration:none; color:#30497f;}

#leftColumn a:link { color:#30497f; text-decoration: none; }
#leftColumn a:hover { text-decoration:underline;}
#leftColumn a:visited { color:#30497f}

#middleColumn a:link { color:#30497f; text-decoration: none; }
#middleColumn a:hover { text-decoration:underline;}
#middleColumn a:visited { color:#30497f}

#rightColumn a:link { color: #30497f; text-decoration: none; }
#rightColumn a:hover { text-decoration:underline;}
#rightColumn a:visited { color:#30497f}


