@charset "UTF-8";
/* CSS Document */

body {text-align: center; background-image:url(page_bg.jpg);padding:0px;}
.preload {visibility:hidden; width:1px; height:1px;}

/* structure */
#container { margin: 0 auto; width: 800px; }
#pagetop {background:url(page_top.jpg); width:800px; height:37px;}
#pagecontent {background:url(page_body.jpg); width:800px;}
#pagebottom {background:url(page_bottom.jpg); width:800px; height:47px;}
#sidebarcontent1 { padding-left:15px; padding-right:15px;}
#sidebarcontent2 { padding-left:15px; padding-right:15px;}

/* menu and banner backgrounds*/
#menubar { width:730px; height:42px; background:url(page_content_menu.jpg) no-repeat; margin-left:35px; margin-right:35px;}
#banner { width:730px; height:163px; background:url(page_content_banner.jpg) no-repeat; margin-left:35px; margin-right:35px;}

/* content containers divided with dotted border*/
#leftmargin {width:50px; float:left;}
#contentleft { width:450px; padding-right:40px; margin-right: 210px; float:left;}
#contentright { width:210px; margin-left: -210px; float:left;}

/* product info box*/
#infobox_carbon { background:url(infobox_carbon.jpg) no-repeat; width:448px; height:167px;}
#infobox_vector { background:url(infobox_vector.jpg) no-repeat; width:448px; height:167px;}
#infobox_tellur { background:url(infobox_tellur.jpg) no-repeat; width:448px; height:167px;}
#infobox_beryl { background:url(infobox_beryl.jpg) no-repeat; width:448px; height:167px;}
#infobox_text {text-align:left; padding:30px 20px 0px 150px;}
#detailbox_top {background:url(detailbox_top.jpg) no-repeat; width:448px; height:37px;}
#detailbox_body {background:url(detailbox_body.jpg) repeat-y; width:448px;}
#detailbox_bottom {background:url(detailbox_bottom.jpg) no-repeat; width:448px; height:46px;}
#detailbox_text {text-align:left; padding:0px 35px 0px 25px;}
label {font-size:13px; font-weight:lighter;line-height:15px; color: #777777;}

/* typography */

/* general type en */
* {	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;font-size:13px;}

/* content paragraphs and headings */
#contentleft p { font-size:13px; font-weight:lighter;line-height:15px; text-align:justify; color: #777777; padding:0px; margin:0px;}
.prodimg { border:none; width:222px; height:223px;}
#contentleft h1 { font-family:Georgia, "Times New Roman", Times, serif; font-size:20px; line-height:20px; text-align:left; color: #8B4947; padding-top:0px; margin-top:0px; font-weight:normal; letter-spacing:1px;}

#contentright p { font-size:12px;line-height:15px; text-align:left; color: #777777; padding-top:0px; margin-top:0px;}
#contentright h1 {font-family: Arial, Helvetica, sans-serif; font-size:13px; line-height:20px; text-align:left; color: #8B4947; padding-top:0px; margin-top:0px; border-bottom:1px #8B453D dotted; font-weight:normal;}

#footer { font-size:10px; color:#9c9c9c; text-align:left;}

/* link colors and deco */
a {color: #676767;}
a:link {color: #676767;}
a:hover {color:#512822;text-decoration:none; }

/* links */
#menubar a {font-size:13px; padding-right:10px;margin-right:10px;}
#menubar a:link {font-size:13px; padding-right:10px;margin-right:10px;}
#menubar a:hover {font-size:13px; padding-right:10px;margin-right:10px;}
#menubar img {border:none;}

/* gfx */
.headbanner { padding-top:5px; padding-bottom:10px;}
#contentleft .pimg { float:left;margin-right:20px; padding-bottom:30px;}
#contentright .flag { margin-right:15px;}
#contentright img { border:none}
.button {background:url(button.jpg); width:210px; height:43px; text-align:center;}
.buttona { font-size:13px; color:#676767; text-decoration:none; position:relative; top:18px;}
.buttonbuynow {background:url(button_buynow.jpg); width:210px; height:43px;}
.buttonbuynowa { font-size:14px; color: #666666; font-weight:bold; text-decoration:none; position:relative; top:18px;}
.pricebox {background:url(glyph_pricebox.jpg); width:210px; height:56px; text-align:center;}
.priceboxa { font-size:17px; color:#676767; text-decoration:none; position:relative; top:14px; font-weight:bold;}
.priceboxb { font-size:13px; color:#676767; text-decoration:none; position:relative; top:14px;}

#buttonprice {background:url(button_price.jpg); width:196px; height:78px;}
#buttonprice p { padding-top:18px; text-align:center;}
.paragraphgap { padding:5px 0px 5px 0px;}

.formsend { color:#8B3435; font-weight:bold; border:1px solid #CCCCCC; background-image:url(glyph_formbgred.png); padding:10px;}

#hoststatus {background-image:url(glyph_hoststatus.jpg); width:65px; height:79px;float:left;}
#hoststatus p { text-align:center; padding-top:50px;color:#223C29;}
#mailstatus {background-image:url(glyph_mailstatus.jpg); width:65px; height:79px;float:left;}
#mailstatus p { text-align:center; padding-top:50px;color:#223C29;}
#sqlstatus {background-image:url(glyph_sqlstatus.jpg); width:65px; height:79px;float:left;}
#sqlstatus p { text-align:center; padding-top:50px;color:#223C29;}

/* mainmenu index */
.mnu {margin: 0 auto 0 auto;list-style: none; padding-left:115px;}
.mnu li {float:left;}

.carbon {background-image:url(menubar_carbon.jpg);width:123px;height:42px;}
.carbon:hover {background-image:url(menubar_carbon_on.jpg); width:123px; height:42px;}
.vector {background-image:url(menubar_vector.jpg);width:123px;height:42px;}
.vector:hover {background-image:url(menubar_vector_on.jpg); width:123px; height:42px;}
.tellur {background-image:url(menubar_tellur.jpg);width:123px;height:42px;}
.tellur:hover {background-image:url(menubar_tellur_on.jpg); width:123px; height:42px;}
.beryl {background-image:url(menubar_beryl.jpg);width:123px;height:42px;}
.beryl:hover {background-image:url(menubar_beryl_on.jpg); width:123px; height:42px;}

/* mainmenu product */
.mnuprod {margin: 0 auto 0 auto;list-style: none; padding-left:180px;}
.mnuprod li {float:left;}

.main_pl {background-image:url(menubar_main_pl.jpg);width:123px;height:42px;}
.main_pl:hover {background-image:url(menubar_main_pl_on.jpg); width:123px; height:42px;}
.compare_pl {background-image:url(menubar_compare_pl.jpg);width:123px;height:42px;}
.compare_pl:hover {background-image:url(menubar_compare_pl_on.jpg); width:123px; height:42px;}
.contact_pl {background-image:url(menubar_contact_pl.jpg);width:123px;height:42px;}
.contact_pl:hover {background-image:url(menubar_contact_pl_on.jpg); width:123px; height:42px;}

.main_ru {background-image:url(menubar_main_ru.jpg);width:123px;height:42px;}
.main_ru:hover {background-image:url(menubar_main_ru_on.jpg); width:123px; height:42px;}
.compare_ru {background-image:url(menubar_compare_ru.jpg);width:123px;height:42px;}
.compare_ru:hover {background-image:url(menubar_compare_ru_on.jpg); width:123px; height:42px;}
.contact_ru {background-image:url(menubar_contact_ru.jpg);width:123px;height:42px;}
.contact_ru:hover {background-image:url(menubar_contact_ru_on.jpg); width:123px; height:42px;}

.main_en {background-image:url(menubar_main_en.jpg);width:123px;height:42px;}
.main_en:hover {background-image:url(menubar_main_en_on.jpg); width:123px; height:42px;}
.compare_en {background-image:url(menubar_compare_en.jpg);width:123px;height:42px;}
.compare_en:hover {background-image:url(menubar_compare_en_on.jpg); width:123px; height:42px;}
.contact_en {background-image:url(menubar_contact_en.jpg);width:123px;height:42px;}
.contact_en:hover {background-image:url(menubar_contact_en_on.jpg); width:123px; height:42px;}

.paypal {background-image:url(paypal.gif);width:214px;height:79px; text-align:left; float:left; margin:5px;}
.paypal a { font-size:13px; text-decoration:none; color:#676767; padding:18px 10px 10px 80px; display:block; font-weight:bold; color:#8B4947;}
.paypal:hover {background-image:url(paypal_on.gif); width:214px; height:79px;}

/* beta */
.info { background:url(glyph_infoicon_off.gif) no-repeat right; text-decoration: none; border-bottom:dotted #ba8b88 1px; color:#676767; padding:0px 15px 0px 0px; font-weight:bold; letter-spacing:1px; font-weight:normal;}
.info:hover { background:url(glyph_infoicon_on.gif) no-repeat right;text-decoration: none; color:#d74b43}
.send2friend {background:url(ico_mail.png) no-repeat left; text-decoration: none; color:#676767; padding:3px 3px 3px 33px; display:block; text-align:left; font-size:12px; margin-bottom:6px; border: 1px dotted #CCCCCC; width:130px;}
.savepage {background:url(ico_disc.png) no-repeat left; text-decoration: none; color:#676767; padding:3px 3px 3px 33px; display:block; text-align:left; font-size:12px; margin-bottom:6px; border: 1px dotted #CCCCCC; width:130px;}
.printpage {background:url(ico_print.png) no-repeat left; text-decoration: none; color:#676767; padding:3px 3px 3px 33px; display:block; text-align:left; font-size:12px; margin-bottom:6px; border: 1px dotted #CCCCCC; width:130px;}
.bookmark {background:url(ico_star.png) no-repeat left; text-decoration: none; color:#676767; padding:3px 3px 3px 33px; display:block; text-align:left; font-size:12px; margin-bottom:6px; border: 1px dotted #CCCCCC; width:130px;}
.suggest {background:url(ico_suggest.png) no-repeat left; text-decoration: none; color:#676767; padding:3px 3px 3px 33px; display:block; text-align:left; font-size:12px; margin-bottom:6px; border: 1px dotted #CCCCCC; width:130px;}

/* 3togo */
.togocontinue {background-image:url(3togocontinue.jpg);width:214px;height:61px; text-align:left; float:left; margin:5px;}
.togocontinue a { font-size:13px; text-decoration:none; color:#676767; padding:18px 10px 10px 50px; display:block; font-weight:bold; color:#8B4947;}

/* comparison chart */
.chart_xxox {background:url(chart_xxox.gif); width:445px; height:35px;margin-bottom:4px;}
.chart_xxoo {background:url(chart_xxoo.gif); width:445px; height:35px;margin-bottom:4px;}
.chart_xooo {background:url(chart_xooo.gif); width:445px; height:35px;margin-bottom:4px;}
.chart_oooo {background:url(chart_oooo.gif); width:445px; height:35px;margin-bottom:4px;}
.chart_ooox {background:url(chart_ooox.gif); width:445px; height:35px;margin-bottom:4px;}
.chart_hosting {background:url(chart_hosting.gif); width:445px; height:35px;margin-bottom:4px;}
.chart_subpages {background:url(chart_subpages.gif); width:445px; height:35px;margin-bottom:4px;}
.chart_payment {background:url(chart_payment.gif); width:445px; height:35px;margin-bottom:4px;}
.insidechart {padding:10px;font-size: 12px; text-align:left;}