/** page specific changes to global.css */
#content { margin: 0 auto auto; padding:0 0 0 0; width: 953px; }

/** on with the show */
#primary { background: #ffffff; border: solid 2px #fff; width: 650px; padding: 15px 20px 0;  }
/** Apply extra padding to IE7 only */
*:first-child+html #primary { padding: 35px 20px 0; }
#contact { background: #ffffff; border: solid 2px #fff; width: 950px; clear: both; }
h1 { margin: 0 0 0 0; font-family: verdana; font-size: 24px;  font-weight: bold; color: #505050; }
h4 { font-family: verdana; font-size: 14px; font-weight: bold; color: #505050; }
#intro { margin: 15px 1px 5px; font-family: verdana; font-size: 12px;}

/********** step default states active ************/


#step_1, #step_2 { display: inline; float: left; margin-top: 20px; position: relative; }
#step_1 { position: relative; width: 226px; background: url(/common/images/contact/step_1_bottom.gif) bottom left no-repeat; height: 204px; padding-right: 4px; }
#step_2 { position: relative; width: 720px; background: url(/common/images/contact/step_2_bottom_inactive.gif) bottom left no-repeat; height: 204px; }
#step_3 { position: relative; width: 950px; background: url(/common/images/contact/step_3_bottom_inactive.gif) bottom left no-repeat; margin-top: 4px; position: relative; padding-bottom: 5px; min-height: 360px; }

#step_3_bg { position: relative; background: url(/common/images/contact/step_3_r_bg_inactive.gif) bottom left repeat-y; }
#step_3_bg.active { position: relative; background: url(/common/images/contact/step_3_r_bg_active.gif) bottom left repeat-y; }

#step_1.selected { position: relative; background: url(/common/images/contact/step_1_bottom_selected.gif) bottom left no-repeat; }
#step_2.active { position: relative; background: url(/common/images/contact/step_2_bottom_active.gif) bottom left no-repeat; }
#step_2.selected { position: relative; background: url(/common/images/contact/step_2_bottom_selected.gif) bottom left no-repeat; }
#step_3.active { position: relative; background: url(/common/images/contact/step_3_bottom_active.gif) bottom left no-repeat; }

#step_1 .step_title { margin: 0 0 10px 50px; position: relative; font-family: Verdana; font-size: 11px; line-height: 15px; color: #505050; height: 40px; }
#step_2 .step_title { margin: 0 0 10px 50px; position: relative; font-family: Verdana; font-size: 11px; line-height: 15px; color: #505050; height: 40px; }
#step_3 .step_title { margin: 0 0 10px 50px; position: ; font-family: Verdana; font-size: 11px; line-height: 15px; color: #505050; }

#step_1 .pad { padding: 20px 10px 0px 20px; margin-bottom: 20px; background: url(/common/images/icons/icon_1.gif) top left no-repeat; color: #c1c1c1; }
#step_2 .pad { padding: 20px 5px 0px 20px; margin-bottom: 20px; background: url(/common/images/contact/step_2_inactive.gif) top left no-repeat; color: #c1c1c1; }
#step_3 .pad { padding: 20px 20px 0px 20px; margin-bottom: 0px; background: url(/common/images/contact/step_3_inactive.gif) top left no-repeat; color: #c1c1c1; }
#step_1.active .pad { position: relative; background: url(/common/images/contact/step_1_active.gif) top left no-repeat; color: #666; }
#step_2.active .pad { position: relative; background: url(/common/images/contact/step_2_active.gif) top left no-repeat; color: #666; }
#step_3.active .pad { position: relative; background: url(/common/images/contact/step_3_active.gif) top left no-repeat; color: #666; }
#step_1.selected .pad { position: relative; background: url(/common/images/contact/step_1_selected.gif) top left no-repeat; color: #666; }
#step_2.selected .pad { position: relative; background: url(/common/images/contact/step_2_selected.gif) top left no-repeat; color: #666; }

#step_2 .screen, #step_3 .screen { position: absolute; display: inline; top: 10px; left: 0; width: 100%; z-index: -1; background: #fff; }
#step_2 .screen { height: 190px; }
#step_3 .screen { height: 345px; }

#step_3 .loading { display: none; position: absolute; top: 30px; left: 240px; background: url(/common/images/loading.gif) top left no-repeat #fff; padding-left: 22px; width: 100px; height: 16px; }

#step_1 #step_1_content { margin: 20px 30px; z-index: 3; }
#step_1.selected #step_1_content { position: relative; margin: 15px 0 0 0; padding: 0 0 0 0px; font-weight: bold; color: #395169;  }
#step_1_content .name_btn { font-weight: bold; }
#step_1_content img.product_box { float: left; margin-right: 10px; margin-bottom: 5px; }

.arrow_right { vertical-align: -.2em; }

/************************* step 2 styles ********************************/
.topic_button { float: left; display: inline; width: 154px; margin: 2.5px; width: 222px; color: #505050; font-size: 11px; line-height: 15px; font-weight: bold; }
.topic_button a, .topic_button a:visited { display: block; padding: 10px 15px 5px 10px; background: url(/common/images/contact/topic_bg.gif) no-repeat top left; font-weight: bold; text-decoration: none; color: #505050; font-size: 11px; line-height: 15px; cursor: pointer; cursor: hand; height: 37px; }
.topic_button a:hover, .topic_button a:active { text-decoration: underline; color: #505050; font-size: 11px; line-height: 15px; font-weight: bold }
.topic_button a.on, .topic_button a.on:visited { background: url(/common/images/contact/topic_bg.gif) no-repeat left -52px; color: #ffffff; font-size: 11px; line-height: 15px; font-weight: bold; }
.topic_button a.on:hover, .topic_button a.on:active { text-decoration: underline; color: #ffffff; font-size: 11px; line-height: 15px; font-weight: bold; }

.topic_icon { margin-right: 10px; float: left; display: block;  }

.topic_button_cover { position: absolute; left: 23px; top: 72px; z-index: 3; background: url(/common/images/contact/step_2_inactive_buttons.gif) no-repeat top left; width: 678px; height: 107px; }

/************************* step 3 styles ********************************/
/********* accordion styles ********************************/
.accordion_button_cover { position: absolute; left: 20px; top: 80px; z-index: 3; background: url(/common/images/contact/step_3_inactive_buttons.gif) no-repeat top left; width: 910px; height: 317px; }

/* #accordion_top { background: url(/common/images/contact/accord_bg_top.gif) no-repeat top left; height: 4px; width: 733px; margin: 10px 0 0; padding: 0px; font-size: 0; line-height: 0; }
#accordion_1_shell { margin: 0 0px 10px 0px; background: url(/common/images/contact/accord_bg.gif) repeat-y left; display: block; position: relative; z-index: 1; }
#accordion_1 { padding: 0 3px 3px; background: url(/common/images/contact/accord_bg_bottom.gif) no-repeat bottom left; } */

#accordion_1 .fold_tab { background: url(/common/images/contact/accord_tab_right_closed.gif) top right no-repeat; width: 908px; padding-left: 1px; }
#accordion_1 .open { background: url(/common/images/contact/accord_tab_right.gif) top right no-repeat; width: 908px; padding-left: 1px; }
#accordion_1 .fold_tab a { display: block; padding: 5px 15px 13px 0; background: url(/common/images/contact/accord_tab_left.gif) top left no-repeat; text-decoration: none; cursor: pointer; cursor: hand; }
#accordion_1 .fold_tab a .title { color: #6b6b6b; font-size: 18px; font-weight: bold; margin: 0 0 0 20px; padding-top: 10px; }
#accordion_1 .fold_tab a:hover .title { color: #145c8f; }
#accordion_1 .fold_wrap .open a { background: url(/common/images/contact/accord_tab_left.gif) left -53px no-repeat; }
#accordion_1 .fold_tab a .link { position: relative; line-height: 1em; top: -1.2em; float: right; color: #0563ff; }
#accordion_1 .fold_holder { display: block; background: url(/common/images/contact/accord_content_bg.gif) repeat-y top left; margin: 0 1px;}
#accordion_1 .fold_holder_inner { background: url(/common/images/contact/accord_content_bg_bottom.gif) no-repeat bottom left; padding-bottom: 20px; margin-bottom: 3px; }
#accordion_1 .fold_holder_inner strong, #accordion_1 .fold_holder_inner b a { background: #fff;}
#accordion_1 .fold_content { position: absolute; visibility: hidden; }
.fold_wrap { margin-bottom: 3px; }
#accordion_1 { padding-top: 20px; }

#accordion_1 .right_column_content { float: right; display: inline; margin-left: 0px; }

#accordion_1 .alert { border: solid 1px #e1c5a1; background: url(/common/images/contact/alert_bg.gif) repeat-x top #ffdfb6; width: 215px; margin: 0 0 0 0; }
#accordion_1 .alert .alert_pad { padding: 10px; }
#accordion_1 .alert img { float: left; margin: -5px 10px 5px -5px; }
#accordion_1 .alert strong, #accordion_1 .alert b { background: none; }

#accordion_1 .spotlight { border: solid 1px #a3cbf5; width: 215px; margin: 10px 0px 5px 0; }
#accordion_1 .spotlight .pad { padding: 15px; background-image: none; background-color: #f7f9fa; margin: 0; }
#accordion_1 .spotlight .title { font-size: 20px; font-weight: bold; color: #145b8e; margin: 0; }
#accordion_1 .spotlight .content {  margin: 5px 0 0 5px; }
#accordion_1 .spotlight img.align_right { float: right; margin: 0 0 5px 5px; }

#accordion_1 #search_bar { padding-top: 15px; right: 60px; z-index: 2; width: 330px; position: absolute; }

#top_search_lg { float: right; position: relative; width: 310px; display: inline; padding: 0; margin: 0; }
#top_search_lg .search_wrapper {  padding: 4px 12px 0 12px; width: 208px; }
#top_search_lg .search_wrapper input { border-style: solid; border-width:1px; border-color: #b2b2b2;}
#top_search_lg #search_button { position: absolute; top: 0; left: 242px; }

#accordion_1 .right_content { float: right; margin-right: 10px; }
*html #accordion_1 .right_content { right: 40px; }

#fold0_link .right_content, #fold1_link .right_content, #fold2_link .right_content, #fold3_link .right_content, #fold5_link .right_content { font-size: 12px; color: #145c8f; font-weight: bold; }
.long_wait { color: #cc1f26; }
.short_wait { color: #125584; }

.unavailable, .no_hold { color: #125584; margin-top: 4px; }
#fold2_link .no_hold { margin-top: -3px; text-align: right; }
#fold3_link .unavailable, #fold3_link .no_hold
{ margin-top: 10px; }

.highlight { color: #cc1f26; }

/************************* instant answer styles ********************************/
ol.baynote_guides { margin: 0 0 20px; padding: 0; list-style-type: none; }
ol.baynote_guides li { margin: 10px 0;  }
ol.baynote_guides li a { padding-left: 0; background-image: none; }

.instant_answers_fold { padding: 10px 30px 20px; }
.instant_answers_container { background: #fff; margin-left: 20px; }

/********* email forms ********************************/
.email_fold { padding: 20px 20px 20px 30px; }
.email_form_container { text-align: left; background: #fff; }
.email_form .wrapper { width: 420px; padding: 5px; }
ul.email_radio_list { margin: 10px 0 30px 20px; padding: 0; list-style-type: none; }
ul.email_radio_list li { margin: 0;  }
.email_loading { background: #fff; }
#question { width: 428px; height: 100px; margin-bottom: 10px; }
#firstName, #lastName { width: 200px; height: 22px; }
#emailAddress, #confirmEmailAddress { width: 428px; height: 22px; }
#email_success { font-weight: bold; font-size: 14px; color: #4e9e19; line-height: 19px; }

/********* chat styles ********************************/
.chat_fold { padding: 20px 20px 20px 30px; }
.chat_form_container { background: #fff; }
.chat_unavailable { background: #fff; }
.chat_label { font-weight: bold; padding-right: 10px; }
.chat_field { padding-bottom: 20px; }
#optionaldata11 { width: 428px; height: 100px; }
#fname, #lname { width: 200px; height: 22px; }
#email { width: 428px; height: 22px; margin-bottom: 10px; }

/********* phone styles ********************************/
.phone_fold { padding: 20px 30px 20px; }
.phone_form_container { width: 420px; background: #fff; }
.phone_number_container { background: #fff; }
.phone_copy { background: #fff; }

/** general styles */
#email_form, chat_form { width: 428px; }
.error_message { border: 1px solid #fec82a; background-color: #fcf3ca; font-family: Verdana; font-size: 11px; color: #dc3c1e; line-height: 15px; padding: 5px; margin-bottom: 20px; }
.email_label { font-weight: bold; padding-right: 10px; }
.email_field { padding-bottom: 20px; }
span.form_error { font-family: Verdana; font-size: 11px; line-height: 15px; color: #dc3c1e; display: block; padding-top: 5px; }
input.form_error, textarea.form_error { border: 1px solid #fec82a; background-color: #fcf3ca; }
.hidden { display: none; }
.logoutMember { font-weight: bold; }