BODY
{
    FONT-FAMILY: Tahoma;
	font-size:11px;
}
.SpotlightImage
{
	border-width: 1px;
	border-color: Black;
}
/* Modal Window */
/**
 * POPUP CONTAINER STYLES
 */
#popupMask {
	position: absolute;
	z-index: 200;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	opacity: .4;
	filter: alpha(opacity=40);
	/* this hack is so it works in IE
	 * I find setting the color in the css gives me more flexibility 
	 * than the PNG solution.
	 */
	background-color:transparent !important;
	background-color: #333333;
	/* this hack is for opera support
	 * you can uncomment the background-image if you don't care about opera.
	 * this gives you the flexibility to use any bg color that you want, instead of the png
	 */
	background-image: url("../images/maskBG.png") !important; 
	background-image:none;
	background-repeat: repeat;
	display:none;
}
#popupContainer {
	position: absolute;
	z-index: 201;
	top: 0px;
	left: 0px;
	display:none;
	padding: 0px;
}
#popupInner {
	border: 2px solid #bababa;
	background-color: #ffffff;
}

#popupFrame {
	margin: 0px;
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 202;
}
#popupTitleBar {
	background-color: #bababa;
	color: #000000;
	font-weight: bold;
	font-size: 13px;
	height: 1.3em;
	padding: 5px;
	border-bottom: 2px solid #bababa;
	border-top: 1px solid #bababa;
	border-left: 1px solid #bababa;
	border-right: 1px solid #bababa;
	position: relative;
	z-index: 203;
}
#popupTitle {
	float:left;
	font-size: 1.1em;
}
#popupControls {
	float: right;
	cursor: pointer;
	cursor: hand;
}

/* Menu Buttons */
.animatedtabs{
overflow: hidden;
width: 100%;
font-size: 12px; /*font of menu text*/
}

.animatedtabs ul{
list-style-type: none;
margin: 0;
margin-left: 5px; /*offset of first tab relative to page left edge*/
padding: 0;
}

.animatedtabs li{
float: left;
margin: 0;
padding: 0;
}

.animatedtabs a{
float: left;
position: relative;
top: 3px; /* 1) Number of pixels to protrude up for selected tab. Should equal (3) MINUS (2) below */
background: url(../images/tab-blue-left.gif) no-repeat left top;
margin: 0;
margin-right: 2px; /*Spacing between each tab*/
padding: 0 0 0 9px;
text-decoration: none;
}

.animatedtabs a span{
float: left;
position: relative;
display: block;
background: url(../images/tab-blue-right.gif) no-repeat right top;
padding: 5px 14px 3px 5px; /* 2) Padding within each tab. The 3rd value, or 3px, should equal (1) MINUS (3) */
font-weight: bold;
font-size: 12px;
font-family: arial;
color: black;
text-decoration: none;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
.animatedtabs a span {float:none;}
/* End IE5-Mac hack */

.animatedtabs .selected a{
background-position: 0 -125px;
top: 0;
text-decoration: none;
}

.animatedtabs .selected a span{
background-position: 100% -125px;
color: black;
padding-bottom: 8px; /* 3) Bottom padding of selected tab. Should equal (1) PLUS (2) above */
top: 0;
text-decoration: none;
}

.animatedtabs a:hover{
background-position: 0% -125px;
top: 0;
text-decoration: none;
}

.animatedtabs a:hover span{
background-position: 100% -125px;
padding-bottom: 8px; /* 3) Bottom padding of selected tab. Should equal (1) PLUS (2) above */
top: 0;
text-decoration: none;
}

.required_marker {
	font-family: verdana;
	font-weight: bold;
	font-size: 1.2em;
	position: relative;
	color: red;
}

/* CSS for Image Slide Show */
#img_gallery{ margin:0px auto; width:640px; }
#img_gallery a{ outline:none; border:none; }
#img_gallery a img{border:none;}

/* --- IMAGE STAGE */
#fullimg{
	width:640px;
	overflow:hidden;
	height:480px;
}
#fullimg img{ width:640px; }
#fullimg p, #fullimg span{
	position:absolute;
	background:black;
	opacity:.5;
	color:white;
	margin:0px;
	width:640px;
	padding:6px;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

/* --- SLIDER --- */
#img_gallery #wrapper{
	overflow:hidden;
	padding:4px 2px;
	width: 604px;
	float:left;
	height:58px;
	background-color:#eeeeee;
	position: relative;

}

#items{
	margin:0px 0px;
	padding:0px;
	list-style:none;
	width:50000px;
	position: relative;
	letter-spacing:0em;
}
#items li{
	float:left;
	list-style:none;
	margin-right:2px;
}
#items .thumb{
	width:75px;
	height:50px;
	cursor:pointer;
	margin:0px;
	padding:0px;
}
#items .large{
	display:none;
	position:absolute;
}
#fullimg .loading{
	width: 24px;
	height: 24px;
}
#fullimg .thumb{display:none;}

