/* SETUP ============================================= */

html, body, form, fieldset, div { margin:0; padding:0; }

h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address {margin:15px 0; padding:0;}

ul {list-style:none}

li, dd, blockquote {margin-left:15px; padding:2px 0;}

form label {cursor:default;}
fieldset {border:none;}

input, select, textarea {font-size:100%;}

img, label {margin:0;}

img {border:0}

a {margin:0; padding:0; color:#333; text-decoration:underline; outline:none}
a:hover {text-decoration:underline}

body {font-family:Arial, Verdana, Helvetica, sans-serif; font-size:12px; color:#7c7c7c; background:#f5f5f5; border-top:#62742c 5px solid}

/* CLASSES ============================================= */
.clear {clear:both; float:none; width:100px; height:0px; line-height:0px;}

/* DETAIL ============================================== */

/* wrapper */
#wrapper {margin:0 auto; width:865px;}

/* header */
#header {position:relative; height:108px;}
#header h1 {float:left; margin:10px 0 0px 0; width:212px; height:76px; background:url(../images/logo.gif) left top no-repeat}
#header h1 a {display:block; width:212px; height:76px;}
#header h1 a span {display:none}

#header #clientlogin {position:relative; float:right; padding:2px 0 0 8px; width:194px; height:38px; color:#5f5f5f; background:#fff; border:#e6e6e6 1px solid}
#header #clientlogin form {margin:0; padding:0;}
#header #clientlogin form label {font-size:9px;}
#header #clientlogin form input.login_details {width:115px; height:12px; background:#f6f6f6; border:#ededed 1px solid}
#header #clientlogin form input#btn_login {position:absolute; right:0; bottom:-12px; width:45px; height:12px; border:0}

#header ul {position:absolute; left:0; bottom:0px; margin:0; padding:0}
#header ul li {float:left; margin:0 1px 0 0; padding:0px; height:25px;}
#header ul li a {display:inline-block; height:25px;}
#header ul li a span {display:none}
#header ul li#btn_home a {width:59px; background:url(../images/btn_home.jpg) left top no-repeat}
#header ul li#btn_shared a {width:137px; background:url(../images/btn_shared.jpg) left top no-repeat}
#header ul li#btn_reseller a {width:149px; background:url(../images/btn_reseller.jpg) left top no-repeat}
#header ul li#btn_tos a {width:128px; background:url(../images/btn_tos.jpg) left top no-repeat}
#header ul li#btn_about a {width:78px; background:url(../images/btn_about.jpg) left top no-repeat}
#header ul li#btn_contact a {width:86px; background:url(../images/btn_contact.jpg) left top no-repeat}
#header ul li#btn_club a {width:110px; background:url(../images/btn_club.jpg) left top no-repeat}
#header ul li#btn_clientarea a {width:86px; background:url(../images/btn_clientarea.jpg) left top no-repeat}
#header ul li#btn_home a:hover, #header ul li#btn_shared a:hover, #header ul li#btn_reseller a:hover, #header ul li#btn_tos a:hover, #header ul li,#btn_about a:hover, #header ul li#btn_club a:hover, #header ul li#btn_clientarea a:hover, #header ul li#btn_contact a:hover,#header ul li#btn_contact a:hover, #header ul li a.current {background-position:left bottom!important}

/* main */
#main {overflow:auto; clear:both; float:none; padding:22px 24px; width:817px; background:#fff; border:#e6e6e6 1px solid}

/* sidebar */
#sidebar {float:left; width:210px;}
#sidebar #featured {position:relative; margin-bottom:12px; padding:7px 10px 0 10px; width:190px; height:125px; color:#667d1f; background:#ccdf5c url(../images/bg_featured.jpg) left top no-repeat}
#sidebar #featured h2 {margin:0 0 7px 0; font-size:12px;}
#sidebar #featured ul {margin:0; padding:0}
#sidebar #featured ul li {margin:0 0 3px 25px; padding:0; list-style:disc; font-size:11px;}
#sidebar #featured a#signup {position:absolute; right:0; bottom:0}

#sidebar .sidebox {position:relative; margin-bottom:12px; padding:7px 10px; width:190px;}
#sidebar .sidebox h2 {margin:0 0 7px 0; font-size:12px;}
#sidebar .sidebox ul {margin:0; padding:0}
#sidebar .sidebox ul li {margin:0; padding:0; font-size:11px;}
#sidebar .sidebox a.orderbtn {position:absolute; right:0; bottom:0}

#sidebar #green_lemon {color:#92b45f; background:#eefac8}
#sidebar #blue_sky {color:#7898ad; background:#e1f1f6}
#sidebar #green_forest {color:#2f3607; background:#77894b}
#sidebar #odd_green {color:#fff; background:#4b8289}
#sidebar #odd_green h2 {color:#073436}

/* contents */
#contents {float:left; width:606px}
#contents h2 {margin:0 0 12px 0; padding:0; font-size:20px; color:#373737}
#contents #banner {display:block; margin:0; padding:0; width:606px; height:132px; margin-bottom:8px}
#contents #text_home {margin:0 auto; width:550px;}
#contents #text_home p {margin:0 0 10px 0; font-size:16px; line-height:18px}

#contents #plans .left_odd, #contents #plans .odd, #contents #plans .right_odd {background:#90c02c; color:#fff}
#contents #plans .left_odd, #contents #plans .left_even {font-weight:bold;}
#contents #plans .odd, #contents #plans .right_odd, #contents #plans .even, #contents #plans .right_even {text-align:center;}
#contents #plans .left_even, #contents #plans .even, #contents #plans .right_even {background:#b8d36b; color:#fff}
#contents #plans .check {display:inline-block; width:14px; height:14px; background:url(../images/check.gif) left top no-repeat}
#contents #plans .cancel {display:inline-block; width:12px; height:12px; background:url(../images/cross.gif) left top no-repeat}
#contents #plans .check span, #contents #plans .cancel span {display:none}
#contents #plans a {font-weight:bold;}


/* footer */
#footer {overflow:auto; clear:both; float:none; margin:14px 0; padding:5px 22px; width:821px; font-size:8px; background:#fff; border:#e6e6e6 1px solid}
#footer p {float:left; margin:0; padding:0;}
#footer ul {float:right; margin:0; padding:0}
#footer ul li {display:inline}

#footer_services {display:block!important; text-align:center}