﻿/* HTML ELEMENTS */
BODY {font-family: Helvetica, Verdana, Sans-Serif; font-size:11px;}
TD   {vertical-align:top;}

/* PAGE AND WRAPPER CLASSES */
.main-page-outer { text-align:center; width:950px;}

.pageTitle {width:800px; height:25px; background-color:Silver; 
            padding:5px 0px 0px 10px; font-weight:bold; font-size:14px;}

.top-customer-location, .planCompareTitles, .label-text, .modal-popup { color: Gray; }

/* HEADER CLASSES */
.header     {width:945px; height:235px; text-align:left; position:relative; left:-2px;}
.logo       {position:relative; left:50px; top:15px;}
.top-menu   {position:absolute; left:350px; top:40px; font-size:11px;}
.top-menu A {text-decoration:none; color:#000;}
.top-menu A:Hover {color:#c51a2c;}
.top-search {position:absolute; left:675px; top:35px;}
.top-search .SiteSearch {background-color:#c51a2c; color:White;}
.top-customer-location {position:absolute; left:675px; top:60px; font-size: 125%; font-weight: bold; }
.top-customer-location INPUT { border: none 0px Transparent; background-color: Transparent; color: Red; text-decoration: underline; cursor: hand; }

/* GENERAL CLASSES */ 
.label {font-weight:bold; padding-right:10px;}

.instant-quote-title {font-weight:bold; color:Gray; font-size:large;}
.error { color: Red; }

.cancel-button, .save-button {width:75px;}

/* RESPONSE TEMPLATE CLASSES */
.response-wrapper {width:666px; padding:1px 1px 1px 1px; background-color:White;}
.response-content {padding-left:10px; float:right; width:450px;}
.response-side {width:200px; padding-right:2px; border-right:solid 2px Gray;}
.response-content, .response-side {height:350px; background-color:White;}
.response-side-top {height: 325px;}
.response-side-bottom {height:25px; text-align:center; width:100%;}

/* CUSTOM CLASSES */
.language-selection {vertical-align:middle;}
.language-selection TABLE {height:25px;}
.language-selection TD {vertical-align:middle;}
.language-selection A {text-decoration:none; font-family:Arial; font-size:12px; color:Red;}

/* PRODUCT MENU BAR - MAIN */
#prod-upper div {float:left; height:100%;}
#prod-upper TD { height:41px;}
#prod-bar      { font-family:Franklin Gothic Medium, Corbel, Segoe Condensed, Agency FB; }
#prod-bar div  { height:40px; float:left; }
.prod-text     { font-size:14px; padding:7px 10px 0px 5px; color:#fff; font-weight:bold; font-family:Verdana;}
.prod-h-text   { font-size:16px; padding:14px 10px 0px 5px; color:#000; font-weight:bold; }
.prod-h-sub    { font-size:12px; padding:20px 5px 0px 5px; color:#000; font-weight:bold; 
                 text-decoration:underline;}
.prod-sub      { font-size:12px; padding:20px 5px 0px 5px; color:#000; }

/* PRODUCT MENU BAR - SUB MENU */
.prod-sub-menu {clear:both; background-color:#94bbd7; width:95%; height:50px;}
.prod-sub-menu TABLE {height:100%;}
.prod-name {background-color:White; padding:0px 20px 5px 5px;
            font-family:Franklin Gothic Medium, Corbel, Segoe Condensed, Agency FB;
            font-size:18px; letter-spacing:-2px; font-weight:bold;
            text-transform:uppercase;}

/* Customer Forms table */

.pdf-item-header { font-size:12px;padding:5px 10px 0px 5px; text-align:left;font-weight:bold; }
.pdfform-item { background-color:#cddfee; text-align:left;width:40%;font-size:12px; padding:5px 2px 2px 5px; color:#000;}
.pdf-item-Image {width:5%; padding:2px 2px 2px 5px;}
.pdfform-alternat-item {background-color:White; width:40%;font-size:12px; padding:2px 2px 2px 5px; color:#000;}


/* End  table */


#tabs TD {padding-right:20px; vertical-align:bottom; text-align:center;}
#tabs A  { text-decoration:none; font-size:11px;}
#tabs A:Hover { color:#ff0000; }
.tab-selected { background-color:#fff; color:#000; padding:0px 10px 0px 10px;
                  font-weight:bold; height:15px; overflow:hidden;}
.tab-selected A {color:#000;}

.tab-unselected  {color:#fff;}
.tab-unselected A {color:#fff;}
.tab-unselected A:Hover { color:#ff0000; }

.instant-quote-tab-unselected {background-color:#7096B2;font-size:100%; color:#fff; padding:10px 10px 0px 10px; overflow:hidden;
                  font-weight:bold; text-align:center; height:20px; width:90px;}

.instant-quote-tab-selected {background-color:#fff;font-size:100%; color:#000; padding:10px 10px 0px 10px; overflow:hidden;
                  font-weight:bold; text-align:center; height:20px; width:90px;}

.quote-person-table
{
	border-bottom:groove 1px Black;
	border-left:groove 1px Black;
	border-right:groove 1px Black;
	top:10px;	
	position:relative;
}

.quote-person-inner-table
{
	border:groove 1px Black; 
	top:20px;
	position:relative;
}

.instant-quote-long-term
{
	background-color:gray;
	padding:5px 0px 5px 15px;
	color:#fff;
	font-size:14px;
	font-weight:bold;
	height:17px;}

.Vertical-Text
{
	
}

.Slider
{
width: 218px;
height: 36px;
position: relative;
background-image: url('SliderHorizontalBackground.JPG');
background-repeat: no-repeat;
}

.slider_rail 
{
position: relative;    
height: 15px;
width: 200px;
}

.slider_handle 
{
position: absolute;
height: 40px;
width: 40px;
}

/* INSTANT QUOTE */

.quote-plan-seperator
{
	border-bottom:dashed 1px gray;
}
.instant-quote-compare
{
	background-color:#94bbd7;
	vertical-align:top;
	padding-left:10px;
}

.planCompareTitles
{
	text-align:right;
	font-weight:bold; 
	font-size:medium;
	width:25%;
}

.section-bar
{
	background-color:#70a5c6;
	padding:2px 0px 2px 15px;
	color:#fff;
	font-size:14px;
	font-weight:bold;
	height:17px;
	top:5px;
	position:relative;
}

.plan-amount-section
{
	background-color:#94bbd7;
	color:White;
	font-weight:bold;
}
.apply-now
{
 background-color: Transparent; 
 background-image: url(../Images/buttons/apply_now.gif); 
 background-repeat: no-repeat; 
 width:119px;
 height:28px;
 border:none;
}

.save-quote-and-apply
{
 background-color: Transparent; 
 background-image: url(../Images/red-arrow-button.gif); 
 background-repeat: no-repeat; 
 width:28px;
 height:28px;
 border:none;
}

.cancel-save-quote-and-apply
{
 background-color: Transparent; 
 background-image: url(../Images/buttons/close_white.gif); 
 background-repeat: no-repeat; 
 width:28px;
 height:28px;
 border:none;
}

.slider-text
{
 background-color: Transparent; 
 background-repeat: no-repeat; 
 width:28px;
 height:28px;
 border:none 0 #fff;
}

.label-text
{
	font-weight:bold;
}
/********/

.section2-headerOld {background-color:#4877BD; height:20px; font-weight:bold;
	vertical-align:middle; color:White; padding-left:10px;}
.section2-header {height:20px; font-weight:bold;
	vertical-align:middle; padding-left:10px;}
.section2-body {background-color:White; border-left: solid 1px #0099FF; border-bottom: solid 1px #0099FF;
	border-right: solid 1px #0099FF; padding-left:20px;}

#tblCPEList TH {text-align:left; background-color:#DEDEDE;}
#tblCPEList TD, #tblCPEList TH {padding-right:20px; border-bottom:solid 1px Silver; height:20px;}

.subheaderCPEList 
{
	font-weight:bold;
	font-size:16px;
	background-color:Transparent;
}

.subheaderCPEListInner
{
	
	font-weight:bold;
	font-size:14px;	
	background-color:Transparent;
}

/*CollapsiblePanel*/
.collapsePanel {
	background-color:white;
	overflow:hidden;
}

.collapsePanelHeader{
	width:100%;
	height:30px;
	background-repeat:repeat-x;
	font-weight:bold;
}

.sectionBody {}

.hidden
{
	visibility:hidden;
	display:none;	
}

.productColumn
{
    text-align: left;       
    white-space: nowrap;
    padding-right: 35px;
    vertical-align:middle;       
}
a.prod-submenu, a.prod-submenu:visited
{
  display: block;
  min-width: 150px;
  height: 18px;  
  border: 1px solid #d15360;
  padding: 2px 5px;
  background-color: #be192a;
  text-decoration: none;
  font-family: Verdana, Sans-Sherif;
  font-weight: 900;
  font-size: 11px;
  color: white;
}
a.prod-submenu:hover {background-color:#d15360;}

.prod-menuLink{text-decoration:none;color:#fff;cursor:pointer;}
/* Modals */

.modalBackground {
	background-color:Black;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modal-header
{
	vertical-align:middle; 
	border: 0px;
	padding: 0px;
    margin: 0px;
    border-collapse: collapse;    
    background-color: Transparent;
}

.modal-header-title
{
    margin-left: 5%;
    width: 30%;
    background-color: White;
    font-weight: bold;
}

.modal-popup
{
	background-color: Transparent;
	border: 0px;
	padding:0px;
	width:450px;
	height: 400px;
	font-size: 200%;
	font-weight: bold;
}

.modal-main
{
	padding: 5%;
	width: 100%;
	height: 100%;
	background-color: White;
}

.location-chooser-modal
{
	width: 350px;
	height: 200px;
}

.modal-popup input, .modal-popup select
{
    font-size: 80%;
}

.dialog-choice input
{
	padding-right: 20%;
	margin: 0px;
	font-weight: bold;
	color: #CC4D33;
	padding-left: 5%;
	background-color: Transparent; 
	border:none;
	cursor:hand;
    width: 100%;
}

.instant-quote-go
{
	padding-right: 20%;
	margin: 0px;
	text-align: right;
	font-weight: bold;
	color: #CC4D33;
	padding-left: 5%;
	background-color: Transparent; 
	border:none;
	cursor:hand;
    width: 100%;
}

/* End Modals */

.CustomerCare-text     {font-size:15px; padding:7px 30px 0px 30px; color:#fff; font-weight:bold;}

/* News */

.news-header
{
	background-color: #94bbd7;
	width: 100%;
	height: 50px;
	clear: both;
}

.news-item-number
{
	font-size: 16px;
	font-family: Arial;
	font-weight: normal;
	width: 10%;
	float: left;
	margin-left: 5%;
}

.news-item-title
{
    font-size: 16px;
    font-weight: bold;
    font-family: Arial;
    color: #648BD8;
    width: 80%;
    float: left;
    text-decoration: none;
    background-color: Transparent;
    border: none;
    text-align: left;
}

.news-item-title:visited
{
	color: #94bbd7;
}

.news-item-title:hover
{
	text-decoration: underline;
}

.news-item-description
{
	font-size: 12px;
	font-family: Arial;
	width: 100%;
	float: left;
	margin-left: 15%;
	padding-bottom: 10px;
}

.news-item-date
{
	font-size: 12px;
	font-family: Arial;
	width: 100%;
	float: left;
	margin-left: 15%;	
}

.news-item-content
{
	padding: 3%;
}

/* End News */