html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0; padding:0; border:0; outline: 0; font-size:100%;	vertical-align:baseline; background:transparent;}
body {line-height:1; background:#b2a083 url(../images/body-bg1.gif) top center repeat-y; font:normal 12px Arial, Helvetica, sans-serif; color:#695b46}

ol, ul {list-style: none;}
:focus {outline: 0;}

a{color:#849044; text-decoration:none; outline:none;}
a:hover{color:#687427; text-decoration:underline; outline:none;}

.clear{clear:both; font-size:0px; height:0px; line-height:0px;}
.clearfix {display:inline-block;}
p{line-height:18px;}
img{border:none; outline:none;}

h1,h2,h3,h4,h5,h6{font-family:Helvetica, Arial, sans-serif;}
h1{color:#FFF; font:normal 40px Georgia, "Times New Roman", Times, serif; text-shadow:#8e7c62 2px 2px 2px; padding-bottom:8px;}
h2{font-size:36px; color:#849044; font-weight:normal;}
h3{font-size:24px; color:#695b46; font-weight:normal; text-transform:uppercase;}
h3 span{color:#b2a083;}

#top-widget{background:url(../images/body-bg.png) top left repeat-x; width:100%; height:33px;}
#outer-widget{width:100%;}
#main-widget{width:970px; margin:0px auto;}

#header{width:960px;}
#header .logo{background:url(../images/Harts-Cartpet-Cleaning-Logo.png) top left no-repeat; width:190px; height:150px; float:left;}
#header .logo a{width:190px; height:150px; display:block; text-indent:-10000px;}
#header .right-widget{width:670px; float:right;}
#header .right-widget .call-toaction{width:100%; text-align:right; margin-bottom:19px;}
#header .right-widget .nav-widget{width:100%;}

.give-call-widget{width:183px; float:right; text-align:right;}
.givecall-btn{background:url(../images/give-us-a-call.gif) no-repeat; width:125px; height:28px; border:none; cursor:pointer;}

.main-navigation{width:486px; float:left; margin-top:37px;}
.main-navigation li{ float:left; padding:0px 6px;}

/*---------------Rak 100429--------------------*/
#main-banner{/*background:url(../images/home-page-banner.png) top left no-repeat;*/ width:970px; height:347px; padding:0px; position:relative; /*padding:5px 4px;*/}

#main-banner .banner-navigation{position:absolute; bottom:4px; left:4px; width:399px; display:block;}
#main-banner .banner-navigation li{float:left;}
#main-banner .banner-navigation li a{background:url(../images/banner-nav.png) no-repeat 0 0; height:40px; display:block; float:left; text-indent:-9999px;}

#main-banner .banner-navigation li#carpet-cleaning a{background-position:0 0; width:133px;}
#main-banner .banner-navigation li#tile-cleaning a{background-position:-133px 0 ; width:99px;}
#main-banner .banner-navigation li#upholstery-cleaning a{background-position:-232px 0; width:167px;}

#main-banner .banner-navigation li#carpet-cleaning a:hover, #main-banner .banner-navigation li#carpet-cleaning a.active{background-position:0 -40px;}
#main-banner .banner-navigation li#tile-cleaning a:hover, #main-banner .banner-navigation li#tile-cleaning a.active{background-position:-133px -40px;}
#main-banner .banner-navigation li#upholstery-cleaning a:hover, #main-banner .banner-navigation li#upholstery-cleaning a.active{background-position:-232px -40px;}


/*--------------Home Banner Pop up--------------*/

.popup{width:363px; position:absolute; display:none;}
.popup-content{padding:30px 30px 0px; width:303px; background:url(../images/popup-top.png) no-repeat; color:#ffffff;}
.popup-content p{line-height:18px; padding:10px 0px 5px;}
.popup-bottom{background:url(../images/pop-up-bottom.png) no-repeat; height:49px; line-height:0px; font-size:0px;}

.positioning1{left:429px; bottom:48px!important;position:absolute; display:none;}
.positioning2{left:644px; bottom:20px!important;position:absolute; display:none;}
.positioning3{left:422px; bottom:159px!important;position:absolute; display:none;}

.positioning1_new{left:595px; top:172px;position:absolute}
.positioning2_new{left:602px; top:285px;position:absolute}
.positioning3_new{left:817px; top:311px;position:absolute}

/*------------Points ----------*/

#main-banner .points{position:absolute; margin-top:-175px; margin-left:595px; z-index:1000;}
#main-banner .points li{height:22px; width:22px; display:block; float:left;}
#main-banner .points li a{text-indent:-9999px; display:block; height:22px; width:22px; cursor:pointer; overflow:hidden; /*background:url(../images/point.png) no-repeat;*/}
#main-banner .points li#point2{margin-top:112px; margin-left:-15px;}
#main-banner .points li#point3{margin-top:140px; margin-left:194px;}

#main-banner .points .positioning1{left:-163px; bottom:40px!important;}
#main-banner .points .positioning2{left:53px; bottom:13px!important;}
#main-banner .points .positioning3{left:-169px; bottom:152px!important;}


.services-img a{left:-23px; bottom:70px; background:url(../images/find-out-more-here.png) no-repeat; width:98px; height:89px; display:block; position:absolute; text-indent:-9999px;}


#content{width:970px; border:1px solid red; margin:10px auto;}

#bottom-mid{width:970px; margin:15px auto; color:#FFFFFF;}
#bottom-mid p{margin:15px 0px;}
#bottom-mid .first-column{width:294px; float:left;}
#bottom-mid .second-column{width:294px; padding:0px 42px; float:left;}
#bottom-mid .third-column{width:294px; float:right;}

#bottom-mid .first-column h2{background:url(../images/professional-result.png) top left no-repeat; width:100%; height:58px;}
#bottom-mid h2 a{height:58px; text-indent:-10000px; display:block}

#bottom-mid .second-column h2{background:url(../images/our-innovative-5step-process.png) top left no-repeat; width:100%; height:58px; text-indent:-10000px;}
#bottom-mid .third-column h2{background:url(../images/a-great-team.png) top left no-repeat; width:100%; height:58px; text-indent:-10000px;}

a.learnmore-btn{background:#665943; color:#FFFFFF; font:bold 11px Arial, Helvetica, sans-serif;  border:none; cursor:pointer; padding:5px 10px;}
a:hover.learnmore-btn{background:#849044; color:#FFFFFF; text-decoration:none;}



#footer{background:#665943 url(../images/fotter-bg.png) repeat-x; color:#a6957a; font:11px Arial, Helvetica, sans-serif}
#footer .footer-inner{width:970px; text-align:center; margin:0px auto; padding:40px 0px 30px 0px;} 
#footer .footer-inner li{padding:3px 0px;}
#footer .footer-inner li a{color:#a6957a;}
#footer .footer-inner li a:hover{color:#8e7d62;}

#footer .service-areas{width:390px;  margin:0px auto; color:#f7f3ed;}
#footer .service-areas p{ text-align:center; line-height:20px; padding-top:35px;}
#footer .service-areas li{padding:4px 0px; text-align:left}
#footer .service-areas .first-col{width:85px; float:left; padding:0px 20px;}
#footer .service-areas .second-col{width:78px; float:left; border-left:1px dashed #7e7058; border-right:1px dashed #7e7058; padding:0px 30px;}
#footer .service-areas .third-col{width:85px; float:right; padding:0px 20px;}
#footer .service-areas li a{color:#f7f3ed;}
#footer .service-areas li a:hover{color:#ebe2d4;}


/*-------------------------------------- Commercial Carpet Cleaning Page CSS Starts Here ------------------------------------------------- */

#inner-widget{width:970px; margin:0px auto;}
#inner-widget .inr-left{width:720px; float:left;}
#inner-widget .inr-left h2{padding:10px 0px;}
#inner-widget .inr-left h3{padding:10px 0px;} 
#inner-widget .inr-left p{color:#695b46; padding-bottom:18px;}

#inner-widget .inr-left .photostream{width:100%;}
#inner-widget .inr-left .photostream li{float:left; width:auto;}
#inner-widget .inr-left .photostream li.mid-pic{width:247px; text-align:center}
#inner-widget .inr-left .photostream li img{border:8px #d4c5ae solid;}
#inner-widget .inr-left p span{color:#849044;}

#midcontent-widget{width:717px;}
#midcontent-widget .inmtopbg{ background:url(../images/inner-content-topbg.png) top left no-repeat; width:717px; height:10px; font-size:0px; line-height:0px;}
#midcontent-widget .inmbottombg{background:url(../images/inner-content-bottombg.png) top left no-repeat; width:717px; height:10px;}
#midcontent-widget .inmmidbg{background:url(../images/inner-content-midbg.png) repeat-y; width:667px; padding:15px 25px;}
#inner-subsection{background:#f7f3ed; width:626px; padding:13px 21px; margin-top:10px;}
#bottom-cta{width:100%; margin:35px 0px 70px 0px;}
#inner-widget .inr-left #bottom-cta li img{border:none;}


/*------------------ Inner pages Right side section 29-04-2010 ------------------*/

input, select, textarea{font:12px Arial, Helvetica, sans-serif; color:#665943;}
#inner-widget .inr-right{width:229px; float:right; padding-top:6px;}
#inner-widget .inr-right h1{padding:10px 0px;}
#inner-widget .inr-right p{padding:10px 0px;}
#inner-widget .inr-right p span{ color:#FFFFFF; font-style:italic;}
.right-imgholder img{border:8px #e0d7ca solid; margin-bottom:10px;}
.quick-qus-form p{margin:10px 0px;}
.quick-qus-form li{margin-bottom:10px;}
.textfield{background:#ac9a7e; border:none; padding:10px; width:210px;}
.check{margin:0px; padding:0px; height:13px; width:13px; vertical-align:bottom;}
.button{background:#849044; font-size:11px; font-weight:bold; color:#ffffff; padding:5px 8px; cursor:pointer; margin:0px; border:none; margin-top:10px;}
.green-text{color:#849044 !important;}
.from-customer{width:100%; margin:0px auto;}
.from-customer a{color:#695B46;}
.from-customer a:hover span{text-decoration: none;}
.dashed-bdr{border-top:1px dashed #ccc0ac; padding:5px 0px;}

/*------------------ NEW CSS ADDED ON 03/05/2010    ------------------*/

.tiles{width:100%; margin-bottom:10px;}
.tiles li{ background:url(../images/inner-arrow.gif) left center no-repeat; padding:3px 0px 3px 20px; font-weight:bold;}
.hartreview-inner{width:100%; padding:0px 0px 30px 0px;}
.hartreview-inner .left-section{width:110px; float:left;}
.hartreview-inner .right-section{width:516px; float:right;}
.hartreview-inner .left-section img{border:8px #d4c5ae solid;}
.hartreview-inner .right-section li h4{padding:0px; padding-bottom:10px; font-size:24px; color:#695b46; font-weight:normal; text-transform:uppercase;}
.hartreview-inner .right-section li {padding-bottom:5px;}

/*--------------- Faq Page Styles -------------*/
.err_txt {background:#fff;border:dotted 1px #f00}
#msgDiv {background:#F7F3ED ;border:solid 1px #695B46; color:#f00;padding:3px;margin-bottom:5px;display:none;font-size:10px}
.msgSpan {color:#fff}
.plus-img{vertical-align:middle; margin-left:5px;}

/*------------------------- CSS Developed for Preicing Page Dated 06-05-2010 ------------------------------*/
#pricing-widget{width:100%;}
#pricing-widget .pricing-section{width:100%; margin:20px auto;}
#pricing-widget .pricing-section .pricing-left{float:left; width:68%; }
#pricing-widget .pricing-section .pricing-right{float:right; width:30%;}
#pricing-widget .pricing-section .pricing-right img{border:8px #d4c5ae solid;}
#pricing-widget .pricing-section .pricing-left li h3{color:#b2a083; margin:0px; padding:2px 0px; text-transform:none;}
#pricing-widget .pricing-section .pricing-left h3 span{color:#695b46; font-size:12px;}
#pricing-widget .pricing-section .pricing-left p{padding:10px 0px;}




/*------------------------------------ 	WEB DESIGN SECTION CSS STARTS HERE ----------------------------- */
.publisher{width:865px; text-align:right; color:#dfdace; padding-bottom:15px; font-size:11px;}
.publisher a{color:#dfdace;}
.publisher a:hover{color:#dfdace;}
.qmsg {font-size:11px;font-style:italic}