/* CSS Document */

body {margin:0; padding:0; background:url(/images/background.jpg) no-repeat fixed #373737; font:normal 12px/18px Arial, Helvetica, sans-serif; color:#4e5051;}
td, div, p, label, input {color:#4e5051; font:normal 12px/18px Arial, Helvetica, sans-serif;}
img {border:0;}
a, a:visited, a:hover {color:#c33;}
a {text-decoration:underline;}
a:hover {text-decoration:none; color:#7c7c7c;}

/* GENERAL styles */
#page {width:988px; margin:0 auto; position:relative;}
span.error {color:#c00; font-weight:bold;}
div.error {width:80%; color:#c00; border:2px dashed #c00; background:url(/images/error.gif) no-repeat 7px 7px; padding:7px 0 7px 29px; margin-bottom:10px;}
.fbutton {width:70px; height:30px; background:url(/images/bg-button.png) no-repeat; color:#0d151a; font-size:12px; line-height:14px; padding:2px 0 7px 0; text-align:center; font-weight:bold; border:none;}
.fbutton:hover {cursor:pointer;}
ol.whitepaper {margin-left:20px;}
ol.whitepaper li {margin-bottom:15px;}
input.fchecker {display:none;}

/* HEADER block */
#head {width:100%; height:47px; margin-top:15px;}
#head .left {width:14px; height:47px; background:url(/images/head/bg-left.png) no-repeat; float:left; clear:left;}
#head .right {width:14px; height:47px; background:url(/images/head/bg-right.png) no-repeat; float:left; clear:right;}
#head ul {width:960px; height:47px; margin:0; padding:0; list-style:none; background:url(/images/head/bg.gif) repeat-x; float:left;}
#head ul li {display:block; float:left; background:url(/images/head/separator.gif) no-repeat 100% 0; padding-right:2px;}
#head ul li a {height:47px; display:block; float:left; padding:0 24px 0 24px; font:bold 14px/45px Arial, Helvetica, sans-serif; text-decoration:none; color:#0c1419;}
#head ul li a:hover {background:url(/images/head/bg-on.gif) no-repeat center top; color:#fff;}
#head ul li a.logo {width:390px; height:47px; display:block; float:left; padding:0; background:url(/images/head/logo.png) no-repeat;}
#head ul li a.logo:hover {background:url(/images/head/logo.png) no-repeat; cursor:pointer;}

/* BODY block */
#body {width:100%; overflow:hidden; position:relative;}
.banner {width:100%; height:190px; margin:10px 0 0 0; background:url(/images/banner/bg-full.png) no-repeat; position:relative;}

.banner .slide {width:725px; height:165px; position:absolute; top:0; left:15px;}
.banner .slide .inner {width:100%; height:150px; position:relative; padding:8px 0 7px 0;}
.banner .slide .inner p {color:#fff; width:725px; font-size:12px; margin:0;}
.banner .control {width:725px; height:25px; position:absolute; top:165px; left:15px;}
.banner .control div {float:left; font:bold 14px/25px Arial, Helvetica, sans-serif;}
.banner .prev, .banner .nav a, .banner .next {width:25px; height:25px; display:block; float:left; color:#fff; text-decoration:none; text-align:center;}
.banner .stopgo {color:#fff; margin-left:15px;}
.banner .prev:hover, .banner .nav a:hover, .banner .next:hover, .banner .nav a.activeSlide {color:#c33; cursor:pointer; background:url(/images/banner/bg-slidernav.png) no-repeat;}
.banner .stopgo:hover {color:#c33; cursor:pointer;}

.banner .login {width:248px; height:190px; position:absolute; top:0; left:740px;}
.banner .lbutton {display:none;}
.banner .login #lbutton {width:87px; height:190px; background:url(/images/banner/button-login.png) no-repeat; position:absolute; top:0; left:157px;}
.banner .login #lbutton:hover {cursor:pointer;}
.banner .login #lform {position:absolute; top:0; left:244px; width:0px; height:190px; display:none; background:url(/images/banner/bg-login.png) no-repeat;}
.banner .login #lform #goback {width:30px; height:100%; position:absolute; top:0; left:0;}
.banner .login #lform #goback:hover {cursor:pointer;}
.banner .login #lform .inner {width:215px; height:175px; position:absolute; top:10px; left:32px; color:#fff;}
.banner .login .title {color:#fff; font-size:18px;}
.banner .login label {color:#fff; margin-right:4px; width:70px; display:block; float:left; text-align:right; font-size:11px;}
.banner .login .box, .box {width:110px; float:left;}
.banner .login a {color:#fff; font-weight:bold; font-size:11px;}


.imgbar {width:100%; height:133px; margin:10px 0 0 0;}
.imgbar .left {width:20px; height:133px; float:left; margin:0; background:url(/images/imgbar/bg-left.png) no-repeat;}
.imgbar .right {width:20px; height:133px; float:left; margin:0; background:url(/images/imgbar/bg-right.png) no-repeat;}
.imgbar ul.bar {width:948px; height:133px; float:left; margin:0; padding:0; list-style:none; background:url(/images/imgbar/bg.png) repeat-x;}
.imgbar ul.bar li {width:231px; height:127px; display:block; float:left; margin:0; padding:6px 6px 0 0; background:url(/images/imgbar/bg-sep.gif) no-repeat 225px 0; position:relative; overflow:hidden;}
.imgbar ul.bar li.last {background:none;}
.imgbar ul.bar li a.title {font-weight:bold; color:#000; text-decoration:none; font-size:16px;}
.imgbar ul.bar li a.title-sash {width:175px; display:block; float:left;}
.imgbar ul.bar li .text {width:195px; font-size:11px;}

.imgbar .button {width:108px; height:38px; display:block; position:absolute; top:90px; left:100px; font:bold 13px/30px Arial, Helvetica, sans-serif; color:#464a4d; text-decoration:none; padding-left:10px;}
.imgbar .button:hover {color:#c33;}
.imgbar .more {background:url(/images/imgbar/bg-button-more.png) no-repeat;}
.imgbar .download {background:url(/images/imgbar/bg-button-download.png) no-repeat;}

.imgbar .sash {width:60px; height:60px; position:absolute; top:0; left:165px;}
.imgbar .popular {background:url(/images/imgbar/sash-popular.png) no-repeat;}
.imgbar .free {background:url(/images/imgbar/sash-free.png) no-repeat;}
.imgbar .new {background:url(/images/imgbar/sash-new.png) no-repeat;}

/* CONTENT block */
.ctop {width:100%; height:33px; margin:6px 0 0 0;}
.ctop .left {width:20px; height:33px; background:url(/images/content/bg-top-left.png) no-repeat; float:left; margin:0;}
.ctop .center {width:948px; height:33px; float:left; background:url(/images/content/bg-top-center.png) no-repeat; margin:0;}
.ctop .title {width:100px; height:25px; padding-top:8px; float:left; margin:0; font:bold 16px/25px Arial, Helvetica, sans-serif; color:#fff;}
.ctop .right {width:20px; height:33px; background:url(/images/content/bg-top-right.png) no-repeat; float:left; margin:0;}

.content {width:100%; overflow:hidden; margin:0;}
.content .left {width:20px; height:50px; margin:0 0 -6000px 0; padding:0 0 6000px 0; background:url(/images/content/bg-left.png) repeat-y; float:left;}
.content .right {width:20px; height:50px; margin:0 0 -6000px 0; padding:0 0 6000px 0; background:url(/images/content/bg-right.png) repeat-y; float:left;}
.content .column {width:100px; margin:0 0 -6000px 0; padding:0 0 6000px 0; float:left; background-color:#fff; position:relative;}

.content .subnav {width:95%; margin:10px 0 10px 0; padding:0; list-style:none;}
.content .subnav li {width:100%; padding:10px 0 10px 0; margin:0;}
.content .subnav li.child {width:170px; padding:10px 0 10px 0; margin:0 0 0 20px;}
.content .subnav li a {text-decoration:none; font-weight:bold; font-size:14px;}

/* STAGE 1 (Three Columns) */
.ctop .l3, .content .l3 {width:190px;}
.ctop .c3, .content .c3 {width:558px;}
.ctop .r3 {width:187px; background:url(/images/content/bg-top-sep.gif) no-repeat 0 7px; margin-left:13px;}
.content .r3 {width:200px; background:#fff url(/images/content/bg-sep.gif) no-repeat;}
.content .c3 p {width:550px; margin:10px 0 15px 0;}
.content .r3 div {width:185px; margin:10px 0 0 15px;}

/* STAGE 2 (Two Columns) */
.ctop .l2, .content .l2 {width:190px;}
.ctop .r2, .content .r2 {width:758px;}
.content .r2 p {width:750px; margin:10px 0 15px 0;}

/* STAGE 3 (One Column) */
.ctop .full, .content .full {width:948px;}
.content .full p {width:940px; margin:10px 0 15px 0;}

/* STAGE 4 (Homepage) */
.ctop .lhome, .content .lhome {width:720px;}
.ctop .rhome {width:228px; background:url(/images/content/bg-top-sep.gif) no-repeat 0 7px;}
.content .rhome {width:228px; background:#fff url(/images/content/bg-sep.gif) no-repeat;}
.content .lhome p {width:710px; margin:10px 0 15px 0;}

/* FOOTER block */
#foot {width:100%;}
#foot .bottom {width:100%; height:14px; clear:both;}
#foot .bottom .center {width:964px; height:14px; float:left; background:url(/images/content/bg-edge-bottom.png) repeat-x;}
#foot .bottom .left {width:12px; height:14px; float:left; background:url(/images/content/bg-bottom-left.png) no-repeat;}
#foot .bottom .right {width:12px; height:14px; float:right; background:url(/images/content/bg-bottom-right.png) no-repeat;}
#foot .home {width:963px; float:left; clear:both; margin:4px 0 10px 20px; color:#ccc;}
#foot .home strong {width:100%; text-align:center; clear:both; float:left; margin:0;}
#foot .home ul {width:306px; float:left; margin:0 0 0 15px; font-size:11px;}
#foot .home ul li a {color:#ccc; text-decoration:none;}
#foot .home ul li a:hover {color:#c33; text-decoration:underline;}
#foot .links {width:464px; float:left; margin:14px 0 0 20px; color:#fff;}
#foot .links ul {width:100%; margin:0; padding:0; list-style-type:none;}
#foot .links ul li {display:inline;}
#foot .links ul li a {text-transform:uppercase; color:#fff; padding:0 6px 0 6px; display:block; float:left; background:url(/images/footer/separator.gif) no-repeat 100% center; font-size:11px;}
#foot .links ul li a.first {padding-left:0;}
#foot .links ul li a.last {padding-right:0; background:none;}
#foot .visionary {width:20px; float:left; margin:14px 0 0 0;}
#foot .legal {width:464px; float:left; margin:14px 0 0 0; color:#ccc; text-align:right; font-size:11px;}
#foot .legal strong {color:#fff; font-weight:normal;}
#foot .legal strong a {color:#fff;}

/* NEWS block */
.news {margin:10px 0 15px 16px;}
.news a {font-weight:bold; text-decoration:none; font-size:12px;}
.news span {color:#666; font-size:10px;}
.newsform {padding-top:15px; border-top:1px solid #ccc;}
.newsbutton {width:70px; height:21px; color:#fff; background-color:#c33; border:none; cursor:pointer; line-height:15px; text-align:center; padding:0; font-size:11px;}

/* PAGINATION */
div.pager {margin:10px 5px 7px 0; float:right; clear:both;}
.paginate {display:block; float:left; border:1px solid #dedede; height:15px; line-height:15px; width:15px; text-align:center; margin-right:5px; text-decoration:none; font-size:10px;}
a.pprev {background:url(/images/content/page_prev.gif) no-repeat;}
a.pprev:hover {background:url(/images/content/page_prev_on.gif) no-repeat;}
span.pprev {background:url(/images/content/page_prev_off.gif) no-repeat; border-color:#fff;}
a.pnext {background:url(/images/content/page_next.gif) no-repeat;}
a.pnext:hover {background:url(/images/content/page_next_on.gif) no-repeat;}
span.pnext {background:url(/images/content/page_next_off.gif) no-repeat; border-color:#fff;}
a.paginate:hover {color:#fff; background-color:#c00; border-color:#333;}
.pthis {color:#333 !important; border-color:#fff; font-weight:bold !important; background:#fff !important;}
.pspace {border:none; width:10px;}

.hosting {font-size:11px; border:1px solid #ccc; padding:2px; -moz-border-radius:10px; -webkit-border-radius:10px; margin:0 auto;}
.hosting .pregroup {line-height:10px; font-size:5px;}
.hosting .group {background-color:#ccc; font-weight:bold; height:20px; line-height:20px;}
.hosting td {font-size:11px; padding:1px;}
.hosting .button {width:100px; height:20px; display:block; line-height:20px; color:#fff; background:url(/images/learnmore.gif) no-repeat #c00; text-decoration:none; margin:0 auto;}
.hosting .button:hover {color:#ccc;}
.hosting .tip {display:block; float:left; background:url(/images/question.png) no-repeat 100% 1px; cursor:help; padding:0 18px 0 0;}