/*
	Note. any alpha - PNG you must change in BOTH the IE specific and the other browser selectors
	
	I apologise to anyone who has to read my code. IE is a dog. note the following
		// is a class passed to IE (it parses comments that start like this anyway)
		_position is a class, again passed only to IE. it ignores the underscore in some cases.
		* html <classes> is an element set for IE only. it thinks there is an element higher than HTML
		html>body is an element passed to anything except for IE (IE doesn't support direct selectors like this)
		
	PNG Alpha settings
		you will need to set the image in two classes for these images.
			1 - One uses the directx filter in IE to render the PNGs properly.
			2 - The other is a class that IE cannot see. IE understands the background-image: property but it doesn't render the PNG properly in this instance and it overwrites the directx filter
			
	Have a nice day
	James Macpherson - support@nextstudio.net
	
*/

/* 
	BEGIN COMMON
	Common stuff
*/
body {
	background-color: White;
	background-image:url(/images/FORD/interface/tile_bg_gradient.gif);
	background-repeat: repeat-x;
	margin: 0px;
	padding:0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	position: relative;
}
a {
	color: White;
}
a:hover {
	font-weight:normal;
}
div {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
}
input.check {
	float: left;
	padding: 0px;
	margin-left: 21px;
}

.readonly
{
	background-color: #ccc;
	color: #444;
}

#submitBtn{
	height: 2.0em;
	width: 6em;
	margin-top: 12px;
	margin-left: 162px;
	vertical-align: middle;
	padding-left: 4px;
}

#submitter {
	border: none;
	width: 82px;
	height: 16px;
}

/* %%%%%%%%%%%%%%%%%%%% Pages with the Blue Background %%%%%%%%%%%%%%%%%%%%%%%% */
.bluePage fieldset {
	float: left;
	background-color: #52788D;
	background-image:url(/images/FORD/interface/bg_gradient_1column.gif);
	background-repeat: no-repeat;
	width: 283px;
	margin: 0px;
	border: none;
	padding: 0;
	padding-top: 12px;
	padding-bottom: 100px;
}

.bluePage fieldset p {
	padding: 0px 26px;
}
.bluePage fieldset legend {
	position: relative;
	font-weight: bold;
	margin:0;
	padding:0;
	margin-top: -35px;
	margin-left: 26px;
	_margin-left: 16px;
	color: White;
	font-family: Arial, Helvetica, sans-serif;
	color: White;
	font-size: 10pt;
}
.bluePage fieldset label {
	float: left;
	padding-left: 25px;
	width: 135px;
	color: White;
}

.bluePage #pageBody {
	background-color: #52788D;
}

.bluePage #pageImage {
	background-image:url(/images/FORD/interface/tile_bg_plain.gif);
	background-repeat: repeat-x;
}

.bluePage h3 {
	color: White;
	padding: 0px 24px 10px 24px;
	margin: 0px;
}
.bluePage div.pageText {
	background-color: #52788D;
}
.bluePage #pageBody h2  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16pt;
	color: White;
	padding: 16px 24px 10px 24px;
	margin: 0px 0px 20px 0px;
}
.bluePage #pageBody h3 {
	font-family: Arial, Helvetica, sans-serif;
	padding-top: 0px;
	font-size: 14px;
}
.bluePage #pageBody h4, .bluePage #pageBody h5  {
	font-size: 12px;
}
.bluePage #pageBody p {
	color: White;
}
.bluePage #pageBody ul {
	float:left;
	background-color: #52788D;
	background-image:url(/images/FORD/interface/bg_vehicles.gif);
	background-repeat: no-repeat;
	width: 548px;
	color: White;
	margin: 0px;
	padding: 20px 0px 0px 20px;
	list-style-type: none; 
	display: inline; 
}

.bluePage #pageBody .hot {
	width: 55px; 
	height: 54px;
	display: block;
	position: absolute;
	right: -7px;
	top: -5px;
	background-image: url(/images/FORD/interface/special_offer.png) !important;
	background-image: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='/images/FORD/interface/special_offer.png');
}

.bluePage #pageBody ul li {
	float: left;
	width: 170px;
	display: block;
	margin-right: 9px;
	position: relative;
}
.bluePage h4 {
	font-family: Arial, Helvetica, sans-serif;
	color: White;
	font-size: 12px;
	padding:0px;
	margin: 0px 0px 0px 26px;
}
.bluePage #pageBody li h3 {
	
	font-size: 11px;
	border: 1px Solid #CDD8DE;
	margin:0;
	background-color: #88A2B1;
	padding: 5px 10px;
}
.bluePage #pageBody li div {
	border-left: 1px Solid #CDD8DE;
	border-right: 1px Solid #CDD8DE;
	border-bottom: 1px Solid #CDD8DE;
	margin-bottom: 10px;
}

