@charset "UTF-8";
/* CSS Document */

/*
 * This file contains default style settings for the entire site.
 * Sections that need to differ from the norm should have their
 * Own stylesheet files, which should only contain modifications
 * or additions to what is set in this file.
 */

@import url("/CSS/DealerBanner.css");




body {
    margin: 0px;
    padding: 0px;
    border: 0px;
    background-color: white;
}



/* Things that should have no margin by default */
form, div, object, embed {
    margin: 0px;
    padding: 0px;
    border: 0px;
}

img {
    border: 0px;
}


/* Specific treatment for the name "EnergyStar" */
span.EnergyStar {
    text-transform: uppercase;
}


img.Block {
    display: block;
    margin: 0px;
}


input.Button, button {
    cursor: pointer;
}

/* 
 * Tables
 */


/* Used for containers */
table.Layout {
    margin: 0px;
    padding: 0px;
    border: 0px;
}
td.Layout {
    padding: 0px;
}

table.Form { margin-bottom: 1em; }
table.Form tr th { text-align: right; vertical-align: top; color: #65615f; font-weight: bold; padding: 0 1em 1em 0; }
table.Form tr th.Required { background: url(../images/required.gif) no-repeat 98% 0%;  }
table.Form tr th .Normal { font-weight: normal; } 
table.Form tr.Header th { text-align: left; background-color: #ebe9e8; color: #000; font-weight: bold;  } 
table.Form tr td { text-align: left;  vertical-align: top; padding: 0 0 1em 0 }
table.Form input.Text { width: 300px;  border: 1px solid #99928c; }
table.Form input.Short { width: 150px; }
table.Form input.Inline { display: inline }
table.Form select, textarea { width: 300px;  }
table.Form textarea { height: 300px; }
table.Form input, select, textarea { padding: .25em; }
table.Form textarea { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 90%; width: 300px; }

span.Warn { color: #aa3f58; display: inline; }


/*** Base Styles and Font Sizes ***/
body {
    background-color:   white;
    margin:             0;
    padding:            0;
    font-family:        Verdana, Arial, Helvetica, sans-serif;
    font-size:          small;
    color:              #2f2929;
}

body {
    font-size:          78% !important;  /* moz, firefox, opera */
    font-size:          72%;             /* ie 5 */
    font-size/**/:/**/  78%;             /* ie 6+ */
}
    body.Admin {
        background:     white url(/res/skins/2006/images/bg_sphere.jpg) no-repeat top left;
        margin:         12px 0 10px 13px;
    }
    body.Popup {
        background:     white url(../images/bg_sphere.jpg) no-repeat;
        margin:         12px 0 10px 13px;
    }
        body.noMarg {
            margin:     0;
            padding:    0;
        }
        body.Popup #MainContent {
            margin:     0px;
            width:      95%;
        }
table, tr, td {
    font-size:          100%;
}
div,p,ul,ol,li,table,tr,td,form,h1,h2,h3,h4,h5,h6 {
    margin:             0;
    padding:            0;
}
h1 {
    font-size:          140%;
    text-transform:     uppercase;
}
h2 {
    font-size:          110%;
    margin-bottom:      4px;
}
h3 { font-size: 110%; }
h4 { font-size: 100%; font-style: italic; color: #93213c; }
h5 { font-size: 100%; }
h6 { font-size: 95%; }

sup { font-size: 100%; }

a, a:link {
    color:              #ab9057;
    text-decoration:    underline;
}
a:visited {
    color:              #ab9057;
}
a:hover {
    color:              #000;
}

a sup, a:link sup {
    text-decoration: none;
}

/*** Page Styles ***/
#PageContainer {
	width:              850px;
}

/*** Header ***/
#RunningHeader {
    font-size:          105%;
    width: 760px;
}
    body.Admin #RunningHeader {
        height:         90px;
    }
#HeaderLogo {

    position:           relative;

    padding:            10px 0 0 10px;

}



#HeaderLogo a { text-decoration: none; vertical-align: bottom; } 

