/* ------------------------------------------------------------------------------ */
/* Browser Reset                                                                  */
/* ------------------------------------------------------------------------------ */
            html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, 
            blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp,
            small, strike, strong, sub, sup, tt, var, 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%; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline;	}
            :focus {outline: 0;}
            body {line-height: 1;color: black;background: white;}
            ol, ul {list-style: none;}
            /* cellspacing="0" */
            table {border-collapse: separate;border-spacing: 0;}
            caption, th, td {text-align: left;font-weight: normal;}
            blockquote:before, blockquote:after, q:before, q:after {content: "";}
            blockquote, q {quotes: "" "";}



/* ------------------------------------------------------------------------------ */
/* Basic Style Redefinitions                                                      */
/* ------------------------------------------------------------------------------ */
            body {font-size: 62.5%;}

            em {font-style: italic; font-size: inherit;}
                strong {font-weight: normal; color: #fcfc00;}
            del {text-decoration: line-through; font-size: inherit;}
            ins {text-decoration: underline; font-style: italic; font-size: inherit;}
            pre {white-space: pre; font-family: "courier new", monospace;}
            address, li, td, th, caption {margin-bottom: 0;}
            dt:after {content: '';}
            dt {margin-bottom: 0; font-weight: bold;}
            dd {margin-left: 5ex;}
            blockquote {font-style: italic; margin: 0 10ex 1.6em 10ex;}
            kbd {border: 1px solid black; border-width: 1px 2px 2px 1px; padding: 0 3px; margin: -5px 0; white-space: pre; font-family: "courier new", monospace;}
            code, samp, tt, var {white-space: pre; font-family: "courier new", monospace;}
            abbr, acronym {border-bottom: 1px dotted black;}
            dfn {font-style: italic;}
            sub {vertical-align: sub; font-size: .5em;}
            sup {vertical-align: super; font-size: .5em;}

            p, address, del, ins, pre, dt, dd, blockquote, li, td, th, caption, label {
                    font-family: 'trebuchet ms', sans-serif;
                    font-style: normal;
                    font-variant: normal;
                    font-weight: normal;
                    letter-spacing: normal;
                    text-align: left;
                    text-indent: 0;
                    text-transform: none;
                    white-space: normal;
                    word-spacing: normal;
                    text-decoration: none;
                    font-size: 1.2em;
                    line-height: 1.5em;
                    margin-bottom: 1.5em;
                    color: #fefefe;
                }

            big {font-size: 1.17em; font-weight: normal;}

            a {text-decoration: none; color: #fcfc00;}
            a:hover {text-decoration: underline;}

            h1, h2, h3, h4, h5, h6 {font-family: 'trebuchet ms', sans-serif;}

            h1 {
                    font-size: 3em;
                    line-height: 1em;
                    font-weight: bold;
                    color: #fcfc00;
                    margin: 0;
                }

            h2 {
                    font-size: 2em;
                    line-height: 1em;
                    font-weight: normal;
                    color: #fcfc00;
                    margin: 0;
                }

            h3 {
                    font-size: 1.4em;
                    line-height: 1.29em;
                    font-weight: bold;
                    color: white;
                    margin: 0 0 .29em;
                }

            
            h4 {
                    font-size: 1.6em;
                    line-height: 1.4em;
                    font-weight: normal;
                    color: white;
                    margin: 0 0 1em;
                }

            /* unused */
            h5, h6 {
                    font-size: 1.0em;
                    line-height: 1.0em;
                    margin-bottom: 1.00em;
                    font-weight: normal;
                    color: blue;
                }

            form {margin: 0 0 0 12px;}

            label {
                     clear: left;
                     float: left;
                     width: 130px;
                     font-family: 'trebuchet ms', sans-serif;
                     font-size: 1.2em;
                     padding: 4px 30px 0 0;
                 }

            input, select, fieldset {float: left; width: 150px;}
            fieldset {margin-top: .75em;}
            fieldset input {width: 30px;}
            fieldset label {width: 30px; clear: none; line-height: 1.2em; padding-right: 0;}
            textarea {float: left; width: 300px; height: 70px;}

/* ------------------------------------------------------------------------------ */
/*    Page Layout Definitions                                                     */
/* ------------------------------------------------------------------------------ */
html, body {height: 100%;}
body {background: black url(../img/bg_fade.gif) repeat-x top;}

#wrapper {
        min-height: 100%;
        height: auto !important;
        height: 100%;
        width: 851px; 
        margin: 0 auto -168px;
    }
    body>#wrapper{width: 847px;}
    #rail_pane {width: 237px; float: left;}
        #rotating_quote {height: 211px;}
        #resources {height: 206px;}
    #body_pane {width: 610px; float: left;}
        #header_pane {height: 89px; margin-bottom: 34px;}
        #content_pane {background: transparent url(../img/content_bg.gif) no-repeat top; width: 586px; min-height: 174px; padding: 0 14px; }
    #footer_push{height: 168px; clear: left;}
#footer_pane{height: 168px; clear: both;}
    #footer{height: 168px; background: transparent url(../img/footer_bg.gif) no-repeat top left; width: 868px; margin: 28px auto 0;}


/* ------------------------------------------------------------------------------ */
/*    Header Content and Styles                                                   */
/* ------------------------------------------------------------------------------ */
img#logo {margin: -6px 0 0;}
#rotating_quote {height: 220px;}
    #rotating_quote blockquote {
            background: transparent url(../img/quote_bubble.gif) no-repeat;
            width: 221px;
            height: 175px;
            padding: 8px 8px 0;
            margin: 0 0 -13px;
        }
    #rotating_quote p {text-align: center;}
