/******************************
 centering the main column
 ******************************/

body
{
	padding: 0;
	margin: 0;
	text-align: center;
}

body *
{
	text-align: left;
}

#container
{
	width: 750px;
	border-right: 1px solid #fff;
	margin: 0 auto;
}

h1 /* hide the header text */
{
	text-indent: -1000em;
	float:left; 
	font-size: 1px;
	height: 1px;
	margin: 0;
	padding: 0;
	
}


/******************************
 now we get into the homepage layout
 ******************************/

#hdr
{
	position: relative;
	width: 750px;
	height: 96px;
}

#hdr img /* just positioning the logo */
{
	margin-top: 11px;
}

#panel
{
	width: 750px;
	height: 180px;
	margin-bottom: 14px;
}


#member_tools
{
        width: 750px;
}       
        
#member_tools #support_links
{
        width: 226px;
        margin-right: 20px;
        float: left;
        /*background: url('../img/bg_support_links_top.gif') top no-repeat #616a74;*/	
}

#member_tools #support_links span
{       
        display: block;
        height: 9em;
        margin-top: 45px;
        background: url('../img/bg_support_links_bottom.gif') bottom no-repeat #616a74; 
}       

#member_tools #support_links span p
{ 
        font: 1.1em/1.3em verdana;
        color: #fff;
        margin: 0 16px;
}

#member_tools #support_links a
{
	color: #fff;
}

/* webmail login */

#member_tools #login_webmail
{
        position: relative;
        width: 242px;
        margin-right: 20px;
        height: 9em;
        float: left;
        background: url('../img/bg_form_webmail_top.gif') top no-repeat #ff8500;
}       
        
#member_tools #login_webmail span, #member_tools #login_webmail .container
{
        display: block;
        height: 9em;
        margin-top: 45px;
        background: url('../img/bg_form_webmail_bottom.gif') bottom no-repeat #ff8500;  
        
}

#member_tools #login_webmail #whats_webmail, #member_tools #login_webmail a#whats_webmail:hover
{       
        display: block;
        position: absolute;
        color: #fff2d5;
        top: 106px; 
        left: 10px;
        background: 0;
}

#member_tools #login_webmail #description_webmail
{       
        display: none;
        position: absolute;
        left: 230px;
        top: 0;
        width: 274px;
        height: 9em;
        background: url('/img/bg_desc_webmail_tr.gif') top right no-repeat #ff8500;
	/*z-index: 1;*/
}
#member_tools #login_webmail #description_webmail div
{
    height: 9em;
    margin-top: 45px; 		    /* 44 instead of 45, to compensate for .. */
    mar\gin-top: 44px;
    border-top: 1px solid #ff8500;  /* ..this, which is only here so gecko behaves  */  
    background: url('/img/bg_desc_webmail_br.gif') bottom right no-repeat #ff8500;
}
#member_tools #login_webmail #description_webmail div p
{
    position: relative;
    display: block;
    top: -35px;
    margin-right: 10px;
}
#member_tools #login_webmail #description_webmail a, #member_tools #login_webmail #description_webmail a:hover
{       
        color: #fff2d5;
        background: 0;
}       


/* toolbox login */

#member_tools #login_toolbox
{
        position: relative;
        width: 242px;
        height: 9em;
        float: left;
        background: url('../img/bg_form_toolbox_top.gif') top no-repeat #fc1921;
	/*z-index: -1;*/
}

#member_tools #login_toolbox span, #member_tools #login_toolbox .container
{
        display: block;
        height: 9em;
        margin-top: 45px;
        background: url('../img/bg_form_toolbox_bottom.gif') bottom no-repeat #fc1921;

}

#member_tools #login_toolbox #whats_toolbox, #member_tools #login_toolbox a#whats_toolbox:hover
{
        display: block;
        position: absolute;
        color: #fff2f2;
        top: 106px;
        left: 10px;
        background: 0;
}

