/* 
style for BMW website 2 (T9)
by JC
*/


/* layout
----------------------------------------------- */
*{
	margin: 0;
	padding:0;
	}

a:focus   {outline: none}		/* removes outline in FF  for image buttons */
a:hover   { color: #2a8cbe }
a:active  { color: #92be84 }

	
#topborder{	
	position:relative;
	top: 0;
	left: 50em;
	width: 10%;
	height: 3.0em;
	background-color: #1e1e1f;
	}
	
#bottomborder{	
	position:relative;
	bottom: 0
	left: 50em;
	width: 10%;
	height: 3.0em;
	background-color: #1e1e1f;
	}
	
#maincontent{
	position:		relative;
	top: 			0em;
	width:			auto;
	text-align:		left;
	margin-left:	auto;
	margin-right:	auto;
	background-color: red;
	}
	
#logout_css{
	color:			#FFFFFF;
  	font-size:	    11px;
  	font-weight:	bold;
	position:		relative;
	background-color: #1e1e1f;
	width:	5em;
	}
/* Forms..
*/


.buttons {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  background-color: #AEAEAE;
  border: 2px outset #FFFFFF;
  color: #3E3E3F;
  margin-top:10px;
  margin-bottom:5px;
  margin-left: 0.5em;
  margin-right: 0.5em;
  padding-left: 0.5em;
  padding-right: 0.5em;
  width:auto;
}

.buttons:hover {
background-color: #8E8E8E;
border: 2px outset #03f;
color: #fff;
padding-left: 0.5em;
padding-right: 0.5em;

}




	
/* round corners
----------------------------------------------- */

.roundtop { 
	background: url('images/top_right_corner_main.jpg') no-repeat top right;
}

.roundbottom {
	background: url('images/bot_left_corner_main.png') no-repeat top right; 
}

.sm_roundtop { 
	background: url('images/small_round_tr.png') no-repeat top right;
}

.sm_roundbottom {
	background: url('images/small_round_br.png') no-repeat top right; 
}

img.corner {
   width: 35px;
   height: 35px;
   border: none;
   display: block !important;
}
/* end round corners
----------------------------------------------- */

body
{
  font-family:		arial,helvetica,sans-serif;
  font-size:		11px;
  background: 		#1e1e1f url('images/logo-bk.png') no-repeat fixed left center;
  text-align:		center;
 
  scrollbar-3dlight-color: 		#7e7e7f;
  scrollbar-arrow-color:		silver;
  scrollbar-track-color:		#3e3e3f;
  scrollbar-darkshadow-color:	#2e2e2f;
  scrollbar-face-color:			#4e4e4f;
  scrollbar-highlight-color:	#4e4e4f;
  scrollbar-shadow-color:		#2e2e2f;
}
p, font, div, td
{ font-family:		arial,helvetica,sans-serif;
  font-size:		11px;
}

.catListText
{
  text-indent:		5;
}
.silverText
{
  color:			silver;
}

