@charset "utf-8";
@import url('normalizes.css');
@import url('color.css');
@import url('typography.css');
@import url('widget.css');

/* fullscreen style */
html, body { width: 100%; height: 100%; text-align: center; }
#page { width: 997px; margin: 0 auto; text-align: left; }

#nav-helpper { height: 17px; overflow: hidden; text-align: right; }

#top_bar { position: relative; height: 59px; overflow: hidden; }
#top_bar .left, #top_bar .right { position: absolute; bottom: 0; }
#top_bar .left { left: 0; }
#top_bar .right { right: 0; }
#top_bar .center { text-align: center; }

#header { position: relative; }
#top-contact { position: absolute; right: 0; top: 0; padding-right: 30px; padding-top: 12px; width: 260px; }

#search { position: absolute; right: 0; top: 47px; width: 212px; height: 21px; padding-left: 22px; padding-top: 0px; }
#search .cell_inputbox { padding-top: 5px; }
#search .cell_inputbtn { padding-left: 12px; padding-top: 3px; }
#search .inputbox { width: 172px; height: 15px; }

#nav-main { height: 28px; overflow: hidden; margin-top: 10px; float: left; margin-bottom: 5px; width: auto; }
#nav-main li { float: left; width: auto; height: 28px; line-height: 26px; padding: 0 17px; }
#nav-languages { position: absolute; right: 235px; top: 40px; }

#middle_bar { clear: both; width: 997px; overflow: hidden; margin-bottom: 5px; }
.cycle_images, .cycle_buttons { width: 780px; height: 191px; overflow: hidden; float: left; }
.cycle_buttons  { width: auto; float: right; }
.cycle_buttons a { display: block; width: 217px; text-align: center; }
.cycle_buttons a { height: 43px; overflow: hidden; line-height: 43px; }
.cycle_buttons a.first { height: 45px; line-height: 45px; }
.cycle_buttons a.end { height: 22px; line-height: 22px; }


#content { clear: both; float: left; margin-bottom: 100px; width: auto; }
#content-main { width: 698px; float: left; }
/*#content-main h3 { margin-top: 5px; width: 678px; padding-left: 20px; height: 52px; overflow: hidden; line-height: 52px; }*/
#packages { float: left; width: auto; margin: 16px 0; }
#packages li { float: left; width: 228px; height: 204px; overflow: hidden; text-align: center; line-height: 204px; margin: 0 2px; }
/*#container { clear: both; height: 1130px; line-height: 800px; text-align: center; }*/
.ads { padding-left: 30px; padding-top: 10px; }

#container { margin:10px 0; padding:20px; text-align: left; }
#content-main { width: 698px; float: left; }
#content-main h3 { margin-top: 5px; width: 678px; padding-left: 20px; height: 52px; overflow: hidden; line-height: 52px; }

#content-sub { width: 278px; float: left; margin-left: 14px; }

#site-info { clear: both; background-color: #214f75; margin-top: 100px; position: relative; height: 149px; }
#site-info .panel { position: relative; width: 997px; margin: 0 auto; height: 149px; }
#site-info h5 { position: absolute; left: 100px; top: 0; }
#site-info h6, #subcribe_bottom { position: absolute; right: 100px; }
#site-info h6 { top: 0; }
#subcribe_bottom { bottom: 22px; }
#copyright { position: absolute; left: 0; bottom: 0; width: 100%; text-align: center; }
#tag { position: absolute; bottom: 0; right: 0; }

/*----------------------------------------------------------------- additional rules ---------------------------------------------------------------*/
.wrap { float: left; width: auto; }
.query_panel { float: left; width: 315px; height: 96px; padding: 8px 15px; overflow: hidden; }
.query_panel h3 { margin-bottom: 3px; }
.query_left { margin-right: 8px; }
.query_panel .inputbox { margin-right: 8px; width: 160px; font-size: 11px; }
.query_panel select { margin-right: 8px; }
.query_panel select { width: 72px; font-size: 11px; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; }
.query_panel .inputbtn { font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; width: 70px; height: 22px; }

#price-bar { clear: both; float: left; margin: 8px 0; height: 42px; overflow: hidden; padding: 10px; width: 678px; }
#price-bar li { float: left; width: 90px; padding-left: 5px; margin: 0 6px; height: 21px; position: relative; line-height: 21px; overflow: hidden; }
#price-bar li p { display: block; position: absolute; right: 5px; top: 0; line-height: 21px; }
#price-bar li.sale { width: 126px; }