#member_tools #login_toolbox #description_toolbox
{
        display: none;
        position: absolute;
        left: -262px;
        top: 0;
        width: 272px;
        height: 9em;
        background: url('/img/bg_desc_toolbox_tl.gif') top left no-repeat #fc1921;
}
#member_tools #login_toolbox #description_toolbox div
{
    height: 9em;
    margin-top: 45px;               /* 44 instead of 45, to compensate for .. */
    mar\gin-top: 44px;
    border-top: 1px solid #fc1921;  /* ..this, which is only here so gecko behaves  */
    background: url('/img/bg_desc_toolbox_bl.gif') bottom left no-repeat #fc1921;
}
#member_tools #login_toolbox #description_toolbox div p
{
    position: relative;
    display: block;
    top: -35px;
    margin-left: 10px;
    border: 1px solid red;
}
#member_tools #login_toolbox #description_toolbox a, #member_tools #login_toolbox #description_toolbox a:hover
{
        color: #fff2f2;
        background: 0;
}

#content
{
        clear: both;
        width: 750px;
	padding-top: 12px;
}

#content_info
{
        width: 500px;
        float: right;
}

#support_and_tools
{
float: left;
}

#ii_news
{
	float: left;
	width: 250px;
}

#weather
{
	margin-top: 10px;
	font-size: 0.9em;
	width: 250px;
}
#weather td
{
	padding: 0.4em 0;
	border-bottom: 1px solid #eee;
}

td.temp
{
	text-align: right;
}

#news_and_info
{
	float: right;
	width: 250px;
}

#content #support_and_tools p, #content #ii_news p, #content #support_and_tools h2, #content #ii_news h2, #content #news_and_info h2, #content #news_and_info p 
{
	width: 220px;
}

/* sidebar checker styles */

#checker {
	background: url('/img/bg_form_checker_top.png') top no-repeat #fc1921;
}

#checker .container {
	text-align: left;
	padding: 45px 10px 0px 14px;
	font: 1.1em/1.5em verdana;
	color: #FFF;
	background: url('/img/bg_form_checker_bottom.png') bottom no-repeat;
}

#frm_checker {
	text-align: center;
	margin: 0px;
	padding: 0px;
}

#frm_checker input.submit {
	border: 0;
	background: url('/img/btn_toolbox.gif') top no-repeat;
	font: bold 10px verdana;
	color: #910205;
	margin-bottom: 10px;
}

#frm_checker input {
	border: 2px inset red;
	text-align: center;
	margin-top: 10px;
}

#frm_checker div.submit_row {
	text-align: center;
	display: block;
}

/*******************************
product page and internals
*******************************/

#panel_sm {
	width: 750px;
	height: 90px;
	margin-top: 0;
}

#side {
	float: right;
	width: 210px;
}

#side ul li a:visited:after {
    content: "\00A0\221A";
    font-size: 75%;
}

#content #side p {
	width: 210px;
	font: 1.2em Verdana,Arial,Helvetica,sans-serif;
	margin-right: 0px;
	line-height: 1.7em;
}

#content {
	width: 750px;
	margin-top: 0px;
}

#content p {
	width: 500px;
	line-height: 1.7em;
}

/*******************************
 search page
 ******************************/
#search
{
    margin: 20px 0;
    font-size: 1.2em;
}

#search div.search_result
{
    margin: 10px 0;
    font-weight: bold;
}

#search div.search_result_context
{
    font-size: 0.8em;
    font-weight: normal;
    font-style: italic;

}
#search form
{
    width: 500px;
}

#search form fieldset
{
    border: 1px solid #e7e9ea;
}

#search form label
{
    margin: 8px;
}

#search form div
{
    margin: 10px 4px;
}




/*******************************
 footer
 ******************************/

#footer
{

	margin-top: 20px;
	background: url('../img/bullets.png') top left no-repeat;
	border-top: 1px solid #e7e9ea;
	padding-top: 14px;
	width: 750px;
	clear: both;
}

#legal
{
	font-size: 1em;
	width: 300px;
	float: left;
	
}
#footer_links
{
	margin-top: -4px;
	background: url('../img/bullets.png') bottom right no-repeat;
	padding: 0 0 16px 0;
	display: block;
	float: right;
	text-align: right;
}

#footer_links li
{
	font-size: 1em;
	display: inline;
	list-style-type: none;
	padding-left: 6px;
}

