/* css */

div.clr {clear: both;}

em {font-style: italic;}

strong {font-weight: bold;}

.video-bg {/*background-color: #807fff;*/}

.h-rule {border-top: 1px solid #336; width: 80%; height: 10px; padding: 0; margin: 10px 10% 0 10%;}

.ie-object {display: none;}

body {text-align: center; font-family: "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif; background: url('../images/bg.gif'); color: #333;}

#wrap {margin: 0px auto; width: 848px; padding-top: 80px;}

#col-wrap {width: 848px; text-align: left; background: url('../images/cnt-bg.png') repeat-y;}

#cnt-up {width: 848px; height: 32px; background: url('../images/cnt-up.png') 0 0;}

#cnt-bot {width: 848px; height: 32px; background: url('../images/cnt-bot.png') 0 0;}

#left-col {width: 200px; float: left; position: relative; top: -80px;}

#logo {width: 180px; height: 130px; margin: 0 0 0 22px; background: url(../images/logo.png) no-repeat;}

#left-col #nav ul {width: 193px; margin: 47px 0 0 15px; text-align: center;}

#left-col #nav ul li { }

#left-col #nav ul li a {width: 193px; height: 36px; color: #fff; text-decoration: none; padding: 0; display: block; background: url('../images/button-up.gif') 0 0; font-size: 14px; line-height: 27px; font-weight: 600; font-family: Arial,Helvetica,sans-serif,"Trebuchet MS",Verdana, Tahoma;}

#left-col #nav ul li a.leasing-link {cursor: pointer;}

#left-col #nav ul li a:hover {color: #fff; background: url('../images/button-down.gif') 0 0;}

#right-col {width: 600px; float: left; padding: 10px 0 0 18px; font-size: 14px;}

#right-col #one800 {width: 229px; height: 32px; padding: 0px; background: url('../images/1800.png') 0 0 no-repeat; position: relative; top: -65px; left: 371px; margin-bottom: -32px;}

#right-col #one800 p {text-indent: -9999px;}

#right-col h1 {font-size: 30px; color: #336; text-align: center; padding: 10px 0; height: 70px;}

#right-col h2 {font-size: 20px; color: #336; text-align: left; padding: 10px 0;}

#right-col h3 {font-size: 16px; color: #336; text-align: left; padding: 10px 0;}

#right-col p {padding: 10px 0 10px 0;}

#right-col ul {padding: 10px 0 10px 20px; margin: 0 0 0 10px;}

#right-col ul li {background: url(../images/diamond.gif) no-repeat 0 5px; padding: 3px 15px;}

#right-col ul.check-mark li {background: url(../images/check-mark.png) no-repeat 0 5px; padding: 3px 15px;}

#right-col ul.no-mark li {background: url(../images/no-mark.png) no-repeat 0 5px; padding: 3px 15px;}

#right-col a {color: #336;}

#right-col a:hover {text-decoration: none; color: #fff; background-color: #336;}

#right-col .no-padd {margin-top: 0; padding-top: 0;}

#right-col .qna {padding: 10px; border-top: 1px solid #336; border-bottom: 1px solid #336; background-color: #f5f5f5;}

#right-col .hp-imgs {border: 1px solid #336; margin: 10px 0 20px 0; width: 598px; height: 292px;}

#right-col .ad-space {background-color: #f5f5f5; border: 1px solid #336; width: 598px; margin-top: 10px;}

#right-col .ad-space img {float: left; width: 250px; height: 135px; margin: 10px; border: 1px solid #336;}

#right-col .ad-space h3 {float: left; width: 295px; height: 17px; padding: 10px;}

#right-col .ad-space p {float: left; width: 295px; height: 110px; padding: 10px;}

#right-col .d-brdr-imgs {border: 0px double #336;}

#right-col .left-imgs {float: left; padding: 10px 10px 10px 0;}

#right-col .right-imgs {float: right; padding: 10px 0 10px 10px;}

.img-caption {float: left; width: 161px; padding: 5px; margin: 10px; vertical-align:text-top;}

#right-col .img-caption p {padding:0;}

.list-padd {margin-left: 30px; float: left;}

#footer {font-size: .8em; width: 848px; height: 20px; color: #fff;}

#footer a {color: #fff;}

#footer a:hover {text-decoration: none;}

/* special formatting */

.l-float {float: left;}

.r-float {float: right;}

.cntr {text-align: center;}

.highlight {color: #6633ff;}

.pdf-icon {margin: -5px 0;}

.wdt-215 {width: 215px;}

.wdt-285 {width: 285px;}

.bio-logos {margin: 110px 0 0 50px;}

.bio-based-logo {}

.cri-logo {position: relative; top: 10px; left: 20px;}

#right-col .black {color: #333;}

/* splash page */

#splash #right-col {width: 600px; float: left; padding: 0;}

#splash #right-col #one800 {width: 229px; height: 32px; padding: 0px; background: url('../images/1800.png') 0 0 no-repeat; position: relative; top: -45px; left: 331px; margin-bottom: -32px;}

#splash-bg {background: url(../images/homepage/splash-bg.png) no-repeat; padding: 10px 0 0 18px; font-size: 14px; position: relative; top: -17px; left: 20px; width: 614px;}

#splash-bg a:hover {background: none;}

#splash h1, #splash h2,#splash h3 {color: #333;}

#splash h1 {font-size: 28px; text-align: left; margin: 55px 0 40px 0; height: 70px; padding: 0;}

#splash h2.think-fast {float: left; font-size: 38px; font-weight: bold; text-align: left; margin: 25px 0 0 0; padding: 0; width: 450px;}

#splash h2 span {font-size: 13px;}

#splash h3.enginired {float: left; font-size: 13px; font-weight: bold; padding: 0; margin: 0 10px 0 0; width: 120px;}

#splash .splash-duster {margin: 10px 0 0 10px;}

#splash .splash-auto-duster {margin: 10px 0 0 0;}

#splash .splash-tub {margin: 10px 0 0 -13px;}

#splash .splash-centrimax {margin: 10px 0 0 -10px;}

#splash .splash-u-turn {margin: 10px 0 0 220px;}

#splash .splash-duster div.img-wrap {float: left; width: 107px; height: 127px;}

#splash .splash-duster div.text-wrap {width: 435px; float: left; margin: 0 0 0 10px;}

#splash .splash-auto-duster div.img-wrap {float: left; width: 175px; height: 104px;}

#splash .splash-auto-duster div.text-wrap {width: 380px; float: left; margin: 0 0 0 10px;}

#splash .splash-tub div.img-wrap {float: left; width: 160px; height: 114px; margin: 0 0 0 40px;}

#splash .splash-tub div.text-wrap {width: 370px; float: left; margin: 0 0 0 10px;}

#splash .splash-centrimax div.img-wrap {float: left; width: 194px; height: 94px; margin: 0 0 0 70px;}

#splash .splash-centrimax div.text-wrap {width: 305px; float: left; margin: 0 0 0 10px;}

#splash .splash-u-turn div.img-wrap {float: left; width: 81px; height: 156px;}

#splash .splash-u-turn div.text-wrap {width: 270px; float: left; margin: 20px 0 0 10px;}



#splash .splash-duster h3,
#splash .splash-auto-duster h3, 
#splash .splash-tub h3, 
#splash .splash-centrimax h3 {width: 100%; height: 20px; font-size: 19px; font-weight: bold;}

/*
#splash .splash-duster h3 span.minutes, #splash .splash-tub h3 span.minutes, #splash .splash-centrimax h3 span.minutes {color: #c00; float: right;}
*/

#splash .splash-duster p, 
#splash .splash-auto-duster p, 
#splash .splash-tub p, 
#splash .splash-centrimax p {border-top: 1px solid #000; padding-top: 0;}

#splash .we-supply {font-size: 20px; font-weight: bold; padding: 80px 0 0 0; text-align: center;}

#splash .most-rugs {font-size: 18px; padding: 30px 0 0 0; text-align: center;}


/* order form page */

#right-col fieldset {border: 1px solid #336; padding: 20px; width: 560px; margin-top: 20px;}

#right-col fieldset .form-left {width: 280px; float: left;}

#right-col fieldset .form-right {width: 280px; float: left;}

#right-col fieldset legend {padding: 0 3px; color: #336;}

#right-col fieldset label {width: 240px; padding: 0 10px 10px 0; float: left;}

#right-col fieldset input {float: left; border: 1px solid #336;}

#right-col fieldset.products-selection input {padding: 10px; float: left; border: 0;}

#right-col fieldset.products-selection label {text-align: right;}

#right-col fieldset.products-selection {margin-top: 0;}

#right-col fieldset.contact-info label {padding: 0 10px 0 0; float: none;}

#right-col fieldset.contact-info input {width: 270px; margin: 0 0 10px 0; float: none;}

#right-col fieldset.shipping label {padding: 0 10px 0 0; float: none;}

#right-col fieldset.shipping input {width: 270px; margin: 0 0 10px 0; float: none;}

#right-col fieldset.shipping select {width: 270px; margin: 0 0 10px 0; border: 1px solid #336;}

#right-col fieldset.mailing label {padding: 0 10px 0 0; float: none;}

#right-col fieldset.mailing input {width: 270px; margin: 0 0 10px 0; float: none;}

#right-col fieldset.mailing select {width: 270px; margin: 0 0 10px 0; border: 1px solid #336;}

#right-col fieldset.mailing .same-addr-chkbx {width: 20px; border: 0; padding: 0; margin: 0;}

#right-col .submit-btn {margin: 10px; color: #fff; background-color: #336; border: 2px double #ccc; cursor: pointer; padding: 3px 5px;}

#right-col .submit-btn:hover {border: 2px double #336; color: #336; background-color: #fff;}

/* videos */

#right-col #alter-content {margin: 0 auto;}

#right-col object {margin: 0 auto;}

#video-wrap {background-color: #fff; width: 450px; height: 550px; margin: 0 auto; font-size: 12px; padding-bottom: 20px;}

#video-wrap #logo {padding: 10px; position: relative; top: 10px; float: left;}

#video-wrap .v-nav {position: relative; top: -20px; left: 160px; float: left; width: 300px;}

#video-wrap .v-nav a {color: #336; padding: 10px; text-decoration: none;}

#video-wrap .v-nav a:hover {color: #fff; background-color: #336;}

/* you tube pop-ups */

.u-tube {margin: 30px 0;}