.bluePage #pageBody img {
	z-index: 0;
}
.bluePage #pageBody .hotDeal span {
	display: none;
	cursor: hand;
	cursor: pointer;
}
.bluePage #pageBody li div p {
	clear: both;
	padding: 8px;
	margin: 0px;
}
.bluePage ul li img {
	margin-bottom: -2px;
}


/* -------------------- Standard From elements  ------------------------------ */

input, select {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	height: 1.4em;
	font-size: 8pt;
	color: black;
	margin-bottom: 9px;
	border: 1px solid #7F9D89;
}
select {
	width: 135px;
}
input.long,  input.short, input.medium{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-bottom: 9px;
	padding-bottom: 0px;
	height: 1.2em;
	color: black;
}
form {
	padding: 0; margin: 0;
}

.long {
	width: 180px;
}
.short {
	width: 100px;
}
.medium 
{
	width: 140px;
}
.shorter {
	width: 20px;
	margin-top:9px;
	margin-left: 26px;
}

div.clearer {
	clear:both;
	height:0px;
	line-height: 0px;
	font-size: 1px;
	border:none;
	margin:0; padding:0;
	background:transparent;
}


/* Used to centre the site content */
#pageContainer {
	text-align: center;
	position: relative;
}

/* Ford Site header. */
h1 {
	width: 764px;
	height: 73px;
	padding:0;
	margin:0;
	margin: 0px auto;
	margin-top: 5px;
	background-image:url(/images/FORD/interface/header.png) !important;
	background-image:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='/images/FORD/interface/header.png');
}
/* hide the contents of the h1 */
h1 span {
	display: none;
}

/* This is used to place the intro text vertical-bottom with padding */
div.verticalBottom {
	_position: absolute;
	_bottom: 8px;
	display: table-cell;
	vertical-align: bottom;
}

/* Footer */
#footer {
	clear: both;
	position:relative;
	width: 764px;
	height: 41px;
	margin: auto;
	padding-top: 24px;
	margin-bottom: 15px;
	margin-top:0px;
	text-align: left;
	background-image:url(/images/FORD/interface/footer.gif);
	z-index: 0;
}

#footer a {
	float:left;
	position: relative;
	margin-left: 17px;
	color: White;
	text-decoration: none;
	z-index: 100;
}

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

/* END COMMON */

/* Floating introduction box - on homepage*/
#introContainer {
	float: left;
	width: 549px;
	height: 315px;
	bottom: 0px;
	padding: 8px 7px 8px 9px;
	display: table;
	_position: relative;
	overflow: hidden;	
}
#intro {
	position: relative;
	border: 1px solid #bfbfbf;
	color: #444;
	background-image:url(/images/FORD/interface/alpha_intro.png) !important;
	background-image:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='/images/FORD/interface/alpha_intro.png');
	_height: 1px;
}
#intro h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	margin: 6px 0px 5px 11px;
	/*margin: 4px 0px 5px 11px;*/
	padding: 0px 0px 0px 0px;
}
#intro div {
	font-size: 7pt;
	padding: 0px 4px 0px 0px;
	margin: 0px 0px 8px 10px;
}
#pageImage {
	text-align:left;
	background-repeat: no-repeat;
	width: 754px;
	margin: 0px 5px;
	position: relative;
}
#pageContent {
	width:764px;
	margin:0px;
	padding:0px;
	margin: auto;
	position: relative;
}
* html #pageContent { 
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='/images/FORD/interface/tile_page_LR.png');
}
html>body #pageContent {
	background-image:url(/images/FORD/interface/tile_page_LR.png);
}

#leftContent {
	float: left;
	width: 178px;
	padding:0px; margin: 0px;
	position: relative;
}
#logoPanel {
	background-color: white;
	height: 100%;
	/*border-bottom: 1px solid #CBD1DE;*/
}
#leftContent img {
	border: none;
}
#leftContent ul {
	list-style-type: none;
	margin:0px;
	padding:0px;
	position: relative;
	z-index: 1000;
}
#leftContent ul li {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	padding: 0px;
	margin: 0px;
	position: relative;
}
html>body #leftContent ul li a {
	height: 16px;
	background-image:url(/images/FORD/interface/alpha_nav.png);
}
html>body #leftContent ul li a:hover {
	background-image:url(/images/FORD/interface/alpha_rollover.png);
}
* html #leftContent ul li a { 
	height: 16px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='/images/FORD/interface/alpha_nav.png');
}
* html #leftContent ul li a:hover { 
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='/images/FORD/interface/alpha_rollover.png');
}
#leftContent ul li a {
	display: block;
	position: relative;
	color: Black;
	text-decoration: none;
	width: 134px;
	height:23px;
	padding: 8px 22px 6px 22px;
	border-bottom: 1px solid #bfbfbf;
	background-image:url(/images/gen/alpha.gif);
}
#leftContent ul li a:hover {
	color: White;
	font-weight: normal;
}
#leftContent ul li a.selected {
	color: White;
	background-color: #52788D;
	background-image: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=false, sizingMethod=scale src='/images/FORD/interface/alpha_rollover.png');
}
/* fix for IE to turn off image on hovered selected item */
#leftContent ul li a.selected:hover {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=false, sizingMethod=scale src='/images/FORD/interface/alpha_rollover.png');
}
#leftContent ul ul {
	left:100%;
	top: 0;
	margin-left: 1px;
	position: absolute;
	display:none;
	z-index: 1000;
}

