/* _STYLESHT.CSS */

/* DEFAULT STYLESHEET GEARED FOR 800x600 */



/*  SOFTER LOOK CHANGES (default stylesheet main font was NOT made smaller):
- Changed body background colour from #FFFFFF to #FCFCFC
- Changed default body font colour from #000000 to #222222
- Changed link font color from #0000DF to #0000B9
- Changed alink font color from #0000FF to #0000AA (same as .CurrentPageLinkColour)
- Changed a:hover background colour from #FFFFAA to #F0F0FA
- Added to the strong style:   color: #3A3A3A !important;
- Changed classes for graphic title images to include transparency effects for softer look
 Note: Transparency levels different for DD versus VR
*/



/* START CLASSES FOR GRAPHIC TITLE IMAGES */

/* 	SOFTER and SMALLER look VERSION.  NOTE: SPECIALLY MODIFIED JUST FOR DDAG DEALERS (transparency effects added): */

/* A special custom colour version of the ddstag.gif has been created just for the
DDAG dealer sites. So with this cusom colour, no opacity is required.
.DealerNameTitleImage { filter:alpha(opacity=92); opacity: 0.92; -moz-opacity: 0.92; }
*/
.DealerNameTitleImage { filter:alpha(opacity=100); opacity: 1.0; -moz-opacity: 1.0; }

.PageNameTitleImage { filter:alpha(opacity=82); opacity: 0.82; -moz-opacity: 0.82; }
.PageHeaderGraphicImage { filter:alpha(opacity=93); opacity: 0.93; -moz-opacity: 0.93; }

/* A special custom colour version of the bluebardark.gif file has been created just for the
DDAG dealer sites. So with this custom colour, no opacity is required.
.HRTagImage { filter:alpha(opacity=92); opacity: .92; -moz-opacity: .92; }
*/
.HRTagImage { filter:alpha(opacity=100); opacity: 1.0; -moz-opacity: 1.0; }

/* Modified just for DDAG dealer sites:
.FormTitleImages { filter:alpha(opacity=88); opacity: 0.88; -moz-opacity: 0.88; }
*/
.FormTitleImages { filter:alpha(opacity=91); opacity: 0.91; -moz-opacity: 0.91; }

/* Modified just for DDAG dealer sites:
.ContactPageTitleImages { filter:alpha(opacity=92); opacity: .92; -moz-opacity: .92; }
*/
.ContactPageTitleImages { filter:alpha(opacity=95); opacity: .95; -moz-opacity: .95; }

/* Modified just for DDAG dealer sites:
.CourtesyBusTitleImages { filter:alpha(opacity=92); opacity: .92; -moz-opacity: .92; }
*/
.CourtesyBusTitleImages { filter:alpha(opacity=96); opacity: .96; -moz-opacity: .96; }

/* Modified just for DDAG dealer sites:
.DirectionsTitleImages { filter:alpha(opacity=94); opacity: .94; -moz-opacity: .94; }
*/
.DirectionsTitleImages { filter:alpha(opacity=96); opacity: .96; -moz-opacity: .96; }

.HoursOfOperationTitleImage { filter:alpha(opacity=82); opacity: 0.82; -moz-opacity: 0.82; }

/* Modified just for DDAG dealer sites:
.DeptHoursTitleImages { filter:alpha(opacity=90); opacity: 0.90; -moz-opacity: 0.90; }
*/
.DeptHoursTitleImages { filter:alpha(opacity=96); opacity: 0.96; -moz-opacity: 0.96; }

/* Modified just for DDAG dealer sites:
.UsedSearchPageTitleImages { filter:alpha(opacity=92); opacity: .92; -moz-opacity: .92; }
*/
.UsedSearchPageTitleImages { filter:alpha(opacity=93); opacity: .93; -moz-opacity: .93; }


/* REGULAR VERSION (with no transparency or other effects): */
/*
.DealerNameTitleImage { display: ; }
.PageNameTitleImage { display: ; }
.PageHeaderGraphicImage { display: ; }
.HRTagImage { display: ; }
.FormTitleImages { display: ; }
.ContactPageTitleImages { display: ; }
.CourtesyBusTitleImages { display: ; }
.DirectionsTitleImages { display: ; }
.HoursOfOperationTitleImage { display: ; }
.DeptHoursTitleImages { display: ; }
.UsedSearchPageTitleImages { display: ; }
*/

