﻿/* RESET */

html, body, div, span, applet, object, iframe,
p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    background: transparent;
}

/* LAYOUT  
----------------------------------------------------------*/

/*  
Sticky Footer Solution
by Steve Hatcher 
http://stever.ca
http://www.cssstickyfooter.com
*/

* {margin:0;padding:0;} 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html
{
	background-repeat:repeat;
	height: 100%;
}
body, form
{
	height: 100%;
}
h1, h2, h3, h4 {
    margin-top:10px;
}

/* HEADER  
----------------------------------------------------------*/


#DivWrap
{
	margin: 0 auto;
	min-height: 100%;
}
#DivMain
{
	overflow: auto;
	padding-bottom: 305px;/* must be same height as the footer */
	
}  

/*Opera Fix*/
body:before {/* thanks to Maleika (Kohoutec)*/
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px;/* thank you Erik J - negate effect of float*/
}

#DivContainer
{
    background:#fff;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	width: 960px;
	/* START: MIN-HEIGHT HACK */ 
    min-height:242;
	height:auto !important;
	height:auto;
    /* END: MIN-HEIGHT HACK */ 
    overflow:hidden;
}


#DivHeaderWrapper
{
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	padding: 0px 0px 0px 0px;
	width: 960px;
	height:110px;
	display:block;
}


#DivHeaderContent
{
	margin:45px 0px 0px 0px;
	background:#fff;
	padding: 0px 0px 0px 0px;
	width: 960px;
	height: 110px;	
}

#DivHeaderWrapper #DivLogo
{
	float:left;
	position:relative;
	z-index:100;
    left: 23px;
    top: 15px;
    width:361px;
	height: 68px;
	margin-bottom:-68px; 
    
}
#DivHeaderContentRightWrap
{
    float:right;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width: 599px;
	height: 110px;	
}


#DivHeaderMenu
{

    font-family:Helvetica, Arial Narrow, Arial, Verdana;
    font-size: 13px;
    text-align:right;
    color: #2b2b2b;
    width: 586px;
    margin: 0;
    padding: 33px 13px 0px 0px;
}

#DivHeaderMenu a,  #DivHeaderMenu a:visited
{
    font-family:Helvetica, Arial Narrow, Arial, Verdana;
    font-size: 13px;
    font-weight:normal;
    color:#2b2b2b;
    text-decoration:none;
    padding: 0px 13px 0px 13px;
}

#DivHeaderMenu a:hover,  #DivHeaderMenu a:active
{
    font-family:Helvetica, Arial Narrow, Arial, Verdana;
    font-size: 13px;
    font-weight:normal;
    color:#fa1628;
    text-decoration:none;
    padding: 0px 13px 0px 13px;
}



#divIconWrapper
{
    display:block;
    float:right;
	width: 561px;
	height: 26px;
	font-size: 9px;
	padding: 0px 25px 0px 0px;
	margin: 0px 0px 0px 0px;
}


.icons
{
	float:right;
	text-align:right;
	padding: 0px 0px 0px 0px;
	margin: 25px 0px 0px 0px;
}

img.icon1
{
    float:left;
	padding: 0px 3px 0px 3px;
	margin: 0px 0px 0px 0px;
	width: 25px;
	height:26px;
}

img.icon2
{
    float:left;
	padding: 0px 3px 0px 3px;
	margin: 0px 0px 0px 0px;
	width: 25px;
	height:26px;
}

img.icon3
{
    float:left;
	padding: 0px 3px 0px 3px;
	margin: 0px 0px 0px 0px;
	width: 25px;
	height:26px;
}



#DivHomeWrap
{
    display:block;
	text-align: left; /* this overrides the text-align: center on the body element. */
	width: 913px;
	/* START: MIN-HEIGHT HACK */ 
    min-height:242;
	height:auto !important;
	height:auto;
    /* END: MIN-HEIGHT HACK */ 
    padding:0px 24px 0px 23px;
    margin:0px 0px 0px 0px;
    overflow:hidden;
}


/* NAVBAR  
----------------------------------------------------------*/

#DivNavBarWrap
{
    background:#fff;
	clear: both;
	display: inline-table !important;
	height: 49px !important;
	list-style: none;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width: 913px;
}

#DivNavBar
{
	position:relative;
	z-index:500;
	display: inline-table !important;
	list-style: none;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	height: 49px !important;
	
}


/* CONTENTWRAP  
----------------------------------------------------------*/


