/* Main */
body { font-size: 12px; color: #2d5b79; font-family: Arial; line-height: 16px; }
p { margin: 0 0 20px 0; line-height: 20px; }
#wrapper { margin: 0 auto; width: 890px; }
#left { float: left; }
#right { float: right; }
#clear { clear: both; }
#spacer { height: 15px; display: block; width: 100%; }
.block-head { width: 672px; display: block; background: url(../images/whmcs-left-block-head.jpg) no-repeat; height: 39px; line-height: 37px; padding-left: 30px; }
.block-head, .block-head a, .block-head a:visited { color: #fff; font-size: 12px; font-family: Verdana; font-weight: bold; text-decoration: none; }
.block-head a:hover { text-decoration: underline; }
#content_container #logo { margin-left: 15px; }
/*//////////*/

/* Top */
#top { width: 100%; background: #4b5458; height: 33px; line-height: 18px; }
#top, #top a, #top a:visited { color: #fff; font-weight: bold; font-family: Tahoma; text-decoration: none; }
#top a:hover { text-decoration: underline; }
#top #container { width: 890px; margin: 0 auto; }
#top #container li { display: inline-block; margin: 0 6px; padding: 0 0 0 25px; height: 18px; margin-top: 6px; }
#top #container #left .sales { background: url(../images/icons/pound.png) no-repeat; }
#top #container #left .support { background: url(../images/icons/question.png) no-repeat; }
#top #container #right .callback { background: url(../images/icons/call.png) no-repeat; }
#top #container #right .clock { background: url(../images/icons/clock.png) no-repeat; }
#top #container #right .chat { background: url(../images/icons/chat.png) no-repeat; }
#top #container #right .chat .online { color: #48ff00; }
#top #container #right .chat .offline { color: #ff1800; }
* html #top #container UL LI { display:inline; }
* + html #top #container UL LI { display:inline; }
/*//////////*/

/* Content */
#about { width: 848px; background: #f7fafc; border: 1px solid #dbe5ec; padding: 20px; }
#about h1 { color: #6a98b7; font-size: 14px; font-family: Verdana; }
/*//////////*/

/* Left Column */
#column-left { width: 588px; float: left; }
#column-left #block { width: 100%; }
#column-left #block h2 { width: 558px; display: block; background: url(../images/left-block-head.jpg) no-repeat; height: 39px; line-height: 37px; padding-left: 30px; }
#column-left #block h2, #column-left #block h2 a, #column-left #block h2 a:visited { color: #fff; font-size: 12px; font-family: Verdana; font-weight: bold; text-decoration: none; }
#column-left #block #item { width: 546px; border: 1px solid #dee7ed; margin-top: 10px; padding: 15px 20px 15px 20px; background: #f7fafc; position: relative; }
#column-left #block p { font-size: 12px; line-height: 20px; }
#column-left #block #item .top { background: url(../images/item-top-left.jpg) no-repeat; top: -1px; left: -1px; position: absolute; display: block; height: 5px; width: 6px; }
#column-left #block #item .bottom { background: url(../images/item-bottom-right.jpg) no-repeat; bottom: -1px; right: -1px; position: absolute; display: block; height: 5px; width: 6px; }
#column-left #block #item h4 { display: block; border-bottom: 1px solid #b2d4ee; padding-bottom: 10px; }
#column-left #block #item h4, #column-left #block #item h4 a, #column-left #block #item h4 a:visited { color: #0097ff; font-size: 18px; font-weight: normal; text-decoration: none; font-family: Verdana; }
#column-left #block #item h4 a:hover { text-decoration: underline; }
#column-left #block #item .footer { display: block; width: 100%; border-top: 1px solid #b2d4ee; margin: 0; padding-top: 8px; }
/*//////////*/

/* Single Column */
#column-single { width: 100%; }
#column-single #block { width: 100%; }
#column-single #block h2 { width: 860px; display: block; background: url(../images/single-block-head.jpg) no-repeat; height: 39px; line-height: 37px; padding-left: 30px; }
#column-single #block h2, #column-single #block h2 a, #column-single #block h2 a:visited { color: #fff; font-size: 12px; font-family: Verdana; font-weight: bold; text-decoration: none; }
#column-single #block #item { width: 850px; border: 1px solid #dee7ed; margin-top: 10px; padding: 15px 20px 15px 20px; background: #f7fafc; position: relative; }
#column-single #block p { font-size: 12px; line-height: 20px; }
#column-single #block #item .top { background: url(../images/item-top-left.jpg) no-repeat; top: -1px; left: -1px; position: absolute; display: block; height: 5px; width: 6px; }
#column-single #block #item .bottom { background: url(../images/item-bottom-right.jpg) no-repeat; bottom: -1px; right: -1px; position: absolute; display: block; height: 5px; width: 6px; }
#column-single #block #item h4 { display: block; border-bottom: 1px solid #b2d4ee; padding-bottom: 10px; }
#column-single #block #item h4, #column-single #block #item h4 a, #column-single #block #item h4 a:visited { color: #0097ff; font-size: 18px; font-weight: normal; text-decoration: none; font-family: Verdana; }
#column-single #block #item h4 a:hover { text-decoration: underline; }
#column-single #block #item .footer { display: block; width: 100%; border-top: 1px solid #b2d4ee; margin: 0; padding-top: 8px; }
/*//////////*/

/* Right Column */
#column-right { width: 290px; float: left; margin-left: 12px; }
#column-right #block { width: 100%; margin-bottom: 15px; }
#column-right #block h2 { width: 260px; display: block; background: url(../images/right-block-head.jpg) no-repeat; height: 39px; line-height: 37px; padding-left: 30px; }
#column-right #block h2, #column-right #block h2 a, #column-right #block h2 a:visited { color: #fff; font-size: 12px; font-family: Verdana; font-weight: bold; text-decoration: none; }
#column-right #block #item { width: 248px; border: 1px solid #dee7ed; margin-top: 10px; padding: 15px 20px 12px 20px; background: #f7fafc; position: relative; }
#column-right #block #item .top { background: url(../images/item-top-left.jpg) no-repeat; top: -1px; left: -1px; position: absolute; display: block; height: 5px; width: 6px; }
#column-right #block #item .name { color:#0097ff; margin: 0; }
#column-right #block #item .testimonial { margin: 0; }
#column-right #block #item .bottom { background: url(../images/item-bottom-right.jpg) no-repeat; bottom: -1px; right: -1px; position: absolute; display: block; height: 5px; width: 6px; }
#column-right #block #item form #row { border-bottom: 1px dotted #b5c2ca; width: 100%; display: block; height: 30px; }
#column-right #block #item form .inputbox { width: 150px; }
#column-right #block #item form .submit { width: 58px; height: 24px; margin-top: 10px; background: url(../images/login-button.jpg) no-repeat; border: 0; }
#column-right #block #item form #row label, #column-right #block #item form #row2 label { line-height: 22px; }
#column-right #block #item form #row label, #column-right #block #item form #row2 .checkbox { margin: 4px 8px 0 0; }
#column-right #block #item form #row2 { border-bottom: 1px dotted #b5c2ca; width: 100%; display: block; height: 30px; margin-top: 10px; }
/*//////////*/

/* Resources */
.resources { width: 100%; }
.resources li { border-bottom: 1px #9b9b9b dotted; line-height: 22px; padding: 0 0 3px 25px; margin: 3px 0 0 0; }
.resources li, .resources li a, .resources li a:visited { color: #6e6e6e; text-decoration: none; display: block; width: 225px; }
.resources li a:hover { text-decoration: none; color: #2e2e2e; }
.resources .data { background: url(../images/icons/resource-data.jpg) no-repeat; margin: 0; }
.resources .info { background: url(../images/icons/resource-info.jpg) no-repeat; }
.resources .terms { background: url(../images/icons/resource-terms.jpg) no-repeat; }
/*//////////*/

/* Sub Menu */
.sub-menu { width: 100%; }
.sub-menu li { border-bottom: 1px #9b9b9b dotted; line-height: 22px; padding: 0 0 3px 25px; margin: 3px 0 0 0; }
.sub-menu li, .sub-menu li a, .sub-menu li a:visited { color: #6e6e6e; text-decoration: none; display: block; width: 225px; }
.sub-menu li a:hover { text-decoration: none; color: #0082ff; }
.sub-menu .budget { background: url(../images/icons/sub-budget.jpg) no-repeat; }
.sub-menu .premium { background: url(../images/icons/sub-premium.jpg) no-repeat; }
.sub-menu .enterprise { background: url(../images/icons/sub-enterprise.jpg) no-repeat; }
.sub-menu .other { background: url(../images/icons/sub-other.jpg) no-repeat; }
.sub-menu .orange { background: url(../images/icons/sub-orange.jpg) no-repeat; }
.sub-menu .purple { background: url(../images/icons/sub-purple.jpg) no-repeat; }
.sub-menu .teal { background: url(../images/icons/sub-teal.jpg) no-repeat; }
/*//////////*/

/* Server Features */
.features { width: 100%; }
.features li { border-bottom: 1px #9b9b9b dotted; line-height: 22px; padding: 0 0 3px 25px; margin: 3px 0 0 0; }
.features li, .features li a, .features li a:visited { color: #6e6e6e; text-decoration: none; display: block; width: 225px; }
.features li a:hover { text-decoration: none; color: #2e2e2e; }
.features .setup { background: url(../images/icons/feature-setup.jpg) no-repeat; margin: 0; }
.features .os { background: url(../images/icons/feature-os.jpg) no-repeat; }
.features .remote { background: url(../images/icons/feature-remote.jpg) no-repeat; }
.features .connection { background: url(../images/icons/feature-connection.jpg) no-repeat; }
.features .site { background: url(../images/icons/feature-site.jpg) no-repeat; }
.features .phone { background: url(../images/icons/feature-phone.jpg) no-repeat; }
/*//////////*/

/* Server Packages */
.package { width: 545px; background: #eff8ff; display: block; border-left: 1px solid #dceefc; border-top: 1px solid #dceefc; border-right: 1px solid #dceefc; margin-top: 10px; }
.package .title { display: block; background: url(../images/blue-cross.jpg) no-repeat right; line-height: 40px; width: 525px; padding: 0 10px 0 10px; border-bottom: 1px solid #dceefc; }
.package .title2 { display: block; line-height: 40px; width: 525px; padding: 0 10px 0 10px; border-bottom: 1px solid #dceefc; font-style:normal; }
.package .open { background: url(../images/blue-minus.jpg) no-repeat right; }
.package .title, .package .title2, .package .title a, .package .title2 a, .package .title a:visited, .package .title2 a:visited { color: #48a9ff; font-size: 14px; font-weight: bold; font-family: Verdana; text-decoration: none; }
.package .details { display: none; }
.package .details, .package #detail { border-bottom: 1px solid #dceefc; }
.package #cpu-logo { width: 85px; display: block; float: left; text-align: center; padding: 10px 5px; }
.package #right { width: 419px; float: left; padding: 10px 15px; color: #48a9ff; font-size: 11px; font-family: Tahoma; border-left: 1px solid #dceefc; }
.package #right img { margin: 10px 0 0 0; }
.package #right p { margin: 0; float: left; }
.package #right span { float: right; font-weight: bold; }
.package #right #cpu, .package #right #hard-drive, .package #right #memory, .package #right #bandwidth, .package #right #apc, .package #right #power, .package #right #space, .package #right #connection { display: block; height: 25px; width: 394px; padding: 0 0 0 25px; border-bottom: 1px solid #d9edfc; margin: 5px 0 0 0; }
.package #right #cpu, .package .details #right #space { margin: 0; }
.package #right #cpu { background: url(../images/icons/processor.jpg) no-repeat; }
.package #right #hard-drive { background: url(../images/icons/hard-drive.jpg) no-repeat; }
.package #right #memory { background: url(../images/icons/memory.jpg) no-repeat; }
.package #right #bandwidth { background: url(../images/icons/bandwidth.jpg) no-repeat; }
.package #right #apc { background: url(../images/icons/apc.jpg) no-repeat; }
.package #right #power { background: url(../images/icons/power.jpg) no-repeat; }
.package #right #connection { background: url(../images/icons/connection.jpg) no-repeat; }
.package #right #space { background: url(../images/icons/space.jpg) no-repeat; }
.package #right #prices { width: 100%; margin-top: 10px; }
.package #right #prices #heading { border-bottom: 1px solid #dceefc; }
.package #right #prices p { margin: 0; line-height: 25px; text-align: center; width: 104px; float: left; border-right: 1px solid #dceefc; }
.package #right #prices .border { border-right: none; }
.package #right #prices #pricing p { font-weight: bold; }
/*//////////*/

/* Footer */
#footer-logos { width: 100%; height: 70px; line-height: 70px; }
#footer-logos img { margin: 0 18px; opacity:0.6;filter:alpha(opacity=60) }
#footer { width: 100%; border-top: 10px solid #e1e1e1; background: #414b4f; }
#footer #inner { width: 890px; margin: 0 auto; }
#footer #inner #titles{ width: 100%; border-bottom: 1px solid #b0c7d6; height: 40px; display: block; }
#footer #inner #titles h4 { width: 296px; display: block; float: left; }
#footer #inner #titles h4, #footer #inner #titles h4 a, #footer #inner #titles h4 a:visited { color:#d5ecfb; font-size: 14px; font-weight: bold; font-family: Verdana; line-height: 40px; }
#footer #inner #lists { float: left; margin-top: 5px; width: 296px; }
#footer #inner #lists  ul { width: 296px; }
#footer #inner #lists ul li, #footer #inner #lists ul li a, #footer #inner #lists ul li a:visited { text-decoration: none; color: #d5ecfb; font-size: 11px; font-family: Verdana; line-height: 22px; display: block; width: 100%; }
#footer #inner #lists ul li a:hover { text-decoration: underline; color: #f3faff; }
#footer #inner p { margin: 0; display: block; width: 100%; text-align: center; }
#footer #inner p, #footer #inner p a, #footer #inner p a:visited { color: #fff; font-size: 12px; font-family: Verdana; font-weight: bold; text-decoration: none; }
#footer #inner p a:hover { text-decoration: underline; }
/*//////////*/

/* Logo */
#logo { width: 100%; height: 62px; display: block; padding: 16px 0; }
#logo div { display: block; height: 62px; width: 466px; }
#logo div a { display: block; width: 100%; height: 100%; }
/*//////////*/

/* Hosting Table */
.table { font-family: Arial; font-size: 13px; width: 100%; }
.table td { padding: 8px; text-align: center; }
.table .thead { height: 39px; width: 100%; background: url(../images/thead.jpg) repeat-x; font-weight: bold; line-height: 20px; }
.table .left { text-align: left; font-weight: bold; }
.table .row { background: #f4f4f4; }
.table .row-order { background: #e4f1ff; }
.table .Tick { background: url(../images/tick.png) no-repeat; display: block; height: 16px; width: 16px; margin: 0 auto; }
.table .Cross { background: url(../images/cross.png) no-repeat; display: block; height: 16px; width: 16px; margin: 0 auto; }
.table .red { color: red; }
.table .order { vertical-align: middle; }
/*//////////*/

/* Rack-Space Enquiry */
.contact-form { width: 100%; padding-top: 10px; }
.contact-form label { float: left; font-size: 12px; color: #000; line-height: 18px; }
.contact-input { width: 300px; float: right; height: 18px; border: 1px solid #ccc; }
.contact-form img { float: right; }
.contact-form select  { width: 300px; float: right; border: 1px solid #ccc; }
.contact-form textarea { width: 300px; float: right; height: 150px; border: 1px solid #ccc; }
#contact-line { width: 100%; padding: 5px 0; }
.contact-form span { float: right; color: red; font-weight: bold; font-size: 18px; margin-right: 5px; }
#contact-buttons { width: 100%; }
.contact-submit { float: right; }
.contact-reset { float: left; }
/*//////////*/

/* Banner Slider */
#slider { width: 890px; margin: 0 auto; position: relative; }
.scroll { height: 167px; overflow: hidden; position: relative; width: 890px; background: #FFFFFF; }
.scrollContainer div.panel { height: 167px; width: 890px; }
.slider-nav { width: 100%; background: url(../images/slider-nav-bg.jpg) repeat-x; height: 47px; text-align: center; padding-top: 6px; }
.slider-nav li { display: inline; }
.slider-nav li a, .slider-nav li a:visited { text-decoration: none; color: #fff; font-family: Verdana; font-size: 14px; font-weight: bold; height: 35px; display: inline-block; line-height: 35px; padding: 0 0 0 8px; }
* html .slider-nav li a { display:inline; }
* + html .slider-nav li a { display:inline; }
.slider-nav li a span { padding: 0 8px 0 0; }
.slider-nav li a:hover { background: url(../images/nav-bg.jpg) left no-repeat; }
.slider-nav li a:hover span { background: url(../images/nav-right.jpg) right no-repeat; display: block; }