/*  Tags Declaration  */
HTML,BODY{
	height:100%;
}
BODY {
	width:100%;
	height:100%;
	padding:0;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	font-weight:normal;
	background:#ffffff url("../images/background/main_bg.jpg") repeat-x top center;
}

IMG {border: none;padding:0;margin:0;_behavior: url("./style/iepngfix.htc");}

#page {width:920px;margin:0 auto;}

#page-top {
	display:block;
	overflow:hidden;
	background: transparent url("../images/main/top.jpg") top center no-repeat;
	width:920px;
	min-height:18px;
	text-align:center;
}
#page-top H1 {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#999;margin:0;padding-top:2px;}
#header {display:block;overflow:hidden;height:109px;}

#header .logos {float:right;}

#navigation {display:block;}

#flash {
	display:block;
	margin-top:9px;
}

#flash .shadow {display:block;float:left;overflow:hidden;width:10px;}
#flash .slider-pos {display:block;float:left;overflow:hidden;width:900px;}

#offers {
	display:block;
	overflow:hidden;
	height:72px;
	/*background:transparent url("../images/background/offers_bg.jpg") no-repeat top left;*/
}

#offers .o-pad {
	padding:29px 0px 0 58px;	
}

#offers-shadow {display:block; overflow:hidden; }

#quicklinks {
	display:block;
	overflow:hidden;
	background-color:#eeeeee;
	margin-bottom:15px;
}

#quicklinks .qtitle {
	display:block;
	float:left;
	width:81px;	
}

#quicklinks .hor-list {
	display:block;
	float:left;
	width:819px;	
}

#quicklinks ul.qlink {
	margin:0;
	padding:0px 0 0 15px;
}

#quicklinks li.qlist {
	display:inline;
	float:left;
	margin:0;
	padding:13px 11px 0 0;
	text-transform:uppercase;	
}

#quicklinks li.qarrow {
	display:inline;
	float:left;
	margin:0;
	padding:14px 9px 0 5px;
	text-transform:uppercase;	
}

#quicklinks li.qlist a.quick-a:active, #quicklinks li.qlist a.quick-a:link, #quicklinks li.qlist a.quick-a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#55585b;
	text-decoration:none;
}

#quicklinks li.qlist a.quick-a:hover {
	text-decoration:underline;
}
a.map-link:link, a.map-link:visited, a.map-link:active{
	color:#235fc2;
	text-decoration:none;}
a.map-link:hover{
	color: #999;
	text-decoration:none;}

#container {
	display:block;
	overflow:hidden;
	padding:10px;
}

#index-cont {
	display:block;
	overflow:hidden;
	background:transparent url("../images/background/ver_dots.gif") repeat-y top left;
	margin-bottom:20px;
}

#index-cont .col1 {
	display:block;
	overflow:hidden;
	float:left;
	width:330px;
	line-height:0.6cm;
}

#index-cont .col1 .col1-pad {
	padding:10px 20px 20px 0;
}

#index-cont .col2 {
	display:block;
	overflow:hidden;
	float:left;
	width:360px;
}

#index-cont .col2 .col2-pad {
	padding:6px 5px 0 6px;
}

#index-cont .col2-bot {
	background:transparent url("../images/main/hor_dots.gif") no-repeat top left;
	padding:10px 10px 20px 24px;
	
}

#index-cont .col3 {
	display:block;
	overflow:hidden;
	float:left;
	width:210px;
}

#index-cont .col3 .col3-pad {
	padding:5px 0 0 5px ;
}
#index-cont .col3 img {margin:0 0 5px 0;}

#hotlinks {
	display:block;
	overflow:Hidden;
	margin-bottom:10px;
}

#hotlinks .hlink {
	display:inline;
	float:left;
}

.events-heading {
	font-family:"Myriad Pro", Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#235fc2;
	margin:15px 0;
}

.event-archive {
	padding:5px 0 0 0;	
}

.event-archive a:link, .event-archive a:visited, .event-archive a:active {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#235fc2;
	font-weight:normal;
	text-decoration:none;
}

.event-archive a:hover {
	text-decoration:underline;	
}

/*============SCROLLER=============*/

.stepcarousel{
position: relative; /*leave this value alone*/
/*border: 10px solid black;*/
overflow: scroll; /*leave this value alone*/
width: 900px; /*Width of Carousel Viewer itself*/
height: 103px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
	
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 0px; /*margin around each panel*/
width: 225px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}


