/* Defaults -IGNORE ME -
----------------------------------------------- */
html, body {
    height: 100%; }

body { 	
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	font-size: 62.5%;
	background-color: #807971; }

p, h1, ul, li, img, dl, body, h1, h2, h3, h4, h5, h6, dd, dl, dt, td, iframe, form {
	margin: 0; padding: 0; border: 0; }
h1, h2, h3, h4, h5, h6, td {
	font-size: 1em; }
li li, li p, ul ul, ul li, ol ol, ol li, li ul, ol ul {
	font-size: 1em; }
	
a:focus {
    outline: 0 !important; } /* fixes that dumb dotted rectangle around all active links in Firefox */
	
td { width: auto; }



/* Main Elements Layout
----------------------------------------------- */
div#wrap {
	border-left: 1px solid #6B6359;
	border-right: 1px solid #6B6359;
	width: 700px;
	text-align: left;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -16px; /* the bottom margin is the negative value of the footer's height */
	background: #fff url(../img/bg/left_nav_trick.gif) repeat-y -100px 0; }
	
div#wrap-nosidebar {
	border-left: 1px solid #6B6359;
	border-right: 1px solid #6B6359;
	width: 700px;
	text-align: left;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -16px; /* the bottom margin is the negative value of the footer's height */
	background: #fff; }

div#header {
	height: 96px;
	background-color: #FFFFFF;  /* was #527AB0; */
	width: 700px;
	background: #fff url(../img/bg/header.jpg) no-repeat; }
div#nav {
	width: 680px;
	height: 18px;
	background-color: #496C9C; 
	padding: 0 20px 0 0;
	border-bottom: solid 1px #39547A; }
div#nav a, div#nav span {
	width: auto;
	margin-left: 30px;
	text-align: center; }

div#main {	
	width: 450px;
	float: left;
	min-height: 43px;
	padding: 35px 20px 30px 30px; }
div#main-nosidebar {
	width: 620px;
	float: left;
	min-height: 43px;
	padding: 35px 40px 30px 40px; }

div#sidebar {
	width: 172px;
	float: right;
	padding: 35px 14px 20px 14px; }

div#push {
	height: 15px; /* #push must be the same height as #footer */
	clear: both; }
div#footer {
	width: 700px;
	height: 15px;
	background-color: #496C9C;
	margin: 0 auto;
	border-bottom: solid 1px #39547A; }



/* Typography defaults
----------------------------------------------- */
p, ul { 
	font-size: 1.2em;
	line-height: 1.2em; }
p, ul, form { padding-bottom: 0.7em; }
h1, td h1 { font-size: 2.0em; }
h2, td h2 { font-size: 1.5em; }
h3, td h3 { font-size: 1.3em; }
ul li { margin-left: 2em; }

h3.list-header {
	margin-bottom: 0.2em;
	color: #333;
	font-size: 1.3em; }

div#nav a, div#nav span {
	font-size: 1.3em;
	font-weight: bold;
	line-height: 1.6em; }
div#nav span {
	color: #FFF9CC; }
div#nav a:link, div#nav a:visited {
	color: #FFEB66; }
div#nav a:hover, div#nav a:active {
	color: #FFF9CC; }
	
/* News sidebar styling */
div#sidebar p { 
	font-size: 1.1em;
	padding-bottom: 0.7em;
	line-height: 1.1em; }
div.post {
	margin-bottom: 1.9em;
	border-bottom: 1px dashed #BFBDB1; }	




/* text colours sizes etc.
----------------------------------------------- */

/* all content font colours */
p, ul, ol, dl, td {
	color: #333 }
	
/* link colours */
a:link, a:visited { 
	color: #B3962C; text-decoration: none; }
/*a:visited { 
	color: #C0B086; text-decoration: none; }*/
a:hover, a:active { 
	color: #D9B982; text-decoration: none; }
	
a:link.header { 
	color: #990000; text-decoration: none; }
a:visited.header { 
	color: #990000; text-decoration: none; }
a:hover.header, a:active.header { 
	color: #DB0000; text-decoration: none; }
	
.secondary-nav {
	font-size: 1.4em; 
	font-weight: bold;
	display: block;
	margin: 0 0 0.5em 0;
    border-bottom: 1px dashed #BFBDB1;
	padding-bottom: 0.2em; }


/* Site title */
div#header h1 a {
	font-size: 4em;
	margin: 0 0 0 30px; }
div#header h1 i { /* makes blog title link "invisible" */
	visibility: hidden; } 

/* Product titles */
h1.title-page {
	margin: 0 0 1em 0;
	color: #990000; }

h2.title {
	margin: 0.5em 0 0 0;
	color: #990000; }
h2.subtitle-page {
	margin: -1.5em 0 1.5em 0;
	color: #990000; }
h2.title-separate {
	margin: 0.5em 0 0.5em 0;
	color: #990000; }

h3.subtitle-dealers {
	color: #990000;
	text-align: right; }
h3.subtitle-red {
	color: #990000;
	margin: 0 0 0.5em 0; }
h3.subtitle-black {
	margin: 0 0 1em 0; }
h3.list-header {
	margin-bottom: 0.2em;
	color: #333;
	font-size: 1.2em; }



/* news titles */
h2.post-title {
	color: #990000; }
h3.post-date {
	padding-bottom: 0.5em;
	color: #990000;
	font-weight: normal; }


/* copyright footer text */
div#footer p { 
	text-align: center;
	padding: 0.2em 0 0 0;
	color: #fff;
	font-size: 1em; }


/* Images layout
----------------------------------------------- */

.align-left {
	float: left;
	margin: 0 15px 5px 0; }

.align-right {
	float: right;
	margin: 0 0 5px 15px; }
	

/* Image Table Layout
----------------------------------------------- */

table.products td {
	vertical-align: top;
	padding: 0 11px 1.1em 0; }
		
table.dealers td {
	vertical-align: middle;
	white-space: nowrap; }
table.dealers td img {
	padding: 7px 0 7px 0; }
table.dealers td h3 {
	color: #990000;
	text-align: right;
	padding-right: 15px; }
table.dealers td.third-column h3 {
	margin-left: 20px; }
	
table.specs td.first-column {
	text-align: right;
	padding: 0 5px 0 0;
	font-weight: bold; }
	
table.media td img {
	padding: 0 20px 40px 0; }