#leftContent ul ul ul{
	position: absolute;
	left:178px;
	margin-left: 1px;
	margin-top: -27px;
	display:none; 
}

#pageBody {
	float: left;
	border-left: 1px solid #bfbfbf;
	width: 575px;
	padding:0px;
}
#latestNews {
	border-top: 1px solid #bfbfbf;
	float:left;
	background-image:url(/images/FORD/interface/bg_latestnews.gif);
	background-repeat: no-repeat;
	width: 562px;
	color: #039;
	padding: 15px 0px 100px 13px;  /*Standard compliant browsers req a 13 px padding */
	_padding: 15px 0px 100px 12px;  /*IE requies a 12px padding*/
}
#latestNews h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	padding: 0px 5px 0px 7px;
	margin: 0px 0px 0px 0px;
}
#latestNews .intro {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-left: 7px;
	padding-right: 13px;
	padding-bottom: 24px;
	margin: 4px 0px 0px 0px;
}
.newsItem {
	float: left;
	margin: 12px 10px 30px 6px;
	_margin: 0px 14px 30px 7px;
	width: 250px;
}
.newsItem h3 {
	font-size: 10pt;
	padding:0px;
	margin: 0px 0px 10px 0px;
}
.newsItem img {
	border: 1px Solid #CBD1DE;
}
.newsItem div {
	padding-top: 10px;
}

a.clickForMore {
	display: block;
	background-image: url(/images/FORD/interface/button_click_for_more.gif);
	width: 82px;
	height: 16px;
	margin-top: 15px;
}
a.clickForMore span {
	display: none;
}
div.pageText {
	padding: 0px 24px 10px 24px;
	color: White;
	width: 527px
}
a.clickToVisit {
	float: left;
	display: block;
	background-image: url(/images/FORD/interface/button_click_to_visit_site.gif);
	background-repeat: no-repeat;
	padding: 0px;
	margin: 0px;
	width: 83px;
	height: 16px;
}
a.clickToVisit span {
	display: none;
}
a.pricingPDF {
	float: right;
	display: block;
	background-image: url(/images/FORD/interface/button_pricing_pdf.gif);
	background-repeat: no-repeat;
	padding: 0px;
	margin: 0px;
	width: 82px;
	height: 16px;
}
a.pricingPDF span {
	display: none;
}

/* FREQUENTLY ASKED QUESTIONS */
.bluePage #pageBody ul#faqs{
	float:none;
	background-color: none;
	background-image:none;
	color: White;
	margin: 0px;
	margin-left: 4px;
	vertical-align: top;
	padding: 0px;
	width: 500px;
	display:block; 
	padding-left: 18px;
}
.bluePage #pageBody ul#faqs li{
	float: none;
	width: auto;
	list-style-type: circle; 
	list-style-image : url(/images/FORD/interface/faq_bullet.gif); 
	display:list-item; 
}

#faqs li
{
	margin-bottom: 4px;
}
#faqs a
{
	text-decoration: none;
	padding-left: 6px;
	margin-top: 0px;
	margin-bottom: 0px;
}
#faqs a:hover
{
	text-decoration: underline;
	font-weight: normal;
}

.faqAnswer
{
	/*border: 1px solid yellow;*/
	margin-top: 16px;
	padding-bottom: 24px;
	float: none;
}

.faqAnswer h6
{
	display: block;
	font-size: 11pt;
	font-weight: normal;
	float: none;
	margin-top: 0px;
	margin-bottom: 4px;
}
.faqAnswer p
{
	display: block;
	margin-top: 0px;
	margin-bottom: 16px;
	float: none;
}

.faqIntro {
	float: none;
	display: block;
	margin-top: 0px;
	padding-top: 8px;
	padding-bottom: 8px;
	margin-bottom: 8px;
}
.faqIntro p {
	color: white; 
	font-weight: bold;
}


