/* Melbourne Internet Stylesheet Description: Stylesheet for the Melbourne Internet Website Author: aTech Media Created: November 2008 */ html { background:url(/images/backgrounds/main.png) repeat-x #424242; font-family:Lucida Grande, Verdana, Arial, Helvetica, sans-serif; font-size:12px;} /* html { background: #131516 url('http://a1.twimg.com/profile_background_images/80956536/_DSC3359.jpg') fixed repeat; font-family:Lucida Grande, Verdana, Arial, Helvetica, sans-serif; font-size:12px;} */ /* Page Shadow Styles */ #content-wrap { background:url(/images/backgrounds/no-repeat-shadow.png) no-repeat top right; padding-right:8px; width:1000px;} #shadow-repeat { background:url(/images/backgrounds/repeating-shadow.png) top right repeat-y #ffffff; margin:auto; margin-top:49px; width:1008px; margin-bottom:40px;} #footer-shadow { background:url(/images/backgrounds/footer-shadow.png) top left no-repeat; padding-top:10px; } /* */ /* Header Style */ #content-wrap .header { background:url(/images/header.png) no-repeat; height:144px; overflow:hidden;} #content-wrap .header h1 { position:absolute; margin-top:18px; margin-left:40px; right:auto; left:auto; text-indent:-999999px;} #content-wrap .header h1 a { background:url(/images/logo.png) no-repeat; width:260px; height:74px; display:block; overflow:hidden;} /* Main Navigation Styles */ #content-wrap .header ul.main-nav { margin-top:88px; margin-left:51px; float:left; width:949px;} #content-wrap .header ul.main-nav li { overflow:hidden; float:left;} #content-wrap .header ul.main-nav li a { display:block; height:26px; float:left; background-image:url(/images/backgrounds/main-nav-sprite.jpg); background-repeat:no-repeat; text-indent:-999999px; margin-right:1px;} #content-wrap .header ul.main-nav li.home a { background-position:-20px -20px; width:55px; margin-right:13px} #content-wrap .header ul.main-nav li.home a:hover { background-position:-20px -132px;} #home #content-wrap .header ul.main-nav li.home a { background-position:-20px -76px;} #content-wrap .header ul.main-nav li.dedicated-servers a { background-position:-88px -20px; width:123px;} #content-wrap .header ul.main-nav li.dedicated-servers a:hover { background-position:-88px -132px; width:123px;} #dedicated-servers #content-wrap .header ul.main-nav li.dedicated-servers a { background-position:-88px -76px; width:123px;} #content-wrap .header ul.main-nav li.managed-services a { background-position:-212px -20px; width:115px;} #content-wrap .header ul.main-nav li.managed-services a:hover { background-position:-212px -132px; width:115px;} #managed-services #content-wrap .header ul.main-nav li.managed-services a { background-position:-212px -76px; width:115px;} #content-wrap .header ul.main-nav li.colocation a { background-position:-328px -20px; width:83px;} #content-wrap .header ul.main-nav li.colocation a:hover { background-position:-328px -132px; width:83px;} #colocation #content-wrap .header ul.main-nav li.colocation a { background-position:-328px -76px; width:83px;} #content-wrap .header ul.main-nav li.virtual-dedicated-servers a { background-position:-412px -20px; width:168px;} #content-wrap .header ul.main-nav li.virtual-dedicated-servers a:hover { background-position:-412px -132px; width:168px;} #virtual-dedicated-servers #content-wrap .header ul.main-nav li.virtual-dedicated-servers a { background-position:-412px -76px; width:168px;} #content-wrap .header ul.main-nav li.iptransit a { background-position:-581px -20px; width:125px; margin-right:11px;} #content-wrap .header ul.main-nav li.iptransit a:hover { background-position:-581px -132px; width:125px; margin-right:11px;} #iptransit #content-wrap .header ul.main-nav li.iptransit a { background-position:-581px -76px; width:125px; margin-right:11px;} #content-wrap .header ul.main-nav li.about a { background-position:-717px -20px; width:128px;} #content-wrap .header ul.main-nav li.about a:hover { background-position:-717px -132px; width:128px;} #about #content-wrap .header ul.main-nav li.about a { background-position:-717px -76px; width:128px;} #content-wrap .header ul.main-nav li.blog a { background-position:-846px -20px; width:73px;} #content-wrap .header ul.main-nav li.blog a:hover { background-position:-846px -132px; width:73px;} #blog #content-wrap .header ul.main-nav li.blog a { background-position:-846px -76px; width:73px;} /* Contact Information Styles */ #content-wrap .header .contact-info { float:right; height:30px; margin-right:50px;} #content-wrap .header .contact-info p a { color:#FFFFFF;} #content-wrap .header .contact-info ul { overflow:hidden; float:right; margin:13px 5px 13px 0px;} #content-wrap .header .contact-info ul li { float:left; padding-left:23px; background-position:center left; background-repeat:no-repeat; margin-left:20px; height:16px;} #content-wrap .header .contact-info ul li a { color:#FFFFFF;} #content-wrap .header .contact-info ul li.live-chat { background-image:url(/images/icons/speech_bubble.gif);} #content-wrap .header .contact-info ul li.support-centre { background-image:url(/images/icons/support.png);} #content-wrap .header .contact-info ul li.billing { background-image:url(/images/icons/billing.png);} #content-wrap .header .contact-info .phone-numbers { background:url(/images/backgrounds/phone-numbers.png) no-repeat; width:336px; height:57px; clear:right; float:right; text-indent:-999999px;} /* Sub Header Styles #content-wrap .sub-header { border-bottom:6px solid #eeeeee; overflow:hidden; margin-top:40px; background:url(/images/backgrounds/servers.png) no-repeat 720px 0px; padding-right:295px;} */ #content-wrap .sub-header { border-bottom:6px solid #eeeeee; overflow:hidden; margin-top:40px; padding-right:50px;} #online-ordering #content-wrap .sub-header { border-bottom:6px solid #eeeeee; overflow:hidden; margin-top:40px; background:url(/images/backgrounds/servers.pngg) no-repeat 720px 0px; padding-right:295px;} #content-wrap .sub-header h2 { margin-left:50px; } #content-wrap .sub-header p { color:#4e4e4e; line-height:150%; font-size:110%; margin:5px 0px 15px 50px;} /* Homepage Specific Sub Header Styles */ #home #content-wrap .sub-header { background:none; padding-right:0px; margin-top:0px;} #home #content-wrap .sub-header .page-title { float:left; width:500px;} #home #content-wrap .sub-header .page-title h2 {background:url(/images/backgrounds/tagline_.png) no-repeat; text-indent:-999999px; width:425px; height:93px; margin-top:40px;} #home #content-wrap .sub-header .page-title p { display:none;} #home #content-wrap .sub-header .page-title ul.os-support { background:url(../images/backgrounds/os-support.png) no-repeat; width:311px; height:41px; text-indent:-999999px; margin-left:50px; margin-top:5px; } #home #content-wrap .sub-header .page-title ul.os-support li { display:none;} #home #content-wrap .sub-header .free-same-day-setup { float:right; margin:30px 50px 0px 10px !important; margin:10px 20px 20px 0px; background:url(../images/backgrounds/Bigchip2009shortlisted.gif); width:337px; height:159px; } #home #content-wrap .sub-header .awards { float:right; margin:10px 50px 20px 0px !important; margin:10px 20px 20px 0px;} /* Specific Sub Header Styles */ /***********************************************************************************************************************************/ #dedicated-servers #content-wrap .sub-header .page-title h2 {background:url(/images/titles/dedicated-servers.gif) no-repeat; text-indent:-999999px; width:562px; height:33px; } #colocation #content-wrap .sub-header .page-title h2 {background:url(/images/titles/colocation.gif) no-repeat; text-indent:-999999px; width:562px; height:33px; } #managed-services #content-wrap .sub-header .page-title h2 {background:url(/images/titles/managed-services.gif) no-repeat; text-indent:-999999px; width:562px; height:33px; } #virtual-dedicated-servers #content-wrap .sub-header .page-title h2 {background:url(/images/titles/virtual-dedicated-servers.gif) no-repeat; text-indent:-999999px; width:562px; height:33px; } #iptransit #content-wrap .sub-header .page-title h2 {background:url(/images/titles/iptransit.gif) no-repeat; text-indent:-999999px; width:562px; height:33px; } #about #content-wrap .sub-header .page-title h2 {background:url(/images/titles/about.gif) no-repeat; text-indent:-999999px; width:562px; height:33px; } #blog #content-wrap .sub-header .page-title h2 {background:url(/images/titles/blog.gif) no-repeat; text-indent:-999999px; width:562px; height:33px; } #dcblog #content-wrap .sub-header .page-title h2 {background:url(/images/titles/dcblog.gif) no-repeat; text-indent:-999999px; width:562px; height:33px; } #online-ordering #content-wrap .sub-header .page-title h2 {background:url(/images/titles/online-ordering.gif) no-repeat; text-indent:-999999px; width:562px; height:33px; } /***********************************************************************************************************************************/ /* Default Page Content Styles */ #content-wrap .page-content { min-height:250px; overflow:hidden; background:url(/images/backgrounds/main-content.png) repeat-x #ffffff top left; padding-bottom:10px;} #content-wrap .page-content h1 { color:#df0078; font-size:180%; margin:15px 0px;} #content-wrap .page-content h2 { color:#ff9900; font-size:165%; margin:15px 0px;} #content-wrap .page-content h3 { color:#df0078; font-size:150%; margin:15px 0px;} #content-wrap .page-content h4 { color:#ff9900; font-size:150%; margin:15px 0px;} #content-wrap .page-content h5 { color:#df0078; font-size:130%; margin:15px 0px;} #content-wrap .page-content p { margin:15px 0px; font-size:100%; line-height:180%; color:#252525;} #content-wrap .page-content ul { margin:15px 5px; font-size:100%; line-height:180%; color:#252525;} #content-wrap .page-content ul li { background-image:url(/images/backgrounds/bullet-point.png); background-repeat: no-repeat; background-position: 0px 8px; padding-left:15px; margin-bottom:10px;} #content-wrap .page-content ol { margin:15px 5px 15px 20px; font-size:100%; line-height:180%; color:#252525;} #content-wrap .page-content ol li { list-style: decimal; margin-bottom:10px;} #content-wrap .page-content strong, #content-wrap .page-content b { font-weight:bold;} #content-wrap .page-content em { font-style:italic;} #content-wrap .page-content a {color:#373737;} #content-wrap .page-content a:hover { text-decoration:none;} #content-wrap .page-content blockquote { background:#efefef; border:1px solid #d1d1d1; margin:15px 0px; padding:10px; line-height:180%; color:#252525;} #content-wrap .page-content pre { font-size:90%; color:#666666; width:auto; overflow:auto; overflow-x:scroll; padding:10px; border:1px solid #d1d1d1; line-height:150%; } #content-wrap .page-content .new-icon-left { text-indent:-999999px; background:url(/images/backgrounds/new-icon.png) no-repeat left center; padding-left:28px; display:block; float:left;} #content-wrap .page-content .new-icon-right { text-indent:-999999px; background:url(/images/backgrounds/new-icon.png) no-repeat right center; padding-right:28px; height:10px; display:block} #content-wrap .page-content .orange { color:#ff9900;} #content-wrap .page-content .boldpink {color: #CC0066;font-weight: bold;} #content-wrap .page-content .light-grey { color:#989898; font-size:90%;} #content-wrap .page-content .centre-align { text-align:center} #content-wrap .page-content .no-margin { margin:0px;} #content-wrap .page-content .no-top-margin { margin-top:0px;} #content-wrap .page-content .no-bottom-margin { margin-bottom:0px;} #content-wrap .page-content .pdf-icon { background:url(/images/icons/pdf.png) no-repeat; padding-top:2px; padding-bottom:5px; padding-left:25px;} #content-wrap .page-content .pdf { background:url(/images/icons/pdf.png) no-repeat; padding-top:2px; padding-bottom:5px; padding-left:25px;} #content-wrap .page-content .small-print { clear:both; margin:10px 90px 10px 50px; color:#aaaaaa; font-size:100%; } #content-wrap .page-content .float-left { float:left;} #content-wrap .page-content .float-right { float:right;} /* Default Page Left Column Styles */ #content-wrap .page-content .left-col { margin-left:50px; float:left; width:245px;} #content-wrap .page-content .left-col ul.side-nav { margin:15px 0px; line-height:100%;} #content-wrap .page-content .left-col ul.side-nav li { margin-bottom:1px; list-style:none; padding:0px; background:none;} #content-wrap .page-content .left-col ul.side-nav li a { color:#000000; text-decoration:none; height:21px; padding-top:7px; padding-left:15px; display:block; font-weight:bold; font-size:90%; overflow:hidden;} #content-wrap .page-content .left-col ul.side-nav li a .new-icon-right { margin-left:2px; ; float:left; margin-top:2px;} #content-wrap .page-content .left-col ul.side-nav li a:hover { color:#df0078;} #content-wrap .page-content .left-col ul.side-nav li a .pdfs { background:url(/images/icons/pdf.png) no-repeat; padding-top:2px; padding-bottom:5px; padding-left:25px;} /*Page and Section Specific Side Navigation Active Selection */ /***********************************************************************************************************************************/ /***DEDICATEDS***/ #dedicated-servers.overview #content-wrap .page-content .left-col ul.side-nav li.overview a { background:url(/images/backgrounds/side-nav-active.png) no-repeat; color:#FFFFFF;} #dedicated-servers.order #content-wrap .page-content .left-col ul.side-nav li.order a { background:url(/images/backgrounds/side-nav-active.png) no-repeat; color:#FFFFFF;} #dedicated-servers.windows #content-wrap .page-content .left-col ul.side-nav li.windows a { background:url(/images/backgrounds/side-nav-active.png) no-repeat; color:#FFFFFF;} #dedicated-servers.linux #content-wrap .page-content .left-col ul.side-nav li.linux a { background:url(/images/backgrounds/side-nav-active.png) no-repeat; color:#FFFFFF;} #dedicated-servers.plesk #content-wrap .page-content .left-col ul.side-nav li.plesk a { background:url(/images/backgrounds/side-nav-active.png) no-repeat; color:#FFFFFF;} #dedicated-servers.dedsla #content-wrap .page-content .left-col ul.side-nav li.dedsla a { background:url(/images/backgrounds/side-nav-active.png) no-repeat; color:#FFFFFF;} #dedicated-servers.dedaddons #content-wrap .page-content .left-col ul.side-nav li.dedaddons a { background:url(/images/backgrounds/side-nav-active.png) no-repeat; color:#FFFFFF;} #dedicated-servers.dedmgmt #content-wrap .page-content .left-col ul.side-nav li.dedmgmt a { background:url(/images/backgrounds/side-nav-active.png) no-repeat; color:#FFFFFF;} #dedicated-servers.hh #content-wrap .page-content .left-col ul.side-nav li.hh a { background:url(/images/backgrounds/side-nav-active.png) no-repeat; color:#FFFFFF;} /***ABOUT US***/ #about.about #content-wrap .page-content .left-col ul.side-nav li.about a { background:url(/images/backgrounds/side-nav-active.png) no-repeat; color:#FFFFFF;} #about.ultrasupport #content-wrap .page-content .left-col ul.side-nav li.ultrasupport a { background:url(/images/backgrounds/side-nav-active.png) no-repeat; color:#FFFFFF;} #about.blog #content-wrap .page-content .left-col ul.side-nav li.blog a { background:url(/images/backgrounds/side-nav-active.png) no-repeat; color:#FFFFFF;} #about.partner #content-wrap .page-content .left-col ul.side-nav li.partner a { background:url(/images/backgrounds/side-nav-active.png) no-repeat; color:#FFFFFF;} #about.aboutdc #content-wrap .page-content .left-col ul.side-nav li.aboutdc a { background:url(/images/backgrounds/side-nav-active.png) no-repeat; color:#FFFFFF;} #about.aboutnet #content-wrap .page-content .left-col ul.side-nav li.aboutnet a { background:url(/images/backgrounds/side-nav-active.png) no-repeat; color:#FFFFFF;} #about.contact #content-wrap .page-content .left-col ul.side-nav li.contact a { background:url(/images/backgrounds/side-nav-active.png) no-repeat; color:#FFFFFF;} #about.dctour #content-wrap .page-content .left-col ul.side-nav li.dctour a { background:url(/images/backgrounds/side-nav-active.png) no-repeat; color:#FFFFFF;} #about.jobs #content-wrap .page-content .left-col ul.side-nav li.jobs a { background:url(/images/backgrounds/side-nav-active.png) no-repeat; color:#FFFFFF;} #about.env #content-wrap .page-content .left-col ul.side-nav li.env a { background:url(/images/backgrounds/side-nav-active.png) no-repeat; color:#FFFFFF;} #about.pay #content-wrap .page-content .left-col ul.side-nav li.pay a { background:url(/images/backgrounds/side-nav-active.png) no-repeat; color:#FFFFFF;} #about.refer #content-wrap .page-content .left-col ul.side-nav li.refer a { background:url(/images/backgrounds/side-nav-active.png) no-repeat; color:#FFFFFF;} #about.notable #content-wrap .page-content .left-col ul.side-nav li.notable a { background:url(/images/backgrounds/side-nav-active.png) no-repeat; color:#FFFFFF;} #about.pdfs #content-wrap .page-content .left-col ul.side-nav li.pdfs a { background:url(/images/backgrounds/side-nav-active.png) no-repeat; color:#FFFFFF;} /** #about.* #content-wrap .page-content .left-col ul.side-nav li.* a { background:url(/images/backgrounds/side-nav-active.png) no-repeat; color:#FFFFFF;} **/ /***MANAGED***/ #managed-services.overview #content-wrap .page-content .left-col ul.side-nav li.overview a { background:url(/images/backgrounds/side-nav-active.png) no-repeat; color:#FFFFFF;} #managed-services.man #content-wrap .page-content .left-col ul.side-nav li.man a { background:url(/images/backgrounds/side-nav-active.png) no-repeat; color:#FFFFFF;} #managed-services.ultraload #content-wrap .page-content .left-col ul.side-nav li.ultraload a { background:url(/images/backgrounds/side-nav-active.png) no-repeat; color:#FFFFFF;} #managed-services.ultrafire #content-wrap .page-content .left-col ul.side-nav li.ultrafire a { background:url(/images/backgrounds/side-nav-active.png) no-repeat; color:#FFFFFF;} #managed-services.ultravpn #content-wrap .page-content .left-col ul.side-nav li.ultravpn a { background:url(/images/backgrounds/side-nav-active.png) no-repeat; color:#FFFFFF;} #managed-services.ultranas #content-wrap .page-content .left-col ul.side-nav li.ultranas a { background:url(/images/backgrounds/side-nav-active.png) no-repeat; color:#FFFFFF;} #managed-services.ultraspam #content-wrap .page-content .left-col ul.side-nav li.ultraspam a { background:url(/images/backgrounds/side-nav-active.png) no-repeat; color:#FFFFFF;} #managed-services.ultravault #content-wrap .page-content .left-col ul.side-nav li.ultravault a { background:url(/images/backgrounds/side-nav-active.png) no-repeat; color:#FFFFFF;} /** #managed-services.* #content-wrap .page-content .left-col ul.side-nav li.* a { background:url(/images/backgrounds/side-nav-active.png) no-repeat; color:#FFFFFF;} **/ /***COLOCATION***/ #colocation.overview #content-wrap .page-content .left-col ul.side-nav li.overview a { background:url(/images/backgrounds/side-nav-active.png) no-repeat; color:#FFFFFF;} #colocation.sharedcolo #content-wrap .page-content .left-col ul.side-nav li.sharedcolo a { background:url(/images/backgrounds/side-nav-active.png) no-repeat; color:#FFFFFF;} #colocation.rackspace #content-wrap .page-content .left-col ul.side-nav li.rackspace a { background:url(/images/backgrounds/side-nav-active.png) no-repeat; color:#FFFFFF;} #colocation.colocustomise #content-wrap .page-content .left-col ul.side-nav li.colocustomise a { background:url(/images/backgrounds/side-nav-active.png) no-repeat; color:#FFFFFF;} #colocation.hh #content-wrap .page-content .left-col ul.side-nav li.hh a { background:url(/images/backgrounds/side-nav-active.png) no-repeat; color:#FFFFFF;} #colocation.colosla #content-wrap .page-content .left-col ul.side-nav li.colosla a { background:url(/images/backgrounds/side-nav-active.png) no-repeat; color:#FFFFFF;} /***IP TRANSIT***/ #iptransit.overview #content-wrap .page-content .left-col ul.side-nav li.overview a { background:url(/images/backgrounds/side-nav-active.png) no-repeat; color:#FFFFFF;} #iptransit.p2p #content-wrap .page-content .left-col ul.side-nav li.p2p a { background:url(/images/backgrounds/side-nav-active.png) no-repeat; color:#FFFFFF;} #iptransit.ipt #content-wrap .page-content .left-col ul.side-nav li.ipt a { background:url(/images/backgrounds/side-nav-active.png) no-repeat; color:#FFFFFF;} /*** VIRTUAL ***/ #virtual-dedicated-servers.overview #content-wrap .page-content .left-col ul.side-nav li.overview a { background:url(/images/backgrounds/side-nav-active.png) no-repeat; color:#FFFFFF;} #virtual-dedicated-servers.plesk #content-wrap .page-content .left-col ul.side-nav li.plesk a { background:url(/images/backgrounds/side-nav-active.png) no-repeat; color:#FFFFFF;} #virtual-dedicated-servers.order #content-wrap .page-content .left-col ul.side-nav li.order a { background:url(/images/backgrounds/side-nav-active.png) no-repeat; color:#FFFFFF;} #virtual-dedicated-servers.mgmt #content-wrap .page-content .left-col ul.side-nav li.mgmt a { background:url(/images/backgrounds/side-nav-active.png) no-repeat; color:#FFFFFF;} #virtual-dedicated-servers.virtualsla #content-wrap .page-content .left-col ul.side-nav li.virtualsla a { background:url(/images/backgrounds/side-nav-active.png) no-repeat; color:#FFFFFF;} /***********************************************************************************************************************************/ #content-wrap .page-content .left-col .question-box a { background:url(/images/backgrounds/question-box.png) no-repeat; width:195px; height:49px; display:block; padding-left:50px; text-decoration:none; color:#161616; font-size:90%;} #content-wrap .page-content .left-col .question-box a .dark-blue { display:block; padding:6px 0px 5px 0px; color:#174a7a; font-size:120%; font-weight:bold; } #content-wrap .page-content .left-col .grey-blog-box { background:#efefef; margin:15px 0px;} #content-wrap .page-content .left-col .grey-blog-box .top { display:block; background:url(/images/backgrounds/grey-blog-box-top.png) no-repeat center top; width:245px; height:6px;} #content-wrap .page-content .left-col .grey-blog-box .bottom { display:block; background:url(/images/backgrounds/grey-blog-box-bottom.png) no-repeat center bottom; width:245px; height:7px;} #content-wrap .page-content .left-col .grey-blog-box h4 { font-size:110%; font-weight:bold; margin:4px 10px 10px 10px; color:#000000;} #content-wrap .page-content .left-col .grey-blog-box ul { margin:10px;} #content-wrap .page-content .left-col .grey-blog-box ul li { background-image:url(/images/backgrounds/grey-bullet-point.png); font-size:100%; line-height:150%;} #content-wrap .page-content .left-col .grey-blog-box ul li a { color:#000000; text-decoration:none;} #content-wrap .page-content .left-col .grey-blog-box ul li a:hover { text-decoration:underline;} /* Default Page Right Column Styles */ #content-wrap .page-content .right-col { width:633px; margin-left:28px; margin-right:44px; float:left;} #content-wrap .page-content .right-col .dedicated-servers-order-box { width:633px; height:178px; background:url(/images/backgrounds/dedicated-server-order-box.png) no-repeat top; margin:15px 0px;} #content-wrap .page-content .right-col .dedicated-servers-order-box .server { width:276px; float:left; padding:20px;} #content-wrap .page-content .right-col .dedicated-servers-order-box h4 { color:#ffffff; font-size:130%; font-weight:bold; margin:0px 0px 10px 0px;} #content-wrap .page-content .right-col .dedicated-servers-order-box p { color:#ffffff; font-size:90%; width:270px;} #content-wrap .page-content .right-col .dedicated-servers-order-box p.order { padding-top:5px; font-weight:bold;} #content-wrap .page-content .right-col .dedicated-servers-order-box a.order-link { background:url(/images/backgrounds/order-link.png); width:138px; height:29px; display:block; text-indent:-99999px; float:left; text-decoration:none; margin-top:-5px; margin-right:5px; overflow:hidden;} #content-wrap .page-content .right-col .orange-box { background:#fff4e4; padding-left:10px;} #content-wrap .page-content .right-col .orange-box .top { display:block; background:url(/images/backgrounds/orange-box-top.png) no-repeat center top; width:633px; height:12px; margin-bottom:-10px; margin-left:-10px;} #content-wrap .page-content .right-col .orange-box .bottom { display:block; background:url(/images/backgrounds/orange-box-bottom.png) no-repeat center bottom; width:633px; height:12px; margin-top:-10px; margin-left:-10px;} #content-wrap .page-content .right-col .orange-box a {color:#df0078;} #content-wrap .page-content .right-col table { margin-top: 2.3em; margin-bottom: 2.6em; border: 1px solid #efefef; border-collapse: collapse; border-spacing: 0; } #content-wrap .page-content .right-col table th { background-color: #FFF8DA; } #content-wrap .page-content .right-col table th span { padding-left: 2px; font-weight: normal; color: #666; } #content-wrap .page-content .right-col table tbody td { border-top: 1px solid #efefef; } #content-wrap .page-content .right-col table th { padding: 8px 12px; border-left: 1px solid #efefef; border-top: 1px solid #efefef; } #content-wrap .page-content .right-col table tbody td { padding: 8px 12px; border-left: 1px solid #efefef; } #content-wrap .page-content .right-col table td.highlight { background-color: #FFF8DA; } #content-wrap .page-content .right-col table h4{ color:#ff9900; font-size:125%; margin:0px 0px; } #content-wrap .page-content .right-col table h5{ color:#ff9900; font-size:110%; margin:0px 0px; } #content-wrap .page-content .right-col table h3{ color:#df0078; font-size:125%; margin:0px 0px; } /* Homepage Content Specific Styles */ /* Homepage Content Left Column Styles */ #home #content-wrap .page-content .left-col { width:510px; float:left; margin-left:50px; margin-top:15px;} #home #content-wrap .page-content .left-col p { margin-top:0px; } #home #content-wrap .page-content hr {color: #fff; background-color: #fff; border: 1px dotted #ccc; border-style: none none dotted; } #about #content-wrap .page-content hr {color: #fff; background-color: #fff; border: 1px dotted #ccc; border-style: none none dotted; } /* Homepage Content Right Column Styles */ #home #content-wrap .page-content .right-col { width:367px; float:right; margin-right:45px; margin-top:20px;} #home #content-wrap .page-content .right-col .we-love-your-servers { background:url(/images/backgrounds/we-love-your-servers.jpg) no-repeat; width:367px; height:190px; text-indent:-999999px;} #home #content-wrap .page-content .right-col .orange-box { background:url(/images/backgrounds/orange-box.png) no-repeat; width:367px; height:172px; margin:15px 0px; overflow:hidden; } #home #content-wrap .page-content .right-col .orange-box .box-item { padding-left:50px; margin:21px 55px 23px 15px; background-position:left top; background-repeat: no-repeat; } #home #content-wrap .page-content .right-col .orange-box .box-item h4 { color:#FFFFFF; font-weight:bold; margin-bottom:0px; font-size:120%;} #home #content-wrap .page-content .right-col .orange-box .box-item p { color:#FFFFFF; margin:0px; font-size:90%;} #home #content-wrap .page-content .right-col .orange-box .box-item p a { color:#FFFFFF;} #home #content-wrap .page-content .right-col .orange-box .box-item.firewall { background-image:url(/images/icons/firewall.png);} #home #content-wrap .page-content .right-col .orange-box .box-item.reboots { background-image:url(/images/icons/reboot.png);} #home #content-wrap .page-content .right-col .grey-box { width:367px; height:57px; margin:15px 0px;} #home #content-wrap .page-content .right-col .grey-box p { font-size:90%;} #home #content-wrap .page-content .right-col .grey-box a { background:url(/images/backgrounds/grey-box.png) no-repeat; display:block; width:297px; height:45px; padding-top:13px; line-height:140%; font-size:100%; letter-spacing:-0.5px; overflow:hidden; padding-left:70px; color:#ffffff; text-decoration:none; } #home #content-wrap .page-content .right-col .grey-box .light-grey { display:block; font-weight:normal; font-size:100%; letter-spacing:0px;} #home #content-wrap .sub-header .boldpink {color: #CC0066;font-weight: bold;} #home #content-wrap .sub-header .grey-box { width:367px; height:57px; margin-top: 25px; margin-left:535px;} #home #content-wrap .sub-header .grey-box p { font-size:90%;} #home #content-wrap .sub-header .grey-box a { background:url(/images/backgrounds/grey-box.png) no-repeat; display:block; width:297px; height:45px; padding-top:13px; line-height:140%; font-size:100%; letter-spacing:-0.5px; overflow:hidden; padding-left:70px; color:#ffffff; text-decoration:none; } #home #content-wrap .sub-header .grey-box .light-grey { display:block; font-weight:normal; font-size:100%; letter-spacing:0px; color:#989898;} #home #content-wrap .sub-header .grey-box1 { width:367px; height:57px; margin-top: 15px; margin-left:535px;} #home #content-wrap .sub-header .grey-box1 p { font-size:90%;} #home #content-wrap .sub-header .grey-box1 a { background:url(/images/backgrounds/grey-box.png) no-repeat; display:block; width:297px; height:45px; padding-top:13px; line-height:140%; font-size:100%; letter-spacing:-0.5px; overflow:hidden; padding-left:70px; color:#ffffff; text-decoration:none; } #home #content-wrap .sub-header .grey-box1 .light-grey { display:block; font-weight:normal; font-size:100%; letter-spacing:0px; color:#989898;} /* Pre Footer style */ #content-wrap .pre-footer { border-top:6px solid #ffffff; overflow:hidden; } #content-wrap .pre-footer ul { background:url(/images/backgrounds/software-hardware-icons.png) no-repeat; height:68px; width:960px; margin:15px auto; } #content-wrap .pre-footer ul li { display:none;} /* Footer Styles */ #content-wrap .footer { background:#df0078; clear:both; overflow:hidden; border-top:5px solid #f5c2dd;} #content-wrap .footer p { text-align:center; margin:20px 0px;color:#ff8fcb; font-size:10px; width:100%; } #content-wrap .footer ul { overflow:hidden; margin:20px 20px 20px 80px;} #content-wrap .footer ul li { float:left; margin-left:20px;} #content-wrap .footer ul li a { color:#FFFFFF; text-decoration:none;} #content-wrap .footer ul li a:hover { text-decoration:underline;} #home #content-wrap .footer ul li.home a { color:#ff8fcb;} /* Updates to fix IE's Non Compliancy Issues */ /* IE 6 */ * html #shadow-repeat { height:1%;} * html #content-wrap { height:1%;} * html #content-wrap .header { width:1000px;} * html #content-wrap .header h1 { position: relative; float:left; margin-left:20px;} * html #content-wrap .header .contact-info { margin-right:35px;} * html #content-wrap .header ul.main-nav { margin-top:19px; margin-left:25px;} * html #content-wrap .sub-header { height:1%; } * html #content-wrap .sub-header .free-same-day-setup { margin-right:18px;} * html #content-wrap .page-content .left-col { margin-left:25px; float:left; width:245px;} * html #content-wrap .page-content .right-col { margin-right:20px;} * html #home #content-wrap .page-content { height:1%;} * html #home #content-wrap .page-content .left-col { margin-left:25px;} * html #home #content-wrap .page-content .right-col { margin-right:10px;} * html #home #content-wrap .page-content .right-col .grey-box a { font-size:96%; } * html #home #content-wrap .page-content .right-col .grey-box .light-grey { font-size:100%;} * html #content-wrap .pre-footer { height:1%;} * html #content-wrap .footer { height:1%;} /* IE 7 */ * + html #content-wrap .header h1 { margin-left:-960px; margin-top:-12px; } * + html #home #content-wrap .page-content .right-col .grey-box a { font-size:96%; } * + html #home #content-wrap .page-content .right-col .grey-box .light-grey { font-size:100%;}