#DivIntro
{
	/*background: url('../images/homeBkgd.jpg');*/
	clear:both;
    width:913px;
    height:401px;

}


/* CONTENT HOME
----------------------------------------------------------*/

#DivContentHomeWrap
{
    background:#fff;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width: 913px;
	/* START: MIN-HEIGHT HACK */
    min-height:250;
	height:auto !important;
	height:auto;/* END: MIN-HEIGHT HACK */
	overflow:hidden;
}


#DivContentHomeSpacer
{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width: 913px;
	height:25px;
	

}

#DivColumnWrap
{
    background:#fff;
    padding:0px 0px 0px 0px;
    margin:0px 0px 0px 0px;  
    width:913px;
    height:327px;
    
}

#DivColumn1Wrap
{
    Float:left; 
    padding:0px 0px 0px 0px;
    margin:0px 0px 0px 0px;  
    width:571px;
    
}


.DivColumnLeftTopBkgd
{
    background: url('../images/hContentLeft1.jpg') no-repeat right top;
    width:571px;
    height:279px;
    
}



.DivColumnLeftBtmBkgd
{
    background: url('../images/hContentLeft2Bkgd.jpg') no-repeat right top;
    width:571px;
    height:281px;
    
}

.DivColumnSpacer
{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background:#fff;
	Float:left; 
	width: 42px;
	height:321px;
}


.DivColumnSpacerBkgd
{
    background: url('../images/spacerHomeBkgd.jpg');
    background-repeat:repeat-y;
	padding: 0px 0px 0px 0px;
	position:relative;
	top:345px;
	width: 1px;
	height:220px;
}


#DivHorizontalSpacerLeft
{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width: 571px;
	height:65px;
	

}


#DivHorizontalSpacerRight
{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width: 300px;
	height:65px;
	

}


#DivColumn2Wrap
{
    background:#fff;
    Float:right; 
    padding:0px 0px 0px 0px;
    margin:0px 0px 0px 0px;  
    width:300px;
    
    
}


.DivColumnRightTopBkgd
{

    width:300px;
    height:279px;
    
}


.DivColumnRightBtmBkgd
{
    background: url('../images/hContentRight2Bkgd.jpg') no-repeat right top;
    width:300px;
    height:221px;
    
}


.DivColumnRightBtmBkgd .DivColumnRightBtmLnk

{
 
 padding:185px 0px 0px 0px;
 margin:0px 0px 0px 0px;   
 width:300px;
 height:auto;   
    
}


.homeTxt
{
    padding:5px 0px 0px 0px;
    margin:0px 0px 0px 0px; 
    width:255px;
    height:auto;  
    
}

.learnMoreLink
{
    
    padding:10px 0px 0px 38px;
    margin:0px 0px 0px 0px;  
    
}


    .learnMoreLink a, .learnMoreLink a:visited {
        font-family: "Helvetica," Franklin Gothic Book Arial HelveticaNeueLT Std Cn, Arial Narrow, MS Sans Serif;
        font-size: 14px;
        font-weight: normal;
        color: #ff0000;
        text-decoration: none;
        padding: 0px 0px 0px 0px;
    }

        .learnMoreLink a:hover, .learnMoreLink a:active {
            font-family: "Helvetica," Franklin Gothic Book Arial HelveticaNeueLT Std Cn, Arial Narrow, MS Sans Serif;
            font-size: 14px;
            font-weight: normal;
            color: #ff0000;
            text-decoration: none;
            padding: 0px 0px 0px 0px;
        }


/* END CONTENT HOME 
----------------------------------------------------------*/





/* CONTENT CHILD
----------------------------------------------------------*/


#DivChildContainer 
{	
    display:block;
    /*background: url('../images/lftNavBkgdB.png');
	background-repeat: repeat-y;*/	
    margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	width: 913px;
	/* START: MIN-HEIGHT HACK */ 
    min-height:242px;
	height:auto !important;
	height:auto;
    /* END: MIN-HEIGHT HACK */ 
    overflow:hidden;
    position:relative;
    
}


#DivChildBorder
{
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    width: 913px;
	height: 25px;
	list-style: none;
	border-bottom:solid 1px #8b9596;
	
}


#DivChildHeaderWrap
{
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    width: 913px;
	height: 80px;
	
}


#DivChildTitleWrap
{
    float:left;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    width: 456px;
	
}

