﻿@charset "utf-8";
/* CSS Document */

html,body{height:100%;}
body
{
    margin: 0 auto;
    text-align:center;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 11px;
    background-color:#272727;
    background-image:url(../../images/bodyBackground.gif);
    background-repeat:repeat-x;
}

/**********FIX link focus outline********************/

a{outline: none;}
:focus{  -moz-outline-style: none;}

/********************************************************/

.articlebody 
{
	color:#ffffff;
	font-size:12px;
	line-height:18px;
}
#articlesContainer
{
    width:800px;
    float:left;
    background-color:#1c1c1c;
    margin-top:46px;
    padding-bottom:16000px;
    margin-bottom:-16000px;
    position:relative;
    border-top:1px solid #cc0000;
}

/************common for all CW pages***************/
#article1
{
    position:relative;
    .position:absolute;
    overflow:visible;
    height:46px;
    .height:346px;
    margin-top:-47px;
    margin-left:-160px;
    .margin-top:0;
    .margin-left:0;
    .top:-47px;
    .left:-160px;
}

#article2
{
    width:800px;
    position:relative;
}

#article3 
{
    width:800px;
    height:49px;
    background-color:#000;
    border-top:1px solid #ff6600;
    .margin-top:-3px;
}
#article3 img{margin-left:32px;margin-top:9px;}

/*************car Range fix **********/

	#articlesContainer a {text-decoration:none;color:undefined;}
	#article1 li a{text-decoration:none;}
	#article1 .itemOptions a 
	{
	display:block;
	background: transparent url(../../images/arrowRight.gif) 10px 4px no-repeat;
	height:20px;
	color:#black;
	padding: 0 0 0 22px;
	text-decoration:none;
	}
	#article1 .itemOptions a:hover {
	color:white;
	background-position: 10px -16px;
	}
	#article1{z-index:300;}
	

/******************************mainDIV*****************************************************/

.mainDiv
{ 
    text-align:left;
    width:960px;
    height:auto;
    margin-right:auto;
    margin-left:auto;
    position:relative;
    overflow:hidden;
    background-color:#transparent;
    padding-bottom:50px;
}

/********************************NAVIHEAD******************************************/
.mainNavigationTitles{ font-size:11px; font-weight:normal; font-family:Tahoma,arial,sans-serif;}
.mainNavigationTitles a{ color:#666666; padding-left:7px; text-decoration:none;}
.headerDIV{ width:960px; height:46px;float:left;background-color:#ffffff; }
.naviHeadContainerDIV{width:100%; }
.logoSEATDIV{ float:left; padding-left:15px; margin-top:8px; }
.languageDIV{ float:right; padding:5px 0 5px 5px; margin-top:8px;display:none; }
.navigationMenuDIV{ float:right; padding:8px 8px 8px 0; margin-top:8px;margin-right:10px;}
.headerDIV img{ position:relative; overflow:hidden; }

/***************************************SUBNAVIGATION***************************************/

#AreaTitle{margin-left:20px;margin-top:10px;}
#SubnavigationInclude{margin-top:46px;z-index:1;.z-index:0;font-family:Tahoma,arial,sans-serif;border-top:1px solid #c00;}
#SubnavigationInclude, #SubNavigationMenuInclude{width:160px;float:left;background-color:#000000;height:100%;margin-bottom:-16000px;padding-bottom:16000px;position:relative;}
.menu a,.submenu a{color:#ffffff; font-weight:normal;text-decoration:none;}
#SubNavigationMenuInclude a:hover{color:#ffffff;}
#SubNavigationMenuInclude li {padding-bottom:5px;}
ul{list-style:none;margin-left:-20px; .margin-left:20px;.margin-top:10px;}
.menu{margin-left:0px;text-transform:uppercase;}
.submenu{margin-left:15px;text-transform:capitalize;}
.marked a{color:#ffffff;}
	
/**************************************Car Range menu start*************************************************/
.jqueryslidemenu{
width: 960px;
}

.jqueryslidemenu ul li a img {
border:0;
height:47px;
}

.jqueryslidemenu ul{

margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.jqueryslidemenu ul li{
position: relative;
margin:0;
padding:0;
display: inline;
float: left;
}

/*Top level menu link items style*/
.jqueryslidemenu ul li a{
display: block;
height:47px;
color: white;
text-decoration: none;
}

* html .jqueryslidemenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline;
}
	
/*1st sub level menu*/
.jqueryslidemenu ul li ul{
position: absolute;
background: #666666;
left: 0;
display: block;
margin:0;
padding:0;
visibility: hidden;
border: 1px solid white;
border-width: 1px 1px 1px 1px;
.margin-top:-1px; /* IE 6 hack */
}

/*Sub level menu list items (undo style from Top level List Items)*/
.jqueryslidemenu ul li ul li{
display: list-item;
float: none;
padding: 10px 0 0 20px;
margin:0;
}


/* Sub level menu links style */
.jqueryslidemenu ul li ul li a{
font: normal 11px tahoma, verdana, sans-serif;
width: 185px; /*width of sub menus*/
height:20px;
background: transparent url(../../images/arrowDownWhite.gif) no-repeat;
background-position: 0px 3px;
margin:0;
padding:0 0 0 12px;

}

.jqueryslidemenu ul li ul li .itemOptions a {
display:block;
background: transparent url(../../images/arrowRight.gif) 10px 4px no-repeat;
height:20px;
color:black;
padding: 0 0 0 22px;
}

.jqueryslidemenu ul li ul li .itemOptions a:hover {
color:#FFFFFF;
background-position: 10px -16px;
}

.subBottom {height:1px;} /* IE 6 hack to display bottom white line */

/**************************************Car Range menu end*************************************************/

/****************************Print fix*****************************************************************/
@media print{
	#headerMenu{
	display:none;
	}
	.mainDIV{
	overflow:visible;
	}
}
/******************************************************************************************************/