#items .item  p, #items .item  span{
	display:none;
	text-indent: -2000em;
}
#moveleft, #moveright{
	margin:0px;
	height:58px;
	color: white;
	width: 16px;
	text-indent: -2000em;
	text-decoration: none;
	z-index: 1000; 
	display:block;
	cursor: pointer;
	float:left;
}
#moveleft{background: url('../images/left.jpg');}
#moveright{background: url('../images/right.jpg');}

.NormalText{
	font-family:Tahoma;
	font-size:13px;
}
A.HeaderReturnLink
{
	color: white;
    FONT-SIZE:13px;
    text-decoration:underlined;
    font-weight:bold;
}
A.HeaderReturnLink:hover
{
    COLOR: red;
    FONT-SIZE: 13px;
    text-decoration:underlined;
    font-weight:bold;
}
A.InvDetailsLink
{
	color: black;
    FONT-SIZE:13px;
    text-decoration:none;
    font-weight:bold;
}
A.InvDetailsLink:hover
{
    COLOR: red;
    FONT-SIZE: 13px;
    text-decoration:none;
    font-weight:bold;
}
A.RelatedLink
{
	color: black;
    FONT-SIZE:13px;
    text-decoration:underlined;
}
A.RelatedLink:hover
{
    COLOR: red;
    FONT-SIZE: 13px;
    text-decoration:underlined;
}
A.RelatedLinkSelected
{
    COLOR: red;
    FONT-SIZE: 13px;
    text-decoration:underlined;
}
A.SubNavLink
{
	color: black;
    FONT-SIZE:10px;
    text-decoration:none;
    font-weight:bold;
}
A.SubNavLink:hover
{
    COLOR: red;
    FONT-SIZE: 10px;
    text-decoration:none;
    font-weight:bold;
}
A.SubNavLinkSelected
{
    COLOR: red;
    FONT-SIZE: 10px;
    text-decoration:none;
    font-weight:bold;
}
A.NavLink
{
	color: black;
    FONT-SIZE:12px;
    text-decoration:none;
    font-weight:bold;
}
A.NavLink:hover
{
    COLOR: red;
    FONT-SIZE: 12px;
    text-decoration:none;
    font-weight:bold;
}
A.NavLinkSelected
{
    COLOR: red;
    FONT-SIZE: 12px;
    text-decoration:none;
    font-weight:bold;
}
A.NormalLink
{
	color: black;
    FONT-SIZE:13px;
    text-decoration:underlined;
}
A.NormalLink:hover
{
    COLOR: RED;
    FONT-SIZE: 13px;
    text-decoration:underlined;
}
INPUT {
	font-family : Tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-size : 12px;
}
SELECT {
	font-family : Tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-size : 12px;
}
TextArea
{
	font-family : Tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-size : 12px;
}

.RowOn{
	background : #000000;
}
.RowOff{
	background : #eeeeee;
}
.HeaderText
{
	color:white;
	font-weight:Bold;
	font-size:14px;
}
.FooterText
{
	color:black;
	font-size:9px;
}
A.InvLink
{
	color: white;
	text-decoration: underline;
	font-weight:bold;
    FONT-SIZE:12px;
}
A.InvLink:hover
{
    COLOR: RED;
    font-weight:bold;
    text-decoration: underline;
    FONT-SIZE: 12px;
}
A.InvLinkSub
{
	color: black;
	text-decoration: underline;
	font-weight:bold;
    FONT-SIZE:12px;
}
A.InvLinkSub:hover
{
    COLOR: RED;
    font-weight:bold;
    text-decoration: underline;
    FONT-SIZE: 12px;
}

.InvRowOn{
	background : #cdcdcd;
}

A.InventoryLink
{
	color: #000000;
	text-decoration: underline;
	font-weight:bold;
    FONT-SIZE:12px;
}
A.InventoryLink:hover
{
    COLOR: RED;
    font-weight:bold;
    text-decoration: underline;
    FONT-SIZE: 12px;
}
A.InventoryLink2
{
	color: #000000;
	text-decoration: underline;
	font-weight:bold;
    FONT-SIZE:12px;
}
A.InventoryLink2:hover
{
    COLOR: red;
    font-weight:bold;
    text-decoration: underline;
    FONT-SIZE: 12px;
}
.TruckTypeText{
	font-family:Tahoma;
	font-size:11px;
}