/* END CLASSES FOR GRAPHIC TITLE IMAGES */



/*  
     NOTE: The !important declaration is deliberately used after all color declarations
     to stop the Google Toolbar (and others) from changing the color of certain form fields.
*/



/* START STYLESHEET DECLARATIONS FOR THE SCROLL BARS */
 
/* Light Blue Scrollbars */

html {
scrollbar-face-color:#C9D8FC;
scrollbar-highlight-color:#B8CBF6;
scrollbar-3dlight-color:#FDFDFD;
scrollbar-darkshadow-color:#BDCBDA;
scrollbar-shadow-color:#F4F4FF;
scrollbar-arrow-color:#4D6185;
scrollbar-track-color:#F2F2F6;
}

/* Light Color Scrollbars */
/*
html { scrollbar-face-color: #CCCCDD;
scrollbar-arrow-color: #000066;
scrollbar-track-color: #BBBBCC;
scrollbar-shadow-color: #888888;
scrollbar-highlight-color: #FFFFFF;
scrollbar-3dlight-color: #DDDDDD;
scrollbar-darkshadow-Color: #000033;
}
*/

/* Dark Color Scrollbars */
/*
html { scrollbar-face-color: #B3BBC2;
scrollbar-arrow-color: #000000;
scrollbar-track-color: #989DA3;
scrollbar-shadow-color: #949BA2;
scrollbar-highlight-color: #FFFFFF;
scrollbar-3dlight-color: #DDDDDD;
scrollbar-darkshadow-Color: #000000;
}
*/

/* END STYLESHEET DECLARATIONS FOR THE SCROLL BARS */



/* START STANDARD STYLESHEET DECLARATIONS */

