/* Stylesheet for Tigard SUV Auto Repair - www.tigardsuv.com. */

/* Main Elements */
html, body {margin:0; padding:0; height:100%;}
body {text-align:center; font-family:'Lucida Sans Unicode'; font-size:14px; line-height:20px; color:#000; background:url( '../images/site-header-bg.gif' ) repeat-x;}
p, div, img, a {border:0px;}
hr {height:1px; border:0; color:#36338D; clear:both; background:#36338D;}
a, a:link, a:visited {text-decoration:none;}
a:active, a:hover, a:focus {outline:none; text-decoration:underline;}
#wrapper {width:100%; min-width:800px; height:auto ! important; height:100%; min-height:100%; text-align:center; position:relative; background:url( '../images/right-column-bg.gif' ) repeat-y center top;}

/* Headings */
h1, h2, h3, h4, h5 {margin:0; padding:0; color:#36338d; font-weight:normal;}
h1 {font-size:18px;}
h2 {font-size:16px;}
h3 {font-size:14px;}
h4 {font-size:12px;}
h5 {font-size:10px;}

/* Header */
#header {width:800px; height:150px; margin:0 auto; text-align:left; position:relative; background:#00247d url( '../images/header-sprites.png' ) no-repeat 445px -110px;}
#logo {position:absolute; top:13px; left:-5px;}

#socialmedia {position:absolute; bottom:5px; right:0;}
#socialmedia a, #socialmedia a:link, #socialmedia a:visited {}

/* Menu */
ul#menu {position:absolute; top:120px; left:0; height:30px; line-height:30px; margin:0; padding:0; list-style:none;}
ul#menu li, ul#menu li a {background:url('../images/tigard-suv-menu-sprite.gif?version=01') no-repeat;}
ul#menu li {float:left; display:inline; text-align:center; margin:0 1px 0 0; background-position:right -30px;}
ul#menu li a, ul#menu li a:link, ul#menu li a:visited {/* Normal, non-current page */ display:block; color:#36338d; font-size:16px; font-family:Tahoma; text-decoration:none; margin:0 5px 0 0; padding:0 10px 0 15px; background-position:0 0;}
ul#menu li a:active, ul#menu li a:hover, ul#menu li a:focus {/* Any page hovered */ text-decoration:none;}
ul#menu li.over {background-position:right -90px;}
ul#menu li.over a, ul#menu li.over a:link, ul#menu li.over a:visited {background-position:0 -60px;}
ul#menu li.current {background-position:right -150px;}
ul#menu li.current a, ul#menu li.current a:link, ul#menu li.current a:visited {/* Current Page, high-lighted in menu */ /*font-weight:bold;*/ background-position:0 -120px;}

/* Content */
div#content {width:800px; height:100%; margin:0 auto; padding:30px 0 100px; background:url( '../images/red-bar-bg.gif' ) repeat-x;}
div#leftColumn {float:left; width:410px; display:inline; /* fix IE6 double-margin bug */ text-align:left;}
div#rightColumn {float:left; width:360px; display:inline; /* Fix IE6 double-margin bug */ margin:0 0 0 30px; text-align:center;}
div#rightColumn h2 {margin:20px 4px 5px; padding:0 25px; line-height:30px; text-align:left; background:#c7c6dd;}
.pics {height:210px; width:310px; padding:0; margin:0 25px; overflow:hidden;}
.pics img {background-color:#eee; width:310px; height:210px; top:0; left:0;}
ul#benefits {margin:10px 30px 20px 43px; padding:0; text-align:left;}
ul#benefits li {line-height:18px; margin:0 0 10px; color:#36338d;}
p.rightAction {margin:5px 30px 15px; text-align:right;}
a.getDirectionsCTA, a.getDirectionsCTA:link, a.getDirectionsCTA:visited {display:block; width:310px; height:60px; line-height:60px; font-size:18px; color:#fff; margin:10px auto; text-align:center; font-family:Trebuchet MS; background:#fff url( '../images/get-directions.png' ) no-repeat;}
a.getDirectionsCTA:active, a.getDirectionsCTA:hover, a.getDirectionsCTA:focus {text-decoration:none; background-color:#cdcce3;}
a.getDirectionsCTA span span {font-size:28px;}
ul#subNav {margin:0 4px; padding:0; list-style:none;}
ul#subNav li {line-height:25px; text-align:left; margin:0 0 1px;}
ul#subNav li a, ul#subNav li a:link, ul#subNav li a:visited {display:block; width:auto; color:#36338D; padding:0 20px; text-decoration:none; /*background:#6680ad;*/}
ul#subNav li a:active, ul#subNav li a:hover, ul#subNav li a:focus {background:#c7c6dc;}
ul#subNav li.current a, ul#subNav li.current a:link, ul#subNav li.current a:visited {background:#c7c6dc; cursor:default;}

/* Home page styles */
ul.homeSpecializes {}
ul.homeSpecializes li {margin-bottom:8px; line-height:16px;}
#customerReviews {float:right; width:116px; height:116px; margin:0 0 10px 20px;}

.vehicleList {margin:10px 0 0;}
.vehicleList h3 {margin:0 0 5px;}
.vehicleList p {font-size:12px; margin:0 0 5px; padding:0; line-height:16px;}
.vehicleList p strong {font-size:13px; font-weight:bold;}

	/* Services Content */
	div.services h2 {margin:10px 0 0;} 
	div.services dl {margin:10px 10px 0 0; padding:0; float:left; width:240px; height:auto;}
	div.services dl dt {font-weight:bold; color:#fff; margin:0 0 10px; padding:5px/* 5px 5px 30px*/; text-align:center; text-transform:uppercase; line-height:19px; height:40px; background:#36338d;}
	div.services dl dd {margin:0 0 0 10px; padding:0 0 0 10px; background:url('../images/red-bullet.gif') no-repeat center left;}
	div.services dl.threeCol {}
	div.services dl.threeCol dt.subHead {background:transparent; padding:5px; color:#000; height:auto;}
	div.services dl.threeCol dd {width:60px; float:left;}
	div.services hr {height:1px; border:0; margin:0; padding:0; color:#fff; background:#fff;}

/* Sub page Width body styles */
body.subPages div#wrapper {background:url( '../images/right-column-bg-pages.gif' ) repeat-y center top;}
body.subPages div#wrapper div#content div#leftColumn {width:509px;}
body.subPages div#wrapper div#content div#rightColumn {width:260px;}

/* Full Width body styles */
body.fullWidth div#wrapper {background-image:none;}
body.fullWidth div#wrapper div#content div#leftColumn {width:900px; margin:0; float:none;}
body.fullWidth div#wrapper div#content div#rightColumn {display:none;}

/* Content Styles */
img.imgFloatLeft {float:left; margin:0 10px 10px 0;}

/* Right Column Contact Link Styles */
a.contactLink, a.contactLink:link, a.contactLink:visited {width:250px; height:85px; display:block; line-height:50px; color:#fff; font-size:16px; font-weight:bold; font-family:Trebuchet MS; margin:5px; background:url('../images/contat-link-sprite.gif') no-repeat;}
a.contactLink:active, a.contactLink:hover, a.contactLink:focus {text-decoration:none; outline:none; background-position:0 -85px;}

#appointmentform {}
#appointmentform fieldset {margin:0 0 15px; padding:10px; border:solid 1px #666;}
#appointmentform fieldset legend {font-size:16px; margin:0 0 15px;}
#appointmentform fieldset label {}
#appointmentform fieldset label.txtLabel {width:65px; height:20px; vertical-align:middle; display:block; float:left; clear:left;}
#appointmentform fieldset input {}
#appointmentform fieldset input.txtInput {color:#222; font-size:18px; width:250px; height:20px; margin:0 0 5px; border:1px solid #36338D; background:#E5F7EE;}
#appointmentform fieldset label.vehicleInfo {width:120px;}

/* Form page Styles */
.txtInputRow {clear:both; line-height:25px; margin:0 0 5px 0;}
.divFormLabel {font-weight:bold; /*padding:10px 0 0 3px;*/ float:left; width:65px; font-size:14px; color:#222;}
.txtSubject, .txtFullName, .txtEmailAddress, .txtPhone {width:300px; height:30px; border:solid 1px #36338d; color:#222; font-size:18px; /*padding:2px; margin:3px;*/ background-color:#e5f7ee;}
.optionInterestedSelect {border:dashed 1px #7aa352; color:#006699; /*padding:2px; margin:3px;*/ background-color:#c2e0a3;}
div.bookAppointment {margin:20px 0;}
div.bookAppointment label {font-weight:bold;}
.chkBookAppointment {width:20px; height:20px;}
.chkBookAppointment:focus {outline:none;}
.txtCommentsLabel {font-weight:bold; clear:both; margin:0 0 5px 0; font-size:14px; color:#222;}
.txtComments {border:solid 1px #36338d; margin:0; color:#222; font-size:16px; width:300px; height:140px; overflow:auto; background-color:#e5f7ee;}
.focused {/* Focused input / textarea styles */ border:solid 1px #ed2939 ! important; background:#fff ! important;}
.inputSubmit {clear:both; text-align:center; width:300px; margin:10px 0 0 65px;}
.inputSubmit input {outline:none; text-align:center; margin:0 auto; width:185px; height:40px; display:block; color:#fff; font-size:18px; cursor:pointer; border:0px;}
.inputSubmit input:active, .inputSubmit input:hover, .inputSubmit input:focus {outline:none;}
.formResponsePanel {border:solid 1px #00f; margin:10px 0 0 0; padding:10px; color:#222; background-color:#F2F5FB;}
.formError {color:#002c76; border:solid 1px #002c76; margin:30px 0; padding:5px 61px 5px 5px; background:#ccd5e4 url( '../images/form-error.gif' ) no-repeat right top;}
.formError p {font-weight:bold; margin:0; padding:0;}
.formError ul {margin:10px 0 10px 20px; padding:0; list-style:square;}
.formError ul li {}

/* Reviews Styles */
div.customerReviews {}
div.customerReviews div.item {padding:10px 0; clear:both;}
div.customerReviews div.item h2 {font-style:italic; font-weight:bold; font-size:14px; margin:20px 0 10px; padding:15px 10px; border:solid 1px #d7d1ce; background:#d6dbea;}
div.customerReviews .reviewRating {margin:0; padding:0; line-height:19px;}
div.customerReviews .reviewRating dl {margin:0; padding:0;}
div.customerReviews .reviewRating dl dt {clear:left; width:120px; float:left; display:block; margin:0 10px 0 0; padding:0; min-height:1px;}
div.customerReviews .reviewRating dl dd {margin:0; padding:0;}
div.customerReviews p.reviewAuthor {margin:10px 0; padding:0; font-weight:bold;}

/* Photo Gallery Styles */
#divPhotoLarge {float:left; width:500px; height:375px; position:relative; text-align:center; background-color:#DFE6F6;}
#divPhotoLarge h3 {line-height:375px;}
#divPhotoLarge #imgLarge {position:absolute; top:0; left:0; z-index:100;}
#divPhotoThumbs {width:250px; margin:0 0 0 10px; overflow:hidden;}
#divPhotoThumbs img {float:left; margin:0 10px 10px 0; cursor:pointer;}
#divPhotoThumbs a img:hover {}

.loading {background-image:url( '../images/loadingIcon.gif' ); background-repeat:no-repeat; background-position:50% 50%;}

/* Site Map Styles */
#siteMap li {}
#siteMap li a, #siteMap li a:link, #siteMap li a:visited {text-decoration:underline; font-size:14px;}
#siteMap li p {margin:0 0 10px; padding:0; font-size:12px; line-height:14px;}

/* Footer */
#footer {position:absolute; bottom:0; left:0; width:100%; height:50px; overflow:hidden; line-height:50px; text-align:center; border-top:solid 1px #fff; background:#d7d1ce;}
#footer p {width:800px; height:50px;text-align:left; margin:0 auto; padding:0; color:#000; font-size:11px;}
#footer p a, #footer p a:link, #footer p a:visited {color:#002c76; font-size:11px;}

#footer p a#facebook, #footer p a#facebook:link, #footer p a#facebook:visited {float:right; margin:10px 0 0;}

/* Other */
.clear {clear:both;} /* Clear all Floats */
.clearRight {clear:right;}
.clearLeft {clear:left;}