/* 
USE: 		Mazda CX-7
AUTHOR:		Syzygy UK Limited
*/


/* S01. GLOBAL ELEMENT DECLARATIONS */ 
body 			{  font: 0.75em Arial, Helvetica, Verdana, Geneva, sans-serif; color: #666; margin: 0 auto; padding: 0; background: #fff url(../images/bg_hero.jpg) no-repeat 0 0; }

div, form		{ margin:0; padding:0; }
p				{ margin:0; padding:0 0 1.2em 0; }
img, fieldset	{ border: 0;}
a				{ color: #2471bc;}
a:active, 
a:focus			{ outline: 0; }
a:hover			{ color: #0957ab; }
h1				{ margin:0; padding:0 0 0.8em 0; color:#0957ab; font-size: 1.8em; }
h2				{ margin:0; padding:0 0 1em 0; color:#0957ab; font-size: 1.4em; }

.hidden 		{ position:absolute; left:-300em; top:auto; width:1px; height:1px; overflow:hidden;} 


/* S02. CORE LAYOUT ELEMENTS */ 
#mainContainer				{ clear:both; margin: 315px 0 0 0; padding:0; background-color:#fff; width: 820px}
#left-nav					{ width: 235px; padding: 20px 15px; float: left; }
#content					{ margin:0 0 20px 235px; padding: 20px 0 20px 0; overflow:hidden; text-align:right; min-width: 300px;  background: transparent url(../images/separator.gif) no-repeat 20px 70px}
#content .wrap				{ display: inline-block; padding: 20px 40px; text-align:left; }
#countries ul				{ margin:0; padding:0; list-style-type:none; }
#countries li				{ float:left; width: 200px; padding: 0 0 0.2em 10px; background: transparent url(../images/arrow_right.gif) no-repeat 0 0.3em }
#countries li a				{ text-decoration: none}
#countries li a:hover		{ text-decoration: underline}

/* JS version */
#content.js-style					{ margin:0 0 20px 480px; }
#content.js-style #myForm input		{ background-color:#0353b2; color:#fff; border: none; margin: 0 10px; cursor: pointer; padding: 1px 5px}
#content.js-style #myForm select	{ width:200px; }
#content.js-style .wrap				{ background-color: #f2f7f7;}
#content.js-style					{ background-image:none}

/* Floating Footer */
body > div#footer 		{ position: fixed;}
#footer 				{ left: 0; bottom: 0; position: absolute;  height: 25px; width: 100%; background-color:#006cb8 }
* html #footer {
	right: auto; bottom: auto;
	left: expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: expression( ( 0 - footer.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}