body {margin: 0; background: #d9dade url(../images/body-bg.gif) top repeat-x;}

form, fieldset, table, tr, td, img {border: 0; padding: 0; margin: 0; border-collapse: collapse; vertical-align: top;}

input, textarea, select {padding: 3px 3px; border: 1px solid #8a8a8a; background: transparent url(../images/input-bg.gif) bottom repeat-x; outline: none;}
select {padding: 2px 1px;}
input:focus, textarea:focus, select:focus {background: #ccc;}
textarea {background: #aaa; resize: none;}


/* TEXT STYLE ------------------------------------------ */

body, input, textarea, select {font-family: verdana, sans-serif; color: black; font-size: 12px;}
body {line-height: 20px;}

h1, h2, h3 {font-weight: lighter; margin: 0; padding: 0;}
h1 {font-size: 18px;}
h2 {font-size: 14px; color: #de040b; font-weight: bold;}
h3 {font-size: 12px; color: white; font-weight: bold;}
h4 {font-size: 12px; font-weight: bold; margin: 0; padding: 0;}

a {color: #de040b; text-decoration: none;}
a:hover {text-decoration: underline;}
:active {}

p {margin: 0 0 14px 0; padding: 0;}
p.last {margin-bottom: 0; padding-bottom: 0;}

ul {margin: 0; padding: 0 0 0 17px;}


/* LAYOUT ---------------------------------------------- */

#nav, #subnav {line-height: 36px; background: transparent url(../images/nav-bg.gif) top left repeat-x; padding: 0; height: 36px;}
#nav li, #subnav li {padding: 0 0 0 15px;}
#nav li a, #subnav li a {color: white; text-decoration: none;}
#nav li a.active, #subnav li a.active, #nav li a:hover , #subnav li a:hover {color: #de040b !important;}
#nav li a.active, #subnav li a.active {font-weight: bold;}

#subnav {background-image: url(../images/nav-sub-bg.gif); line-height: 28px; margin-top: 2px; height: 28px;}
#subnav li a {color: black;}

#header {background: transparent url(../images/header.png) center no-repeat; height: 254px; padding: 25px 0 0 0;}

#domain {width: 257px; padding: 15px 25px 20px 25px; background: #232323 url(../images/domain-bg.gif) top left repeat-x; font-size: 14px; font-weight: bold; color: #de040b; margin: 55px 0 0 0;}
#domain input, #domain select {border-color: #bbb; margin-top: 10px;}

#logo {margin: 20px 0 0 30px; padding: 0; background: transparent url(../images/logo.gif) top left no-repeat; width: 213px; height: 170px;}
#logo a {display: block; padding: 170px 165px 0 0;}

#main {background: transparent url(../images/content-bg.gif) top left repeat-y;}

#content {width: 490px; padding: 0 30px 30px 30px; background: white;}
#content .pagenav {border-bottom: 1px dotted black; display: block;} 
#content .pagenav span {color: #de040b;}
#content .image {margin: 15px 0 15px -30px; display: block;}

#sidebar {width: 290px; background: #232323 url(../images/sidebar-bg.gif) top left no-repeat; padding: 130px 30px 30px 30px; color: #999;}
#sidebar h2 {border-bottom: 1px dotted #777; margin: 0 0 10px 0;}
#sidebar li {color: white;}

#footer {padding: 15px 30px; width: 840px; height: 20px;}

#specs {width: 850px;}

.container {width: 900px; margin: 0 auto;}


/* CLASSES --------------------------------------------- */

.clear {clear: both;}
.floatleft {float: left;}
.floatright {float: right;}

.w1{width:1%;}.w2{width:2%;}.w3{width:3%;}.w4{width:4%;}.w5{width:5%;}.w6{width:6%;}.w7{width:7%;}.w8{width:8%;}.w9{width:9%;}.w10{width:10%;}.w11{width:11%;}.w12{width:12%;}.w13{width:13%;}.w14{width:14%;}.w15{width:15%;}.w16{width:16%;}.w17{width:17%;}.w18{width:18%;}.w19{width:19%;}.w20{width:20%;}.w21{width:21%;}.w22{width:22%;}.w23{width:23%;}.w24{width:24%;}.w25{width:25%;}.w26{width:26%;}.w27{width:27%;}.w28{width:28%;}.w29{width:29%;}.w30{width:30%;}.w31{width:31%;}.w32{width:32%;}.w33{width:33%;}.w34{width:34%;}.w35{width:35%;}.w36{width:36%;}.w37{width:37%;}.w38{width:38%;}.w39{width:39%;}.w40{width:40%;}.w41{width:41%;}.w42{width:42%;}.w43{width:43%;}.w44{width:44%;}.w45{width:45%;}.w46{width:46%;}.w47{width:47%;}.w48{width:48%;}.w49{width:49%;}.w50{width:50%;}.w51{width:51%;}.w52{width:52%;}.w53{width:53%;}.w54{width:54%;}.w55{width:55%;}.w56{width:56%;}.w57{width:57%;}.w58{width:58%;}.w59{width:59%;}.w60{width:60%;}.w61{width:61%;}.w62{width:62%;}.w63{width:63%;}.w64{width:64%;}.w65{width:65%;}.w66{width:66%;}.w67{width:67%;}.w68{width:68%;}.w69{width:69%;}.w70{width:70%;}.w71{width:71%;}.w72{width:72%;}.w73{width:73%;}.w74{width:74%;}.w75{width:75%;}.w76{width:76%;}.w77{width:77%;}.w78{width:78%;}.w79{width:79%;}.w80{width:80%;}.w81{width:81%;}.w82{width:82%;}.w83{width:83%;}.w84{width:84%;}.w85{width:85%;}.w86{width:86%;}.w87{width:87%;}.w88{width:88%;}.w89{width:89%;}.w90{width:90%;}.w91{width:91%;}.w92{width:92%;}.w93{width:93%;}.w94{width:94%;}.w95{width:95%;}.w96{width:96%;}.w97{width:97%;}.w98{width:98%;}.w99{width:99%;}.w100{width:100%;}.wauto {width: auto !important;}

ul.nostyle, ul.nostyle li {list-style: none; padding: 0; margin: 0;}
ul.nolist, .nolist li {list-style: none;}
ul.inline li {display: inline;}
.block, .block li {display: block;}

table.style {border: none;}
table.style td {padding: 3px 5px; border-bottom: 1px dotted #666;}
table.style tr.head td {background: #82a9bd; color: white; font-weight: bold; border-top: none; border-bottom: 2px solid #5981a6;}
table.style tr.head {border: 1px solid #82a9bd;}
table.style .even td {background: #eff6fc;}

table.padding td {padding: 3px 0;}

.notext {width: 0px !important; height: 0px !important; font-size: 0px !important; line-height: 0px !important; text-indent: -999px; overflow: hidden;}
.nodisplay {display: none;}

.line-bottom {border-bottom: 1px solid #e3e3e3;}
.line-top {border-top: 1px solid #e3e3e3;}

.padding-bottom {padding-bottom: 15px;}
.padding-top {padding-top: 15px;}

.margin-bottom {margin-bottom: 15px;}
.margin-top {margin-top: 15px;}

.strong {font-weight: bold;}

.nomargin {margin: 0 !important;}

.alignright {text-align: right;}

.submit {color: white; background: transparent url(../images/submit-bg.gif) top left repeat-x; border: none; padding: 3px 4px; cursor: pointer;}
.submit:hover {color: #232323; background-position: bottom;}

.bullet {color: white; font-weight: bold; font-size: 11px; text-align: center; line-height: 19px; height: 20px; width: 20px; display: block; background: transparent url(../images/bullet.jpg) top left no-repeat;}

.bestel-small{display: block; padding: 23px 98px 0 0; background: transparent url(../images/button-bestel-small.gif) top left no-repeat;}
.bestel-small:hover {background-position: bottom;}

.hosting {width: 152px; float: left; position: relative; margin: 0 17px 0 0; background: #222;}
.hosting img {border-bottom: 1px solid white;}
.hosting ul {color: white; font-size: 11px; padding: 0 0 0 0; margin: 0; list-style: none;}
.hosting ul li {padding: 3px 5px; margin: 0; border-bottom: 1px solid #333;}
.hosting .bestel {display: block; padding: 32px 152px 0 0; background: transparent url(../images/button-bestel.gif) bottom left no-repeat; border-top: 1px solid white;}
.hosting .bestel:hover {background-position: top;}