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

html {height: 100%; min-height:100%}

body {background-color: #FFF; background-image: url(/images/orillia-main-bg.png); background-repeat: repeat-x; margin:10px 0 0 0; font-family:Arial, Helvetica, sans-serif; font-size:62.5%; height:100%; color:#333}
#OrilliaVW {position:relative; min-height:100%}
* html #OrilliaVW{height:100%; min-height:100%}
#main-wrap {padding-bottom:130px}
#OrilliaFooter {position:relative; margin-top:-130px} 

h1,h2,h3,h4,h5,h6 { color:#2d5b86; margin:0; padding:0}

h1 { font-size:2em}

h2 { font-size:1.4em}

h1.title {font-size:2em; margin:0 0 15px 0}
h2.subtitle {color:#B4883F}
h2.subtitle span { color:#333; font-family:"Arial Narrow"}
h2.welcome {margin:10px 0 0 10px; padding:0; color:#184268; font-size:1.8em; font-weight:normal}

h3.hour {color:#FFF; font-size:12px; margin:0; padding:0}

#contact-info h1, #contact-info h2, #contact-info h3 { color:#FFF; margin:0; padding:0}

a,a:link,a:visited,a:active {color:#2d5b86; text-decoration:none}
a:hover {text-decoration:underline; color:#333}

a.link,a.link:link,a.link:visited,a.link:active {font-size:1em; color:#2d5b86; text-decoration:none}
a.link:hover {text-decoration:underline; color:#333}

a.deptemail,a.deptemail:link,a.deptemail:visited,a.deptemail:active {font-size:1em; color:#FFF; text-decoration:none}
a.deptemail:hover {text-decoration:underline; color:#FFF}

a.footer,a.footer:link,a.footer:visited,a.footer:active {font-size:1em; color:#FFF; text-decoration:none}
a.footer:hover {text-decoration:underline; color:#FFF}

#content .wrapper #buttons3 {
height:128px;
margin:5px 0 0 23px;
position:relative;
width:960px;
}
.forms_Asterisk { color:#F00}
.special_img { text-align:center}
td.special_img img {text-align:center}

#header {width:960px; height:100px; background-image:url(/images/orillia-vw-header.gif); position: relative; margin:0 auto; position:relative; z-index:10000}
#header .logo {width:384px; height:44px; position: absolute; top:8px; left:100px}
#header .phone {width:196px; height:23px; background-image:url(/images/header-phone-icon.gif); background-repeat:no-repeat; position:absolute; top:6px; right:10px}
#header .phone .pnumber {margin-left:26px; font-size:20px; letter-spacing:2px; color:#000; font-weight:normal}
#header .address {font-size:1.4em; position:absolute; top:30px; right:10px}
#header #nav {position:absolute; top:60px; right:0px; width:810px}

#OrilliaVWNav #new ul, #OrilliaVWNav #new ul li {width:230px}
#OrilliaVWNav #pre ul, #OrilliaVWNav #pre ul li {width:170px}
#OrilliaVWNav #spec ul, #OrilliaVWNav #spec ul li {width:160px}
#OrilliaVWNav #fin ul, #OrilliaVWNav #fin ul li {width:110px}
#OrilliaVWNav #serv ul, #OrilliaVWNav #serv ul li {width:230px}
#OrilliaVWNav #parts ul, #OrilliaVWNav #parts ul li {width:230px}
#OrilliaVWNav #con ul, #OrilliaVWNav #con ul li {width:100px}

#content {width:990px; height:100%; background-image:url(/images/orillia-vw-bg-middle.png); position: relative; margin:0 auto}
#content .top {width:990px; height:800px; min-height:100%; background-image:url(/images/orillia-vw-bg-top.png); background-repeat:no-repeat; position:absolute}
#content .wrapper {width:990px; position: relative; top:0px; margin:0 auto}
#content .wrapper .center {width:960px; margin:0 auto; position:relative}
#content .wrapper #searchbox {width:280px; height:260px; background-image:url(/images/orillia-search-box.gif); position: absolute; top:130px; left:10px}
#content .wrapper #searchbox .title {margin:10px 0 0 10px; padding:0; color:#184268; font-size:1.8em; font-weight:normal}
#content .wrapper #searchbox .search {height:190px; color:#FFF; margin:10px 0 0 10px}


#oneFlash {
	width:220px;
	height:90px;
	position:absolute;
	left:10px;
	top:0px;
	background-image:url(http://www.orilliavw.com/images/2010Golf-countdown.png);}


/*end*/
/*\*/
html*#content  {
[width:990px; height:100%; min-height:810px; background-image:url(/images/orillia-vw-bg-middle.png); position: relative; margin:0 auto;
]
}/*end*/



#content .wrapper #buttons {width:960px; height:92px; margin:0 auto; position:relative}
#content .wrapper #buttons .one {width:220px; height:90px; position: absolute; left:10px; top:0px}
#content .wrapper #buttons .two {width:220px; height:90px; position: absolute; left:250px; top:0px}
#content .wrapper #buttons .three {width:462px; height:92px; position: absolute; left:490px; top:0px}

#content .wrapper #buttons2 {width:960px; height:92px; margin:5px 0 0 23px; position:relative; }

#content .wrapper #bottom {width:960px; height:840px; margin:0 auto; margin-top:15px; position:relative}
#content .wrapper #bottom #welcome {width:580px; height:230px; background-image:url(/images/orillia-vw-welcome-box.jpg); position:absolute; left:10px}
#content .wrapper #bottom #welcome .text {color:#5a5a5a; margin:15px 10px 0 10px; font-size:1.2em; line-height:20px}

#content .wrapper #map-hours {width:340px; height:230px; position:absolute; right:10px}
#content .wrapper #map-hours .left {width:95%;  margin:0 10px 0 10px; display:inline-block}
#content .wrapper #map-hours .right {width:95%; margin:0 10px 0 10px; display:inline-block}
#content .wrapper #map-hours dl {margin:3px 0 3px 0}
#content .wrapper #map-hours dt {display:block; float:left; clear:left; height:14px}
#content .wrapper #map-hours dd {display:block; float:right; clear:right; height:14px}

#content #contact-info {width:275px; float:left; height:600px; position:relative; top:10px; left:10px; background-image:url(/images/orillia-vw-contact-info.png); color:#FFF; background-repeat:no-repeat}
#content #contact-info .mrg {margin:10px}
#content #contact-info .address {font-size:1.2em; font-weight:bold; margin-bottom:4px}
#content #contact-info .phone {font-size:1.4em; font-weight:bold}
#content #contact-info .department {width:100%; float:left; margin:10px 5px 0 0}
#content #contact-info .department dl {margin:5px 0 0 0; padding:0}
#content #contact-info .department dl dt {width:42%; display:block; float:left; clear:left; height:18px}
#content #contact-info .department dl dd {width:42%; display:block; float:right; clear:right; height:18px; text-align:right}

#content #contact-info .email {width:100%; float:left; margin:10px 5px 0 0}
#content #contact-info .email dl {margin:5px 0 0 0; padding:0; font-size:1.3em; font-weight:bold}
#content #contact-info .email dl dt {width:22%; display:block; float:left; clear:left; height:18px}
#content #contact-info .email dl dd {width:62%; display:block; float:right; clear:right; height:18px; text-align:left}

#content #form-content {width:655px; float:right; position:relative; top:10px; right:10px; margin-bottom:15px}
#content #form-content input,#content #form-content textarea {color:#2d5b86; font-size:1.6em; font-weight:bold; border:1px solid #2d5b86; font-family: Arial, Helvetica, sans-serif; margin:0 0 5px 0}
#content #form-content #form-left {width:225px; float:left}
#content #form-content #form-right {width:325px; float:left}

#content #form-content .body-text {font-family:Tahoma, Arial; font-size:1.3em}

#content #form-content .service-staff {width:50%; float:left; margin:10px 0 10px 0}
#content #form-content .service-staff div {width:80%; margin-top:5px}

#content #form-content .new-driver {width:50%; float:left; margin:10px 0 10px 0}

#content #form-content .staff-member {width:50%; float:left; height:110px}
#content #form-content .staff-member img {float:left}
#content #form-content .staff-member div {float:right; width:60%; text-align:left}
#content #form-content .staff-member a {font-size:1em}
#content #form-content .staff-member h3 {font-size:16px}
#content #form-content .staff-member i {font-size:11px}

#content #form-content dl.quick-links {margin:5px 0 0 0; padding:0}
#content #form-content dl.quick-links dt {width:22%; float:left; clear:left; height:30px; margin:0 0 10px 0; padding:0}
#content #form-content dl.quick-links dd {width:74%; float:right; clear:right; height:30px; margin:0 0 10px 0; padding:0}

#content #form-content dl.award {}
#content #form-content dl.award dt {width:22%; float:left; clear:left; margin:0 0 10px 0; padding:0}
#content #form-content dl.award dd {width:74%; float:right; clear:right; margin:0 0 10px 0; padding:0}

#content #form-content dl.service-special {}
#content #form-content dl.service-special dt {width:37%; float:left; clear:left; margin:0 0 10px 0; padding:0}
#content #form-content dl.service-special dd {width:63%; float:right; clear:right; margin:0 0 10px 0; padding:0}


#content #serviceseo {width:100%; height:1000px}
#content #quoteseo {width:100%; height:1100px}
#content #partsseo {width:100%; height:1100px}

@media screen and (-webkit-min-device-pixel-ratio:0){
html*#content #quoteseo  {[width:100%; height:1000px;]}
html*#content #partsseo   {[width:100%; height:1020px;]}
}

#footer-top {width:100%; height:30px; background-image:url(/images/orillia-vw-footer.png)}
#footer-top .wrapper {width:960px; height:32px; margin:0 auto; color:#FFFFFF; position:relative}
#footer-top .wrapper .center {width:960px; position: relative; top:10px; left:50%; margin-left:-480px}
#footer-top .wrapper .center .mrg {margin:0 10px 0 10px}
#footer-top .wrapper .center .mrg .copy {float:right}

#footer-bottom {width:100%; height:328px; background-image:url(/images/orillia-vw-footer-bg.png)}
#homepage_text {
	width:920px;
	left:50%;
	margin-left:-460px;
	position:absolute;
	/*top:970px;*/
	top:1080px;
	z-index:99999;
}
#topmenu {
	width:700px;
	margin-left:50px;
}
#topmenu ul li {
	display:inline;
}
#bottommenu {
	width:800px;
}
#bottommenu ul li {
	display:inline;
}
#subpagemenu {
	width:600px;
}
#subpagemenu ul li {
	display:inline;
}

#orillia-vw-specials {padding:20px}
#cardescription a img {
	border:none;
}
#header .twitter {
	background-image:url("/images/icon-twitter.jpg");
	display:block;
	height:32px;
	left:605px;
	position:absolute;
	top:20px;
	width:32px;
}

#header .facebook {
	background-image:url("/images/facebookicon.jpg");
	display:block;
	height:32px;
	left:568px;
	position:absolute;
	top:20px;
	width:32px;
}

.tsw-container {
	width: 930px !important;
	margin: 0 auto !important;
}

a.af_link {
	color:#fff;
}
a.af_link:hover {
	text-decoration:none;
}