#resources {border: 1px solid #2c2c2c; padding: 0 3px 0; margin: 0 0 28px 0;}
    #resources li {
            line-height: 1em;
            background: black url(../img/resource_item_bg.gif) repeat-x bottom;
            border-top: 1px solid #2c2c2c;
            margin: 1px 0 0 0;
            padding: 11px 0 8px 8px;
        }
    #resources li a {color: white;}
        #resources li#resource_title {
                color: #fcfc00;
                font-weight: bold;
                font-size: 1.4em;
                line-height: .86em;
                background: black url(../img/resource_title_bg.gif) repeat-x bottom;
                margin-top: 3px;
            }

#header_pane {
        width: 608px;
        height: 88px;
        background: transparent url(../img/nav/nav_bg.gif) repeat-x bottom;
        border: 1px solid #656565;
        border-top-width: 0;
    }
    #header_pane a {
            display: block;
            float: left;
            height: 88px;
            margin: 0 1px;
            background-position: top;
        }
        #header_pane a:hover {
            margin: 0;
            border: 1px solid #656565;
            border-width: 0 1px;
            background-position: bottom;
            }
            a#navigation_button_home:hover {border-width: 0 1px 0 0;}
            a#navigation_button_account:hover {border-width: 0 0 0 1px;}
        a#navigation_button_home{
                width: 73px;
                background-image: url(../img/nav/navigation_buttom_hp_mo.gif);
                margin: 0 1px 0 0;
            }
        a#navigation_button_gas_warranty{width: 164px; background-image: url(../img/nav/navigation_buttom_gas_mo.gif);}
        a#navigation_button_home_warranty{width: 164px; background-image: url(../img/nav/navigation_buttom_home_mo.gif);}
        a#navigation_button_faq{width: 97px; background-image: url(../img/nav/navigation_buttom_faq_mo.gif);}
        a#navigation_button_account{
                width: 102px;
                background-image: url(../img/nav/navigation_buttom_login_mo.gif);
                margin: 0 0 0 1px;
            }


/* ------------------------------------------------------------------------------ */
/*    Footer Content and Styles                                                   */
/* ------------------------------------------------------------------------------ */
.footer_column {
        float: left;
        width: 240px;
        margin: 37px 24px 0;
    }
.footer_sep {
        float: left;
        margin-top: 47px;
    }


/* ------------------------------------------------------------------------------ */
/*    Common  Styles                                                              */
/* ------------------------------------------------------------------------------ */
p.page_title {text-indent: 0 !important; font-weight: bold; padding-top: 9px; margin-bottom: 19px;}
a.button {
        background: transparent url(../img/button.gif) no-repeat;
        display: block;
        width: 109px;
        text-align: center;
        height: 27px;
        font-family: 'trebuchet ms', sans-serif;
        font-size: 1.4em;
        color: white;
        padding-top: 10px;
        margin: 20px 10px;
    }
    a.button:hover, a.button_large:hover {text-decoration: none;}
