/* BBYC*/

/* BASIC ELEMENTS
------------------------------------------------------------------------------------- */
* { margin: 0; padding: 0; }
html { min-height: 100%; margin-bottom: 1px; }

body { text-align: center; font: 13px arial, helvetica, sans-serif; color: #788181; background:#fff url(../images/bg_subpag.gif) repeat-x 0 91px; }
table, th, td { font: 12px arial, helvetica, sans-serif; color: #6c7171; }

a img, :link img, :visited img { border: none; }

a:link { color: #4292c5; text-decoration: none; }
a:visited { color: #639fc6; text-decoration: none; }
a:hover, a:active { color: #016db2; text-decoration: underline; }

#skip {display: none;}

/* SITE STRUCTURE
------------------------------------------------------------------------------------- */
.home { background:url(../images/bg_hom.gif) repeat-x 0 91px; }
.home #header { height:121px; }
.home #content { padding:0; margin:0; }
.home #footer { background:url(../images/bg_footer.gif) no-repeat -29px 0; }
.home #footer li { background:none; }

#h_mainImg { height:454px; }

#header { position:relative; height:193px; z-index:1; overflow:visible; background:url(../images/bg_s_header_tile.gif) repeat-x;  }
#header img { float:left; margin-left:1px }

#container { width:990px; margin:0 auto; text-align:left; }
#content { margin-top:-7px; position:relative; padding:0 11px 20px 13px; z-index:2; }

#welcome { padding: 12px 30px 25px 30px; position:relative; }
#welcome * { float:left; margin-top:-8px; }
#welcome p { width:439px; line-height:20px; font-size:15px; margin:0 35px 0 0; display:inline; }

#footer { clear:both; margin-top: 10px; margin-left:20px; background:url(../images/bg_s_title.gif) no-repeat; height:43px; font-size:11px; }
#footer li { float:left; background:url(../images/bg_footer_line.gif) no-repeat; padding:10px; text-align:center; list-style:none }
#footer li.first { background:none; }
#footer li.copyright { width:280px; text-align:right }
#footer li.short { width:180px; text-align:left; }
#footer a, #footer a:visited { color:#67686b; }
#footer a:hover { color:#e51837; text-decoration: none; }
#footer strong { font-weight:normal; color:#e51837; }

#col1 { width:158px; float:left; display:inline; }
#col1.wide { margin:14px 5px 0 15px; width:610px; }
#col1.wide h1 { margin-top:20px; background:none; }
#col1.wide h2 { margin-top:20px; color:#576f6f; font-size:28px; line-height:28px; font-weight:normal; }
#col1.wide h3 { color:#576f6f; font-size:16px; line-height:23px; }
#col1.wide ul { margin-bottom:10px; }
#col1.wide li { list-style:none; margin-left:5px; padding-left:15px; background:url(../images/bg_col1_li.gif) no-repeat 0 5px }

#col2 { margin-left:27px; width:309px; float:left; display:inline; font-size:13px; line-height:17px; }
#col2.wide { margin-left:28px; width:780px; }

.wide2 { margin:-10px 5px 0 15px; width:955px; float:left; display:inline; }
.wide2 h1 { margin-top:20px; padding-left:190px; background:none; }
.wide2 h2 { margin-top:20px; color:#576f6f; font-size:28px; line-height:28px; font-weight:normal; }
.wide2 h3 { color:#576f6f; font-size:16px; line-height:23px; }
.wide2 ul { margin-bottom:10px; }
.wide2 li { list-style:none; margin-left:5px; padding-left:15px; background:url(../images/bg_col1_li.gif) no-repeat 0 5px }

.anorm { margin:14px 5px 0 55px; width:471px; float: left; display: inline; }
.anorm h1 { margin-top:20px; background:none; }
.anorm h2 { margin-top:20px; color:#576f6f; font-size:28px; line-height:28px; font-weight:normal; }
.anorm h3 { color:#576f6f; font-size:16px; line-height:23px; }
.anorm h4 { color:#33adb0; font-size:20px; line-height: 32px; }
.anorm ul { margin-bottom:10px; }
.anorm li { list-style:none; margin-left:5px; padding-left:15px; background:url(../images/bg_col1_li.gif) no-repeat 0 5px }

table.twoCol	{ margin-top: 10px; }
table.twoCol h4 { color:#576f6f; font-size:20px; margin-bottom: 0px; line-height: 32px; }
table.twoCol ul { margin-top: 10px; }

#col3 { margin-left:27px; margin-top: -6px; width:250px; float:left; display:inline; font-size:13px; line-height:17px; }

.col3reasons { margin-top: 0px; background:url(../images/bg_col3reasons.gif) repeat-y 0 0; }
.col3reasons .inner { background:url(../images/bg_col3reasons.gif) no-repeat -250px 0; }
.col3reasons .inner .inner { background:url(../images/bg_col3reasons.gif) no-repeat -500px 100%; padding:20px }
.col3reasons h2 { margin:0; color:#e51837; font-size:28px; line-height:32px; font-weight:normal; } 
.col3reasons h3 { color:#788181; font-size:17px; line-height:21px; }
.col3reasons ol { list-style:none; color:#576f6f; background:url(../images/123.gif) no-repeat 0 20px; line-height:16px }
.col3reasons li { border-top:1px solid #e0e2e1; padding:19px 20px 19px 40px; }

.reasons { margin-top: 20px; background:url(../images/bg_reasons.gif) repeat-y 0 0; }
.reasons .inner { background:url(../images/bg_reasons.gif) no-repeat -309px 0; }
.reasons .inner .inner { background:url(../images/bg_reasons.gif) no-repeat -618px 100%; padding:20px }
.reasons h2 { margin:0; color:#e51837; font-size:28px; line-height:32px; font-weight:normal; } 
.reasons h3 { color:#788181; font-size:17px; line-height:21px; }
.reasons ol { list-style:none; color:#576f6f; background:url(../images/123.gif) no-repeat 0 20px; line-height:16px }
.reasons li { border-top:1px solid #e0e2e1; padding:19px 20px 19px 40px; }

.info { margin-bottom:10px; background:url(../images/bg_info.gif) repeat-y 0 0; }
.info .inner { background:url(../images/bg_info.gif) no-repeat -780px 0; }
.info .inner .inner { background:url(../images/bg_info.gif) no-repeat -1560px 100%; padding:20px; height:1%; }
.info table { margin-top:10px; clear:left; }
.info td { border-bottom:1px solid #e0e2e1; padding:5px; color:#6c7171; }
.info .primary { margin-top:20px; width:600px; clear:none; }
.info .primary .one, .info .primary .two { width:140px; }
.info .secondary { clear:left; width:100%; }
.info h1 { font-size:20px; background:none; font-weight:normal; }
.info a:link.edit, .info a:visited.edit { display: block; float:right; width: 40px; height: 20px; margin:0px; background: url(../images/btn_edit.gif); }
.info a:hover.edit	{ background: url(../images/btn_edit_hover.gif); }
.info .photo { margin-top:20px; }

.cartOneCol	{ margin:-10px 5px 0 0px; width:970px; float:left; display:inline; }
.cartOneCol .half { width:475px; float:left; }
.cartOneCol .half .cartContentTable { padding:0 }
.cartContent { padding: 22px 10px 10px 20px; clear:left; }
.cartContentTable { padding: 22px 20px 10px 20px; }
.cartContent h4 { float: left; color:#33adb0; font-size:20px; line-height: 32px; }

.checkout { margin:0 0 0 20px; background:url(../images/bg_cart_2col.gif) repeat-y 0 0; }
.billing { margin-left:0 }
.checkout .inner { background:url(../images/bg_cart_2col.gif) no-repeat -475px 0; }
.checkout .inner .inner { background:url(../images/bg_cart_2col.gif) no-repeat -950px 100%; padding:20px }
.checkout input, .checkout select { width:230px; border:1px solid #c2c5c4; color:#939598; font-size:11px; padding:3px 2px; } 
.checkout select { width:235px; }
.checkout .required, .checkout .check { float:right; }
.checkout .check { color:#1a878a; }
.checkout .check input { margin-right:5px; }
.checkout td .required { float:none; }
.checkout table td { padding:3px 5px; }
.checkout table { clear:left; }
.checkout .col { float:left; display:inline; }
.checkout .third { margin:0 20px 30px 0; width:295px; }
.checkout .third td { padding:5px; }
.checkout .third h3 { float:left; }
.checkout .last { margin:0 0 30px 0; }
.checkout .third .edit { margin:7px 0 0 20px }

input.quantity { width:30px; }
input#code { width:70px; }
select#expire_m, select#expire_y { width:80px; }

.checkoutsteps { list-style:none;  margin-top:20px; height:24px; margin-bottom:20px; }
.checkoutsteps li { float:left; padding:0 27px; line-height:24px; font-size:20px; color:#c9cacb }
.checkoutsteps li#one { height:24px; background:url(../images/steps_1.gif) no-repeat; }
.checkoutsteps li#two { height:24px; background:url(../images/steps_2.gif) no-repeat; }
.checkoutsteps li#three { height:24px; background:url(../images/steps_3.gif) no-repeat; }
.checkoutsteps li.done { background-position:0 -24px !important; }
.checkoutsteps li.done a { color:#4292c5; }
.checkoutsteps li.on { background-position:0 -48px !important; color:#33adb0; }

.cartContentTable td { border-bottom:1px solid #e0e2e1; padding:5px; color:#6c7171; }
td.noline	{ border-bottom: none !important; }

.cart { margin:0 0 10px 0; background:url(../images/bg_cart_1col.gif) repeat-y 0 0; }
.cart .inner { background:url(../images/bg_cart_1col.gif) no-repeat -970px 0; }
.cart .inner .inner { background:url(../images/bg_cart_1col.gif) no-repeat -1940px 100%; padding:20px; height:1%; }
.cart td { border-bottom:1px solid #e0e2e1; padding:5px; color:#6c7171; }
.cart .primary { margin-top:20px; width:600px; }
.cart .primary .one, .cart .primary .two { width:140px; }
.cart .secondary { clear:left; width:100%; }
.cart h1 { font-size:20px; background:none; font-weight:normal; }
.cart a.edit { display: block; float:right; width: 40px; height: 20px; margin:0px; background: url(../images/btn_edit.gif); }
.cart a:hover.edit	{ background: url(../images/btn_edit_hover.gif); }
.cart .photo { margin-top:20px; }
.cart col.label { width:110px; }

.cart a.edit { display: block; float:left; width: 40px; height: 20px; margin:0 5px; background: url(../images/btn_edit.gif); text-indent:-2000px }
.cart a:hover.edit	{ background: url(../images/btn_edit_hover.gif); }

a.contshopping { display: block; float:right; width: 140px; height: 20px; margin: 5px 0px 0px 5px; background: url(../images/btn_contshopping.gif); }
a:hover.contshopping	{ background: url(../images/btn_contshopping_hover.gif); }

a.contcheckout { display: block; float:right; width: 140px; height: 20px; margin: 5px 0px 0px 5px; background: url(../images/btn_contcheckout.gif) no-repeat; text-indent:-2000px }
a:hover.contcheckout	{ background: url(../images/btn_contcheckout_hover.gif); }

a.checkoutnow { display: block; float:right; width: 140px; height: 20px; margin: 5px 0px 0px 5px; background: url(../images/btn_checkoutnow.gif); }
a:hover.checkoutnow	{ background: url(../images/btn_checkoutnow_hover.gif); }

a.updatecart { display: block; float:right; width: 140px; height: 20px; margin: 5px 0px 0px 5px; background: url(../images/btn_updatecart.gif); }
a:hover.updatecart	{ background: url(../images/btn_updatecart_hover.gif); }

a.placeorder { display: block; float:right; width: 140px; height: 20px; margin: 5px 0px 0px 5px; background: url(../images/btn_placeorder.gif); text-indent:-2000px; }
a:hover.placeorder	{ background-position:0 -40px; }

a.logout	{ display: block; width: 97px; height: 25px; background: url(../images/btn_logout.gif); }
a:hover.logout	{ background: url(../images/btn_logout_hover.gif); }

.photo { background:url(../images/bg_photo_top.gif) no-repeat; float:left; margin:0 20px 10px 0; }
.photo div { background:url(../images/bg_photo_bot.gif) no-repeat 0 100%; padding:10px 8px 13px;  }
.photo small { width:100px; display:block; }

.utilities { position:absolute; top:35px; right:10px; width:420px; font-size:12px }
.utilities a { float:right; font-size:11px; margin:-6px 0 0 10px; position:relative; }
.utilities .cart { display:block; width:157px; height:25px; background:url(../images/bg_shopping_cart.gif) no-repeat; line-height:25px; text-indent:109px }

#subnav { margin-top:15px; list-style:none; }
#subnav li { background:url(../images/bg_subnav_li.gif) no-repeat 0 100%; height:1%; }
#subnav li a, #subnav li a:visited, #subnav li div { padding:6px; display:block; color:#6c7171; font-size:12px; height:1%;  }
#subnav li a:hover	{ color:#e51837; text-decoration: none; }
#subnav li div {  color:#35adb0; background:url(../images/bg_subnav_arrow.gif) no-repeat 95% 50%; }
#subnav li.last { background:none; }

table.signupSteps	{ margin-bottom: 20px; }
table.signupSteps .cell1	{ background: url(../images/s_signup_num1.gif) no-repeat; padding: 0px 30px 0px 40px; }
table.signupSteps .cell2	{ background: url(../images/s_signup_num2.gif) no-repeat; padding: 0px 30px 0px 60px; }
table.signupSteps .cell3	{ background: url(../images/s_signup_num3.gif) no-repeat; padding: 0px 30px 0px 60px; }

.inner p	{ padding: 10px 5px 0 5px; }
.important	{ font-weight: bold; color: #e51837; }

.inner div.btns	{ height: 31px; margin-top: 20px; }

.inner a.edit2 { display: block; float:left; width: 85px; height: 31px; margin: 0px 0px 0px 5px; background: url(../images/btn2_edit.gif); }
.inner a:hover.edit2	{ background: url(../images/btn2_edit_hover.gif); }

.inner a.save { display: block; float:left; width: 85px; height: 31px; margin: 0px 0px 0px 5px; background: url(../images/btn2_save.gif); }
.inner a:hover.save	{ background: url(../images/btn2_save_hover.gif); }

.inner a.cancel { display: block; float:left; width: 85px; height: 31px; margin: 0px 0px 0px 5px; background: url(../images/btn2_cancel.gif); }
.inner a:hover.cancel	{ background: url(../images/btn2_cancel_hover.gif); }

/* HIGHLIGHT BOX STYLES */
.highlight { margin:0 0 30px -12px; padding-top:14px; width:990px; clear:both; }
.highlight div { margin:0 10px; width:309px; min-height:192px; float:left; display:inline; background:url(../images/highlight_stretch.gif) repeat-y 0 0; }
.highlight > div:first-child { margin-right:11px; }
.highlight div div { margin:0; width:309px; background:url(../images/highlight_top.gif) no-repeat 0 0; }
.highlight div div div { padding:20px; width:269px; background:url(../images/highlight_btm.gif) no-repeat 0 100%; }

.highlight p	{ font-size: 12px; color: #fff; margin-bottom: 10px; }
.highlight label	{ float: left; font-size: 12px; color: #fff; }
.price	{ font-size: 20px; font-weight: normal; }

.col3reasons p	{ font-size: 12px; color: #788181; margin-bottom: 10px; }
.col3reasons h2	{ font-size: 20px; color: #e51837; margin-bottom: 10px; }
.col3reasons label	{ float: left; font-size: 12px; margin-left: 5px;  color: #788181; }
.col3reasons .price	{ font-size: 20px; color: #33adb0; font-weight: normal; }

a.addCart { display: block; float: left; width: 90px; height: 20px; margin: 0px 0px 0px 5px; background: url(../images/btn_addtocart.gif); }
a:hover.addCart	{ background: url(../images/btn_addtocart_hover.gif); }

a.addCart2 { display: block; float: left; width: 90px; height: 20px; margin: 0px 0px 0px 5px; background: url(../images/btn_addtocart2.gif); }
a:hover.addCart2	{ background: url(../images/btn_addtocart2_hover.gif); }

.highlightInput	{ float: left; border: 1px solid #c2c5c4: }

/* ELEMENTS
------------------------------------------------------------------------------------- */
h1 { color:#33adb0; font-size:34px; padding-left:6px; padding-bottom:0px; background:url(../images/bg_s_title.gif) no-repeat 0 100% }
h2 { color:#33adb0; font-size:20px; line-height:32px; margin:10px 0 20px; }
h3 { color:#788181; font-size:20px; line-height:32px; margin:0 0 10px; font-weight:normal; }
h4 { color:#fff; font-size:20px; line-height: 20px; margin: 0 0 10px; font-weight: normal; }
hr { margin:0 20px 10px; height:1px; border:none; color:#e0e2e1; clear:both; background:#e0e2e1; }
p { margin-bottom:15px; }

/* NAVIGATION
------------------------------------------------------------------------------------- */
#nav { position: absolute; top: 33px; right: 8px; width: 643px; height: 25px; background:#fff; }
#nav li { float: left; position: relative; height: 25px; list-style: none; }
#nav li a { cursor: pointer; }
#nav li a, #nav li div { position: relative; display: block; height: 25px; text-decoration: none; color: #fff; font-size: 14px; }
#nav li strong { position:absolute; top:0px; left:0px; display:block; height:25px; }
#nav li, #nav li a, #nav li strong, #nav li div { background: url(../images/nav.gif) no-repeat; }

#nav li.faqs, #nav li.faqs a, #nav li.faqs a strong { background-position: 0px 0px; width: 49px; }
#nav li.partners, #nav li.partners a, #nav li.partners a strong { background-position: -49px 0px; width: 75px; }
#nav li.support, #nav li.support a, #nav li.support a strong { background-position: -124px 0px; width: 75px; }
#nav li.about, #nav li.about a, #nav li.about a strong { background-position: -204px 0px; width: 79px; }
#nav li.contact, #nav li.contact a, #nav li.contact a strong { background-position: -283px 0px; width: 98px; }
#nav li.login, #nav li.login a, #nav li.login a strong { background-position: -381px 0px; width: 136px; }
#nav li.myaccount, #nav li.myaccount a, #nav li.myaccount a strong { background-position: -517px 0px; width: 126px; }

/* SECURE AREA */
#nav li.sWELCOME, #nav li.sWELCOME a, #nav li.sWELCOME a strong { background-position: 0px 0px; width: 49px; }
#nav li.sMYINFO, #nav li.sMYINFO a, #nav li.sMYINFO a strong { background-position: -49px 0px; width: 75px; }
#nav li.sROSTER, #nav li.sROSTER a, #nav li.sROSTER a strong { background-position: -124px 0px; width: 75px; }
#nav li.sEVENTS, #nav li.sEVENTS a, #nav li.sEVENTS a strong { background-position: -204px 0px; width: 79px; }
#nav li.sDOCKTALK, #nav li.sDOCKTALK a, #nav li.sDOCKTALK a strong { background-position: -283px 0px; width: 98px; }
#nav li.sPHOTOS, #nav li.sPHOTOS a, #nav li.sPHOTOS a strong { background-position: -381px 0px; width: 136px; }


/* HOVER STATE */
#nav li.faqs:hover a, #nav li.faqs:hover a strong, #nav li.faqs a:hover, #nav li.faqs a:hover strong { background-position: 0px -25px; }
#nav li.partners:hover a, #nav li.partners:hover a strong, #nav li.partners a:hover, #nav li.partners a:hover strong { background-position: -49px -25px; }
#nav li.support:hover a, #nav li.support:hover a strong, #nav li.support a:hover, #nav li.support a:hover strong { background-position: -124px -25px; }
#nav li.about:hover a, #nav li.about:hover a strong, #nav li.about a:hover, #nav li.about a:hover strong { background-position: -204px -25px; }
#nav li.contact:hover a, #nav li.contact:hover a strong, #nav li.contact a:hover, #nav li.contact a:hover strong { background-position: -283px -25px; }
#nav li.login:hover a, #nav li.login:hover a strong, #nav li.login a:hover, #nav li.login a:hover strong { background-position: -381px -25px; }
#nav li.myaccount:hover a, #nav li.myaccount:hover a strong, #nav li.myaccount a:hover, #nav li.myaccount a:hover strong { background-position: -517px -25px; }

/* ON STATE */
#nav li.faqson, #nav li.faqson strong, #nav li.faqson div { background-position: 0px -50px; width: 49px; }
#nav li.partnerson, #nav li.partnerson strong, #nav li.partnerson div { background-position: -49px -50px; width: 75px; }
#nav li.supporton, #nav li.supporton strong, #nav li.supporton div { background-position: -124px -50px; width: 75px; }
#nav li.abouton, #nav li.abouton strong, #nav li.abouton div { background-position: -204px -50px; width: 79px; }
#nav li.contacton, #nav li.contacton strong, #nav li.contacton div { background-position: -283px -50px; width: 98px; }
#nav li.loginon, #nav li.loginon strong, #nav li.loginon div { background-position: -381px -50px; width: 136px; }
#nav li.myaccounton, #nav li.myaccounton strong, #nav li.myaccounton div { background-position: -517px -50px; width: 126px; }

#a_nav { position: absolute; top:100px; left:10px; width: 885px; height: 41px; background:#fff; }
#a_nav li { float: left; position: relative; height: 41px; list-style: none; }
#a_nav li a { cursor: pointer; }
#a_nav li a, #a_nav li div { position: relative; display: block; height: 41px; text-decoration: none; color: #fff; font-size: 14px; }
#a_nav li strong { position:absolute; top:0px; left:0px; display:block; height:41px; }
#a_nav li, #a_nav li a, #a_nav li strong, #a_nav li div { background: url(../images/a_nav.gif) no-repeat; }

#a_nav li.info, #a_nav li.info a, #a_nav li.info a strong { background-position: 0px 0px; width: 113px; }
#a_nav li.data, #a_nav li.data a, #a_nav li.data a strong { background-position: -113px 0px; width: 119px; }
#a_nav li.insurance, #a_nav li.insurance a, #a_nav li.insurance a strong { background-position: -232px 0px; width: 98px; }
#a_nav li.admin, #a_nav li.admin a, #a_nav li.admin a strong { background-position: -330px 0px; width: 126px; }
#a_nav li.preparedness, #a_nav li.preparedness a, #a_nav li.preparedness a strong { background-position: -456px 0px; width: 153px; }
#a_nav li.healthvault, #a_nav li.healthvault a, #a_nav li.healthvault a strong { background-position: -609px 0px; width: 129px; }
#a_nav li.store, #a_nav li.store a, #a_nav li.store a strong { background-position: -738px 0px; width: 147px; }

/* HOVER STATE */
#a_nav li.info:hover a, #a_nav li.info:hover a strong, #a_nav li.info a:hover, #a_nav li.info a:hover strong { background-position: 0px -41px; }
#a_nav li.data:hover a, #a_nav li.data:hover a strong, #a_nav li.data a:hover, #a_nav li.data a:hover strong { background-position: -113px -41px; }
#a_nav li.insurance:hover a, #a_nav li.insurance:hover a strong, #a_nav li.insurance a:hover, #a_nav li.insurance a:hover strong { background-position: -232px -41px; }
#a_nav li.admin:hover a, #a_nav li.admin:hover a strong, #a_nav li.admin a:hover, #a_nav li.admin a:hover strong { background-position: -330px -41px; }
#a_nav li.preparedness:hover a, #a_nav li.preparedness:hover a strong, #a_nav li.preparedness a:hover, #a_nav li.preparedness a:hover strong { background-position: -456px -41px; }
#a_nav li.healthvault:hover a, #a_nav li.healthvault:hover a strong, #a_nav li.healthvault a:hover, #a_nav li.healthvault a:hover strong { background-position: -609px -41px; }
#a_nav li.store:hover a, #a_nav li.store:hover a strong, #a_nav li.store a:hover, #a_nav li.store a:hover strong { background-position: -738px -41px; }

/* ON STATE */
#a_nav li.infoon, #a_nav li.infoon strong, #a_nav li.infoon div { background-position: 0px -82px; width: 113px; }
#a_nav li.dataon, #a_nav li.dataon strong, #a_nav li.dataon div { background-position: -113px -82px; width: 119px; }
#a_nav li.insuranceon, #a_nav li.insuranceon strong, #a_nav li.insuranceon div { background-position: -232px -82px; width: 98px; }
#a_nav li.adminon, #a_nav li.adminon strong, #a_nav li.adminon div { background-position: -330px -82px; width: 126px; }
#a_nav li.preparednesson, #a_nav li.preparednesson strong, #a_nav li.preparednesson div { background-position: -456px -82px; width: 153px; }
#a_nav li.healthvaulton, #a_nav li.healthvaulton strong, #a_nav li.healthvaulton div { background-position: -609px -82px; width: 129px; }
#a_nav li.storeon, #a_nav li.storeon strong, #a_nav li.storeon div { background-position: -738px -82px; width: 147px; }

#h_nav { width: 974px; height: 237px; position:absolute; top:306px; left:8px; background:url(../images/bg_h_nav.png) no-repeat; margin-bottom:-108px }
#h_nav li { float: left; position: relative; height: 129px; list-style: none; }
#h_nav li a { cursor: pointer; }
#h_nav li a, #h_nav li div { position: relative; display: block; height: 129px; text-decoration: none; color: #fff; font-size: 14px; }
#h_nav li strong { position:absolute; top:0px; left:0px; display:block; height: 129px; }
#h_nav li a { background:url(../images/h_nav.png) no-repeat; text-indent:-2000px; }

#h_nav li.why a { background-position: 0px 0px; width: 322px; }
#h_nav li.how a { background-position: -322px 0px; width: 329px; }
#h_nav li.signup a { background-position: -651px 0px; width: 323px; }

/* HOVER STATE */
#h_nav li.why:hover a, #h_nav li.why a:hover { background-position: 0px -129px; }
#h_nav li.how:hover a, #h_nav li.how a:hover { background-position: -322px -129px; }
#h_nav li.signup:hover a, #h_nav li.signup a:hover { background-position: -651px -129px; }

#s_nav { width: 974px; height: 110px; position:absolute; top:99px; left:9px; background:url(../images/bg_s_nav.gif) no-repeat 0 62px; }
#s_nav li { float: left; position: relative; height: 62px; list-style: none; }
#s_nav li a { cursor: pointer; }
#s_nav li a, #s_nav li div { position: relative; display: block; height: 62px; text-decoration: none; color: #fff; font-size: 14px; }
#s_nav li strong { position:absolute; top:0px; left:0px; display:block; height: 62px; }
#s_nav li a , #s_nav li div{ background:url(../images/s_nav.png) no-repeat; text-indent:-2000px; }

#s_nav li.why a { background-position: 0px 0px; width: 322px; }
#s_nav li.how a { background-position: -322px 0px; width: 329px; }
#s_nav li.signup a { background-position: -651px 0px; width: 323px; }

/* HOVER STATE */
#s_nav li.why:hover a, #s_nav li.why a:hover { background-position: 0px -62px; }
#s_nav li.how:hover a, #s_nav li.how a:hover { background-position: -322px -62px; }
#s_nav li.signup:hover a, #s_nav li.signup a:hover { background-position: -651px -62px; }

#s_nav li.whyon div { background-position: 0px -124px; width: 322px; }
#s_nav li.howon div { background-position: -322px -124px; width: 329px; }
#s_nav li.signupon div { background-position: -651px -124px; width: 323px; }

#s_nav li.whyon, #s_nav li.howon, #s_nav li.signupon { border-bottom:50px solid #FFF; }


/* LINK ICONS
------------------------------------------------------------------------------------- */
.external { padding: 0 16px 0 0; background: url(images/link_external.gif) no-repeat 100% 4px; }
.popup { padding: 0 16px 0 0; background: url(images/link_popup.gif) no-repeat 100% 4px; }
.pdf { padding: 0 14px 0 0; background: url(images/link_pdf.gif) no-repeat 100% 4px; }
.doc { padding: 0 15px 0 0; background: url(images/link_worddoc.gif) no-repeat 100% 4px; }
.outlook { padding: 0 15px 0 0; background: url(images/link_outlook.gif) no-repeat 100% 4px; }
.excel { padding: 0 15px 0 0; background: url(images/link_excel.gif) no-repeat 100% 4px; }
.ppt { padding: 0 15px 0 0; background: url(images/link_powerpoint.gif) no-repeat 100% 4px; }
.txt { padding: 0 13px 0 0; background: url(images/link_text.gif) no-repeat 100% 4px; }
.zip { padding: 0 16px 0 0; background: url(images/link_zip.gif) no-repeat 100% 4px; }
.rar { padding: 0 16px 0 0; background: url(images/link_rar.gif) no-repeat 100% 4px; }
.flash { padding: 0 15px 0 0; background: url(images/link_flash.gif) no-repeat 100% 4px; }
.video { padding: 0 15px 0 0; background: url(images/link_video.gif) no-repeat 100% 4px; }
.qt { padding: 0 15px 0 0; background: url(images/link_quicktime.gif) no-repeat 100% 4px; }
.rp { padding: 0 16px 0 0; background: url(images/link_realplayer.gif) no-repeat 100% 4px; }
.wmp { padding: 0 16px 0 0; background: url(images/link_wmp.gif) no-repeat 100% 4px; }
.audio { padding: 0 15px 0 0; background: url(images/link_audio.gif) no-repeat 100% 4px; }
.podcast { padding: 0 15px 0 0; background: url(images/link_podcast.gif) no-repeat 100% 4px; }
.ical { padding: 0 15px 0 0; background: url(images/link_ical.gif) no-repeat 100% 4px; }
.itunes { padding: 0 15px 0 0; background: url(images/link_itunes.gif) no-repeat 100% 4px; }
.rss { padding: 0 15px 0 0; background: url(images/link_rss.gif) no-repeat 100% 4px; }


/* MISC. CLASSES & IDS
------------------------------------------------------------------------------------- */
span.required { color:#e51837; }
.checkbox, .radio { width:auto !important; border:none !important; }

.hide { display: none; }
.clear { clear: both; }
br.clear { line-height: 0px; height: 0; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
/* PLEASE LEAVE BOTH THESE LINES, FIX FOR IE7 */
.clearfix { display: inline-block; }
.clearfix { /*\*/display: block;/**/ }

/* ADD THIS CLASS TO AN ELEMENT TO FIX THE IE ITALICS BUG,
MUST BE THE INNER-MOST BLOCK-LEVEL ELEMENT THAT CONTAINS THE TEXT LIKE p, blockquote OR li
MAY REQUIRE A MORE DIRECT PATH TO THE ELEMENT */
* html .italicsfix { /*\*/overflow: hidden; o\verflow: visible; width: 100%; w\idth: auto; he\ight: 1%;/**/ }

.floatleft { float: left !important; }
.floatright { float: right !important; }

img.floatleft { margin: 0 10px 5px 0; position: relative; }
img.floatright { margin: 0 0 5px 10px; position: relative; }

.alignleft { text-align: left; }
.alignright { text-align: right; }
.aligncenter { text-align: center; }
.aligntop { vertical-align: top; }
.alignbottom { vertical-align: bottom; }