/* CSS Document */
body, html { margin: 0; padding: 0; }
body { width: 100%; font : 76%/160% Verdana, Tahoma, Arial, sans-serif; text-align: center; color: #333; background:#E2E2E2; }
a:link, a:visited, a:active { text-decoration: underline; color: #999; }
a:hover { text-decoration: none; }
em { font-style: italic; font-size: 12px; line-height: 20px; }

/* ------------------------------------------------------------------------------------------------------------- */

#top { position: relative; width: 800px; height: 12px; margin: 0; padding: 0; text-align: left; background: url(../images/container_bg.gif) no-repeat top left; }
#container { position: relative; width: 800px; height: 100%; margin: 0 auto; padding: 0; text-align: left; background: url(../images/mainbody_bg.gif) repeat-y top left; }

#logo { position: relative; width: 790px; height: 145px; margin: -8px 0 0 2px; padding: 0; background: url(../images/logo.jpg) no-repeat top left; border-top: 1px solid #e2e2e2; }
#logo h1 { text-indent: -9999px; }

/* ------------------------------------------------------------------------------------------------------------- */

#headerimg { position: relative; width: 850px; height: 250px; margin: 0 0 0 -30px; padding: 0; background: url(../images/horsehead.jpg) no-repeat top left; border: 3px solid #999; background-color: #999; }
#headerimg2 { position: relative; width: 850px; height: 250px; margin: 0 0 0 -30px; padding: 0; background: url(../images/topimg_ser.jpg) no-repeat top left; border: 3px solid #999; background-color: #999; }
#headerimg3 { position: relative; width: 850px; height: 250px; margin: 0 0 0 -30px; padding: 0; background: url(../images/topimg_2.jpg) no-repeat top left; border: 3px solid #999; background-color: #999; }
#headerimg4 { position: relative; width: 850px; height: 250px; margin: 0 0 0 -30px; padding: 0; background: url(../images/topimg_3.jpg) no-repeat top left; border: 3px solid #999; background-color: #999; }
#headerimg5 { position: relative; width: 850px; height: 250px; margin: 0 0 0 -30px; padding: 0; background: url(../images/topimg_4.jpg) no-repeat top left; border: 3px solid #999; background-color: #999; }

/* ------------------------------------------------------------------------------------------------------------- */

#infoborder { width: 790px; height: 40px; margin: -5px 0 0 2px; padding: 0; text-align: right; background-color: #3f1404; }
#infoborder p { margin: 0; padding: 10px 20px 0 0; color: #ffffff; }
#infoborder a:link, #infoborder a:visited, #infoborder a:active { color: #fff; text-decoration: none; }
#infoborder a:hover { text-decoration: underline; }

/* ------------------------------------------------------------------------------------------------------------- */

#navlist { position: relative; width: 790px; height: 40px; margin: 0 0 0 2px; padding: 0; color: #000; background: #3f1404; }
#navlist ul { list-style-type: none; margin: 0; padding: 0 0 10px 0; }
#navlist li { display: inline; }
#navlist a { display: block; float: left; text-decoration: none; margin: 0; padding: 10px 30px 10px 30px; color: #ffffff; }
#navlist a:hover { background-color: #5f1e06; }
#navlist li.on a { text-decoration: underline; }
#navlist h2 { margin: 0; padding: 0; height: 30px; background: url(../images/temp_text.gif) no-repeat 25px 5px; text-indent: -9999px; }

/* ------------------------------------------------------------------------------------------------------------- */

#maincontent { position: relative; width: 790px; height: 100%; margin: 20px 0 0 0; padding: 0; }
#maincontent p { margin: 0; padding: 10px 20px 5px 20px; color: #000; }
#maincontent img.floatrightimg { margin: 0; padding: 0 0 5px 5px; float: right; }

/* TITLES STYLES */
#maincontent h2.habout, #maincontent h2.hwashdry, #maincontent h2.hwashreproofdry, #maincontent h2.hdehairing, #maincontent h2.hbespoke, #maincontent h2.hrugrepairs, #maincontent h2.hsaddleryharness, #maincontent h2.hhatsilds, #maincontent h2.hfindus, #maincontent h2.hdisclaimer, #maincontent h2.hpayterms, #maincontent h2.huseful, #maincontent h2.hfaq, #maincontent h2.htestimonials { margin: 15px 0 5px 20px; padding: 0; text-indent: -99999px; }
#maincontent h2.habout { width: 144px; height: 18px; background: url(../images/tabout.gif) no-repeat 0 0; }
#maincontent h2.hwashdry{ width: 207px; height: 18px; background: url(../images/twashdry.gif) no-repeat 0 0; }
#maincontent h2.hwashreproofdry { width: 333px; height: 21px; background: url(../images/twashreproofdry.gif) no-repeat 0 0; }
#maincontent h2.hdehairing { width: 179px; height: 19px; background: url(../images/tdehairing.gif) no-repeat 0 0; }
#maincontent h2.hbespoke { width: 266px; height: 19px; background: url(../images/tbespoke.gif) no-repeat 0 0; }
#maincontent h2.hrugrepairs { width: 183px; height: 19px; background: url(../images/trugrepairs.gif) no-repeat 0 0; }
#maincontent h2.hsaddleryharness { width: 437px; height: 19px; background: url(../images/tsaddleryharness.gif) no-repeat 0 0; }
#maincontent h2.hhatsilds { width: 141px; height: 18px; background: url(../images/thatsilds.gif) no-repeat 0 0; }
#maincontent h2.hfindus { width: 244px; height: 18px; background: url(../images/tfindus.gif) no-repeat 0 0; }
#maincontent h2.hdisclaimer { width: 368px; height: 19px; background: url(../images/tdisclaimer.gif) no-repeat 0 0; }
#maincontent h2.hpayterms { width: 229px; height: 18px; background: url(../images/tpayterms.gif) no-repeat 0 0; }
#maincontent h2.huseful { width: 197px; height: 18px; background: url(../images/tuseful.gif) no-repeat 0 0; }
#maincontent h2.htestimonials { width: 206px; height: 18px; background: url(../images/ttestimonials.gif) no-repeat 0 0; }
/* END OF TITLES STYLES */

#maincontent h2.hfaq { width: 71px; height: 23px; background: url(../images/tfaq.gif) no-repeat 0 0; }
#maincontent p.instuct { margin: 10px 10px 0 20px; padding: 0; color: #000; font-weight: bold; font-style: italic; text-transform: uppercase; border-top: 1px dashed #3f1404; }
#maincontent p.small { margin: 10px 10px 0 20px; padding: 0; font-size: 10px; border-top: 1px dashed #3f1404; }
#maincontent p.quote { margin: 0 0 0 30px; padding: 0;}

/* ------------------------------------------------------------------------------------------------------------- */

/* HOME / INDEX 2 PAGE VERTICAL STYLE */
#indexcontent { position: relative; width: 790px; height: 370px; margin: 5px 0 0 5px; padding: 0; }
.intexcontentquote_1, .intexcontentquote_2, .intexcontentquote_3 { position: relative; float: left; width: 150px; height: 170px; margin: 7px 0 0 5px; padding: 0; border-left: 1px solid #FF9A20; background: url(../images/indeximgbg.jpg) no-repeat 0 0; color: #000; }
.intexcontentquote_4, .intexcontentquote_5, .intexcontentquote_6 { position: relative; float: left; width: 150px; height: 165px; margin: -164px 0 0 5px; padding: 0; border-left: 1px solid #FF9A20; background: url(../images/indeximgbg.jpg) no-repeat 0 0; color: #000; }
#indexcontent .intexcontentquote_1 p, #indexcontent .intexcontentquote_2 p, #indexcontent .intexcontentquote_3 p, #indexcontent .intexcontentquote_4 p, #indexcontent .intexcontentquote_5 p, #indexcontent .intexcontentquote_6 p { font-size: 12px; font-weight: normal; margin: 0; padding: 20px 5px 5px 5px; }
.intexcontentquote_7 { position: relative; float: left; width: 305px; height: 355px; margin: 7px 0 0 5px; padding: 0; color: #000; }
#indexcontent img { float: right; padding: 5px 0 5px 5px; }
/* END OF HOME / INDEX 2 PAGE VERTICAL STYLE */

/* ------------------------------------------------------------------------------------------------------------- */

/* USEFUL PAGE LAYOUT */
.logocontent { position: relative; width: 790px; height: 300px; margin: 10px 0 0 0; padding: 0; }
.logocontentleft, .logocontentcenter, .logocontentright { position: relative; float: left; width: 250px; margin: 0 10px 0 0; padding: 0; text-align: center; }
.logocontentleft img, .logocontentcenter img, .logocontentright img { border: none; }
/* END OF USEFUL PAGE LAYOUT */

/* ------------------------------------------------------------------------------------------------------------- */

/* IMAGE STYLES */
img.iuseful { margin: 10px 0 0 10px; padding: 0; }
img.service { margin: 10px 0 0 130px; padding: 0; }
/* END OF IMAGE STYLES */

/* ------------------------------------------------------------------------------------------------------------- */

/* OPENING PAGE STYLE */
.times { position: relative; width: 790px; height: 250px; margin: 10px 0 0 5px; padding: 0; }
.timesleft, .timesright { position: relative; float: left; width: 150px; margin: 0 0 0 5px; padding: 0; }
.timesleft p { font-weight: bold; margin: 0; padding: 0; }
.timesright p { font-weight: normal; margin: 0; padding: 0; }
/* END OF OPENING PAGE STYLE */

/* ------------------------------------------------------------------------------------------------------------- */

#maincontent .testimonials ul { list-style-type: none; margin: 20px 0 0 20px; padding: 0; }
#maincontent .testimonials li { margin: 0; padding: 3px 25px 5px 25px; background: url(../images/quotes_left.gif) no-repeat 0 0; }

/*#navlist { position: relative; float: left; width: 155px; height: 100%; margin: 0; padding: 30px 0 0 50px; margin-top: 0; left: 0; top: 0; }
#navlist ul { list-style-type: none; margin: 0; padding: 0; text-transform: uppercase; }
#navlist ul li { padding: 10px 0 10px 0; }
#navlist li a { margin: 0; padding: 5px 0 0 0; text-decoration: none; color: #333333; background: url(../images/bulletb.gif) no-repeat; padding-left: 30px; }
#navlist li.on a { color: #4c7d2b; background: url(../images/bulletg.gif) no-repeat; padding-left: 30px; }
#navlist li a:hover { text-decoration: underline; }*/

/* ------------------------------------------------------------------------------------------------------------- */

/* TABLE STYLE */
caption { text-align: left; margin: 0 0 5px 0; font-weight: bold;  }
table { border-collapse: collapse; margin: 10px 0 0 20px; }
th, td { border-right: 1px solid #fff; border-bottom: 1px solid #fff; padding: 5px; width: 430px; }
th.two, td.two { border-right: 1px solid #fff; border-bottom: 1px solid #fff; padding: 5px; width: 100px; }
tr { background: #B0C4D7; }
thead th { background: #036; color: #fff; }
tbody th { font-weight: normal; background: #658CB1; }
tr.alternate { background: green; }
tr.alternate td { background: red; }
/* END OF TABLE STYLE */

/* ------------------------------------------------------------------------------------------------------------- */

/* FOOTER STYLE */
#footer { position: relative; width: 800px; height: 11px; margin: 0 auto; padding: 0; text-align: left; background: url(../images/footer_bg.gif) repeat-y top left; }
#footer p { margin: 0; padding: 8px 0 0 0; text-align: center; font-size: 10px; }
#footer p.copy { margin: 0; padding: 0; text-align: center; }
#footer a:link, #footer a:visited, #footer a:active { color: #000; text-decoration: none; }
#footer a:hover { text-decoration: underline; }
#footer a.onlink { text-decoration: underline; }
/* END OF FOOTER STYLE */

/* ------------------------------------------------------------------------------------------------------------- */

/* HOME / INDEX PAGE BOX STYLE 
.indexcontent { position: relative; width: 790px; height: 370px; margin: 10px 0 0 0; padding: 0; }
.intexcontentquote1, .intexcontentquote3, .intexcontentquote4, .intexcontentquote5, .intexcontentquote6 { position: relative; float: left; width: 230px; height: 170px; margin: 7px 7px 0 18px; padding: 0; background-color: #fff; border: 3px solid #3f1404; text-indent: -9999px; }
.intexcontentquote2 { position: relative; float: left; width: 230px; height: 160px; margin: -10px 30px 0 0; padding: 0; background-color: #fff; text-indent: -9999px; }
.intexcontentquote1 h2 { width: 210px; height: 150px; background: url(../images/quote1.gif) no-repeat 7px -2px; }
.intexcontentquote2 h2 { width: 258px; height: 182px; background: url(../images/homeimg1.jpg) no-repeat 7px 5px; }
.intexcontentquote3 h2 { width: 210px; height: 150px; background: url(../images/quote3.gif) no-repeat 7px 5px; }
.intexcontentquote4 h2 { width: 210px; height: 150px; background: url(../images/quote4.jpg) no-repeat 7px 5px; }
.intexcontentquote5 h2 { width: 210px; height: 150px; background: url(../images/quote5.gif) no-repeat 7px 5px; }
.intexcontentquote6 h2 { width: 210px; height: 150px; background: url(../images/quote6S.gif) no-repeat 7px 5px; }
END OF HOME / INDEX PAGE BOX STYLE */