#HeaderLogo .LogoName { font-size: 200%; display: block; padding: .25em 0} 
    body.Admin #HeaderLogo {
        padding-top:    10px;
    }





#SiteNav 

{

	width: 100%;

    margin-left:            10px;

    background-color: #fff;

    border-bottom: 1px solid #9e948d;

}

    

    #SiteNav table 

    {

		

		float: right;

        padding:            0;

    }

    #SiteNav td {

        margin:             0;

        font-weight:        normal;

        white-space:        nowrap;

        vertical-align:     middle;

    }



    #SiteNav td.On {

        padding:       0 14px;

    }

    

    #SiteNav td.sep {

        padding:       0 14px;

        border-left: 1px solid #000;

    }

    

    #SiteNav td.First { border-left: 0; } 

    #SiteNav td.Last { border-right: 0; padding-right: 0;  } 

    

    #SiteNav td a, #SiteNav td a:link 

    {

		line-height: 100%;

		font-size:	11px;

        color:              #ab9057;

        text-decoration:    none;

    }

    

    #SiteNav td.On a {

        font-weight: bold;

    }

    #SiteNav td a:hover {

        color:              #000;

    }






#Breadcrumb {
    font-size:  90%;
    height:     35px;
    margin-left: 183px;
}

#LeftColumn {
	margin-top:             15px;
	width:                  175px;
	float:                  left;
}
#LeftColumn div.sub {
    margin:                 0;
    z-index:                0;
}