a.button_large {
        background: transparent url(../img/button_lg.gif) no-repeat;
        display: block;
        width: 169px;
        text-align: center;
        height: 27px;
        font-family: 'trebuchet ms', sans-serif;
        font-size: 1.4em;
        color: white;
        padding-top: 10px;
        margin: 20px 10px;
    }
img.page_icon + a.button {clear: left; float: left; margin-left: 18px; margin-right: 66px;}
#hswib { margin-bottom: 120px;}
form p.note {float: left; clear: left; margin-top: -1.5em; color: #777777; font-style: italic; margin-bottom: 3em;}
ul#checkout_steps {margin: 12px 0;}
ul#checkout_steps li {color: #777777; float: left; background-color:#151515; width: 80px; text-align: center; margin-right:2px; padding:10px 5px; border:1px solid #383838;}
ul#checkout_steps li#current {color: #fcfc00;}
input.button_large {
        clear: left; 
        float: right;
        background: transparent url(../img/button_lg.gif) no-repeat;
        width: 169px;
        height: 37px;
        border: 0;
        color: white;
        margin: 30px 0 60px 20px;
    }
input.button {
        clear: left; 
        float: right;
        background: transparent url(../img/button.gif) no-repeat;
        width: 109px;
        height: 37px;
        border: 0;
        color: white;
        margin: 30px 0 60px 20px;
    }
.gone {display: none;}
.right_justify {float: right;}
a.center_justify {float: none; margin: 0 auto 48px;}
.panel {float: left; border: 1px solid #595959; width: 568px; margin: 14px 0;}
.half_panel {float: left; border: 1px solid #595959; width: 277px; margin: 14px 0;}
.panel p, .half_panel p, .panel label, .half_panel label  {padding-left: 14px;}
.panel_head p {margin: 0;}
img.page_icon {float: left; border-right: 1px solid #656565; padding: 0 24px 14px 14px; margin: 0 36px 0 0;}
.free_te {clear: left; width: 534px; margin: 0 14px 14px;}
.popUpText { color:white; font-size:1.2em; font-family:trebuchet,sans-serif; padding:0px;}
#dynamItPopUp { color:white; font-size:1.2em; font-family:trebuchet,sans-serif; padding: 50px 10px 10px 10px;}
#dynamItPopUp {
background: transparent url(../img/dlg_bar_bg.gif) repeat-x left 43px !important;
}
#dynamItPopUpX {width: 32px !important; height: 26px !important;}
.clear {clear: both;}
.form_stamp {float: left;}

/* ------------------------------------------------------------------------------ */
/*    Content Styles                                                              */
/* ------------------------------------------------------------------------------ */
#hp_feature_pic {margin: 0 0 29px 11px;}
#hp_2col_left, #hp_2col_right {float: left; width: 285px;}
#hp_2col_left {margin-right: 16px;}
#hp_2col_left a.button, #hp_2col_right a.button {float: right;}
#hp_2col_left .icon, #hp_2col_right .icon {float: left; margin-right: 13px;}
#hp_2col_left .icon {padding-top: 38px;}
#hp_2col_left .title, #hp_2col_right .title {margin-bottom: 15px;}
.dwelling_type_reveal {display: none;}
.error { float:left; color:yellow; width:400px; font-size:1.3em; font-family:trebuchet, sans-serif; padding-bottom:15px; }
.field_name { width:200px; padding:5px 5px;}
.field_value { color: yellow; padding:5px 5px;}
#dCMS td {
	vertical-align:top;
	padding:5px;
}

ul.warranty_details {list-style: none outside; margin-left: 0;}
ul.warranty_details li {margin-left: 6px; padding-left: 36px; background: transparent url(../img/bullet.gif) no-repeat 0 8px;}
ul.warranty_details li p.warranty_details_title {margin-bottom: 0;}
ul.warranty_details li .warranty_details_copy {display: none;}

#account_panel .panel_head p {
font-size: 1.6em;
margin-top: 6px;
margin-bottom: 6px;
}

#account_panel .panel_head .right_justify {
margin: 0;
}

