/*------------------------------------------------------------- NAVIGO | Productive People. Powerful Results. ------------------------------------------------------------- Description: Common styles Filename: navigo_style.css Version: 1.0 Date: Dec 21, 2007 ------------------------------------------------------------- */ /* Used in: All files ========================================================================// */ /* ========================================================================// COMMON PREFIXES: ========================================================================// ttl: title subttl: subtitle subttllnk: subtitle link cont: containers txt: text lnk: links box: boxes fld: fields img: images bg: backgrounds drop: dropdown dash: line tbl: table pos: positioning */ /* ========================================================================// 1. BODY: These styles contain the setup for the background and body of the page. ========================================================================// */ /* Body Styles Begin */ body {font:11px/16px Verdana, Arial, Helvetica, sans-serif;color:#666666;background-color:#ffffff; margin:0} p {margin:0;padding:0px;text-align:left;} p a {color:#bf0b32; text-decoration:none} p a:hover {color:#bf0b32; text-decoration:underline} p.sfr {padding-bottom:10px;} a {text-decoration:underline;outline:none;} div, dl, dt, dd, ul, li, ol {margin:0;padding:0;list-style-type:none;} ul, li {text-align:left} h1 {padding:0;margin:0} img{border:0;} .breakeronly {clear:both;height:0;font-size:0;margin:0;padding:0;} /* Body Styles End */ /* ========================================================================// 2. COMMON TEXT: These are the different styles for the content copy of the site. ========================================================================// */ /* Common Text Styles Begin */ .subttl_shorts {font:bold 10px/11px Verdana, Arial, Helvetica, sans-serif;color:#585757;} .txt_shorts {font:10px/11px Verdana, Arial, Helvetica, sans-serif;color:#666666;} .ttl_content {font:bold 11px Verdana, Arial, Helvetica, sans-serif;color:#666666;} .subttl_content {font:bold 12px Verdana, Arial, Helvetica, sans-serif;color:#666666;} .txt_sections {font:11px Verdana, Arial, Helvetica, sans-serif;color:#666666;} .ttl_contactsecond {font:bold 10px Verdana, Arial, Helvetica, sans-serif;color:#6799c8;} .txt_labelcontact {font:bold 10px Verdana, Arial, Helvetica, sans-serif;color:#727272;} .txt_contact {font:bold 11px Verdana, Arial, Helvetica, sans-serif;color:#727272;} .ttl_videos {font:bold 11px Verdana, Arial, Helvetica, sans-serif;color:#525252;} .txt_item {font:bold 11px Verdana, Arial, Helvetica, sans-serif;color:#6799c8;} .txt_pipe {color:#999999;margin:0 5px 0 5px;} .txt_update_box {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#525252; line-height:12px; padding-bottom:4px;} .subttl_update_box {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#525252; line-height:12px; padding-bottom:1px; font-weight:bold;} /* Common Text Styles End */ /* ========================================================================// 3. LINKS: Here are all of the styles used for the links in the whole site. ========================================================================// */ /* Link Styles Begin */ .txt_shorts a {color:#bf0b32;text-decoration:none;} .txt_shorts a:hover {color:#bf0b32;text-decoration:underline;} .txt_sections a {color:#666666;text-decoration:none;} .txt_sections a:hover {color:#666666;text-decoration:underline;} .txt_footer {font:10px Verdana, Arial, Helvetica, sans-serif;color:#005193;} .lnk_footer a {color:#005193;text-decoration:underline; font-size:10px;} .lnk_footer a:hover {color:#bf0b32;text-decoration:underline} .txt_footer a {color:#005193;text-decoration:none;} .txt_footer a:hover {color:#005193;text-decoration:underline} .lnk_standard a {color:#bf0b32; text-decoration:none;} .lnk_standard a:hover {color:#bf0b32; text-decoration:underline;} .lnk_videos a {font:11px Verdana, Arial, Helvetica, sans-serif; color:#618bc3; text-decoration:none} .lnk_videos a:hover {font:11px Verdana, Arial, Helvetica, sans-serif; color:#618bc3; text-decoration:underline} .lnk_power {text-decoration:underline} /* Link Styles End */ /* ========================================================================// 4. SIFR: These are the styles for the special (enbedded) fonts ========================================================================// */ /* sIFR Styles Begin */ .ttl_shorts {font:bold 14px Arial, Helvetica, sans-serif;color:#2d2c2c;} .ttl_subscribe {font:bold 18px Arial, Helvetica, sans-serif;color:#ffffff; line-height:20px;} .ttl_subscribesecond {font:italic 20px Arial, Helvetica, sans-serif; color:#ffffff; margin-left:52px; margin-left:50px; text-align:right; line-height:26px; font-weight:bold;} .ttl_section {font:bold 28px Arial, Helvetica, sans-serif;color:#5f5f5f;} .ttl_sectionsecond {font:24px Arial, Helvetica, sans-serif;color:#727272;} .txt_menuoff {font:15px Arial, Helvetica, sans-serif; color:#464646;} .txt_menuon a {font:15px Arial, Helvetica, sans-serif; color:#005295; text-decoration:none;} .txt_menuoff a {color:#464646;text-decoration:none;} .txt_error {color:#990000; font-weight:bolder; text-align:center} /* sIFR Styles End */ /* ========================================================================// 5. STRUCTURE: These are the styles for the Containers ========================================================================// */ /* Structure Styles Begin */ #cont_base {margin:0 auto;width:745px; text-align:center; display:block;} #cont_main {width:745px;height:auto;} #cont_header {width:745px;height:110px;position: absolute; z-index:100;} #ctn_middle {width:745px; height:auto;} #cont_left {width:200px; height:auto; margin-right:10px; float:left; margin-top:110px;} #cont_right {width:532px; height:auto; float:left; margin-top:110px;} #cont_footer {width:647px; height:50px; float:left;padding:30px 0 15px 93px; text-align:right;} #cont_footer_home {width:647px; height:50px; float:left;padding:15px 0 15px 93px; text-align:right;} #cont_center {width:323px; height:auto; margin-right:10px; float:left;} #cont_rightsecond {width:213px; height:auto; float:left;} #cont_imagehome {width:745px; height:300px;margin-bottom:10px; float:left} /*HEADER STYLES*/ #box_logo {width:867px; height:auto; padding:38px 0 13px 0;text-align:left;} #box_menu {width:867px; height:auto; text-align:left;} /*FOOTER STYLES*/ #box_logofooter {width:124px;float:left; margin-right:15px} #separator {width:1px;height:25px;background-color:#999999;float:left; margin-left:10px; margin-right:10px; margin-top:6px} .download_pdf {width:500px;padding-top:10px;text-align:left;margin-bottom: auto;} .download_pdf_icon {width:28px; height:30px;text-align:left; float:left} .download_pdf_text {width:370px;text-align:left; float:left;height:auto !important;} #box_links {width:230px;padding-top:13px;text-align:right; float:left;} #box_copy { width:255px;padding-top:16px;float:left; text-align:right} /*SUBMENU STYLES*/ #cont_submenu {width:200px; height:auto; padding-bottom:10px;} .box_submenuseparator {width:200px; height:2px; background:url(../images/img_submenu_separator.jpg) no-repeat top left;} .box_topsubmenu {width:200px; background:url(../images/img_submenu_top.jpg) no-repeat top left;} .box_arrow {width:20px; height:auto; float:left;padding:5px 0 0 0;} .box_submenuitem_off {width:176px; height:auto; padding:4px 0 4px 0; text-align:left;font:bold 10px Verdana, Arial, Helvetica, sans-serif;color:#ffffff;text-decoration:none;} .box_submenuitem_on {width:176px; height:auto; padding:4px 0 4px 0; text-align:left;font:bold 10px Verdana, Arial, Helvetica, sans-serif;color:#062440;text-decoration:none;} .box_bottomsubmenu {width:200px; height:28px; background:url(../images/img_submenu_bootom.jpg) no-repeat bottom left;} .box_centersubmenu {width:200px; background:url(../images/img_submenu_back.jpg) repeat-y top left;} .box_onesizesubmenu {width:200px; height:33px; background:url(../images/img_submenutotal.jpg) no-repeat top left;} .box_submenuitem_off a {color:#ffffff;text-decoration:none;} .box_submenuitem_off a:hover {color:#c1d6e9;text-decoration:none;} /*Submenu onesize*/ .box_arrowsecond {width:20px; height:auto; float:left;padding:8px 0 0 0;} .box_submenuitem_onsecond {width:176px; height:auto; padding:7px 0 4px 0; text-align:left;font:bold 10px Verdana, Arial, Helvetica, sans-serif;color:#062440;text-decoration:none;} .box_submenuitem_offsecond {width:176px; height:auto; padding:7px 0 4px 0; text-align:left;font:bold 10px Verdana, Arial, Helvetica, sans-serif;color:#ffffff;text-decoration:none;} .box_submenuitem_offsecond a {color:#ffffff;text-decoration:none;} .box_submenuitem_offsecond a:hover{color:#c1d6e9;text-decoration:none;} /*NAVIGO UPDATE AND SUBSCRIBE STYLES*/ #box_updatemain {width:186px; height:auto;float:left} #box_update {width:174px; border-left:1px solid #c1d6e9; border-right:1px solid #c1d6e9;padding-left:10px; padding-right:10px; text-align:left;} #box_updatetop { width:196px; height:12px;background:url(../images/img_update_boxtop.jpg) no-repeat top left;} #box_updatebottom {width:186px; height:12px;background:url(../images/img_update_boxbottom.jpg) no-repeat top left; padding-bottom:15px; float:left} #box_subscribe {width:181px;width:182px; height:104px; border-left:1px solid #c1d6e9; border-right:1px solid #c1d6e9;border-right:0;padding:10px 3px 12px 10px; text-align:left; background-color:#c1d6e9} #box_subscribetop {width:196px; height:12px;background:url(../images/img_subscribe_boxtop.jpg) no-repeat top left;} #box_subscribefields {width:177px; height:24px; border-left:1px solid #c1d6e9; border-right:1px solid #c1d6e9;padding:0 7px 0 10px; text-align:left; background-color:#c1d6e9} .box_fieldsubscribe {width:95px; height:16px; font:10px Verdana, Arial, Helvetica, sans-serif; color:#666666; margin-right:4px; background-color:#ffffff; padding-top:3px; padding-left:5px; float:left} .box_btnsubscribe {width:65px; height:24px; float:left} #box_subscribebottom { width:196px; height:12px;background:url(../images/img_subscribe_boxbottom.jpg) no-repeat top left; padding-bottom:15px; float:left} /*BOTTOM BUTONS STYLES*/ .box_bottombuton {width:186px; height:23px; padding:5px 0 5px 10px; float:left; background:url(../images/back_bottom_butons.gif) no-repeat top left; text-align:left; margin-bottom:7px} .box_icon {width:28px; height:18px;text-align:left; float:left} .box_link a {width:150px; height:18px;color:#bf0b32; text-decoration:none} .box_link a:hover {color:#bf0b32; text-decoration: underline} /*RIGHT STRUCTURE STYLES*/ #box_imagemain {width:532px; height:auto; float:left;margin-bottom:14px;} #box_text {width:515px; height:auto; padding-right:17px; text-align:left;} #box_textsecond {width:515px; height:auto;text-align:left;} #box_header {width:532px; height:auto; margin-bottom:16px; text-align:left;} /*Home*/ #box_imageheadersection {width:532px; height:66px; float:left;padding-bottom:14px; margin-top:110px;} #box_imageheadercontact {width:532px; height:66px; float:left;padding-bottom:14px;} #box_imagehome {width:745px; height:220px; float:left; padding-bottom:14px; margin-top:110px;} #cont_bottomhome {width:745px; height:auto; float:left; text-align:left} #box_bottomlefthome {width:652px; height:196px; padding-right:9px; float:left;} #box_subscribehome {width:196px; height:180px; padding:4px 0 0 0; float:left} #box_leftbottom {width:18px; height:196px; background:url(../images/back_left_boxbottom.jpg) no-repeat top left; float:left;} #box_rightbottom {width:16px; height:196px; background:url(../images/back_right_boxbottom.jpg) no-repeat top left; float:right} #cont_centerbottom {width:600px; height:196px; float:left; display:inline;} #box_centerbottom {width:618px; height:184px; float:left; background:url(../images/back_top_boxbottom.jpg) repeat-x top left;} #box_bottom {width:618px; height:12px; float:left; background:url(../images/back_bottom_boxbottom.jpg) no-repeat top left;} #box_testimonial {width:243px; height:auto; border-right:1px solid #e4e4e4; padding-top:8px; float:left} #box_testimonialimage {width:94px; height:auto; margin-right:6px; float:left;} #box_tetimonialdescription {width:135px; height:auto; text-align:left; float:left; margin-right:4px;} #box_updates {width:264px; height:auto; margin-top:8px; float:left; padding-left:10px} .box_updatedescription {width:123px; height:auto; text-align:left; float:left; padding-right:8px} /*test home*/ #box_bottomtestimonial {width:542px; height:auto; margin-right:5px; float:left} #box_toptestimonial {width:542px; height:15px; float:left; background:url(../images/img_top_boxhome.jpg) no-repeat top left} #box_contenttestimonial {width:530px; height:155px; float:left; background:url(../images/back_left_boxhome.jpg) repeat-y top left; padding-left:13px} #box_lefttestimonial {width:530px; height:155px; height:155px; float:left;background:url(../images/back_right_boxhome.jpg) repeat-y top right;} #box_shadowbottom {width:542px; height:22px; background:url(../images/img_bott_boxhome.jpg) no-repeat top left; float:left} /*Testimonials Videos*/ #cont_video {width:533px; height:auto; float:left; padding-top:14px} #cont_videodetail {width:533px; height:auto; float:left;} #box_videoslist {width:180px; height:310px; padding-right:5px; float:left; background-color:#ffffff} #box_video {width:343px; height:310px; float:left;text-align:right} .cont_photo {width:40px; height:auto; float:left;} .box_photo {width:32px; height:auto; float:left; border:#999999 1px solid;} .box_videodescription {width:130px; height:auto; text-align:left; float:left;} .box_separator {width:170px; height:1px; background-color:#dcdcdc; margin:8px 0 8px 0; float:left} /* Structure Styles End */ /* =======================================================================// 6.BOXES These are the styles for the Boxes used in the whole site. =======================================================================// */ /* Boxes Styles Begin */ /* Boxes Styles End */ /* ========================================================================// Other Styles These are the different styles for the content copy of the site.box_header_upd ========================================================================// */ #box_subscribe_upd {width:181px;border-left:1px solid #c1d6e9; border-right:1px solid #c1d6e9;border-right:0;padding:0 3px 12px 10px; text-align:left; background-color:#c1d6e9} #box_subscribebottom_upd { width:196px; height:12px;background:url(../images/img_subscribe_boxbottom.jpg)} #cont_right_upd {width:188px; height:auto; float:left; background-color:#ffffff; margin-right: 1px;} #cont_right_power {width:147px; height:308px;float:right; background-color:#EFEFEF; background:url(../images/img_power_right_bottom.gif) no-repeat bottom #EFEFEF; text-align:left; font-size:9px; line-height:normal; padding:10px 10px 18px 14px} .cont_right_power1 {float:left; width:10px; margin-top:10px;} .cont_right_power2 {float:Right; width:128px; margin-top:10px;} .cont_right_try1 {float:left; width:10px; margin-top:7px;} .cont_right_try2 {float:left; width:498px; margin-top:5px; text-align:left;} #cont_right_power_top {width:171px; height:13px;float:right; background:url(../images/img_power_right_top.gif) no-repeat} #box_header_power {width:351px; height:auto; margin-bottom:16px;; text-align:left;background-color:#FFFFFF} #box_updatetop_upd { width:196px;height:12px; background:url(../images/img_subscribe_boxtop.jpg)} #box_header_upd {width:323px; height:auto; margin-bottom:16px;; text-align:left;background-color:#FFFFFF} #box_text_upd {width:323px; height:auto; text-align:left} #box_updatebottom { width:196px; height:12px;background:url(../images/img_update_boxbottom.jpg) no-repeat top left;} #cont_center_upd {width:323px; height:auto; margin-right:10px; float:left; background-color:#FFFFFF} #cont_center_upd_alt {width:518px; height:auto; margin-right:10px; float:left; background-color:#FFFFFF} #cont_center_power {width:351px; height:auto; margin-right:10px; float:left; background-color:#FFFFFF} #box_contact {width:532px; height:auto; text-align:left; float:right} #box_contact_left {width:164px; height:auto; text-align:left; margin-right:5px; float:left; font:11px Verdana, Arial, Helvetica, sans-serif;} #box_contact_rigth {width:355px; height:auto; text-align:center; float:right; font:11px Verdana, Arial, Helvetica, sans-serif;} #box_contact_rigth_text {width:330px; height:auto; text-align:left; float:right; font:11px Verdana, Arial, Helvetica, sans-serif;} #box_contact_rigth01 {width:355px; height:372px; float:right; background:url(../images/img_contact_01.jpg) no-repeat top left} #box_contact_rigth02 {width:30px; height:auto; float:left;} #box_contact_rigth03 {width:132px; height:auto; margin-top:30px; float:left;font:bold 11px Verdana, Arial, Helvetica, sans-serif ;text-align:right} #box_contact_rigth04 {width:120px; height:auto; margin-top:4px; float:left;font: bold 10px Verdana, Arial, Helvetica, sans-serif;text-align:right} #box_contact_rigth05 {width:120px; height:auto; margin-top:15px; float:left;font: bold 10px Verdana, Arial, Helvetica, sans-serif;text-align:right} #box_contact_rigth06 {width:120px; height:auto; margin-top:20px; float:left;font: bold 10px Verdana, Arial, Helvetica, sans-serif;text-align:right} #box_contact_rigth07 {width:120px; height:auto; margin-top:15px; float:left;font: bold 10px Verdana, Arial, Helvetica, sans-serif;text-align:right} #box_contact_rigth08 {width:120px; height:auto; margin-top:18px; float:left;font: bold 10px Verdana, Arial, Helvetica, sans-serif;text-align:right} #box_contact_rigth09 {width:140px; height:auto; margin-top:30px; float:left;font: bold 10px Verdana, Arial, Helvetica, sans-serif;text-align:right} #box_contact_text01 {width:180px; height:auto; float: left; text-align:left; margin-top:30px} .box_contact_text02 {width:180px; height:23px; float: left; padding:3px 3px 3px 3px;} .box_contact_text03 {width:180px; height:77px; float: left; padding:3px 3px 3px 3px;} .txtarea_style {width:160px; height:60px;} .box_contact_checkbox {width:20px; height:35px; float: left; padding:3px 0px 3px 3px;} .box_contact_checkbox2 {width:150px; height:35px; float: right; padding:3px 3px 3px 0px;} .box_contact_btsubmit{width:180px; height:24px; float: left;} #box_contact_btsubmitxt{width:180px; height:24px; float: left; margin-top:20px; font: bold 11px Verdana, Arial, Helvetica, sans-serif;text-align:left} .box_contact_btemail{width:180px;height:24px;float: left;margin-top: 10px;} .cleared, .spacer { /* clears floats */ clear: both !important; }