#SectionNav {
    color:                  #9e948d;
    margin-right:           39px;
    margin-bottom: 			20px;
    z-index:                50;
    font-size: 100%;
}
    #SectionNav #SideLogo { margin: 0 0 10px 10px;  }

    #SectionNav .sub {
        height:             221px;
    }
    #SectionNav ul, #LeftColumn #ProductResources ul {
        list-style-type:    none;
    }
    
    #SectionNav ul { margin-bottom: 1em; }
        
    #SectionNav li {
        margin:             5px 0 5px 10px;
        line-height:        1.2em;
    }
        #SectionNav ul.Home li {
            height:         32px;
        }
        #SectionNav #Current, #SectionNav #CurrentTop {
            font-weight:    bold;
        }
        #SectionNav a {
            color:          #9e948d;
            text-decoration:none;
        }
            #SectionNav a:hover {
                text-decoration: underline;
            }
        #SectionNav ul.Home li a {
            height:         32px;
            display:        block;
        }
    #SectionNav h2 {
        text-transform:     uppercase;
        margin-left:        10px;
        border-bottom:      1px solid #819fca;
        padding-bottom:     2px;
    }
    #SectionNav p, #SectionNav h2 {
        margin-left:        10px;
    }
    #SectionNav ul.withSub {
        margin-left:        -9px;
    }
    #SectionNav ul.withSub li {
        padding-left:       10px;
    }
    #SectionNav ul.withSub li.hasSub {
        background:         url(../images/icon_navplus.gif) no-repeat 1px 4px;
    }
    #SectionNav ul.withSub li.hasSub#CurrentTop {
        background:         url(../images/icon_navminus.gif) no-repeat 1px 4px;
    }
    #SectionNav ul.subNav {
        font-weight:        normal;
        text-transform:     none;
    }
        #SectionNav ul.subNav li {
            margin:         1px 0 1px 8px;
            padding-left:   0;
        }
    #SectionNav li.leftESTAR {
        height: 1.25em !important;
        height: 1em;
    }
    #SectionNav li.leftESTAR a {
        display: block;
        position: absolute;
        background: url(/res/skins/2006/images/icon_estar_bg-red.gif) no-repeat right top;
        padding-right: 16px;
        white-space: nowrap;
    }
    
    #LeftColumn .Highlight {

        margin-left: 10px;

        border: 1px solid #b19762;

        width: 125px;

        color: #000;

        padding: 5px;

        font-size: 10px;

    }

    #LeftColumn .Highlight a { color: #f08a25; font-weight: bold; font-size: 125%; line-height: 150%;  text-decoration: none;}

    #LeftColumn .Highlight a img { vertical-align: middle } 

    #LeftColumn #WeatherBox {
        margin-left: 10px;
        background-color: #ab9057;
        width: 125px;
        color: #FFF;
        padding: 5px;
        font-size: 10px;
    }
        #LeftColumn #WeatherBox table { margin: 0; padding: 0; }
        #LeftColumn #WeatherBox table td { /*white-space: nowrap;*/}
		#LeftColumn #WeatherBox table .Image { padding-right: 0px;}
        #LeftColumn #WeatherBox table .Image img { display: inline; margin: 0; padding:0; }
        #WeatherBox table tr td.Temperature { font-size: 150%; font-weight:bold; white-space: nowrap; }
        #WeatherBox table tr td.Conditions { font-size: 110%; white-space: nowrap; }
        #WeatherBox table tr td.Updated { font-size: 75%; }
        
    #LeftColumn #ProductResources {
        font-size:              90%;
        padding-top: 10px;
    }
        #LeftColumn #ProductResources b {
            color: #777;
        }
        #ProductResources ul {
            margin-bottom:  10px;
        }
        #ProductResources li {
            margin:             2px 0 5px 0;
            line-height:        1.2em;
        }
            #ProductResources a {
                color:          #819fca;
                text-decoration:none;
            }
                #ProductResources a:hover {
                    text-decoration: underline;
                }
    #LeftColumn #Promotions, #LeftColumn #ProductResources {
        margin:             0 39px 0 10px;
    }
    #LeftColumn #Promotions h2, #LeftColumn #ProductResources h2 {
        text-transform:     uppercase;
        border-bottom:      1px solid #819fca;
        padding-bottom:     2px;
        color:              #95b1d9;
    }
    #LeftColumn div.PromoBox {
        margin:             7px 0;
    }
        #LeftColumn div.PromoBox div.sub {
            background-color:   white;
            padding:            0;
        }
        #LeftColumn div.PromoBox div.Image {
            text-align:         center;
        }
        #LeftColumn div.PromoBox p {
            text-align:         left;
        }
        #LeftColumn div.PromoBox h3 {
            color:              #f08a25;
            font-size:          125%;
        }
        #LeftColumn div.PromoBox a {
            text-decoration:    none;
            color:              #2f2929;
        }
        #LeftColumn div.PromoBox .rightArrow {
            padding-right:      15px;
            background:         url('../images/triangle_right_blue.gif') no-repeat right 2px;
        }

	#LeftColumn div.FaqBox {
		margin: 0 40px 0 7px;
	}
		#LeftColumn div.FaqBox h2 {
			color: #819fca;
		}				
		#LeftColumn div.FaqBox p {
			font-size: 85%;
			margin-top: 3px;
		}
		#LeftColumn div.FaqBox p a.rightArrow {
			padding-top: 1px;
		}

    #LinkBox {
        margin-right:       20px;
        margin-left:        10px;
    }
        #LinkBox img {
            margin:         3px 0 0 0;
        }
        #LinkBox a {
            color:          #2f2929;
        }
    #SectionNav li span.estar {
        font-size:          85%;
        padding-bottom:     5px;
    }
/** Main Content **/