/******************************
 forms
 ******************************/


input.submit
{
        border: 0;
        background: url('../img/btn_bg.png') top no-repeat;
        width: 102px; height: 22px;
        font: bold 10px verdana;
        color: #7b848e;
        text-align: center;
}

fieldset
{
    border: 1px solid #eee;
    -moz-border-radius: 0.8em;
}

#frm_home_webmail, #frm_home_toolbox
{
        width: 218px;
        float: left;
        margin: 0;
        padding: 0;
}

#frm_home_webmail fieldset, #frm_home_toolbox fieldset
{
        border-width : 0;
        border-style : solid; /* opera7 */
        padding: 0;
}

#frm_home_webmail fieldset legend, #frm_home_toolbox fieldset legend
{
        font-size: 1px;
        height: 1px;
        padding: 0;
        margin-top: -20px;
}
#frm_home_webmail fieldset legend
{
        color: #ff8500;
}
#frm_home_toolbox fieldset legend
{
        color: #fc1921;
}


#frm_home_webmail div, #frm_home_toolbox div
{
        text-align: right;
	margin: 2px 0;
}

#frm_home_webmail label, #frm_home_toolbox label
{
        width: 80px;
        float: left;
        text-align: right;
        margin-left: 10px;	
	mar\gin-left: 0;
        padding: 2px;
}

#frm_home_webmail label
{
        color: #fff2d5;
        font: bold 12px verdana;
}

#frm_home_toolbox label
{
        color: #ffeeee;
        font: bold 12px verdana;
}


#frm_home_webmail input, #frm_home_toolbox input
{
        width: 98px;
}
#frm_home_webmail input
{
	border: 2px inset #ff8500;
}

#frm_home_toolbox input
{ 
	border: 2px inset red;
} 
#frm_home_webmail div.submit_row, #frm_home_toolbox div.submit_row
{
        margin-bottom: 10px;

}

#frm_home_webmail input.submit
{
        border: 0;
        background: url('../img/btn_webmail.gif') top no-repeat;
        width: 102px; height: 22px;
        font: bold 10px verdana;
        color: #804300;
        text-align: center;
}

#frm_home_toolbox input.submit
{
        border: 0;
        background: url('../img/btn_toolbox.gif') top no-repeat;
        width: 102px; height: 22px;
        font: bold 10px verdana;
        color: #910205;
        text-align: center;
}


/*******************************
table stylin
*******************************/

/* old product style */
.product {
	margin: 20px 0px 20px 0px;
	width: 510px;
	border-collapse: collapse;
	background: url(../img/bg_ftr.gif) bottom left no-repeat;
	font: 1em Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
}
.product td {
	border-top: 1px solid #FFe5CC;
	padding: 6px 10px 6px 10px;
	font: 1.1em Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
}
.product th {
	background-color: #FF7F00;	
	padding: 6px 10px 6px 10px;
	font: bold 1.1em Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}
#product th strong {
	color: #FFFFFF;
}
#product td strong {
	color: #666666;
}
.topleft {
	background: url(../img/bg_tl.gif) top left no-repeat #FF7F00;
	padding: 6px 10px 6px 10px;
	font: bold 1.1em Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}
.topright {
	background: url(../img/bg_tr.gif) top right no-repeat #FF7F00;
	padding: 6px 10px 6px 10px;
	font: bold 1.1em Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}

/* new generic table style */