/*----------------------------------------*/
/* PAGE TOOLS */
.sub-panel-tools {
	display:block;
	overflow:Hidden;
	padding-top:20px;
}

.breadcrumb-container{
	padding:0px 0 15px 0;
	float:left;
}

.page-tools {
	float:right;
	padding:0px 15px 0 0;
}

/*---------------------------------*/
/*-------------SUBPAGE-------------*/
/*---------------------------------*/
#sub-container {
	display:block;
	overflow:hidden;
	padding:0px 10px 10px 10px;
}

#sub-cont {
	display:block;
	overflow:hidden;
	margin-bottom:20px;
	padding:0 16px;
	background:transparent url("../images/background/sub_cont_bg.jpg") repeat-x top left;
}

#subaru-cont {
	display:block;
	overflow:hidden;
	background:transparent url("../images/background/subaru_cont_bg.jpg") repeat-x top left;
	margin-bottom:20px;
	padding:0 16px;
}
#mazda-cont {
	display:block;
	overflow:hidden;
	background:transparent url("../images/background/mazda_cont_bg.jpg") repeat-x top left;
	margin-bottom:20px;
	padding:0 16px;
}

#sub-cont .sub-left {
	display:block;
	float:left;
	overflow:hidden;
	width:620px;
	/*background:transparent url("../images/background/sub_divider_left.gif") repeat-y top right;*/
}

#sub-cont .main-content-left-full {
	width:620px;
	overflow: hidden;
}

#sub-cont .sub-right {
	display:block;
	float:left;
	overflow:hidden;
	width:230px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
}

#sub-cont .sub-main {
	display:block;
	overflow:hidden;
	background:transparent url("../images/background/sub_divider.gif") repeat-y top right;
}

#sub-cont .contact {
	padding:40px 0 0 30px;	
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
}

#sub-cont .sub-links {
	display:block;
	margin:20px 0;
}

.contact2 {
	padding:40px 0 0 30px;	
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
}

.sub-links2 {
	display:block;
	margin:20px 0;
}
/*---------SUB CONTENT AREA---------*/
/* CMS CONTENT PAGES */
/* the main left block container */
#main-content-left {
	float:left;
	min-height:300px;
}
.main-content-left-full{ /* the size of the container without the right side */
	width:868px;
	overflow: hidden;
}
.main-content-left-small{ /* the size of the container when the right side is present */
	width:603px;
}
#main-content-left-cont{ /* an inside div for padding etc */
	padding:0px 0px 0px 0px;
}

/* the main right block container */
#main-content-right{
	float:left;
	overflow: hidden;
	margin: 0px;	
}
.main-content-right-small{ /* the size of the container */
	width:265px;
	overflow: hidden;
}
#main-content-right-cont{ /* an inside div for padding etc */
	padding:10px;
}

/*=======================================*/
/*=============CAR FEATURE===============*/
/*=======================================*/
#car_features_mazda_bar {
	display:block;
	overflow:hidden;
	background:#424549 url("../images/modules/mazda_bar.jpg") no-repeat top left;
	padding:0 10px;
	height:32px;
}

#car_features_bar {
	display:block;
	overflow:hidden;
	background:#424549 url("../images/modules/subaru_bar.jpg") no-repeat top left;
	padding:0 10px;
	height:32px;
	
}

.car_feature_title {
	font-family: "Myriad Pro", Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-weight: normal;
	font-size:16px;
	margin:0;
	padding:9px 0 10px 0;
	display:inline;
	float:left;
}

#car_feature_cont {
	width:868px;
	
}

#car_features {
	clear: both;
	margin-top: 20px;
	padding:0px 0px 30px 0px;
	background:transparent url("../images/modules/cars_border.gif") repeat-y top left;
	border-bottom: 1px solid #eeeeee;
}

#car_features .car_model {
	text-align:center;	
}

#car_features .car_pic {
	text-align:center;	
}


#car_features p {
	color:#333333;	
}

#car_features li {
	color:#333333;	
	list-style-image:url(/images/modules/cars_bullet.gif);
}

#car_features ul {
	margin-top:0;
	padding-top:0;
	margin-left:0px;
	padding-left:20px;
}

#cars_gallery {
	display:block;
	overflow:hidden;
	margin-top:15px;
	/*background:transparent url("../images/modules/cars_dividers.gif") repeat-y top left;*/
}

.car_block {
	overflow:Hidden;
	padding:0px 30px 0px 30px;
	border-right:1px dotted #939393;
}