#MainContent {
	float:                  left;
	width:                  600px;
	padding-top:            0;
	line-height:            1.4em;
	margin-right:           10px;
	z-index:                0;
	margin-bottom: 10px;
}
* html body { font-size: 12px; }
* html #MainContent { width: 570px; margin-right: 0;  } 

    body.ThreeColumn #MainContent {
        width:              414px;
    }
    body.ThreeColumn.Wide #MainContent {
        width:              283px
    }
    body.Wide #MainContent {
		margin-right: 0; 
		width: 593px;    
    }
    
    body.Sub #MainContent { margin-top: 1em; }
    
    #MainImage {
	float:  left;
	margin-bottom: 1em;
	margin-left: 0px;
    }
    #MainImage .Hidden {
        display:            none;
    }
    #MainImage .Visible {
        display:            block;
    }
    #RightImage {
        float:  right;
    }
        #RightImage .caption {
            position:   relative;
            width:      300px;
            font-size:  85%;
        }
    
    #MainContent h1 {
        color:              #65615f;
        margin-bottom:      7px;
        text-transform: none;
    }
    #MainContent h2 {
        color:              #928575;
        color:              #2f2929;
        margin-bottom:      7px;
    }
    #MainContent h3 {
        font-size:          100%;
        border-bottom:      1px solid #000;
        margin:             4px 0 3px 0;
        padding-top:        4px;
    }
    #MainContent h3 a {
        text-decoration:    none;
    }
    #MainContent h4 {
        padding-top:        3px;
    }
    #MainContent p {
        margin-bottom:      10px;
    }
        #MainContent p.LookInside {
            text-align:     center;
            font-weight:    bold;
            margin-top:     4px;
        }
    #MainContent ul {
        margin:             0 0 10px .65em;
        padding-left:       .65em;
    }
    #MainContent ol {
        margin:             0 0 10px .85em;
        padding-left:       .85em;
    }
    #MainContent sup {
        line-height:        .5em;
    }

    #MainContent #imageHolder {
        float:              right;
        margin:             24px 0 10px 10px;
    }

    div.InlineFigure {
        margin-top:         2em;
        margin-bottom:      2em;
    }

    p.Caption {
        font-size:          10px;
        font-style:         italic;
        text-align:         left;
        width:              90%;
    }
    p.Footnote {
      font-size:            90%;
    }

    div#es-overlay {
        position:           relative;
        height:             0;
        margin:             0;
        padding:            0;
    }
    div#es-overlay img {
        position:           absolute;
        right:              -4px;
        bottom:             0;
    }

    .ProductList, .Comparison {
        font-size:          90%;
    }
    .ProductList thead {
        margin-bottom:      3px;
    }
    .ProductList th {
        background-color:   #C4BDB4;
        color:              white;
        font-weight:        normal;
        font-size:          95%;
        text-align:         left;
        vertical-align:     bottom;
    }
    .ProductList td {
        padding:            3px;
    }
    .ProductList tr.Even {
        background-color:   white;
    }
    .ProductList tr.Odd {
        background-color:   #EDEDED;
    }
    .ProductList td.energyStar {
        background-image:   url(../images/icon_estar.gif);
        background-position:2px 4px;
        background-repeat:  no-repeat;
        text-indent:        14px;
    }
    .ProductList tr.Odd td.checkBox {
        background-color:   white;
        width:              20px;
    }

    table.Form th {
        text-align:         left;
        vertical-align:     top;
        padding-top:        2px;
    }
        table.Form tr.Missing th {
            color:          #F51515;
        }
        table.Form tr.Missing td input.Text {
            background-color: pink;
        }
    #Comparison {
        width:              583px;
    }
        #Comparison th {
            text-align:     center;
            padding-bottom: 4px;
            border-bottom:  1px solid #ccc;
        }
        #Comparison td {
            width:          25%;
            text-align:     center;
        }
        #Comparison td.Label {
            text-align:     left;
        }
        #Comparison td, table.Separated td {
            padding:        5px 2px 6px 2px;
            border-bottom:  1px solid #ccc;
        }
        #FeatureBox {
            width:          300px;
            margin:         20px 0 25px 0;
        }
        #FeatureBox div.sub {
            background-color:   #e8e8e8;
            padding:            10px;
        }
            #FeatureBox h1 {
                font-size:      100%;
                color:          #2f2929;
            }
            
    .ProductType {
        float:          left;
        width:          48%;
        padding-right:  10px;
    }
        div.ProductType p {
            margin-left:110px;
        }

    .GClist {
        padding:        6px;
        clear:          left;
        margin-top:     8px;
    }
        .GClist.overline {
            border-top: 1px solid #9e2441;
        }
        .GClist img {
            float:      left;
            margin:     0 10px 0 8px;
            border: 0;
        }

	/** Meet Bad Air Section **/
	
	#Videos {
		width: 382px;	
	}
		iframe#BadAirFrame { 
			width: 388px; 
			height: 292px; 
			padding: 0px; 
			margin: 0px; 
			text-align: center; 
			border: 0; 
			overflow: visible; 
		} 
		#Videos img {
			vertical-align: middle;
		}
		#Videos div#meetArrow {
			height: 30px;
			float: left;
			margin-top: 10px;
		}
		a.arrowBox {
			background: url(../images/arrow_box_bg.gif);
			font-size: 11px;
			font-weight: bold;
			padding: 2px 0 4px 0;
			text-decoration: none;
		}
		#Videos p#moreVideosText {
			float: right;
			font-size: 11px;
			font-weight: bold;
			height: 30px;
			padding-right: 10px;
			margin-top: 5px;
			text-align: right;
			width: 55px;
		}
		#Videos div#moreVideosThumbs {
			float: right;
		}
		
	ul.BACharList li {
		display: inline;
		padding: 0 4px 0 11px;
		background: url(../images/bullet.gif) center left no-repeat;
	}
	ul.BACharList li.first {
		padding: 0 4px 0 45px;
		background: none;
	}
	
	#MainContent table#Employee tr td.Photo  { padding-right: 1em; padding-bottom: 1em; } 
	
	
