/*html, body {
    display: block;
    margin: 0;
    height: 100%;
    font-family: verdana, helvetica, sans-serif;
    font-size: 10px;
    line-height:14px;
    /*first line in the IE5 Win Centering Hack
    color: #666666;
    background: url(/assets/img/dealer-header-bg.jpg) repeat-x;
    background-color: #f2f2f2;
}*/
a.smallwhite:link,a.smallwhite:active {color: #666666; text-decoration: none;}
a.smallwhite:visited {color:#333333; text-decoration: none;}	
a.smallwhite:hover {color: #333333; border-bottom: 1px solid #333333;}  
img { border: none; }

a:visited { color: #666666; }
a { color: #666666; }
a:hover { color: #333333; }

.hidden {
    visibility: hidden;
    position:absolute;
    top: -10;
}
.contentTable {
	border-color:#bbbbbb; 
	/*border-collapse:collapse;*/
	border-width:1px;
	border-style:Solid;
	width: 900px; 
	height:100%; 
}
.loginTable {
	border-color:#bbbbbb; 
	/*border-collapse:collapse;*/
	border-width:1px;
	border-style:Solid;
	width: 350px; 
	height:200px; 
}
.validPromoTable {
	border-color:#003300; 
	border-collapse:collapse;
	border-width:1px;
	border-style:Solid;
}
.invalidPromoTable {
	border-color:#660000;
	border-collapse:collapse;
	border-width:1px;
	border-style:Solid;
}
gryTable {
	background-color: #EEE;
	border-color:#666666; 
	border-collapse:collapse;
	border-width:1px;
	border-style:Solid;
}
.menuTable {
	background-color: #000000;
	border-color:#000000; 
	border-collapse:collapse;
	border-width:1px;
	border-style:Solid;
}
.blankTable {
	border: none;	
}
td {font-family: verdana, helvetica, sans-serif; font-size: 12px;}

.attrName{ font-weight:normal;}
.attrValue{ font-weight:bold; font-size:12px;}

.btnSave {background-color:#006600; color:#FFFFFF; font-weight:bold;}
.btnCancel {background-color:#F00; color:#FFFFFF; font-weight:bold;}


.mar10{font-family: Verdana,Arial,Helvetica,sans-serif;font-size: 10px;color: #666666;}
.mar10b{font-family: Verdana,Arial,Helvetica,sans-serif;font-size: 10px;color: #666666; font-weight: bold;}
.mar12{font-family: Verdana,Arial,Helvetica,sans-serif;font-size: 12px;color: #666666;}
.mar12b{font-family: Verdana,Arial,Helvetica,sans-serif;font-size: 12px;color: #666666; font-weight: bold;}
.mar14{font-family: Verdana,Arial,Helvetica,sans-serif;font-size: 14px;color: #666666;}
.mar14b{font-family: Verdana,Arial,Helvetica,sans-serif;font-size: 14px;color: #666666; font-weight: bold;}

.Required {
	color: #ff0000;
}
.RequiredInput {
    color: Red;
}
.RequiredInput INPUT.TEXT{
    font-size:9pt;
    font-weight:bold;
    background-color:#336699;
    border-color:#336699;
}
.ListItem {
	font-size:10px;
}
.titleRow {
	background-color: #EEE;
	border-color:#666666; 
	border-collapse:collapse;
	border-width:1px;
	border-style:Solid;
}
.TabActive {
	text-align:center;
	background: url(/assets/en-us/img_old/tab_active.gif) top right no-repeat;
	height: 20px;
	width:127;
	padding: 5px 5px 5px 5px;
}
.TabInactive {
	text-align:center;
	background: url(/assets/en-us/img_old/tab_inactive.gif) top right no-repeat;
	height: 20px;
	width:127;
	padding: 5px 5px 5px 5px;
}
.modalBackground {
	background-color:Gray;
}
.modalPopup {
	background: url(/assets/en-us/img_old/modalBG.gif) repeat-x;
	background-color: #ffffff;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	width:250px;
}
.ImgPickerScrollDiv {
    width:300px;
    height:400px;
    background-color:#ffffff;
    border: solid 1px #c9c9c9;
    overflow:auto;
}
 .ImgPickerScrollDiv2 {
    width:300px;
    height:400px;
    background-color:#ebebeb;
    border: solid 1px #c9c9c9;
    overflow:auto;
}
.ImgageScrollDiv {
    width:450px;
    height:500px;
    background-color:#ebebeb;
    border: solid 1px #c9c9c9;
    overflow:auto;
}
.imageUploadDiv {
	background: url(/assets/en-us/img_old/modalBG.gif) repeat-x;
	background-color: #ffffff;
	border-width:1px;
	border-style:solid;
	border-color:Gray;
	width:250px;
}
.ecomReportDatesDiv {
	background: url(/assets/en-us/img_old/modalBG.gif) repeat-x;
	background-color: #ffffff;
	border-width:1px;
	border-style:solid;
	border-color:Gray;
	width:350px;
}
.passwordRecoveryDiv {
	/*background: url(/assets/en-us/img_old/modalBG.gif) repeat-x;*/
	background-color: #ffffff;
	border-width:1px;
	border-style:solid;
	border-color:#c7c7c7;
	width:400px;
	height: 165px;
}
.login {
    height: 23px;
    padding: 0px 0px 0px 5px;
}
.login-space {
    padding: 15px;
}
.login-controls {
    padding: 5px;
}
.homeLayoutDiv {
	background: url(/assets/en-us/img_old/modalBG.gif) repeat-x;
	background-color: #ffffff;
	border-width:1px;
	border-style:solid;
	border-color:#c7c7c7;
	width:200px;	
}
.userEditDiv {
	background: url(/assets/en-us/img_old/modalBG.gif) repeat-x;
	background-color: #ffffff;
	border-width:1px;
	border-style:solid;
	border-color:#c7c7c7;
	width:350px;	
}
.accordionHeader {
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #2E4d7B;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}
#master_content .accordionHeader a {
	color: #FFFFFF;
	background: none;
	text-decoration: none;
}
#master_content .accordionHeader a:hover {
	background: none;
	text-decoration: underline;
}
.accordionHeaderSelected {
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #5078B3;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}
#master_content .accordionHeaderSelected a {
	color: #FFFFFF;
	background: none;
	text-decoration: none;
}
#master_content .accordionHeaderSelected a:hover {
	background: none;
	text-decoration: underline;
}
.accordionContent {
    background-color: #D3DEEF;
    border: 1px dashed #2F4F4F;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
}
.reportGridTotal {
    background-color: #D3DEEF;
    padding: 2px;
    padding-top: 10px;
}
.reportGridTitle {
    font-family: Verdana,Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
    background-color: #FFFFFF;
    padding: 2px;
    padding-top: 10px;
}
#navLeft {
	background: #f6f6f5 url(/assets/en-us/img_old/navLeftTop.jpg) no-repeat;
	padding-top: 30px;
	width: 153px;
	}	
#navLeft ul{
	margin: 0px 10px 0px 5px;
	padding: 0px;
	list-style: none;
	}
#navLeft li {
	display: block;
	border-bottom: solid #c9c9c9 1px;
	padding: 11px 0px 11px 5px;
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}
#navLeft a {
	color: #000000;
	font-size: 11px;
	text-decoration: none;
}
#navLeft a:hover {
    color: #666666;
    text-decoration: underline;
}
#navLeft .noBorder {
	border-bottom: none;
}
.pageTitleDiv {
	padding: 4px 0px 4px 8px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #494848;
	font-size: 12px;
	font-weight: bold;
	border-bottom: solid 1px #bbbbbb;
}
.leftColumn {
    width: 170px;
    border: solid 1px lightgrey;
    padding: 0px 10px 4px 4px;
    vertical-align: top;
} 
.headerDiv {
    height: 70px;
    padding: 0px 0px 0px 0px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #ffffff;  
    line-height:19px;
}
.headerDiv a {
    color: #ffffff; 
    text-decoration: none;  
}
.headerDiv a:hover {
    color: #faeef5;  
    text-decoration:underline;  
}   	        
.logoDiv {
    padding: 10px 10px 10px 0px;
}
.TermsDiv {
    Width:380px;
    margin-top: 10px;
    padding: 10px 10px 10px 10px;
    text-align:left;
    border-width:1px;
	border-style:solid;
	border-color:#c7c7c7;
}
.FlexTableDiv {
    background: url(/assets/en-us/img_old/modalBG.gif) repeat-x;
    background-color: #ffffff;
    border-width:1px;
    border-style:solid;
    border-color:#c7c7c7;	
}
.ToolbarDiv {
    height:28px;
    background: url(/assets/en-us/img_old/toolboxbg.gif) repeat-x;
	background-color: #ffffff;
	border: solid 1px #c7c7c7;
	line-height:16px;
	padding: 4px 5px 2px 10px;	
}
.ToolbarDiv a{
    color: #000000;
    text-decoration:none;	
}
.ToolbarDiv a:hover, a:active {
    color: #330000;
    text-decoration:underline;	
}
.controlHide {
	display:none;
}
.GeneralContent {
    width:600px;
    position:relative;
    padding: 20px 20px 20px 20px;
}
.documents {
    position:relative;
    padding: 5px  0px 12px  5px;
}
 .documents h2 {  
    font-family: verdana, helvetica, sans-serif;
	font-size: 16px;
	line-height:22px;
	font-weight:bold;
}
.documents h3 {
    font-family: verdana, helvetica, sans-serif;
	font-size: 12px;
	line-height:19px;
	font-weight:bold;
	padding-left:10px;
}
.documents  a {
    color: black;
	text-decoration: none;
}
.documents  a:hover {
    color: #666666;
	text-decoration: underline;
}
.folder {
	background: url("/assets/img/icons/folder.gif") 0 0 no-repeat;
    background-position: 5px 2px;
    padding: 2px  5px 2px 35px;
   /* border: solid 1px yellow;  */
}
.folder a {   
    font-size: 10px;
	line-height:16px;
	color:#000000;
	text-decoration:none;
} 
.pdf {
	background: url("/assets/img/icons/pdf.gif") 0 0 no-repeat;
    background-position: 5px 2px;
    padding: 2px  5px 2px 35px;
   /* border: solid 1px yellow;  */
}
.pdf a {   
    font-size: 10px;
	line-height:16px;
	color:#000000;
	text-decoration:none;
}    
.doc {
	background: url("/assets/img/icons/word.gif") 0 0 no-repeat;
    background-position: 5px 2px;
    padding: 2px  5px 2px 35px;
    /*  border: solid 1px yellow;*/
}
.doc a {   
    font-size: 10px;
	line-height:16px;
	color:#000000;
	text-decoration:none;
}  
/*.html {
	background: url("/assets/img/icons/ie.gif") 0 0 no-repeat;
    background-position: 5px 2px;
    padding: 2px  5px 2px 35px;
      border: solid 1px yellow;
}*/
.html a {
    font-size: 10px;
	line-height:16px;
	color:#000000;
	text-decoration:none;
}
.xls {
	background: url("/assets/img/icons/excel.gif") 0 0 no-repeat;
    background-position: 5px 2px;
    padding: 2px  5px 2px 35px;
   /*  border: solid 1px yellow;*/
}
.xls a {   
    font-size: 10px;
	line-height:16px;
	color:#000000;
	text-decoration:none;
}  
.gif {
	background: url("/assets/img/icons/image.gif") 0 0 no-repeat;
    background-position: 5px 2px;
    padding: 2px  5px 2px 35px;
   /*  border: solid 1px yellow;*/
}
.gif a {   
    font-size: 10px;
	line-height:16px;
	color:#000000;
	text-decoration:none;
}  
.jpg {
	background: url("/assets/img/icons/image.gif") 0 0 no-repeat;
    background-position: 5px 2px;
    padding: 2px  5px 2px 35px;
   /*  border: solid 1px yellow;*/
}
.jpg a {   
    font-size: 10px;
	line-height:16px;
	color:#000000;
	text-decoration:none;
}
.ppt {
	background: url("/assets/img/icons/powerpoint.gif") 0 0 no-repeat;
    background-position: 5px 2px;
    padding: 2px  5px 2px 35px;
   /*  border: solid 1px yellow;*/
}
.ppt a {   
    font-size: 10px;
	line-height:16px;
	color:#000000;
	text-decoration:none;
} 
.validationTextDiv {
    float:left;
    position:relative;
    width:75px;
    height:16px;
    padding: 2px 2px 2px 5px;
}
.goodAddress {
	background: url("/assets/img/glass-button-green.gif") 0 0 no-repeat;
	width:207px;
	height:32px; 
	padding: 8px 2px 2px 15px;
	color:#ffffff;
}
.badAddress {
	background: url("/assets/img/glass-button-red.gif") 0 0 no-repeat;
    width:207px;
	height:32px; 
	padding: 8px  2px 2px 15px;
	color:#ffffff;
  }
 .QuickLink {
    font-family: verdana, helvetica, sans-serif;
	font-size: 14px;
	line-height:20px;
	font-weight:bold;
    text-decoration: none;
}
.QuickLink a {
    text-decoration: none;
}
.QuickLink a:hover {
    text-decoration: none;
}
.footer {
    display: block;  
    position: fixed;
    width: 100%;
    height: 40px;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0;
    color: #ffffff;
    background: url(/assets/img/dealer-footer-bg.jpg) repeat-x;
}
.footertxt {
  clear: both;
  padding: 12px 5px 5px 10px;
}
.footertxt a {
  text-decoration: underline;
  color: #ffffff;
}
.footertxt a:hover {
  text-decoration: underline;
  color: #666666;
}
.footertxt .right  {
  display: block;
  float: right; 
  text-align: right;
  padding: 0px 10px 0px 0px;
}
/* For Order Form  */
#wrapper{float:left;width:385px}

#addparts{margin-left:390px}
#addparts p{line-height:1.4}

#adddetails{float:left;width:400px;margin-left:400px}
#adddetails{background:#B9CAFF}

/* For Contact Us Form */

#form-holder {
    width:550px;
    margin:0 auto;
}

#form-holder h4 {
    font-size: 15px;
    padding: 0px 0px 0px 0px;
}

#form-button {
    float: left;
    width:550px;
    margin:0 auto;
    padding: 20px 0px 0px 0px;
}

#form-subject {
    float: left;
    width: 550px;
    margin:0 auto;
    padding: 0px 0px 0px 0px;
}

#form-desc {
    float: left;
    width: 550px;
    margin:0 auto;
    padding: 0px 0px 0px 0px;
}

#form-left {
    float:left;
    width:250px;
    height:75px;
    padding:2px;
}