/*
Grid Styles
*/
.dxgvControl,
.dxgvDisabled
{
	border: Solid 1px #9F9F9F;
	font: 11px Tahoma;
	background-color: #F2F2F2;
	color: Black;
	cursor: default;
}
.dxgvDisabled 
{
	color: Gray;
}
.dxgvControl a 
{

}
.dxgvDisabled a
{
	color: Gray;
}
.dxdvLoadingPanel
{
	border: solid 1px #9F9F9F;
	background-color: white;
	font: 9pt Tahoma;
	color: #303030;
}
.dxgvLoadingPanel td
{
	white-space: nowrap;
	text-align: center;
	padding: 12px 12px 12px 12px;
}
.dxgvLoadingPanelStatusBar
{
	background-color: Transparent;
	font: 9pt Tahoma;
}
.dxgvLoadingPanelStatusBar td
{
	white-space: nowrap;
	text-align: center;
	padding: 0px 2px 0px 2px;
}
.dxgvFilterPopupWindow
{
	color: Black;
	font: 9pt Tahoma;
	border: solid 1px #9f9f9f;
}
.dxgvFilterPopupItemsArea
{
	color: Black;
	background-color: White;
	width:95%;
}
.dxgvFilterPopupButtonPanel
{
	font: 9pt Tahoma;
	background-color: #ededed;
	border: 1px solid #dcdcdc;
	color: Black;
}

.dxgvFilterPopupItem td.dxgv,
.dxgvFilterPopupActiveItem td.dxgv,
.dxgvFilterPopupSelectedItem td.dxgv
{
	border-left: solid 1px white;    
	border-right: solid 1px white;    
	padding: 3px 2px 4px 3px;
	cursor: default;
	white-space: nowrap;	
}
.dxgvFilterPopupActiveItem
{
	background: #cfcfcf;
	color: black;
}
.dxgvFilterPopupSelectedItem
{
	background: #000000;
	color: White;
}

.dxgvTable
{
	background-color: White;
	border: 0;
	border-collapse: separate!important;
	overflow: hidden;
	font: 9pt Tahoma;
	color: Black;
}
.dxgvInlineEditRow,
.EditRow
{
	color:Black;
}
.DetailRow
{
	color:Black;
}
.dxgvInlineEditRow td.dxgv
{
	border-bottom: Solid 1px #D3D3D3;
	border-right: Solid 1px #D3D3D3;
}
.dxgvDataRowAlt
{
	background-color: #EDEDEB;
}
.dxgvFilterRow 
{
	background-color: #E7E7E7;
}
.dxgvEditForm 
{
	background-color: #F0F0F0;
}
.dxgvEditForm td.dxgv
{
	border-bottom: Solid 1px #D3D3D3;
	padding: 8px 10px 10px 10px;
}
.dxgvSelectedRow
{
	background-color: #A0A0A0;
    color: White;
}
.dxgvFocusedRow
{
	background-color: #8D8D8D;
    color: White;
}
.dxgvSelectedRow .dxgvCommandColumn a, 
.dxgvFocusedRow .dxgvCommandColumn a
{
    color: White;
}
.dxgvSelectedRow .dxgvCommandColumn a:hover, 
.dxgvFocusedRow .dxgvCommandColumn a:hover
{
    color: #F0F0F0;
}
.dxgvSelectedRow .dxgvCommandColumn a:visited, 
.dxgvFocusedRow .dxgvCommandColumn a:visited
{
    color: #F0F0F0;
}

.dxgvPreviewRow
{
	background-color: #F5F5F5;
	color: #707070;
}
.dxgvDetailCell,
.dxgvPreviewRow td.dxgv,
.dxgvEmptyDataRow td.dxgv
{
	padding: 20px 2px 20px 4px;
	border-bottom: Solid 1px #D3D3D3;
	border-top: 0;
	border-left: 0;
	border-right: 0;
}
.dxgvPreviewRow td.dxgv
{
	padding: 10px 10px 10px 15px;
}
.dxgvDetailCell
{
	padding: 16px 18px 16px 0px;
}
.dxgvDetailRow td.dxgvIndentCell 
{
    padding-right: 0px;
    border-bottom: Solid 1px #D3D3D3;
}
.dxgvEmptyDataRow
{
	color: Gray;
}
.dxgvEmptyDataRow td.dxgv
{
    border-bottom: Solid 1px #CFCFCF;
	text-align: center;
}

.dxgvEditFormDisplayRow td.dxgv,
.dxgvDataRow td.dxgv,
.dxgvDataRowAlt td.dxgv,
.dxgvSelectedRow td.dxgv,
.dxgvFocusedRow td.dxgv
{
	overflow: hidden;
	border-bottom: Solid 1px #CFCFCF;
	border-right: Solid 1px #CFCFCF;
	border-top: 0;
	border-left: 0;
	padding: 3px 6px 4px 6px;
}
.dxgvEditFormDisplayRow
{
}
.dxgvEditFormDisplayRow td.dxgv 
{
}

