/*------------------------------------------------------------------ [Stylesheet] Project: Westnet Version: 1.0 Last change: 23.12.08 [Created] Assigned to: Garth Haseldine (GH) Changes [08.01.09] - GH - Combined the subpage styles with this global style - Renamed to screen.css Changes [23.03.09] - GH - Added Styles for the About Section Changes [14.05.09] - GH - Added a style to limit the width of H1's if they appear in the content of the page. This happens on the careers pages. -------------------------------------------------------------------*/ /*------------------------------------------------------------------ [Table of Contents] 1. Global Navigation 2. Header 3. Local Navigation Top 4. Body and Generic Classes 5. Subpage Content 5.1. Local Navigation Left 5.2. Subpage Full Content [Color codes] Background: #ffffff (White) Content: #575757 (Light Black) Header h1: #122a73 (Dark Blue) Header h2: #f94112 (Red) Header h3: #2d86b9 (Blue) a (standard): #0046e4 (Bright Blue) a (visited): #009ce4 (Lighter Blue) [Typography] Body copy: 0.8em Verdana, Arial, Helvetica, sans-serif; -------------------------------------------------------------------*/ /*------------------------------------------------------------------ [ 1 ] -------------------------------------------------------------------*/ #globalNavigation { font-size:9px; margin-top:6px; text-align:right; padding-right:30px; } #globalNavigation ul { margin:0px; padding:0px; } #globalNavigation ul li { list-style:none; padding:0px; display:inline; margin-left:5px; } #globalNavigation ul li a { color:#2888db; text-decoration:underline; padding:3px 8px; } #globalNavigation a:hover.home { background:url(/images/wnVseven/navigation/global-navigation/home-over.gif) no-repeat; } #globalNavigation a:hover.internet { background:url(/images/wnVseven/navigation/global-navigation/internet-over.gif) no-repeat; } #globalNavigation a:hover.phone { background:url(/images/wnVseven/navigation/global-navigation/phone-over.gif) no-repeat; } #globalNavigation a:hover.hosting { background:url(/images/wnVseven/navigation/global-navigation/web-hosting-over.gif) no-repeat; } #globalNavigation a:hover.mywestnet { background:url(/images/wnVseven/navigation/global-navigation/mywestnet-over.gif) no-repeat; } #globalNavigation a:hover.help { background:url(/images/wnVseven/navigation/global-navigation/help-over.gif) no-repeat; } #globalNavigation a:hover.contact { background:url(/images/wnVseven/navigation/global-navigation/contact-us-over.gif) no-repeat; } /*------------------------------------------------------------------ [ 2 ] -------------------------------------------------------------------*/ .header { background:url(/images/wnVseven/header/header-behind-main-01.jpg) no-repeat top left; width:773px; } #logoSpace { height:104px; width:773px; padding:0px 0px 0px 0px; } #logoSpace .logo { float:left; width:318px; } #logoSpace .logo img { margin: 20px 0px 0px 72px; } #logoSpace .tagline { float:left; width:393px; text-align:center; } #logoSpace .tagline img { margin:25px 0px 10px 0px; } #logoSpace .tagline div { padding:0px; line-height:18px; background:url(/images/wnVseven/header/bg-customer-service-numbers.gif) no-repeat; text-align:center; color:#8d8d8d; font-size:10px; } /*------------------------------------------------------------------ [ 3 ] -------------------------------------------------------------------*/ #localNavigation * { font-size:11px; color:#394579; } #localNavigation .tierOne { background:url(/images/wnVseven/navigation/local-navigation-top/internet-level1-01.png) no-repeat left top; margin:0px; padding:0px; text-align:center; } #localNavigation .tierOne table { width:80%; } #localNavigation .tierOne td { text-align:center; } #localNavigation .tierOne td a { color:#FFFFFF; text-decoration:none; } #localNavigation .tierTwo { background:url(/images/wnVseven/navigation/local-navigation-top/internet-level2-01.png) no-repeat left top; margin:0px; padding:0px; display:none; height:28px; } #localNavigation .tierTwo li { list-style:none; display:inline; line-height:28px; margin:0px; padding:0px 5px; } #localNavigation .tierTwo a { color:#1A80D7; text-decoration:underline; } #localNavigation #SM-overview { padding-left:100px; } #localNavigation #SM-broadband { padding-left:165px; } #localNavigation #SM-dialup { padding-left:250px; } #localNavigation #SM-additional { padding-left:235px; } #localNavigation #SM-business { padding-left:35px; } #localNavigation #SM-about { padding-left:80px; } #localNavigation #SM-contact { padding-left:170px; } #localNavigation #SM-why-choose-westnet { padding-left:40px; } #localNavigation #SM-work-for-westnet { padding-left:135px; } #localNavigation #SM-about-the-company { padding-left:230px; } #localNavigation #SM-legal-information { padding-left:323px; } #localNavigation #SM-media { padding-left:440px; } #localNavigation #SM-westnet-in-the-community { padding-left:590px; } /*------------------------------------------------------------------ [ 4 ] -------------------------------------------------------------------*/ body { font-size:.8em; line-height:140%; color:#575757; font-family:Verdana, SunSans-Regular, Sans-Serif; margin:0px; padding:0px; text-align:center; background:url(/images/wnVseven/header/header-blue-grad-01.gif) top repeat-x; } .box { width:773px; margin:0px auto; padding:0; text-align:left; background:url(/images/wnVseven/backgrounds/content-01.gif) repeat-y; } h1, h2{ line-height:normal; } h3, h4 { letter-spacing:-1px; } ul li { margin-bottom:5px; } .paddingZero { padding:0px } .paddingSides15 { padding:0px 15px; } .paddingLeft10 { padding-left:10px; } .marginBottom15 { margin-bottom:15px; } .floatLeft { float:left; } .floatRight {float:right; } .clearboth { clear:both; } .hideme { display:none; } .smalltdFont { font-size:85%; line-height:130%; } .smallFont { font-size:85%; line-height:130%; color:#6e7592; } .smallerFont * { font-size:11px; line-height:140%; } .normalFont * { font-size:0.8em; line-height:140%; } .marginTop0 { margin-top:0px; } #contentContainer { clear:both; background:url(/images/wnVseven/body/body-top.png) top left no-repeat; padding-top:30px; } #contentContainer-nobg { clear:both; background:url(/images/wnVseven/body/body-flat.png) top left no-repeat; padding-top:30px; } /*------------------------------------------------------------------ [ 5 ] -------------------------------------------------------------------*/ #pagetitle { padding-left:35px; } #pagetitle .breadcrumb { margin:0px; font-size:10px; color:#7380ba; padding-bottom:15px; } #pagetitle .breadcrumb a { color:#122a73; } #pagetitle .breadcrumb a:hover { color:#7380ba; } #contentSide { width:584px; float:left; background:url(/images/wnVseven/backgrounds/subpage-right-content-01.gif) repeat-y; } #contentSide .contentSection { float:left; width:495px; } #contentSide .contentSection h1 { float:left; width:465px; } #contentSide .contentSection > * { margin-top:0px; } #contentSide .contentSection > p { margin-top:5px; } #contentSide .contentSectionCap { margin-left:-34px; margin-right:-34px; } #contentSide .pricingTable th { text-align:center; color:#FFFFFF; line-height:normal; } #contentSide .pricingTable td { line-height:150%; } #contentSide .pricingTable .alt { background:#f6f9fc; } #contentSide .tableTopAqua { background:url(/images/wnVseven/backgrounds/table-top-aqua-01.png) left top no-repeat; } #contentSide .tableTopBlue { background:url(/images/wnVseven/backgrounds/table-top-blue-01.png) left top no-repeat; } #contentSide .tableTopDarkBlue { background:url(/images/wnVseven/backgrounds/table-top-dark-blue-01.png) left top no-repeat; } #contentSide .tableTopGreen { background:url(/images/wnVseven/backgrounds/table-top-green-01.png) left top no-repeat; } #contentSide .tableTopOrange { background:url(/images/wnVseven/backgrounds/table-top-orange-01.png) left top no-repeat; } #contentSide .tableTopPink { background:url(/images/wnVseven/backgrounds/table-top-pink-01.png) left top no-repeat; } #contentSide .tableTopPurple { background:url(/images/wnVseven/backgrounds/table-top-purple-01.png) left top no-repeat; } #contentSide .tableTopRed { background:url(/images/wnVseven/backgrounds/table-top-red-01.png) left top no-repeat; } #contentSide .tableTopYellow { background:url(/images/wnVseven/backgrounds/table-top-yellow-01.png) left top no-repeat; } #contentSide .contentSplit { width:370px; } #contentSide .sidePrice { color:#3385c1; width:110px; line-height:24px; text-align:center; padding-top:20px; } #contentSide .sidePrice span { font-size:27px; font-weight:bold; } #contentSide .moreinformation ul { list-style:none; padding-left:0px; margin-left:0px; } #contentSide .moreinformation ul li { background:url(/images/wnVseven/bullet-yellow.gif) 0px 8px no-repeat; padding-left:20px; } #contentSide .features ul { list-style:none; padding-left:0px; margin-left:0px; } #contentSide .features .contentSectionHalf ul { list-style:none; padding-left:0px; margin-left:0px; } #contentSide .features ul li { background:url(/images/wnVseven/bullet-green.gif) 0px 8px no-repeat; padding-left:20px; } #contentSide .pricing { background:url(/images/wnVseven/backgrounds/table-top-small-green-01.png) left top no-repeat #FFFFFF } #contentSide .pricing th { color:#FFFFFF; font-weight:bold; } #contentSide .extraOptions { background:#b3d10e; color:#FFFFFF; padding:7px 10px; margin-bottom:10px; font-weight:bold; } #contentSide .contentSectionHalf { padding:0px 0px 0px 0px; } #contentSide .contentSectionHalf .width { width:225px; } #contentSide .contentSectionHalf ul { padding-left:20px; margin-left:0px; } #contentSide h1 { font-size: 24px; margin-bottom:10px; padding-left:10px; color:#003366; letter-spacing: -1px; } #contentSide h2 { font-size:22px; color:#f94112; letter-spacing:-1px; margin:0px 0px 20px 0px; } #contentSide h3 { font-size:18px; color:#2d86b9; font-weight:bold; line-height:140%; margin:20px 0px 10px 0px;} #contentSide h4 { font-size:14px; color:#3385c1; font-weight:bold; line-height:140%; margin:20px 0px; font-weight:bold;} #contentSide a { color:#0046e4; } #contentSide a:visited { color:#009ce4; } #contentSide .btnlarge { background:url(/images/wnVseven/btn-grey-large.gif) no-repeat center; height:65px; line-height:65px; text-align:center; font-weight:bold; color:#6a6b6d; } #contentSide .btnlarge a, #contentSide .btnlarge a:visited { color:#6a6b6d; text-decoration:none; } #contentSide .btnlarge a:hover { color:#6a6b6d; text-decoration:underline; } #contentSide .btnOneThird { background:url(/images/wnVseven/btn-grey-one-third-01.png) no-repeat center top; line-height:37px; height:41px; text-align:center; font-weight:bold; color:#6a6b6d; width:165px; float:left; } #contentSide .btnOneThird a, #contentSide .btnOneThird a:visited { color:#6a6b6d; text-decoration:none; } #contentSide .btnOneThird a:hover { color:#6a6b6d; text-decoration:underline; } #contentSide .btnOneHalf { background:url(/images/wnVseven/btn-grey-one-half-01.png) no-repeat center top; line-height:37px; height:41px; text-align:center; font-weight:bold; color:#6a6b6d; width:228px; } #contentSide .btnOneHalf a, #contentSide .btnOneHalf a:visited { color:#6a6b6d; text-decoration:none; } #contentSide .btnOneHalf a:hover { color:#6a6b6d; text-decoration:underline; } /*------------------------------------------------------------------ [ 5.1 ] -------------------------------------------------------------------*/ #localNavSide { width:181px; float:left; margin-top:5px; } #localNavSide ul { padding:1px 0px 0px 0px; margin:0px 0px 0px 14px; background:url(/images/wnVseven/navigation/local-side/border-01.png) no-repeat top left; } #localNavSide ul .selected { list-style:none; padding:6px 0px 6px 15px; background:url(/images/wnVseven/navigation/local-side/selected-first-01.png) no-repeat bottom left; margin:0px; } #localNavSide ul li { list-style:none; padding:6px 0px 6px 15px; background:url(/images/wnVseven/navigation/local-side/not-selected-01.png) no-repeat bottom left; margin:0px; } #localNavSide ul li a { width:153px; display:block; color:#000066; text-decoration:none; } #localNavSide ul li a:hover { text-decoration:underline; } #localNavSide p { padding:0px; margin:10px 0px 0px 0px; } /*------------------------------------------------------------------ [ 5.2 ] -------------------------------------------------------------------*/ #contentFull { width:757px; float:left; background:url(/images/wnVseven/backgrounds/subpage-full-content-01.png) repeat-y; } #contentFull .contentSection { float:left; width:697px; } #contentFull .contentSection > * { margin-top:0px; } #contentFull .contentSection > p { margin-top:5px; } #contentFull .contentSectionCap { margin-left:-34px; margin-right:-34px; } #contentFull .pricingTable th { text-align:center; color:#FFFFFF; line-height:normal; } #contentFull .pricingTable td { line-height:150%; } #contentFull .pricingTable .alt { background:#f6f9fc; } #contentFull .tableTopAqua { background:url(/images/wnVseven/backgrounds/table-top-aqua-01.png) left top no-repeat; } #contentFull .tableTopBlue { background:url(/images/wnVseven/backgrounds/table-top-blue-01.png) left top no-repeat; } #contentFull .tableTopDarkBlue { background:url(/images/wnVseven/backgrounds/table-top-dark-blue-01.png) left top no-repeat; } #contentFull .tableTopGreen { background:url(/images/wnVseven/backgrounds/table-top-green-01.png) left top no-repeat; } #contentFull .tableTopOrange { background:url(/images/wnVseven/backgrounds/table-top-orange-01.png) left top no-repeat; } #contentFull .tableTopPink { background:url(/images/wnVseven/backgrounds/table-top-pink-01.png) left top no-repeat; } #contentFull .tableTopPurple { background:url(/images/wnVseven/backgrounds/table-top-purple-01.png) left top no-repeat; } #contentFull .tableTopRed { background:url(/images/wnVseven/backgrounds/table-top-red-01.png) left top no-repeat; } #contentFull .tableTopYellow { background:url(/images/wnVseven/backgrounds/table-top-yellow-01.png) left top no-repeat; } #contentFull .contentSplit { width:370px; } #contentFull .sidePrice { color:#3385c1; width:110px; line-height:24px; text-align:center; padding-top:20px; } #contentFull .sidePrice span { font-size:27px; font-weight:bold; } #contentFull .moreinformation ul { list-style:none; padding-left:0px; margin-left:0px; } #contentFull .moreinformation ul li { background:url(/images/wnVseven/bullet-yellow.gif) 0px 8px no-repeat; padding-left:20px; } #contentFull .features ul { list-style:none; padding-left:0px; margin-left:0px; } #contentFull .features .contentSectionHalf ul { list-style:none; padding-left:0px; margin-left:0px; } #contentFull .features ul li { background:url(/images/wnVseven/bullet-green.gif) 0px 8px no-repeat; padding-left:20px; } #contentFull .pricing { background:url(/images/wnVseven/backgrounds/table-top-small-green-01.png) left top no-repeat #FFFFFF } #contentFull .pricing th { color:#FFFFFF; font-weight:bold; } #contentFull .extraOptions { background:#b3d10e; color:#FFFFFF; padding:7px 10px; margin-bottom:10px; font-weight:bold; } #contentFull .contentSectionHalf { padding:0px 0px 0px 0px; } #contentFull .contentSectionHalf .width { width:225px; } #contentFull .contentSectionHalf ul { padding-left:20px; margin-left:0px; } #contentFull h1 { font-size: 24px; margin-bottom:10px; padding-left:10px; color:#003366; letter-spacing: -1px; } #contentFull h2 { font-size:22px; color:#f94112; letter-spacing:-1px; margin:0px 0px 20px 0px; } #contentFull h3 { font-size:18px; color:#2d86b9; font-weight:bold; line-height:140%; margin:20px 0px 10px 0px;} #contentFull h4 { font-size:14px; color:#3385c1; font-weight:bold; line-height:140%; margin:20px 0px; font-weight:bold;} #contentFull a { color:#0046e4; } #contentFull a:visited { color:#009ce4; } #contentFull .btnlarge { background:url(/images/wnVseven/btn-grey-large.gif) no-repeat center; height:65px; line-height:65px; text-align:center; font-weight:bold; color:#6a6b6d; } #contentFull .btnlarge a, #contentFull .btnlarge a:visited { color:#6a6b6d; text-decoration:none; } #contentFull .btnlarge a:hover { color:#6a6b6d; text-decoration:underline; } #contentFull .btnOneThird { background:url(/images/wnVseven/btn-grey-one-third-01.png) no-repeat center top; line-height:37px; height:41px; text-align:center; font-weight:bold; color:#6a6b6d; width:165px; float:left; } #contentFull .btnOneThird a, #contentFull .btnOneThird a:visited { color:#6a6b6d; text-decoration:none; } #contentFull .btnOneThird a:hover { color:#6a6b6d; text-decoration:underline; } #contentFull .btnOneHalf { background:url(/images/wnVseven/btn-grey-one-half-01.png) no-repeat center top; line-height:37px; height:41px; text-align:center; font-weight:bold; color:#6a6b6d; width:228px; } #contentFull .btnOneHalf a, #contentSide .btnOneHalf a:visited { color:#6a6b6d; text-decoration:none; } #contentFull .btnOneHalf a:hover { color:#6a6b6d; text-decoration:underline; } #contentFull .searchForm { width:697px; height:49px; background:url(/images/wnVseven/backgrounds/contact-search-bar-01.png) no-repeat top left; } #contentFull .searchForm table { margin-left:20px; } .signup-top { float:right; width:177px; height:50px; margin:-10px 10px 0 0; }