.car-buttons {
	display:inline;
	float:right;
	padding:12px 0 10px 0;
}

.previous_button{
	float: right;
	margin-right: 14px;
	display: block;
	overflow:Hidden;
	width: 71px;
	height: 10px;
	background: url(/images/modules/previous_next_arrows.gif) 0px 0px;
}

.previous_button:hover{
	background: url(/images/modules/previous_next_arrows.gif) 0px 20px;
}

.previous_button_off{
	float: right;
	margin-right: 14px;
	display: block;
	overflow:hidden;
	width: 71px;
	height: 10px;
	background: url(/images/modules/previous_next_arrows.gif) 0px 10px;
}

.previous_button span, previous_button span{
	display: none;
}

.next_button{
	float: right;
	display: block;
	overflow:hidden;
	width: 44px;
	height: 10px;
	background: url(/images/modules/previous_next_arrows.gif) 44px 0px;
}

.next_button_off{
	float: right;
	display: block;
	overflow:hidden;
	width: 44px;
	height: 10px;
	background: url(/images/modules/previous_next_arrows.gif) 44px 10px;
}

.next_button:hover{
	background: url(/images/modules/previous_next_arrows.gif) 44px 20px;
}

.next_button span, next_button_off span{
	display: none;
}

/*-------------------------------------------------------------*/
/*------------------------FOOTER-------------------------------*/
/*-------------------------------------------------------------*/

#footer {
	display:block;
	overflow:hidden;
	background:transparent url("../images/background/footer_bg.gif") no-repeat top left;
	height:33px;
	width:900px;
	margin:0 auto;
}

#footer a:link, #footer a:visited, #footer a:active {
	color:#bedeff;
	text-decoration:none;
}

#footer a:hover {
	text-decoration:underline;	
}

#footer .footer-left {
	display:inline;
	float:left;
	padding:9px 15px;
	color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
}

#footer .footer-right {
	display:inline;
	float:right;
	padding:9px 15px;
	color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
}

#footer-print {
	display:block;
	overflow:hidden;
	padding:5px 0;
	background-color:#015182;
	width:670px;
}

#footer-print a:link, #footer-print a:visited, #footer-print a:active {
	color:#3898d7;
	text-decoration:none;
}

#footer-print a:hover {
	text-decoration:underline;	
}

#footer-print .footer-left {
	display:inline;
	float:left;
	padding:9px 15px;
	color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
}

#footer-print .footer-right {
	display:inline;
	float:right;
	padding:9px 15px;
	color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
}


/*--------SEND TO A FRIEND-----*/

.sendtoafriend {
	background:#003e64 url("/images/background/friend_bg.jpg") no-repeat top left;	
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#ffffff;
	height:260px;
}	

#friend form {
	margin:0;
	padding:0;
}

#friend .friend-field {
	display:block;
	float:left;
	width:200px;
	height:15px;
	border:1px solid #ababab;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
	background-color:#ffffff;
	padding:4px 3px 2px 3px;
	margin-bottom:3px;
}

#friend .friend-field2 {
	display:block;
	float:left;
	width:200px;
	height:60px;
	border:1px solid #ababab;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
	/*background:#ffffff url("../images/background/friend_field_bg.jpg") repeat-x bottom left;*/
	background-color:#ffffff;
	padding:4px 3px 2px 3px;
	margin-bottom:3px;
}

#friend label.flabel {
	display:block;
	float:left;
	width:150px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#ffffff;
	font-weight:bold;
}

#friend .friend-submit {
	margin-top:5px;	
}

.friend-title {
	font-family: "MoreModernMedium", Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-size:16px;
	line-height:normal;
	float:left;
	padding:5px 0 0 0px;
}

.fdrop {margin-bottom:5px;font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#333333;}
#friend label.slabel {
	display:block;
	float:left;
	width:190px;
	margin-right:7px;
	text-align:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#ffffff;
	font-weight:bold;
}

#friend .scheckbox {display:block;overflow:Hidden;float:left;width:280px;margin-bottom:5px;}


/*------------SURVEY FORM-------------------*/

.survey-form tr.survey-title{
	background-color:#3e4e5e;
	text-align:center;
}

.survey-form td.survey-title{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#ffffff;
}

.survey-form label {
	margin:10px 0;
	color:#226dbb;
	font-weight:bold;
}

.survey-form input.form-field {
	margin-bottom:15px;
	display:block;
	padding:3px;
}

.survey-form textarea.form-field {
	display:block;
	padding:3px;
}