#form-right {
    float:right;
    width:250px;
    height:75px;
    padding:2px;
}

#form-center {
    float:left;
    width:350px;
    padding:2px;
}

.admin-header-text {
     color: #2f2f2f;
     font-size: 12px;
     font-weight: bold;
     padding: 0px 2px 0px 0px;
}

#schematic-left {
    float: left;
    width: 520px;
}

#schematic-right {
    float: right;
    width: 500px;
   
}

/* DataGrid Style */

.bannercell {
    background: url("/assets/en-us/images/banner_bg.gif") repeat scroll 0 0 #999999;
    border: 0px solid #CCCCCC;
    color: #000;
    font-size: 12px;
    margin: 0.5em auto;
    position: relative;
    width: auto;
    height: 20px;
    font-family: Arial;
    border-bottom: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    border-left: 1px solid #CCCCCC;
    margin: 0px;
	padding: 0px;
}

.Grid {
	border: solid 1px Silver;
}

.GridHeaderLow {
	border: solid 1px #ccc;
	margin: 0px 0px 0px 0px;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	padding: 0px 0px 0px 0px;
	text-align: left;
	background-color: #f4f4f4;
}

.GridHeaderModel {
	font-family: Arial;
	font-size: 11px;
}

.Grid td {
	border: solid 0px #ccc;
	margin: 0px 0px 0px 0px;
	font-family: Arial;
	font-size: 12px;
	padding: 4px 0px 4px 0px;
	text-align: left;
}