#account_panel .panel_head a {
color: white;
}

a.see_all {
padding: 0 12px 0 8px;
}

#date_control {
float: right;
margin-right: 18px;
}

#date_control label {
width: 40px;
clear: none;
text-align: right;
padding: 4px 8px 0 0;
}

#date_control input {
width: 80px;
}

#confOkButton {
border: 1px solid #595959;
background-color: black;
color: white;
height: 22px;
width: 60px;
margin: 12px 0 12px 100px;
}

.button_black {
border: 1px solid #595959;
background-color: black;
color: white;
height: 22px;
width: 60px;
margin-left: 12px;
}

#od_box .button_black {
margin-top: 12px;
margin-left: 160px;
}

#od_box {
height: 340px;
overflow: auto;
}
#panel_foot {
border: 0;
}







/* ------------------------------------------------------------------------------ */
/*    Order Form		                                               */
/* ------------------------------------------------------------------------------ */
#order_form { background-color:#151515; border:1px solid #383838; padding:10px; margin-top:-29px; text-align:left;}


/* ------------------------------------------------------------------------------ */
/*    Order Thank You		                                                  */
/* ------------------------------------------------------------------------------ */
#order_details { float:left; }


/* ------------------------------------------------------------------------------ */
/* Browser Reset                                                                  */
/* ------------------------------------------------------------------------------ */
            html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, 
            blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp,
            small, strike, strong, sub, sup, tt, var, 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%; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline;	}
            :focus {outline: 0;}
            body {line-height: 1;color: black;background: white;}
            ol, ul {list-style: none;}
            /* cellspacing="0" */
            table {border-collapse: separate;border-spacing: 0;}
            caption, th, td {text-align: left;font-weight: normal;}
            blockquote:before, blockquote:after, q:before, q:after {content: "";}
            blockquote, q {quotes: "" "";}



