/* ------------------------------------------------------------- * * AlfaHosts Design V4 * * Designed by Antinomie Designs, a Reawaken Media company * * © 2010 Reawaken Media, LLC * * * * Coding by Stewart Wilson (me@stewartwilson.id.au) * * © 2010 Stewart Wilson * * --------------------------------------------------------------*/ /* * COPYRIGHT NOTICE * -------------------------------------------------------------- * The following design is owned by Reawaken Media, and cannot be * used without permission from the Managing Director * * The following design is protected by Copyright Act 1968, and * its amendments, in Australia; along with relevalent acts in * the user's territory. * * Code that is used without permission will face severe * penalities from Alfahosts and/or Reawaken Media * * Reawaken Media does have the right to change this agreement * when it sees fit. * * */ /* -------------------------------------------------------------------------------- */ /* Reseller Page */ #reseller #title { height: 79px; width: 100%; } #reseller #title h1 { color: white; font-family: 'Arial'; text-transform: uppercase; font-size: 40px; padding-top: 50px; } #reseller #title h2 { color: #717171; padding-top: 20px; width: 280px; } #reseller-sub #header { width: 100%; height: 0px; } #reseller-sub #title { height: 79px; width: 100%; } #reseller-sub #title h1 { color: white; font-family: 'Arial'; text-transform: uppercase; font-size: 40px; padding-top: 50px; } #reseller #pagenav { width: 100%; margin-top: 159px; height: 52px; } #reseller-sub #pagenav { width: 100%; margin-top: 95px; height: 52px; } #pagenav ul { width: 100%; padding: 0; margin: 0; list-style: none; margin-bottom: 15px; } #pagenav li { color: #cbedff; float: left; font-size: 12px; margin-right: 20px; font-family: 'Colaborate-BoldRegular'; text-transform: uppercase; padding-top: 16px; } #pagenav a { color: #cbedff; font-weight: normal; } #pagenav li:hover { background: url('img/arrow2.png') center 45px no-repeat; height: 100%; padding-bottom: 27px; } #pagenav li.selected { color: #FFFFFF; background: url('img/arrow2.png') center 45px no-repeat; height: 100%; padding-bottom: 27px; } #pagenav li.selected a { color: #FFFFFF; } #content { width: 100%; min-height: 400px; margin-top: 10px; font-size: 16px; } #content ul.boxes { list-style: none; padding: 0; margin: 0; margin-left: auto; margin-right: auto; } #content .boxes li { float: left; width: 320px; margin-right: 13px; } #content .boxes li h1 { color: #1b7db4; font-size: 1.05em; padding: 10px 0; font-weight: bold; } #content .boxes li p { font-size: 0.75em; color: #333333; margin-bottom: 10px; line-height: 1.75em; } #content .boxes li a { font-size: 0.75em; color: #1b7db4; } #content .holder-offer{ width:100%; overflow:hidden; position:relative; right:-5px; margin:9px 0 0; } #content .offer{ float:right; display:inline; width:460px; font-size:14px; color:#484848; line-height:18px; background:url(img/bubble.gif) repeat-y; clear:both; } #content .offer .holder{ width:100%; background:url(img/bubble-bottom.gif) no-repeat; } #content .offer .frame{ height:1%; overflow:hidden; padding:15px 10px 9px; background:url(img/bubble-top.gif) no-repeat 0 100%; } /* Features */ .breaker {overflow: hidden; padding-bottom: 20px; margin-bottom: 25px; border-bottom: 1px dotted #D5D5D5} .breaker.last {border-bottom: none;} .col {width: 310px; float: left; margin-right: 25px; margin-bottom: -15px;} .first {padding-top: 15px;} .col.don {margin-bottom: 0;} .col.last {margin-right: 0;} .col p {font-size: 0.75em; line-height: 1.75em; margin-bottom: 15px; color: #333333;} .col h3 {font-size: 18px; font-family: Georgia, "Times New Roman", Times, serif; color: #1b7db4; margin-bottom: 5px;} .col h4 {font-size: 14px; font-family: Georgia, "Times New Roman", Times, serif; color: #6C6C6C; margin-bottom: 15px;} .shared-plans-sidebar {width: 320px; float: left; margin-left: 20px;} .shared-plans-content {width: 640px; float: left; color: #333333;} .shared-plans-content p.shared-first {font-size: 18px; font-family: Georgia, "Times New Roman", Times, serif; line-height: 28px; font-style: italic; color: #1b7db4} .shared-plans-content p {font-size: 0.75em; line-height: 1.75em; margin-bottom: 15px; color: #6C6C6C;} .shared-plans-content h4 {font-size: 15px; color: #2D2D2D; margin-bottom: 3px; font-family: Georgia, "Times New Roman", Times, serif;} a.order-now {width: 100%; height: 30px; display: block; background: url(img/order-button.png) top center no-repeat; text-align: center;} /* -- TABLE -- */ table {width: 640px;} td {padding: 5px; border-bottom: 1px solid #D5D5D5; font-size: 12px; color: #6C6C6C;} td.shared-plans-plan {width: 160px; text-align: center; height: 25px; } td.shared-plans-plan h2 { font-weight: bold; font-size: 15px; } td.shared-plans-info {font-weight: bold;} tr.titles {font-size: 15px; color: #1b7db4; border-bottom: 2px #1b7db4 solid; background: url(img/webhosting/plan-bg.png) top left repeat-x; } tr.titles td {font-size: 15px; padding: 8px 5px 5px; color: #1b7db4; font-weight: bold;} tr.titles td.shared-plans-plan {font-size: 15px; color: #1b7db4; font-weight: bold;} tr.sec-title {background: url(img/tables/sec-table.png) top left repeat-x;} tr.sec-title td {font-size: 14px; font-weight: bold; color: #1b7db4} /* -- SIDEBAR GADGETS -- */ .demo-login {width: 300px; padding: 10px; margin-top: 42px; border: #d9d9d9 1px solid; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .demo-login h3 {color: #1b7db4; font-size: 18px; font-family: Georgia, "Times New Roman", Times, serif; border-bottom: #d9d9d9 1px solid; margin: 0 -10px; padding: 0 10px; margin-bottom: 10px; padding-bottom: 10px;} .demo-login p {font-size: 12px; color: #6C6C6C; line-height: 18px; margin-bottom: 10px;} .gadget {width: 300px; padding: 10px 10px 0 10px; margin-top: 10px; border: #d9d9d9 1px solid; -moz-border-radius: 5px; -webkit-border-radius: 5px;} .gadget h3 {color: #1b7db4; font-size: 18px; font-family: Georgia, "Times New Roman", Times, serif; border-bottom: #d9d9d9 1px solid; margin: 0 -10px; padding: 0 10px; margin-bottom: 10px; padding-bottom: 10px;} .gadget p {font-size: 12px; color: #6C6C6C; line-height: 18px; margin-bottom: 10px;} p.smalltext {font-size: 11px; font-style: inherit; line-height: 14px} .gadget p.closer {margin: 0 -10px; height: 10px; margin-bottom: 0; margin-top: -10px;} .gadget a.demo-link {width: 130px; height: 32px; display: block; background: url(img/demo-login-button.png) top left no-repeat;}