.clr:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0; }
.cb { clear: both; font-size: 0; line-height: 0; }
.clear40 { display: block; height:40px; width:auto; clear:both; overflow:hidden; font-size:0; }

#content .single-col { float: left; width: 303px; }
#content .double-col { float: right; width: 635px; }
#howto-right { }
.howto-nav-box { background: #242424; margin: 0 0 10px 0; padding: 1px; }
.howto-nav-box h3 { background: url(../images/h3-gradient.gif) repeat-x top left; color: #bebebe; font-size: 123.1%; padding: 10px 0 11px 19px; }
.howto-nav-box li { padding: 8px 17px; border-bottom: 1px solid #505050; }
.howto-nav-box li.active { background: #8f0606 url(../images/stp/bg-howto-video-nav.jpg) repeat-x top left; }
.howto-nav-box a { color: #FFFFFF; font-size: 93%; }
.howto-nav-box li img { border: 2px solid #535353; float: left; margin: 8px 10px 0 0; }
.howto-nav-box li .nav-item-content { float: left; font-size: 85%; width: 175px; }
.nav-item-content h4 { font-weight: bold; margin: 0 0 3px 0; }
.nav-item-content h4 a { color: #fff; }
.nav-item-content p { color: #BEBEBE; }

#howto-right .howto-pod { background: #3f3f3f; border-bottom: 2px solid #484848; float: left; margin: 0 10px 15px 0; padding: 2px 2px 0px 2px; width: 300px; }
.howto-pod h2 { background: url(../images/stp/bg-howto-pod-slice.jpg) repeat-x top left; ont-size: 123.1%; padding: 18px 0 16px 15px; }
.howto-pod h2 a { color: #fff; }

.howto-content-box { display: none; margin: 25px 0 20px 0; padding: 0 0 18px 0; }
.howto-content-box.active { display: block; }
.howto-content-box h3 { background: url(../images/h3-gradient.gif) repeat-x top left; border-bottom: 1px solid #484848; color: #FFFFFF; font-size: 123.1%; padding: 10px 0 11px 19px; }
.howto-content-box .howto-content { padding: 18px; background: #242424; }
.howto-content .howto-item { margin: 0 0 30px 0; }
.howto-item img { border: 1px solid #000000; float: right; margin: 0 0 0 15px; }
.howto-item .howto-item-text { float: left; width: 63%; }
.howto-item p { color: #959595; }
.howto-item-text p { margin-bottom: 3px; }


#cleaning-tabs .cleaning-left { float: left; width: 285px; }
#cleaning-tabs .cleaning-right { float: right; width: 623px; }
#cleaning-tabs h2 { font-size: 108%; font-weight: bold; margin: 10px 0 15px 0; }
#cleaning-tabs p { margin: 8px 0; color: #959595; line-height: 1.5em; }
.cleaning-left .type-pod { margin: 0; }
.cleaning-left .type-pod img { float: left; }
.cleaning-left .type-pod .pod-content { float: left; margin: 0 0 0 20px; width: 200px; }
.cleaning-left .type-pod .no-image { margin: 0; }

.cleaning-right div#painting-tip a { color: #fff; }
.cleaning-right .cleaning-process { background: #1b1b1b url(../images/stp/bg-cleaning-process-slice.gif) repeat-x top left; border-bottom: 1px solid #3c3c3c; margin: 30px 0 20px 0; padding: 15px; }
.cleaning-process .process-content { float: left; height: 225px; width: 300px; }
.cleaning-process h2 { text-transform: uppercase; }
.steps { margin: -10px 40px 0 0; position: relative; }
.step { border: none !important; clear: none !important; cursor: pointer; margin: 0 !important; padding: 0; }
.step-scroller1, .step-scroller2, .step-scroller3 { background: none; font-size: 100%; height: 210px; padding: 0; width: 550px; }
.step-scroller1 ul, .step-scroller2 ul, .step-scroller3 ul { display: block; height: 250px; }
.step-scroller1 ul li, .step-scroller2 ul li, .step-scroller3 ul li { float: left; background: none; font-size: 100%; height: 250px; padding: 0 !important; width: 550px; }

.cleaning-process img { float: right; border: 1px solid #000000; clear: right; margin: 0 0 10px 10px; }

.cleaning-process .process-content-no-scroll { float: left; height: 225px; width: 400px; }