#DivBreadCrumbWrap
{
	float:right;
    padding: 0px 0px 0px 0px;
    margin: 35px 0px 0px 0px;
    width: 457px;
}


#DivNavBarChildWrap
{
    background:#fff;
	clear: both;
	display: inline-table !important;
	height: 31px !important;
	list-style: none;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width: 913px;
}

#DivNavBarChild
{
	position:relative;
	z-index:500;
	display: inline-table !important;
	list-style: none;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	
}




#DivChildContainerBkgdWrap 
{	
    background: url('../images/childContainerBkgd.jpg');
	background-repeat:no-repeat;	
    margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	width: 913px;
	/* START: MIN-HEIGHT HACK */ 
    min-height:50px;
	height:auto !important;
	height:auto;
    /* END: MIN-HEIGHT HACK */ 
    overflow:hidden;
    position:relative;

    
}


#DivChildContainerContentWrap 
{	
    background: url('../images/childContainerContentBkgd.jpg');
	background-repeat:repeat-y;	
	text-align: left; /* this overrides the text-align: center on the body element. */
	width: 913px;
	/* START: MIN-HEIGHT HACK */ 
    min-height:1px;
	height:auto !important;
	height:auto;
    /* END: MIN-HEIGHT HACK */ 
    overflow:hidden;
    position:relative;
    margin:0px 0px 0px 0px;
    
}


#DivChildContainerContentWrapBottom 
{	
    background: url('../images/childContainerContentBkgdBottom.jpg');
	background-repeat:no-repeat;	
    margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
    padding: 0px 0px 25px 0px;
	text-align: left; /* this overrides the text-align: center on the body element. */
	width: 913px;
    height:2px;    
}



/* LEFT NAV  
----------------------------------------------------------*/


#DivLeftNav
{
    float: left;
    position:relative;
    z-index:1000;
	margin: 0px 0px 0px 0px;
    padding: 0px 0px 25px 0px;
    width: 238px;
    /* START: MIN-HEIGHT HACK */ 
    min-height:400px;
	height:auto !important;
	height:auto;
    /* END: MIN-HEIGHT HACK */ 
    overflow:hidden;
}

ul.leftNav {
    font-family: Helvetica, Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-style: normal;
    line-height: 2em;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    color: #353535;
    text-decoration: none;
    text-indent: 0px;
    padding: 3px;
    margin: 2px;
    list-style-type: none;
}


    ul.leftNav a {
        font-family: Helvetica, Arial, Helvetica, sans-serif;
        font-size: 14px;
        font-style: normal;
        line-height: 2em;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        color: #353535;
        text-decoration: none;
        text-indent: 0px;
        padding: 3px 0px 3px 20px;
        margin: 2px;
        list-style-type: none;
    }


        ul.leftNav a:hover {
            width: 200px;
            font-family: Helvetica, Arial, Helvetica, sans-serif;
            font-size: 14px;
            font-style: normal;
            line-height: 2em;
            font-weight: normal;
            font-variant: normal;
            text-transform: none;
            color: #cf2031;
            text-decoration: none;
            text-indent: 0px;
            padding: 3px 0px 3px 20px;
            margin: 2px;
            list-style-type: none;
        }


li.leftNavClicked a {
    font-family: Helvetica, Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-style: normal;
    line-height: 2em;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    color: #cf2031;
    text-decoration: none;
    text-indent: 0px;
    padding: 3px 0px 3px 20px;
    margin: 2px;
    list-style-type: none;
}

    li.leftNavClicked a:hover {
        width: 200px;
        font-family: Helvetica, Arial, Helvetica, sans-serif;
        font-size: 14px;
        font-style: normal;
        line-height: 2em;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        color: #cf2031;
        text-decoration: none;
        text-indent: 0px;
        padding: 3px 0px 3px 20px;
        margin: 2px;
        list-style-type: none;
    }


li.leftNav 
{
    width:150px;
    margin:0px 0px 0px 10px;
    padding:0px 0px 0px 0px;
	border-bottom:1px solid #353535;
}



/* END LEFT NAV
----------------------------------------------------------*/



#DivChildMainContent
{
	float: Right;
	height: auto !important;
	height: auto;
	margin: 0px 0px 0px 0px;
	min-height: 250;
	padding: 0px 0px 0px 0px;
	width: 675px;
	overflow: hidden;
}



