﻿/*  You can import other styles into this one using: @import url(other_styles.css); */
@import url(onlinecomcast.css);

/****************************/
/***     Global Styles    ***/
/****************************/

#dvGlobalWrapper {overflow:hidden; background:#FFF; width:970px; margin:0 auto; text-align:left; line-height: normal; }
    #dvGlobalWrapperContainer{ width: 935px; margin: 0 auto; }

#dvGuestHeader {}
    #dvGuestHeaderContainer{}
    
#dvSaveologyContent{}
    #dvSaveologyContentContainer{ position: relative; }
    
#dvGuestFooter{clear:both;}

#dvGuestFooterContainer
{
	color:#999999;	
}    
#dvGuestFooterContainer a
{
	color:#999999;
	text-decoration:underline;
}    
            
.clear
{
    clear:both;
    height:1px;
    overflow:hidden;
}
/****************************/
/**** PROFILE INFORMATION ****/
/****************************/

#dvProfileInformation,#dvFailure
{
    width: 930px; margin: 10px 0 0 0; text-align: left;
}

#dvProfileInformation h1, #dvFailure h1
{
    font-size:20px;
    margin:0 0 20px 0;
    padding:0;
}
#dvProfileInformation h2, #dvFailure h2
{
    background: #ccc;
    color:#000;
    padding:5px;
    font-size: 14px;
}
#dvProfileInformation td, #dvFailure td
{
    padding:4px;
}
#dvProfileInformation span
{
    font-weight:bold;
}

