/*  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;
}

#header {
	display:block;
	overflow:hidden;
	height:109px;
}

#header .logos {
	float:right;	
}

#navigation {
	display:block;
	/*overflow:hidden;
	height:27px;*/
}

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

#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 11px 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;
}

#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 20px ;
}

#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;
}


/*------------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;
}