/* ------------------------------------------------------------------------------ */
/* Basic Style Redefinitions                                                      */
/* ------------------------------------------------------------------------------ */
            body {font-size: 62.5%;}

            em {font-style: italic; font-size: inherit;}
                strong {font-weight: normal; color: #fcfc00;}
            del {text-decoration: line-through; font-size: inherit;}
            ins {text-decoration: underline; font-style: italic; font-size: inherit;}
            pre {white-space: pre; font-family: "courier new", monospace;}
            address, li, td, th, caption {margin-bottom: 0;}
            dt:after {content: '';}
            dt {margin-bottom: 0; font-weight: bold;}
            dd {margin-left: 5ex;}
            blockquote {font-style: italic; margin: 0 10ex 1.6em 10ex;}
            kbd {border: 1px solid black; border-width: 1px 2px 2px 1px; padding: 0 3px; margin: -5px 0; white-space: pre; font-family: "courier new", monospace;}
            code, samp, tt, var {white-space: pre; font-family: "courier new", monospace;}
            abbr, acronym {border-bottom: 1px dotted black;}
            dfn {font-style: italic;}
            sub {vertical-align: sub; font-size: .5em;}
            sup {vertical-align: super; font-size: .5em;}

            p, address, del, ins, pre, dt, dd, blockquote, li, td, th, caption, label {
                    font-family: 'trebuchet ms', sans-serif;
                    font-style: normal;
                    font-variant: normal;
                    font-weight: normal;
                    letter-spacing: normal;
                    text-align: left;
                    text-indent: 0;
                    text-transform: none;
                    white-space: normal;
                    word-spacing: normal;
                    text-decoration: none;
                    font-size: 1.2em;
                    line-height: 1.5em;
                    margin-bottom: 1.5em;
                    color: #fefefe;
                }

            big {font-size: 1.17em; font-weight: normal;}

            a {text-decoration: none; color: #fcfc00;}
            a:hover {text-decoration: underline;}

            h1, h2, h3, h4, h5, h6 {font-family: 'trebuchet ms', sans-serif;}

            h1 {
                    font-size: 3em;
                    line-height: 1em;
                    font-weight: bold;
                    color: #fcfc00;
                    margin: 0;
                }

            h2 {
                    font-size: 2em;
                    line-height: 1em;
                    font-weight: normal;
                    color: #fcfc00;
                    margin: 0;
                }

            h3 {
                    font-size: 1.4em;
                    line-height: 1.29em;
                    font-weight: bold;
                    color: white;
                    margin: 0 0 .29em;
                }

            
            h4 {
                    font-size: 1.6em;
                    line-height: 1.4em;
                    font-weight: normal;
                    color: white;
                    margin: 0 0 1em;
                }

            /* unused */
            h5, h6 {
                    font-size: 1.0em;
                    line-height: 1.0em;
                    margin-bottom: 1.00em;
                    font-weight: normal;
                    color: blue;
                }

            form {margin: 0 0 0 12px;}

            label {
                     clear: left;
                     float: left;
                     width: 130px;
                     font-family: 'trebuchet ms', sans-serif;
                     font-size: 1.2em;
                     padding: 4px 30px 0 0;
                 }

            input, select, fieldset {float: left; width: 150px;}
            fieldset {margin-top: .75em;}
            fieldset input {width: 30px;}
            fieldset label {width: 30px; clear: none; line-height: 1.2em; padding-right: 0;}
            textarea {float: left; width: 300px; height: 70px;}

/* ------------------------------------------------------------------------------ */
/*    Page Layout Definitions                                                     */
/* ------------------------------------------------------------------------------ */
html, body {height: 100%;}
body {background: black url(../img/bg_fade.gif) repeat-x top;}

#wrapper {
        min-height: 100%;
        height: auto !important;
        height: 100%;
        width: 851px; 
        margin: 0 auto -168px;
    }
    body>#wrapper{width: 847px;}
    #rail_pane {width: 237px; float: left;}
        #rotating_quote {height: 211px;}
        #resources {height: 206px;}
    #body_pane {width: 610px; float: left;}
        #header_pane {height: 89px; margin-bottom: 34px;}
        #content_pane {background: transparent url(../img/content_bg.gif) no-repeat top; width: 586px; min-height: 174px; padding: 0 14px; }
    #footer_push{height: 168px; clear: left;}
#footer_pane{height: 168px; clear: both;}
    #footer{height: 168px; background: transparent url(../img/footer_bg.gif) no-repeat top left; width: 868px; margin: 28px auto 0;}


/* ------------------------------------------------------------------------------ */
/*    Header Content and Styles                                                   */
/* ------------------------------------------------------------------------------ */
img#logo {margin: -6px 0 0;}
#rotating_quote {height: 220px;}
    #rotating_quote blockquote {
            background: transparent url(../img/quote_bubble.gif) no-repeat;
            width: 221px;
            height: 175px;
            padding: 8px 8px 0;
            margin: 0 0 -13px;
        }
    #rotating_quote p {text-align: center;}
#resources {border: 1px solid #2c2c2c; padding: 0 3px 0; margin: 0 0 28px 0;}
    #resources li {
            line-height: 1em;
            background: black url(../img/resource_item_bg.gif) repeat-x bottom;
            border-top: 1px solid #2c2c2c;
            margin: 1px 0 0 0;
            padding: 11px 0 8px 8px;
        }
    #resources li a {color: white;}
        #resources li#resource_title {
                color: #fcfc00;
                font-weight: bold;
                font-size: 1.4em;
                line-height: .86em;
                background: black url(../img/resource_title_bg.gif) repeat-x bottom;
                margin-top: 3px;
            }