a:hover {cursor:pointer; color: #FF00FF} 

/*#phone-banner_cont {
background:transparent url(../images/phone-bar.jpg) no-repeat scroll 0 0;
height:26px;
margin:20px auto 20px;
width:943px;
line-height:19px;
}
#phone-banner_cont .redfont {
color:#CC0000;
font-family:Arial,Helvetica,sans-serif;
font-size:19px;
font-weight:bold;
margin-left:660px;
line-height:19px;
}*/
/****************************/
/***   Homepage Styles    ***/
/****************************/

#dvHomeContent
{
}

#dvHomeSearchSectionCntnr { width: 220px; position: absolute; top: 65px; right: 70px; z-index: 1; }
 
/*** Main Homepage Search Form ***/
#dvHomeSearchSectionTop 
{
    display:none;
}

#dvHomeSearchSectionBottom 
{
    display:none;
}
#ctl00_MainContent_ServiceSearch1_validationContainer
{
	width:275px;
}
#home_form #dvHomeSearchSection
{
     width: 289px; 
     float: left;
}

#dvHomeSearchSection h3
{
   color:#000;
    font-size:16px;
    font-weight:bold;
    margin:40px 5px 10px 5px;
}

#dvHomeSearchSection #dvSearchForm
{
    padding:10px 5px;
   font-size:11px;
   height:142px;
}

#dvHomeSearchSection #dvSelectService h4
{
    display:none;
}
#dvHomeSearchSection #dvSearchForm p
{
    font-size:11px;
    color:#fff;
    /*margin-left:5px;*/
}
#dvHomeSearchSection #dvSelectService p
{
    display:none;
}
#dvHomeSearchSection #dvSelectService ul
{
   display:none;
}

#dvHomeSearchSection #dvSelectService li
{
    margin:0;
    padding:0;
    float:left;
}

#dvHomeSearchSection #dvSelectService li.liLeftColumn
{
    width:65%;
}
#dvHomeSearchSection #dvSelectService li.liRightColumn
{
    width:35%;
}
#dvHomeSearchSection #dvSearchAddressFields
{
    clear:both;
    width:255px;
    height:100px;
    color:#000;
    font-size:12px;
    padding-top:25px;
}
#dvHomeSearchSection #dvSearchAddressFields div.dvFormRow
{
	margin-bottom: 5px;
}

#dvHomeSearchSection #dvSearchAddressFields p
{
    position:relative;
    top:-45px;
    color: #555555; 
    /*margin-top:-10px;*/
}
#dvHomeSearchSection #dvSearchAddressFields .dvFormRow
{
   position:relative;
    top:-30px;
    margin:0;
    padding:0;
    line-height:11px;
}
#dvFormAddress1
{
    width:275px;
    float:left;
}
#dvHomeSearchSection #dvSearchAddressFields #dvFormAddress2
{
    margin-bottom: 5px;
    float:left;
}

#dvHomeSearchSection #dvSearchAddressFields #dvFormZip
{
    padding-top:5px;
    clear:both;
}
#dvHomeSearchSection #dvSearchAddressFields label
{
    width:60px;
    float:left;
    display:block;
    font-weight:bold;
    text-align:right;
    padding-right:5px;
    margin-top:4px;
}

#dvHomeSearchSection #dvSearchAddressFields #dvFormAddress2 input
{
    width:40px;
}
#dvHomeSearchSection #dvSearchAddressFields #dvFormZip input
{
    width:60px;
}

#dvHomeSearchSection span#spWhy
{
    color:#555;
    text-decoration:underline;
    cursor:pointer;
    padding-left:15px;
    display:none;
}

#dvHomeSearchSection #dvSearchForm input.btnHomeSubmit
{
    display:block;
    /*width:100%;*/
    width:150px;
    /*height:20px;*/
    background: url(../images/Btn-Your-Offer.jpg) center top no-repeat;
    height:0px;
    border:none;
    /*padding-top:29px;*/
    height /**/: 29px;
    float:none;
    margin-top:-20px;
    cursor: pointer;
    margin-left:40px;
}


/*** Call now at bottom of search form ***/
#dvHomeSearchSection #dvSearchCallNow
{
    clear:both;
    margin:55px 0 0 0 ;
    text-align:center;
    display:none;
}
#dvHomeSearchSection #dvSearchCallNow span.spCallToAction
{
    color:#000;
    font-size:12px;
    font-weight:bold;
    text-align:center;
}
#dvHomeSearchSection #dvSearchCallNow span.spPhoneNumber
{
   color:#000;
    font-size:12px;
    font-weight:bold;
    text-align:center;
}

/*** Search banner content ***/

#dvSearchContent 
{
    width:292px;
    float:left;
    height:220px;
    background: url(../images/default/main_offer_bg.jpg) no-repeat;
    color:#fff;
}
#dvSearchContent h3
{
    margin:0;
    padding:0;
    color:#FFFFFF;
    font-size:16px;
    font-weight:bold;
    text-align:center;
}

#dvSearchContent ul
{
    margin-top:45px;
    margin-left:20px;
}
#dvSearchContent li
{
    color:#FFFFFF;
    font-size:14px;
    font-weight:bold;
    margin:8px 0;
    list-style-type:disc;
    margin-left:20px;
}

/*** Home Page - Bottom breakouts ***/

#dvHomeContent
{
    clear:both;
    width:760px;
    margin:0 auto;
    
}
#dvDigitalCable, #dvHomePhone, #dvInternet
{
    width:240px;
    float:left;
    padding:6px;
}
#dvDigitalCable ul, #dvHomePhone ul, #dvInternet ul
{
   margin:10px;
   padding:0;
   list-style:circle;
}
#dvDigitalCable li, #dvHomePhone li, #dvInternet li
{
   margin:10px;
   padding:0;
   list-style-type:disc;
}
#dvDigitalCable h3, #dvHomePhone h3, #dvInternet h3
{
  margin:10px;
  font-size:16px;
font-weight:bold;
 color:#000099;
}
#dvDigitalCable, #dvHomePhone
{
    background: url(../images/default/v_line.jpg) right top no-repeat;
}
#dvDigitalCable h2
{
    height:54px;
    background: url(../images/default/cable_icon.jpg) no-repeat;
    padding-left:70px;
    font-size:22px;
    color:#000099;
}

#dvHomePhone h2
{
    height:54px;
    background: url(../images/default/d_phone_icon.jpg) no-repeat;
    padding-left:80px;
    font-size:22px;
    color:#000099;
}

#dvInternet h2
{
    height:54px;
    background: url(../images/default/internet_icon.jpg) no-repeat;
    padding-left:100px;
    font-size:22px;
    color:#000099;
}


/**********************************/
/***   Search Results Styles    ***/
/**********************************/


/*** Address Available ***/
#dvSaveologyContent #dvAddressAvailable
{
    background:#fff;
    border:1px solid #efefef;  
    width: 910px;  
}

#dvSaveologyContent #dvAddressAvailable h3
{
    font-size:18px;
    color:#0078c9;
}

#dvSaveologyContent #dvAddressAvailable p
{
    /* Additional Styles */
}



/*** Filter bar ****/

#dvFilter { margin-right: 10px; }
#dvSearchResults { margin-right: 15px; }

#dvSaveologyContent #dvFilter h3
{
    background: url(../images/filter-top.gif) no-repeat -25px;
}

#dvSaveologyContent .clsFilterGroup h4
{
   /* Change Sub-heading sytles filters */
}

/** AJAX stuff **/


#dvSaveologyContent #loadingBar
{
  
}


/*** RESULTS GRID ****/

#dvSaveologyContent .clsOfferTitle {
background:#EFEFEF;
}

