/* 
**
**
/* 
**
**
Contents:
---------
1. GLOBAL
2. LANDING PAGE
  A. LP PACKAGE
  B. INFO FORM
3. BREADCRUMB
4. CUSTOMER INFORMATION INPUT
5. SELECT PLAN
  A. ELEMENT PLAN INFO
6. BUNDLES
7. ORDER FORM 
8. CONFIRMATION PAGE  
  A. CONFIRMATION MESSAGES
9. SERVICE CHECK/ORDER WAIT PAGES
10. FORM ELEMENTS
11. ERRORS
**
Order of Declaration Values:
----------------------------
1. CONTAINER MODEL: position > float > display/visibility > top > left > height > width > margin > padding > 
2. CONTAINER VISUAL: background (img > repeat > left/right > top/bottom > color) > border (size > line-type > color) > 
3. FONT & ORIENTATION: font-family > font-size > font-weight > font-style > text-decoration > line-height > color > text-alignment
**
What is EDIT?
-------------
EDIT is used to call out styles that need to change per site schema.
**
*/


/* 1. GLOBAL
--------------------------------------------------- */

body {background-color: #eee; margin: 0;}

p, div {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #333;}

/* EDIT: a, a:hover color */
a, a:hover {font-weight: 400; text-decoration: underline; color: #648f3f;}
/* Secondary anchor class */
a.edit, a:hover.edit {font-weight: 800; text-decoration: underline; color: #333;}

/* EDIT: h1 color */
h1 {font-size: 16px; line-height: 12px; color: #648F3F;}
/* EDIT: h2 color */
h2, .subhead {margin: -10px -10px 0 -10px; padding: 2px 6px; background: #666; border-top: 3px solid #648F3F; font-size: 12px; color: #fff;}
  h2 p {float: right; margin-top: 1px; color: #fff; font-weight: 800;}
  h2 span {font-weight: 400;}
h3 {font-size: 12px;}
  h3 span {font-weight: 400;}
h4 {}
h5 {font-size: 14px; margin-top: -10px; color: #7ac142;}
h6 {margin: 0; font-size: 14px;}

#container {width: 750px; margin: 0 auto 20px auto; background: #fff;}

#content {margin-top: 50px; padding: 0 40px;}

/* EDIT: #header background color */

#header {}
#header img {}

#lp_header {
    height: 100px; 
    width: 750px; 
    padding: 0px;
    background: url(http://media.phone.timewarnercableoffers.com/m/site/phone.timewarnercableoffers.com/exp/default/images/header_lp-timewarner_phone.gif) no-repeat; / *change per mso */
    font-family: "Arial", "sans-serif";
    _height: 100px;
}

#orderblock {
    color:#FFFFFF;  / *change image per mso */
    margin-top: 0px;
    margin-left: 400px;  / *change image per mso */
    line-height: 13px;
    height: 55px;
    padding-top: 27px;
    padding-right: 10px;
    text-align: right;
}

#orderblock a {
	color: #FFFFFF;
}
     
.orderbyphone {
    font-size: 13px;
    padding-left: 21px;
}

.phonenumber { 
    font-size: 18px;
    font-weight: 600;
}

.repsavailable {
    font-size: 9px;
}

.promocode {
    font-size: 11px;
}

/* Chat to Order styling */
#order_by_phone p.chat_to_order {
	height: 41px;
	background: url(http://media.phone.timewarnercableoffers.com/m/site/phone.timewarnercableoffers.com/images/chat_online.gif) 36px 3px no-repeat;
	padding: 15px 0 0 93px;
	text-align: left;
	font-size: 13px;
	font-weight: 800px;
	text-decoration: none;
	cursor: pointer;
}
#order_by_phone p.chat_to_order.unavailable {
	background: url(http://media.phone.timewarnercableoffers.com/m/site/phone.timewarnercableoffers.com/images/chat_offline.gif) 30px 3px no-repeat;
	padding: 15px 0 0 88px;
	cursor: auto;
}
.chat_link {
	text-decoration: underline;
}

.custservice {
    font-size: 12px;
}


/* EDIT: #footer background image */
#footer {width: 730px; padding: 10px;}
#footer_lp2 {width: 730px; padding: 10px; border-top: 1px solid #999; margin:auto;}
    #footer a {margin-right: 9px; padding-left: 12px; text-decoration: none; color: #648f3f;}
      #footer a:hover {text-decoration: underline;}
    .copyright {float: right; color: #648f3f;}
#footer_lp2 a {margin-right: 9px; padding-left: 12px; text-decoration: none; color: #648f3f;}
      #footer_lp2 a:hover {text-decoration: underline;}
#footer_lp td { border:medium none; width:25%; }

#footer_pop {height: 23px; padding: 10px; border-top: 1px solid #999;}
    #footer_pop a:hover {text-decoration: underline;}

/* Used mainly on the confirmation page to automatically color the confirmation number */
strong strong {color: #9bcd00;}

img {border: none;}
label {cursor: text;}
li {margin-bottom: 5px;}
.strong {font-weight: 800;}

/* text-align optional classes */
.center {text-align: center;}
.right {text-align: right;}
.left {text-align: left;}
.nobr {white-space: nowrap}

/* PREMIUMS */
#premiums {padding: 5px;}
	#premiums p {color: #999;}

/* FAQ TABLE OF CONTENTS */
#toc p {line-height: 5px;}


/* 2. LANDING PAGE
--------------------------------------------------- */

#lp_container {width: 750px; margin: 0 auto 20px auto;}

/* Hides the title for the background image */
.title {display: none;}

/* A. LP PACKAGE -------- */
/* EDIT: #lp_package declarations */
#lp_package {width: 330px; top: 100px;}
/*#lp_package {float: left; margin: -20px 0px 0px 0px;}*/

/* B. INFO FORM -------- */
#info_form_container {position: relative; top: 18px; left: 445px; width: 283px;}
#info_form {padding: 7px 0 14px 34px; margin: 0; border-left: 2px solid #648f3f ; border-right: 2px solid #648f3f ;}
/* EDIT: .headline color */
.headline {font-size: 12px; font-weight: 800;} 
.headline span.sub {font-size: 11px; font-weight: 400;}


#info_form p {padding: 0 10px 0 45px; text-align: left;} 
#info_form p.required_input {width: 295px; margin-bottom: 8px; text-align: right;}  
#info_form .customer_information_input {}

.getoffers { background: none; border: 0;}

/* Rounded Corners for #info_form */
#info_form_top {width: 330px; height: 14px;}
#info_form_bottom { width: 330px; height: 14px;}

/* Adds a taller margin for the landing page #footer only */
#lp_container #footer {margin-top: 145px;}

/* Header link on landing page */
a#details, a:hover#details {position: relative; float: right; display: block; height: 30px; top: 3px; margin-right: 10px; padding: 15px 115px 0 0; font-size: 11px; font-weight: 800; text-decoration: none; color: #444;}

#disclaimer { padding: 0 90px 20px 24px;}
#disclaimer p {color: #666; font-size: 10px;}

#footer_container {background: #fff;}

/* EDIT: p.offer_ends color */
span.offer_ends { font-size: 16px; font-weight: 800; color: #648f3f; position: relative; top: 10px; right: 0;}

p.last_updated { display: none;}


/* 3. BREADCRUMB
--------------------------------------------------- */

#breadcrumb {margin-left: 20px; font-family: Geneva, Arial, Helvetica, sans-serif;}

  #breadcrumb p, #breadcrumb em {display: inline; color: #999999;}    
    #breadcrumb p {font-size: 12px;}
    #breadcrumb em {margin: 5px 4px 0 0; font-size: 20px; font-style: normal; font-weight : 800px;}
    
    #breadcrumb span.box {display: block; float: left; padding: 0 10px; height : 27px;}
      /* Secondary class used to style selectedbread crumb items */
      /* EDIT: #breadcrumb span.box.selected bottom-border color */
      #breadcrumb span.box.selected {border-bottom: 6px solid #FBAC38;} 
        /* EDIT: #breadcrumb span.box.selected p color */
        

/* 4. CUSTOMER INFORMATION INPUT
--------------------------------------------------- */

.customer_information, .customer_information_input {margin-top: 10px; border: 0;}  
  .customer_information label {display: block; clear: both; margin-bottom: 10px; text-align: left;}
  .customer_information_input label {display: block; clear: both; margin-bottom: 2px; text-align: left;}
  
  .customer_information_input input {margin-top: 2px;}
  .customer_information_input span.disp {display: inline; float: none; font-weight: 800;}
  
  .customer_information span, .customer_information_input span {float: left; display: block; width: 112px; margin-right: 5px; text-align: right;}   
	.customer_information_input span.input, .customer_information_input 
span.input_error {text-align:left;}
span.input_error #id_user_address {background: #ffc60c; border: 1px solid #f00; !important;}
span.input_error #id_user_zipcode {background: #ffc60c; border: 1px solid #f00; !important;}
  .customer_information span {font-weight: bold;}
  
  /* Required icon */
  .order_form_left .customer_information_input em.required_icon span {display: inline; color: #fbac38;}
  .order_form_left .customer_information_input 
em.required_icon {padding: 0 3px;}
  .order_form_left .customer_information_input em.required_icon span {visibility: hidden; float: none;}
  
  .form_section {padding: 20px 0 10px 0; margin-top: 10px; border: 0; border-top: 1px dashed #666;}
    .form_section input {float: left; margin: -1px 8px 0 0; border: 0; background: #fff;}  
    .form_section p, .form_section h3 {padding-left: 25px;}
    .form_section .list_fix ul .radiogroup-options {margin-left: -20px;}
    .form_section .list_fix ul li input {margin-left: -30px;}
    .form_section .list_fix ul {margin-bottom: -10px;}
    
  .mail_in_rebate {font-size: 10px; font-weight: 400;}
  .form_section fieldset {border: 0;}
    .install_options {margin-top: -40px;}
    .options-select {margin-bottom: 20px;}
  
  /* EDIT: .upsell backgorund image */
  .upsell_phone {}
  /* EDIT: margin-left - align with .upsell background image */
  h3.upsell_header {padding-left: 45px; font-size: 16px; font-weight: 800; color: #648F3F;}
  .upsell_selection {margin: 5px 0 20px 0;}

#button {height: 47px; width: 447px; margin: -11px 0 0 0;}
  #button input {background: none;}
  input.search {border-style: none; background: none;}
  
  .submit {cursor: pointer; margin-bottom: 10px; background: #fff; border: 0;}
  
  .required_input {font-weight: 800;}
  .parenthesis {margin: -1px 0 4px 0; padding-left: 120px;}
    

/* 5. SELECT PLAN
--------------------------------------------------- */
  
  /*   A. ELEMENT PLAN INFO - Stand-alone HSD with CDV Upsell */
  .results_box_promo {padding: 5px; background: #eee; border: 1px solid #686868;}
  .results_box_plan_details {padding: 10px;}
  .results_box_plan_title {margin: 0 0 5px 0; font-weight: bold; font-size: 13px; color: #333;}
  .plan-title em {font-size:10px;}
  .results_plan_details {padding: 5px; color: #666;}
  .plan-select {width: 500px; color: #666; padding: 5px;}
  table.plan-copy .label {vertical-align: top; text-align: right; font-weight: bold; width: 150px; padding: 0px;}
  table.plan-copy .detail {vertical-align: top; text-align: left; width: 250px; padding: 0px; padding-left: 5px;}
  
  .monthlyfee {margin-top: 0; padding: 3px; background: #686868; font-size: 13px; font-weight: 800; color: #fff;}
  .select_this_plan {position: absolute; margin: -40px 0 0 0;}

.select_hd {font-weight: 800;}
  .select_hd input {margin-left: -20px;}
  .select_hd .hd_sub {font-weight: 400;}
  
/* 6. BUNDLES
--------------------------------------------------- */

.bundle_box {margin-bottom: 20px; padding-bottom: 10px; border: 1px solid #686868;}
  .bundle_box_button {height: 45px; width: 447px; margin: -1px 0 20px 0;}
    .button_order_bundle {position: absolute; margin: -55px 0 0 295px; padding: 0; border: 0px;}
  .bundle_left_borderless {width: 445px; border: 0;}
  .bundle_box_left {border-right: 1px solid #cbcbcb;}
  .bundle_box_right {border-left: 1px solid #cbcbcb;}
    .bundle_left, .bundle_right {padding: 10px;}

    .bundle_subhead p {margin: 10px 5px; font-size: 12px; font-weight: 800;}

    .bundle_left_full_view {margin-top: 10px;}
    .full_view_box {width: 100%; margin: 5px 0; padding: 5px 0; border-top: 1px dashed #cbcbcb;}

  .bundle_title, .bundle_price {padding: 5px 10px;}
    .bundle_title {width: 40%; background: #666;}
    .bundle_price {width: 60%; background: #000; text-align: right;}

  .service {font-size: 12px; font-weight: 800;}
  .bundle_promo {display: block; margin-bottom: -6px; font-size: 12px; font-weight: 800;}

  .bundle_offers {margin: 4px 0 8px 0; font-size: 11px; font-weight: 800; color: #666;}
    .bundle_offers_rebate {font-size: 9px; font-weight: 400; color: #666;}
  a.bundle_link, a:hover.bundle_link {font-size: 10px; color: #666;}

  h5.bundle_header_left, h5.bundle_header_right {margin: 0; padding: 4px; font-size: 12px; color: #fff;}
    h5.bundle_header_left {font-size: 14px; line-height: 14px;}
    h5.bundle_header_right span.big {font-size: 24px;}
    h5.bundle_header_right sup {font-size: 16px;}

  /* BUNDLE DETAILS POPUP */
  .bundle_detail_price {font-size: 14px; font-weight: 800; color: #000;}
  .bundle_subhead {font-size: 12px; font-weight: 800;}

  .bundle_sub {color: #E96B10;}

  a.view_details, a:hover.view_details {color: #515151;}

  .premium_header {margin-top: 5px; padding-top: 5px; border-top: 1px dashed #cbcbcb; font-size: 14px; font-weight: 800;}

  div.options-select h5 {margin-top: 10px;}
  div.options-select fieldset {margin: 0; padding: 0; border: 0;}
  div.options-select fieldset fieldset {border: 1px solid #666; padding: 20px; width: 485px;}
  .option_select {background: #fff;}
    .option_select legend {font-size: 12px; font-weight: 800;}
    .option_select ul li input {margin-left: -15px;}

  .plan_subhead {display: block; font-size: 11px; font-weight: 800; color: #000;}

  /* Right-side Bundle Info Display */
  #order_bundle_info {}
    #order_bundle_info .service {display: none;}
    #order_bundle_info .plan_subhead {display: block; color: #000;}
    #order_bundle_info .bundle_service_names {font-size: 10px; color: #4D4D4D;}

    .bundle_icons {margin: -8px 0 12px 0;}
      .bundle_icons sup {position: relative; top: -7px; font-size: 12px; color: #999;}
      
  /* Styles the main price promotion */
  p.plan_header {font-size: 12px; font-weight: 800;}
    .service_offer_dataoffer, .service_offer_videooffer, .service_offer_voiceoffer {height: 20px; padding: 3px 0 0 23px; font-size: 11px; font-weight: 800;}
      .service_offer_dataoffer {}
      .service_offer_videooffer {}
      .service_offer_voiceoffer {}

  .dataoffer {display: block; height: 15px; margin-bottom: 5px; padding: 5px 0 2px 29px; font-size: 12px; font-weight: 800; color: #25177A;}
  .videooffer {display: block; height: 15px; margin-bottom: 5px; padding: 5px 0 2px 29px; font-size: 12px; font-weight: 800; color: #E96B10;}
  .voiceoffer {display: block; height: 15px; margin-bottom: 5px; padding: 5px 0 2px 29px; font-size: 12px; font-weight: 800; color: #648F3F;}
    .bundle_copy {font-size: 10px; font-weight: 400; color: #666;}
    
  /* Right-side Bundle Info Display */
  #order_bundle_info {}
    #order_bundle_info .service {}
    #order_bundle_info .plan_subhead {display: block; color: #000;}

    .bundle_icons {margin: -8px 0 12px 0;}
      .bundle_icons sup {position: relative; top: -7px; font-size: 12px; color: #999;}
  

/* 7. ORDER FORM
--------------------------------------------------- */

#order_form {margin:0 10px;}
  
  #order_form table {width: 100%;}  
  #order_form tr {vertical-align: top;}  
  #order_form td {padding: 0;}
  #order_form li {list-style:none;}
  
.order_form_left, .order_form_right {padding: 10px; border: 1px solid #686868;}
  .order_form_left {padding-bottom: 20px; width: 425px; border-bottom: 0;}
    .order_form_left_borderless {width: 425px; margin-top: -10px; border: 0;}
    .order_form_left_options {padding: 10px 10px 0 10px; width: 425px; border: 1px solid #686868;}
      .current_customer_options {display: block; padding: 0 20px;}
        .current_customer_options .radiogroup-label {font-size: 12px;}
  .order_form_right {width: 234px;}
  
    /* Classes for plan info */
    .view_plan_details {margin: -5px 0 15px 0; padding-right: 20px; text-align: right;}
    .change_info {margin: -5px 0 15px 0; padding-right: 20px;} 
    
    /* Styles the main price promotion */
    p.plan_header {font-size: 12px; font-weight: 800;}
      .service_offer_dataoffer, .service_offer_videooffer, .service_offer_voiceoffer {height: 20px; padding: 3px 0 0 23px; font-size: 11px; font-weight: 800;}
        .service_offer_dataoffer {}
        .service_offer_videooffer {}
        .service_offer_voiceoffer {}
    
    /* Used to align promotions with icons */
    .promo {margin-top: 10px;}
    .promo .icon {display: block;}  
    .promo p {margin: -30px 0 0 40px; padding-top: 0; font-size: 12px; font-weight: 800;}
    .promo a {font-size: 11px; font-weight: 400;}
    
/* Secondary class styles */
/* EDIT: .color color */
.color, a.color, a.color:hover {color: #14C3EC;}

em.grey {font-style: normal; color: #aaa;}


/* 8. CONFIRMATION PAGE
--------------------------------------------------- */


#order_form .confirmation_info span {float: none; text-align: left;}
#order_form .subhead {margin-bottom: 10px; border-bottom: 1px solid #444; font-size: 12px; font-weight: 800;}

.ordered_plan {margin-bottom: 4px; padding: 1px 8px 8px 8px; background: #ececec;}

#msg_block {margin-bottom: 10px; background: url(http://media.phone.timewarnercableoffers.com/m/default/images/bg_install_sched.png) repeat-x;!IMPORTANT; width: 400px;}

#msg_block a img {margin-left: 80px;}

#container {background: #fff;}

/* #confirmation_message_box {width: 445px; margin-right: 10px; padding: 0 5px;} */
#confirmation_message_box {width: 445px; margin-right: 10px; padding-right: 0; padding-left: 10px; padding-bottom: 5px;}
  #confirmation_message_box table img {margin-right: 10px;}
  
  .confirmation_number_block {position: absolute; margin: -40px 0 0 27px; padding: 5px; background: #E96B10; border: 1px solid #686868; color: #fff; font-size: 12px; text-align: center; font-weight: 800;}

/* A. CONFIRMATION MESSAGES ------- */
#msg_block {margin-bottom: 10px; background: #ececec; border: 1px solid #666;}
  #msg_block h2 {margin: 0; border-top : 3px solid #E96B10;}
  #msg_block p {margin-left: 50px; padding: 0 20px;}
  #msg_block p.schedule_install {margin-left: 25px;}
  #msg_block h6 {float: left; padding-left: 10px; font-family: verdana, helvetica, arial, sans-serif; font-size: 60px; font-weight: 800; color: #035276;}
  #msg_block .msg_header {color: #035276; font-size: 14px; font-weight: 800;}
  #msg_block a, #msg_block a:hover {color: #035276; font-weight: 800;}

  .receipt {background: url(http://media.phone.timewarnercableoffers.com/m/default/images/bg_install_sched.png) repeat-x; margin-bottom: 20px; width: 385px; margin-left: 56px; padding-bottom: 10px;}  
/*  .receipt {background: #ececec; margin-bottom: 20px; border: 1px solid #666; width: 443px;} */
    .receipt h2 {margin: 0;}
    .receipt p {padding: 0 15px; color:#666666; font-size: 12px;}
    .install {font-size: 12px; font-weight: 800;}
    .msg_header {color: #035276; font-size: 14px; font-weight: 800;}
    .special_offers {font-size: 14px; font-weight: 800;}
    .receipt a, .receipt a:hover {color: #035276; font-weight: 800;}
    .receipt hr {width: 95%}
    .receipt li {margin-bottom: 10px;}
    .receipt table {margin: 5px 0 -5px 0;}
 
.print {width: 233px; margin: 8px 0 5px 497px; padding: 0px 0 16px 30px; background: url(http://media.phone.timewarnercableoffers.com/m/site/phone.timewarnercableoffers.com/exp/default/images/icon-printer.gif) no-repeat;}

#confirmation_number_box {width: 237px; margin-left: 443px; margin-top: -35px; padding: 4px 7px 3px; -moz-border-radius: 12px; -webkit-border-radius: 12px; font-size: 13px; font-weight: 800; text-align: center; color: #fff; background-color: #666; border-radius: 10px;}
  #confirmation_number_box span {font-size: 18px; font-weight: 400;}
   .conf_number {font-size: 18px;}
  
#survey {margin-top: 20px; padding: 10px; background: #FF770B; border: 2px solid #3D3D3D; font-size: 14px; font-weight: 800; text-align: center;}
  #survey a, #survey a:hover {color: #fff; font-size: 18px; font-weight: 800;}

#call_us {width: 303px; height: 132px; margin-left: -61px; margin-top: 0px; font-size: 12px; color: #fff; background: url(http://media.phone.timewarnercableoffers.com/m/site/phone.timewarnercableoffers.com/exp/default/images/bg_operator.png) no-repeat; padding-top: 48px; padding-left: 143px;}
 .phone_number {font-size: 21px;}
#thank_you {font-size: 26px; margin-left: 49px; color: #648f3f; width: 326px; font-weight: 600; }

#we_call_you {position: relative; margin-top: -99px; margin-left: 97px; padding-bottom: 25px;}
 .call_option {font-size: 18px;}
#sched_msg {color: #648f3f; font-size: 16px; height: 20px; text-align: center; margin-left: 17px; margin-right: 13px; padding-top: 10px; font-weight: 600;}
#survey {margin-top: 20px; padding: 10px; background: #FF770B; border: 2px solid #3D3D3D; font-size: 14px; font-weight: 800; text-align: center;}
  #survey a, #survey a:hover {color: #fff; font-size: 18px; font-weight: 800;}
#offers_rebates {color: #666; font-size: 16px; background: url(http://media.phone.timewarnercableoffers.com/m/site/phone.timewarnercableoffers.com/exp/default/images/icon-premium_cash_back_blue.gif) no-repeat scroll 0 50% transparent; margin-left: 13px; padding-left: 47px; height: 34px; padding-top: 11px; weight: 600;}
#wireless_info {color: #666; font-size: 13px; margin-left: 0px; padding-left: 9px; height: 34px; padding-top: 11px; font-weight: 600;}


/* 9. SERVICE CHECK/ORDER WAIT PAGES
--------------------------------------------------- */

#container_wait {background:#FFFFFF url(http://media.phone.timewarnercableoffers.com/m/default/images/bg_wait.gif) repeat-x scroll center top;
margin:0 auto 20px; width:750px;}
#content_wait {width: 350px; margin: 50px auto; background: transparent url(http://media.phone.timewarnercableoffers.com/m/default/images/bg_wait.gif) repeat-x scroll center top;} 

  .cylon {float: left; margin: 0 20px;}
  
  .check_wait {padding-top: 10px; text-align: left;}   
    .check_wait .header {font-size: 14px; font-weight: 800; font-style: italic;}
    .check_wait .copy {font-size: 9px;}
  
  .promo_info {width: 350px; margin-top: 60px; padding-bottom: 10px; background: #fff; border: 1px solid #686868; text-align: left;}   
    .promo_info .promo {margin: 20px 20px 20px 40px;} 
      .promo_info .promo p {padding-top: 7px;}
    .promo_info h2 {margin: 0;}


       
      
/* 10. FORM ELEMENTS
   These classes are output by code and can't be modified -- they WILL be in 
   any page that has form elements.
--------------------------------------------------- */

/* EDIT: input background */
input {padding: 1px; border: 1px solid #333; font-family: Arial, Helvetica, sans-serif; font-size: 11px;}
	input.radio {border: none; background: none;}
	input.checkbox {border: none; background: none;}

form {}
option {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; background-color: #f7f7f7;}
select {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; background-color: #a9a9a9;}
textarea {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; background-color: #f7f7f7; border: 1px solid #66c;}
label.required {background: none; border: none;}
.label.area-code {display: none;}
.label.prefix {margin-right: 5px;}
.order-button {margin: 14px 0 20px 0;}
.phone input {margin-right: 6px;}
.required_field_safari_fix {background-color: #FC0;}
.radiogroup-options li {list-style: none;}
.radiogroup-options input {border: none;}

/* Current Customer and Select Options Submit Button Styles */
.current_customer_submit_button {margin: 0; background: #fff; border: 0;}
.select_options_submit_button {position: absolute; margin: 20px 0 0 140px; background: #fff; border: 0;}


/* 11. ERRORS
   The error class is output by code and can't be changed -- it WILL
   be present in any page that uses forms and outputs an error.
--------------------------------------------------- */

div.error {margin: 2px; padding: 0 37px 5px 35px; font-weight: bold; color: #f00;}
div.error img {position: absolute;}
p.error {margin: -5px 0 0 45px;}
p.error_red {margin: -5px 0 0 45px; color: #f00;}
ul.error li {list-style: none; margin-left: 15px;}

span.hint {display: none; width: 0px;}
.hv .hint {position: absolute; right: 10%; top: 30%; display: block; text-decoration: none; cursor: default; color: #000; border: 1px dotted red; padding: 10px; width: 125px; background: #fee;}
.faq_subhead {color:#000000; font-size:14px; font-weight:bold; margin-top:30px; }
#footer_lp {background:#FFFFFF url(http://media.phone.timewarnercableoffers.com/m/default/images/bg_footer.gif) repeat-x scroll 0 0; border-top:1px solid #999999; padding:4px 10px; width:730px; margin:auto; position:relative;}

#footer_lp a {margin-right: 9px; padding-left: 12px; text-decoration: underline; color: #003399; font-size: 12px; font-weight: 800;}
      #footer_lp a:hover {text-decoration: underline;}

#id_user_fname {display:none;}
#id_user_lname {display:none;}
#id_user_email {display:none;}
#user_service_phone_0 {display:none;}
#user_service_phone_1 {display:none;}
#user_service_phone_2 {display:none;}

/*#id_user_address, #id_user_zipcode, #id_user_suite{width:200px; background-color:#FFFFFF; margin-left:30px; FONT-FAMILY: Arial, Helvetica, sans-serif; border-style:solid; border-width:2px 1px 1px 2px; border-color:#666666;}
#id_user_address{width:200px; margin-left:30px;}
#id_user_zipcode{width:73px; margin-left:30px;}
#id_user_suite{width:56px; margin-left:-65px; *margin-left: -60px; margin-top:-36px; position:absolute;}
#require_lbl{font-size:11px; margin-top: 0; text-align: right; margin-right: 6px;}
#fname_lbl{display:none;}
#lname_lbl{display:none;}
#email_lbl{display:none;}
#home_lbl{display:none;}

#lbl_street {
width:auto;
float:left;
display:inline;
}

#lbl_apt{
width:auto;
float:right;
display:inline;
}

/* RIGHT NAV CALL CENTER INFO STYLING */
#order_by_phone {width: 254px; border: 1px solid #686868; border-top: none; padding-bottom: 5px; float: right; background-color: #FFF;}
#content #order_by_phone p {text-align: center; margin: 5px 0 0 0; color: #666;}
#content #order_by_phone h2 {margin: 0; background-color: #666; border-top: 3px solid #648F3F; color: #fff; padding: 2px;}
.order_headline {text-align: center; font-size: 14px;}
.order_phone_number {text-align: center; font-size: 20px; font-weight: 800;}
.order_promo_code {text-align: center; font-size: 12px;}

#order_by_phone p {text-align: center; margin: 5px 0 0 0; color: #666;}
#order_by_phone h2 {margin: 0; background-color: #666; border-top: 3px solid #648F3F; color: #fff; padding: 2px;}

/* RIGHT NAV CALL CENTER INFO STYLING */
#order_by_phone {width: 254px; border: 1px solid #686868; border-top: none; padding-bottom: 5px;}
#order_by_phone p {text-align: center; margin: 5px 0 0 0; color: #666;}
#order_by_phone h2 {margin: 0;}
.order_headline {text-align: center; font-size: 14px;}
.order_phone_number {text-align: center; font-size: 20px; font-weight: 800;}
.order_promo_code {text-align: center; font-size: 12px;}