@charset "UTF-8";
/* CSS Document */

 @font-face {
 font-family: 'hattori';
 src: url('js/hattori_hanzo-webfont.eot');
 src: local('?'), url('js/hattori_hanzo-webfont.ttf') format('truetype');
 font-weight: normal;
 font-style: normal;
}

body {font-size:12px; font-family:Arial; background:url(img/bck.gif); margin:0; }
h2 {font-size:24px; margin:0 0 10px 0; padding:0; font-family:hattori, arial; color:#000; }
h3 {font-size:14px; margin:0 0 10px 0; padding:0; color:#000; }
h4 {font-size:36px; margin:0 0 10px 0; padding:0; font-family:hattori, arial; color:#119400; line-height:40px}
img {border:0; outline:hidden}
.load {background:url(img/load.gif) no-repeat center}
a {color:#000; text-decoration:none; outline:hidden} a:hover{color:#000; text-decoration:underline; outline:hidden}
.arrowlist {list-style-image:url(img/arrow_bull.gif); margin:0; padding:0; padding-left:20px; margin-bottom:20px}
.arrowlist li {margin:0; padding:0 0 7px 0}
.arrowlist .pdf {list-style-image:url(img/pdf.gif);}
.arrowlist .faq {list-style-image:url(img/faq.gif);}
.arrowlist .phone {list-style-image:url(img/phone.gif);}
.arrowlist .youtube {list-style-image:url(img/youtube.gif);}
.yes {background:#090; text-align:center color:#000; font-weight:bold; padding:5px}
.no {background:#C00; color:#000; font-weight:bold; padding:5px}
b { color:#900; text-transform:capitalize; font-size:10px}
b a{color:#900; text-decoration:none} b a:hover{color:#900; text-decoration:underline; }
.calendarSelectDate {background:url(img/input_bck.jpg) repeat-x top #FFF; border:1px solid #CCC; height:30px; margin-bottom:5px; width:95%; padding:5px 0 0 5px; font-family:Arial, Helvetica, sans-serif}
.form {background:url(img/input_bck.jpg) repeat-x top #FFF; border:1px solid #CCC; height:30px; margin-bottom:5px; width:95%; padding:5px 0 0 5px; font-family:Arial, Helvetica, sans-serif}
.formbtn {color:#fff; background:#119400; text-align:center; border:0; padding:5px 8px 5px 8px; -webkit-border-radius: 5px; border-radius: 5px;}
.formbtn a{color:#FFF; text-decoration:none} .formbtn a:hover{color:#FFF; text-decoration:none}
.fL {float:left}
.fR {float:right}
.greenlink a{color:#119400; text-decoration:none} .greenlink a:hover{color:#119400; text-decoration:underline}
.gallery img {margin-bottom:15px}

.buybtnsmall {color:#fff; background:#119400; text-align:center; border:0; padding:3px; -webkit-border-radius: 5px; border-radius: 5px; margin-bottom:10px}
.buybtnsmall a{color:#FFF; text-decoration:none} .buybtnsmall a:hover{color:#FFF; text-decoration:none}


#top {width:100%}
#top .wrap {width:900px}
#top .fL {float:left}
#top .fR {float:right}
#top .top {background:url(img/top_bck.gif); height:23px; color:#FFF; font-size:10px; text-transform:uppercase}
#top .top a{color:#FFF; text-decoration:none} #top .top a:hover{color:#FFF; text-decoration:underline; }
#top .logo {background:url(img/logo_bck.gif) repeat-x; height:95px; vertical-align:top}
#top .menu {list-style:none; margin:0; font-size:16px; color:#000; font-family:hattori;}
#top .menu li{float:left; width:82px; height:61px; padding:30px 0 0 0}
#top .menu li:hover{ background:url(img/menu_bck.gif) no-repeat; color:#FFF}
#top .menu a{outline:hidden} #top .menu a:hover{text-decoration:none; outline:none; color:#FFF}
#top .banner {background:url(img/logo_btm.jpg) no-repeat center top #eeeeee; padding:10px 0 10px 0}
#top .bnr {width:640px; padding-right:10px;  text-align:left; padding-top:5px}
#top .quickquote {width:250px; text-align:left; }
#top .quote {background:url(img/input_bck.jpg) repeat-x top #FFF; border:1px solid #CCC; height:30px; margin-bottom:5px; width:250px; padding:5px 0 0 5px; font-family:Arial, Helvetica, sans-serif}
#top .phone {color:#c99600; font-size:24px; margin:15px 0 0 0; padding:0;}

#main {width:900px; margin-top:20px}
#main .left { width:703px; vertical-align:top; line-height:20px}
#main .spc { width:28px}
#main .right {width:169px; vertical-align:top}

#bottom {width:100%; background:#FFF; font-size:10px; margin-top:20px}
#bottom .wrap {width:900px; padding:10px 0 10px 0}
#bottom .fL {float:left; text-align:left}
#bottom .fR {float:right; text-align:left}

p#vtip { display: none; position: absolute; padding: 10px; left: 5px; font-size: 0.8em; background-color: white; border: 1px solid #a6c9e2; -moz-border-radius: 5px; -webkit-border-radius: 5px; z-index: 9999 }
p#vtip #vtipArrow { position: absolute; top: -10px; left: 5px; display:none }


/* PAGES */
#welcome .boxwrap {height:190px}
#welcome .box {background:#FFF; float:left; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding:10px; width:323px; min-height:198px; margin-bottom:10px}
#welcome .callback {background:url(img/input_bck.jpg) repeat-x top #FFF; border:1px solid #CCC; height:30px; margin-bottom:5px; width:290px; font-family:Arial, Helvetica, sans-serif; padding-left:5px; padding:5px 0 0 5px}
#welcome .callbackbtn { color:#333; background:#fff; border:0; padding:0; color:#119400}
#welcome .col1 {vertical-align:top; padding-right:15px}
#welcome .col2 {vertical-align:top;}
#welcome .btn {background:#FFF; width:100px; padding:9px}
.stepcarousel  {position: relative; overflow: scroll; width:323px; height:150px; margin:0}
.stepcarousel p{margin:0 0 10px 0}
.stepcarousel .belt{position: absolute; left: 0; top: 0;}
.stepcarousel .panel{float: left; overflow: hidden; margin:0 20px 0 0; width:323px; text-transform:capitalize}
.link a{color:#119400; text-decoration:none} .link a:hover{color:#119400; text-decoration:underline}


#contact {width:100%}
#contact .col1 {width:290px; height:30px; vertical-align:middle}
#contact .col2 { text-align:left; vertical-align:middle; font-size:16px; color:#119400}
#contact .contactform {background:url(img/input_bck.jpg) repeat-x top #FFF; border:1px solid #CCC; font-family:Arial, Helvetica; font-size:12px; height:25px; margin-bottom:5px; width:290px; padding-left:5px; padding:10px 0 0 5px}
#contact .contactbtn {padding:5px; color:#FFF; background:#119400; border:0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; width:90px}
#contact .contactbtn:hover{background:#108700; cursor:pointer}


#services {width:100%}
#services .col1 {width:800px}
.servicesright {background:#FFF; padding:10px; border:0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; color:#333; margin-bottom:20px}
.buybtn {padding:8px 5px 8px 5px; color:#FFF; text-align:center; background:#119400; border:0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; width:90px}
.buybtn:hover{background:#108700; cursor:pointer}

.serviceswrap{ height:200px}
.servicestabs {border:1px solid #CCC; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding:5px; float:left; text-align:center; margin:0 10px 10px 0}
.servicestabs a{color:#000; text-decoration:none; font-weight:bold} .servicestabs a:hover{color:#c99600; text-decoration:none}
.servicestabs img{margin-bottom:5px}

.testimonials {width:100%; padding:10px; background:#FFF; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; font-weight:bold; margin-bottom:10px}
.testimonials p {font-weight:normal; margin:0 0 10px 0; padding:0}
.testimonials:hover {background:#eeeeee}

#uselinks {width:100%}
#uselinks .col1 {}
#uselinks .col2 {width:300px; text-align:right}

#blog {width:100%}
#blog hr{width:100%; margin:10px 0 10px 0; border:0; border-bottom:dashed 1px #CCC}

#checkoutwrap .col1{width:350px; vertical-align:top}
#checkoutwrap .col2{width:300px; vertical-align:top}
#checkout {width:100%; background:#fff; padding:8px}
#checkout .form {background:url(img/input_bck.jpg) repeat-x top #FFF; border:1px solid #CCC; height:20px; margin-bottom:5px; width:30px; padding:5px 0 0 5px; font-family:Arial, Helvetica, sans-serif}
#checkout .formbtn {color:#fff; background:#119400; border:0; padding:5px 8px 5px 8px; -webkit-border-radius: 5px; border-radius: 5px;}
#checkout .hdpro { font-weight:bold; text-transform:uppercase; padding:8px}
#checkout .hdpro td {padding:8px}
#checkout .pro {background:#e1e1e1; padding:8px; }
#checkout .pro:hover {background:#CCC; cursor:default}
#checkout .pro td {padding:8px; border-bottom:1px solid #FFF}
#checkout .total {font-size:14px; padding:8px; border-top:2px solid #000}
#mydetails {width:100%; margin-top:20px}


/* BOXES */
#download {width:500px; background:#FFF; margin-top:20px; padding:10px}
#download .file {background:#e1e1e1; padding:10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; font-size:14px; font-weight:bold}
#download .file:hover {background:#d7d7d7;}