/*Base rules*/
body
{
	padding: 0em;
	margin: 0em;
	font-family: "Arial", "Verdana", "Helvetica", sans-serif;
	color: #666; 
	/*Set font size to 62.5% of default (typically 16px, 16*.625=10px)
	setting 1em ~= 10px, to allow use of ems for positioning.
	This enables sizable fonts (and any other elements positioned/sized
	using ems).*/
	font-size: 62.5%;
}

hr
{
	background-color: #47869D;
	color: #47869D;
	border-width:0px;
	height:1px;
}

.gridTable table hr
{
	background-color: #c3dada;
	color: #c3dada;
	border-width:0px;
	height:1px;
}

p
{
	padding: 0em;
	margin: 0em;
}

a
{
	text-decoration: none;
}

a:hover
{
	text-decoration: underline;
}

a:visited
{
	padding: 0em; 
	border: 0em; 
	margin: 0em; 
}

img
{
	border: none;
}


.clear
{
	line-height: 0em;
	height: 0em;
	font-size: 0em;
	clear: both;
	display: inline;
	visibility: hidden;
	margin: 0;
	padding: 0;
}

#rootNav
{
	position: absolute;
	left: 18.0em;
	top: 4.5em;
}

#rootNav .dropdown a
{
	display: block;
}

li li, li p, blockquote p, div div, div span, span li, div li, table tr, table td, table tbody, tbody tr, tbody td, tr td, td table, body table, td div, div table {font-size:1em}

/* UPDATED OLD STYLES */