.botText
{
  color:			white;
}
.botLink
{
  size:				11px;
  color:			#d0dded;
}
h1
{ font-family:		arial,helvetica,sans-serif;
  font-size:		17px;
  color:			black;
}
h3
{ font-family:		arial,helvetica,sans-serif;
  font-size:		15px;
  color:			black;
}
h4
{ font-family:		arial,helvetica,sans-serif;
  font-size:		14px;
  color:			black;
}
a
{ font-family:		arial,helvetica,sans-serif;
  font-weight:		bold;
  color:			black;
}
.no_underline
{ text-decoration:		none;
}
.small
{ font-size:		9px;
}
.smallSilver
{	font-size:	9px;
	color:		silver;
}
.faq
{ font-size:		14px;
}
.faq_gray
{ font-size:		14px;
  color:			#666666;
}
.faq_olive
{ font-size:		14px;
  color:			white;
}
.big
{ font-size:		16px;
  text-decoration:	none;

}
.cat
{ font-size:		14px;
}
.standard
{ font-weight:		normal;
  text-decoration:	none;
}
.standardsmall
{ font-weight:		normal;
  font-size:		10px;
  text-decoration:	none;
}
.light
{ color:			white;
}
.lightsmall
{ color:			white;
  font-size:		9px;
}
.lightmenu
{ color:			white;
  text-decoration:	none;
  font-size:		11px;
}
.lightmenunobold
{ color:			white;
  text-decoration:	none;
  font-weight:		normal;
  font-size:		11px;
}
.darkmenu
{ color:			black;
  text-decoration:	none;
  font-size:		11px;
}
.topmenu
{ color:			white;
  font-size:		11px;
  text-decoration:	none;
  background-image: url(images/tmpl6_li.gif);
  background-repeat: no-repeat;
  list-style-type: none;
  background-position: 10px 0px;
  PADDING-LEFT: 20px;
}
.lightstandard
{ color:			white;
  font-weight:		normal;
}
.middle
{ color:			#203A16;
}
.olive
{ color:			#921515;
}
.cart
{
  font-size:		11px;
  BORDER-BOTTOM:	0px solid;	
  BORDER-LEFT:		0px solid;
  BORDER-RIGHT:		0px solid;	
  BORDER-TOP:		0px solid;
  margin:			1px;
  font-weight:		bold;
  color:			#222222;
  background-color:  transparent;
}
.cartsmall
{
  font-size:		9px;
  BORDER-BOTTOM:	0px solid;	
  BORDER-LEFT:		0px solid;
  BORDER-RIGHT:		0px solid;	
  BORDER-TOP:		0px solid;
  margin:			1px;
  font-weight:		bold;
  color:			#222222;
  background-color:  transparent;
}
.totalPrice
{ font-family:		verdana,arial,helvetica,sans-serif;
  font-size:	    16px;
  BORDER-BOTTOM:	0px solid;	
  BORDER-LEFT:		0px solid;
  BORDER-RIGHT:		0px solid;	
  BORDER-TOP:		0px solid;
  margin:		1px;
  font-weight:		bold;
  color:		red;
  background-color:  transparent;
}

.login
{ font-size:	    12px;
  font-weight:		normal;
  border:			1px solid #DEDEDE;
  margin:0;
  padding:0;
  margin-right:		2px;
  height:18px;
  color:			black;
  background-color: white;
}

.myaccount_tab_bottom
{
  BORDER-BOTTOM:	1px solid;
  BORDER-LEFT:		0px solid;
  BORDER-RIGHT:		1px solid;
  BORDER-TOP:		0px solid;
  BORDER-COLOR:		#CCCCCC;
  text-align:		center;
  margin:			1px;
}

.myaccount_tab_top
{
  BORDER-BOTTOM:	0px solid;
  BORDER-LEFT:		0px solid;
  BORDER-RIGHT:		1px solid;
  BORDER-TOP:		1px solid;
  BORDER-COLOR:		#CCCCCC;
  text-align:		center;
  margin:			1px;
}

.myAccount_bottomright {
  BORDER-BOTTOM: 1px dotted #CCCCCC;
  BORDER-RIGHT: 1px dotted #CCCCCC;
}
.myAccount_bottom {
  BORDER-BOTTOM: 1px dotted #CCCCCC;
}
.myAccount_right {
  BORDER-RIGHT: 1px dotted #CCCCCC;
}

.comparison_button
{
  BORDER-BOTTOM:	1px solid;	
  BORDER-LEFT:		1px solid;
  BORDER-RIGHT:		1px solid;	
  BORDER-TOP:		1px solid;
  background-color:  #F6F6F6;
}

.pageSeparator {
	BORDER-BOTTOM: 2px dotted #CCCCCC
}
.selected_option {
  background: #2e2e2f url(images/tmpl9_mainmenu_selected.gif) no-repeat;
  background-position: top left;
  background-color: #2e2e2f;
}