#wXheader-wrap { width:100%; background:#2047b0 url(../images/common/bg-header.jpg) repeat-x top left; border-bottom:1px solid #000000; } #wXheader { width:100%; height:60px; background:transparent url(../images/common/seasonal/Winter-Header_v3.jpg) no-repeat; background-position:top right; } #wXlogo { float:left; } #wXlogo h1 { font-size:12px; line-height:1em; padding:0; margin:0; } #wXlogo h1 a { display:block; width:200px; height:60px; overflow:hidden; background:url('../images/common/logo-weatherbug.gif') top left no-repeat; background-position:14px 10px; } #wXlogo h1 a span { display:none; } #wXsearch-box { float:right; height:23px; font-size:10px; margin-right:2px; } .wXsearch-box-left, .wXsearch-box-right { width:6px; height:100%; } .wXsearch-box-left { float:left; background:url('../images/common/search-box-corner-left.gif') no-repeat top left; } .wXsearch-box-right { float:left; background:url('../images/common/search-box-corner-right.gif') no-repeat top right; } .wXsearch-box-middle { height:23px; float:left; font-family:Arial, Verdana, Helvetica, sans-serif; letter-spacing:-1px; background:url('../images/common/search-box-bg.gif') repeat-x top left; text-align:center; } .wXsearch-text { font-size:9px; width:100px; height:12px; border:1px solid #3D3D3D; } .wXlocation-text { font-size:9px; width:100px; height:14px; border:1px solid #3D3D3D; } .wXdrop-box { font-size:9px; width:130px; height:16px; border:1px solid #3D3D3D; } #wXsearch-box input.wXsearch-text { margin-top:4px; } #wXsearch-box label, .wXsearch-text, #wXsearch-go, #wXsearch-go-2 { float:left; display:block; } #wXsearch-go-2 { margin:2px 0 0 3px; } #wXsearch-box label { padding:4px 5px 0 6px; font-weight:bold; } #wXsearch-type-weatherbug, #wXsearch-type-web { } #wXsearch-go { padding:0; margin:3px 0 0 2px; border:0; } #wXpage-content { width:810px; } /* modules */ a.wXchicklet { float:right; display:block;margin:0 3px 0 3px; font-size:10px; line-height:10px; font-weight:bold; } a.wXchicklet span { display:block; padding:1px 4px 2px; border:1px solid #4C6FAE; background:#688CCC; } a.wXchicklet span.wXgrey { background:#9a9a9a; border:1px solid #7d7d7d; } a.wXchicklet:link, a.wXchicklet:visited, a.wXchicklet:hover, a.wXchicklet:active { color:#FFFFFF; text-decoration:none; } .wXchicklets { clear:both; text-align:center; padding:5px 10px 0; height:19px; } .wXchicklets img { float:right; padding:0 3px 0 3px; } .wXchicklets { border-top:1px solid #C1C2C7; } * html .clearfloats, * html .wXclearfloats { display:none; } * html .column { display:inline; } #wXenvironment{ width:100%; background:#b6c7d9; } #wXpage { width:1000px; margin:0 auto; padding:0; background:#fff; } #wXheader-wrap { width:100%; background:#2047b0 url(../images/common/bg-header.jpg) repeat-x top left; border-bottom:1px solid #000000; } #wXlogo { float:left; } #wXlogo h1 { font-size:12px; line-height:1em; padding:0; margin:0; } #wXlogo h1 a { display:block; width:200px; height:60px; overflow:hidden; background:url('../images/common/logo-weatherbug.gif') top left no-repeat; background-position:14px 10px; } #wXlogo h1 a span { display:none; } #wXglobal-nav-wrapper { height:15px; padding:3px 0 0; background:#003067; } #wXglobal-nav { width:980px; margin:0 auto; color:#9ABCF5; text-align:right; font-weight:bold; font-size:11px; } #wXglobal-nav a { color:#4289f7; font-weight:normal; text-decoration:none; } #wXglobal-nav a:hover { text-decoration:underline; } #wXglobal-nav ul { display:inline; list-style-type:none; list-style-image:none; margin:3px 10px 0 10px; } #wXglobal-nav ul li { display:inline; background:url(../images/common/global-nav-tab-left.gif) no-repeat left; padding:0 0 0 5px; margin:0 0 0 1px; } #wXglobal-nav ul li a { color:#fff; background:url(../images/common/global-nav-tab-right.gif) no-repeat right; text-transform:uppercase; padding:0 5px 0 0; } .wXintl #wXglobal-nav { display:none; } #wXheader { width:980px; margin:0 auto; } #wXzip-box { float:right; background:url(../images/common/bg-default-zip-box.gif) no-repeat center; width:546px; height:29px; margin:10px 5px 0 0; padding:5px 10px; } #wXzip-box p { float:left; height:28px; line-height:28px; background:url(../images/common/default-zip-box-dvdr.gif) no-repeat right; padding-right:10px; font-size:12px; font-weight:bold; color:#fff; } /* Home - Location Search Box and Form */ #wXzip-box #LocationEntryForm { float:left; width:215px; height:28px; margin:0; padding: 0; margin:4px 5px 0 5px; } /* had to set height of location form, IE bug */ #wXzip-box .wXtxt-search-box-entry { float:left; width:155px; font-size:12px; padding:2px 0 1px; text-align:center; } #wXzip-box .wXopt-country-location-entry { display:none; } #wXheader { width:100%; height:60px; background:transparent no-repeat; background-position:top right; } a.wXntry-wwlnk { display:block; float:left; height:28px; line-height:28px; background:url(../images/common/default-zip-box-dvdr.gif) no-repeat left; padding-left:10px; color:#fff; font-weight:bold; } /*BEGIN Location Search Box styles for sub landing pages */ .wXlanding-banner-info .wXtxt-search-box-entry { float:left; width:155px; font-size:12px; padding:2px 0 1px; text-align:center; } .wXlanding-banner-info .wXopt-country-location-entry { width:145px; font-size:12px; float:none; vertical-align:top;} .wXlanding-banner-info .wXlocation-option-go { float:left; width:200px; } .wXlanding-banner-info .wXbtn-location-search { float:none;} /* END Location Search Box styles for sub landing pages */ /* END Location Search Box styles for CA/UK landing pages */ .wXopt-web #LocationEntryForm { width:574px; height:50px; padding: 0; } /* had to set height of location form, IE bug */ .wXopt-web #LocationEntryForm[id] { height:auto; margin:0; padding:0;} .wXopt-web .wXtxt-search-box-entry { margin-left:10px; display:block; float:left; width:185px; font-size:12px; padding:2px 0 1px; text-align:center; border:1px solid #000000; } .wXopt-web .wXtxt-search-box-entry[class] { margin-left:18px; } .wXopt-web .wXopt-country-location-entry { width:145px; vertical-align:top;} .wXopt-web .wXlocation-option-go { float:left; width:200px; clear:none; padding-left:0; margin:0; } .wXopt-web .wXlocation-option-go[class] { margin:0; } .wXopt-web-uk .wXtxt-search-box-entry { float:left; } .wXopt-web-uk .wXlocation-option-go { float: left;} /* END Location Search Box styles for CA/UK landing pages */ #LocationEntryForm { height:60px;} /* had to set height of location form, IE bug */ html #wXpage-content-wrapper { background:#f4f5f5; } html #wXpage-content { width:100%; background:transparent; margin:0 auto; } html body.landing #wXpage-content { margin:0 0 0 195px; } .wXdefault #wXpage-content{ background:transparent; background-image:none; } #wXpage-tools { float:right; padding:0px 5px 0; width:300px; color:#3D527A; text-align:right; font-size:11px; font-family:'Arial Narrow', Arial, Helvetica, sans-serif; } #wXpage-tools a { color:#ffffff; text-decoration:none; padding:0 3px 0px 3px; margin:0; } #wXpage-tools a:hover { text-decoration:underline; } #wXpage-main { width:100%; height:130px; margin-bottom:14px; } #wXpage-main h1 { display:none; } #wXfooter { width:980px; background:#c2d1e1; } #wXfooter-logo { background:url(../images/common/footer-logo.gif) top center no-repeat; width:95px; height:26px; margin:5px auto 0; } #wXfooter-logo h2 { display:none; } #wXfooter-nav { color:#0000ff; padding:10px 10px; } #wXfooter-nav a { color:#0000ff; text-decoration:none; padding:0 5px; } #wXfooter-nav a:hover { text-decoration:underline; } /* BEGIN: US - default */ .wXntry-banner { padding:13px; } .wXntry-dateline { border-bottom:1px solid #bdc3ca; padding:10px 0 3px; font-size:11px; } .wXntry-date { float:left; width:400px; color:#4b9af7; font-weight:bold; } .wXntry-dline-opts { float:right; width:200px; text-align:right; } .wXntry-dline-opts a { font-size:11px; } #nc-weather-outlook { float:left; width:628px; } #nc-weather-outlook #box-news-wrap .column.one { width:320px; } #nc-weather-outlook #box-news-wrap .column.two { width:274px; } #nc-weather-outlook #box-news-wrap .column.two li { width:auto; } #nc-weather-outlook #box-news-wrap .column.one img { margin:0 auto; } .column#right { float:right; width:332px; margin: 13px 13px 13px 0; } .column#nav { margin:0 13px; } .column#guts { width:455px; } .wXvideo-guts { width:200px; } #nc-weather-outlook .wXbox { float:left; width:608px; padding:0; margin:0; } /* US, ENTRY PAGE, NEWS */ .wXdefault .wXntry-products-module { float: right; width: 332px; } /* US ENTRY PAGE, NEWS */ .wXdefault .wXntry-products-module .wXbox { width:332px; } .wXdefault .wXntry-banner .wXntry-products-module .wXbox .wXboxhead h2 { text-align:center; } .wXntry-banner .wXcds2 { margin:0; } .wXntry-box-1, .wXntry-box-2, .wXntry-banner .wXbox { clear:none; background:transparent; font-size: 12px; border:0; margin:0; } .wXntry-box-1, .wXntry-banner .wXbox { float:left; width:427px; background:transparent; } .wXntry-box-2 { float:right; } .wXntry-box-head, .wXntry-banner .wXboxhead { height:26px; background:transparent url(../images/common/hdr-box-def-blue-left.gif) no-repeat left; padding-left:5px; border-bottom:0; } .wXntry-box-head h1, .wXntry-banner .wXboxhead h2 { background: transparent url(../images/common/hdr-box-def-blue-right.gif) no-repeat right; height:26px; color: #fff; font-weight: bold; font-size:13px; line-height:26px; text-align:center; } .wXntry-banner .wXboxhead h2 { text-align:left; } .wXntry-box-body { height:92px; min-height:92px; padding: 0px 0 9px; text-align:left; border:1px solid #668bdc; background:#fff; } .wXntry-box-body[class] { height:auto; } .wXntry-box-body p { padding: 5px 22px 5px; } .wXntry-products-module .wXbox { border:0; background:transparent; } .wXntry-products-module { width:332px!important; margin:0 auto; } .wXntry-products-module .wXboxhead { height:26px; background:transparent url(../images/common/hdr-box-def-blue-left.gif) no-repeat left; padding:0 0 0 5px; border-bottom:0; } .wXntry-products-module .wXboxhead h2 { background:transparent url(../images/common/hdr-box-def-blue-right.gif) no-repeat right; height:26px !important; color: #fff; font-weight: bold; font-size:13px; line-height:26px; padding:0; text-align:center; } .wXntry-products-module .wXboxbody { border:1px solid #668bdc; background:#fff; } .wXntry-banner .wXweather-outlook-copy ul { list-style-image:url(../images/common/li-arrow.gif); margin:5px 0 0; padding:0; } .wXntry-banner .wXweather-outlook-copy a { font-weight:bold; } .wXntry-banner .wXchicklets { display:none; } /* BEGIN - Weather Outlook */ .wXweather-outlook-img { text-align:center;padding:5px 0 5px 10px; } .wXdefault .wXweather-outlook-img { float:left;} .wXdefault .wXbox#wXweather-outlook .wXboxbody { height:235px; min-height:235px; } .wXdefault .wXbox#wXweather-outlook .wXboxbody[class] { height:auto; } .wXdefault .wXbox#wXweather-outlook .wXoutlookDate { display:inline; } .wXdefault .wXntry-products-module .wXboxbody { height:240px; min-height:240px; } .wXdefault .wXntry-products-module .wXboxbody[class] { height:auto; } .wXdefault .wXweather-outlook-img img { border:1px solid black; margin-top:20px; } .wXdefault .wXweather-outlook-copy { padding:5px 0 5px 5px; width:410px; float:right; } .wXntry-banner .wXoutlook-videos-box { display:block; width:175px; margin:10px 0 0 2px; float:left; border:1px solid #b6becc; } .wXntry-banner .wXoutlook-videos-box[class] { margin:10px 0 0 5px; } .wXntry-banner .wXoutlook-videos-box-head { background:#bfcff1; } .wXntry-banner .wXoutlook-videos-box-head h1 { font-size:12px; font-weight:bold; text-align:center; } .wXntry-banner .wXoutlook-videos-box-body { background:transparent; } .wXntry-banner .wXoutlook-videos-box-body a { font-weight:normal; } .wXntry-banner .wXoutlook-videos-box-body ul { list-style-type:none; padding:0; margin:0; } .wXntry-banner .wXoutlook-videos-box-body ul li { margin:0 0 0 0; padding:2px 0 1px 23px; background:url(../images/common/lnk-video.gif) no-repeat; background-position:3px 4px; } .wXntry-banner .wXoutlook-videos-box { display:none; } /* END - Weather Outlook */ .wXdefault .wXoptions-cta { width:400px; padding:15px; float:right; } .wXintl .wXoptions-cta { height:100px; min-height:100px; margin:0; padding:0; } .wXintl .wXoptions-cta[class] { height:auto; } .wXdefault .wXopt-download { width:242px; padding:3px 0; margin:0 auto; } .wXdefault .wXbtn-search-btns { float:none; margin:0px 6px 0; display:inline; } .country-location { width:627px; margin:13px; float:left; } .country-location #loc-uk-specific input { width:3em; vertical-align:middle; } .country-location #loc-uk-specific #loc, .country-location #loc-uk-specific wXlocation-option-go { float:left; } .country-location h3 { font-size:14px; margin-bottom:12px; } .country-location .boxbody p { display:none; } .wXintl .country-location .boxbody p { display:block; margin:.3em 0; } #wXcontent-main { width:973px; float:none; background:transparent; margin:0 13px; } #wXcontent-main-wrap { margin:0; padding:0; } .wXintl #wXcontent-main-wrap { width:610px; margin:0 auto 0; padding:0; } .wXboxDouble { width:100%; margin-left:0; margin-right:0; } #wXcontent-main h1 { font-size:12px; text-align:left; font-weight:normal; padding:6px 6px 14px; margin:0; text-align:left; } #wXcontent-main h1 strong { font-size:15px; display:block; font-weight:bold; padding:0; margin:0; line-height:17px; } /* cold & flu box */ #coldandflu .wXboxbody h2 { margin:0 5px; font-size:16px; } #coldandflu img { float:left; margin:0 5px 5px 5px; } #coldandflu p { font-size:11px; } /* beach & boating box */ #beachandboating img { float:left; margin:0 5px 5px 5px; } #beachandboating p { font-size:11px; height:1%; } #snowandski .wXboxbody h2 { margin:0 5px; font-size:16px; } #snowandski img { float:left; margin:0 5px 5px 5px; } #snowandski p { font-size:11px; } /* weather videos box */ #weather-videos .wXboxbody { padding:0; } #weather-videos .wXvideo { min-height:75px; height:75px; padding:5px; } #weather-videos .wXvideo[class] { height:auto; } #weather-videos .wXvideo.even { background-color:#f8f8f8; } #weather-videos .wXvideo.odd { background-color:#fff; } #weather-videos img.wXvideo-image { float:left; margin:0 5px 5px 5px; } #weather-videos .wXvideo-guts { float:left; width:185px; margin:0; } #weather-videos .wXvideo-guts img { float:left; margin:3px 0 0 0; } #weather-videos .wXvideo-guts h2 { float:left; font-size:12px; margin:0 5px; } #weather-videos .wXvideo-guts p { font-size:11px; margin:5px 5px 5px 25px; } #weather-videos .wXplay { float:right; margin:25px 5px; } /* Why millions love weatherbug box */ #whyloveus .wXboxbody h2 { font-size:12px; margin:10px 10px 0; } #whyloveus .wXboxbody .wXcallout { margin:10px; background-color:#f2f2f2; padding:10px; } #whyloveus .wXboxbody .wXcallout h2 { margin-top:0; } #whyloveus ul li { margin:0 5px 0px 25px; padding:0 0 2px 0; list-style-type:disc; list-style-image:url(../images/common/bullet-blue-small.gif); } #box-feat .column.two { width:209px; } /* Product module box */ .wXntry-products-module .wXboxbody { padding:0; } .wXntry-products-module .wXboxbody ul { margin:0; padding:0; background:#668bdc; font-size:12px; } .wXntry-products-module .wXboxbody ul li { margin:0; padding:0; float:left; background:url(../images/common/bg-prod-mod-tab-left.gif) no-repeat left; padding-left:5px; list-style-type:none; text-align:center; } .wXntry-products-module .wXboxbody ul li.on { background:url(../images/common/bg-prod-mod-tab-left-on.gif) no-repeat left; } .wXntry-products-module .wXboxbody ul a { float:left; margin:0 auto; text-align:center; background:url(../images/common/bg-prod-mod-tab-right.gif) no-repeat right; padding-right:5px; height:17px; line-height:17px; color:#fff; } .wXntry-products-module .wXboxbody ul a:hover, .wXntry-products-module .wXboxbody ul a:active { text-decoration:none; } .wXntry-products-module .wXboxbody ul li.on a { background:url(../images/common/bg-prod-mod-tab-right-on.gif) no-repeat right; color:#0254f7; } .wXntry-products-module .wXboxbody ul li #desktop-link { width: 55px; } .wXntry-products-module .wXboxbody ul li #mobile-link { width: 45px; } .wXntry-products-module .wXboxbody ul li #widgets-link { width: 75px } .wXntry-products-module .wXboxbody ul li #programming-link { width: 115px; } .wXntry-products-module .wXboxbody #desktop, .wXntry-products-module .wXboxbody #mobile, .wXntry-products-module .wXboxbody #widgets, .wXntry-products-module .wXboxbody #programming { clear:both; margin:10px auto; padding:10px; width: 290px; height:183px; } /* width:310 height:203 */ .wXntry-products-module .wXboxbody #desktop { background:url(../images/common/bg-prod-mod-desktop-2.gif) no-repeat center; } .wXntry-products-module .wXboxbody #mobile { background:url(../images/common/bg-prod-mod-mobile.gif) no-repeat center; } .wXntry-products-module .wXboxbody #widgets { background:url(../images/common/bg-prod-mod-widgets.gif) no-repeat center; } .wXntry-products-module .wXboxbody #programming { background:url(../images/common/bg-prod-mod-programming.gif) no-repeat center; } .intl .wXntry-products-module .wXboxbody #desktop { background:url(../images/common/bg-prod-mod-desktop-alert.jpg) no-repeat center; } .wXntry-products-module .wXboxbody #desktop h2, .wXntry-products-module .wXboxbody #mobile h2, .wXntry-products-module .wXboxbody #widgets h2, .wXntry-products-module .wXboxbody #programming h2 { text-align:center; font-size:18px; } .wXntry-products-module .wXboxbody #mobile p { margin:25px 0 20px 120px; } .wXntry-products-module .wXboxbody #mobile a { margin:0 0 0 120px; } .wXntry-products-module .wXboxbody #widgets p { margin:30px 0 20px 125px; } .wXntry-products-module .wXboxbody #widgets a { margin:0 0 0 125px; } .wXntry-products-module .wXboxbody #programming p { margin:30px 0 20px 125px; } .wXntry-products-module .wXboxbody #programming a { margin:0 0 0 125px; } .wXntry-products-module .wXboxbody #desktop p { margin:75px 0 15px; text-align:center; } .wXntry-products-module .wXboxbody #desktop a { display:block; margin:0 auto; text-align:center; } .wXntry-products-module .wXboxbody #desktop p.wXprod-mod-disclaim { font-size:11px; margin:5px 0 0 0; } .wXntry-products-module .wXboxbody #desktop p a { display:inline; margin:0; } html #wXcontent-sub { text-align:left; width:204px; } html #wXsidebox { margin:0 auto 0 0; clear:both; } .wXdefault #wXheader { background-image:none; } .wXlanding-cclist, .wXlanding-wclist { float:none; } .wXlanding-woutlook { float:left; width:340px; } .wXcityList { height:105px; width:284px; overflow:auto; margin:0 0 0 auto; padding:0; } .wXcityList a, wXcityList a:link, wXcityList a:visited { display:block; clear:both; } .wXcityList a:hover, wXcityList a:active { text-decoration:underline; cursor:hand; } .wXcity { float:left; width:210px; padding-left:10px; text-align:left; overflow:hidden; } .wXcityTitle { float:left; width:210px; text-align:left; overflow:hidden; font-weight:bold; } .wXtemp { float:left; width:45px; text-align:right; overflow:hidden; } .wXtempTitle { float:left; width:45px; min-width:45px; text-align:right; overflow:hidden; font-weight:bold; } .wXtempTitle[class] { width:auto; } #box-story-main-ad .wXboxhead { float:none; display:block; } .wXbox-pmod-logo { display:block; text-align:center; margin:0 0 5px; } .wXbox-pmod-logo img { border:none; } .wXbox-pmod-ill { border:none; float:left; clear:left; padding:0 9px 14px 0; margin:0; } .wXbox-pmod-ill img { border:none; } .wXbox-pmod-lnk { display:block; margin:10px 0; } .wXbox-pmod-other { border:1px #cccdd1 solid; margin:0 0 10px; padding:0; } .wXbox-pmod-other a { display:block; } .wXbox-pmod-other-title { background-color:#ececec; border-bottom:1px #d0d0d0 solid; padding:2px 2px 2px 5px; font-weight:bold; } .wXbox-pmod-other-content { overflow:auto; padding:5px; height:90px; padding-top:10px; } .wXdefault .wXbox-pmod-other-content ul { float:left; width:48%; padding:0 0 0 1% !important; margin:0 !important; list-style-type:none; } .wXdefault .wXbox-pmod-other-content ul li { padding:0; margin:0; width:100%; } .wXchicklets{ clear:both; text-align:center; vertical-align:middle; padding-bottom:expression('5px'); height:auto; } .wXchicklets img { float:right; } .wXclearfloats{ clear:both; } .ad-160x600-wrap { background:#fff; } /* BEGIN Banner - Entry Pages (not Main) */ .wXlanding-banner { width:630px; margin:0 auto; padding:20px 0 20px 10px; } .wXlanding-banner-img { width:195px; float:left; } .wXlanding-banner-img img { width:193px; float:none; margin:5px 10px 2px 0; border: solid 1px #CCCCCC;} .wXlanding-banner-info { width:400px; min-height:177px; float:right; margin:5px; line-height:1.5em; font-size:12px;} .wXlanding-banner-info h1{ font-size:14px; font-weight:bold; padding:0 0 3px; } .wXlanding-banner-info p { font-size:12px; padding:0 0 8px; } .wXlanding-banner-info h2 { font-size:12px; font-weight:bold; padding:0 0 3px;} /* END Banner */ /* BEGIN Desktop App Module */ .wXdeskWxModule { padding: 10px; } .wXdeskWxModule-tou { color:#888888; } .wXbtn-search-btns-deskWx { margin: 0 0 10px 0; } /* END Desktop App Module */ /* BEGIN old style landing pages */ .wXcontent-main-sub-landing { width:655px !important;} .wXpage-content-sub-landing { background:#FFFFFF !important; width:680px !important; } /* END old style landing pages */ /* DEFAULT NO COOKIE TEMP */ body#defaultnocookie #temps .wXbox { float:left; width:213px; } body#defaultnocookie #temps .wXbox .wXchicklets { display:none; } body#defaultnocookie #wXcountry-city-list { margin-right:10px; } body#defaultnocookie .wXcity { padding-left:0; } body#defaultnocookie .wXcityList { width:179px; } body#defaultnocookie .wXcity { width:105px; padding-left:0px; } body#defaultnocookie .wXcityTitle { width:115px; } body#defaultnocookie .wXtemp, body#defaultnocookie .wXtempTitle { width:45px } .wXintl .boxbody .wXtxt-search-box-entry { float:left; } .wXintl .boxbody #LocationEntryForm { height:auto; } .intl-weather-info p { margin:0 0 1em 0; } .wXintl #wXheader #wXzip-box { display:none; }