#our-hosting { clear: both; float: left; width: 698px; }
.hosting { float: left; width: auto; height: 298px; overflow: hidden; }
#email-hosting { width: 170px; height: 138px; }
#linux-hosting { width: 237px; height: 127px; }
#windows-hosting { width: 166px; height: 138px; }
#email-hosting { padding: 135px 10px 25px 25px; font-size: 11px; }
#linux-hosting { padding: 146px 30px 25px 25px; }
#windows-hosting { padding: 135px 25px 25px 10px; font-size: 11px; }
.hosting p { background-color: #fbffd0; padding: 5px; line-height: 1.3em; }
.hosting p span { color: #f00; }
.hosting p.price { text-align: right; font-weight: bold; padding-top: 5px; }
#linux-hosting p.desc { padding-bottom: 0; }
#linux-hosting p.price { padding-top: 0; }
.hosting p.buttons { background-color: #fff; padding: 0; padding-top: 5px; }
.hosting .inputbtn { background-color: #9fcd53; color: #000; border: 1px solid #789546; border-width: 0 0 1px 1px; width: 75px; height: 20px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; display: block; padding: 2px; float: left; line-height: 20px; text-align: center; }
#email-hosting .try { margin-right: 10px; }
#windows-hosting .try { margin-right: 6px; }
#linux-hosting .inputbtn { width: 105px; font-size: 13px; }
#linux-hosting .try { margin-right: 16px; }

#banner-ads { clear: both; float: left; height: 47px; overflow: hidden; width: 698px; margin: 8px 0; }
#banner-ads li { float: left; width: 219px; line-height: 23px; font-size: 12px; font-weight: bold; }
#banner-ads li.left { text-align: right; padding-right: 10px; }
#banner-ads li.middle { width: 240px; color: #fefefe; text-align: center; }
#banner-ads li.right { padding-left: 10px; }

#cpanel-screenshot { clear: both; width: 698px; }

#images-ads { height: 95px; overflow: hidden; clear: both; width: auto; float: left; margin: 8px 0; }
#images-ads li { float: left; width: auto; margin: 0 2px; }

.tabs_block { clear: both; }
.tabs_block .tabs_title { float: left; height: 25px; width: 698px; overflow: hidden; }
.tabs_block .tabs_title li { float: left; width: 175px; height: 25px; text-align: center; color: #fefefe; line-height: 25px; }
.tabs_block .tabs_title li.last { width: 173px; }
.tabs_block .tabs_title li { background-color: transparent; background-image: url(../images/tab_header_01.png); background-repeat: no-repeat; background-position: left top; }
.tabs_block .tabs_title li.last { background-image: url(../images/tab_header_02.png); }
.tabs_block .tabs_title li.current { background-position: left -25px; }
.tabs_block .tabs_panel { width: 696px; border: 1px solid #f0f0f0; height: 100px; clear: both; }

#show-brands {
	height: 119px;
	overflow: hidden;
	margin: 8px 0;
	border: 1px solid #f0f0f0;
}
#show-brands img{
vertical-align: middle;
}

#tags { width: 284px; float: left; margin-right: 7px; }
#tags .title { height: 34px; line-height: 34px; padding-left: 10px; background: transparent url(../images/tags_header.png) no-repeat left top; font-size: 13px; }
#tags .body { background: transparent url(../images/tags.png) repeat-y left top; height: 216px; }
#tags .footer { height: 7px; background: transparent url(../images/tags_footer.png) no-repeat left top; }

#pictures { width: 407px; float: left; }
#pictures .title { height: 34px; line-height: 34px; padding-left: 10px; background: transparent url(../images/pics_header.png) no-repeat left top; font-size: 13px; }
#pictures .body { float: left; background: transparent url(../images/pics.png) repeat-y left top; padding: 8px 50px; height: 200px; width: auto; }
#pictures .footer { clear: both; height: 7px; background: transparent url(../images/pics_footer.png) no-repeat left top; }
#pictures .body li { float: left; width: 102px; text-align: center; height: 90px; margin-bottom: 10px; overflow: hidden; }

/*--------------------------------------------------------------------table------------------------*/
.table {margin:15px 30px;}
.head-table {background:url(../images/head-table.gif) no-repeat top center;width:640px;height:39px;}
.body-table {background:url(../images/body-table.gif) repeat-y top center;width:640px;} 
.foot-table {background:url(../images/foot-table.gif) no-repeat bottom center;width:640px;height:39px;} 
table.color {margin:5px auto;font-size:13px; font-family:"Tahoma", Verdana, Arial, Helvetica, sans-serif;}
table.color th {font-size:15px;text-align:center;font-weight:bold;background:#3079AE;color:#fff;border:1px solid #fff;}
table.color td {background-color:#e8efff;border:1px solid #fff;}
table.color td p.pricefont {font-size:20px;}
table.color tr.odd td {background-color:#f9fbff;}
table.color {border:1px solid #fff;}

.tab-osl {background:url(../images/tab.png) no-repeat;width:201px;height:38px; padding:10px;
text-indent:42px; font-size:17px; font-weight:bold}

.tab-osw {background:url(../images/tab.png) no-repeat;width:201px;height:38px; padding:10px;
text-indent:30px; font-size:17px; font-weight:bold}