#header_pane {
        width: 608px;
        height: 88px;
        background: transparent url(../img/nav/nav_bg.gif) repeat-x bottom;
        border: 1px solid #656565;
        border-top-width: 0;
		list-style-type: none;
		padding: 0;

    }
	#header_pane li { 
		display: block;
		float: left;
		position: relative;
 	}

    #header_pane a {
            display: block;
            float: left;
            height: 88px;
            margin: 0 1px;
            background-position: top;
        }
        #header_pane a:hover, #header_pane a.over, #header_pane a.over:link, #header_pane a.over:visited {
            margin: 0;
            border: 1px solid #656565;
            border-width: 0 1px;
            background-position: bottom;
            }
            a#navigation_button_home:hover {border-width: 0 1px 0 0;}
            a#navigation_button_account:hover {border-width: 0 0 0 1px;}
        a#navigation_button_home{
                width: 73px;
                background-image: url(../img/nav/navigation_buttom_hp_mo.gif);
                margin: 0 1px 0 0;
            }
        a#navigation_button_gas_warranty{width: 164px; background-image: url(../img/nav/navigation_buttom_gas_mo.gif);}
        a#navigation_button_home_warranty{width: 164px; background-image: url(../img/nav/navigation_buttom_home_mo.gif);}
        a#navigation_button_faq{width: 97px; background-image: url(../img/nav/navigation_buttom_faq_mo.gif);}
        a#navigation_button_account{
                width: 102px;
                background-image: url(../img/nav/navigation_buttom_login_mo.gif);
                margin: 0 0 0 1px;
            }


	#header_pane li ul {
		margin: 0;
		padding: 0;
		list-style-type: none;
		border: 1px solid #656565;
        border-top: none;
		background: black;

		display: none;
		position: absolute;
		top: 88px;
		left: 0px;
	} 

	#header_pane li ul li {
			display: block;	
			float: none;
            line-height: 1em;
            background: black url(../img/resource_item_bg.gif) repeat-x bottom;
            border-top: 1px solid #2c2c2c;
            margin: 1px 0 0 0;
            padding: 11px 16px 8px;
        }
    #header_pane li ul li a, #header_pane li ul li a:link, #header_pane li ul li a:visited, #header_pane li ul li a:hover {
			background: none;
			float: none;
			display: inline;
			height: auto;
			border: 0px;
			padding: 0;
			margin: 0;
			text-decoration: none;	
			font-weight: normal;
	}
	
    #header_pane li ul li a, #header_pane li ul li a:link, #header_pane li ul li a:visited {
			color: white;		
	}
 
	#header_pane li ul li a:hover, #header_pane li ul li a:active {
			color: #FCFC00;	
	}


/* ------------------------------------------------------------------------------ */
/*    Footer Content and Styles                                                   */
/* ------------------------------------------------------------------------------ */
.footer_column {
        float: left;
        width: 240px;
        margin: 37px 24px 0;
    }
.footer_sep {
        float: left;
        margin-top: 47px;
    }


/* ------------------------------------------------------------------------------ */
/*    Common  Styles                                                              */
/* ------------------------------------------------------------------------------ */
p.page_title {text-indent: 0 !important; font-weight: bold; padding-top: 9px; margin-bottom: 19px;}
a.button {
        background: transparent url(../img/button.gif) no-repeat;
        display: block;
        width: 109px;
        text-align: center;
        height: 27px;
        font-family: 'trebuchet ms', sans-serif;
        font-size: 1.4em;
        color: white;
        padding-top: 10px;
        margin: 20px 10px;
    }
    a.button:hover {text-decoration: none;}
