@charset "UTF-8";
body, html { margin:10px 0px 10px 0px; padding:0px; font-size:12px; font-weight:normal; font-family:sans-serif; min-width:1000px; background:url(../image/th/body-bg.jpg) repeat; color:#333; }
h1 { margin-top:0px; margin-bottom:10px; font-size:18px; }
h2 { margin-top:0px; margin-bottom:10px; font-size:16px; }
h3 { margin-top:0px; margin-bottom:10px; font-size:14px; }
pre { font-style:italic; color:#999; }
p { margin-top:0px; margin-bottom:5px; }
hr{ margin-top:10px; margin-bottom:10px; background-color:#CCC; border-style:none; height:1px; }
br.clear { clear:both; }
.glow-orange:hover { z-index:10; color:#F60; }

/* Loading */
div.loading { text-align:center; width:650px; height:340px; background:#FFF; padding-top:25px; color:#F90; }

/* Header */
div.header { position:relative; width:970px; height:100px; margin:auto; background:url(../image/th/header-bg.jpg) no-repeat; margin-bottom:0px; padding-bottom:0px; }

/* Footer */
div.footer { position:relative; width:950px; height:55px; margin:auto; background:url(../image/th/footer-bg.jpg) no-repeat; padding:10px; color:#FFF; font-size:11px; }
div.footer a { text-decoration:none; color:#FFF; }
div.footer a:hover { color:#FF0; }

/* Navigator */
div.navigator { position:relative; margin:auto; width:970px; height:35px; background:url(../image/th/navigator-bg.jpg) repeat-x; line-height:35px; color:#FFF; font-weight:bold; font-size:13px; margin-bottom:0px; padding-bottom:0px; }
div.navigator ul.navigator-list { position:relative; height:35px; padding:0px; margin:0px; overflow:hidden; }
div.navigator ul.navigator-list li { float:left; list-style:none; height:35px; line-height:35px; }
div.navigator ul.navigator-list li a { font-weight:bold; text-decoration:none; color:#FFF; display:block; float:left; height:35px; padding-left:8px; padding-right:8px; line-height:35px; }
div.navigator ul.navigator-list li a:hover { background:#FFF; color:#F60; }

/* Wrapper */
div.wrapper { margin:auto; width:970px; background:#EEE; }
div.leftcolumn { float:left; width:650px; background:#FFF; min-height:900px; position:relative; }
div.leftcolumn div.content { position:relative; margin:10px; width:630px; }
div.leftcolumn div.content h1 { color:#F90; }
div.leftcolumn div.content h2 { color:#F60; }
div.leftcolumn div.content strong { color:#F00; }
div.leftcolumn div.content ul.specialoffer { margin:0px; padding:0px; }
div.leftcolumn div.content ul.specialoffer li { margin-left:30px; height:20px; padding:0px; }
div.leftcolumn div.content ul li a { text-decoration:none; color:#333; }
div.leftcolumn div.content ul li a:hover { color:#F00; }
div.rightcolumn { float:right; width:320px; }

/* Product Image */
div.productimage { float:left; width:325px; height:200px; position:relative; }
div.productimage div.text-bg { position:absolute; bottom:0px; z-index:3; background:#000; opacity:0.7; left:0px; width:325px; height:50px; }
div.productimage div.text { position:absolute; bottom:0px; z-index:4; left:0px; width:325px; height:50px; color:#FFF; }
div.productimage div.text a { color:#FFF; text-decoration:none;  display:block; padding:5px; height:40px; width:315px; }
div.productimage div.text a:hover { background:#FFF; color:#F90; font-weight:bold; }

/* Price Plan */
div.priceplan { position:relative; width:650px; height:100px; }
div.priceplan ul { margin:0px; padding:0px; }
div.priceplan ul li { margin:0px; padding:0px; list-style:none; display:block; float:left; }
div.bubbleInfo { position: relative; }
div.popup { position: absolute; width:180px; height:185px; background:url(../image/th/popup-bg.png) no-repeat; z-index:10; display:none; margin-left:45px; margin-top:-50px; padding:10px 15px 10px 15px; }
div.popup h2 { color:#F90; font-size:14px; }
div.popup p { font-size:10px; }
div.popup ul { margin:0px 0px 5px 0px; padding:0px; color:#333; }
div.popup ul li { list-style:inside;  float:none; display:list-item; }

/* Plan Slider */
div#planslider { position:relative; width:650px; padding:0px 0px 5px 0px; }
div#planslider h1 { padding-left:5px; color:#FFF; height:40px; display:block; background:url(../image/th/planslider-h1-bg.jpg) repeat-x; line-height:40px; margin-bottom:0px; }

/* Banner */
div.banner-A { position:absolute; width:600px; height:60px; right:20px; top:20px; }
div.banner-B { position:relative; width:650px; }

/* Member Login */
div.member-login { position:relative; width:310px; background:url(../image/th/member-login-bg.jpg) no-repeat; height:110px; padding:5px; color:#FFF; }
div.member-login p { margin-top:0px; margin-bottom:5px; }
div.member-login h1 { font-family:Arial, sans-serif; font-weight:normal; }
div.member-login form { }
div.member-login span.error { color:#FF0; font-weight:bold; }
div.member-login input.textbox { color:#CCC; }
div.member-login input.textbox:focus { color:#333; }
div.member-login input.submitbutton { position:absolute; right:10px; top:10px; width:140px; height:40px; border:none; background:url(../image/th/member-input-submitbutton-bg.jpg) no-repeat; font-size:16px; color:#FFF; cursor:pointer; }
div.member-login input.submitbutton:hover { color:#FF9; }
div.member-login div.action { position:absolute; top:60px; left:180px; }
div.member-login div.action ul { margin:0px; padding:0px; }
div.member-login div.action ul li { list-style:none; margin:0px; padding:0px; }
div.member-login div.action ul li a { text-decoration:none; color:#FFF; }
div.member-login div.action ul li a:hover { text-decoration:none; color:#FF0; }

/* Server Status Check */
div.serverstatus-check span.online { color:#0C0; font-weight:bold; }
div.serverstatus-check span.offline { color:#F00; font-weight:bold; }

/* Manual List */
div.manual-list { position:relative; width:320px; }
div.manual-list h3 { display:block; background:url(../image/th/h1-bg.jpg) repeat-x; height:30px; line-height:30px; color:#FFF; padding-left:10px; margin-bottom:0px; border-bottom:1px solid #FFF; font-size:14px; }
div.manual-list h3 a { text-decoration:none; color:#FFF; }
div.manual-list ul { margin:0px; padding:0px; }
div.manual-list ul li { margin:0px; padding:0px; list-style:none; }
div.manual-list ul li a { display:block; height:25px; line-height:25px; padding-left:5px; background:#111; text-decoration:none; border-bottom:1px dotted #FFF; color:#FFF; }
div.manual-list ul li a:hover { color:#F90; background:#FFF; font-weight:bold; }

/* Customer List */
div.customer-list { position:relative; width:320px; }
div.customer-list h3 { display:block; background:url(../image/th/h1-bg.jpg) repeat-x; height:30px; line-height:30px; color:#FFF; padding-left:10px; margin-bottom:0px; border-bottom:1px solid #FFF; font-size:14px; }
div.customer-list h3 a { text-decoration:none; color:#FFF; }
div.customer-list ul { margin:0px; padding:10px; display:block; }
div.customer-list ul li { margin:0px; padding:0px; list-style:none; text-align:center; }

/* Domain Lookup */
a.domainlookup-order { text-decoration:none; color:#666; font-weight:bold; border-top:1px dotted #CCC; border-bottom:1px dotted #CCC; display:block; height:30px; line-height:30px; padding-left:10px; }
a.domainlookup-order:hover { color:#F90; }

/* Web Hosting Page */
table.plantable { width:100%; margin-bottom:5px; }
table.plantable tr td { padding:5px; background:#EEE; }
table.plantable tr td strong { color:#F00; }
table.plantable tr td.hosting-description-topheader { text-align:center; font-weight:bold; color:#FFF; background:#F60; }
table.plantable tr td.hosting-description-cell { text-align:center; }
table.plantable tr td.hosting-description-longcell { text-align:center; }

/* Domain Name Page */
form.domainlookup { text-align:center; background:#EEE; padding:10px; margin-bottom:10px; background:#EEE; border:1px dashed #CCC; }
form.domainlookup p { margin-bottom:10px; }
table.plantable tr td.domain-description-topheader { text-align:center; font-weight:bold; color:#FFF; background:#F60; }
table.plantable tr td.domain-description-cell { text-align:center; }
table.plantable tr td.domain-description-longcell { text-align:center; }

/* Register Page */
form#registerform label { display:block; margin-bottom:10px; }
form#registerform p { margin-bottom:10px; }
form#registerform input.textbox { border:1px solid #ccc; padding:3px; color:#666; }
form#registerform input.submitbutton { margin:auto; margin-bottom:10px; border:3px outset #F90; background:#F60; padding:10px; font-size:14px; font-weight:bold; color:#FFF; cursor:pointer; }
form#registerform input.submitbutton:hover { color:#FF0; }
form#registerform div.terms-and-conditions { width:608px; height:200px; overflow-y:scroll; overflow-x:hidden; border:1px solid #CCC; padding:10px; margin-bottom:15px; }
form#registerform div.terms-and-conditions ul, ol { margin:0px; padding:0px; margin-bottom:10px; }
form#registerform div.terms-and-conditions ul li, ol li { margin:0px; padding:0px; margin-left:20px; }
form#registerform span.example { color:#CCC; font-style:italic; }
form#registerform div { display:block; margin-bottom:10px; margin-top:10px; color:#999; }
form#registerform div span.available { color:#06F; font-weight:bold; }
form#registerform div span.error { color:#F00; font-weight:bold; }

/* Password Recovery */
form#password_recovery label { border:1px solid #CCC; background:#EEE; padding:10px; display:block; margin-bottom:10px; }
form#password_recovery input.textbox { border:1px solid #CCC; padding:3px; }
form#password_recovery div#result { margin-bottom:10px; position:relative; }

/* Plan Slider */
#planslider-container { position:relative; width:650px; overflow:hidden; }