/* Text colour definitions  */
/* Modified by ABGMETSCHERJ 27.02.06 */
/*.txtBody		{ color: #666; }*/
.txtBody		{ color: #333; }
.txtHighlight		{ color: #447F94; }
.txtTitle		{ color: #47869D; }
.txtSubTitle		{ color: #315B6A; }

/* Right window pane colours */
.3DBorderLight		{ border-color: #FFFFFF; }
.3DBorderDark		{ border-color: #8D9598; }
.3DWindowFace		{ background-color: #E2EDED; }
.3DWindowTitleFace	{ background-color: #C3DADA; }
.3DWindowTitleGlyph	{ background-color: #D1E2E2; }

.bdySplitter		{ background-color: #D8E5EA; }

/* Input element colours */
.inpDarkText	
{
	color: #FFFFFF; 
	background-color: #91C6C6; 
	border-color: #494C4F;
}

.inpLightText
{
	color: #000000;
	background-color: #FFFFFF;
	border-color: #65A2A2; 
}

/* Link definitions */


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

a:hover {
	text-decoration: underline;
}


/* Added by ABGMETSCHERJ 27.02.06 */
a:hover.TopLevel{
	text-decoration: underline;
}


/* embedded links - green color */

a:link.gridlink{
	color: #009999;
	/* Added by ABGMETSCHERJ 27.02.06 */
	text-decoration: none;
}

a:visited.gridlink{
	color: #006464;
	/* Added by ABGMETSCHERJ 27.02.06 */
	text-decoration: none;

}

a:active.gridlink{
	color: #006464;
	/* Added by ABGMETSCHERJ 27.02.06 */
	text-decoration: none;
}

a:hover.gridlink {
	color: #000000;
	text-decoration: none;
}



/* end embedded links */

a:link.globalnav, a:visited.globalnav, a:active.globalnav {
	color: #FFFFFF;
	font-weight: normal;
	text-decoration: none;
	font-size:1.1em;
}

a:hover.globalnav {
	font-weight: normal;
	text-decoration: underline;
}

a:hover.leftnavtop 
{
	font-weight: bold;
	text-decoration: underline;
	color: #333333;
}

a:link.leftnavtop, a:visited.leftnavtop, a:active.leftnavtop, a:link.localnavmain, a:visited.localnavmain, a:visited.localnavmain {
	color: #333333;
	text-decoration: none;
	font-weight: bold;
}

a:hover.localnavmain {
	color: #009999;
	text-decoration: underline;
	font-weight: bold;
}

a:link.leftnavsel, a:visited.leftnavsel, a:active.leftnavsel {
	color: #FFFFFF;
	text-decoration: none;
}

a:hover.leftnavsel {
	color: #FFFFFF;
	text-decoration: underline;
}

a:link.leftnavstd, a:visited.leftnavstd, a:active.leftnavstd {
	color: #333333;
	text-decoration: none;	
}

a:hover.leftnavstd {
	color: #333333;
	text-decoration: underline;
}

a:link.leftnavact, a:visited.leftnavact, a:active.leftnavact {
	color: #333333;
	text-decoration: none;
}

a:hover.leftnavact {
	color: #333333;
	text-decoration: underline;
}


a.Green, a:visited.Green, a:active.Green
{
	font-weight: bold;
	color: #009999;
	text-decoration: none;
}

a:hover.Green
{
	font-weight: bold;
	color: #009999;
	text-decoration: underline;
}

/*Header definitions - ask Gaz for further details*/

H1
{
	font-family: "Rotis Sans Serif 55", "Arial Narrow";
	font-size: 25px;
	color: #47869D;
	margin-bottom:0px;
}

H1.grid
{
	font-family: "Rotis Sans Serif 55", "Arial Narrow";
	font-size: 2.5em;
	line-height: 1em;
	color: #47869D;
	margin-bottom:10px;
}

H1.promo
{
	font-family: "Rotis Sans Serif 55", "Arial Narrow";
	font-size: 2.3em;
	color: #4B4B4B;
	margin-bottom:0px;
}

H1.whitepromo
{
	font-family: "Rotis Sans Serif 55", "Arial Narrow", Arial;
	font-size: 2em;
	color: #FFFFFF;
	margin-bottom:0px;
}


H2
{
	font-family: arial;
	font-weight: bold;
	font-size: 1.1em;
	color: #325C6A;
	margin-bottom:0px;
}

H2.promo
{
	font-family: "Rotis Sans Serif 55", "Arial Narrow", Arial;
	font-size: 1.3em;
	color: #4CB7B7;
	margin-bottom:0px;
}

H2.whitepromo
{
	font-family: "Rotis Sans Serif 55", "Arial Narrow", Arial;
	font-size: 1.3em;
	color: #FFFFFF;
	margin-bottom:0px;
}

H3{
	font-family: "Rotis Sans Serif 55", "Arial Narrow", Arial;
	font-size: 1.4em;
	color: #47869D;
	margin-bottom:0px;
}

div.title {
	font-weight: bold;
	padding: 3px 0px;
}

img {
	border: 0px solid #000000;
	padding: 0px;
	margin: 0px;
}

img.arrow {
	vertical-align: middle;
}

img.arrowgreen {
	margin: 1px;
	padding: 0px;
	vertical-align: bottom;
}

img.square 
{
	border: 1px solid #333333;
	vertical-align: middle;
	background-color: #D1E2E2;
	margin-right:5px;
}

input.arrowwhite {
	border: 1px solid #FFFFFF;
	margin: 1px;
	padding: 0px;
	vertical-align: bottom;
}

input.arrowblack {
	border: 1px solid #000000;
	margin: 1px;
	padding: 0px;
	vertical-align: bottom;
}

select
{
	color: #333333;
	font: 11px arial;
}

select.menu
{
	color: #FFFFFF;
	font: 11px arial;
	background-color: #4B9090;
}

table, tr, td {
	/* Modified by ABGMETSCHERJ 27.02.06 */
	/*color: #666;*/
	color: #333;
	font-family: arial;
	margin: 0px;
	padding: 0px;
	vertical-align: top;
}

td.footer {
	border-top: 4px solid #D8E5EB;
	font: 1em arial;
	text-align: left;
}

td.prodmain {
	border-bottom: 1px dotted #B7B7B7;
	padding: 7px 0px;
	width: 100%;
}

td.prodright {
	padding: 5px 0px 0px;
	text-align: center;
}

td.localnav {
	background: #F5F5F5;
	border-bottom: 1px solid darkgray;
	font-weight: bold;
	height: 20px;
	padding: 0px 9px;
	vertical-align: middle;
}

td.localnavselected {
	border-left: 1px solid darkgray;
	border-right: 1px solid darkgray;
	border-top: 1px solid darkgray;
	background: #FFFFFF;
	color: #000000;
	font-weight: bold;
	height: 20px;
	padding: 0px 9px;
	vertical-align: middle;
	width: 1%;
}

td.localnavmain {
	background: #F5F5F5;
	border-bottom: 1px solid darkgray;
	color: #009999;
	font-weight: bold;
	height: 20px;
	padding: 0px 9px;
	vertical-align: middle;
	width: 1%;
}

td.teaser {
	background-image:  url(../../../temp/images/transback.gif);
	color: #FFFFFF;
	font: bold 11px arial;
	padding-top: 3px;
}

td.teaser2 {
	background: #009999;
	color: #FFFFFF;
	font: bold 11px arial;
	padding-top: 3px;
}

td.globalnav {
	color: #FFFFFF;
	font-weight: normal;
	padding: 3px 7px;
}

div.header {
	font: 16pt "Arial Narrow", "Arial";
	color: #009999;
}

div.sub-header {
	font: bold 11px arial;
	color: #009999;
}

div.main-header {
	font: 18pt "Arial Narrow", "Arial";
	color: #000000;
}

input.searchBox {
	border: 1px solid #B7B7B7;
	background: #FFFFFF;
	color: #000000;
	font: 10px arial;
	height: 15px;
	margin: 0px;
	padding: 0px;
	vertical-align: bottom;
	width: 105px;
}

input.searchBoxgrey {
	border: 1px solid #FFFFFF;
	background: #B7B7B7;
	color: #000000;
	font: 10px arial;
	height: 15px;
	margin: 0px;
	padding: 0px;
	vertical-align: bottom;
	width: 70px;
}


.subBarText{
	line-height: 1.2;
	font-family: "Arial narrow", "Arial";
	font-size:13pt;
	color: #47869D;
	font-weight: bold;
	margin-right:5px;
}

.subBarGoTo{
	line-height: 1.5;
	font-family: arial;
	font-size:8pt;
	color: #FFFFFF;
	background-color: #009999;
	vertical-align: top;
	padding-right:4px;
}

div.subBarGrey{
	line-height: 1.2;
	font-family: "Arial narrow", Arial;
	font-size:10pt;
	color: #FFFFFF;
	background-color: #D8E5EA;
	margin-right:2px;
}

.greytitle
{
	padding: 2px 5px;
	background-color: #C3DADA;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	vertical-align: baseline;
	text-align: left;
}

.contentgrey
{
	background-color: #E2EDED;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	padding-left: 5px;
	padding-top: 2px;
	vertical-align: baseline;
	text-align: left;
}

.threeD
{	
	border-bottom: 1px solid #8D9598;
	border-right: 1px solid #8D9598;
	border-top: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
}

.contentgreyRightNav {
	background-color: #E2EDED;
	font-size:1.1em;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 2px;
	vertical-align: baseline;
	text-align: left;
}

input.darkbox
{
	background-color: #91C6C6;
	color: #FFFFFF;
	border: 1px solid #464C4F;
	margin: 0px 3px 0px 2px;
}

input.lightbox
{
	background-color: #FFFFFF;
	color: #333333;
	border: 1px solid #65A2A2;
	margin: 0px 3px 0px 3px;
}

/* Start dropdown nav classes */

	/* The following was written by Syzergy for the dropdown navs. */

	.clCMEvent{position:absolute; z-index:300; width:100%; height:100%; clip:rect(0,100%,100%,0); left:0; top:0; visibility:hidden}
	.clCMAbs{position:absolute; width:10px; height:10px; left:0; top:0; visibility:hidden}
	.clTover{color:#FFFFFF;layer-background-color:#3E7879; background-color:#3E7879;}
	.clT,.clTover,.clS,.clSover,.clS2,.clS2over{position:absolute; overflow:hidden; width:14.3em; height:1.9em; cursor:pointer; cursor:hand}
	.clT,.clTover{padding:0.4em; font-size:1.1em; font-weight:normal}
	.clT{color:white;}   
	.clTover{}
	.clS,.clSover{padding:0.2em; font-size:1.1em; font-weight:normal; color:#FFFFFF;}
	.clS2,.clS2over{padding:0.2ex; font-size:1.1em;}
	.clS,.clS2{color:#FFFFFF; background-color:#649E9F; layer-background-color:#649E9F;}
	.clSover,.clS2over{color:#FFFFFF;}
	.clSover,.clS2over{layer-background-color:#3E7879; background-color:#3E7879;}
	.clB,.clBar{layer-background-color:#4B8F8E; background-color:#4B8F8E;}

	.clB{position:absolute; visibility:hidden; z-index:300}
	.clBar{position:absolute; width:1em; height:1em; visibility:hidden;}

/* End dropdown nav classes */


/*Start horizontal headline bar for grid */

.barText{
	line-height: 0.9em;
	font-family: "Rotis Sans-Serif 65", "arial narrow", arial;
	font-size:1.4em;
	color: #47869D;
	margin-right:5px;
	font-weight: bold;
	vertical-align:baseline;
	margin-bottom:10px;
	margin-top:13px;
}

.barImage
{
	line-height: 1.0;
	font-family: "Rotis Sans-Serif 65", "arial narrow", arial;
	font-size:9px;
	margin-left:2px;
	vertical-align:baseline;
	margin-bottom:10px;
	margin-top:13px;
}

a:hover.barGoTo {
	font-weight: normal;
	text-decoration: underline;
}

a:link.barGoTo, a:visited.barGoTo, a:active.barGoTo{
	line-height: 1.4;
	font-family: arial;
	font-size:9px;
	color: #FFFFFF;
	background-color: #43859B;
	padding-left:1px;
	padding-right:6px;
	vertical-align:baseline;
}

.barGoTo
{
	line-height: 0.8;
	font-family: arial;
	font-size:7px;
	color: #FFFFFF;
	background-color: #43859B;
	vertical-align:baseline;
	margin-bottom:10px;
	margin-top:13px;
}

.barGrey
{
	line-height: 0.9;
	font-family: "Rotis Sans-Serif 65", "arial narrow", arial;
	font-size:14px;
	color: #FFFFFF;
	background-color: #D8E5EA;
	vertical-align:baseline;
	margin-bottom:10px;
	margin-top:13px;
}

/*End headline bar*/
.leftnav td div div td
{
	font-size: 1.1em;	
}

.leftnav a.TopLevel, .leftnav a:visited.TopLevel, .leftnav a:active.TopLevel
{
	font-weight: bold;
	font-size: 1.5em;
	float: left;
	color: #47869d;
	font-family: "Arial narrow" , "Arial";
	text-align: left;
	text-decoration: none;
}


.search input{
font-size:1em;
}

.leftnav a:link.leftnavtop, .leftnav a:visited.leftnavtop, .leftnav a:active.leftnavtop, .leftnav a:link.localnavmain, .leftnav a:visited.localnavmain, .leftnav a:visited.localnavmain {
	font-size:1em; 
}

#wordDisplay
{
font-size:1.1em;
font-weight:bold;
}
#wordHide
{
font-size:1.1em;
font-weight:bold;
}

.gridTable {
font-size:1.1em;
}

.gridTable H3{
font-size:1.27em;
}

.gridTable H1{
font-size:2.27em;
}

.gridTable H1.grid{
font-size:2.27em;
}

.gridTable H1.promo{
font-size:1.82em;
}

.gridTable H1.whitepromo{
font-size:1.82em;
}

.gridTable H2{
font-size:1em;
}

.gridTable H2.promo{
font-size:1.18em;
}

.gridTable H2.whitepromo{
font-size:1.18em;
}

.gridTable table H2{
font-size:1.2em;
color:#000000;
}

.gridTable .bartext{
font-size:1.27em;
}

.gridTable li
{
	list-style-type: none;	
}

.gridTable ul
{
	margin-left:0; 
	padding-left:0;
	margin-top:5px;
	margin-bottom:5px;
}

.gridTable ol li
{
	list-style-type: decimal;
}

.gridTable ul li
{
	background-image: url('/Resources/257/85609829.gif');
	background-repeat:no-repeat;
	background-position: -1px 0.4em;
	padding-left:8px;
	list-style-type:none
}

.gridTable ul li.square
{
	background-image: url('/Resources/257/square.gif');
	background-repeat:no-repeat;
	background-position: -1px 0.4em;
	padding-left:12px;
	padding-bottom:4px;
	list-style-type:none
}

.gridTable ul.blank
{
	list-style-image: none;
	list-style-type:none;
	padding-left:5px;
}

/* only CSS2 compliant browsers will understand this, so comment it out for now
 * ul.features li:before 
 * {
 *	content: "\002D \0020";
 * }
 */

.search{
font-size:1.1em;
}

.rightnav .greytitle{
font-size:1.1em;
}

.rightnav input.lightbox{
font-size:0.91em;
}

.driversearch{
font-size:1em;
}

.driversearch .greytitle {
font-size:1.1em;
}

.lightbox {
font-size:0.91em;
line-height:1em;
margin-top:2px;
margin-bottom:4px;
height:16px;
width:110px;
vertical-align:middle;
}

.leftnav div table {
font-size:1.1em;
text-align:left;
}

.leftnav div div table {
font-size:1.0em;
}

.leftnav div table .TopLevel, .leftnav div table a:visited.TopLevel, .leftnav div table a:active.TopLevel{
font-size:1em;
font-family:Arial,sans-serif;
}

b h3 {
display:inline;
}

.contentgreyRightNav .arrow{
margin-right:3px;
}

.leftnav del
{
	text-decoration:none;
	color:#c00;
}

.leftnav em 
{
	font-style:normal;
}

.leftnav del a.leftnavstd:link, .leftnav del a.leftnavsel:link, .leftnav del a.TopLevel:link, .leftnav del a.leftnavtop:link, .leftnav del a.leftnavact:link,
.leftnav del a.leftnavstd:visited, .leftnav del a.leftnavsel:visited, .leftnav del a.TopLevel:visited, .leftnav del a.leftnavtop:visited, .leftnav del a.leftnavact:visited,
.leftnav del a.leftnavstd:active, .leftnav del a.leftnavsel:active, .leftnav del a.TopLevel:active, .leftnav del a.leftnavtop:active, .leftnav del a.leftnavact:active,
.leftnav del a.leftnavstd:hover, .leftnav del a.leftnavsel:hover, .leftnav del a.TopLevel:hover, .leftnav del a.leftnavtop:hover, .leftnav del a.leftnavact:hover, 
.leftnav del a:link, .leftnav del a:visited, .leftnav del a:hover, .leftnav del a:active
{ 
	color:#c00;
}

.barText_nopad
{
	line-height: 0.9em;
	font-family: "Rotis Sans-Serif 65", "arial narrow", arial;
	font-size:1.4em;
	color: #47869D;
	margin-right:5px;
	font-weight: bold;
	vertical-align:baseline;
	margin-bottom:0px;
	margin-top:0px;
}

.barGrey_nopad
{
	line-height: 0.9em;
	font-family: "Rotis Sans-Serif 65", "arial narrow", arial;
	font-size:1.4em;
	color: #FFFFFF;
	background-color: #D8E5EA;
	vertical-align:baseline;
	margin-bottom:0px;
	margin-top:0px;
}

.gridTable .barText_nopad
{
	font-size:1.27em;
}

.mda{border-bottom:1px solid #c3dada}
.mda p{padding:0;margin:7px 20px 11px;font-weight:bold;color:#000;font-size:1.2em}
.contentMDA{float:right; width:190px;margin-right:-10px;padding:10px 0;text-align:center}
span.genuineLayerEx
{
font-family: Arial, Verdana; 
font-size: 11px;
}
div.genuineLayer
{
z-index: 2; 
display:inline;
position:absolute; 
width: 455px; 
visibility: hidden; 
background-color: #ffffff; 
color: #000000; 
border: solid 1px #000000;
padding: 5px 5px 5px 5px;
font-family: Arial, Verdana; 
font-size: 11px; 
font-weight: normal;
}

#genuineTooltip
{
font-size: 11px;
background-color: #ffffff;
color: #000000;  
}