﻿/* header*/
/*----------------------------------------------------------------------------*/





/* footer*/
/*----------------------------------------------------------------------------*/
#footer
{
	float: left;
	margin: 0px;
	padding: 0px;
	width: 980px;
	height: 30px;
	color: #808285;
	background-color: Transparent;
}

#footer ul
{
	float: left;
	margin: 0px;
	padding: 5px 0px 5px 0px;
	list-style-type: none;
}

#footer li
{
	display: inline;
	padding-right: 5px;
}

#footer #CopyRight
{
	float: right;
	margin: 0px;
	padding: 5px;
	font-weight: normal;
}


/*promos*/
/*----------------------------------------------------------------------------*/
#PromoContainer
{
   padding: 0px;
   margin: 0px;
   width: 980px;
}

.PromoTopRow, .PromoMiddleRow, .PromoBottomRow
{
    clear: both;   
}

.PromoTopRow, .PromoBottomRow
{
    width: 198px;
    height: 5px;
    line-height: 5px;
}

.PromoTopRowLeft, .PromoTopRowRight
{
    width: 5px;
    height: 5px;
    float: left;
    line-height: 5px;
}

.PromoTopRowLeft
{
    background: transparent url('/Images/icons/Gradient_Corners.gif') no-repeat 0px 0px;  /* topLeftCornerGradient.png */
}

.PromoTopRowCenter
{
    width: 188px;
    height: 5px;
    float: left;
    background: transparent url('/Images/icons/Gradient_Horizontal_Top.gif') repeat-x;  /* topHorizontalGradient.png */
    line-height: 5px;
}

.PromoTopRowRight
{
    background: transparent url('/Images/icons/Gradient_Corners.gif') no-repeat -5px 0px;  /* topRightCornerGradient.png */
}

.PromoMiddleRow
{
    width: 198px;
    height: 102px;
}

.PromoMiddleRowLeft, .PromoMiddleRowRight
{
    width: 5px;
    height: 102px;
    float: left;
}

.PromoMiddleRowLeft
{
    background: transparent url('/Images/icons/leftVerticalGradient.gif') repeat-y;  /* leftVerticalGradient.png */
}

.PromoMiddleRowCenter
{
    width: 188px;
    height: 102px;
    float: left;
    overflow: visible;
}

.PromoMiddleRowRight
{
    background: transparent url('/Images/icons/rightVerticalGradient.gif') repeat-y;  /* rightVerticalGradient.png */
}

.PromoBottomRow
{
    clear:both;
}

.PromoBottomRowLeft, .PromoBottomRowRight
{
    width: 5px;
    height: 5px;
    float: left;
    line-height: 5px;
}

.PromoBottomRowLeft
{
    background: transparent url('/Images/icons/Gradient_Corners.gif') no-repeat 0px -5px;  /* bottomLeftCornerGradient.png */
}

.PromoBottomRowCenter
{
    width: 188px;
    line-height: 5px;
    height: 5px;
    float: left;
    background: transparent url('/Images/icons/bottomHorizontalGradient.gif') repeat-x;  /* bottomHorizontalGradient.png */
}

.PromoBottomRowRight
{
    background: transparent url('/Images/icons/Gradient_Corners.gif') no-repeat -5px -5px;  /* bottomRightCornerGradient.png */
}

.PromoItem
{
    padding: 0px;
    margin: 0px;
    width: 198px;
    height: 112px;
    overflow: visible;
}

.PromoItem ul
{
    list-style-type: none;
    padding: 0px;
    margin: 4px 8px 8px 8px;
}


/* side nav */
/*----------------------------------------------------------------------------*/
#SideNavContainer, #SideNavTopRow, #SideNavMiddleRow, #SideNavBottomRow
{
    float: left;
}

#SideNavTopRow, #SideNavBottomRow
{
    width: 198px;
    height: 5px;
    float: left;
    line-height: 5px;
}

#SideNavTopRowLeft, #SideNavTopRowRight
{
    width: 5px;
    height: 5px;
    float: left;
    line-height: 5px;
}

#SideNavTopRowLeft
{
    background: transparent url('/Images/icons/Gradient_Corners.gif') no-repeat 0px 0px;  /* topLeftCornerGradient.png */
}

#SideNavTopRowCenter
{
    width: 188px;
    height: 5px;
    float: left;
    background: transparent url('/Images/icons/Gradient_Horizontal_Top.gif') repeat-x;  /* topHorizontalGradient.png */
    line-height: 5px;
}

#SideNavTopRowRight
{
    background: transparent url('/Images/icons/Gradient_Corners.gif') no-repeat -5px 0px;  /* topRightCornerGradient.png */
}

#SideNavMiddleRow
{
    width: 198px;
    height: 345px;
    overflow: hidden;
}

#SideNavMiddleRowLeft, #SideNavMiddleRowRight
{
    width: 5px;
    height: 345px;
    float: left;
}

#SideNavMiddleRowLeft
{
    background: transparent url('/Images/icons/LeftNavVerticalGradientLeft.gif') repeat-y;  /* LeftNavVerticalGradientLeft.gif */
}