.Grid-Order {
	border: solid 1px Silver;
}

.Grid-Order td {
	border: solid 0px #FFFFFF;
	margin: 0px 0px 0px 0px;
	font-family: Arial;
	font-size: 12px;
	padding: 2px 0px 2px 0px;
	text-align: left;
}

.Grid-Order-footer td {
	border-top: solid 1px #ccc;
	margin: 0px 0px 0px 0px;
	font-family: Arial;
	font-size: 12px;
	padding: 0px 12px 0px 0px;
	text-align: right;
}

.GridMainHeader {
	font-weight: bold;
	font-size: 12px;
	text-align: left;
	/*height: 20px;
	padding: 4px;*/
}

.GridHeader {
	font-weight: bold;
	background-color: #f4f4f4;
	height: 20px;
}

.GridHeader a {
	text-decoration: none;
	color: #fff;
	padding: 0px 15px 0px 15px;
}

.GridHeader a:hover {
	text-decoration: underline;
	background: Tan url(images/spin.gif) no-repeat 0 100%;
}

.GridItem, .GridAltItem {
	font-size: smaller;
}

.GridItem {
	background-color: #ffffff;
}

.GridAltItem {
	background-color: #f4f4f4;
}

.GridPager {
	font-size: small;
	background-color: #fff;
}