/*-----------CHALKBOARD------------*/

.chalkboard-bg {
background: transparent url("http://www.keymotors.com.au/images/background/chalkboard2.jpg") no-repeat top left;
width: 704px; 
height: 934px;
}

/*----------SPECIALS PAGE-------------*/

#specials {display:block;overflow:Hidden;}

#specials .specials-left {display:block;float:left;overflow:Hidden;width:620px;}
#specials .specials-right {display:block;flaot:left;overflow:Hidden;width:230px;}
#specials .specials-left-pad {padding:0px 24px 0 0px;}
#specials .specials-right-pad {padding:0px 0 0 13px;}

#specials .specials-right img {display:block;margin-bottom:20px; padding-left:5px;}

#specials .specials-bar {display:block;overflow:hidden;height:36px;background:#676b71;font-family:Arial, Helvetica, sans-serif;font-size:14px;color:#ffffff;font-weight:bold;}

#specials .specials-item {display:block;overflow:hidden;background:#eeeeee;padding:15px;}
#specials .specials-item2 {display:block;overflow:hiddenbackground:#f7fafd;padding:15px;}
#specials .specials-item a, #specials .specials-item2 a {font-family:Arial, Helvetica, sans-serif;font-size:11px;color:#033a81;text-decoration:underline;}


#specials .service-title {font-weight:bold;color:#1e1e1e;}
#specials .service-price {font-weight:bold;color:#226dbb;font-size:14px;}

.service-field {
	display:block;
	float:left;
	width:200px;
	height:15px;
	border:1px solid #ababab;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
	background-color:#ffffff;
	padding:4px 3px 2px 3px;
	margin-bottom:5px;}

.datepicker {font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#333333;}

/*--------GREAT NORTH WEST----------------*/

body.gnw {background:#c5d5df url("../images/background/gnw_bg.jpg") no-repeat top center;background-attachment:fixed;}

#gnw-page {width:840px;margin:0 auto; padding-top:25px;}
#gnw-page .gnw-sides {display:block;float:left;overflow:hidden;width:20px;}
#gnw-page .gnw-center {display:block;float:left;overflow:hidden;width:800px;}

#gnw-page .gnw-header {display:block;overflow:Hidden;background:#ffffff url("../images/background/gnw_header_bg.jpg") repeat-x bottom left;height:119px;}
#gnw-page .gnw-banner {display:block;overflow:hidden;}
#gnw-page .gnw-festivals {display:block;overflow:hidden;background:url("../images/background/gnw_festival_bg.gif") no-repeat top left;height:136px;}
#gnw-page .gnw-festivals img {display:inline;float:left;margin:0 25px;}

#gnw-page .gnw-box {display:block;overflow:hidden;background:#ffffff;padding:24px 0;margin-bottom:15px;}
#gnw-page form {margin:0;padding:0;}
#gnw-page input.gnw-field {display:block;width:321px;padding:10px 15px;color:#858585;font-size:14px;border:2px solid #b4d1f9;margin:0 0 22px 26px;}
#gnw-page select.gnw-select {display:block;width:355px;padding:10px 15px;color:#858585;font-size:14px;border:2px solid #b4d1f9;margin:0 0 22px 26px;text-transform:uppercase;}
#gnw-page .gnw-box-col {display:inline;float:left;}

#gnw-page .gnw-option {display:block;float:left;width:180px;margin:0 10px;}
#gnw-page .gnw-name {display:block;overflow:hidden;text-align:center;color:#226dbb;padding:5px 0;}

#gnw-page select.colour {display:block;width:180px;padding:5px;color:#333333;font-size:12px;border:1px solid #919191;}

#gnw-page .gnw-submit {display:block;overflow:Hidden;background:#fff;text-align:right;margin-bottom:15px;border:4px solid #226dbb;padding:3px;}
.captcha-text {display:inline;float:left;padding:10px 5px;}
.gnw-captcha {display:inline;float:left;padding:4px 0 0 0;}
.gnw-cap {display:inline;width:40px;color:#858585;font-size:14px;border:2px solid #b4d1f9;text-transform:uppercase;padding:3px;margin-left:5px;}


#gnw-page .gnw-footer {display:block;overflow:Hidden;background:#fff;padding:10px;color:#333333;font-size:11px;}
#gnw-page .gnw-footer a {color:#226dbb;text-decoration:none;}
#gnw-page .gnw-footer a:hover {text-decoration:underline;}