#DivChildMainContentAlt
{
	height: auto !important;
	height: auto;
	margin: 0px 0px 0px 0px;
	min-height: 250;
	padding: 0px 0px 0px 0px;
	width: 913px;
	overflow: hidden;
}


#DivChildMainContentHero
{
	height: 277px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 613px;
	
}


#DivChildMainContentHeroAlt
{
	height: 277px;
	margin: 0px 0px 0px 0px;
	padding: 0px 45px 0px 45px;
	width: 823px;
	
}

#DivChildMainContentWrap
{
	height: auto !important;
	height: auto;
	margin: 0px 0px 0px 0px;
	min-height: 250px;
	overflow: auto;
	padding: 0px 0px 0px 0px;
	width: 675px;
}

#DivChildMainContentWrapAlt
{
	height: auto !important;
	height: auto;
	margin: 0px 0px 0px 0px;
	min-height: 250px;
	overflow: auto;
	padding: 0px 0px 0px 0px;
	width: 913px;
}

#DivChildMainContentTextWrap
{
	height: auto !important;
	height: auto;
	margin: 10px 0px 0px 0px;
	min-height: 250px;
	overflow: auto;
	padding: 0px 0px 0px 0px;
	width: 675px;
}

#DivChildMainContentTextWrapAlt
{
	height: auto !important;
	height: auto;
	margin: 10px 0px 0px 0px;
	min-height: 250px;
	overflow: auto;
	padding: 0px 0px 0px 0px;
	width: 913px;
}

#DivChildMainContentText
{
	height: auto;
	margin: 0px 0px 0px 0px;
	padding: 0px 20px 10px 10px;
	width: 645px;
}

#DivChildMainContentTextAlt
{
	height: auto;
	margin: 0px 0px 0px 0px;
	padding: 0px 45px 10px 45px;
	width: 823px;
}


#DivDealerLocatorWrap {
	padding: 0px 40px 20px 110px;
	width: 532px;
	min-height: 100px;
	height:auto;
}



/* END CONTENT CHILD
----------------------------------------------------------*/

/* FOOTER  
----------------------------------------------------------*/


.footerSpacer
{
    
 margin:0px 0px 20px 0px;
 width:960px;   
    
    
}

#DivFooter
{
    position: relative;
	/*margin-top: -305px;  negative value of footer height */
	margin:0 auto;
	height: 305px;
	width:960px;
	background: #000000; 
	background-repeat: repeat-x;
	clear:both;
} 
	
	
	
.footerMenuWrapper
{
	clear: both;
	height: 305px;
	margin: 0 auto;
	padding: 0px 0px 0px 0px;
	position: relative;
	width: 960px;
	z-index: 1000;
}


#footerMenuLeft
{
	float:left;
	margin: 0 0;
	padding: 0px 0px 0px 0px;
	width:480px;
	/* START: MIN-HEIGHT HACK */ 
    min-height:10px;
	height:auto !important;
	height:auto;
    /* END: MIN-HEIGHT HACK */ 
}

#footerMenuRight
{
	float:right;
	margin: 0 0;
	padding: 0px 0px 0px 0px;
	width:480px;
	/* START: MIN-HEIGHT HACK */ 
    min-height:10px;
	height:auto !important;
	height:auto;
    /* END: MIN-HEIGHT HACK */ 
}


.DivFooterTextWrap  
{
	margin: 0px 30px 0px 30px;
	padding: 0px 0px 0px 0px;
	width: 420px;
	/* START: MIN-HEIGHT HACK */
    min-height:10px;
	height:auto !important;
	height:auto;/* END: MIN-HEIGHT HACK */
	overflow:auto;
}


.footerMenuRightMenu
{
    font-family:"Arial" MS Sans Serif;
    font-size: 12px;
    font-weight:normal;
    color: #fff;
    width: 420px;
    margin: 0;
    padding: 20px 0px 10px 0px;
}


.footerMenuRightMenu a,  .footerMenuRightMenu a:visited
{
    font-family:"Arial" MS Sans Serif;
    font-size: 12px;
    color:#fff;
    text-decoration:none;
    padding: 10px 3px 0px 3px;
}

.footerMenuRightMenu a:hover,  .footerMenuRightMenu a:active
{
    font-family:"Arial" MS Sans Serif;
    font-size: 12px;
    color:#da2027;
    text-decoration:none;
    padding: 10px 3px 0px 3px;
}

/* BREADCRUMB 
----------------------------------------------------------*/