/** Right Column **/
#RightColumn {
    float:                  left;
}
#RightColumn div.sub {
    width:                  169px;
}
body.Wide #RightColumn {
    width:                  300px;
    margin:                 0;
}
    #FirstBox {
        font-size:          90%;
        height:             245px;
    }
    #FirstBox div.sub {
        text-align:         center;
        vertical-align:     middle;
        width:              152px;
    }
    #FirstBox a.Plain {
        text-decoration:    none;
        color:              #2f2929;
    }
        #FirstBox a.Plain:hover {
            text-decoration:    underline;
            color:              #769bd1;
        }
    #RightColumn h2 {
        font-size:          95%;
        margin-bottom:      0;
    }
    #RightColumn ul {
        list-style-type:    none;
        margin-bottom:      7px;
    }

    #RightColumn div#SideBar {
        margin:             31px 18px 0 7px;
        font-size:          90%;
        height:             218px;
    }
        #RightColumn div#SideBar h3 {
            color:          black;
            font-size:      110%;
            margin-bottom:  4px;
        }
        #RightColumn div#SideBar p {
            margin-bottom:  6px;
        }
    div#SideBarBottom {
        padding:            0 18px 0 0;
        margin-bottom:      7px;
    }
        div#SideBarBottom h3 {
            font-size: 100%;
        }

/** Footer **/
#FooterBanner {
    clear:                  both;
    margin:                 0 0 0 160px;
    padding-top:            10px;
    text-align:             center;
    border-bottom:          1px solid #819fca;
}
    #FooterBanner .Copy {
        text-align:         left;
        width:              360px;
        margin:             0 auto 7px auto;
        font-size:          95%;
    }
#Footer {
    color:                  #000;
    clear:                  both;
    margin:                 0 0 20px 160px;
    text-align:             center;
    padding-top:            10px;
    font-size:              93%;
}
    #Footer a, #Footer a:link {
        color:              #000;
        
    }
    #Footer a:hover {
        color:              #5b7db5;
    }
    #Footer span.copy {
        text-transform:     none;
    }
#PrintFooter {
    display:                none;
}

