* { border: 0; margin: 0; padding: 0; }

body { background-color: #F6F6F6; padding-top: 15px; padding-bottom: 15px; }

p, div, tr, td, ul, li { font-family: Verdana, Geneva, sans-serif; font-size: 11px; color: #4E4E4E; }

li { list-style: none; background: url(../images/bullet_blue.gif) no-repeat 0px 6px; line-height: 17px; margin-bottom: 13px; padding-left: 13px; }

hr { height: 1px; clear: both; }

.clear_fix { clear: both; display: block; }

a img { text-decoration: none; border: 0 none; }

a:link, a:visited { color: #1C6895; }

a:hover { color: #5A99F2; }

#container { height: auto; width: 1008px; margin-right: auto; margin-left: auto; float: right; }

#frame { height: 100%; width: 1008px; margin-right: auto; margin-left: auto; }

#sidebar-left { height: auto; width: 238px; float: left; background-image: url(../images/sidebar-fill.png); }

#sidebar-left2 { height: auto; width: 238px; float: left; background: #F6F6F6; }

#sidebar-left2 h3 { font-family: Helvetica, Arial, sans-serif; color: #069; font-size: 15px; }

#sidebar-left2 p { font-family: Arial, Helvetica, sans-serif; color: #666; font-size: 10px; line-height: 14px !important; margin-bottom: 5px; }

p.testimonial_signature { color: #666 !important; font-weight: bold; }

#testimonial { height: 89px; width: 176px; margin-right: auto; margin-left: auto; margin-top: 20px; margin-bottom: 10px; padding-right: 5px; }

#sidebar-end-top { height: 30px; width: 238px; background-image: url(../images/top-end.png); }

#sidebar-end-bottom { height: 30px; width: 238px; background-image: url(../images/bottom-end.png); }

.break-vertical { width: 176px; margin-right: auto; margin-left: auto; height: 2px; background-image: url(../images/linebreak.png); }

#logo { height: 87px; width: 264px; margin-left: 10px; }

#logo a { outline: none; }

#banner { height: 227px; width: 770px; z-index: 5; float: right; background-image: url(../images/banner.png); margin-top: -3px; z-index: 5; position: relative; }

#bannerlinks { height: 29px; width: 468px; float: right; margin-top: -29px; margin-right: 25px; z-index: 10; position: relative; }

#top1, #top2, #top3 { float: left; margin-right: 4px; width: 152px; height: 29px; display: block; }

#box1 { height: 312px; width: 243px; margin-top: 12px; float: left; background-image: url(../images/box1.png); }

.box-text { height: 75px; width: 180px; margin-right: auto; margin-left: auto; margin-top: 170px; font-family: Verdana, Geneva, sans-serif; font-size: 12px; color: #4e4e4e; padding-right: 10px; padding-left: 10px; }

.title1 { position: relative; top: 149px; left: 10px; font-family: Helvetica, Arial, sans-serif; color: #FFF; font-size: 15px; text-transform: uppercase; letter-spacing: -0.08em; text-indent: -9999em; }

.colored1 { color: #E3EC6D; }

#box2 { height: 312px; width: 243px; margin-top: 12px; background-image: url(../images/box2.png); float: left; margin-left: 21px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }

#box3 { height: 312px; width: 243px; float: right; margin-top: 12px; background-image: url(../images/box3.png); }

#box4 { margin-top: 12px; }

#box6 { float: right; width: 213px; padding: 15px; font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #0c699e; }

#whitebackground { float: left; margin-top: 14px; background: #FFF url(../images/topbar.png) top center no-repeat; padding-top: 25px; }

#main { width: 770px; float: right; }

#topbar { height: 30px; width: 770px; background: url(../images/topbar.png); display: block; position: relative; top: -21px; }

#contentpushup { float: left; margin-top: -20px; }

#main2 { width: 770px; float: right; min-height: 300px; background-color: #FFF; margin-top: 14px; }

#parragraph-left { height: auto; width: 437px; padding: 15px 20px 15px 20px; float: left; color: #0c699e; font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin-top: -20px; }

#box5 { width: 227px; padding: 15px; padding-left: 30px; font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #0c699e; margin-top: -20px; float: left; margin-left: 21px; display:block; /* background: url(../images/dashed_vertical.gif) 0px 26px no-repeat; */ }

#parragraph-left2 { height: auto; width: auto; padding: 15px; float: left; color: #0c699e; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }

#parragraph { height: auto; width: auto; padding: 15px; color: #0c699e; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }

#footer { height: 60px; width: 770px; background-image: url(../images/footer.png); background-repeat: no-repeat; float: right; }

#footerlinks { height: 20px; width: 755px; margin-top: 46px;  padding-bottom:10px;  text-align: left; font-size: 11px; font-family: Arial, Helvetica, sans-serif; color: #4e4e4e; padding-left:15px; clear:both; }

.interweb { float:right; position:relative; top:-37px; right:15px; margin-bottom:-26px; }

.button { height: 30px; width: 176px; margin-right: auto; margin-left: auto; margin-top: 8px; margin-bottom: 8px; }

#callus { height: 39px; width: 166px; margin-right: auto; margin-left: auto; background-image: url(../images/callnumber.png); margin-top: 10px; margin-bottom: 10px; }

.learnmore { height: 15px; float: right; margin-right: 35px; color: #FFF; font-family: Verdana, Geneva, sans-serif; font-size: 11px; padding-left: 7px; margin-top: 4px; }

.formbox { height: 20px; border:1px solid #2779A9; width: 192px; margin-top: 5px; margin-bottom: 0px; font-family: Verdana, Geneva, sans-serif; font-size: 12px; padding-top: 5px; padding-left: 5px; color: #0B699D; font-size: 11px; }

#sidebar-img { height: 120px; width: 174px; margin-right: auto; margin-left: auto; margin-top: 10px; margin-bottom: 10px; background-image: url(../images/sidebar-image.png); }

a.trueBlue { width:242px; height:227px; position:relative; top:-20px; margin-bottom:-35px; display:block; background:url(../images/true_blue.gif) no-repeat; }

a.trueBlue:hover { background-position:bottom; }

.logo { text-indent:-9999px; background:url(../images/logo.png) no-repeat; display:block; width:264px; height:87px; }

 h2.sub { color:#0C699E; font-family:Helvetica,Arial,sans-serif; font-size:20px !important; letter-spacing:-0.02em; margin-bottom:10px; font-weight:bold; }

/* Navigation Active Buttons
**********************************************************************************/

#who-we-are-page .who-we-are-button img { display: none; }

#who-we-are-page .who-we-are-button:link, #who-we-are-page .who-we-are-button:visited { background: url(../images/button1_active.png); width: 176px; height: 30px; display: block; }

#home-page .home-button img { display: none; }

#home-page .home-button:link, #home-page .home-button:visited { background: url(../images/home_active.png); width: 176px; height: 30px; display: block; }

#our-guarantee-page .our-guarantee-button img { display: none; }

#our-guarantee-page .our-guarantee-button:link, #our-guarantee-page .our-guarantee-button:visited { background: url(../images/button2_active.png); width: 176px; height: 30px; display: block; }

#why-bluesky-page .why-bluesky-button img { display: none; }

#why-bluesky-page .why-bluesky-button:link, #why-bluesky-page .why-bluesky-button:visited { background: url(../images/button3_active.png); width: 176px; height: 30px; display: block; }

#help-and-support-page .help-and-support-button img { display: none; }

#help-and-support-page .help-and-support-button:link, #help-and-support-page .help-and-support-button:visited { background: url(../images/button4_active.png); width: 176px; height: 30px; display: block; }

#contact-page .contact-button img { display: none; }

#contact-page .contact-button:link, #contact-page .contact-button:visited { background: url(../images/button5_active.png); width: 176px; height: 30px; display: block; }

#buy-new-page .top1-button img { display: none; }

#buy-new-page .top1-button:link, #buy-new-page .top1-button:visited { background: url(../images/top1_active.png); width: 152px; height: 29px; display: block; float: left; margin-right: 4px; }

#upgrade-page .top2-button img { display: none; }

#upgrade-page .top2-button:link, #upgrade-page .top2-button:visited { background: url(../images/top2_active.png); width: 152px; height: 29px; display: block; float: left; margin-right: 4px; }

#why-get-page .top3-button img { display: none; }

#why-get-page .top3-button:link, #why-get-page .top3-button:visited { background: url(../images/top3_active.png); width: 152px; height: 29px; display: block; float: left; }

#links-page .links-button img { display: none; }

#links-page .links-button:link, #links-page .links-button:visited { background: url(../images/button6_active.png); width: 176px; height: 30px; display: block; }


/*********************************** Content **************************************/

#content { padding: 20px 30px 20px 30px; color: #0C699E; font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin-top: -45px; padding-bottom: 25px; }

h2 { font-size: 26px; margin-bottom: 15px; font-family: Helvetica, Arial, sans-serif; font-weight: normal; letter-spacing: -1px; color: #0C699E; }

h3 { font-size: 14px; margin-bottom: 10px; font-family: Helvetica, Arial, sans-serif; letter-spacing: -0.02em; color: #0C699E;  }

h4 { font-size: 14px; margin-bottom: 10px; font-family: Helvetica, Arial, sans-serif; letter-spacing: -0.02em; color: #0C699E; }

p { margin-bottom: 13px; line-height: 17px; }

#content ul { margin-bottom: 10px; margin-left: 25px; }

#content ul li { margin-bottom: 3px; }

#whitebackground-content { float: left; margin-top: 14px; background: #FFF; padding-top: 20px; margin-bottom: 0px; min-height: 300px; }

.button2 { padding: 4px; background: #0B699D; color: #FFF; border: 0; font-family: Helvetica, Arial, sans-serif; font-size: 13px; }

.button2:hover { cursor: pointer; background: #0C557E; }

.colorwhite { color: #FFF; }

.contact_form { background: url(../images/dashed_vertical.gif) 0px 17px repeat-y; width: 330px; padding-left: 40px; height: 292px; }

.contact_form_input { width: 240px; padding: 2px; border: 1px solid #DDD; }

.contact_form_input2 { width: 160px; padding: 2px; border: 1px solid #DDD; }

.contact_form_textarea { width: 240px; padding: 2px; font-family: Arial, Helvetica, sans-serif; border: 1px solid #DDD; }

.contact_form_submit { padding: 4px; color: #FFF; background: #1C6895; font-family: Helvetica, Arial, sans-serif; font-size: 13px; width: 81px; }

.contact_form_submit:hover { color: #E9F93B; cursor: pointer; }

.newsletter_input { width: 195px; padding: 4px; border: 1px solid #DDD; }

.newsletter_email { width: 107px; padding: 4px; border: 1px solid #DDD; margin-right: 7px; }

.borderbottom { border-top: 1px solid #E1E1E1; margin-top: 30px; display: block; padding-bottom: 0px; }

.borderbottom2 { border-bottom:1px solid #E1E1E1; display:block; height:1px; margin-top:0; width:100%; }

.text-indent { margin: 8px 0px 30px 15px; display: block; }

.text-indent2 { margin: 0px 0px 20px 20px; display: block; }


/* Form page
************************************************************/

.question-mark { display: inline; }

.tooltip { margin: 5px; background: #53a5d6; padding: 10px; width: 250px; position: relative; color: #FFF; border: 1px solid #478cb6; }

.tooltip ul { margin-left: 10px !important; margin-top: 10px; }

.tooltip li { color: #FFF; }

.red { color: #C00; }

.green { color: #093; }

.buy-tabs-table { display: block; border-top: 10px solid #FFF; }

.input_type1, .input_type2, .input_type4, .input_type3 { border: 1px solid #CCC !important; height: 17px; padding: 3px; }

.input_type1 { width: 300px; }

.input_type2 { width: 100px; }

.input_type3 { width: 200px; }

.input_type4 { width: auto; height: 24px; }

.hearing_results_table { width: 335px; }

.hearing_results_table td { padding: 10px; background: #E1E1E1; }

.hearing_results_table input { border: 1px solid #CCC; padding: 3px; }

.hearing_results_cell_strong1 { background: #C00 !important; font-weight: bold; color: #FFF; }

.hearing_results_cell_strong1a { background: #C00 url(../images/circle_bg.gif) 5px 0px no-repeat !important; font-weight: bold; color: #FFF; }

.hearing_results_cell_strong2 { background: #036 !important; font-weight: bold; color: #FFF; }

.hearing_results_cell_strong2a { background: #036 url(../images/x_bg.gif) 4px 0px no-repeat !important; font-weight: bold; color: #FFF; }

.lifestyle_table td { padding: 7px; background: #E1E1E1; }

.lifestyle_cell_strong { background: #0C699E !important; color: #FFF; font-weight: bold; }

.radio_style1 { width: 100px; cursor: pointer; height: 20px; }

.start-now-bg { display: block; margin-top: 30px; background: url(../images/start_new_bg.gif) no-repeat; width: 702px; height: 177px; text-align: center; padding-top: 18px; margin-bottom: 5px; }

.disclaimer-box { padding: 10px; border: 1px solid #CCC; background: #EFEFEF; width: 650px; height: 125px; margin: auto; display: block; }

.disclaimer-text { height:140px; margin:auto; overflow:auto; padding-right:25px; text-align:left; width:645px; }

.disclaimer_checkbox { display: block; margin: 15px; margin: auto; text-align: center; }

.disclaimer_checkbox label { position: relative; top: -2px; left: 2px; cursor: pointer; }

#checkbox_iagree { cursor: pointer; }

.redline { color: #C00; font-weight: bold; }

.blueline { color: #036; font-weight: bold; }

.premium_table { width: 250px; }

.premium_table td { text-align: center; padding: 5px; background: #E4E4E4; }

.premium_table th { text-align: center; padding: 5px; background: #0C699E; color: #FFF; font-weight: bold; }

.buy_styles { display: block; margin-top: 15px; padding: 8px; }

.buy_styles2 { display: block; margin-top: 15px; }


/* Recommendation page
*****************************************************************/

.recommend_title { border-bottom: 1px solid #999; margin-bottom: 30px; padding-bottom: 4px; margin-top: 25px; font-size: 18px; color: #999 !important; }

.product_title { margin-bottom: 5px !important; letter-spacing: 0.05em; font-size: 13px; }

.product_link { display: block; float: left; padding: 3px; border: 1px solid #CCC; margin-right: 20px; margin-bottom: 20px; text-align: center; height: 120px; background: url(../images/button_buy_me.gif) 3px 98px no-repeat; cursor: pointer; }

.product_link:hover { display: block; float: left; padding: 2px; border: 2px solid #0C699E; margin-right: 20px; margin-bottom: 20px; text-align: center; height: 120px; background: url(../images/button_buy_me.gif) 2px 97px no-repeat; cursor: pointer; }

.product_link_selected { display: block; float: left; padding: 2px; border: 2px solid #093; margin-right: 20px; margin-bottom: 20px; text-align: center; height: 120px; background: url(../images/button_selected.gif) 2px 97px no-repeat; cursor: pointer; }

.product_link_selected2 { display: block; float: left; padding: 2px; border: 2px solid #093; margin-right: 20px; margin-bottom: 20px; text-align: center; height: 120px; background: url(../images/button_selected.gif) 2px 97px no-repeat; cursor: pointer; }

.product_link_selected:hover { display: block; float: left; padding: 2px; border: 2px solid #C03; margin-right: 20px; margin-bottom: 20px; text-align: center; height: 120px; background: url(../images/button_remove.gif) 2px 97px no-repeat; cursor: pointer; }

.product_box1, .product_box2 { display: block; float: left; width: 320px; margin-right: 54px; }

.product_box2 { margin-right: 0px !important; }

.product_price { font-weight: bold; color: #666; font-size: 13px; line-height: 10px; margin-bottom: 17px; }

.product_text { display: block; width: 170px; float: right; }

.pdf_icon { background: url(../images/pdf_icon.gif) no-repeat; padding-left: 22px; padding-bottom: 2px; padding-top: 1px; }

#hearing_aid_1, #hearing_aid_2, #hearing_aid_3, #hearing_aid_4, #accessory_1, #accessory_2, #accessory_3, #accessory_4 { display: none; }


/* Payment page
*****************************************************************/

#payment_type, #card_name, #card_number, #card_expiry_month, #card_expiry_year, #hearing_aid_num { border: 1px solid #CCC !important; padding: 3px; }

#card_name, #card_number { width: 200px; height: 17px; }

#card_expiry_year { width: 65px; }

#hearingaid_qty { width: 45px; }

.payment_title { border-bottom: 1px solid #999; margin-bottom: 10px; padding-bottom: 4px; margin-top: 25px; font-size: 18px; color: #999 !important; }

.payment_table { width: 98%; margin-left: 23px; }

.payment_table td { padding: 5px; }

.price { color: #333; font-size: 12px; }

.total { margin-top: 14px; }

.buy_error { display: block; color: #C30; background: url(../images/alert_bg.png) no-repeat; padding: 5px; padding-top: 8px; margin-bottom: -7px; font-weight: bold; height: 20px; padding-left: 32px; }