#DivBreadCrumb {
    color: #ce2119;
    text-align: right;
    font-size: 12px;
    font-family: Helvetica;
    margin: 0px 0px 0px 0px;
    padding: 5px 35px 0px 0px;
}

#DivBreadCrumb a, #DivBreadCrumb a:visited
{
    text-decoration:none;
    color: #504949;
}

#DivBreadCrumb a:hover,  #DivBreadCrumb a:active
{

    text-decoration:none;
    color: #504949;
}



/* MISC  
----------------------------------------------------------*/
.clear
{
	clear: both;
}



.TablePadding
{
    
 padding:0px 0px 0px 115px;   
    
}

.techDataBorder
{
    padding: 0px 0px 0px 0px;
    margin: 5px 45px 5px 0px;
    width: 600px;
	height: 1px;
	list-style: none;
	border-bottom:solid 1px #8b9596;
	
}


td.data
{
    padding:0px 0px 0px 0px;
    margin:0px 0px 0px 0px;
}

    td.data p {
        padding: 0px 0px 0px 0px;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        text-align: left;
        vertical-align: middle;
        font-family: "Helvetica" arial;
        font-size: 12px;
        font-weight: normal;
        color: #4d4d4d;
    }

    td.data a {
        padding: 0px 0px 0px 0px;
        margin: 0px 0px 0px 0px;
        vertical-align: middle;
        font-family: "Helvetica" arial;
        font-size: 13px;
        font-weight: normal;
        color: #ff0000;
        text-decoration: none;
        text-align: left;
    }

/*** ADDED BY ERIC ***/
h2.DealerPortalElement 
{
    color:Black;
    margin:5px;
}
.Test
{
    color:Black;
}
.GridStyle table 
{
    border: solid 1px black;
    margin:1px 5px 1px 5px;
}
.GridStyle th
{
    color:Black;
    border: solid 1px black;
    padding:1px 5px 1px 5px;
}
.GridStyle tr
{
    border: solid 1px black;
}
.GridStyle td {
    border: solid 1px black;
    padding: 1px 5px 1px 5px;
    font-family: "Helvetica", Arial MS Sans Serif;
    font-size: 12px;
    color: #3f3f3f;
}

/* ReportGrid is another version of GridStyle, they should be the same */
/* eventually all pages should use ReportGrid and GridStyle should be removed */
.ReportGrid table {
    border: solid 1px black;
    margin: 1px 5px 1px 5px;
}

.ReportGrid th {
    color: Black;
    border: solid 1px black;
    padding: 3px 5px 3px 5px;
}

.ReportGrid tr {
    border: solid 1px black;
}

.ReportGrid td {
    border: solid 1px black;
    padding: 3px 5px 3px 5px;
    font-size: 12px;
    color: #3f3f3f;
}

.RowStyle
{
    background-color:White;
    color:Black;
    margin:1px 5px 1px 5px;
}
.AlternatingRowStyle
{
    background-color:#dddddd;
    color:Black;
    margin:1px 5px 1px 5px;
}


.FormStyle td
{
    color: black;
    padding:5px;
}
/* this should be exact same as FormStyle, above*/
.FormTable td {
    color: black;
    padding: 5px;
}
.FormLabel
{
    color: black;
}
.FormButton {
    padding:5px;
}
input[type=submit] {
    padding:5px;
}
.RegularUL li {
    border: 0px;
    width: 100%;
    padding: 10px 10px 0px 0px;
    font-family: "Helvetica", Arial MS Sans Serif;
    font-size: 12px;
    color: #3f3f3f;
}

.dnnH1 {
    margin-bottom:15px;
}

.locationsData {
    float: left;
    padding: 10px 0px 5px 0px;
    font-family: "Helvetica", Arial MS Sans Serif;
    font-size: 12px;
    color: #3f3f3f;
    width: auto;
    height: auto;
}


.techData td {
    font-family: "Helvetica", Arial MS Sans Serif;
    font-size: 13px;
    color: #3f3f3f;
    text-align: center;
}

.techData p {
    font-family: "Helvetica", Arial MS Sans Serif;
    font-size: 12px;
    font-weight: bold;
    color: #3f3f3f;
    text-align: center;
}

.videoWrap

{
    height: auto !important;
	height: auto;
	margin: 0px 0px 0px 0px;
	min-height: 250;
	padding: 25px 303px 50px 304px;
	width: 306px;
	overflow: hidden;
}
    
    
    