.table_generic {
	width: 510px;
	border-collapse: collapse;
	margin-top: 5px;
	padding: 0;
}
.table_generic th {
	font: bold 1em verdana,arial,sans-serif;
	text-align: left;
	vertical-align: bottom;
	color: #FF7F00;
	padding: 10px;
}
.table_generic td {
	font: 1em verdana,arial,sans-serif;
	padding: 8px 10px;
}
.table_generic .nopad {
	padding: 0;
	vertical-align: top;
}
.table_generic .orange_em {
	color: #FF7F00;
	font-style: italic;
	font-weight: bold;
}
.table_generic .light {
	background-color: #FFF8F0;
}
.table_generic .dark {
	background-color: #FFF3E5;
}
.table_generic .primary {
	background-color: #FF7F00;
}
.table_generic .secondary {
	background-color: #555E68;
	color: #FFF;
	border-left: 1px solid #FFE5C7;
}
.table_generic .primary_text {
	color: #FFF3E5;
}
.table_generic .name {
	 font: bold 1.4em arial,sans-serif;
	 color: #FFF;
}
.table_generic .primary_overlay {
	padding: 10px;
	background: url('/img/ctl.gif') top left no-repeat;
	display: block;
	font: bold 1.4em arial,sans-serif;
	color: #FFF;
}
.table_generic .dark_overlay {
	padding: 10px;
	background: url('/img/ctr_dark.gif') top right no-repeat;
	display: block;
}
.table_generic .secondary_overlay {
	padding: 10px;
	background: url('/img/ctr_grey.gif') top right no-repeat;
	display: block;
}
.table_generic .phone_text {
	color: #FFF;
	font: 1em verdana,arial,sans-serif;
	text-align: right;
}
.table_generic .gap {
	font-size: 0.1em;
	padding: 2px;
	color: #FFF;
}
.table_generic .ctl_primary { background: url('/img/ctl.gif') top left no-repeat #FF7F00; }
.table_generic .cbl_primary { background: url('/img/cbl.gif') bottom left no-repeat #FF7F00; }
.table_generic .ctr_light { background: url('/img/ctr_light.gif') top right no-repeat #FFF8F0; }
.table_generic .ctr_dark { background: url('/img/ctr_dark.gif') top right no-repeat #FFF3E5; }
.table_generic .ctr_grey { background: url('/img/ctr_grey.gif') top right no-repeat #555E68; }
.table_generic .cbr_light { background: url('/img/cbr_light.gif') bottom right no-repeat #FFF8F0; }
.table_generic .cbr_dark { background: url('/img/cbr_dark.gif') bottom right no-repeat #FFF3E5; }
.table_generic .cbr_grey { background: url('/img/cbr_grey.gif') bottom right no-repeat #555E68; }
.table_generic .line_dark { border-bottom: 1px solid #FF9E3E; }
.table_generic .line_light { border-bottom: 1px solid #FFE5C7; }
.table_generic .line_left { border-left: 1px solid #FFE5C7; }
.table_generic .line_right { border-right: 1px solid #FFE5C7; }

/****************************
 support
 ***************************/

/* #support_intro, #support_intro p
{
    width: 450px;
    float: left;
}*/

a#support_alert
{
    display: block;
    float: right;
    width: 230px;
    border: 1px outset #ff7300; 
    -moz-border-radius: 1.3em;
    background: #ff7300;
    color: #fff;
    text-decoration: none;
    font-weight: bold;		
    padding: 20px;
    margin-left: 20px;
}
a#support_alert:hover
{
    background: red;
    border: 1px outset red; 
}	
a#support_alert:active
{
    border: 1px inset red;
}	

div#support_columns
{
    margin-top: 20px;
    clear: left;
}

div.support_column
{
    margin-top: 10px;
/*    width: 224px;*/
    width: 230px;
    margin-right: 20px;
    float: left;
 /*   border-right: 1px solid #eee; */
}
div .support_column p, div .support_related p
{
    width: 220px !important;
}

#NOTsupport_related
{
	position: absolute;
	left: 50%;
	margin-left: 150px;
	top: 100px;
}


div#support_related p
{
    width: 210px;
}
.support_column ul
{
    width: 200px;
}

li .list_desc
{
    font-size: 0.8em;
}



#service_schedule, #service_schedule *
{
	font-size: 12px;
}


/*******************************
 sIFR
 This goes in the stylesheet to hide the browser text
 before it is replaced
 ******************************/

.sIFR-hasFlash h1
{
	visibility: hidden;
}

.sIFR-hasFlash h2
{
	visibility: hidden;
	font-size: 24px;
}

.sIFR-hasFlash h3
{
        visibility: hidden;
        font-size: 18px;
}



.sIFR-flash
{
	visibility: visible !important;
}

.sIFR-replaced
{
	visibility: visible !important;
}

span.sIFR-alternate
{
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}
