/*-------------------------*/
/*-->>> Page sections <<<--*/
/*-------------------------*/


body { background-color: #ffffff; color: #333366; font-family: Arial, Helvetica, sans-serif; min-width : 950px; }

table.index {background-color: #D2CDBE; width: 100%; height: 100%;  margin-top: 3px;}
table.index2 {	width: 75%; border-color: #b2b2b2;}
span.velg{font: bold; font-size:medium; color: orange; padding-left: 2cm; background-color: #AFAA9B; width: 100%;}
p.vcome {font-size: 1.6em; font-weight: bold; padding-top: 8px; padding-left: 10px;}
td#upper { background-color: #b2b2b2; }
td#lower { background-color: #5a5a55; }
/* Main table */
table.mainframe td { padding: 0px; }
table.mainframe { border-collapse: collapse; height: 100%; }

/* Mainframe Header */
table.mainframeheader td { padding: 0px;}
table.mainframeheader { border-collapse: collapse; height: 15%; width: 100%; margin : 0; padding : 0; border-spacing : 0; }
#overDiv { position: absolute; visibility: hidden; z-index: 1000; }

/* Header */
table.headerframe td { border: 1px solid black; }
table.headerframe { border: 1px solid black; border-collapse: collapse; margin: 0px; width: 100%; }

/* Menu */
/*
table.menuframe td.menuselected { background-color: #eeeeee; }
table.menuframe td.menuselection  { background-color: #bbbbbb; }
table.menuframe td { border: 1px solid black; border-top: none; padding: 3px; text-align: center; font-size: 1.1em; font-weight: bold; }
table.menuframe { border: 1px solid black; border-collapse: collapse; border-top: none; margin: 0px; width: 100%; }
*/

/* Content */
table.contentframe td#leftside table.leftcontentframe { height: 100%; width: 100%; border-collapse: collapse;  }
table.contentframe td#leftside { white-space: nowrap; padding: 2px; margin: 0;}
table.contentframe td#rightside table.rightcontentframe table.upperrightcontentframe { border-collapse: collapse; height: 100%; width: 100%; padding: 0; margin: 0; }
table.contentframe td#rightside table.rightcontentframe table.lowerrightcontentframe { border-collapse: collapse; height: 100%; width: 100%; padding: 0; margin: 0; }
table.contentframe td#rightside table.rightcontentframe { height: 100%; width: 100%; border-collapse: collapse; padding: 0; margin: 0; }
table.contentframe td#rightside { white-space: nowrap; width: 500px; padding: 2px; margin: 0; }
table.contentframe td { font-size: 0.7em; }
table.contentframe th { font-size: 0.7em; }
table.contentframe { border: 1px solid black; border-collapse: collapse; border-top: none; height: 100%; margin: 0px; padding: 0; width: 100%; }

/* Footer */
table.footerframe td, table.footerInfo td { font-size: 0.7em; border: none; padding: 3px;}
table.footerframe td { text-align: center; /*vertical-align: top;*/ }
table.footerInfo td { text-align: left; padding: 3px 5px; }
table.footerframe { background-color: #bbbbbb; border: 1px solid black; border-collapse: collapse; border-top: none; margin: 0px; }
table.footerInfo { border-collapse: collapse; border: none; margin: 0px auto; padding: 0px; }

/* Dealer information */
table.dealerInfoTable th { text-align: left; vertical-align: top; }
table.dealerInfoTable th, table.dealerInfoTable td { padding: 3px; }
table.dealerInfoTable table { border-collapse: collapse; }
table.dealerInfoTable table td { padding: 0 0 1px; }

/* overLIB help table */
table.overlibBG {
	margin: 0;
	border: solid 2px white;
	padding: 0px;
	background: #fff;
	z-index: 61;
}
table.overlibFG {
	margin: 0;
	border: solid 1px black;
	padding: 0;
}
table.overlibFG h1 {
	margin: 0;
	padding: 2px 5px 5px;
	font-size: 1.2em;
}
table.overlibFG p {
	margin: 2px 5px 5px;
	padding: 0;
	color: #000;
	font-size: 1.2em;
}

/*---------------------*/
/*-->>> Headlines <<<--*/
/*---------------------*/
h1 { background-color: #fafaea; color: #333366; font-size: 1.2em; font-weight: bold; }
h1 span {  cursor: help; }
h2 { background-color: #fafaea; color: #333366; font-size: 1.2em; font-weight: bold; }
h3 { background-color: #fafaea; color: #333366; font-size: 1.1em; font-weight: bold; }

p { margin: 2px 0 10px; }
p.information { margin: 2px 5px 10px;  }

/*-----------------*/
/*-->>> Links <<<--*/
/*-----------------*/
/* Navigation from page to page */
a { color: black; }
a.navigationLink img { border: none; margin-right: 0.2em; vertical-align: middle; }
a.navigationLink:link { color: #CCD9CC; font-weight: bold; text-decoration: none; }
a.navigationLink:active { color: #CCD9CC; font-weight: bold; text-decoration: none; }
a.navigationLink:visited { color: #CCD9CC; font-weight: bold; text-decoration: none; }
a.navigationLink:hover { font-weight: normal; font-weight: bold; text-decoration: underline; }
a.navigationLinkTop:link { }
a.purchaseHelp {color: orange; font-weight: bold; text-decoration: none;}

/* Links that show information or alter lists in a page */
/*a.infoLink:link { color: #CCD9CC; text-decoration: none; }
a.infoLink:active { color: #CCD9CC; text-decoration: none; }
a.infoLink:visited { color: #CCD9CC; text-decoration: none; }
a.infoLink:hover { font-weight: normal; text-decoration: none; }*/

/* Links that show information or alter lists in a page */
a.infoLink img { border: none; margin-right: 0.2em; vertical-align: middle; }
a.infoLink:link { color: #CCD9CC; font-weight: bold; text-decoration: none; }
a.infoLink:active { color: #CCD9CC; font-weight: bold; text-decoration: none; }
a.infoLink:visited { color: #CCD9CC; font-weight: bold; text-decoration: none; }
a.infoLink:hover { text-decoration: underline; }

/*------------------*/
/*-->>> Images <<<--*/
/*------------------*/
/* Preview images (colors, etc) */
img.configuration { border: none; }
img.smallpreview { border: none; }
img.smallpreviewSelected { border: solid 1px black; }
img.smallpreviewEnabled { border: solid 1px white; }
img.smallpreviewDisabled { border: solid 1px red; }

a.imgDetailLink img { display: block; }

/*---------------------------------*/
/*-->>> List / Scrollable div <<<--*/
/*---------------------------------*/
div.scrollableContainer { height: 300px; overflow: auto; width: 100%; }
th.listHeader { background-color: #e1e1e1; border: solid gray 2px; font-weight: bold; position:relative; text-align: left; vertical-align: top; }
th.listHeaderSecond { background-color: #f1f1f1; border: none; font-weight: bold; position:relative; text-align: left; vertical-align: top; }
tbody.listbody td { padding-right: 2px; text-align: left; border: none;}
tbody.listbody { overflow: auto; }

/*-------------------------*/
/*-->>> Error display <<<--*/
/*-------------------------*/
table.errorbox, table.emailSent { background-color: #FFF47F; border: 1px solid black; color: #9F0909; width: 100%; border-collapse: collapse; margin: 10px auto; }
table.errorbox { border: 2px solid red; }
table.errorbox th { padding: 5px; }
table.errorbox ul { margin: 5px 10px 5px 25px; }

table.emailSent { border: 2px solid green; color: green; }
table.emailSent td { padding: 5px; }

/*---------------------------------*/
/*-->>> No Javascript support <<<--*/
/*---------------------------------*/
div#noscript table#background{ height: 100%; width: 100%; background-color: #ff0000; opacity: .75; /*filter: alpha (opacity=75);*/ z-index: 2; min-height: 150px; min-width: 350px; }
div#noscript table#text_border{ height: 100%; width: 100%; border: solid 2px black; color: black; font-weight: bold; text-align: center; background-color: transparent; z-index: 3; min-height: 150px; min-width: 350px; }
div#noscript { position: fixed; top: 30%; bottom: 30%; left: 30%; right: 30%; }

/*---------------------------------------------*/
/*-->>> Page specific selectors and rules <<<--*/
/*---------------------------------------------*/
/* dealers */
table.welcomeInfo { border-collapse: collapse; margin-bottom: 2px; }
table.welcomeInfo td.pricelinerow { font-size: 1em; font-weight: bold; }

/* models */
table.carlines tr td { padding: 0.6em; }
table.carline { border-collapse: collapse; }
table.carline tr td { padding: 0px; }
div.carlineImage {}
div.carlineImageDescription { text-align: center; }

/* engines */
table#engine { border-collapse: collapse; margin-top: 2px; }
table#engine select { font-size: 0.9em; z-index: 56; }
tr.even td{ background-color: #eee; }
tr.odd td{ background-color: #fff; }
tr.selected td{ background-color: #bbb; }

/* engines and carconfiguration */
table.priceline, table.priceTable { font-weight: bold; }
table.priceTable { margin: 0 5px 5px; width: 95%; }
table.priceline { padding: 0 5px; }

/* interior */
table.interior { border-collapse: collapse; }
table.interiorImgText { float: left; }
div#scroll1, div#scroll2 { height: 150px; overflow: auto; width: 100%; }

/* equipment */
table.detailOptionDescription h1 { font-size: 1.0em; }
.precludedOptionMarker { color: red; font-weight: bold; }
.precludedOption {}
.includedOptionMarker { color: green; font-weight: bold; }
.includedOption {}
table.selectedEquipment { font-size: 0.8em; margin-bottom: 15px; }
a.removeOption:link { color: red; text-decoration: none; }
a.removeOption:active { color: red; text-decoration: none; }
a.removeOption:visited { color: red; text-decoration: none; }
a.removeOption:hover { text-decoration: none; }

/* checkout */
div#dealerInformation { display: none; }
table.dealerInfo { border-spacing: 0px; }
table.dealerInfo th { background-color: #7777cc; }
table.dealerInfo td { background-color: #9999ee;}

/* sendToDealer and sendEmail */
.redStar { color: red; }
div#jsvalidationerrors { display: none; }
div#errors { background-color: #efefef; color: #FF0000; padding:1em; padding-bottom: 0px; width: 100%;}


/* sendEmail */
/*div#emailSentBox { display: none; }*/

/* carconfiguration */
table.carline_configuration tr td{ margin: 0px; padding: 0px;}
table.carline_configuration { border-collapse: collapse; margin: 0 0 2px; padding: 0; }
table.configuration_images { border-collapse: collapse; margin: 0px; padding: 0; }
table.configuration_images tr td { margin: 0px; padding: 0; }
td.pricelinerow { border-bottom: 1px solid black; border-top: 1px solid black; }}
td.previewImageRow img { display: block; }

/* usersCarconfiguration */
table.userconfiguration { border-collapse: collapse; margin-bottom: 10px; }
table.userconfiguration td, table.userconfiguration th { padding: 1px; }
table.userconfiguration th { text-align: left; border-bottom: solid 1px black; }
table.userconfiguration tbody th { border: 0; }
#total { border-bottom: double 5px black; }
.total { border-top: solid 2px black; vertical-align: top; font-weight: bold; }
.subtotallabel { border-top: solid 1px black; vertical-align: bottom;}
.subtotalsum { border-top: solid 1px black; border-bottom: solid 1px black; vertical-align: bottom;}
.groupheader { font-weight: bold; }

#menu
{
	margin : 0;
	width : 100%;
	/*min-width : 900px;*/
}

#menu table
{
	margin : 0px;
	padding : 0px;
	border-spacing : 0px;
	border-collapse : collapse;
	border-style : none;
	width : 100%;

	font-family: 'Verda', 'Arial', 'Helvetica', 'sans-serif';
	font-size: 0.82em;
}

#menu tr td
{
	margin : 0px;
	padding : 0px;
	border-spacing : 0px;
	border-collapse : collapse;
	border-style : none;
}

#menu table tr td table
{
	background-color : #5c5c61;
	margin : 0;
	padding : 0px;
	border : 0;
	border-spacing : 0px;
	border-collapse: collapse;
	text-align : center;
	border-right : solid 1px white;
	font-family: 'Verdana', 'Arial', 'Helvetica', 'sans-serif';
	font-size: 0.82em;	
	font-weight : bold;
}

#menu table tr td table.selected
{
	background : #5c5c61 url(img/menuArrow.png) right 0 no-repeat;
	border-right-style : none; 
/*	padding-right : 30px; */
/*	margin-right : 30px; */
}

#menu table tr td table tr.notselected
{
	background-color : #b2b2b2;
}

#menu table tr td table tr td
{
	vertical-align : center;
	border-spacing : 0;
	margin : 0;
	padding : 3px 0 3px 0;
}

#menu table tr td table tr td.lower
{
	color : white;
}