/*************************************************
* Layout and Presentation Stylesheet
*
* Created: 15/10/2007
*
**************************************************/

/* General */
html
{
	background: url(/templates/car/image/bg_body.jpg) no-repeat top 50%;
	background-color: #020203;
}

* {
	font-family: Arial, Verdana, "Lucida Grande", "Bitstream Vera Sans", Helvetica, sans-serif; /* set the font of all elements to this */
	font-size: 12px; /* reset all fonts to a common size */
	word-wrap: break-word; /* Stop IE from expanding parent container when word is too long (proprietary IE, new in CSS3) */
}

h1, h1 *,
h2, h2 *,
h3, h3 *,
h4, h4 *,
h5, h5 *,
h6, h6 * {
	font-family: Helvetica, Arial, sans-serif;
}

h1 { font-size: 22px; color: #00AEEF; font-weight: normal;}
h2 { font-size: 18px; color: #00AEEF; font-weight: normal;}
h3 { font-size: 14px; color: #00AEEF; padding-bottom: 6px; margin: 0px; font-weight: normal;}
h4 { font-size: 14px; color: #00AEEF; font-weight: normal;}
h5 { font-size: 12px; color: #00AEEF; font-weight: normal;}
h6 { font-size: 10px; color: #00AEEF; font-weight: normal;}

body
{
	margin: 0;
	padding: 0;
	font-size: 12px; /* sets a base font size of 12px/9pt */
	color: #FFFFFF;
}
body.PagePrint
{
	margin: 0;
	padding: 0;
	font-size: 10px; /* sets a base font size of 12px/9pt */
	background-image: url();
	background-color: #FFFFFF;
}
img {
	-ms-interpolation-mode: bicubic; /* Resample images in IE7 */
}

img.alpha { /* Give PNG image class="alpha" to fix alpha transparency problems in IE 5.5 & 6 */	 
}

a img {
	border: none;
}

big {
	font-size: 133%;
}

small, sup, sub {
	font-size: 75%;
}

wbr:after {
	content: "\00200B"; /* Emulate the <wbr> (word break) tag in modern browsers that don't support it */
}
hr
{
    BORDER-TOP: 1px solid #00AEEF;
    WIDTH: 100%;
    HEIGHT: 1px;
    text-align: center;
}
/*----TEXT SIZES----*/
.SmallText
{
     font-size: 9px;
}
.DefaultText
{
     font-size: 10px;
}
.LargeText
{
     font-size: 14px;
}
.LargerText
{
     FONT-SIZE: 16px;	
}
.PageWrapper p
{
	padding-top: 6px;
	padding-bottom: 6px;
	margin: 0px;
}
/*----TEXT SIZES----*/
/* General */

/* Links */
.PageWrapper a, .PageWrapper a:link, .PageWrapper a:visited
{
	color: #00AEEF;
	text-decoration: none;
}
.PageWrapper a:hover,.PageWrapper a:active
{
	color: #929191;
	text-decoration: underline;
}
/* Links */
/* Bullest */
.PageWrapper ul
{
	margin-top: 5px;
	margin-bottom: 5px;       
	list-style-type: square;
}
.PageWrapper ul li
{
	margin-top: 5px;
	margin-bottom: 5px;
}
/* Bullest */
/*----FORMS----*/
.PageWrapper form
{}
.PageWrapper textarea
{
    	vertical-align: middle;
	border: 1px solid #999999;
	background-color: #CCCCCC;
}
.PageWrapper input
{
	vertical-align: middle;
	border: 1px solid #999999;
	background-color: #CCCCCC;
}
.PageWrapper select
{
    	vertical-align: middle;
	border: 1px solid #999999;
	background-color: #CCCCCC;
}
.PageWrapper .Button
{
	vertical-align: middle;
	border: 1px solid #999999;
	background-color: #CCCCCC;
	font-weight: bold;
}
.BodyText INPUT .ButtonOK
{
}
/*----FORMS----*/

/*----SPAN----*/
.Alert
{
	font-weight: bold;
	color: red;
}
/*----SPAN----*/

/*---- MODAL POPUP ----*/

/*Modal Popup*/
.modalBackground
{
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
	top: 10px;
	left: 10px;
}
.modalPopup
{
	background-color: #FFFFFF;
	border: 2px solid #CCCCCC;
	padding: 10px;
	width: 460px;
}
.modalDisablePopup
{
	background-color: #FFFFFF;
	border: 2px solid #CCCCCC;
	z-index:10000;
	position:absolute;
}
.modalHeading
{
	/*cursor: move;*/
	background-color: #DDDDDD;
	border: 1px solid #CCCCCC;
	color: #000000;
	text-align: left;
	padding: 4px;
	font-family:Arial, Verdana;
	font-size: 12px;
	font-weight:bold;
	width: 100%;
}
.modalText
{
	font-size: 12px;
}
.modalDisablePopup
{
	background-color: #FFFFFF;
	border: 2px solid #CCCCCC;
	z-index:10000;
	position:absolute;
}
/*Popup Control*/
.popupControl
{
	background-color: #FFFFFF;
	position:absolute;
	visibility:hidden;
}
/*---- MODAL POPUP ----*/

/* Standard Page Layout */
#OuterWrapper
{
	width: 100%;
	text-align: center;
	padding-top: 41px;
}

#PageWrapper
{
	width: 950px;
	background-color: #151515;
	margin:0 auto;
	padding: 0px;
	text-align: center;
	overflow: hidden;
}
#PageWrapper #BrandingWrapper
{
	border: 0px solid transparent;
	width: 950px;
	height: 137px;
	padding: 0px;
	margin: 0px;
	background: url(/templates/car/image/top_banner_bgrd_sliver.gif) repeat-x top left;
}
#PageWrapper #BrandingWrapper #MainBanner
{
	border: 0px solid transparent;
	width: 950px;
	height: 91px;
	float: left;
	text-align: left;
	overflow: hidden;
	padding: 0px;	
	margin: 0px;
}
#PageWrapper #BrandingWrapper #MainBanner img,
#PageWrapperHome #BrandingWrapper #MainBanner img
{
	padding: 0px;
	margin: 0px;
}
#PageWrapper #BrandingWrapper #MainBanner #MainBannerLeft
{
	border: 0px solid red;
	width: 720px;
	height: 91px;
	float: left;
	text-align: left;
	overflow: hidden;
	padding: 0px;	
	margin: 0px;
}
#PageWrapper #BrandingWrapper #MainBanner #MainBannerRight
{
	border: 0px solid purple;
	width: 180px;
	height: 91px;
	float: right;
	text-align: right;
	overflow: hidden;
	padding: 0px;	
	margin: 0px;
	vertical-align: middle;
}
#PageWrapper #ContentWrapper
{
	border: 0px solid transparent;
	background-color: transparent;
	width: 930px;
	margin: 0px;
	float: left;
	padding: 0px;
	padding-top: 25px;
	padding-bottom: 25px;
	padding-left: 10px;
	padding-right: 10px;
	text-align: left;
}
* html #PageWrapper #ContentWrapper
{
	width: 950px;
}
#PageWrapper #ContentWrapper #MainContent
{
	border: 0px solid red;
	width: 742px;
	float: right;
	display: inline;
	background-color: transparent;
	padding-left: 12px;
	padding-right: 0px;
}
* html #PageWrapper #ContentWrapper #MainContent
{
  width: 754px;
}
#PageWrapper #ContentWrapper #MainContent #TitleTable
{
	border: 0px solid transparent;
	background-color: #020203;
	background: url(/templates/car/image/cont_heading_table.gif) repeat-x top left;
	width: 732px;
	height: 20px;
	padding: 5px;
}
* html #PageWrapper #ContentWrapper #MainContent #TitleTable
{
	width: 742px;
	height: 30px;
}
#PageWrapper #ContentWrapper #MainContent #BodyContent
{
	border: 0px solid transparent;
	display: inline;
	float: left;	
}
#PageWrapper #ContentWrapper #PromoContentLeft
{
	border: 0px solid green;
	width: 176px;
	display: inline;
	float: left;	
	padding-left: 0px;
	padding-right: 0px;
	background-color: transparent;
}
* html #PageWrapper #ContentWrapper #PromoContentLeft
{
  width: 176px;
}
#PageWrapper #FooterWrapper
{
	border: 0px solid transparent;
	width: 920px;
	height: 40px;
	clear: both;
	background-color: #1F1F1F;
	padding: 15px;
}
* html #PageWrapper #FooterWrapper
{
	width: 950px;
	height: 70px;
}
#PageWrapper #FooterWrapper #FooterContentWrapper,
#PageWrapperHome #FooterWrapper #FooterContentWrapper
{
	border: 0px solid transparent;	
	height: 40px;	
	color: #666666;	
	overflow: hidden;	
	text-align: left;
}
/* Standard Page Layout */

/* Promotion Page Layout */
#PageWrapperPopup
{
	width: 800px;
	background-color: #FFFFFF;
	margin:0 auto;
	padding: 0px;
	text-align: center;
}
#PageWrapperPopup #BrandingWrapper
{
	border: 0px solid transparent;
	width: 800px;
	height: 80px;
	padding: 0px;
	margin: 0px;
}

#PageWrapperPopup #BrandingWrapper #MainBanner
{
	border: 0px solid transparent;
	width: 800px;
	height: 80px;
	float: left;
	text-align: left;
	overflow: hidden;
	padding: 0px;
	margin: 0px;
}
#PageWrapperPopup #BrandingWrapper #MainBanner img
{
	padding: 0px;
	margin: 0px;
}
#PageWrapperPopup #ContentWrapper
{
	border: 0px solid transparent;
	background: url(/templates/pop/image/footerstories_bg.png) repeat-x left top;
	background-color: #FFFFFF;
	width: 800px;
	margin: 0px;
	padding: 0px;
	padding-top: 10px;
	padding-bottom: 30px;
	text-align: left;
}

#PageWrapperPopup #ContentWrapper #MainContent
{
	border: 0px solid transparent;
	width: 760px;
	float: left;
	display: inline;
	background-color: #FFFFFF;
	padding-left: 20px;
	padding-right: 20px;
}
* html #PageWrapperPopup #ContentWrapper #MainContent
{
  width: 800px;
}
#PageWrapperPopup #ContentWrapper #MainContent #TitleTable
{
	border: 0px solid transparent;
	background-color: #FFFFFF;
}
#PageWrapperPopup #ContentWrapper #MainContent #BodyContent
{
	border: 0px solid transparent;
	display: inline;
	float: left;	
}
#PageWrapperPopup #FooterWrapper #FooterContentWrapper
{
	border: 0px solid transparent;
	background: url(/templates/pop/image/footerstories_bg.png) repeat-x left top;
	height: 120px;	
	color: #666666;
	width: 770px;
	padding: 15px;
	overflow: hidden;	
	clear: both;
	text-align: left;
}
* html #PageWrapperPopup #FooterWrapper #FooterContentWrapper
{
  width: 800px;
  height: 150px;
}
/* Promotion Page Layout */

/* Promotion Containers */
#PromoContainerWrapper
{

}
#PromoContainerWrapper #divHeading,
#PromoContentLeft #divHeading
{
	width: 170px;
	height: 14px;
	background-color: #DDC600;
	background: url(/templates/car/image/infoBoxHeading3_table.jpg) repeat-x top left;
	border-bottom: 0px solid #00AEEF;
	padding: 8px 3px 8px 3px;	
	margin: 0px;
}
*html #PromoContentLeft #divHeading
{
	width: 176px;
	height: 30px;
}
#PromoContainerWrapper #divHeading h1,
#PromoContainerWrapper #divHeading h2,
#PromoContentLeft #divHeading h1, #PromoContentLeft #divHeading h2
{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #FFFFFF;
	padding: 0px;
	margin: 0px;
}
#PromoContentLeft
{
	padding: 0px;
	margin: 0px;
}
#PromoContentLeft h1,
#PromoContentLeft h2,
#PromoContentLeft h2 a
{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #151515;
	padding-top: 10px;
	padding-bottom: 2px;
	margin: 0px;
}
#PromoContentLeft ul
{
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: -30px !important;
    list-style-type: none;
}
#PromoContentLeft ul
{
	margin-left: 5px !important;
}
#PromoContentLeft ul li
{
    margin-top: 4px;
    margin-bottom: 4px;   
}
#PromoContentLeft ul li a
{
      font-weight: normal;
}
#PromoContentLeft ol
{
    margin-top: 5px;
    margin-bottom: 5px;    
}
/* Promotion Containers */

/* Sections */
.PageWrapper #ContentWrapper #MainContent #TitleTable h1.TitleHeading
{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #FFFFFF;
	padding: 0px;
	margin: 0px;
}

/* Body Styles */

/* Sections */

/* Form Tables */
.PageWrapper form table.FormTable
{
	margin-top: 8px;
	font-size: 12px;
	margin-bottom: 8px;
	background-color: transparent;
}
.PageWrapper form table TR TD.FormTableCopyAltLeft
{
	padding-right: 2px;
	padding-left: 2px;
	font-weight: bold;
	padding-bottom: 2px;
	padding-top: 2px;
	background-color: transparent;
}
.PageWrapper form table tr td.FormTableCopyAltRight
{
	padding-right: 2px;
	padding-left: 2px;
	padding-bottom: 2px;
	padding-top: 2px;
	background-color: transparent;
}
.PageWrapper form table tr td.FormTableButtons
{
	padding-right: 2px;
	padding-left: 2px;
	padding-bottom: 2px;
	padding-top: 2px;
	background-color: transparent;
	text-align: right;
}
.PageWrapper form div.ButtonHolder
{
    PADDING-RIGHT: 2px;
    PADDING-LEFT: 2px;
    PADDING-BOTTOM: 2px;
    PADDING-TOP: 2px;
    MARGIN: 0px;
    BACKGROUND-COLOR: transparent;
    TEXT-ALIGN: right;
}
/* Form Tables */

/* Main Navigation */
.PageWrapper #BrandingWrapper #MainNavigation
{
	text-align: left;	
	width: 950px;
	height: 46px;
	padding: 0px;
	margin: 0px;
	float: left;
	border: 0px solid red;
	background: url(/templates/car/image/menu_bg.gif) repeat-x left top;
}
* html .PageWrapper #BrandingWrapper #MainNavigation
{
	width: 950px;
}
/*---- MBMENU NAVIGATION ----*/
div#MBMenuOuterHolder
{
	background-color:transparent;
	border: 0px solid green;
	width: 950px;
	height: 46px;
	float: left;
}
div#MBMenuInnerHolder
{
	border: 0px solid blue;
	float: left;
	text-align: left;
	display: none;
}
div#MBMenuInnerHolder ul.MBMainMenu
{
	border: 0px solid blue;
	height: 46px;
	margin: 0px;
	padding: 0px;
	background-color: transparent;
}
div#MBMenuInnerHolder ul.MBMainMenu li
{
	border: 0px solid blue;
	background-color: transparent;
	margin: 0px;
	padding: 0px;
	display:inline;	
	height: 46px;	
	vertical-align: middle;
	padding-top: 18px;
	float:left;
}
* html div#MBMenuInnerHolder ul.MBMainMenu li
{
	padding-top: 0px;
}
div#MBMenuInnerHolder ul.MBMainMenu li.selected
{
	background-color:#00AEEF;
	background: url(/templates/car/image/menu_act_bg_3.jpg) repeat-x left top;	
	color:#040404 !important;
}
div#MBMenuInnerHolder ul.MBMainMenu li.selected a,
div#MBMenuInnerHolder ul.MBMainMenu li.selected a:link,
div#MBMenuInnerHolder ul.MBMainMenu li.selected a:visited,
div#MBMenuInnerHolder ul.MBMainMenu li.selected a:hover,
div#MBMenuInnerHolder ul.MBMainMenu li.selected a:active
{
	color:#040404 !important;
}
.MBMenuItem a, 
.MBMenuItem a:link, 
.MBMenuItem a:visited,
.MBMenuItem a:hover, 
.MBMenuItem a:active
{
	border: 0px solid red;
	height: 28px;
	background-color: transparent;
	text-align: center;
	color:#434343 !important;
	font-size: 14px;
	font-weight: bold;
	cursor: pointer;
	text-decoration:none;
	text-transform: uppercase;
	padding-top: 18px;
	padding-left: 10px;
	padding-right: 10px;
}
* html .MBMenuItem a, 
* html .MBMenuItem a:link, 
* html .MBMenuItem a:visited,
* html .MBMenuItem a:hover, 
* html .MBMenuItem a:active
{
	height: 46px;
}
div#MBMenuInnerHolder ul.MBMainMenu li.active
{
	color:#040404 !important; 
	text-align:center; 
	text-decoration:none; 
	height: 46px;
	background-color:#00AEEF;
	background: url(/templates/car/image/menu_act_bg_3.jpg) repeat-x left top;
}
div#MBMenuInnerHolder ul.MBMainMenu li a:hover,
div#MBMenuInnerHolder ul.MBMainMenu li.active a
{
	height: 28px;	
	background-color:#00AEEF;
	background: url(/templates/car/image/menu_act_bg_3.jpg) repeat-x left top;
	color:#040404 !important; 	
	text-align:center; 
	text-decoration:none; 	
	padding-top: 18px;
	padding-left: 10px;
	padding-right: 10px;
}
* html div#MBMenuInnerHolder ul.MBMainMenu li a:hover,
* html div#MBMenuInnerHolder ul.MBMainMenu li.active a
{
	height: 46px;
}
div#MBMenuInnerHolder ul.MBMainMenu li.active a span
{
	display:block;
	background-color:#00AEEF;
	background: url(/templates/car/image/menu_act_bg_3.jpg) repeat-x left top;
}
.menuShadow
{
	padding:2px;
	padding-bottom:0px;
	left:-2;
	top:1px;
	display: none;
}
.menuContainer
{
	background-color:#333333;
	filter:alpha(opacity=70);
	opacity:0.7;
}
.menuContainer .line
{
	background-color:transparent;
	width:100%;
}
.menuContainer .line.title
{
	text-align:right;
}
.menuContainer .line.title a
{
	color:dimgray;
	font-size:12px;
	font-weight: bold;
}
.menuContainer a
{
	text-decoration:none;
	color: #00AEEF;
}
.menuContainer .voice
{
	width: 150px;
	border-top:0px solid #040404;
	font-size:12px;
	font-weight: bold;
	text-align:left;
	padding: 5px;
	background-color:transparent;
}
.menuContainer .separator
{
	background-color:#040404;
	height:1px;
}
.menuContainer .img
{
	border-top:1px solid #040404;
	text-align:center;
	font-size:11px;
	color: #c3c3c3;
	width:0px;
	padding: 0px;
	margin: 0px;
	background-color:transparent;
}
.menuContainer .img img
{
	width:0px;
	padding: 0px;
	margin: 0px;
	background-color:transparent;
}
.menuContainer .textBox
{
	font-size:10px;
	background-color:transparent;
	color: #c3c3c3;
}
.menuContainer .selected
{
	background-color: #00AEEF;
	filter:alpha(opacity=90);
	opacity:0.9;
}
.menuContainer .selected  a
{
	color:#040404;
}
.menuContainer .disabled , .menuContainer .disabled td a
{
	color: #040404;
}
.menuContainer .subMenuOpener
{
	background-image:url('/images/icons/menus/menu_arrow_white_right.gif');
	background-repeat:no-repeat;
	background-position: right 50%;
}
.menuContainer .selected .subMenuOpener
{
	background-image:url('/images/icons/menus/menu_arrow_white_right.gif');
	background-repeat:no-repeat;
	background-position: right 50%;
}

/*---- MBMENU NAVIGATION ----*/
/* Main Navigation */

/* Modules */

/* SLIDE SHOW */
div.SlideShowWrapper
{
	text-align: center;
	margin-top: 20px;
	margin-bottom: 20px;
}
div.SlideShowWrapper img
{
	border: 1px solid #C8C8C8;
	padding: 2px;
}
td.SlideShowNormalSize
{
	TEXT-ALIGN: right;
	VERTICAL-ALIGN: middle;
	BORDER: 1px solid #CCCCCC;
	PADDING: 3px;
}
td.SlideShowThumbnailImage
{
	TEXT-ALIGN: left;
}
td.SlideShowThumbnailSize
{
	PADDING: 4px;
}
td.SlideShowItem
{
	PADDING: 4px;
}
td.SlideShowItem img {border: 2px solid #CCCCCC;}
img.SlideShowImage
{	
	MARGIN-BOTTOM: 4px;
}
img.ImageThumbnail
{
	BORDER: 2px solid #CCCCCC;
	PADDING: 1px;
}
div.SlideShowMainImageHolder
{
	border: 0px solid blue;
	float: left;
	width: 239px
	height: 345px;
	overflow: hidden;
	padding-top: 21px;
	padding-left: 40px;
}
* html div.SlideShowMainImageHolder
{
	width: 260px
	height: 365px;
}
div.SlideShowThumbnailImageHolder
{
	float: right;
	width: 239px
	height: 345px;
	overflow: hidden;
	padding-top: 21px;
	padding-right: 20px;
}
* html div.SlideShowThumbnailImageHolder
{
	width: 260px
	height: 365px;
}
div.SlideShowMainImageHolder div.MainImageText
{
	border: 0px solid red;
	width: 239px;
	height: 50px;
	overflow: hidden;
	clear: both;
	line-height: 15px;
}
div.SlideShowMainImageHolder div.MainImageText #thePhotoTitle
{
	width: 239px;
}
#NavigationLinksHolder
{
	width: 239px;
	border: 0px solid red;
	padding: 0px;
	margin: 0px;
}
#NavigationLinksHolder table.NavigationLinksTable
{
	width: 239px;
	padding: 0px;
	margin: 0px;
}
table.NavigationLinksTable tr td.NavigationLinksTablePrevious
{
}
table.NavigationLinksTable tr td.NavigationLinksTableNext
{
}
/* SLIDE SHOW */


/* HIGH SLIDE */
.highslide {cursor: url(/js/highslide/graphics/zoomin.cur), pointer; outline: none;}
.highslide img {border: 2px solid #CCCCCC;}
.highslide:hover img {border: 2px solid silver;}
.highslide-image {border-bottom: 1px solid white;}
.highslide-image-blur {}
.highslide-caption {display: none;border-bottom: 1px solid white; font-family: Verdana, Helvetica; font-size: 13px; padding: 5px; background-color: silver;}
.highslide-loading {display: block; color: white; font-size: 9px; font-weight: bold; text-transform: uppercase;  text-decoration: none;	padding: 3px; border-top: 1px solid white; border-bottom: 1px solid white;background-color: black;}
a.highslide-credits, a.highslide-credits i {padding: 2px; color: silver; text-decoration: none; font-size: 10px;}
a.highslide-credits:hover, a.highslide-credits:hover i {color: white; background-color: gray;}
.highslide-move {cursor: move;}
.highslide-overlay {display: none;}

/* Controlbar example */
.controlbar {	
	margin-left: 60px;
	background: url(/js/highslide/graphics/controlbar2.gif);
	width: 210px;
	height: 32px;
}
.controlbar a {	
	display: block;
	float: left;
	margin: 0 0 0 5px;
	height: 30px;
	width: 42px;
}

/* Necessary for functionality */
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}
/* HIGH SLIDE */

