body  {background: #fff; color: #000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; margin: 0; padding: 0;}


a {color: #000;}
.active a {color: #c00;}


h1 {color: #827b64; font-size: 52px; line-height: 48px; font-family: Arial, Verdana, sans; letter-spacing: -0.05em; font-weight: bold; margin: 20px 0 0 0;}
h2 {font-family: Arial, Verdana, sans; letter-spacing: -0.05em; font-weight: bold; font-size: 24px;}
h3 {font-family: Arial, Verdana, sans; letter-spacing: -0.05em; font-weight: bold; font-size: 18px;}

ul { padding-top: 0; margin-top: 0; }

#header {width: 860px; margin: 18px auto 0 auto;}
#heading {margin-bottom: 18px;}
#heading p {font-family: Arial, Verdana, sans; letter-spacing: -0.05em; font-weight: bold; font-size: 24px; margin: 0; padding-top: 10px; }
#header-hide-pad #heading {width: 500px;}
#header-hide-pad #heading h1 {padding-top: 20px;}
#header-hide-pad #heading p {font-family: Verdana, Arial, sans; font-weight:normal; font-size: 14px; line-height: 22px; letter-spacing: normal;}

#logo {width: 250px; float: left; margin: 0;}


#navigation {float: right; margin: 10px 0 0 0;}
#navigation li {display: inline; padding: 0 0 0 10px;}
#navigation li#navilogin {margin: 0 0 0 40px; padding: 2px 5px 4px 5px; background: #FAFAE1;}

#loggedin { text-align: center; width: 850px; margin-top: 10px; padding: 5px 10px 5px 10px; background: #FAFAE1; }


#header-hide {background: #f5f4ee; margin-top: 18px;}
#header-hide-pad {width: 860px; margin: 0 auto; padding-top: 0px;}


#signup {width: 192px; float: right; margin: 27px 0 18px 0px;}
#signup p {margin: 0 0 5px 0;}
#signup #button {background: url("/skin/customers/j21p/signup.png") no-repeat; width: 192px; height: 42px; text-align: center; line-height: 42px;}
#signup #button a {color: #c00; font-family: Arial, Verdana, sans; letter-spacing: -0.05em; font-weight: bold; font-size: 24px; text-decoration: none; margin: 0;}



#hide01 {background: #f5f4ee; border-bottom: 1px solid #ccc;}
#hide01 li {list-style-image: url("/skin/customers/j21p/bullet.png");}
#hide01 h2 {margin: 0 0 18px 0;}


#hide01pad {width: 860px; margin: 0 auto;}


#hosts, #members {width: 410px;}
#hosts {float: left; margin: 27px 0; line-height: 22px;}
#hosts h2 {color: #76946a;}
#hosts ul {padding: 0; padding-left: 122px; background: url("/skin/customers/j21p/hosts.png") no-repeat; margin: 0;}

#members {float: right; margin: 27px 0; line-height: 22px;}
#members h2 {color: #5c7999;}
#members ul {padding: 0; padding-left: 122px; background: url("/skin/customers/j21p/members.png") no-repeat; margin: 0;}


#hide02 {border-bottom: 1px solid #ccc;}
#hide02 h2 {margin: 18px 0; color: #827b64;}
#hide02pad {width: 860px; margin: 0 auto;}


#featured {width: 645px; float: left; border-right: 1px solid #ccc; margin: 0;}
#featured h2 { margin-bottom: 5px; padding: 0; }
#featured p { margin: 0; padding: 0 0 20px 0; }
#featured ul#commfeatured {margin: 0; padding: 0;}
#featured ul#commfeatured li {width: 135px; margin: 0; padding: 0 20px 18px 0; display: block; float: left; list-style-type: none; color: #827b64; font-weight: bold; font-size: 12px; text-align: center; line-height: 16px;}
#featured ul#commfeatured li img {width: 120px; height: 90px; padding: 3px; border: 1px solid #ccc;}
#featured ul#commfeatured li a {color: #827b64; font-weight: bold; text-decoration: none;}
#featured ul#commupdates { margin: 0; padding: 0; list-style: none; display: block; }
#featured ul#commupdates li { width: 250px; padding: 10px 10px 10px 36px; margin: -1px 0 0 -1px; float: left; display: block;height: 34px; border: 1px solid #f5f4ee; background: #fff url("/skin/customers/j21p/hosts-sm.png") left top no-repeat; background-position: 8px 8px; }
#featured ul#commupdates li a { text-decoration: none; font-family:Arial, Helvetica, sans-serif; font-size: 16px; line-height: 17px; font-weight: bold; letter-spacing:-0.05em; color:#76946a; }
#featuredspace { padding-bottom: 10px; }

#tour { width: 190px; float: right; margin: 0; overflow: hidden; }
#tour h2 { letter-spacing: -0.05em; white-space:nowrap; }
#tour p {text-align: left;}


#j21p_hp_subcontainer {width: 860px; margin: 0 auto; line-height: 22px;}
#j21p_hp_subcontainer h2 {margin: 0 0 18px 0;}


#sidebar {margin: 0; width: 290px; float: right;}
#sidebar li {list-style-image: url("/skin/customers/j21p/bullet.png");}
.rightlink {text-align: right;}


#content {margin: 0; width: 500px; float: left;}
#content .news {font-size: 12px; margin: 0 0 20px 0;}
#content .news p {margin: 5px 0 0 0;}
#content .newstime {width: 81px; float: left; margin: 0 0 0 0; background: url("/skin/customers/j21p/newstime.png") no-repeat; text-align: center; font-weight: bold; color: #fff; font-family: Arial, Verdana, sans; letter-spacing: -0.05em; font-size: 18px; line-height: 33px;}
#content .newshead {width: 405px; float: right; margin: 4px 0 0 0; line-height: 16px;}
#content .newshead h3, #content .newshead p {margin: 0;}
#content .newshead p {font-size: 11px;}


#footer {text-align: center; margin: 0 auto; width: 860px; font-size: 10px; line-height: 22px; padding: 20px 0;}
#footer p {margin: 5px 0;}
#footer ul {margin: 0; padding: 0;}
#footer ul li {display: inline; padding: 0 5px; margin: 0;}


.clearer {clear: both; height: 1px; margin: 0; padding: 0;}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfixnews:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfixnews {display: inline-block;}


.helpbox {background: #eef6f0; border: 1px solid #cfd7cc; margin: 0 0 36px 0; padding: 18px;}
#featurebox { background: #FFFFCC; border: 1px solid #FFCC00; }
#j21p_hp_subcontainer .helpbox h2 {margin: 0 0 0 0; font-size: 18px;}
#sidebar .helpbox li {list-style-image: url("/skin/customers/j21p/g_bullet.png");}
#sidebar .helpbox ul {margin: 10px 0 0 25px; padding: 0;}

#shop #separator1 {background: url("/skin/customers/j21p/shop_separator_1.png") no-repeat;}
#shop #separator2 {background: url("/skin/customers/j21p/shop_separator_2.png") no-repeat;}
#shop #separator3 {background: url("/skin/customers/j21p/shop_separator_3.png") no-repeat;}
#shop #separator1, #shop #separator2, #shop #separator3  {
    text-align: right;
    padding: 30px 65px 30px 0;
}
#shop select {font-size: 16px; width: 120px; margin-left: 20px; letter-spacing:-0.05em; font-family: Arial, Verdana, sans; font-weight: bold;}
#shop #packInfo {background: #f2f2f2; text-align: right; padding: 10px; font-size: 11px; line-height: 14px;}
#shop #packInfo h2 {width: 350px; float: left; margin: 0; text-align: left; line-height: 26px;}
#shop #priceInfo {background: #edf5f7; padding: 10px; margin: 5px 0; text-align: right}
#shop #price {width: 250px; float: left; text-align: left;}
#shop #priceTag { 
    background: #edf5f7;
    display:inline;
    font-family:Arial,Verdana,sans;
    font-size:36px;
    font-weight:bold;
    letter-spacing:-0.05em;
    line-height: 40px;
}
#shop #perMonth {margin-left: 6px; vertical-align: top;	font-size: 11px; line-height:1em;}
#shop #buyButton {font-size: 24px; letter-spacing:-0.05em; font-family: Arial, Verdana, sans; font-weight: bold; height: 40px;}

#community-header {background: url("/skin/customers/j21p/on_display.png") no-repeat; width: 400px; height: 50px; left: -24px; position: relative;}
#community-header span {display: none;}
#communities ul { margin: 0; padding: 0; list-style: none; display: block;}
#communities li { margin: 0; padding: 0 0 35px 0; display: block; list-style: none; clear: left;}
#communities li img {border: 1px solid #cccccc; padding: 3px; margin: 0 10px 10px 0; float: left; display: block;}
#communities .comm-title, #communities .comm-desc, #communities .comm-url {margin-left: 0px; padding-left: 10px; }
#communities .comm-title {border-bottom: 1px solid #cccccc; padding: 10px 0 10px 10px; font: bold 18px Arial, Verdana, sans; margin-top: 0;}
#communities .comm-desc {padding-top: 10px;}
#communities .comm-url {text-align: right; padding-top: 5px;}
#communities .comm-img {width: 218px; float: left;}

/* more additions */

div#j21p_hp_subcontainer { padding-top: 36px; }
div.j21p_head { display: none; }
div.j21p_description { display: none; }

div#showlevels { background: #f5f4ee; border: 1px solid #ccc; padding: 10px; }
div#levelone { background: url("/skin/customers/j21p/hosts.png") left center no-repeat; padding: 10px 10px 10px 100px; }
div#leveltwo { background: url("/skin/customers/j21p/members.png") left center no-repeat; padding: 10px 10px 10px 100px; }

blockquote { display: block; background: #f2f2f2; padding: 10px; }

div.entrybody { padding-bottom: 30px; }

/* gulli xml feed */

div.gulli_rss_box {  }
div.gulli_rss_headline { font-weight: bold; font-size: 14px; line-height: 16px; text-decoration: none; background: #fff; }
div.gulli_rss_date { font-size: 10px; line-height: 10px; background: #fff; color: #5c7999; padding: 0 4px 4px 4px; }
div.gulli_rss_text { margin-bottom: 20px; }

/* feature table */

table { border-collapse:collapse; border-spacing:0; }
td { padding: 4px 10px 4px 10px; margin: 0; font-weight: normal; }
td div span { display: none; }
td div { width: 8px; height: 22px; background: url(/skin/customers/j21p/check.gif) center no-repeat; display: block; }

/* entries */
div.entrybody { padding-bottom: 40px; }
div.entryfoot { text-align: right; font-size: 90%; }
div.entryfoot ul { list-style: none; margin: 0; padding: 0; }
div.entryfoot li { white-space: nowrap; display: inline; margin: 0; padding: 0 0 0 16px; }
div.entryfoot img { border: none; }

div.j21p_row textarea { margin-left: 2%; }

/* overrides for german layout */

#featured {width: 545px;}
#tour { width: 290px; padding-bottom: 20px; line-height: 22px; }
#featured ul#commupdates li { width: 200px; }