.GridHeader-Right {
    padding-right: 10px;
    text-align: right;
}

.Grid-Right {
    text-align: right;
}

.GridHeader-Left {
    text-align: Left;
}

.GridHeader-Notes {
    border: solid 1px #ccc;
    padding: 4px 4px 4px 4px;
    margin: 0px 0px 10px 0px;
}

.subtwo {
    color: #000;
    font-weight: normal;
}

/* Order history table */
#history-holder {
    margin: 0 auto;
    width: 750px;
}

hr { background-color: #222; height: 1px; border: 0; }

table#tblOrders, table#tblOrderDetail {
    color: #333;
    font-family: Helvetica, Arial, sans-serif;
    width: 100%;
    border-collapse: collapse; 
    border-spacing: 0;
}
table#tblOrders td, 
table#tblOrders th {
    border: 1px solid transparent; /* No more visible border */
    height: 30px;
    transition: all 0.3s;  /* Simple transition for hover effect */
}

table#tblOrderDetail td,
table#tblOrderDetail th {
    border: 1px solid #ccc; /* No more visible border */
    height: 30px;
    transition: all 0.3s;  /* Simple transition for hover effect */
}

table#tblOrders th { background: #EAEAEA; font-weight: bold; text-align: center;}
table#tblOrderDetail th { background: #EAEAEA; font-weight: bold; text-align: left; padding: 0 4px; width: 15%;}

table#tblOrders td { background: #FAFAFA; text-align: center;}
table#tblOrderDetail td { background: #FAFAFA; text-align: left; padding: 0 5px;}
/* Cells in even rows (2,4,6...) */
table#tblOrders tr:nth-child(even) td { background: #fff; }  
/* Cells in odd rows (1,3,5...) are another (excludes header cells)  */
table#tblOrders tr:nth-child(odd) td  { background: #f4f4f4; } 
/*table#tblOrders tr td:hover { background: #666; color: #FFF; }  Hover cell effect! */

.btm-history-nav { padding: 10px 0 10px; }