img.page_icon + a.button {clear: left; float: left; margin-left: 18px; margin-right: 66px;}
#hswib { margin-bottom: 120px;}
form p.note {float: left; clear: left; margin-top: -1.5em; color: #777777; font-style: italic; margin-bottom: 3em;}
ul#checkout_steps {margin: 12px 0;}
ul#checkout_steps li {color: #777777; float: left; background-color:#151515; width: 80px; text-align: center; margin-right:2px; padding:10px 5px; border:1px solid #383838;}
ul#checkout_steps li#current {color: #fcfc00;}
input.button_large {
        clear: left; 
        float: right;
        background: transparent url(../img/button_lg.gif) no-repeat;
        width: 169px;
        height: 37px;
        border: 0;
        color: white;
        margin: 30px 0 60px 20px;
    }
input.button {
        clear: left; 
        float: right;
        background: transparent url(../img/button.gif) no-repeat;
        width: 109px;
        height: 37px;
        border: 0;
        color: white;
        margin: 30px 0 60px 20px;
    }
.gone {display: none;}
.right_justify {float: right;}
a.center_justify {float: none; margin: 0 auto 48px;}
.panel {float: left; border: 1px solid #595959; width: 568px; margin: 14px 0;}
.half_panel {float: left; border: 1px solid #595959; width: 277px; margin: 14px 0;}
.panel_head {margin-bottom: 14px;}
.panel p, .half_panel p, .panel label, .half_panel label  {padding-left: 14px;}
.panel_head p {margin: 0;}
img.page_icon {float: left; border-right: 1px solid #656565; padding: 0 24px 14px 14px; margin: 0 36px 0 0;}
.free_te {clear: left; width: 534px; margin: 0 14px 14px;}
.popUpText { color:white; font-size:1.2em; font-family:trebuchet,sans-serif; padding:0px;}
#dynamItPopUp { color:white; font-size:1.2em; font-family:trebuchet,sans-serif; padding: 13px 10px 10px 10px;}
#dynamItPopUp h3 {margin-bottom: 13px;}
#dynamItPopUp {
background: transparent url(../img/dlg_bar_bg.gif) repeat-x left 43px !important;
}
#dynamItPopUpX {width: 32px !important; height: 26px !important;}
.clear {clear: both;}
.form_stamp {float: left;}

/* ------------------------------------------------------------------------------ */
/*    Content Styles                                                              */
/* ------------------------------------------------------------------------------ */
#hp_feature_pic {margin: 0 0 29px 11px;}
#hp_2col_left, #hp_2col_right {float: left; width: 285px;}
#hp_2col_left {margin-right: 16px;}
#hp_2col_left a.button, #hp_2col_right a.button {float: right;}
#hp_2col_left .icon, #hp_2col_right .icon {float: left; margin-right: 13px;}
#hp_2col_left .icon {padding-top: 38px;}
#hp_2col_left .title, #hp_2col_right .title {margin-bottom: 15px;}
.dwelling_type_reveal {display: none;}
.error { float:left; color:yellow; width:400px; font-size:1.3em; font-family:trebuchet, sans-serif; padding-bottom:15px; }
.field_name { width:200px; padding:5px 5px;}
.field_value { color: yellow; padding:5px 5px;}
#dCMS td {
	vertical-align:top;
	padding:5px;
}

ul.warranty_details {list-style: none outside; margin-left: 0;}
ul.warranty_details li {margin-left: 6px; padding-left: 36px; background: transparent url(../img/bullet.gif) no-repeat 0 8px;}
ul.warranty_details li p.warranty_details_title {margin-bottom: 0;}
ul.warranty_details li .warranty_details_copy {display: none;}

#account_panel .panel_head p {
font-size: 1.6em;
margin-top: 6px;
margin-bottom: 6px;
}

#account_panel .panel_head .right_justify {
margin: 0;
}

#account_panel .panel_head a {
color: white;
}

a.see_all {
padding: 0 12px 0 8px;
}

#date_control {
float: right;
margin-right: 18px;
}

#date_control label {
width: 40px;
clear: none;
text-align: right;
padding: 4px 8px 0 0;
}

#date_control input {
width: 80px;
}

#confOkButton {
border: 1px solid #595959;
background-color: black;
color: white;
height: 22px;
width: 60px;
margin: 12px 0 12px 100px;
}

.button_black {
border: 1px solid #595959;
background-color: black;
color: white;
height: 22px;
width: 60px;
margin-left: 12px;
}

#od_box .button_black {
margin-top: 12px;
margin-left: 160px;
}

#od_box {
height: 340px;
overflow: auto;
}

.panel table {
width: 550px;
margin: 0 8px;
}

.panel table td, .panel table th{
text-align: center;
padding: 3px;
}




/* ------------------------------------------------------------------------------ */
/*    Order Form		                                               */
/* ------------------------------------------------------------------------------ */
#order_form {
        background-color: #151515;
        border:1px solid #383838;
        padding:10px;
        text-align:left;
        width: 566px;
        float: left;
    }


/* ------------------------------------------------------------------------------ */
/*    Order Thank You		                                                  */
/* ------------------------------------------------------------------------------ */
#order_details { float:left; }

