#navigation li.on {background-image:url(fly_nav_left2.gif); background-repeat:repeat-x;} #navigation li.on_long {background-image:url(main-fly_nav_left2.jpg); background-repeat:repeat-x;} #navigation li.on_long a {background-image:url(fly_nav_right.gif); color:#fff;text-decoration:none} #navigation li.on a {background-image:url(fly_nav_right.gif);} #outernav {position:relative;} #eyebrow {margin-right: 20px; background-image:none; position:absolute; top:4px; right:2px;height: 24px;} #eyebrow p {line-height:24px; font-size:0.92em; vertical-align:middle; text-align:right;} #eyebrow a {color:#20619e;} #maintext {background:#104e79 url(blue_background.jpg) repeat-y 599px 0; float:left; width: 950px; } #modulea {background:#104e79 url(flash.jpg) no-repeat 0 0; float:left; height:250px; width:609px; float:left} #modulea h2, #modulea h1, #modulea p {color:#ffffff; margin:0.5em 35px 0 374px;line-height: 1.1em;} #modulea h1 {font-size: 1.525em; margin-top:55px;} #modulea p {font-size: 1.4em; font-weight: normal; line-height: 1.2em; width: 9em;} #modulea h2 {font-size: 1.1em; font-weight: normal; line-height: 1.2em;} #sms {width: 310px; float:right;min-height:300px; padding-right:10px;} #sms p, #sms h2 {margin: auto 10px auto 0; color:#ffffff;} #sms h2 {color: #ffffff; font-size:1.45em;margin-top: 12px; margin-bottom: 0;} #sms p {font-size: .92em; margin:.25em 10px .25em 0;} #notthiscountry {height:1.8em;} #us_or_other, #notausnumber {font-size:0.85em;} #notausnumber a, #sms form {color: #ffffff;} #sms input.us {width:2.25em;} #sms input+input+input.us {width:3em;} /* CTA for business pages */ #big a.cta strong, #ctaright a.cta strong {background-image:url(btn_right.gif); color:#000000; left:6px; padding:7px 20px 12px 13px; position:relative; background-position:right 0pt; background-repeat:no-repeat; display:block; float:left;} #big a.cta, #ctaright a.cta {background-image:url(btn_left.gif); display:block; float:left; line-height:20px; text-transform:capitalize; padding: 0; background-position:0 0;} #phoneexample {font-family:Verdana; font-size:0.8em;} .hide {display:none;} #sms p.sms_url {font-size: 0.85em;font-family:verdana; margin-top:1em; padding-top:1em;background-image: url(sms_line.gif); background-position:50% .1em;} /*#sms p.sms_url:first-line, span.yellow_link {color:#ffe744; font-weight:bold; font-family:Arial; font-size:1.15em;} span.yellow_link {display: block; margin:0; padding:0;}*/ #sms span.yellow_link {color:#ffe744; font-weight:bold; font-family:Arial; font-size:1.15em;display:inline;} span.yellow_link {display: block; margin:0; padding:0;} #verizon span.yellow_link {color:#000;font-size:1.0em;} #sms p.notes {font-size: 0.7em;font-family:verdana; margin-top:1em; line-height: 1.1em; } /* BELOW THE FOLD */ #flyer {background: transparent url(btm_back_notrepeat.gif) no-repeat 100% 0;} #promoarea {width: 302px; float:right;} html>body #promoarea {padding-right:15px;} #whats_new {margin: 22px 0 1em 0;} #whats_new h2 {color:#333333; font-size:1em; margin-bottom:0.5em;} #whats_new ul { color: #333333; margin-left:9px;} #whats_new li { color: #333333; margin-left:9px; font-size: 0.8em;} #whats_new li a {color: #20619e; font-size: 1.2em;} #whats_new li a:hover {text-decoration:underline;} #promo, #promo2 {margin: 1em 0;} /* NAVIGATION */ #secondary {clear:both; float:left; background:#ffffff url(sms_shadow.gif) repeat-x 0 0; width: 950px; } #internalnav {width:610px; float:left;} #internalnav p.instruct {background:#ffffff url(bluebar.gif) no-repeat 0 0; color:#5d5d5d; text-transform:uppercase; font-size:0.85em; font-weight: bold; line-height: 24px; height:24px; padding-left:20px; } /* secondarynav */ #secondarynav {height: 70px; background:transparent url(icon_bck.jpg) no-repeat 0 0;} #secondarynav {width:100%;top:auto;left:auto;margin:0;padding:0;position:static;} #secondarynav ul {list-style-type:none; padding-left: 20px;background-image:none;} #secondarynav li {float: left; height: 43px; position:relative; margin-right:0;display:list-item;left:0;top:0;width:57px;clear:none;z-index:1;} .mail #secondarynav #mail, .search #secondarynav #search, .local #secondarynav #local, .mail #secondarynav #mail, .messenger #secondarynav #messenger, .flickr #secondarynav #flickr, .news #secondarynav #news, .sports #secondarynav #sports, .finance #secondarynav #finance, .entertainment #secondarynav #entertainment, .movies #secondarynav #movies, .weather #secondarynav #weather {height:65px;} #secondarynav li a {height: 40px; margin:0; padding:0; display: block; overflow:visible; width: 50px; padding-right: 7px;} #secondarynav li a:hover {height:58px;} #secondarynav li.activelink a {height:70px;} #secondarynav li strong, #secondarynav li a strong {position:relative; top:-2000px;} #secondarynav li strong:hover, #secondarynav li a:hover strong {background-color:#104e79; color: #ffffff;min-width:45px; top:0; margin:auto; padding:0 2px; border:1px solid #cccccc; font-size:0.8em; font-family:verdana; font-weight:bold; text-transform:uppercase;} #secondarynav a, #secondarynav li {background-color:transparent; background-image: url(icon_stripe.jpg); background-repeat:no-repeat;} #secondarynav li a span {background-color:transparent; background-repeat:no-repeat;position:absolute; top:44px;left: -20px;padding:0;} #secondarynav li a span {height:1em; line-height:1em; text-align:center;display:block;width:90px;background-image:none;margin:0;z-index:999;} #secondarynav li a span strong {background-image:none;display:inline;margin:0;padding:0;} #search, #search a {background-position:-20px 0;} /* -92px */ #secondarynav #search.activelink a, #search a:hover {background-position:-20px -72px;} #local, #local a { background-position:-77px 0px;} #secondarynav #local.activelink a, #local a:hover { background-position:-77px -72px;} #mail, #mail a { background-position:-135px 0px;} #secondarynav #mail.activelink a, #mail a:hover { background-position:-135px -72px;} #messenger, #messenger a { background-position:-192px 0px;} #secondarynav #messenger.activelink a, #messenger a:hover { background-position:-192px -72px;} #secondarynav #flickr, #secondarynav #flickr a { background-image:url(flicker_icon.gif); background-position:0 0;} #secondarynav #flickr.activelink a, #secondarynav #flickr a:hover {background-image:url(icon_stripe.jpg);background-position:-249px -72px;} #news, #news a {background-position:-306px 0px;} #secondarynav #news.activelink a, #news a:hover {background-position:-306px -72px;} #sports, #sports a {background-position:-363px 0px;} #secondarynav #sports.activelink a, #sports a:hover {background-position:-363px -72px;} #finance, #finance a {background-position:-420px 0px;} #secondarynav #finance.activelink a, #finance a:hover {background-position:-420px -72px;} #entertainment, #entertainment a {background-position:-477px 0px;} #secondarynav #entertainment.activelink a, #entertainment a:hover {background-position:-477px -72px;} #secondarynav #entertainment a span {left: -31px; width:110px;} #secondarynav span { z-index:999; } #secondarynav #weather, #secondarynav #weather a {background-image: url(weather_icon.gif);background-position:0 0;} #secondarynav #weather.activelink a, #secondarynav #weather a:hover {background-image: url(icon_stripe.jpg);background-position:-534px -72px;} /* temporary rule :: remove when done */ * html #sms {overflow:visible;word-wrap:break-word;} #basemain {float:left; background: transparent url(btm_back_notrepeat.gif) no-repeat 599px 33px; width:609px; background-position:top right} #base {clear:left; float:left; padding-left: 10px; } .show {display:block; float: left; padding-left: 10px;width: 589px;} .show h1, .show h2 {text-transform:uppercase; font-weight:bold; color:#104e79;} .show h1 {font-size:1.5em; padding-top: .8em;} .show h2 {font-size:1.15em; margin-bottom: .5em;} .show p, .show li {color: #333333;} .show ul {margin-left:7px; padding-left:7px;} .show ul li { font-size: 0.95em;} span.onesearch span {font-size: .7em;} span.onesearch sup {vertical-align:text-top; font-size:0.7em;} span.onesearch span.beta {color: #FB6602; font-size:0.55em; position:relative; left: -0.8em;} .show a {color:#20619e;} .screenshot {float:right; height:250px; width:250px; position:relative;} .screenshot p {color:#888888; position:relative; text-transform:uppercase; font-size:0.8em;} p.mw {top:10px; left:136px;} #hm_messenger p.mw {top: 6px; left: 100px;} p.more {margin-left: 14px;} p.go {top:180px; text-align:right; margin-right:150px;} #hm_search .screenshot {background-image:url(search_070618.gif);} #hm_mail .screenshot {background-image:url(mail_070618.gif);} #hm_local .screenshot {background-image:url(local_070618.gif);} #hm_messenger .screenshot {background-image:url(messenger.gif); width: 200px; background-position: -80px 0;} #hm_flickr .screenshot {background-image:url(flickr_070618.gif);} #hm_news .screenshot {background-image:url(news_070618.gif);} #hm_sports .screenshot {background-image:url(sports_070618.gif);} #hm_finance .screenshot {background-image:url(finance_070618.gif);} #hm_entertainment .screenshot {background-image:url(entertainment_070618.gif);} #hm_weather .screenshot {background-image:url(weather_070618.gif);} #hm_search li {line-height:1.6em;} #endnotes, p.versions {clear:both; padding-left:20px;} #endnotes p, p.versions {font-size:0.825em; color:#333333; margin-top:1em;} p.versions {padding-right: 20px;} a.ctapglink {padding-left: .5em;} #base p {margin-bottom:1em; margin-right:20px;} #base {width:550px;} #sms_reply {background-color: #ffffff; padding:0 0 5px 0;} #sent #sms_reply p, #outer #verizon p, #sms_reply p.notes { color: #000000;padding: 0 10px; margin: 5px 0;} #sms_reply h2 {background-color: #104e79; color: #ffffff;padding: 10px;} #verizon h2 {margin: 20px 0 10px 0;} #sms_reply h3 {background-color: #eeeeee; color: #e75c17;padding: 10px; font-size: 1em;} #sms_reply h3 span {color: #000000; font-size: 0.9em; font-weight:bold;} #verizon #sms_reply p {margin: 15px 0;} .error { background-image:url(error.gif); text-indent:20px;} .beta {text-transform: uppercase; font-size: 0.7em;} #modulea h1 {margin-right: 10px;} /* one standard cta button */ a.cta {background-image:url(btn_left.jpg);} a.cta {clear:left;color:#000000;display:block;float:left;line-height:20px;text-transform:capitalize;} a.cta strong {background-image:url(btn_right.jpg);} a.cta strong {background-position:100% 0pt;background-repeat:no-repeat;display:block;float:left;padding:6px 20px 12px;cursor:hand} #cta {float:right;clear:none;margin-top:-39px;} /* NO SMS */ #sms .nosms p {margin:25px 0 15px 0;} .err{ font-family:Arial; color:#000; font-size:12px; font-weight:bold; border:solid 1px #990000; background-color:#FFE1E1; padding-left:8px; vertical-align:middle; width:95%; text-align:left; padding:4px 4px 4px 4px; } .ok{ font-family:Arial; color:#000; font-size:12px; font-weight:bold; border:solid 1px #006200; background-color: #CAFFCA; padding-left:8px; vertical-align:middle; width:95%; text-align:left; padding:4px 4px 4px 4px; } /* specification table for products.cfm */ #specification * { font: normal 11px auto "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #4f6b72; background: #FFF; } #specification a { color: #c75f3e; } .mytable { width: 500px; padding: 0; margin: 0; } #specification table caption { padding: 0 0 5px 0; font: italic 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; text-align: right; } #specification table th { font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #4f6b72; border-right: 1px solid #C1DAD7; border-bottom: 1px solid #C1DAD7; border-top: 1px solid #C1DAD7; letter-spacing: 2px; text-transform: uppercase; text-align: left; padding: 6px 6px 6px 12px; background: #CAE8EA url(/energyor/images/bg_header.jpg) no-repeat; } #specification table th.nobg { border-top: 0; border-left: 0; border-right: 1px solid #C1DAD7; background: none; color: #900; } #specification table td { border-right: 1px solid #C1DAD7; border-bottom: 1px solid #C1DAD7; background: #fff; padding: 6px 6px 6px 12px; color: #4f6b72; } #specification table td.alt { background: #F5FAFA; color: #797268; } #specification table th.spec { border-left: 1px solid #C1DAD7; border-top: 0; background: #fff url(/energyor/images/bullet1.gif) no-repeat; font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; } #specification table th.specalt { border-left: 1px solid #C1DAD7; border-top: 0; background: #f5fafa url(/energyor/images/bullet2.gif) no-repeat; font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #797268; } /* @HomePage Banner */ td.tbl_left_1 { width:609px; padding: 5px 0 0 15px; } a.header_call_cta { color: #00AFF0; text-decoration: none; font-family:Arial; font-size: 27px; font-weight: bold !important; vertical-align:baseline; } h4.blueText { color: #00AFF0; font-size: 18px; letter-spacing: -0.01em; margin: 6px 0 0; padding: 4px 0 0; font-family:Arial; } a.withTextButton { color: #FFF; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25); margin-right: 10px; display: inline-block; font: bold 14px/14px Arial,Helvetica,sans-serif; height: 32px; text-decoration: none; background-image: url("/energyor/images/buttons.png"); background-repeat: no-repeat; outline: medium none !important; background-position: right -100px; /*background-position: right -64px;*/ } a.withTextButton:active { /*background-position: right -64px;*/ background-position: right -100px; } a.withTextButton:active span { /*background-position: 0 -64px;*/ background-position: 0 -264px; } a.withTextButton span { background-image: url("/energyor/images/buttons.png"); cursor: pointer; display: inline-block; margin: 0 15px 0 0; padding: 9px 5px 9px 20px; white-space: nowrap; background-repeat: no-repeat; outline: medium none !important; font: bold 14px/14px Arial,Helvetica,sans-serif; /*background-position: 0 -64px;*/ background-position: 0 -100px; text-decoration: none; color:#FFF; } a.withTextButton:hover { /*background-position: right -64px;*/ background-position: right -132px; } a.withTextButton:hover span { background-position: 0 -132px; } #b10_hour_vid { background-image:url('/energyor/images/eo-vid-1.png'); background-position:center; background-repeat:no-repeat; width:118px; height:69px; margin-right:9px; } #b10_hour_vid:hover { background-image:url('/energyor/images/eo-vid-2.png'); background-position:center; background-repeat:no-repeat; width:118px; height:69px; } .homepage_hero_lg { width:100%; padding:0px; text-align:center; margin:0 auto; border-bottom:solid 1px #00AFF0; border-bottom:solid 1px #00AFF0; background:url(http://homecams.com/models/static/images/bg_footer.gif) repeat-x left bottom; }