#dvSaveologyContent .clsOfferTitle h3
{
    color:#0078C9;
}
#dvSaveologyContent .clsOfferPrice
{
    background:#EFEFEF;    
}

#dvSaveologyContent .clsOfferPrice h3
{
    /* This is for plans WITH a PRICE */
    color:#000;

}
#dvSaveologyContent .clsOfferPrice h4
{
    /* this is for plans with NO PRICE */
    color:#000;
}

#dvSaveologyContent .clsOfferDetails ul li
{
    background: url(../images/rsltsbull-arrow.gif) 0 5px no-repeat;
}
#dvSaveologyContent .selectplan_bt
{
  
    /* Width and Height of Image
        ONLY change this if it's not the same
    height:26px;
    width:120px;
    
   */
}


#dvSaveologyContent .clCallForOffer h4
{
    font-size:16px;
    color:#ff0000;
}

/*** Shopping Cart ***/

#dvSaveologyContent #dvShoppingCartWrapper
{	
    /** This is the repeating background for the container **/
    background:none;	
    position:fixed;
    border:1px solid #003375;
    background: #ecf0f9;
    width:227px;
    padding-bottom: 5px;
}
#dvSaveologyContent #dvShoppingCart h3
{
    background:url(../images/shopping_cart_header.gif) no-repeat;
    height:30px;
}   
#dvSaveologyContent #dvShoppingCart h4
{
    font-size:13px;
    font-weight:bold;
}

#dvSaveologyContent #dvShoppingCart p
{
    /** add styles to the details **/
    
}
#myCart { padding: 5px; }

#dvSaveologyContent .btnCheckOut
{
    background:transparent url(../images/shopping_cart_button.gif) center no-repeat;
}
/** Generic Styles **/


body .clsSplashLogo
{
    background: url(../images/logo-splash.gif) top center no-repeat;
}   


/*****TABVIEW Skin*****/
.yui-nav
{
   display:none;
}
#dvSort
{
    display:none;
}   
.yui-nav li
{
    float:left;
    height:25px;
    padding:0;
    margin:0;
    width:auto;
}

.yui-nav li a
{
    display:block;
    padding:.5em .75em;
}


/* .yui-navset defaults to .yui-navset-top */
#dvSaveologyContent .yui-skin-sam .yui-navset .yui-nav,
#dvSaveologyContent .yui-skin-sam .yui-navset .yui-navset-top .yui-nav { /* protect nested tabviews from other orientations */
    border:solid #990000; /* color between tab list and content */
    border-width:0 0 5px;
    position:relative;
}

