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

/*
---------------------------------------------
33. service dept page
---------------------------------------------
*/





.col_left{float:left; width:245px; padding:10px 10px 10px 15px;}
.col_middle{float:left; width:408px;padding:10px; }
.col_right{float:left; width:230px; padding:10px; }

.col_left .left_top{background:url(../images/bg_service_tall.gif) repeat-x; border:1px solid #CCCCCC; height:108px; width:100%;}
.col_left .left_top h1 {color:#000; padding:15px 0 10px 0; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:28px;}
.col_left .left_top .button_service_apt{width:225px; margin:auto;}


.col_left .hours { width:100%; height:190px;  padding:20px 0}
.col_left .hours h6 { background:url(../images/bg_searchbar.gif) no-repeat; padding:3px 0; padding-left:23px}
.col_left .hours ul { list-style:none; padding:10px 0}
.col_left .hours ul li  { font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; color:#000000; padding:1px 0 1px 20px}  
.col_left .hours ul li .span_left { width:90px; float:left}

.col_left .left_bottom{background:url(../images/bg_service_short.gif) repeat-x; height:86px; width:100%; border:1px solid #CCCCCC; }
.col_left .left_bottom h6{ padding:4px 0 5px 4px; color: #000000;}
.col_left .left_bottom h3{color:#db1921; font-size:28px; text-align:center; padding:5px 0 0 0; }
.col_left .left_bottom .learn_more{color:#3792c8;text-align:right; padding:5px 5px 0 0; font-size:12px; font-weight:normal;}

.col_middle .slide_show{height:340px; width:408px; background-color:#FFFFFF;}
#jdsgShowcase{width: 408px !important; height: 330px !important; cursor:url; overflow:hidden;background:none;}

.col_middle .bottom_middle{background:url(../images/bg_quicklane.gif) no-repeat; height:86px; width:406px; border:1px solid #CCCCCC; }
.col_middle .bottom_middle .learn_more{color:#3792c8;text-align:right; padding:5px 5px 0 0; font-size:12px; font-weight:normal;}

.col_middle .bottom_middle2{background:url(../images/bg_detailing.gif) no-repeat; height:86px; width:406px; border:1px solid #CCCCCC; }


.col_right .service_videos{ width:237px; height:340px; background:url(../images/bg_service_videos.jpg) no-repeat; }
.col_right .service_videos .button{width:127px; margin:auto; padding-top:265px;}

.col_right .bottom_right{background:url(../images/bg_service_short.gif) repeat-x; height:86px; width:236px; border:1px solid #CCCCCC;}
.col_right .bottom_right h3 {color:#0079c1; padding:5px 0 5px 0; text-align:center;}
.col_right .bottom_right .button_coupon{width:215px; margin:auto;}



.techs {width:641px; margin:auto;}


#service { width:960px; float:left; background:url(../images/bg_content_inner.gif) repeat-y; padding-bottom:35px; margin-top:-1px }
#service h1 { font-family:Arial, Helvetica, sans-serif; font-size:30px; font-weight: bold; color:#000000}


/*
---------------------------------------------
33.1 service dept page - left side
---------------------------------------------
*/

#service_dept_left { width:259px; float:left; padding:20px 23px 0 3px; overflow:hidden;}
#service_dept_left h1 {text-align:center;}

.photo_service_dept { width:235px; float:left; padding-left:13px; padding-bottom:15px}

#service_dept_sub { width:259px; float:left; padding:20px 0}
#service_dept_sub h6 { background:url(../images/bg_searchbar.gif) no-repeat; padding:3px 0; padding-left:23px}
#service_dept_sub ul { list-style:none; padding:10px 0}
#service_dept_sub ul li { font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:normal; color:#000000; padding:4px 0 1px 20px}  
#service_dept_sub ul li .span_left { width:90px; float:left}

#service_depthours { width:259px; float:left; padding:20px 0}
#service_depthours h6 { background:url(../images/bg_searchbar.gif) no-repeat; padding:3px 0; padding-left:23px}
#service_depthours ul { list-style:none; padding:10px 0}
#service_depthours ul li  { font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; color:#000000; padding:1px 0 1px 20px}  
#service_depthours ul li .span_left { width:90px; float:left}

.service_dept_sub h4{padding:15px 0 0 18px}



.logo_genuine { float:left; padding:5px 0 5px 55px}


/*
---------------------------------------------
33.2 service dept page - right side
---------------------------------------------
*/

#service_dept_right { width:650px; float:left; padding-top:30px; overflow:hidden;}
#service_dept_right .main_photo{margin:10px 0 10px 6px;}
#service_dept_right h1 { font-weight:normal; border-bottom:1px solid #000000; padding-bottom:5px}
#service_dept_right h3 { padding:5px 0 10px 0; margin-top:15px; }
#service_dept_right h5 { font-family:Arial, Helvetica, sans-serif; }
#service_dept_right p { font-size:14px; color:#000000; padding-top:5px; margin-bottom:15px; }
#service_dept_right .highlight{font-weight:bold; color:#F00;line-height:22px;}


.services_offered_title{text-align:center; color:#000000; padding-top:20px;  width:740px; }
#services_offered_container{padding-left:110px;}
#services_offered{ width:740px; float:left; border:2px solid #CCCCCC; padding-bottom:15px; margin:10px 0 25px 0; clear:both;}
#services_offered ul { width:230px; float:left; list-style:none; padding:6px}
#services_offered ul li { background:url(../images/equipment_li_bullet.gif) no-repeat 0 12px; font-size:14px; font-weight:normal; color:#000000; line-height:1.5em; padding:3px 0 3px 15px} 

#service_dept_quotebox{ width:237px; float:right; background:#cb161e url(../images/bg_quotebox_small.gif) center no-repeat; padding:5px; margin-top:50px; }
#service_dept_quotebox h4 { padding:20px 10px 20px 10px; text-align:center; font-style:normal; line-height:24px;color:#FFFFFF;}
#service_dept_quotebox h5 { color:#FFFFFF; text-align:right; padding-right:10px; padding-bottom:8px}
#service_dept_quotebox p a {color:#FFFFFF; text-decoration:underline}

#coupons{width:645px; float:left; padding-bottom:15px; margin:0 0 30px 0; }

#coupons .coupon{background:url(../images/bg_service_coupon_hd.gif) no-repeat; border:3px dashed #000; width:184px; height:100%; padding:80px 5px 5px 5px; float:left; margin:10px 15px 0 0; text-align:center;}

#coupons h1 {font-size:22px; padding: 8px 0 8px 0; color:#005281; border:none;}
#coupons h2 {font-size:12px; font-weight:bold; color:#005281; padding: 8px 0 8px 0}
#coupons h2 a {font-size:12px; font-weight:bold; color:#005281; text-decoration:underline; padding: 8px 0 6px 0}
#coupons h3 {font-size:36px; font-weight:bold; color:#005281; border:none; padding:0; margin:0;}
#coupons p {font-size:9px; color:#666; text-align:left; padding-left:7px;}

#main_service{margin-bottom:30px;}

.row_group{clear:both;}

.safe_parts{padding:30px; color:#000000;}
.safe_parts p {color:#000000; line-height:140%}

.concern{padding:10px 30px; color:#000000;border-bottom:1px solid #CCC; margin-bottom:10px;}

.service_menu{width:100%; border-bottom:1px solid #CCC; clear:both; float:left }
.service_menu .mileage{color:#FFF; background-color:#000000; padding:10px 10px 10px 50px; font-size:18px; float:left;}

.service_menu .menu_content{float:left; padding:0 10px;}
.service_menu .menu_content .title{ padding:5px 0; font-size:24px;}
.service_menu .menu_content ul{padding: 5px; margin:0 0 0 15px;}
.service_menu .menu_content li{padding:2px 0}


.service_menu .price{color: #F00; padding:10px 10px 10px 50px; font-size:36px; font-weight:bold;  float:right;}