/* Mazda CCS Theme */

/* Fonts */
@font-face {font-family: "MazdaType"; src: url("fonts/MazdaType-Regular.woff") format("woff"), url("fonts/MazdaType-Regular.otf") format("opentype");}
@font-face {font-family: "MazdaType"; font-weight: bold; src: url("fonts/MazdaType-Bold.woff") format("woff"), url("fonts/MazdaType-Bold.otf") format("opentype");}
@font-face {font-family: "MazdaType"; font-style: italic; src: url("fonts/MazdaType-Italic.woff") format("woff"), url("fonts/MazdaType-Italic.otf") format("opentype");}
@font-face {font-family: "MazdaType"; font-weight: bold; font-style: italic; src: url("fonts/MazdaType-BoldItalic.woff") format("woff"), url("fonts/MazdaType-BoldItalic.otf") format("opentype");}

@media screen
{
	/* Standard elements */
	* {font-family: MazdaType,Arial; font-size: 10pt; color:#404040;}
	body {margin: 0px; padding: 0px; background-color:#ffffff;}
	input, textarea, select {font-family: MazdaType,Arial; font-size: 10pt; font-weight:bold; border:solid 1px #666666;}
	input[readonly]{background-color: #d4d4d4;}
	input.Error, textarea.Error, select.Error {font-family: MazdaType,Arial; font-size: 10pt; font-weight:bold; background-color:#ff8080; border:solid 1px #666666;}
	select option {font-size: 10pt; font-weight:bold;}
	ul {margin-left:6pt; margin-top:0px; margin-bottom:0px; padding-left:6pt; list-style-type:square;}
	a:link, a:visited, a:active{color: #144068; text-decoration:none; font-weight:bold;}
	a:hover{color: #404040; text-decoration:none; font-weight:bold;}
	a.Header:link, a.Header:visited, a.Header:active{color:#009de2; text-decoration:none; font-size:8pt; font-weight:normal;}
	a.Header:hover{color: #5fcfff; text-decoration:none; font-size:8pt; font-weight:normal;}

	/* Common elements */
	.StandardContentTitle {display:block; font-size:12pt; font-weight:bold; color:#404040;}
	.LargeTitle {display:block; font-weight:bold; font-size:14pt; color:#404040;}
	.NoBreakTitle {font-size:12pt; font-weight:bold; color:#404040;}
	.StandardContentText {display:block;}
	.StandardContentBoldText {display:block; font-weight:bold;}
	.NoBreakStandardContentBoldText {font-weight:bold;}
	.StandardErrorText {display:block; color:#b00000;}
	/* Buttons - for IE6: width:auto; overflow:visible; - right width without additional paddings  */
	.StandardButton {color:#ffffff; background: #007db4; border:solid 1px #007db4; font-size: 10pt; font-weight:bold; height:22px; padding:0pt 8pt 0pt 8pt; width:auto; overflow:visible;}
	.StandardButton:hover {background: #005378; border: solid 1px #005378;}
	.StandardButtonRed {color:#ffffff; background-color:#cc3333; border:solid 1px #144068; font-size: 10pt; font-weight:bold; height: 22px; padding:0pt 8pt 0pt 8pt; width:auto; overflow:visible;}
	.StandardButtonRed:hover {border: solid 1px #144068; background-color: #990000;}
	.StandardButtonGreen {color:#ffffff; background-color:#99cc33; border:solid 1px #144068; font-size: 10pt; font-weight:bold; height: 22px; padding:0pt 8pt 0pt 8pt; width:auto; overflow:visible;}
	.StandardButtonGreen:hover {border: solid 1px #144068; background-color:#669900;}
	.NavigationButton {float:right; color:#ffffff; background-color:#007db4; border:solid 1px #007db4; font-size: 10pt; font-weight:bold; height: 22px; padding:0pt 8pt 0px 8pt; width:auto; overflow:visible; margin-left:5px;}
	.NavigationButton:hover {border:solid 1px #005378; background-color:#005378}
	.RemoteButton {position:absolute; top: 164px; right:40px; color:#ffffff; background-color:#007db4; border:solid 1px #007db4; font-size: 10pt; font-weight:bold; height: 22px; padding:0pt 8pt 0px 8pt; width:auto; overflow:visible;}
	.RemoteButton:hover {border:solid 1px #005378; background-color:#005378;}
	.StandardTextBox {background-color:#404040; font-weight:normal; margin:0px; padding:0px;}
	.InfoTextBox {font-weight:normal; margin:0px; padding:0px; overflow:hidden;}
	.StandardProductTitleText {font-weight:bold; font-size:12pt; color:#404040;}
	.StandardProductTitleTextNormal {font-weight:normal; font-size:12pt; color:#404040;}
	.HeaderTHLeft{text-align:left;}

	/* Menu */
	.MainMenu {position:absolute; top:100px; left:0px; width:100%; text-align:center; vertical-align:middle;}
	.MainMenuItemStandard {color:#ffffff !important; border-right:#535d61 1px solid; border-top:#32383b 1px solid; text-align:center; text-decoration:none !important; cursor:hand !important; font-family:MazdaType,Verdana,Arial; font-size:9pt !important; height:20px;}
	.MainMenuItemStandard td {padding:7px 3px 2px 3px; background-color:#32383b;}
	.MainMenuItemStandard a {font-weight: normal !important; display: block; width: 99%;}
	.MainMenuItemSelected {color:#ffffff !important; border-right:#535d61 1px solid; border-top:#535d61 1px solid; text-align:center; text-decoration:none !important; cursor:default !important; font-family:MazdaType,Verdana,Arial; font-size:9pt !important; height:20px;}
	.MainMenuItemSelected td {padding:7px 3px 2px 3px; background:#535d61;}
	.MainMenuItemSelected a { }
	.MainMenuItemHover {color:#ffffff !important; border-right:#535d61 1px solid; border-top:#535d61 1px solid; text-align:center; text-decoration:none !important; cursor:hand !important; font-family:MazdaType,Verdana,Arial; font-size:9pt !important; height:20px;}
	.MainMenuItemHover td {padding:7px 3px 2px 3px; background-color: #535d61}

	.SubMenu {position:absolute; top:130px; left:0px; width:100%; text-align:center; vertical-align:middle;}
	.SubMenuItemStandard {color:#ffffff !important; border-top:#535d61 1px solid; border-right:#535d61 1px solid; text-align:center; text-decoration:none !important; cursor:hand !important; font-family:MazdaType,Verdana, Arial !important; font-size:9pt !important; height:21px;}
	.SubMenuItemStandard td {padding:7px 3px 2px 3px; background:#32383b}
	.SubMenuItemStandard a {font-weight: normal !important; display: block; width: 99%;}
	.SubMenuItemSelected {color:#ffffff !important; border-top:#535d61 1px solid; border-right:#535d61 1px solid; text-align:center; text-decoration:none !important; cursor:default !important; font-family:MazdaType,Verdana, Arial; font-size:9pt !important; height:21px;}
	.SubMenuItemSelected td {padding:7px 3px 2px 3px; background:#535d61 }
	.SubMenuItemSelected a { }
	.SubMenuItemHover {color:#ffffff !important; border-top:#535d61 1px solid; border-right:#535d61 1px solid; text-align:center; text-decoration:none !important; cursor:hand !important; font-family:MazdaType,Verdana, Arial !important; font-size:9pt !important; height:21px;}
	.SubMenuItemHover td {padding:7px 3px 2px 3px; background-color:#535d61}

	/* Grid */
	.GridStandardStyle {border-bottom: solid 1px #a2a2a2;}
	.GridHeaderStyle {font-size:8pt !important; font-weight:bold; text-align: left; height:22pt;}
	.GridHeaderStyle th {border-top: solid 1px #a2a2a2; border-bottom: solid 1px #a2a2a2;}
	.GridRowStyle {font-size:8pt !important; background-color:#f0f0f0; height:22pt;}
	.GridAltRowStyle {font-size:8pt !important; background-color:transparent; height:22pt;}
	.GridFooterStyle {font-size:8pt !important; font-weight:bold; height:16pt;}
	.GridFooterStyle td {border-bottom: solid 1px #a2a2a2;}
	.GridSmallHeaderStyle {font-size:8pt !important; font-weight:bold; text-align: left; height:18pt;}
	.GridSmallHeaderStyle th {border-top: solid 1px #a2a2a2; border-bottom: solid 1px #a2a2a2;}
	.GridSmallRowStyle {font-size:8pt !important; background-color:#f0f0f0; height:16pt;}
	.GridSmallAltRowStyle {font-size:8pt !important; background-color:transparent; height:16pt;}
	.GridSmallFooterStyle {font-size:8pt !important; font-weight:bold; height:18pt;}
	.GridBorderBottomStyle {font-weight:bold; border-bottom: solid 1px #a2a2a2;}
	.LabelGrid {}
	.NumberTextBoxGrid {text-align: right;}
	
	/* DatePicker */
	.DatePickerContainer {display:inline; z-index:1000;}
	.DatePickerCalendarDateBox {font-weight:bold;}
	.DatePickerCalendarButton {}
	.DatePickerCalendar {position:absolute; z-index:999; background-color:#ffffff; border:solid 2px #666666;}
	.DatePickerCalendarTitleStyle {background-color:#cccccc; font-size:10pt; font-weight:bold;}
	.DatePickerCalendarTitleStyle a {text-decoration:none !important;}
	.DatePickerCalendarTitleStyle td {padding:0pt 4pt 0pt 4pt;}
	.DatePickerCalendarDayHeaderStyle {background-color:#cccccc; font-size:8pt; font-weight:bold;}
	.DatePickerCalendarDayStyle {padding:2pt 4pt 2pt 4pt;}
	.DatePickerCalendarDayStyle a {color:#000000; font-size:9pt; text-decoration:none !important;}
	.DatePickerCalendarOtherMonthDayStyle {padding:2pt 4pt 2pt 4pt;}
	.DatePickerCalendarOtherMonthDayStyle a {color:#aaaaaa !important; font-size:9pt; text-decoration:none !important;}
	.DatePickerCalendarTodayDayStyle a {color:#000000; background-color:#cccccc; font-size:9pt; text-decoration:none !important;}
	.DatePickerCalendarSelectedDayStyle a {color:#ffffff; background-color:#666666; font-size:9pt; font-weight:bold;  text-decoration:none !important;}
	
	/* Special components */
	div.Header {position:absolute; top:0px; left:0px; width:100%; margin:0px; padding:0px; height:100px; background-color:#232729;}
	div.HeaderMenu {position:absolute; right:0px; padding: 10px 10px 0px 0px; font-size:8pt !important; font-weight:bold !important; color:#a2a2a2; text-align:right;}
	div.HeaderLeftArea {position:absolute; left:0px; width:300px; height:100px; margin:0px; padding:0px;}
	div.HeaderLeftArea img {padding: 20px 0px 0px 20px;}
	div.HeaderCenterArea {width:auto; height:83px; margin:0px 460px 0px 460px; padding:38px 0px 0px 10px; text-align: center;}
	div.HeaderRightArea {position:absolute; right:0px; width:280px; height:60px; margin-top:40px; padding-right:0px;}
	div.HeaderRightArea img {float: right;}
	/* Main content for all browsers */
	div.MainContent {position:absolute; top:136px; bottom:43px; left:0px; right:0px; padding:0px 40px 0px 40px; margin:20px 0px 10px 0px; overflow:auto;}
	div.SubContent {position:absolute; top:167px; bottom:43px; left:0px; right:0px; padding:0px 40px 0px 40px; margin:20px 0px 10px 0px; overflow:auto;}
	/* Additional main content for IE6 */
	* html div.MainContent {padding-bottom:10px; height:1%;}
	* html div.SubContent {padding-bottom:10px; height:1%;}
	/* Additional main content for IE7 */
	*+html div.MainContent {bottom:auto; left:auto; right:auto; padding-bottom:10px;}
	*+html div.SubContent {bottom:auto; left:auto; right:auto; padding-bottom:10px;}
	div.AddImage {position:fixed; bottom:0px; left:0px; width: 100%; height: 22px; padding-top: 10px; padding-left: 23px; z-index:0; background-color:#232729;}

	.TitleImageWeb {padding: 20px 0px 0px 0px;}
	.TitleImagePrint {display: none;}
	.FloatPanel {float:left; text-align:center; width:49%;}   /* Used within ReturnDocuments: 2 areas beside each other */
	.SameLine {float:left;}   /* IE6, FF: Show text an navigation buttons on the same line */
	.Separator {clear:both; height:14pt;}
	.LanguageDropDown {font-size:8pt; font-weight:normal; color:#009de2; border:none 0px transparent; background-color:#232729; }
	.LanguageDropDown option {font-size:8pt; font-weight:normal; color:#009de2; background-color: #232729;}
	.SearchBox {width: 80px; padding-top:0px; padding-bottom:0px; font-family: MazdaType,Arial; font-size: 8pt; font-weight:normal; color:#009de2; background-color: #232729; border:solid 1px #009de2;}
	.HeaderLabel {font-family: MazdaType,Arial; font-size: 8pt; font-weight:bold; color:#a2a2a2}
	.SmallFont {font-size:8pt; font-weight:normal;}
	.SmallBoldFont {font-size:8pt; font-weight: bold;}
	.SmallFontRight {font-size:8pt; font-weight:normal; text-align:right;}
	.SmallBoldFontRight {font-size:8pt; font-weight: bold; text-align:right;}
	.SmallFontCenter {font-size:8pt; font-weight:normal; text-align:center;}
	.SmallBoldFontCenter {font-size:8pt; font-weight: bold; text-align:center;}
	.SmallReadOnly {font-size:8pt; text-align: center; border:solid 1px #666666;}
	.SmallNameTextBox {font-family:Courier New, Courier, Monospace; font-size:10pt; text-align: left;}
	.SmallDropDown {font-size:8pt;}
	.SmallDropDown option {font-size:8pt;}
	.MultibrandStandardCell {background-color:#d0d0d0;}
	.MultibrandErrorCell {background-color:#ff8080;}
	.ShoppingValue {position:absolute; top:85px; right:280px; font-size:8pt; font-weight:bold; color:#606060;}
	.ShoppingValueInline {color:#ffff00;}
	.ProductList {border-bottom: solid 1px #a2a2a2; border-left:none 0px transparent; border-right:none 0px transparent;}
	.ProductListMultiple {border: solid 1px #a2a2a2;}
	.InfoTable {font-weight:bold; border-bottom:solid 1px #a2a2a2; border-top:solid 1px #a2a2a2; padding:2pt;}

	#LoginArea {margin: auto;}
	.LoginControl{margin: auto;}
	.LoginTitleLabel {font-size: 14pt; color:#144068;}
	.LoginLabelContainer {text-align:left; vertical-align: middle;}
	.LoginLabel {font-size:12pt; vertical-align: middle;}
	.LoginLabel a {font-size:12pt;}
	.LoginErrorText {font-size:12pt; color:#b00000; vertical-align: middle;}
	.LoginTextBox {border:solid 1px #666666; background-color: #ffffff; font-size:12pt; width:200pt; margin:0px;}
	.LoginDropDown {border:solid 1px #666666; background-color: #ffffff; font-size:12pt; width:202pt; margin:0px;}
	.LoginDropDown option {font-size:12pt;}
	.LoginButton {color:#ffffff; border: solid 1px #007db4; background-color:#007db4; cursor: pointer; font-size: 12pt; font-weight:bold; height: 18pt; padding:0pt 8pt 0pt 8pt; width:auto; overflow:visible;}
	.LoginButton:hover {border: solid 1px #005378; background-color:#005378;}
}

@media print 
{
	/* Standard elements */
	* {font-family: times new roman,times,serif; color:#000000;}
	body {margin: 0px; padding: 0px;}
	input, textarea, select {font-size:9pt; font-weight:bold; border:solid 1px #666666;}
	ul {margin-left:6pt; padding-left:6pt; list-style-type:square;}
	a:link, a:visited, a:active{text-decoration:none;}
	
	/* Common elements */
	.StandardContentTitle {display:block; font-size:12pt; font-weight:bold;}
	.LargeTitle {display:block; font-weight:bold; font-size:14pt;}
	.NoBreakTitle {font-size: 10pt; font-weight:bold;}
	.StandardContentText {font-size: 10pt; display:block;}
	.StandardContentBoldText {display:block; font-size: 10pt; font-weight:bold;}
	.NoBreakStandardContentBoldText {font-size: 10pt; font-weight:bold;}
	.StandardButton {display:none;}
	.StandardButtonRed {display:none;}
	.StandardButtonGreen {display:none;}
	.NavigationButton {display:none;}

	/* Menu */
	.MainMenu {display:none;}
	.SubMenu {display:none;}
	
	/* Grid */
	.GridStandardStyle {border-bottom: solid 1px #000000;}
	.GridHeaderStyle {font-size:8pt !important; font-weight:bold; text-align: left; height:12pt;}
	.GridHeaderStyle th {border-top: solid 1px #000000; border-bottom: solid 2px #000000;}
	.GridRowStyle {font-size:8pt !important; height:14pt;}
	.GridRowStyle td {border-bottom: solid 1px #aaaaaa;}
	.GridAltRowStyle {font-size:8pt !important; height:14pt;}
	.GridAltRowStyle td {border-bottom: solid 1px #aaaaaa;}
	.GridFooterStyle {font-size:8pt !important; font-weight:bold; height:12pt;}
	.GridFooterStyle td {border-top: solid 2px #000000; border-bottom: solid 2px #000000;}
	.GridSmallHeaderStyle {font-size:8pt !important; font-weight:bold; text-align: left; height:14pt;}
	.GridSmallHeaderStyle th {border-top: solid 1px #000000; border-bottom: solid 2px #000000;}
	.GridSmallRowStyle {font-size:8pt !important; background-color:#f5f5f5; height:12pt;}
	.GridSmallAltRowStyle {font-size:8pt !important; background-color:transparent; height:12pt;}
	.GridSmallFooterStyle {font-size:8pt !important; font-weight:bold; height:14pt; border-bottom: solid 1px #000000;}

	/* DatePicker */
	.DatePickerContainer {display:inline;}
	.DatePickerCalendarDateBox {font-size:9pt; font-weight:bold; border:solid 1px #666666;}
	.DatePickerCalendarButton {display:none;}
	.DatePickerCalendar {display:none;}
	
	/* Special components */
	div.Header {margin:0px; padding:0px; border-bottom: solid 1px #000000; height:60px; border-bottom: solid 5px #144068;}
	div.HeaderMenu {display:none;}
	div.HeaderLeftArea {position:absolute; left:0px; width:70px; height:80px; margin:0px; padding:0px;}
	div.HeaderLeftArea img {height:55%;}
	div.HeaderCenterArea {width:auto; margin:0px 280px 0px 70px; padding:18px 0px 0px 10px; text-align:left;}
	div.HeaderCenterArea img {height:20px;}
	div.HeaderRightArea {position:absolute; right:0px; width:280px; height:60px; margin-top:14.5px; padding:0px; text-align:right;}
	#ctl00_HeaderRightPicture {width:150px; height:50px;}
	div.Footer {display:none;}
	div.MainContent, div.SubContent {position:absolute; top:90px; left:0px; right:0px; padding:0px; margin:0px;}
	div.AddImage img {display:none;}

	.TitleImageWeb {display: none;}
	.Separator {clear:both; height:12pt;}
	.LanguageDropDown {display:none;}
	.ShoppingValue {display:none;}
	.SmallFont {font-size:8pt; font-weight:normal;}
	.SmallBoldFont {font-size:8pt; font-weight:bold;}
	.SmallFontRight {font-size:8pt; font-weight:normal; text-align:right;}
	.SmallBoldFontRight {font-size:8pt; font-weight:bold; text-align:right;}
	.SmallFontCenter {font-size:8pt; font-weight:normal; text-align:center;}
	.SmallBoldFontCenter {font-size:8pt; font-weight: bold; text-align:center;}
	.SmallReadOnly {font-size:8pt; text-align: center; border:solid 1px #666666;}
	.SmallNameTextBox {font-family:Courier New, Courier, Monospace; font-size:10pt; text-align: left;}
	.SmallDropDown {font-size:8pt;}
	.SmallDropDown option {font-size:8pt;}
	.ProductList {border-bottom: solid 1px #000000; border-left:solid 0px transparent; border-right:solid 0px transparent;}
	.ProductListMultiple {border: solid 1px #000000;}
}