﻿select,
input,
button { font-family: Arial; font-size: 11px; }

.LoadingBg { background-image: url(/images/tooltip_loading.gif); background-position: center; background-repeat: no-repeat; width: 100px; height: 50px; }

div#tipDiv { position: absolute; visibility: hidden; left: 0; top: 0; z-index: 10000; background-color: #fff; border: 1px solid #000; /*width:200px; */ padding: 6px; color: #000; font-size: 11px; line-height: 1.3; }
	div#tipDiv div.img { text-align: center }
	div#tipDiv div.txt { text-align: center; margin-top: 4px }
/*Content Text Styles */
.ContentLabel { background-color: #ffffff; width: 150px; vertical-align: top; white-space: nowrap; }
.Content, .ShortcutContent, .Good { background-color: #ffffff; }
.Error { color: #FF0000; text-decoration: none; }
/*Input Styles */
.TextWatermark { color: #6D6D6D; }
.InputList { background-color: #ece9d8; width: 200px; }
.InputListMedium { background-color: #ece9d8; width: 100px; }
.InputListShort { background-color: #ece9d8; width: 50px; }
.InputLong { background-color: #ece9d8; width: 400px; }
.InputWide { background-color: #ECE9D8; width: 300px; }
.InputNoWidth { background-color: #ece9d8; }
.Input { background-color: #ece9d8; width: 200px; }
.InputMedium { background-color: #ece9d8; width: 100px; }
.InputDate { background-color: #ece9d8; width: 80px; }
.InputShort { background-color: #ece9d8; width: 50px; }
.InputCheck, .InputRadio { }
/* Navigation Styles */
.Button,
.PrintButton { background: #DEDEDE url(Images/platform-button-bg.png) repeat-x center center; border: solid 1px #BDBDBD; padding: 0 12px; color: #606060; height: 20px; line-height: 20px; margin: 5px 2px; font-weight: bold; }
/* Content Header Styles */
.GroupHeader { font-size: 13px; color: #000000; font-weight: bold; /*background-color:#EEEEEE;*/ }
/* Table Styles */
.TableTitle { font-weight: normal; color: #FFFFFF; background-color: #4D4D4D; padding-left: 5px; padding-bottom: 2px; padding-top: 2px; }
	.TableTitle a { color: #FFFFFF; text-decoration: none; }
		.TableTitle a:hover { text-decoration: underline; }
.TableMessage { font-weight: normal; color: #AA0000; background-color: #FFFFFF; padding-left: 5px; padding-bottom: 2px; padding-top: 2px; }
.TableError { font-weight: normal; color: #AA0000; background-color: #FFFFFF; padding-left: 5px; padding-bottom: 2px; padding-top: 2px; }
.TableHeader { font-weight: normal; background-color: #E6E6E6; padding-left: 5px; padding-bottom: 2px; padding-top: 2px; }
	.TableHeader td { border-bottom: solid 1px #fff; }
.TableGroupHeader { font-weight: normal; color: #3c3c89; background-color: #EEEEEE; }
.TableSubFooter { font-weight: normal; font-size: 11px; color: #3C3C39; background-color: #BBBBEE; padding-bottom: 2px; padding-top: 2px; }
.TableFooter { font-weight: normal; font-size: 11px; color: #3C3C39; background-color: #BBBBEE; padding-bottom: 2px; padding-top: 2px; }
.TablePageFooter { background-color: #808080; font-size: 11px; color: #FFFFFF; text-decoration: none; padding-left: 5px; padding-bottom: 2px; padding-top: 2px; }

	.TablePageFooter a { color: #FFFFFF; }
.TableContent { font-size: 11px; background-color: #F2EBD9; text-decoration: none; }
.TableContentY { font-size: 11px; color: #000000; background-color: #FFFF99; text-decoration: none; }
.TableAltContent { font-size: 11px; background-color: #fff; text-decoration: none; }
.TableSelectedContent { font-size: 11px; color: #3c3c39; background-color: #E0E0FF; text-decoration: none; }
.TableContent a { color: Blue; text-decoration: underline; }
.TableAltContent a { color: Blue; text-decoration: underline; }
.TableContent a:hover { color: #FF8C00; }
.TableContent a:active { color: #FF8C00; text-decoration: underline; }
.TableAltContent a:hover { color: #FF8C00; }
.TableAltContent a:active { color: #FF8C00; text-decoration: underline; }

/* Special Styles */
.TabContent { border-left: 1px solid gray; border-right: 1px solid gray; border-bottom: 1px solid gray; }
.CollapsiblePanel { overflow: hidden; }
.CollapsiblePanelHeader { }

.modalBackground { background-color: Gray; filter: alpha(opacity=70); opacity: 0.7; }
.modalPopup { background-color: #ffffdd; border-width: 3px; border-style: solid; border-color: Gray; padding: 3px; width: 250px; }
/* Calendar Control */
.Calendar .ajax__calendar_container { border: 1px solid #646464; background-color: #FFFACD; /*lemonchiffon*/ color: red; z-index: 500; position: absolute; }
.Calendar .ajax__calendar_other .ajax__calendar_day,
.Calendar .ajax__calendar_other .ajax__calendar_year { color: black; }
.Calendar .ajax__calendar_hover .ajax__calendar_day,
.Calendar .ajax__calendar_hover .ajax__calendar_month,
.Calendar .ajax__calendar_hover .ajax__calendar_year { color: black; }
.Calendar .ajax__calendar_active .ajax__calendar_day,
.Calendar .ajax__calendar_active .ajax__calendar_month,
.Calendar .ajax__calendar_active .ajax__calendar_year { color: black; font-weight: bold; }
.ModuleImageDisplay { border: 0; padding-bottom: 5px; padding-top: 5px; }
/* End Style Sheet */
#specs_overview > tbody > tr > td:nth-child(2) {width: 100px;padding: 3px;}

@media only screen {
	#price { color: #ffffff !important; background-color: 353839; padding: 10 5 10 5; text-align: center; border-radius: 5px; font-size: 25px; }
	.BrochureTable p, table { font-family: arial, helvetica, sans-serif; }
	#dealer_details { border-bottom: 1px solid #000; padding-bottom: 10px; font-size: 15px; }
	.dealer_name { font-family: arial, helvetica, sans-serif; font-size: 40px; float: right !Important; }
	#dealer_logo img { width: 200px !important; height: 70px; margin: 0 0 15px 0; }
	.container { width: 746px; padding-left: 2px; padding-right: 6px; font-family: arial, helvetica, sans-serif; color: #333; background: #fff; }
	.tile { background-color: #ececec; width: 721px; margin: 10px 0px 0px 5px; padding: 10px; display: table; border: 1px solid #000; margin-left: auto; margin-right: auto; }
	.img-tile img { width: 100%; max-width: 200px; height: auto; float: left; }
	#col1 { width: 220px; float: left; }
	#col2 { width: 240px; float: left; margin-right: 20px; }
	#col3 { width: 240px; float: left; }
	#vehicle_namer { font-size: 20px; }
	hr { border: 0; background: #000; height: 1px; }
	table#specs_overview { font-size: 13px; margin: 0 !important; border-right: 1px solid #000; padding-right: 20px; }
	#instalment { font-size: 13px; margin-top: 10px; }
	#note { font-size: 10px; }
	p#comments { font-size: 12px !important; margin: 0px; }
	#installment > tbody > tr:nth-child(1) > td { font-size: 0.8em !important; }
	#installment > tbody > tr:nth-child(2) > td { font-size: 11px !important; }
}

@media print and (orientation:portrait) {
	#price { color: #ffffff !important; background-color: 353839; padding: 10 5 10 5; text-align: center; border-radius: 5px; font-size: 25px; }
	.BrochureTable p, table { font-family: arial, helvetica, sans-serif; }
	#dealer_details { border-bottom: 1px solid #000; padding-bottom: 10px; font-size: 15px; }
	.dealer_name { font-family: arial, helvetica, sans-serif; font-size: 40px; float: right !Important; }
	#dealer_logo img { width: 200px !important; height: 70px; margin: 0 0 15px 0; }
	.container { width: 746px; padding-left: 2px; padding-right: 6px; font-family: arial, helvetica, sans-serif; color: #333; background: #fff; }
	.tile { background-color: #ececec; width: 721px; margin: 10px 0px 0px 5px; padding: 10px; display: block; border: 1px solid #000; margin-left: auto; margin-right: auto; }
	.img-tile img { width: 100%; max-width: 200px; height: auto; float: left; }
	#col1 { width: 220px; float: left; }
	#col2 { width: 240px; float: left; margin-right: 20px; }
	#col3 { width: 240px; float: left; }
	#vehicle_namer { font-size: 20px; }
	hr { border: 0; background: #000; height: 1px; }
	table#specs_overview { font-size: 13px; margin: 0 !important; border-right: 1px solid #000; padding-right: 20px; }
	#instalment { font-size: 13px; margin-top: 10px; }
	#note { font-size: 10px; }
	p#comments { font-size: 12px !important; margin: 0px; }
	body > div:nth-child(6) { margin-top: 450px !Important; }
}

@media print {
	body { background: #fff; padding: 0; font-family: Arial; font-size: 10px; }
	#header-section, #user-bar { display: none; }
	#sub-navigation-group-container { display: none; }
	#bread-crumb { height: 22px; line-height: 22px; border-bottom: solid 1px #C1C1C1; font-weight: bold; text-align: right; margin: 0 0 10px; }
	.no-print { display: none; }
	div { page-break-inside: avoid; }
}

@media print and (orientation:landscape) {
	/**/
	#vehicle_namer { font-size: 15px; height: 50px; }
	#price { color: #ffffff !important; background-color: 353839; padding: 10 5 10 5; text-align: center; border-radius: 5px; font-size: 25px; margin: 10 0 10 0; }
	.BrochureTable p, table { font-family: arial, helvetica, sans-serif; }
	#dealer_details { border-bottom: 1px solid #000; padding-bottom: 10px; font-size: 15px; }
	.dealer_name { font-family: arial, helvetica, sans-serif; font-size: 40px; float: right !Important; }
	#dealer_logo img { width: 380px !important; height: 70px; margin: 0 0 15px 0; }
	.container { padding-left: 2px; padding-right: 6px; font-family: arial, helvetica, sans-serif; color: #333; background: #fff; }
	.tile { background-color: #ececec; width: 175px; margin: 90px 0px 140px 5px; padding: 10px; display: inline-block; /*border: 1px solid #000*/ vertical-align: top; min-height: 540px }
	.img-tile img { width: 100%; max-width: 200px; height: auto; float: left; }
	#col1 { width: 184px; float: left; }
	#col2 { width: 184px; float: left; margin-right: 20px; }
	#col3 { width: 184px; float: left; }
	hr { border: 0; background: #000; height: 1px; }
	table#specs_overview { font-size: 12px; margin: 10 0 0 0 !important; }
	#instalment { font-size: 13px; margin-top: 10px; }
	#note { font-size: 10px; }
	p#comments { font-size: 12px !important; margin: 0px; }
	.dealer_logo img { max-width: 200px !important; }
	table#installment { display: none; }
	table.BrochureTable.oriPrint { position: fixed; top: 0; }
	#specs_overview strong { display: block; width: 100px; }
	#specs_overview > tbody > tr > td:nth-child(2) { width: 120px; }
}


table#installment { display: none; }
}
