@charset "utf-8";
html{margin:0; padding:0}
body{margin:0; padding:0; font: 85% arial,sans-serif; text-align:center; background: #3f3f3f url(images/bg.jpg) no-repeat center top}

/* =Typography
---------------------------------------*/
#normNot{margin:0 40px 32px 40px; padding:0; font: 90% arial,sans-serif; color:#464646; line-height:1.2em}
#normNot2{font: 90% arial,sans-serif; color:#464646; line-height:1.2em}
#mainContent p{margin:12px 12px; line-height:1.2em}
#secondaryContent p{margin:6px 0 12px 0; line-height:1.2em}
#secondaryContent h1, #secondaryContentSub h1{color:#464646; font-size:130%; text-transform:uppercase; margin:0; padding:0 0 8px 0}
#otherServices h1{color:#464646; font-size:130%; text-transform:uppercase; margin:0; padding:18px 0 0 0}
#getDirections h1{color:#11415d; font-size:100%; text-transform:uppercase; padding:8px; margin:0}
#getDirections h2{color: #464646; font-size:90%; margin:0; padding:8px; font-weight:normal}
#testimonial h1{color:#464646; font-size:100%; text-transform:uppercase; margin:0; padding:25px 20px 3px 0}
.quote{color: #464646; font-size:86%; font-style: italic; margin:0; padding:0}
.signature{float: right; color: #464646; font-size:85%; margin:0; padding:0}
p.caption{display:block; color:#464646; font-size:75%; text-align:justify; background: url(images/fleck.jpg); margin:0; padding:3px 7px 7px 7px; line-height:1.3em}
#welcome h1{display:block; font-size:150%; color: #11415d; margin:0; padding:8px 12px 4px 12px; background:#e6e6e6}
#welcome h2{display:block; font-size:110%; color: #2d7aa7; margin:0; padding:0 12px 8px 12px; background:#e6e6e6; font-weight:normal}
#welcome p{font-size:95%; line-height:1.4em; color:#373737; margin-top:8px; margin-bottom:8px; padding-bottom:8px}
#welcome h3{font-size:100%; color: #464646; font-weight:bold; margin:8px 12px 0 12px; padding:7px 12px; background:#e6e6e6}
#welcome h3 + p{margin:0 12px 12px 12px; padding:8px 0 8px 12px}
#end p{color: #666; font-size:80%; margin:0; padding:2px 0}
#sched p{font-size:80%; margin:8px 0 0 0; padding:0; color: #464646}
div#sched{float:right; padding:0 0 0 0; margin:49px 18px 0 0; display:block; height:70px; width:225px}
div#sched2{float:left; padding:0 0 0 0; margin:55px 0 0 132px; display:block; height:70px; width:225px}
#mainContentSub p{font-size:95%; line-height:1.4em; color:#373737; margin:8px 0 0 0; padding-bottom:20px}
#mainContentSub h1{font-size:150%; margin:0; padding:0; color: #333333}
#mainContentSub h2{font-size:120%; margin:0; padding:0; color: #333333}
#gTop p{padding:15px 15px 15px 0; margin:0; width:450px; float:right}
#gBottom p{padding: 15px 15px 15px 0; margin:0; width:450px; float:right}
#grid h1{font-size:12px; margin:0; padding:4px 4px 0 4px; text-transform:uppercase}
#grid h2{font-size:12px; margin:0; padding:4px 4px 0 4px; color:#666666}
#grid p{font-size:12px; margin:0; padding:4px; color:#666666}
#specificService h4{font-size:11px; font-weight:bold; margin:0; padding:0 0 4px 0; color: #252525}

/* =Hyperlinks
---------------------------------------*/
a.logo {display:block; background:url(images/valley-auto-care.jpg) no-repeat left top; width:270px; height:120px; float:left}
a.logo2 {display:block; background:url(images/mnt.jpg) no-repeat left top; width:115px; height:44px; float:left; margin:55px 0 0 -4px}
#mainContent a:link, #mainContent a:visited{color: #ff7a13; font-weight:normal; text-decoration:none; border-bottom:1px dotted #ff7a13}
#mainContent a:hover, #mainContent a:active{color: #ff7a13; border-bottom:1px solid #ff7a13}
#normNot a:link, #normNot a:visited{color: #2563ff; font-weight:normal; text-decoration:none; border-bottom:1px dotted #2563ff}
#normNot a:hover, #normNot a:active{color: #2563ff; border-bottom:1px solid #2563ff}
#mainContentSub a:link, #mainContentSub a:visited{color: #2544ff; font-weight:normal; text-decoration:none; border-bottom:1px dotted #2563ff}
#mainContentSub a:hover, #mainContentSub a:active{color: #2544ff; border-bottom:1px solid #2563ff}
#highlightedServices a.highlightedText:link, #highlightedServices a.highlightedText:visited{display:block; color: #000; font-size:90%; font-weight:bold; text-decoration:none; text-transform:uppercase; padding:9px 2px}
#highlightedServices a.highlightedText:hover, #highlightedServices a.highlightedText:active{color: #2d7aa7}
a.help:link, a.help:visited{color: #2d7aa7; font-weight:normal; text-decoration:none; border-bottom:1px solid #2d7aa7; font-size:90%; float:right; margin:0 20px 0 0; padding:0}
a.help:hover, a.help:active{color: #093c5a; font-weight:normal; text-decoration:none; border-bottom:1px solid #093c5a; font-size:90%; float:right; margin:0 20px 0 0; padding:0}
#end a:link, #end a:visited{color: #7b7b7b; font-weight:normal; text-decoration:none; border-bottom:1px dotted #666; font-size:100%; margin:0; padding:0}
#end a:hover, #end a:active{color: #ebebeb; border-bottom:1px solid #fff; font-size:100%}
a.expand:link, a.expand:visited{text-align:center; display:block; color: #2d7aa7; font-weight:bold; text-decoration:none; border-bottom:1px solid #2d7aa7; font-size:90%; background: #efefef; border:1px solid #c1c1c1; padding:4px 23px 4px 8px; margin:0; width:343px; background: #efefef url(images/expandArrowsOn.jpg) no-repeat center; text-transform:uppercase}
a.expand:hover, a.expand:active{color: #000; background: #efefef url(images/expandArrows.jpg) no-repeat center}
a.sched:link, a.sched:visited{color: #ff7a13; font-weight:bold; text-decoration:none; font-size:110%; border-bottom:1px dashed #ff7a13}
a.sched:hover, a.sched:active{border-bottom:1px solid #ff7a13}
a.tow:link, a.tow:visited{color: #272727; font-weight:bold; text-decoration:none; font-size:110%; border-bottom:1px dotted #272727}
a.tow:hover, a.tow:active{color: #39a043; border-bottom:1px dotted #39a043}
#servicesList2 a:link, #servicesList2 a:visited{text-decoration:none; color: #ff7a13; font-size:90%; font-weight:bold; border-bottom:1px dotted #ff7a13}
#servicesList2 a:hover, #servicesList2 a:active{border-bottom:1px solid #ff7a13}


/* =Lists
---------------------------------------*/
	/* Main Navigation Selection */
body.home #mainNavigation a#home, body.about #mainNavigation a#about, body.coupons #mainNavigation a#coupons, body.contact #mainNavigation a#contact, body.directions #mainNavigation a#directions, body.services #mainNavigation a#services{background:url(images/active.jpg) repeat-x top left; color:#fff}

body#about #secondaryNavigation a#about, body#testimonials #secondaryNavigation a#testimonials, body#hours #secondaryNavigation a#hours, body#schedule #secondaryNavigation a#schedule, body#quote #secondaryNavigation a#quote, body#contact #secondaryNavigation a#contact, body#brakes #secondaryNavigation a#brakes, body#engine #secondaryNavigation a#engine, body#air #secondaryNavigation a#air, body#exhaust #secondaryNavigation a#exhaust, body#oil #secondaryNavigation a#oil, body#suspension #secondaryNavigation a#suspension, body#transmission #secondaryNavigation a#transmission, body#tires #secondaryNavigation a#tires, body#tune #secondaryNavigation a#tune, body#towing #secondaryNavigation a#towing, body#towing #secondaryNavigation a#towing, body#ctow #secondaryNavigation a#ctow{color:#ff7a13}


#mainNavigation ul{margin:0 0 0 15px; padding:0; list-style:none; float:left}
#mainNavigation li{float:left}
#mainNavigation li a:link, #mainNavigation li a:visited{display:block; float:left; padding:0 31px; margin:0 6px; display:block; text-decoration:none; color: #f1f1f1; height:30px; padding-top:10px; font-size:110%}
#mainNavigation li a:hover, #mainNavigation li a:active{background:url(images/on.jpg) repeat-x top left; color:#f1f1f1}
#otherServices ul{margin:0; padding:0; list-style:none; background: #efefef; border:1px solid #c1c1c1; text-align:right}
#otherServices li a:link, #otherServices li a:visited{color: #000; font-size:90%; font-weight:bold; text-decoration:none; text-transform:uppercase; padding:4px 23px 4px 8px; display:block; background:url(images/expandArrow.jpg) no-repeat top right}
#otherServices li a:hover, #otherServices li a:active{color: #2d7aa7; background:url(images/expandArrowOn.jpg) no-repeat top right}
#expand ul{margin:0; padding:6px 0; list-style:none}
#expand li{list-style:none; padding:0 12px; margin:0}
#expand li a:link, #expand li a:visited{color: #000; font-size:90%; font-weight:bold; text-decoration:none; padding:4px 8px; display:block}
#expand li a:hover, #expand li a:active{color: #2d7aa7; background: #efefef}
#secondaryNavigation ul{margin:0; padding:0; list-style:none; width:250px}
#secondaryNavigation li{margin:0; padding:0}
#secondaryNavigation li a:link, #secondaryNavigation li a:visited{display:block; text-decoration:none; color: #464646; border-bottom:1px #d5d5d5 dotted; padding:5px 0px; font-size:90%; font-weight:bold; padding-left:5px}
#secondaryNavigation li a:hover, #secondaryNavigation li a:active{background: url(images/fleck.jpg); color:#000}
#coupons li{margin:10px 0; padding:0}


/* =Tables
---------------------------------------*/
table{width:625px; font-size:95%; margin:0 7px; color:#333333}
th{padding:.6em 1em; font-weight:normal; text-align:left}
td{padding:.7em 1em}
caption{font-size:120%; font-weight:bold; margin:1em 0}
.line{border-right:1px solid #cccccc}
thead{background: #007a77 url(images/bgTable.jpg) top repeat-x; color:#FFFFFF}
.even{background: #ececec}
.odd{background: #fff; color: #666666}
.red{background: #ececec; color: #f1891a}

/* =Form
---------------------------------------*/
form{margin:0; padding:0}
legend{font-weight:bold; color:#11415d; font-size:100%; text-transform:uppercase; padding:8px 0px; margin:0}
#interaction fieldset{margin:0; padding: 19px 34px; border: 0; width:700px}
#interaction input{border:3px solid #636363; background:#fff; padding:4px 7px; margin:0; color: #636363}
#interaction .button {border:0; height:33px; background: #181818; font-weight:bold; color:#969696; width:60px; border:3px solid #636363; font-size:110%; text-transform:uppercase; padding-top:4px}
#interaction .button:hover {border:3px solid #8b8b8b; color: #c2c2c2; cursor: pointer; height:33px}
#interaction .full{margin:0 30px 0 0; width:250px; font-weight:bold; color: #636363; font-size:100%; font-family:Geneva, Arial, Helvetica, sans-serif; padding-top:5px}
#interaction .phone{margin:0 30px 0 0; width:145px; font-weight:bold; color: #636363; font-size:100%; font-family:Geneva, Arial, Helvetica, sans-serif; padding-top:5px}
#getDirections fieldset{margin:0; padding: 0; border: 0}
#getDirections input{border:3px solid #636363; background:#fff; padding:2px; margin:5px 8px; float:left}
#getDirections .address{width:196px}
#getDirections .city{width:127px}
#getDirections .state{width:32px}
#getDirections .zip{width:100px}
#getDirections .button {border:3px solid #636363; height:28px; background: #3b3b3b; font-weight:bold; color:#fff; width:175px}
#getDirections .button:hover {border:3px solid #8b8b8b; height:28px; color: #fff; cursor: pointer}

#schedule fieldset{margin:0; padding: 0; border: 0; background: #ececec}
#schedule legend{font-weight:bold; padding:8px 0 5px 0; color: #323232; text-transform: uppercase; font-size:90%}
#schedule label{display:block}
#schedule input{width:175px}
#schedule textarea{width:500px; height:75px}
#form{background:#ececec; margin:0; padding: 10px 10px 1px 10px; margin-bottom:8px}

#left{float:left; padding-right:20px}
#left2{float:left; width:210px}
#left3{float:left; width:190px; padding-top:8px}
fieldset#services{margin:0; padding:0; border:0; background:transparent}
#services div{width:20em; float:left}
textarea.agh{width:500px; height:500px}

#colored{background: #ececec url(images/ase2.jpg) no-repeat top left; width:290px; float:right; margin-bottom:16px}
#colored h4{padding:10px 0 3px 63px; margin:0}
#colored p{padding:13px; margin:0; font-size:95%}
#colored2{background: #ececec url(images/napa2.jpg) no-repeat top left; width:290px; float:right; margin-bottom:16px}
#colored2 h4{padding:10px 0 3px 63px; margin:0}
#colored2 p{padding:13px; margin:0; font-size:95%}

#symptoms{background: #ececec; margin-bottom:16px; line-height:1.4em; color:#1a1a1a; font-size:90%}
#symptoms h4{padding:10px 0 3px 10px; margin:0; font-size:100%; text-transform:uppercase}
#symptoms p{padding:13px; margin:0}
#symptoms ul{padding:6px 0 12px 25px; margin:0}
#symptoms li{background: url(images/bul.jpg) top left no-repeat; list-style:none; padding:0 0px 1px 10px; margin:0}
#t{background: #ececec; margin-bottom:16px; line-height:1.4em; color:#1a1a1a; font-size:90%}
#t h4{padding:10px 0 3px 10px; margin:0; font-size:100%; text-transform:uppercase}
#t p{padding:13px; margin:0}
#t ul{padding:6px 0 12px 25px; margin:0}
#t li{background: url(images/bul.jpg) top left no-repeat; list-style:none; padding:0 0px 1px 10px; margin:0; float:left; display:block; width:195px}
#symptoms2{background: #ececec; margin-bottom:22px; line-height:1.4em; color:#1a1a1a; font-size:90%; width:470px; float:left}
#symptoms2 h4{padding:10px 0 3px 10px; margin:0; font-size:100%; text-transform:uppercase}
#symptoms2 p{padding:13px; margin:0}
#symptoms2 ul{padding:6px 0 30px 25px; margin:0}
#symptoms2 li{background: url(images/bul.jpg) top left no-repeat; list-style:none; padding:0 0px 1px 10px; margin:0; float:left; display:block; width:130px}

#specificService ul{padding:8px 0 0 0; margin:0; list-style:none; float:left; width:185px}
#specificService li{background: url(images/bul2.jpg) top left no-repeat; list-style:none; padding:0 0 1px 10px; margin:0; float:left; color: #464646; font-size:90%; display:block; width:185px}


a.ttt:link, a.ttt:visited{color: #2544ff; font-weight:normal; text-decoration:none; border-bottom:1px dotted #2563ff; margin:10px 10px 10px 63px}
a.ttt:hover, a.ttt:active{color: #2544ff; border-bottom:1px solid #2563ff; margin:10px 10px 10px 63px}
a.qqw:link, a.qqw:visited{color: #2544ff}
a.qqw:hover, a.qqw:active{color: #2544ff}
#sp img{float:left}


/* =Images
---------------------------------------*/
#highlightedServices img{padding:6px 6px 0 6px}
.side{border:3px solid #e0e0df; margin:0px 12px 12px 0; padding:1px; float:left}
.side2{border:3px solid #e0e0df; margin:0px 0 12px 12px; padding:1px; float:right}
.side3{margin:0px 15px 12px 2px; float:left}
.side4{border:3px solid #e0e0df; margin:8px 12px 8px 0; padding:1px; float:left}
.side5{margin:0px 0px 0px 14px; float:left}
#specificService img {float:left; margin: 12px 10px 8px 0}

/* =Layout
---------------------------------------*/
#clear{clear:both}
div#container{margin:0 auto; text-align:left; width:1000px; margin-top:20px; background: #fff}
div#header{background:url(images/right.jpg) no-repeat top right; margin:0 auto; text-align:left; width:1000px; height:143px; padding:0}
div#mainContent{float:left; width:521px; margin:27px 40px 32px 40px; border:1px solid #e1e1e1}
div#secondaryContent{float:right; width:376px; margin:27px 18px 0 0}
div#mainContentSub{float:left; width:647px; margin:27px 40px 32px 40px}
div#servicesContent{width:1000px}
div#servicesList2{width:921px; margin:27px 40px 16px 40px; float:left}
div#specificService{width:291px; float:left; margin:0 16px 16px 0}
div#secondaryContentSub{float:right; width:250px; margin:27px 18px 0 0}
div#flash{width:496px; height:249px; margin:12px; padding-bottom:12px}
div#end{margin:0 auto; text-align:left; width:1000px; background:#3f3f3f; padding:4px 0}
div#links{float:left}
div#copy{float:right; text-align:right}
div#highlighted{float:left; width:118px; height:110px; background: #efefef; border:1px solid #c1c1c1; text-align:center; margin:0 8px 8px 0}
div#highlightedRight{float:left; width:118px; height:110px; background: #efefef; border:1px solid #c1c1c1; text-align:center; margin:0 0px 8px 0}
div#getDirections {background: #adcdea; margin-top:24px}
div#mainNavigation{background:url(images/pillMid.jpg) repeat-x top left; height:48px; margin:0; padding:0}
#test img{border: 1px solid #d5d5d5; margin:15px; float:left}
#gTop{background: #ececec url(images/grayTop.jpg) top left no-repeat; margin-bottom:0px; border-bottom: 1px solid #e8e8e8; padding:0}
#gBottom{background: #ececec url(images/grayBottom.jpg) bottom left no-repeat; margin-bottom:0; margin-top:4px; border-top: 1px solid #e8e8e8; padding:0}
#calc{padding:20px; margin:100px; background:#000; width:500px}
#grid{width:680px; border-top:1px dotted #d0e0ea; border-left:1px dotted #d0e0ea; margin:0 17px 0 17px}
#gridLeft{width:338px; border-right:1px dotted #d0e0ea; float:left}
#gridRight{width:338px; border-right:1px dotted #d0e0ea; float:right}
#llc{padding:0 0 20px 0}
#llc p{margin:4px 10px; padding:0}
#prob{width:320px; float:left}
#src{width:320px; float:left}
#prob2{width:320px; float:left; background:#ececec}
#src2{width:320px; float:left; background:#ececec}