/* File: screen.css | CSS style sheet (screen) for http://www.hostway.co.uk Time-stamp: <04.08.2010 15:08 screen.css> Author: 'Mash | http://toshine.org */ /*-----[ reset, initial styling ]--*/ * { margin: 0; padding: 0; outline: 0 none; border: 0 none; font-size: 100%; font-weight: normal; text-decoration: none; vertical-align: baseline; } /*-----[ redefine ]--*/ html { font-size: 100%; } /*IE*/ body { margin: 0; padding: 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; color: #666; text-align: center; /*IE*/ background: transparent url("../media/hw/blue-page-stripe.png") top left repeat-x; } /*-----[ structure ]----*/ /*--[ body ]--*/ #page { width: 960px; min-height: 960px; padding: 0; margin: 0 auto 0 auto; text-align: left; } /*--[ header ]--*/ #header { width: 960px; height: 115px; background: transparent url("../media/hw/blue-page-stripe.png") top left repeat-x; } /*[ header site division tabs ]*/ #sdTabs { float: left; width: 740px; } #sdTabs ul { list-style: none; padding: 5px 0px 0px 0px; } #sdTabs li { float: left; } #sdTabs a { display: block; padding: 5px 10px 10px 10px; color: #FFF; font-weight: bold; } #sdTabs #current { background: url("../media/hw/site-division-navigation-right.png") top right no-repeat; } #sdTabs #current a { background: url("../media/hw/site-division-navigation-left.png") top left no-repeat; color: #003466 } /*[ franchise dropdown list ]*/ #franchiseDropdown { float: right; width: 220px; padding: 9px 0px 0px 0px; text-align: right; } #franchiseDropdown label { font-size: 0.833em; color: #FFF; font-weight: bold; } /*[ Hostway logo ]*/ #hwLogo { float: left; width: 290px; height: 44px; padding: 15px 15px 15px 15px; clear: left; } #hwLogo a { display: block; width: 290px; height: 44px; background: url("../media/hw/hostway-logo.png") no-repeat; } /* [ used for hover image change, Phil hates it. ] #hwLogo a:hover { background-position: 0 -44px; }*/ /*[ header top links ]*/ #headerTopLinks { float: right; display: block; width: 640px; padding: 32px 0px 0px 0px; font-size: 11px; text-align: right; } #headerTopLinks li { padding: 0px 5px 0px 0px; display: inline; } /*--[ global navigation small business]--*/ #globalNavBox { float: left; width: 960px; height: 38px; text-align: left; background: transparent url("../media/hw/global-navigation-background.png") center center no-repeat; } #globalNav li { display: inline; } #globalNav li a { float: left; padding: 10px 15px 10px 15px; color: #FFF; font-family: Arial, Helvetica, sans-serif; font-size: 16px; border-left: solid 1px #0066cc; border-right: solid 1px #003466; } /*[ general hover ]*/ #globalNav li a:hover { background: #003466; } /*[ last item ]*/ #globalNav li#last a { float: right; color: #FFF; border: 0; background: none; } #globalNav li#last a:hover { float: right; color: #FF6600; border: 0; background: none; } /*[ active menu item related to ]*/ #one #globalNav li.one a, #two #globalNav li.two a, #three #globalNav li.three a, #four #globalNav li.four a, #five #globalNav li.five a, #six #globalNav li.six a, #seven #globalNav li.seven a { background: #0066cc; } /*--[ global navigation Enterprise]--*/ #globalNavBoxEnt { float: left; width: 960px; height: 38px; text-align: left; background: transparent url("../media/hw/global-navigation-enterprise-background.png") center center no-repeat; } #globalNavEnt li { display: inline; } #globalNavEnt li a { float: left; padding: 10px 15px 10px 15px; color: #FFF; font-family: Arial, Helvetica, sans-serif; font-size: 16px; border-left: solid 1px #666; border-right: solid 1px #000; } /*[ general hover ]*/ #globalNavEnt li a:hover { background: #333; } /*[ last item ]*/ #globalNavEnt li#last a { float: right; color: #FFF; border: 0; background: none; } #globalNavEnt li#last a:hover { float: right; color: #666; border: 0; background: none; } /*[ active menu item related to ]*/ #one #globalNavEnt li.one a, #two #globalNavEnt li.two a, #three #globalNavEnt li.three a, #four #globalNavEnt li.four a, #five #globalNavEnt li.five a, #six #globalNavEnt li.six a, #seven #globalNavEnt li.seven a { background: #666; } /*--[ global subnavigation ]--*/ #globalSubnavBox { float: left; width: 960px; height: 38px; margin: -2px 0px 0px 0px; text-align: left; background: transparent url("../media/hw/global-subnavigation-background.png") center center no-repeat; } #globalSubnav, #globalSubnav ul { list-style: none; background: transparent url("../media/hw/global-subnavigation-dropdown.png") left bottom no-repeat; } #globalSubnav a { display: block; padding: 0px 10px 0px 0px; font-family: Arial, Helvetica, sans-serif; font-size: 1em; text-decoration: none; color: #666; } /*[ styling for first and second levels ]*/ #globalSubnav a:hover { font-weight: bold; color: #0066cc; } #globalSubnav a.globalSubnavLevelOne { font-weight: bold; } #globalSubnav a.globalSubnavLevelTwo { font-weight: normal; font-size: 0.917em;} #globalSubnav a.globalSubnavLevelTwo:hover { font-weight: normal; font-size: 0.917em; color: #0066cc; } /*[ active menu item related to ]*/ .one #globalSubnav li.one a, .two #globalSubnav li.two a, .three #globalSubnav li.three a, .four #globalSubnav li.four a, .five #globalSubnav li.five a, .six #globalSubnav li.six a, .seven #globalSubnav li.seven a { color: #333; } .one #globalSubnav li.one a:hover, .two #globalSubnav li.two a:hover, .three #globalSubnav li.three a:hover, .four #globalSubnav li.four a:hover, .five #globalSubnav li.five a:hover, .six #globalSubnav li.six a:hover, .seven #globalSubnav li.seven a:hover { color: #0066cc; } /*[ first level ]*/ #globalSubnav li { float: left; padding: 10px 0px 0px 15px; } /*[ second level ul ]*/ #globalSubnav li ul { position: absolute; left: -999em; width: 15em; margin: 0px 0px 0px -15px; padding: 0px 0px 10px 0px; } /*[second level li (width of dropdown)]*/ #globalSubnav li ul li { width: 15em; } /*[ hover li ]*/ #globalSubnav li:hover ul { left: auto; } /*[ used with globalSubnav.js for IE support ]*/ #glovalSubnav li:hover ul, #globalSubnav li.sfhover ul { left: auto; } /*--[ columns ]--*/ #oneColumn { float: left; /* width: 960px; */ width: 100%; clear: both; } #twoColumn { float: left; /*width: 450px; */ width: 46%; padding: 0px 15px 0px 15px; clear: right; } #twoColumnNP { float: left; /*width: 450px; */ width: 46%; padding: 0px 15px 0px 0px; clear: right; } #threeColumn { float: left; /*width: 290px; */ width: 30%; padding: 0px 15px 0px 15px; clear: right; } #threeColumnNP { float: left; /*width: 290px; */ width: 30%; padding: 0px 15px 0px 0px; clear: right; } #fourColumn { float: left; /*width: 210px; */ width: 21%; padding: 0px 15px 15px 15px; clear: right; } #fiveColumn { float: left; /*width: 192px;*/ width: 20%; clear: right; } /* [ divine proportion columns ] 960px / 1.62 = 593px (367px) */ #aColumn { float: left; /*width: 563px; */ width: 58%; padding: 15px 15px 0px 15px; } #bColumn { float: right; /*width: 337px; */ width: 35%; padding: 15px 15px 0px 15px; } #cColumn { float: left; /*width: 337px; */ width: 35%; padding: 15px 15px 0px 15px; } #dColumn { float: right; /* width: 563px; */ width: 58%; padding: 15px 15px 0px 15px; } #eColumn { float: left; /*width: 690px; */ width: 71%; padding: 15px 15px 0px 15px; } #fColumn { float: right; /* width: 210px; */ width: 21%; padding: 15px 15px 0px 15px; } #gColumn { float: left; /* width: 210px; */ width: 21%; padding: 15px 15px 0px 15px; } #hColumn { float: right; /*width: 690px; */ width: 71%; padding: 15px 15px 0px 15px; } #xColumn { /*width: 930px; 960px*/ width: 96%; padding: 15px 15px 0px 15px; clear: both; } #yColumn { /* width: 930px; */ width: 96%; padding: 0px 15px 0px 15px; clear: both; } #zColumn { /*used in tabbed content */ /* width: 885px; */ width: 92%; padding: 0px 15px 0px 15px; clear: both; } /*[ bespoke columns ]*/ #indexPageColumn { float: left; /*width: 600px;*/ width: 62%; padding: 15px 15px 0px 25px; } /*[ spacers for columns ]*/ #spacer30 { height: 30px; clear: both; } #spacer15 { height: 15px; clear: both; } #spacer10 { height: 10px; clear: both; } #spacer5 { height: 5px; clear: both; } /*--[ tabs ]--*/ ul#tabs { padding: 0px 0px 3px 0px; list-style-type: none; } ul#tabs li { display: inline; padding: 5px 0px 5px 0px; background: url("../media/hw/tab-right.png") top right no-repeat; } ul#tabs li a { padding: 5px 10px 5px 10px; font-weight: bold; color: #CCC; background: url("../media/hw/tab-left.png") top left no-repeat; } ul#tabs li a:hover { color: #888; } ul#tabs li a.selected { padding: 5px 10px 5px 10px; color: #333; border-bottom: 1px solid #FFF; } /*[ tabbed content ]*/ .tabContent { float: left; height: auto; width: 100%; padding: 15px 0px 15px 0px; border-top: 1px solid #CCC; } .tabContent.hide { display: none; } /*--[ breakout box ]--*/ #breakoutBox { margin: 15px 0px 15px 0px; padding: 5px 15px 0px 10px; color: #000; border: solid 1px #CCC; } #breakoutBox .barLink a:link, #breakoutBox .barLink a:visited, #breakoutBox .barLink a:active { display: block; margin: 5px -15px 0px -10px; padding: 5px 0px 5px 10px; font-weight: bold; color: #FFF; background: #0066cc; } #breakoutBox .barLink a:hover { display: block; margin: 5px -15px 0px -10px; padding: 5px 0px 5px 10px; font-weight: bold; color: #FFF; background: #FF6600; } /* blue bar hover links*/ .blueBarLink a:link, .blueBarLink a:visited, .blueBarLink a:active { display: block; padding: 5px 0px 5px 10px; font-weight: bold; color: #0066cc; background: #FFF; border-bottom: solid 1px #EFEFEF; } .blueBarLink a:hover { display: block; padding: 5px 0px 5px 10px; font-weight: bold; color: #FFF; background: #0066cc; border-bottom: solid 1px #EFEFEF; } /* black bar hover links*/ .blackBarLink a:link, .blackBarLink a:visited, .blackBarLink a:active { display: block; padding: 5px 0px 5px 10px; font-weight: bold; color: #0066cc; background: #FFF; border-bottom: solid 1px #EFEFEF; } .blackBarLink a:hover { display: block; padding: 5px 0px 5px 10px; font-weight: bold; color: #FFF; background: #666; border-bottom: solid 1px #EFEFEF; } /* orange bar hover links*/ .orangeBarLink a:link, .orangeBarLink a:visited, .orangeBarLink a:active { display: block; padding: 5px 0px 5px 10px; font-weight: bold; color: #FFF; background: #0066cc; border-bottom: solid 1px #EFEFEF; } .orangeBarLink a:hover { display: block; padding: 5px 0px 5px 10px; font-weight: bold; color: #FFF; background: #FF6600; border-bottom: solid 1px #EFEFEF; } /*--[ breakout box for enterprise ]--*/ #breakoutBox .barLinkEnt a:link, #breakoutBox .barLinkEnt a:visited, #breakoutBox .barLinkEnt a:active { display: block; margin: 5px -15px 0px -10px; padding: 5px 0px 5px 10px; font-weight: bold; color: #FFF; background: #333; } #breakoutBox .barLinkEnt a:hover { display: block; margin: 5px -15px 0px -10px; padding: 5px 0px 5px 10px; font-weight: bold; color: #FFF; background: #FF6600; } /*--[ marketing box ]--*/ #marketingBox { float: left; width: 960px; height: 250px; margin: 15px 0px 15px 0px; } #marketingBoxAColumn { float: left; width: 578px; /*593px*/ height: 250px; } #marketingBoxBColumn { float: right; width: 352px; /*used for left padding*/ height: 250px; padding: 0px 15px 0px 0px; } #marketingBoxCColumn { float: left; width: 352px; /*used for right padding*/ height: 250px; padding: 0px 0px 0px 15px; } #marketingBoxDColumn { float: right; width: 593px; height: 250px; } #marketingBoxXColumn { float: left; width: 960px; height: 250px; } #marketingBannerBlurb { margin: 5px 15px 0px 15px; } /*--[ tables ]--*/ #basicTable table { width: 100%; margin: 5px 0px 15px 0px; border-collapse: collapse; color: #555; text-align: center; } #basicTable td { padding: 5px; border: solid 1px #CCC; vertical-align: middle; } #smallTable table { width: 100%; margin: 5px 0px 15px 0px; font-size: 0.917em; border-collapse: collapse; color: #555; text-align: center; } #smallTable td { padding: 4px 10px 5px 10px; border: solid 1px #CCC; vertical-align: middle; } #smallLeftTable table { width: 100%; margin: 5px 0px 15px 0px; font-size: 0.917em; border-collapse: collapse; color: #555; text-align: left; } #smallLeftTable table img { text-align: center; } #smallLeftTable td { padding: 4px 10px 4px 10px; border: solid 1px #CCC; vertical-align: middle; } #noBorderTable table { width: 100%; margin: 5px 0px 15px 0px; border-collapse: collapse; color: #555; text-align: center; } #noBorderTable td { padding: 5px; vertical-align: middle; } /*[ title row ]*/ .tableTitle td, td.tableTitle { font-size: 1.333em; font-family: Arial; font-weight: bold; text-align: center; color: #FFF; background: #999; } .tableSubTitle td, td.tableSubTitle { font-size: 1.1em; font-family: Arial; font-weight: bold; text-align: center; color: #666; background: #EFEFEF; text-align: left; } /*[ zebra stripe row ]*/ .tableStripe, .tableStripe td { background: #EEE; } /*---[ buttons ]---*/ /*[ order now ]*/ #orderNowLargeLeft{ /*left*/ display: block; width: 104px; height: 30px; background: url("../media/hw/order-now-large-blue.png") no-repeat; } #orderNowLargeLeft:hover { background-position: 0px -30px; } #orderNowLarge { display: block; margin: 0px auto 0px auto; width: 104px; height: 30px; background: url("../media/hw/order-now-large-blue.png") no-repeat; } #orderNowLarge:hover { background-position: 0px -30px; } #orderNowSmall { display: block; margin: 0px auto 0px auto; width: 52px; height: 15px; float: none; background: url("../media/hw/order-now-small-blue.png") no-repeat; } #orderNowSmall:hover { background-position: 0px -15px; } #orderNowSmallLeft { display: block; margin: 0px auto 0px auto; width: 52px; height: 15px; float: none; background: url("../media/hw/order-now-small-blue.png") no-repeat; } #orderNowSmallLeft:hover { background-position: 0px -15px; } /*[ request quote ]*/ #requestQuoteLargeLeft{ /*left*/ display: block; width: 139px; height: 30px; background: url("../media/hw/request-quote-large-green.png") no-repeat; } #requestQuoteLargeLeft:hover { background-position: 0px -30px; } #requestQuoteLarge { display: block; margin: 0px auto 0px auto; width: 139px; height: 30px; background: url("../media/hw/request-quote-large-green.png") no-repeat; } #requestQuoteLarge:hover { background-position: 0px -30px; } #requestQuoteSmall { display: block; margin: 0px auto 0px auto; width: 52px; height: 15px; float: none; background: url("../media/hw/") no-repeat; } #requestQuoteSmall:hover { background-position: 0px -15px; } #requestQuoteSmallLeft { display: block; margin: 0px auto 0px auto; width: 52px; height: 15px; float: none; background: url("../media/hw/") no-repeat; } #requestQuoteSmallLeft:hover { background-position: 0px -15px; } /*[request quote]*/ a:link.requestquote { font-size: 0.917em; display: inline; padding: 2px; text-decoration: none; color: #FFF; background: #669900; border: solid 2px #558000; } a:visited.requestquote { font-size: 0.917em; display: inline; padding: 2px; text-decoration: none; color: #FFF; background: #669900; border: solid 2px #558000; } a:hover.requestquote { font-size: 0.917em; display: inline; padding: 2px; text-decoration: none; color: #669900; background: #FFF; border: solid 2px #558000; } a:active.requestquote { font-size: 0.917em; display: inline; padding: 2px; text-decoration: none; color: #FFF; background: #669900; border: solid 2px #558000; } /*--[ call sales ]--*/ #callSales { padding: 0px 15px 5px 0px; margin: 5px auto 5px auto; border-bottom: solid 1px #EFEFEF; } /*---[ domain search box ]---*/ #domainSearchBoxLarge { float: left; width: 958px; height: 125px; margin: 30px 0px 0px 0px; /*background: url("../media/hw/domain-search-background.png") top left no-repeat;*/ clear: right; } #domainSearchBoxLargeColumnOne { float: left; padding: 15px 15px 15px 15px; width: 400px; } #domainSearchBoxLargeColumnOne input { padding: 4px; width: 100%; font-size: 2em; border: solid 1px #CCC; } #domainSearchBoxLargeColumnTwo { float: left; padding: 15px 15px 15px 15px; width: 200px; } #domainSearchBoxLargeColumnTwo select { padding: 3px 0px 3px 0px; width: 100%; font-size: 2em; border: solid 1px #CCC; } #domainSearchBoxLargeColumnThree { float: left; padding: 15px 15px 15px 15px; width: 200px; } #domainSearchBoxLargeColumnThree input { padding: 3px 0px 3px 0px; width: 100%; font-size: 2em; background: #0066CC; color: #FFF; border: solid 1px #CCC; } /*--[ domain search box small ]--*/ #domainSearchBoxSmall { float: left; margin: 5px 0px 0px 0px; width: 420px; background: #EFEFEF; border: solid 1px #CCC; clear: both; } #domainSearchBoxSmallColumnOne { float: left; padding: 5px 5px 5px 5px; width: 200px; } #domainSearchBoxSmallColumnOne input { padding: 4px; width: 100%; font-size: 1em; border: solid 1px #CCC; } #domainSearchBoxSmallColumnTwo { float: left; padding: 5px 5px 5px 0px; width: 100px; } #domainSearchBoxSmallColumnTwo select { padding: 3px 0px 3px 0px; width: 100%; font-size: 1em; border: solid 1px #CCC; } #domainSearchBoxSmallColumnThree { float: left; padding: 5px 5px 5px 0px; width: 100px; } #domainSearchBoxSmallColumnThree input { padding: 3px 0px 3px 0px; width: 100%; font-size: 1em; background: #0066CC; color: #FFF; border: solid 1px #CCC; font-weight: bold; vertical-align: middle; } /*--[ breadcrumb ]--*/ #breadcrumbBox { float: left; margin: 30px 0px 0px 0px; width: 960px; height: 23px; border: solid 1px #EFEFEF; background: transparent url("../media/hw/breadcrumb-background.png") top left repeat-x; } #breadcrumbsList li { float: left; height: 23px; display: inline; padding: 2px 15px 0px 10px; font-size: 0.917em; background: transparent url("../media/hw/breadcrumb-arrow.png") top right no-repeat; } /*--[ footer ]--*/ #footerBox { float: left; width: 960px; margin: 0px 0px 15px 0px; padding: 15px 0px 15px 15px; border-bottom: solid #EFEFEF 1px; } #footerList li { display: list-item; padding: 0px 0px 5px 0px; font-size: 0.917em; list-style: none; color: #888; } /*------[ general styling ]----*/ /*--[ typography ]--*/ h1 { /*black*/ display: block; margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 3em; font-weight: normal; line-height: 1.5em; color: #000; } h2 { /*dark grey*/ display: block; margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 2.167em; font-weight: normal; line-height: 1.5em; color: #333; } h3 { /*dark grey*/ display: block; margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 1.667em; font-weight: normal; line-height: 1.5em; color: #333; } h4 { /*grey*/ display: block; margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 1.333em; font-weight: bold; line-height: 1.5em; color: #666; } h5 { /*grey*/ display: block; margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 1em; font-weight: bold; line-height: 1.5em; color: #666; } p { display: block; margin: 0 0 1em 0; padding: 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1em; line-height: 1.5em; color: #666; } .small { font-size: 0.917em; } .tiny { font-size: 0.833em; } .black { color: #000; } .tinyBlack { font-size: 0.833em; color: #000; } .smallBlack { font-size: 0.917em; color: #000; } .largeBlack { font-size: 1.167em; color: #333; } .grey { color: #888; } .tinyGrey { font-size: 0.833em; color: #888; } .smallGrey { font-size: 0.917em; color: #888; } .LargeGrey { font-size: 1.167em; color: #888; } .ccc { color: #CCC; } .tinyCCC { font-size: 0.833em; color: #CCC; } .smallCCC { font-size: 0.917em; color: #CCC; } .LargeCCC { font-size: 1.167em; color: #CCC; } .hworange { color: #FF9900; } .orange { color: #FF6600; } .tinyOrange { font-size: 0.833em; color: #FF6600; } .smallOrange { font-size: 0.917em; color: #FF6600; } .largeOrange { font-size: 1.167em; color: #FF6600; } .green { color: #669900; } .tinyGreen { font-size: 0.833em; color: #669900; } .smallGreen { font-size: 0.917em; color: #669900; } .largeGreen { font-size: 1.167em; color: #669900; } .white { color: #FFF; } .tinyWhite { font-size: 0.833em; color: #FFF; } .smallWhite { font-size: 0.917em; color: #FFF; } .largeWhite { font-size: 1.167em; color: #FFF; } .blue { color: #0066CC; } sub { vertical-align: bottom; font-size: .83em; } sup { vertical-align: top; font-size: .83em; } s, strike, del { text-decoration: line-through; } u, ins { text-decoration: underline; } b, strong { font-weight: bold; } b .caps, strong .caps { font-weight: bold; } h1 .caps, h2 .caps, h3 .caps, h4 .caps, h5 .caps { font-weight: normal; } sup.footnote a { vertical-align: top; } i { font-style: italic; } .caps { font-weight: normal; } .price { font-family: Arial, Helvetica, sans-serif; font-size: 1.667em; color: #333; font-weight: normal; } .priceLarge { font-family: Arial, Helvetica, sans-serif; font-size: 2.167em; color: #333; font-weight: normal; } /*--[ links ]--*/ a:link { /*blue*/ display: inline; text-decoration: none; color: #0066CC; } a:visited { /*blue*/ display: inline; text-decoration: none; color: #0066CC; } a:hover { /*orange*/ display: inline; text-decoration: none; color: #FF6600; } a:active { /*blue*/ display: inline; text-decoration: none; color: #0066CC; } a:link.grey { /*grey*/ display: inline; text-decoration: none; color: #888; } a:visited.grey { /*grey*/ display: inline; text-decoration: none; color: #888; } a:hover.grey { /*orange*/ display: inline; text-decoration: none; color: #FF6600; } a:active.grey { /*grey*/ display: inline; text-decoration: none; color: #888; } /*--[lists]--*/ /*[ no style ]*/ ul { list-style: none; } /*[ bullets & numbers ]*/ .bullist ul { margin: 0px 0px 15px 30px; list-style-position: outside; list-style-type: disc; } .numlist ul { margin: 0px 0px 15px 30px; list-style-position: outside; list-style-type: decimal; } .greylist ul { margin: 0px 0px 15px 15px; list-style-position: inside; list-style-image: url("../media/hw/list-arrow-grey.png"); text-indent: -11px; } .orangelist ul { margin: 0px 0px 15px 15px; list-style-position: inside; list-style-image: url("../media/hw/list-arrow-gold.png"); text-indent: -11px; } /*[ blue hover list on site index page ]*/ .blueHoverList ul { padding: 0px; list-style: none; } .blueHoverList li a { float: left; width: 290px; padding: 5px 0px 5px 10px; color: #666; border-top: 1px solid #EFEFEF; } .blueHoverList li a:hover { font-weight: bold; color: #FFF; background: #0066cc; } /*[ black hover list on site index page (Enterprise)]*/ .blackHoverList ul { padding: 0px; list-style: none; } .blackHoverList li a { float: left; width: 290px; padding: 5px 0px 5px 10px; color: #666; border-top: 1px solid #EFEFEF; } .blackHoverList li a:hover { font-weight: bold; color: #FFF; background: #333; } /*[ plans include ]*/ #plansInclude li { padding: 3px 0px 3px 0px; } /*----[ misc styling ]----*/ /*[ used to align right ]*/ .alignRight { text-align: right; } /*[ horizontal rule ]*/ hr { margin: 0px 0px 15px 0px; height: 0; border-top: solid 1px #CCC; clear: both; } /*[ img padding - used with images ]*/ .pad { padding: 5px 10px 5px 0px; } .padl { padding: 5px 15px 5px 0px; float: left; } .padr { padding: 5px 0px 5px 15px; float: right; } /*----[ forms ]----*/ .mailForm { font-size: 12px; width: 600px; } table.mailForm .input { margin: 5px 0px 5px 0px; width: 300px; border: solid 1px #CCC; } table.mailForm textarea { width: 300px; height: 100px; border: solid 1px #CCC; } table.mailForm option { padding: 0px 0px 0px 5px; } table.mailForm .submitButton { margin: 5px 0px 0px 0px; padding: 5px; width: 110px; background: #669900; color: #FFF; } /*---[ grey partner bar ]---*/ #partnerBar ul li { float: left; padding: 0px 5px 0px 5px; } /*---[ overlayBox ]---*/ #overlayBox { position: fixed; z-index: 5; top: 5px; right: 5px; border: dotted 1px #CCC; padding: 10px 15px 10px 15px; background: #FFF; }