.dxgvEditingErrorRow
{
	background-color: #FFC8C8;
	color: #FF0000;
}
.dxgvEditingErrorRow td.dxgv
{
	white-space: pre-wrap;
	border-bottom: Solid 1px #D3D3D3;
	border-right: 0;
	border-top: 0;
	border-left: 0;
	padding: 6px 10px 6px 10px;
}

.dxgvFilterRow td.dxgv
{
	border-bottom: Solid 1px #C1C1C1;
	border-right: Solid 1px #C1C1C1;
	border-top: 0;
	border-left: 0;
	padding: 2px 2px 2px 2px;
}
.dxgvGroupRow
{
	background-color: #EDEDED;
}
.dxgvFocusedGroupRow
{
	background-color: #8D8D8D;
    color: White;
}
.dxgvGroupRow td.dxgv,
.dxgvFocusedGroupRow td.dxgv
{
	border: none 0;
	vertical-align: middle;
	white-space: nowrap;
	border-bottom: Solid 1px #D3D3D3;
	padding: 3px 6px 4px 6px;
}

.dxgvHeaderPanel {
	background-color: #F9F9F9;
	color: Black;
	padding: 8px 6px 8px 6px;
	border-bottom: Solid 1px #9F9F9F;
}

.dxgvHeader {
	cursor: pointer;
	white-space: nowrap;
	padding: 4px 6px 5px 6px;
	border: Solid 1px #9F9F9F;
	background-color: #DCDCDC;
	overflow: hidden;
	-moz-user-select: none;
}
.dxgvHeader, .dxgvHeader table {
	color: Black;
	font: 9pt Tahoma;
}
.dxgvHeader td {
	white-space: nowrap;
}
.dxgvCustomization, 
.dxgvPopupEditForm
{
	width: 100%;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	overflow: auto;
}
.dxgvGroupPanel
{
	white-space: nowrap;
	font-size: 9pt;
	
	background-color: #EDEDED;
	color: #8D8D8D;
	border-bottom: Solid 1px #9F9F9F;
	padding: 7px 4px 8px 6px;
}
.dxgvFooter
{
	background-color: #D7D7D7;
	white-space: nowrap;
}
.dxgvFooter td.dxgv
{
	padding: 5px 6px 6px 6px;
	border-bottom: Solid 1px #BCBCBC;
	border-right: 0;
}
.dxgvGroupFooter
{
	background-color: #E0E0E0;
}
.dxgvGroupFooter td.dxgv 
{
	white-space: nowrap;
}
.dxgvGroupFooter td.dxgv 
{
    padding: 5px 4px 6px 6px;
    border-bottom: Solid 1px #CFCFCF;
    border-right: 0;
}
.dxgvDataRow td.dxgvIndentCell,
.dxgvGroupRow td.dxgvIndentCell,
.dxgvGroupFooter td.dxgvIndentCell
{
    background-color: #EDEDED;
	border-right: Solid 1px #CFCFCF;
	border-top: 0px;
}

.dxgvTitlePanel
{
    font-size: 15px;
	font-weight: normal;
	padding: 3px 3px 5px 3px;
	text-align: center;	
	background-color: #ACACAC;
	color: White;
	border-bottom: Solid 1px #9F9F9F;
}
.dxgvLoadingDiv
{
	background-color:Gray;	
	opacity: 0.01;
	filter:progid:DXImageTransform.Microsoft.Alpha(Style=0, Opacity=1);
}
.dxgvStatusBar 
{
	border-top: Solid 1px #9F9F9F;
}
.dxgvStatusBar tr.dxgv
{
	height: 20px;
}
.dxgvCommandColumn
{
	padding: 2px 2px 2px 2px;
}
.dxgvCommandColumn a
{
	margin: 0px 3px 0px 0px;
	color:  #0d45b7;
}
.dxgvCommandColumn a:hover
{
	color:  #5494ea;
}
.dxgvCommandColumn a:visited
{
	color:  #ab59a6;
}

.dxgvCommandColumnItem
{
}
.dxgvEditFormTable
{
	padding: 2px 6px 6px 4px;
	font: 11px Tahoma;
	color: Black;
}
.dxgvEditFormTable a
{
    color: #0d45b7;

}
.dxgvEditFormTable a:hover
{
    color: #5494ea;

}
.dxgvEditFormTable a:visited
{
    color: #ab59a6;
}

.dxgvEditFormCaption
{
	padding: 4px 4px 4px 10px; 
}

.dxgvInlineEditCell
{
	padding: 1px 1px 1px 1px; 
}

.dxgvEditFormCell
{
	padding: 4px 4px 4px 4px; 
	border: 0;
}
.dxgvControl .dxpControl, .dxgvDisabled .dxpControl
{
	padding-top: 4px;    
}
.dxgvDetailButton
{
}