body { background-color: #FCFCFC !important; }
body, blockquote, table, tr, td, form, textarea, select, p, ul, ol, li, div, span { font: 11pt arial,helvetica,sans-serif; color: #222222 !important; }
input, option { font: 11pt arial,helvetica,sans-serif; } 
code { font: 11pt arial,helvetica,sans-serif; } 
a, td a { font: 11pt arial,helvetica,sans-serif; } 
big, blockquote big, td big, h1 big, h2 big, h3 big, form big, p big, li big, div big, span big, big a { font: 13pt arial,helvetica,sans-serif; }
big.plus1, blockquote big.plus1, div big.plus1, span big.plus1, td big.plus1, h1 big.plus1, h2 big.plus1, h3 big.plus1, form big.plus1, big.plus1 a { font: 13pt arial,helvetica,sans-serif; } /* same as plain big */
big.plus2, blockquote big.plus2, div big.plus2, span big.plus2, td big.plus2, h1 big.plus2, h2 big.plus2, h3 big.plus2, form big.plus2, big.plus2 a { font: 16pt arial,helvetica,sans-serif; }
big.plus3, blockquote big.plus3, div big.plus3, span big.plus3, td big.plus3, h1 big.plus3, h2 big.plus3, h3 big.plus3, form big.plus3, big.plus3 a { font: 22pt arial,helvetica,sans-serif; }
small, blockquote small, td small, form small, p small, li small, div small, span small, small a { font: 10pt arial,helvetica,sans-serif; }
small.minus1, blockquote small.minus1, td small.minus1, form small.minus1, div small.minus1, span small.minus1, small.minus1 a { font: 10pt arial,helvetica,sans-serif; } /* same as plain small */
small.minus2, blockquote small.minus2, td small.minus2, form small.minus2, div small.minus2, span small.minus2, small.minus2 a { font: 8pt arial,helvetica,sans-serif; } /* 7pnt fails on Netscape 4.x */
strong, td strong, blockquote strong, form strong, p strong, li strong, div strong, big strong, small strong, span strong { font-weight: bold; color: #3A3A3A !important; }
em, td em, blockquote em, form em, p em, li em, div em, big em, small em, span em { font-style: italic; }
blockquote, table, tr, td, form, div, img, td img, span { margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; }
a:link, a:visited, a:active, blockquote a:link, blockquote a:visited, blockquote a:active, td a:link, td a:visited, td a:active, form a:link, form a:visited, form a:active, p a:link, p a:visited, p a:active, ul a:link, ul a:visited, ul a:active, div a:link, div a:visited, div a:active, span a:link, span a:visited, span a:active { text-decoration: underline; }
a:link, a:visited, blockquote a:link, blockquote a:visited, td a:link, td 
a.OnBlackBackground, a:link.OnBlackBackground, 
a:visited, form a:link, form a:visited, p a:link, p a:visited, ul a:link, ul a:visited, div a:link, div a:visited, span a:link, span a:visited { color: #0000B9 !important; }
a:visited.OnBlackBackground, a:active.OnBlackBackground { font: 11pt arial,helvetica,sans-serif; color: #FFFFFF !important; }
a:hover { background-color: #F0F0FA !important; text-decoration: underline; }
a.OnBlackBackground:hover { font: 11pt arial,helvetica,sans-serif; color: #FFFFFF !important; background-color: #555555 !important; text-decoration: underline; }
a.NoHoverBackgroundColor { display: ; }
a.NoHoverBackgroundColor:hover {background-color: transparent !important; text-decoration: none;}
a:active, blockquote a:active, td a:active, form a:active, p a:active, ul a:active, div a:active, span a:active { color: #0000AA !important; }
ul { margin-top: 0; margin-bottom: 0; border-width: 0; }
/* AltDisplayMode is used for hiding preloaded alternate graphic images that are
 required for image transitions, etc.  Anything that should be preloaded but not
 immediately seen, should be contained within this class. */ 
.AltDisplayMode { display: none; }
/* BasicDisplayMode content replaces the noscript content that follows
 DynamicDisplayMode content. It is the unique version of the content that is
 specifically designed to be printed and is also the version of the content seen
 by non Version5Plus browsers.  This content must be contained within the
 BasicDisplayMode class.  The default value for display is deliberately left blank
 so that Netscape4 can properly print. This value will be dynamically replaced
 on Version5Plus browsers with JavaScript. */
.BasicDisplayMode { display: ; }
.BorderedImageOnWhiteBackground { border: 1px solid white; }
.Centered { text-align: center; }
.CurrentPageLinkColor { color: #0000AA !important; }
/* Note: it is NO accident that there is no value following the
display value below. This way, the default value for whatever the
current circumstance, is called. This is the only way that works
properly under ALL of the major browsers such as Netscape 4 and 
earlier Netscape 6 versions, with an XHTML DTD. The reason is works
is that having the display attribute seems to trigger whatever the
default value is in each particular browser which doesn't seem to 
otherwise be triggered. Also note that this style is modified by the
prebodydynchanges.js code as req'd depending on the browser version.*/
.CustomVerticalSpacing { margin: 0; border-width: 0; padding: 0; line-height: 0; display: ; }
.CustomVerticalSpacingForBlockOfText { margin: 0; border-width: 0; padding: 0; }
.DealerNameOnPageFooter { font: 13pt arial,helvetica,sans-serif; font-weight: bold; }
/* DynamicDisplayMode content is specifically used for all dynamic content that
 is dynamically written by JavaScript using the document.write command on 
 Version5Plus browsers. All such content must be contained within the 
 DynamicDisplayMode class. This content is not printed nor is it seen on
 non-Version5Plus browsers. It must be followed by content contained within
 the BasicDisplayMode class, which is the version that will be printed and seen
 by non-Version5Plus browsers. The default value for display is deliberately
 left blank so the default value applies. The display value will be dynamically
 replaced as required on Version5Plus browsers. */
.DynamicDisplayMode { display: ; }
.NoBreak { white-space: nowrap; }
.RegularFont { font: 11pt arial,helvetica,sans-serif; }
.RegularFontJustified { font: 11pt arial,helvetica,sans-serif; text-align: justify; }
.JustifyText { text-align: justify; }
.UnderlineText { text-decoration: underline; }

/* END STANDARD STYLESHEET DECLARATIONS */



/* START REQUEST FORM STYLESHEET DECLARATIONS */

/* The names include a number which refers to their widths that are based on 
a default resolution of 800x600 and a minimum table width of 480 (ignoring the
percentage padding for centering before and after the content).  These pixel and
percentage sizes are different for the stylesheets that are geared for the higher resolutions. 

Also do not use "2px" for the borders as it messes up Netscape 4. Use "2" instead. */

.TDLeftExpand6PercentWidth { width: 8%; }
.TDExpand200PixelWidth { width: 215px; }
.TDExpand30PixelWidth { width: 30px; }
.TDExpand230PixelWidth { width: 245px; }
.TDRightExpand6PercentWidth { width: 8%; }

/* The border-right-color and border-bottom-color on the various types of form input boxes
below are dynamically added in the prebodydynchanges.js code. */

input.inputtextbox155 { color: #000000 !important; background-color: #EBF0FF !important; font: 11pt arial,helvetica,sans-serif; color: #000000 !important; width: 170px; } /* Netscape 4 equivalent: size="12" */

input.inputtextbox200 { color: #000000 !important; background-color: #EBF0FF !important; font: 11pt arial,helvetica,sans-serif; color: #000000 !important; width: 215px; } /* Netscape 4 equivalent: size="15" */

input.inputtextbox230 { color: #000000 !important; background-color: #EBF0FF !important; font: 11pt arial,helvetica,sans-serif; color: #000000 !important; width: 245px; } /* Netscape 4 equivalent: size="18" */

select.selectdropbox155 { color: #000000 !important; background-color: #EBF0FF !important; font: 11pt arial,helvetica,sans-serif; color: #000000 !important; width: 172px; } /* Netscape 4 equivalent is determined by option text length.
Dropboxes are 2 pixels wider than input text boxes to keep them looking even. */

select.selectdropbox200 { color: #000000 !important; background-color: #EBF0FF !important; font: 11pt arial,helvetica,sans-serif; color: #000000 !important; width: 217px; } /* Netscape 4 equivalent is determined by option text length.
Dropboxes are 2 pixels wider than input text boxes to keep them looking even. */

.SelectDropBoxBorderEffectForWindowsXPOrVista { display: ; } /* Default value to do nothing. 
Under Windows XP or Vista this value is reassigned to duplicate the select box border effect
that is usually inactive under XP or Vista. This class value is assigned to a span tag which
contains each of the forms select drop boxes. */

textarea.textareabox230 { color: #000000 !important; background-color: #EBF0FF !important; font: 11pt arial,helvetica,sans-serif; color: #000000 !important; width: 245px; } /* Netscape 4 equivalent: cols="19" */

/* END REQUEST FORM STYLESHEET DECLARATIONS */



/* START THREE DIMENSIONAL TABLE STYLESHEET DECLARATIONS */

/* Note that all of the border colors for the three dimensional table styles
below are dynamically assigned in the prebodydynchanges.js code for IE5+
browsers running under Windows. This is done to keep the look consistent between 
Windows 98, XP and Vista, as Windows XP and Windows Vista has a washed out default look. */

table.ThreeDimensionalTableOutsideBorder { border-color: #D0D0D0 !important; border-width: 3px; border-style: solid; }

td.ThreeDimensionalTableTDHeaderRow { background-color: #EBF0FF !important; } /* This color is also 
manually specified for older browsers as the td bgcolor on the calling page. */

td.ThreeDimensionalTableTDContentCells { background-color: #FFFFFF !important; }

/* END THREE DIMENSIONAL TABLE STYLESHEET DECLARATIONS */



/* START PRINT STYLESHEET DECLARATIONS */

/*
STYLE CHANGES FOR THE PRINTER ONLY: 
The class .DontPrintThis and other style changes specifically designed for when the 
page is being printed out are dynamically written in the prebodydynchanges.js code. That
avoids problems with older browsers that don't properly recognize the @media print code and
activate the style changes for everything and not just the printer as desired. Dynamically writing
it only for browser versions that properly support it solves those problems.
*/

/* END PRINT STYLESHEET DECLARATIONS */