/* RESET */
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, 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 }

/* PAGE STRUCTURE */
body { font:.8em 'Droid Sans', arial, sans-serif; line-height:150%; background:url(img/bg.png) top center; }
.outer { position:relative; clear:both; }
.inner { position:relative; margin:0 auto; width:956px; clear:both; }

/* TEXT */
h1, h2, h3 { margin-bottom:15px; color:#ed1c22; font-style:italic; z-index:999; }
h1 { font-size:1.8em; }
h2 { font-size:1.4em; }
h3 { font-size:1.2em; }
p { margin-bottom:15px; }
a { text-decoration:none; }
a:hover { text-decoration:underline; }
ul { list-style:none; margin-bottom:15px; }

/* HEADER */
#header { z-index:49; height:151px; background:#ccc url(img/bg_header.png) top repeat-x; }
#logo { display:block; position:absolute; top:0px; left:0px; overflow:hidden; background:url(img/logo.png) no-repeat; height:0px; padding-top:127px; width:585px; z-index:997; }
.schedule_tab { position:absolute; top:-25px; left:450px; background:url(img/schedule_tab.png); width:179px; height:0; padding-top:96px; overflow:hidden; display:block; }
.header_text { font-size:1em; position:absolute; right:20px; text-align:right; color:#b10616; font-weight:bold; top:20px; z-index:999; padding:5px; }
.header_text .top { font-style:italic; font-size:1.6em; }
.header_text .phone { font-size:2em; }

/* NAVIGATION */
#nav_outer { position:absolute; bottom:0; padding:0; margin:0; clear:both; height:58px; z-index:9998; }
#nav { position:relative; float:right; z-index:9999; }
#nav li { display:block; float:left; text-align:center; position:relative; border:none; }
#nav li a { display:block; float:left; background:url(img/nav.png); font-size:1.1em; line-height:58px; padding:0 12px; color:#000; border-right:1px solid #ccc; border-left:1px solid #fff; }
#nav li a:hover { text-decoration:none; background-position:0 -58px; }
#nav li a:active { background-position:0 -116px;  }
#nav li:first-child a { border-left:none; }
#nav li.last a { border-right:none; }
#nav li .drop { padding-right:30px; background:url(img/dropdown.png) no-repeat center right; }
#nav li:hover .drop { background:url(img/dropdown.png) no-repeat center right; }
#nav li span a { color:#000; margin:0; padding:0; border:none; font-size:1em; width:auto; line-height:200%; text-shadow:0; float:none; background:none; text-align:left; }
#nav li span a:hover { text-decoration:underline; }
.dropdown_1column, .dropdown_2columns, .dropdown_3columns, .dropdown_4columns, .dropdown_5columns { margin:58px auto; float:left; position:absolute; left:-999em; text-align:left; padding:10px 5px 10px 5px; border-top:none; background:#eee; z-index:9999; -webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px; }
.dropdown_1column { width: 170px; }
.dropdown_2columns { width: 321px; }
.dropdown_3columns { width: 440px; }
.dropdown_4columns { width: 580px; }
.dropdown_5columns { width: 720px; }
#nav li:hover .dropdown_1column, #nav li:hover .dropdown_2columns, #nav li:hover .dropdown_3columns, #nav li:hover .dropdown_4columns, #nav li:hover .dropdown_5columns { left:0px; top:auto; }
.col_1, .col_2, .col_3, .col_4, .col_5 { display:inline; float: left; position: relative; margin-left: 5px; margin-right: 5px; padding:10px; z-index:9999; }
.col_1 { width:130px; }
.col_2 { width:270px; }
.col_3 { width:410px; }
.col_4 { width:550px; }
.col_5 { width:690px; }
#nav img { float:left; margin:0 10px 10px 0; clear:left; border:5px solid #fff; }
#nav .menu_right { float:right; margin-right:0px; }
#nav li:hover .align_right { left:auto; right:0px; top:auto; }
#nav li ul { list-style:none; padding:0; margin:0; }
#nav li ul li { font-size:12px; line-height:24px; position:relative; text-shadow: 1px 1px 1px #ffffff; padding:0; margin:0; float:none; text-align:left; }
#nav li ul li:hover { background:none; border:none; padding:0; margin:0; }

/* QUICKNAV */
#quicknav { position:absolute; top:-55px; z-index:999; left: 3px; }
#quicknav li { display:block; float:left; z-index:999; }
#quicknav li a { display:block; float:left; height:0; overflow:hidden; padding-top:209px; background:url(img/quicknav.png); }
#quicknav li.quicknav1 a { background-position:-14px 0px; width:154px; margin-left:14px; }
#quicknav li.quicknav1 a:hover { background-position:-14px -212px; }
#quicknav li.quicknav2 a { background-position:-168px 0px; width:154px; }
#quicknav li.quicknav2 a:hover { background-position:-168px -212px; }
#quicknav li.quicknav3 a { background-position:-322px 0px; width:154px; }
#quicknav li.quicknav3 a:hover { background-position:-322px -212px; }
#quicknav li.quicknav4 a { background-position:-476px 0px; width:155px; }
#quicknav li.quicknav4 a:hover { background-position:-476px -212px; }
#quicknav li.quicknav5 a { background-position:-631px 0px; width:154px; }
#quicknav li.quicknav5 a:hover { background-position:-631px -212px; }
#quicknav li.quicknav6 a { background-position:-786px 0px; width:164px; }
#quicknav li.quicknav6 a:hover { background-position:-786px -212px; }

/* CONTENT */
#index #content { padding:/*160px*/ 30px 15px 30px 15px; width:926px; }
#content { background:#fff; padding:30px 25px 30px 25px; width:906px; }
#index #main { width:440px; padding:5px 10px; }
#main { float:left; width:710px; }
#main li { list-style:disc outside; margin-left:25px; }
#sidebar_left { float:left; width:280px; }
#sidebar_left .specials { display:block; height:0; overflow:hidden; background:url(img/specials.png); width:266px; padding-top:177px; }

/* SIDEBARNAV */
#sidebarnav { width:180px; float:right; }
#sidebarnav li { display:block; }
#sidebarnav li a { display:block; line-height:30px; color:#fff; background:#666; border-top:1px solid #999; border-bottom:1px solid #333; text-align:center; font-weight:bold; font-size:1.1em; text-shadow:0px 1px 1px #000; }
#sidebarnav li a:hover { text-decoration:none; background:#555; }
#ac-heating #sidebarnav li.ac-heating a, #brake-repair #sidebarnav li.brake-repair a, #engine-repair #sidebarnav li.engine-repair a, #radiator-repair #sidebarnav li.radiator-repair a, #clutch-repair #sidebarnav li.clutch-repair a, #suspension-repair #sidebarnav li.suspension-repair a { background:#444; border-top:1px solid #444; }

/* SHOPINFO */
#shopinfo { -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px; float:right; /*clear:right;*/ width:180px; padding:15px 0; margin-bottom:15px; text-align:center; background:#fbfbfb url(img/bg_shopinfo.png) repeat-x; font-size:1.1em; }
#testimonials { float:left; width:440px; padding:15px 0; margin-bottom:15px; text-align:center; font-size:1.1em; }
#shopinfo h3 { font-size:1.4em; font-weight:bold; font-style:italic; }
#shopinfo .phone { font-size:1.4em; font-weight:bold; }

/* FOOTER */
#footer { background:#1a1a1a; padding:15px; }
#footer2 { padding:0 15px; }
#footer, #footer2 { line-height:50px; font-size:.9em; width:928px; color:#fff; }
#footer2 .copy { float:left; margin:10px 0; }
#footer2 .gethart { float:right; display:block; text-align:right; padding-right:116px; height:50px; background:url(img/gethart.png) no-repeat right; margin:10px 0; }
#footer a, #footer2 a { text-decoration:none; color:#fff; }
#footer a:hover, #footer2 a:hover { text-decoration:underline; }
#footer ul { text-align:center; line-height:150%; color:#fff; margin:0; }
#footer li { display:inline; }

/* MISC */
hr { margin:15px 0; }
hr.dashed { border-bottom:1px dashed #ccc; margin:15px 0; height:1px; border-left:none; border-right:none; border-top:none; }
.clear { clear:both; }
.center { text-align:center; }
.fleft { float:left; }
.fright { float:right; }
.fleft.photo { margin:0 20px 20px 0; }
.fright.photo { margin:0 0 20px 20px; }
.border-shadow { border:10px solid #fff; -moz-box-shadow:0 0 8px rgba(0, 0, 0, 0.5); -webkit-box-shadow:0 0 8px rgba(0, 0, 0, 0.5); box-shadow:0 0 8px rgba(0, 0, 0, 0.5); }
a.button_silver { margin:10px auto 20px auto; padding:0 10px; display:inline-block; text-align:center; font-size:1.1em; font-weight:bold; background-image:url(img/bg_silverbutton.png); height:32px; line-height:32px; color:#333; text-shadow:0px 1px 1px #ddd; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.75); -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.75); box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.75); }
a:hover.button_silver { background-position:0 -32px; text-decoration:none; }
a:active.button_silver { background-position:0 -64px; color:#fff; text-shadow:0px -1px 1px #333; -moz-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.5); -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.5); box-shadow: inner 0 0 5px rgba(0, 0, 0, 0.5); }
::-moz-selection {
background: #33597e;
color:#fff;
text-shadow: none;
}
::selection {
background:#33597e;
color:#fff;
text-shadow: none;
}

/* CONTACT PAGE */
#contact_form { display: block; width:auto; padding: 0 17px 17px 17px; background-color: #FFF; -moz-border-radius: 5px; -webkit-border-radius:5px; margin-top:20px; }
#contact_form label { display: inline-block; float: left; height: 26px; line-height: 26px; width: 175px; font-size: 1.1em; }
#contact_form input, textarea, select { margin: 0; padding: 5px; color: #666; background: #f5f5f5; border: 1px solid #ccc; margin: 5px 0; font:1.1em "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif; -moz-border-radius: 5px; -webkit-border-radius:5px; }
#contact_form input:focus, textarea:focus, select:focus { border: 1px solid #999; background-color: #fff; color:#333; }
#contact_form input.submit { cursor: pointer; border: 1px solid #222; background:#333; color:#fff; -moz-border-radius: 5px; -webkit-border-radius:5px; }
#contact_form input.submit:hover { background:#444; }
#contact_form fieldset { padding:20px; border:1px solid #cbcbcb; -moz-border-radius: 5px; -webkit-border-radius:5px; }
#contact_form legend { padding:7px 10px; margin-bottom:22px; font-weight:bold; color:#000; border:1px solid #cbcbcb; -moz-border-radius: 5px; -webkit-border-radius:5px; }
#contact_form span.required { font-size: 13px; color: #ff0000; }
.error_message { display: block; height: 22px; line-height: 22px; background: #FBE3E4 url('img/error.gif') no-repeat 10px center; padding: 3px 10px 3px 35px; margin: 10px 0; color:#8a1f11; border: 1px solid #FBC2C4; -moz-border-radius: 5px; -webkit-border-radius:5px; }
#success_page h4 { background: url('img/success.gif') left no-repeat; padding-left:22px; }

/* DIRECTIONS PAGE */
.youraddress { padding:5px; margin:0px 5px; font-size:16px; width:250px; height:25px; line-height:25px; }
.directions_text { font-weight:bold; line-height:40px; margin:0px; float:left; }
.directions_list { color:#333; float:left; line-height:22px; margin-top:5px; }
.map_canvas { height:200px; }
#map_canvas_wrapper { padding:10px; margin-top:15px; background:#eee; border-top:1px solid #777; border-left:1px solid #777; border-right:1px solid #999; border-bottom:1px solid #999; -moz-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.5); -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.5); box-shadow: inner 0 0 5px rgba(0, 0, 0, 0.5); }

/* FAQ PAGE */
.question { font-weight:bold; font-style:italic; }

/* SPECIALS PAGE */
.coupon { margin:15px; -moz-box-shadow:0 0 8px rgba(0, 0, 0, 0.5); -webkit-box-shadow:0 0 8px rgba(0, 0, 0, 0.5); box-shadow:0 0 8px rgba(0, 0, 0, 0.5); }

/* AUTONET TV */
#categories { width:205px; background:#fafafa; border:1px solid #d5d5d5; margin-top:10px; margin-left:25px; padding-bottom:15px; }
#categories h3 { background:#1a1a1a; text-align:center; font-size:1.3em; color:white; height:33px; line-height:33px; margin:1px; margin-bottom:10px; }
#categories a { margin-left:10px; color:#3860a9; line-height:25px; }
#categories a:hover { color:black; }

/* ROTATOR */
#slideshow { background-color:rgba(3, 49, 108, 0.5) }
#slider { overflow:hidden; width:956px; height:319px; }
.nivoSlider { position:relative }
.nivoSlider img { position:absolute; top:0px; left:0px }
.nivoSlider a.nivo-imageLink { position:absolute; top:0px; left:0px; width:100%; height:100%; border:0; padding:0; margin:0; z-index:6 }
.nivo-slice { display:block; position:absolute; z-index:5; height:100% }
.nivo-box { display:block; position:absolute; z-index:5 }
.nivo-caption { position:absolute; left:0px; bottom:0px; background:#000; color:#fff; opacity:0.8; width:100%; z-index:8 }
.nivo-caption p { padding:5px; margin:0 }
.nivo-caption a { display:inline !important }
.nivo-html-caption { display:none }
.nivo-directionNav a { position:absolute; top:45%; z-index:9; cursor:pointer }
.nivo-prevNav { left:0px }
.nivo-nextNav { right:0px }
.nivo-controlNav a { position:relative; z-index:9; cursor:pointer }
.nivo-controlNav a.active { font-weight:bold }
.theme-default .nivoSlider { position:relative; background:#fff url(loading.gif) no-repeat 50% 50%; -webkit-box-shadow:0px 1px 5px 0px #4a4a4a; -moz-box-shadow:0px 1px 5px 0px #4a4a4a; box-shadow:0px 1px 5px 0px #4a4a4a }
.theme-default .nivoSlider img { position:absolute; top:0px; left:0px; display:none }
.theme-default .nivoSlider a { border:0; display:block }
.theme-default .nivo-controlNav { position:absolute; right:60px; bottom:4px; margin-left:-40px; z-index:-999; } /* Positioning for Rotator Bullets */
.theme-default .nivo-controlNav a { display:block; width:22px; height:22px; background:url(img/bullets.png) no-repeat; text-indent:-9999px; border:0; margin-right:3px; float:left }
.theme-default .nivo-controlNav a.active { background-position:0 -22px }
.theme-default .nivo-directionNav a { display:block; width:30px; height:30px; background:url(arrows.png) no-repeat; text-indent:-9999px; border:0 }
.theme-default a.nivo-nextNav { background-position:-30px 0; right:15px }
.theme-default a.nivo-prevNav { left:15px }
.theme-default .nivo-caption { font-family:Helvetica, Arial, sans-serif }
.theme-default .nivo-caption a { color:#fff; border-bottom:1px dotted #fff }
.theme-default .nivo-caption a:hover { color:#fff }