#dvSaveologyContent .yui-skin-sam .yui-navset .yui-nav li,
#dvSaveologyContent .yui-skin-sam .yui-navset .yui-navset-top .yui-nav li {
    margin:0 0.16em 0 0; /* space between tabs */
    padding:1px 0 0; /* gecko: make room for overflow */
}

#dvSaveologyContent .yui-skin-sam .yui-navset .yui-nav .selected,
#dvSaveologyContent .yui-skin-sam .yui-navset .yui-navset-top .yui-nav .selected { 
    margin:0 0.16em -1px 0; /* for overlap */
}

#dvSaveologyContent .yui-skin-sam .yui-navset .yui-nav a,
#dvSaveologyContent .yui-skin-sam .yui-navset .yui-navset-top .yui-nav a {
    color:#000;
    text-decoration:none;
}

#dvSaveologyContent .yui-skin-sam .yui-navset .yui-nav a em,
#dvSaveologyContent .yui-skin-sam .yui-navset .yui-navset-top .yui-nav a em {
    cursor:pointer;
    padding:0.25em .75em;
    left:0; right: 0; bottom: 0; /* protect from other orientations */
    top:-1px; /* for 1px rounded corners */
    position:relative;
    font-style:normal;
}
#dvSaveologyContent .yui-content
{
    position:relative;
}

#dvSaveologyContent .yui-skin-sam .yui-navset .yui-nav .selected a,
#dvSaveologyContent .yui-skin-sam .yui-navset .yui-nav .selected a:focus, /* no focus effect for selected */
#dvSaveologyContent .yui-skin-sam .yui-navset .yui-nav .selected a:hover { /* no hover effect for selected */
    background:url(../images/tab.png) repeat-x left -200px; /* selected tab background */
    color:#fff;
}

#dvSaveologyContent .yui-skin-sam .yui-navset .yui-nav a:hover,
#dvSaveologyContent .yui-skin-sam .yui-navset .yui-nav a:focus {
    background: url(../images/tab.png) repeat-x left -100px; /* selected tab background */
    outline:0;
}

#dvSaveologyContent .yui-skin-sam .yui-navset .yui-nav .selected a em {
    padding:0.35em 0.75em; /* raise selected tab */
}

#dvSaveologyContent .yui-skin-sam .yui-navset .yui-nav .selected a,
#dvSaveologyContent .yui-skin-sam .yui-navset .yui-nav .selected a em {
}

#dvSaveologyContent .yui-skin-sam .yui-navset .yui-content {
   /* background-color:white;  content background color 
   border:1px solid #1B9023;*/
}

#dvSaveologyContent .yui-skin-sam .yui-navset .yui-content,
#dvSaveologyContent .yui-skin-sam .yui-navset .yui-navset-top .yui-content {
  /*  border:1px solid #e1e1c9;  content border */
    padding-top:10px;
    /*padding:0.25em 0.5em; ccontent padding */
}

/***** Content Pages Search Form ***********************************************/
#search.contentbox { background: #fff; float: none; position: absolute; top: 320px; left: 0; width: 922px; height: 80px; color: #000; font-size: 12px; padding: 8px 0 0 8px;  }
#search.contentbox p { margin: 0; padding: 0; }
#search.contentbox ul { margin: 0; padding: 10px 0 0 0; width: 620px; }
#search.contentbox #mySearchWidget { position: relative; }

#search.contentbox p.call { font-size: 14px; color: #FF770B; font-weight: bold; margin-top: 5px; }
.clsSearchAddress1{width:150px;}
.clsSearchAddress2{width:150px;}
.clsSearchZip{width:150px;}

.clsWidgetBox{height:20px;}
#offer_phone{float:left;}
/* Thank You ----------------------------------------------------------------------------------------------------------------- */

.thankyou_t {
	width: 735px; height: 23px; background: #ccc; margin-top: 30px; font-size: 16px; font-weight: bold; color: #000; padding: 5px 0 0 5px; }	
#thankyou-summary {
	width: 745px; margin: 10px 0; }