/* ------------------------------------------------------------------------------ */
/*    Admin Area		                                                  */
/* ------------------------------------------------------------------------------ */
#adminNav {width: 549px; margin: 0 18px 18px; float: left;}
#adminNav a { display: block; float: left; margin: 0 5px 0 0; width: 178px; height: 63px;}
#admin_orders    {background: transparent url(../img/nav/admin_policy_mo.gif) no-repeat bottom center;}
#admin_customers {background: transparent url(../img/nav/admin_customer_mo.gif) no-repeat bottom center;}
#admin_settings  {background: transparent url(../img/nav/admin_admin_mo.gif) no-repeat bottom center;}

#admin_orders:hover   {background-position: top center;}
#admin_customers:hover {background-position: top center;}
#admin_settings:hover  {background-position: top center;}

#adminFilters {
        background-color: #1d1d1d;
        padding: 10px;
        margin: 0 0 24px 0;
        border: 1px solid #363636;
        clear: left;
    }
#adminFilters input[type=text] {width: 80px; float: none;}
#adminFilters input[type=radio] {width: 10px; float: none;}
#adminFilters table {margin-top: -6px;}
#adminFilters table td {padding: 5px 3px 5px 8px;}
#filter_control {text-align: right; margin-bottom: 0;}
#adminFilters .button {margin: -35px 0 0;}
#filter_body {display: none;}

#adminRequests {float: left; width: 100%;}
#adminRequests table { border:1px solid #363636; width: 100%;}
#adminRequests th {font-weight:bold; padding:5px; text-align:center;}
#adminRequests th a {color: white;}
#adminRequests td {background-color: #1d1d1d; padding:5px; text-align:center;}
#adminRequests input {width:10px;}

#conf_done {clear: both; margin-left: 400px;}

#customer_search {text-align: center;}
#customer_search label {width: 110px; float: none;}
#cs {font-size: 1.2em; vertical-align: top; width: 140px !important;}
#customer_search .button_black {float: none;}
#customer_search .right_justify {margin-top: 2px;}
#customer_search .right_justify a {padding-left: 14px; padding-right: 14px;}

#pdf_submit {
    width: auto !important;
margin: 10px 0;
float: right;
}

#admin_email .radio_box {width: 300px;}
#admin_email .button,
#admin_user_password .button,
#admin_warranty_gas .button,
#admin_warranty_home .button,
#admin_warranty_zip .button
    {margin-right: 20px;
     margin-bottom: 20px;}

#admin_warranty_gas label,
#admin_warranty_home label {width: 60px;}

#admin_warranty_home {margin-left: 10px; margin-right: 0;}

#admin_email,
#admin_user_password,
#admin_warranty_gas,
#admin_warranty_home, 
#admin_warranty_zip 
{padding-top: 10px;}

#cancel_order_bb {
width: 100px;
margin-left: 140px !important;
}


#conf_done {
margin: 20px 0 !important;
clear: none;
float: right;
}

#conf_another {
clear: none;
float: right;
}

#admin_nav_pane {
    margin: -24px 1px 16px 0;
    padding: 0;
    text-align: right;
    font-family: 'trebuchet ms', sans-serif;
    font-size: 12px;
}

#admin_nav_pane a {
    border: 1px solid #fcfc00;
    padding: 0 6px;
}

#hswib {
    margin: 24px 66px 24px 18px;
}

#gsbb {
    clear:left;
    float:left;
    margin: 0 66px 24px 18px;
    padding: 5px 0 5px 0;
}

label.long {width: 200px; margin-bottom: 0;}
em.yellow, label em {color: #FCFC00;}
#bro_btn{margin-top: 8px;}
#dlg_conf_btn{margin-right: auto; margin-left: auto;}
#dlg_note{clear: both; margin-bottom: 0;}
a#feedback_link {
display: block;
float: right;
width: 96px;
height: 23px;
background-image: url(/img/feedback-btn-background.gif);
font-family: 'trebuchet ms', arial, helvetica, sans-serif;
font-size: 14px;
line-height: 14px;
text-align: center;
padding-top: 6px;
}

#feedback_link:hover {color: #000;}
#last_footer_column {margin-top: 8px;}

#of_gsbb {
    clear:left;
    float:right;
    margin: 6px 12px;
    padding: 5px 0 5px 0;
}

.dialogbutton {
	background-color:black;
	border:1px solid #595959;
	color:white;
	height:22px;
	width:auto;
	float: none;
}