#SideNavMiddleRowCenter
{
    width: 188px;
    height: 345px;
    float: left;
}

#SideNavMiddleRowRight
{
    background: transparent url('/Images/icons/rightVerticalGradient.gif') repeat-y;  /* rightVerticalGradient.png */
}

#SideNavBottomRow
{
    clear:both;
}

#SideNavBottomRowLeft, #SideNavBottomRowRight
{
    width: 5px;
    height: 5px;
    float: left;
    line-height: 5px;
}

#SideNavBottomRowLeft
{
    background: transparent url('/Images/icons/Gradient_Corners.gif') no-repeat 0px -5px;  /* bottomLeftCornerGradient.png */
}

#SideNavBottomRowCenter
{
    width: 188px;
    height: 5px;
    float: left;
    background: transparent url('/Images/icons/bottomHorizontalGradient.gif') repeat-x;  /* bottomHorizontalGradient.png */
    line-height: 5px;
}

#SideNavBottomRowRight
{
    background: transparent url('/Images/icons/Gradient_Corners.gif') no-repeat -5px -5px;  /* bottomRightCornerGradient.png */
}

#BMWSideNav
{
    margin: 0px;
    padding: 0px;
    width: 188px;
    height: 355px;
    line-height: 1.5em !important;
}

#BMWSideNav ul
{
    margin: 10px 19px 0px 19px;
    padding: 0px;
    list-style-type: none;
}

#BMWSideNav li
{
    padding-left: 6px;
    text-indent: -6px;
    
}

#BMWSideNav ul li ul
{
    display: none;
}

#BMWSideNavTitle
{
    width: 188px;
    height: 26px;
    border-bottom: 1px solid #E6E7E8;
    font-weight: bold;
    line-height: 26px;
    text-indent: 20px;
}

#Selected, #Selected a
{
    color: #003399;
    background-color: inherit;
}

#BMWSideNav .divide
{
    line-height: 9px;
    padding: 0px;
    margin-left: -6px;
    background: transparent url('/Images/icons/Divide.gif') repeat-x center;  /* Divide.png */
}
/*----------------------------------------------------------------------------*/	
#divModelNav
{
 width:760px;float:left;margin:0px 0px 10px 0px;clear:both;
}

#divModelNav ul
{
	float: left;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

#divModelNav li
{
	display: inline;
	padding-right: 35px;
}
a.linkButton, a.linkButton:visited
{
    margin-left: 8px;
    padding-right: 21px;
	background: transparent url('/images/icons/icon_submit.gif') no-repeat right 1px;
}
/* cpo  */
div.arrow
{
	background: transparent url(../Images/icons/Link_Arrow_Blue.gif) no-repeat scroll 0px 3px;
    padding-left: 10px;
    cursor: pointer;
}

div.arrow:hover
{
	color: #003399;
}
div.selected
{
	color: #003399;
}

/*footer*/
#FooterTopGradient
{
	margin: 0px;
    padding: 0px;
    width: 990px;
    height: 5px;
    float: left;
    clear:both;
    line-height: 5px;
}

#FooterTopGradientLeft
{
    width: 5px;
    height: 5px;
    float: left;
    background: transparent url('/Images/icons/Gradient_Corners.gif') no-repeat 0px 0px;  /* topLeftCornerGradient.png */
}

#FooterTopGradientCenter
{
    width: 980px;
    height: 5px;
    float: left;
    background: transparent url('/Images/icons/Gradient_Horizontal_Top.gif') repeat-x;  /* topHorizontalGradient.png */
}

#FooterTopGradientRight
{
    width: 5px;
    height: 5px;
    float: left;
    background: transparent url('/Images/icons/Gradient_Corners.gif') no-repeat -5px 0px;  /* topRightCornerGradient.png */
}

#FooterBody
{
    margin: 0px;
    padding: 0px;
    width: 990px;
    float: left;
    clear: both;
}

#FooterBodyLeft
{
    width: 5px;
    height: 22px;
    float: left;
    background: transparent url('/Images/icons/FooterGradientLeft.gif') no-repeat;  /* FooterGradientLeft.gif */
}

#FooterBodyCenter
{
    float: left;
}

#FooterBodyRight
{
    width: 5px;
    height: 22px;
    float: left;
    background: transparent url('/Images/icons/FooterGradientRight.gif') no-repeat;  /* FooterGradientRight.gif */
}
/* loader modal styles */
.modalBackground 
{
	background-color: White;
	filter: alpha(opacity=50);
	opacity: 0.5;
}
.updateProgress
{
	padding: 10px;
	text-align: center;
	position: absolute;
	border: 1px solid #e6e7e8;
	background-color: #ffffff;
}

.updateProgressBackground
{
	position: absolute;
	background-color: White;
	filter: alpha(opacity=10);
	opacity: 0.1;
}

.FMARotatorPanel
{
	 border: solid 1px #efefef;
	 z-index: 100000;
	 padding: 5px 0px 5px 0px;
	 text-align: center;
	 width: 85px;
	 position; absolute;
	 bottom: 0em;
	 right: 2px;
}  