#thankyou-summary p {
	margin: 0; padding: 0; font-size: 14px; }

#thankyou-summary a:hover {cursor:pointer; color:blue;}
#thankyou-summary a{color:black; text-decoration:underline;}
#thankyou-summary a:active{color:black;}
#thankyou-summary a:visitec{color:black;} 

#thankyou-summary-dtls_t {
	width: 735px; height: 20px; background: #ccc; color: #000; font-size: 14px; font-weight: bold; padding: 5px 0 0 5px; margin-top: 10px; }
#thankyou-summary-dtls_t ul {
	margin: 0; padding: 0; }
#thankyou-summary-dtls_t ul li {
	float: left; display: block; }
#thankyou-summary-dtls_t ul li.first {
	width: 550px; }
#thankyou-summary-dtls_t ul li.second {
	width: 100px; }
#thankyou-summary-dtls {
	width: 745px; margin: 5px auto; font-size: 12px; }
#thankyou-summary-dtls ul {
	margin: 0; padding: 0; }
#thankyou-summary-dtls ul li {
	float: left; display: block; }
#thankyou-summary-dtls ul li.first {
	width: 570px; }
#thankyou-summary-dtls ul li.second {
	width: 95px; }
#thankyou-summary-dtls-total {
	width: 714px; height: 20px; font-size: 14px; font-weight: bold; text-align: right; margin: 20px 0; padding-right: 60px; }
#thankyou-summary p strong {
	color: #ff0000; font-size: 14px;}
#thankyou-info {
	width: 745px; height: 150px; margin: 10px 0 15px 0; }
#thankyou-info ul {
	margin: 0 0 0 10px; padding: 0; }
#thankyou-info ul li {
	float: left; display: block; }
#thankyou-info ul li.first {
	width: 260px; }
#thankyou-info ul li.second {
	width: 260px; }
#thankyou-info ul li span {
	font-size: 14px; font-weight: bold; color: #ff0000; }
#thankyou-info ul ul {
	margin: 5px 0 0 0; padding: 0; }
#thankyou-info ul li li {
	float: none; list-style-type: none; font-size: 12px; padding-bottom: 3px; }
#thankyou-info ul li li label {
	width: 90px; display: inline-block; font-weight: bold; }
#thankyou-specials_t {
	width: 797px; height: 30px; background: url(../images/thankyou/specialoffers-back.gif) repeat-x; margin-top: 50px; }
#thankyou-specials {
	width: 797px; height: 100px; }
#dvSuccess { text-align: left; margin-left: 15px; }
#clubcash { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 5px; font-size: 12px; }
#clubcash h4 { margin: 0; padding: 0; font-size: 14px; }
#clubcash .red { color: Red; font-weight: bold; }
#clubcash p { margin: 5px 0; font-size: 12px; }

/* Customer Service Start */
/*#clsCustomerService body
{
	color:black; font-family:Arial, Helvetica, Sans-Serif; font-size:14px;}*/
#clsCustomerService #container {
	width: 600px; margin: 0 auto 20px auto; background: #fff;}
#clsCustomerService #content
{
	color:black; font-family:Arial, Helvetica, Sans-Serif; font-size:14px;
	margin: 20px 50px 30px 20px;}
#clsCustomerService #header {
	margin: 0 0 20px 0; background-color:#003366; color:#ffffff; padding:10px; font-size:20px;}

#clsCustomerService ul li {
	line-height:18px;}
#clsCustomerService .region_numb-table {
	width: 500px; border: 1px solid #666; margin:10px 0 0 0;}
#clsCustomerService .region_numb-table td, .region_numb-table th 
{
	color:black; font-family:Arial, Helvetica, Sans-Serif; font-size:14px;
	text-align: center; border: 1px solid #666; }
#clsCustomerService .region_numb-table th.region, .region_numb-table th.number {font-weight:bold;}

#contentofferbox-body a{ color:#000000; text-decoration:underline;}
#clubsquad{ display: block; float: right; padding: 20px 5px 20px 0;}