.backToTop {
	display: block;
	float:right;
	margin-top: 0px;
	height: 24px;
	width: 76px;
	background-image: url(/images/FORD/interface/back_to_top.gif);
	background-repeat: no-repeat;
}

.backToTop span {
	display: none;
	margin-bottom: 20px;
}

div.fieldname {
	padding: 5px 0px;
}
span.fieldname {
	float: left;
	width: 100px;
	display: block;
	font-weight: bold;
}
/* White page (login screen) */
.whitePage #pageImage {
	background-image:url(/images/FORD/interface/tile_bg_white.gif);
	background-repeat: repeat-x;
}
.whitePage #pageImage{
	padding-top: 283px;
	border-left: 0px;
}
.whitePage #leftContent {
	float: left;
	width:187px;
	padding-top: 20px;
	padding-left: 20px;
}
.whitePage #bodyText, .whitePage #leftContent {
	color: #039;
}
.whitePage #bodyText {
	float: left;
	/*background-color: red;*/
	width: 500px;
	margin-top: 20px;
	padding-bottom: 100px;

}
.whitePage h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	margin: 0; padding:0;
}

.whitePage fieldset {
	margin: 0;
	padding: 0;
	width: 200px;
	padding-top: 19px;
	border: none;
}

.whitePage fieldset input.login {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-bottom: 5px;
	height: 1em;
	width: 130px;
	color: black;
	margin-top:5px;
	margin-bottom: 4px;
}
.whitePage #pageBody {
	width: 753px;
	background-image:url(/images/FORD/interface/bg_login.gif);
	border-top: 1px Solid #BFBFBF;
}
label.check {
	float:left;
	width: 200px !important;
	padding: 0px 0px 0px 15px !important;
	margin: 0px 0px 10px 0px;
}
.longlabel {
	padding:0px; 
	margin:0px;
	float: left;
	width: 190px !important;
}
input.shorter {
	float: left;
	margin: 1px 0px 0px 25px;
	width: 15px;
}

#adminLinks  ul
{
	list-style : disc;;
}
#adminLinks li a
{
		color: black;
		text-decoration: none;
}
#adminLinks a:hover
{
		text-decoration: underline;
}

#AdminSection 
{
	color: white;
}
#AdminSection form
{
	width: 50em;
	color: white;
}

#AdminSection fieldset
{
	background-image:url(/images/FORD/interface/bg_vehicles.gif);
	width: 40em;
	color: white;
}
#AdminSection fieldset label {
	float: left;
	padding-left: 25px;
	width: 165px;
	color: White;
}
#AdminSection file input select option
{
float: none;
margin-left: 25px;
}

#AdminSection .checkbox{
float: none;
margin-left: 5px;
}

#AdminSection .radio{
float: none;
vertical-alignment: middle;
margin: 0px;
padding: 0px;
}

#AdminSection h5
{
	margin-left: 24px;
	margin-bottom: 12px;
	font-size: 1.4em;
	color: white;
}

#AdminSection textarea
{
color: black;
float: left;
width: 25em;
height: 8em;
margin-left: 25px;
margin-bottom: 1em;
}

#AdminSection table
{
	margin-left: 24px;
	color: white;
}

#AdminSection th
{
	color: white;
	text-align: left;
	padding-right: 3em;
	padding-bottom: 4px;
	border-bottom: 2px solid #aaa;
}
#AdminSection td 
{
	color: white;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-right: 1em;
	border-bottom: 1px solid #888;
}

#AdminSection a:hover
{
	text-decoration: underline;
	font-weight: normal;
}

/* ^^^^^^^^^^^^^^^^^^^^ Wide Form ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */

.WideForm {
	float:left;
	background-color: #52788D;
}

.WideForm fieldset {
	background-image:url(/images/FORD/interface/bg_vehicles.gif);
	background-repeat: no-repeat;
	width: 555px;
	color: White;
	margin: 0px;
	padding: 20px 0px 0px 0px;
	list-style-type: none;
	display: inline;
}

.wideLabel
{
	color: red;
	width: 12em;
}

.loginErrorMsg {
	color: #FF7000;
}
.errorContainer {
	/* removed , though I think its functionally a bad idea, but it was asked to be remvoed so it is... WF
	border: 1px solid #FF7E00; 
	margin-left: 24px; 
	margin-bottom: 8px; 
	padding-left: 8px; 
	padding-top: 8px;
	*/
}
.errorMsg {
	color: yellow;  /*NB: color also specified 4 times on authority2 page in script section. (Its in the sty;le for the label.)*/
	font-weight: bold;
	font-size: 8pt;
	float: none;
	margin-left: 24px;
	width: 550px;
}