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

* { margin:0; padding:0; }

body { background:#720918 url(../images/bg.jpg) repeat-x; font:0.8em/1.5 Arial, Helvetica, sans-serif; }
a { text-decoration:none; color:#69031B; font-weight:bold; }
a:hover { text-decoration:underline; }
a:focus { overflow:hidden; }

/* GLOBAL CLASSES */
.red_txt { color:#69031B; }
.left { float:left; }
.right { float:right; }
.clear { clear:both; }
.spacer { height:8px; margin-bottom:5px; padding:0; border-bottom:1px dashed #ccc; display:block; width:100%; }

.btn_moreinfo { background:url(../images/moreinfo_btn.jpg) 0 0 no-repeat; width:103px; height:21px; display:inline-block; line-height:30em; text-indent:30em; overflow:hidden; cursor:pointer; }
.btn_backtogallery { background:url(../images/btn_backgallery.jpg) 0 0 no-repeat; width:159px; height:27px; display:inline-block; line-height:30em; text-indent:30em; overflow:hidden; cursor:pointer; margin:22px 0 0; }
.btn-enquire-now { background:url(../images/btn_enquire.jpg) no-repeat; width:232px; height:31px; text-indent:-9999px; display:block; text-indent:-99999px; cursor:pointer; }
.btn_backtosales { background:url(../images/btn_backcars.jpg) 0 0 no-repeat; width:214px; height:28px; display:inline-block; line-height:30em; text-indent:30em; overflow:hidden; cursor:pointer; margin:22px 0 0; }

#page-wrap { width:925px; margin:10px auto; overflow:auto; }
#page-header { background:url(../images/main_top.jpg) no-repeat; width:924px; height:24px; }

#page-middle { background:url(../images/main_mid.jpg); width:864px; padding:0 30px; overflow:hidden; }
#page-middle h1 a { display:block; background:url(../images/logo.jpg) center no-repeat; width:371px; height:112px; text-indent:-5000px; padding:35px 0 0; margin:0 40px 35px; float:left; overflow:hidden; }
#page-middle img.top_pic { float:right; margin:5px 30px 25px 0; }
#page-middle ul#nav { clear:both; list-style:none; display:block; width:863px; margin:0 auto; height:30px; }
#page-middle ul#nav li { display:block; background:url(../images/menu_line.jpg) no-repeat; float:left; height:30px; }
#page-middle ul#nav li:first-child { background:none !important; }
#page-middle ul#nav a { height:18px; text-indent:-5000px; display:block; overflow:hidden; float:left; margin:0 31px 40px; }
#page-middle ul#nav a.home { background:url(../images/menu/home.jpg) no-repeat; width:51px; }
#page-middle ul#nav a.aboutus { background:url(../images/menu/about.jpg) no-repeat; width:61px; }
#page-middle ul#nav a.services { background:url(../images/menu/services.jpg) no-repeat; width:68px; }
#page-middle ul#nav a.gallery { background:url(../images/menu/gallery.jpg) no-repeat; width:71px; }
#page-middle ul#nav a.contact { background:url(../images/menu/contact.jpg) no-repeat; width:105px; }
#page-middle ul#nav a.sale-items { background:url(../images/menu/saleitems.jpg); width:121px; }

#page-content { background:url(../images/shadow.jpg) center top no-repeat; padding:25px 0 0 0; }
#page-content h2 { clear:both; margin:15px 0 8px; color:#7F0119; }
#page-content h2.welcome_title { background:url(../images/welcome_txt.jpg) no-repeat; width:435px; height:23px; text-indent:-9999px; }
#page-content h2.about_us { background:url(../images/txt_about.jpg) no-repeat; width:111px; height:23px; text-indent:-9999px; }
#page-content h2.services { background:url(../images/txt_services.jpg) no-repeat; width:111px; height:23px; text-indent:-9999px; }
#page-content h2.gallery { background:url(../images/txt_gallery.jpg) no-repeat; width:111px; height:23px; text-indent:-9999px; }
#page-content h2.contact { background:url(../images/txt_contact.jpg) no-repeat; width:111px; height:23px; text-indent:-9999px; }
#page-content h2.sale-items { background:url(../images/txt_saleitems.jpg) no-repeat; width:159px; height:23px; text-indent:-9999px; }
#page-content .underline { background:url(../images/fade_line.jpg) top no-repeat; width:842px; height:15px; }
#page-content p { margin:0 0 25px; }
#page-content img.right { float:right; margin:0 0 20px 20px; }
#page-content ul { margin:6px 0 40px 25px; }
#page-content li { margin:0 0 3px; }
#page-content h3.before { background:url(../images/txt_before.jpg) no-repeat; width:60px; height:19px; text-indent:-9999px; }
#page-content h3.after { background:url(../images/txt_after.jpg) no-repeat; width:53px; height:19px; text-indent:-9999px; }
#page-content h3.body { background:url(../images/txt_bodyshop.jpg) no-repeat; width:90px; height:18px; text-indent:-9999px; }
#page-content h3.paint { background:url(../images/txt_paintshop.jpg) no-repeat; width:92px; height:17px; text-indent:-9999px; }
#page-content h3.mechanical { background:url(../images/txt_mechanical.jpg) no-repeat; width:166px; height:18px; text-indent:-9999px; }
#page-content h3.trimming { background:url(../images/txt_trimming.jpg) no-repeat; width:233px; height:18px; text-indent:-9999px; }
#page-content h3.testimonial { background:url(../images/txt_testimonials.jpg) no-repeat; width:115px; height:19px; text-indent:-9999px; }
#page-content h3.information { background:url(../images/txt_information.jpg) no-repeat; width:115px; height:19px; text-indent:-9999px; }
#page-content h3.directions { background:url(../images/txt_directions.jpg) no-repeat; width:128px; height:24px; text-indent:-9999px; margin:0 0 7px; }
#page-content h3.mission { background:url(../images/txt_mission.jpg) no-repeat; width:161px; height:18px; text-indent:-9999px; margin:0 0 7px; }
#page-content h3.additional { background:url(../images/txt_additional_info.jpg); width:144px; height:18px; text-indent:-9999px; margin:0 0 7px; }
#page-content h3.classic { background:url(../images/txt_classic.jpg) no-repeat; width:186px; height:19px; text-indent:-9999px; margin:45px 0 7px; }

#page-content form { margin:20px 0; overflow:hidden; float:left; width:470px; }
#page-content form label { clear:both; float:left; width:80px; margin:0 10px 10px 0; display:block; text-indent:-9999px; }
#page-content form label.lbl_name { background:url(../images/txt_name.jpg) no-repeat; }
#page-content form label.lbl_email { background:url(../images/txt_email.jpg) no-repeat; }
#page-content form label.lbl_tel { background:url(../images/txt_telnum.jpg) no-repeat; }
#page-content form label.lbl_msg { background:url(../images/txt_enquiry.jpg) no-repeat; }
#page-content form input { float:left; margin:0 0 10px; padding:4px; width:288px; background:url(../images/box1.jpg) no-repeat; border:0; }
#page-content form textarea { float:left; width:288px; height:100px; padding:4px; background:url(../images/box2.jpg) no-repeat; border:0; }
#page-content form input[type="submit"] { clear:both; margin:10px 0; width:81px; height:26px; background:url(../images/btn_send.jpg) no-repeat; text-indent:-9999px; cursor:pointer; display:block; font-size:0.1%; text-align:left; color:#E0E0E0; }

#page-content #map { float:left; width:288px; overflow:hidden; margin-top:20px; }
#page-content #map a { margin:8px 0; display:block; }
#page-content #map address { background:url(../images/address2.jpg) no-repeat; width:100%; height:88px; text-indent:-9999px; margin:35px 0; }


#page-footer-details { clear:both; height:140px; background:url(../images/shadow.jpg) center top no-repeat;} 
#page-footer-details address { background:url(../images/address.gif) bottom no-repeat; width:155px; height:120px; text-indent:-5000px; float:left;}
#page-footer-details .tel_fax_email { background:url(../images/tel_num.gif) bottom no-repeat; width:250px; height:90px; text-indent:-5000px; float:right; }

#page-footer { background:url(../images/main_bottom.jpg) no-repeat; width:924px; height:24px; } 

/* FRONT PAGE GALLERY */
#front_gallery { width:560px; margin:20px auto; height:114px; }
#front_gallery img { height:106px; padding:4px; border:#DFE0E2 solid 1px; float:left; margin:0 15px; }
#front_gallery_img a { color:#69031B; border:0; } 

/* PHOTO GALLERY */
#img-before { float:left; margin:0 80px 30px; }
#img-after { float:left; }
#img-before img, #img-after img, #car-for-sale img { padding:4px; border:1px solid #ccc; margin:10px 0 0 0; }
#car-for-sale { clear:both; }
#car-for-sale img { float:left; width:388px; margin:0 20px 20px 0; }
#car-for-sale-img-tn { float:left; width:375px; }
#car-for-sale-img-tn img { width:90px; height:70px; float:left; margin:0 10px 10px 0 !important; }
#testimonials { clear:both; margin:0 0 40px; }
#testimonials h3 { margin:0 0 10px; }
#testimonials cite { display:block; font-weight:bold; font-style:normal; margin:5px 0; }

/* ADDITIONAL CLASSES */
a.barclay { color:#FFF; margin:10px 15px; display:block; }
p.validation { background:#FFC; border:#900 1px solid; width:79%; margin:7px 5px 18px !important; padding:5px; text-align:center; }
.clear { clear:both; }
.about_us_img { float:right; margin:0 15px 0 30px; }
.clear { clear:both; }

/* SERVICES */
#services { position:relative; }
#services h3 { margin:15px 0 10px;  }
#services ul { padding:0; margin:10px 0 7px 10px; list-style-type:none; }
#services ul li { }
#services ul li.main { width:620px; _width:390px; float:left; margin:0 0 6px; }
#services p { margin:0; }
#services .txt { float:left; width:500px; }
#services .img-wrapper { float:right; width:340px; margin:0 0 0 15px; }
#services .img-wrapper img { border:1px solid #ccc; padding:9px; width:125px; background:#fff; margin:0 0 0 10px;}

/* GALLERY */
#gallery { overflow:hidden; margin:0 0 35px; }
#gallery ul { list-style:none; padding:0; margin:10px 0; background:#e9e9e9 url(../images/gallery_mid.jpg) repeat-x; border-left:1px solid #ccc; border-right:1px solid #ccc; width:99%; border-bottom:2px solid #ccc; position:relative; z-index:2;  }
#gallery ul li { display:block; padding:10px; }
#gallery ul li.lefttop { background:url(../images/gallery_left.jpg) 0 0 no-repeat; width:12px; height:70px; position:absolute; top:0; left:-2px; overflow:hidden; padding:0; display:block; }
#gallery ul li.leftbottom { background:url(../images/gallery_left.jpg) 0 -129px no-repeat; width:12px; height:17px; position:absolute; bottom:-5px; left:-2px; overflow:hidden; padding:0; line-height:0; }
#gallery ul li.righttop { background:url(../images/gallery_right.jpg) 0 0 no-repeat; width:12px; height:70px; position:absolute; top:0; right:-1px; overflow:hidden; padding:0; }
#gallery ul li.rightbottom { background:url(../images/gallery_right.jpg) 0 -129px no-repeat; width:12px; height:17px; position:absolute; bottom:-5px; right:-1px; overflow:hidden; padding:0; }
#gallery ul .thumbs { width:160px; float:left; margin:10px 0 0; }
#gallery ul .thumbs img { width:140px;border: 1px solid #ccc; padding:9px; background:#fff; }
#gallery ul .desc { float:left; margin:10px 10px 0 0;  }
#gallery ul .desc_width1 { width:820px; _width:800px;  }
#gallery ul .desc_width2 { width:645px; _width:630px; }
#gallery ul .desc_width3 { width:465px; _width:405px; }

#gallery ul li.clear { height:1px; padding:0; }
* html #gallery ul li.clear { display:none; }

h3.gallery_cat  { margin:10px 0; padding:0 0 5px; border-bottom:1px #E3E3E3 solid; font-size:1.4em; color:#77011B; }

.gallery_thumb { margin:0 6px; }
.gallery_thumb img { width:90px; margin:2px 0 0 0 !important; }

#gallery-before, #gallery-after { height:220px; margin:5px 0 10px !important; display:block; }