/** Generic Styles **/
.floatRight {
    float:                  right;
}
.floatLeft {
    float:                  left;
}
.baseLine {
    margin-top:             -.5em;
}
.bigSpace {
    margin-top:             20px;
}
.medSpace {
    margin-top:             10px;
}
.nowrap {
    white-space:            nowrap;
}
.hangingIndent {
    text-indent:            -10px;
    padding-left:           10px;
}
.padLeft {
    margin-left:            10px;
}
.padBotLeft {
    margin-left:            10px;
    margin-bottom:          10px;
}
.padRight {
    margin-right:           10px;
}
.padBotRight {
    margin-right:           10px;
    margin-bottom:          10px;
}
.padTop {
    margin-top:             10px;
}
.blueBorderBottom {
	padding: 				10px 0;
	border-bottom: 			1px solid #5b7db5;
}
#FirstBox.padTop {
    margin-top:             25px;
    height:                 220px;
}
a.Footnote {
    border-bottom:          0px;
    vertical-align:         top;
    margin-left:            2px;
    font-size:              80%;
}
a.rightArrow {
    padding-right:          18px;
    background:             url(../images/arrow_circle_right_whitebg.gif) no-repeat right 1px;
}
a.rightBlueArrow {
    padding-right:          15px;
    background:             url(../images/triangle_right_blue.gif) center right no-repeat;
}
img.rightArrow {
    margin-bottom:          3px;
    vertical-align:         middle;
}
.small {
    font-size:              85%;
}
.italic {
    font-style:             italic;
}
.bold {
	font-weight:				bold;
}
.center {
    text-align:             center;
}
.clear {
    clear:                  both;
}
a.PDF {
    padding: 1px 17px 3px 0;
    background: url(/res/images/pdf.gif) no-repeat right top;
}
a.PDF.Image {
    padding:                0;
    background:             none;
}
a.PDF.noIcon {
    padding:                0;
    background:             none;
}
a.PDF.wrap {
    display:                block;
}

.outdent.six {
    text-indent: -6px;
    padding-left: 6px;
}
.outdent.fifteen {
    text-indent: -15px;
    padding-left: 15px;
}

/* Dealer Locator */
#DealerList {
    width:                  100%;
}
    #DealerList th {
        vertical-align:     bottom;
        line-height:        1.2em;
        border-bottom:      1px solid #9E2441;
        padding-right:      4px;
    }
    #DealerList td {
        vertical-align:     top;
        padding-top:        6px;
        line-height:        1.3em;
    }
        #DealerList td.zoom {
            text-align:     center;
        }
        #DealerList td.zoom img {
            margin-right:   4px;
        }
        #DealerList th.dealer {
            text-align:     left;
        }
#DealerMap {
    width:                  100%;
    margin-bottom:          20px;
}
    #DealerMap table {
        margin:             25px;
    }
#MapZoom {
    display:                block;
    width:                  100%;
    text-align:             center;
    margin-bottom:          20px;
}
    #MapZoom table {
        margin:             0 auto;
    }
    #MapZoom td {
        vertical-align:     bottom;
    }

#Offer { margin-top: 10px; margin-bottom: 10px; } 

#Offer tr td.OfferBody {width:470px; text-align: center; background-image: url(../images/offer-bg.jpg); padding: 0 20px;  background-repeat: repeat-y }


#ProductCategoryList tr td { vertical-align: top; width: 135px; } 
#ProductList tr th 

{

	background-color:   #C4BDB4;

	color:              black;

    font-weight:        normal;

    font-size:          95%;

    text-align:         left;

    vertical-align:     bottom;

}
#ProductList tr td { padding: .25em .25em 0 .25em; } 
#ProductList tr td.Product { padding-bottom: .25em; } 
#ProductList tr td.OneLiner { padding-bottom: .5em; } 
#ProductList tr td.Product a { color: #4773AF; }
#ProductList tr.Odd td { background-color: #EDEDED; }
#ProductList tr.Even td { background-color: #FFF; }

/* NATIONAL PROMO IFRAMES */
#LeftColumn #natlpromo_PromoFrame { width: 152px; border: 0; } 
#MainContent #Body_5offers1_natlpromo_PromoFrame { width: 100%; border: 0;   }

/* GE Financing iFrames */
#MainContent #Body_6finance1_gefinance_FinanceFrame { width: 100%; border: 0; }
#LeftColumn #gefinance_FinanceFrame { width: 152px; border: 0; } 

#NationalPromoFrame { margin-bottom: 2em; } 
#NationalPromoFrame tr td.OfferBorder { width: 8px; background-image: url(../images/natlpromo-border.jpg); background-repeat: repeat-y; }
#NationalPromoFrame tr td.OfferBorder.Right {background-position: top right; } 
#NationalPromoFrame tr td.OfferBody { padding: 0 20px; }