﻿ /* Eric Meyer Reset Reloaded */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0px; padding: 0px; border: 0px; font-weight: inherit; font-style: inherit; font-size: 100%; vertical-align: baseline;}
/* Removes dotted line when focus */
:focus { outline: none;}
/* OL UL LI */
ol, ul{margin:10px 0;padding-right:20px;}
li { margin-right:20px;}
/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate;}
caption, th, td { text-align:right; font-weight: normal;}
table, td, th { vertical-align: middle;}
/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: "";}
blockquote, q { quotes: "" "";}
/* Remove annoying border on linked images. */
a img { border: none;}
/* forms */
input,textarea,select{font-size:100%;}
/*-------------------------------------------------*/
body{direction:rtl; color:#3a3e45; font-size:11px;}
body, body *{font-family:Tahoma; line-height:150%;}
a{text-decoration:none; color:#ed2c21;}
a:hover{ color:#5f5f5f;}
h1{font-size:140%; padding:5px 0; font-weight:bold;}
h2{font-size:120%; padding:5px 0; font-weight:bold;}
h3{font-size:110%; padding:5px 0;}
p{margin:10px 0;}
/***layout***/
html, body ,form#aspnetForm {height: 100%;}
#container {width: 800px;min-height: 100%;height: auto !important;height: 100%;margin: 0 auto -30px;}
#footer, #push {height: 19px;}
#footer {background: #eee;color:#5f5f5f;text-align:center;padding:5px;border-top:1px solid silver;}
.live-chat{position:absolute;top:0;right:0;}
/***logo***/
#logo { background: url('../image/skin/logo.gif') no-repeat left top; height:38px; width:182px; float:left;margin:20px 0 10px; padding-bottom:10px;}
/*** topnav & login form ***/
.topnavholder{position:relative;float:right;margin:25px 25px 0 0;width:500px;z-index:100;}
.topnav {margin:0;padding:0;list-style:none inside none;font-size:11px;line-height:23px;text-align:right;}
.topnav li{float:right;margin:0}
.topnav a.a2{color:gray;display:block;padding:0 5px;margin-top:5px;border-left:1px solid #eee;}
.topnav a.a2:hover {	color:black;}

a.signin {
	display:block;
	height:26px;
	width:60px;
	overflow:hidden;
	text-indent:-1000px;
	outline:none;
	margin-left:10px;
	background: #ed2c21 url(../image/skin/login.gif) 0 0;
}
a.signin:hover
{
	outline:none;
	background: #eee url(../image/skin/login.gif) 150px 0;
}
.tel{
	direction:ltr;
	background: url(../image/skin/tel.gif) no-repeat 5px 4px;
	padding-left:25px !important;
	border:0 !important;
	letter-spacing:2px;
}
.menu-open{
	outline:none;
	background: #eee url(../image/skin/login.gif) 100% 0 !important;
}

#signin_menu {
	display:none;
	width:215px;
	border:1px transparent;
	text-align:right;
	padding:12px 12px 0;
	top: 22px; 
	right: 0;
	position:absolute;
	color:#789;
	font-size:11px;
	background:  #eee url(../image/skin/login.gif) 0 -35px no-repeat;
}

#signin_menu_btm{
height:7px;
margin:0 -12px -6px;
background: url(../image/skin/login.gif) 0 -27px no-repeat;
}

#signin_menu .username, #signin_menu .password {
	display:block;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border:1px solid #ACE;
	font-size:13px;
	margin:0 0 5px;
	padding:5px;
	width:203px;
	direction:ltr;
}
#signin_menu .emptyField {border-color:red}

#signin_menu a{color:#aeb5b8;text-decoration:none;}
#signin_menu a:hover {color:black;}

#signin_menu p {
	margin:0;
}

#signin_menu p.remember {
	padding:10px 0;
}
#signin_menu p.forgot{
	clear:both;
	margin:5px 0;
}
.signin_submit{float:left;}
/***nav***/
#nav {position:relative;z-index:99; padding-right:10px; background: #ED2C21 url('../image/skin/nav.gif') no-repeat right top; height:27px; clear:both;}
/*** superfish menu ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {margin:0;padding:0;list-style:none;direction:ltr;}
.sf-menu {line-height:1.0;}
.sf-menu ul {position:absolute;top:-999em;width:17em; /* left offset of submenus need to match (see below) */}
.sf-menu ul li{width:100%;}
.sf-menu li:hover {visibility:inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {float:right;position:relative;z-index:100;}
.sf-menu a {display:inline-block;position:relative;direction: rtl;min-height:1px;}
.sf-menu ul a{display:block;}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {right:0;top:27px; /* match top ul list item height */
z-index:99;}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {top:-999em;}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {right:17em; /* match ul width */
top:0;}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {top:-999em;}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {right:17em; /* match ul width */
top:0;}
/*** menu SKIN ***/
.sf-menu {float:right;margin-bottom:0;}
.sf-menu a {padding: 5px 1em 0;height: 22px;text-decoration:none;color:#fff;background-color:#ed2c21;font-weight:700;}
.sf-menu ul li a{background-color:#fff;color:#000;font-weight:normal;}
.sf-menu li a{border-bottom:1px solid #e7e7e7;}
.sf-menu li ul{border-bottom:1px solid gray;border-right:1px solid #ed2c21;border-left:1px solid #ed2c21;margin-right:-1px;}
.sf-menu ul ul{margin-right:0;}
.sf-menu li.sfHover a,
.sf-menu a:hover, .sf-menu a:focus, .sf-menu a:active{background:white url(../image/skin/nav.gif) repeat-x 0 -28px;color:#ed2c21;}
.sf-menu li.sfHover li a{background-color:#fff;background-image: none;font-weight:300;color:#000;border:0;border-bottom:1px solid #e7e7e7;}
.sf-menu li.sfHover li ul{border-top:1px solid gray;}
.sf-menu li li a:focus, .sf-menu li li a:hover, .sf-menu li li a:active{background-color:#eee;background-image:none;color:#ed2c21;}
/*** menu arrows ***/
.sf-menu a.sf-with-ul {padding-left: 25px;min-width:1px; /* IE7*/
background-image: url('../image/skin/arrows.gif');background-position:  -15px -90px;background-repeat: no-repeat;}
.sf-menu ul a.sf-with-ul{background-image:url('../image/skin/arrows.gif') !important;background-position: -15px 8px;background-repeat: no-repeat;}
.sf-menu li li a.sf-with-ul:focus, .sf-menu li li a.sf-with-ul:hover, .sf-menu li li a.sf-with-ul:active{background-image:url('../image/skin/arrows.gif');background-position: -15px 8px;background-repeat: no-repeat;}
.sf-sub-indicator {display:none;}
/*** header ***/
#header{margin-top:3px;height:195px;}
#sh-holder{position:relative;width:100%}
#sh{display:block;position:absolute;left:-28px; top:-165px; height:131px;width:28px; background: url(../image/skin/shop-online.gif) no-repeat 0 0; text-indent:-3000px;overflow:hidden;}
#sh:hover{background-position:right;}
/***content***/
.content{padding:7px 0;margin-bottom:20px;}
/***footer***/
#footer *{vertical-align:middle}
#footer a, #footer pre {color:#808080;}
#footer a:hover , #footer pre:hover {color:#222;}
#footer p {	display:inline}
/***form elements***/
.btn {-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; border:0; background:#ed2c21; color:#fff; cursor:pointer; padding:3px;}
.btn:hover{ color:white; background:#ff0e00;}
.biggerFonts{ font-size:120%;}
/***box***/
.box-tl {background: url(../image/skin/box.gif) 0 0; height:32px;}
.box-tr {background: url(../image/skin/box.gif) 100% 0; float:right; width:5px; height:20px}
.box-c {border:1px solid #c7c7c7; border-width:0 1px; padding:0 5px; margin-top:-26px;}
.box-bl {background: url(../image/skin/box.gif) 0 100%; overflow:auto;}
.box-br {background: url(../image/skin/box.gif) 100% 100%; padding:0 5px 5px 0; width:0; font-size:1px}
/***tbl***/
.tbl { border-color: #ddd; width:100%; empty-cells:hide; border-spacing: 1px !important;}
.ttl, .ttl th{ font-weight:700; color:#ed2c21; border-bottom:1px #f9c1bd solid;  border-top:0 !important;}
.ttl, .ttl th{ font-weight:700; color:#ed2c21; border-bottom:1px #f9c1bd solid;  border-top:0 !important;}
.tbl td, .tbl th{ padding:5px; border-top:1px solid #eee;}
.alt{ background:#eee;}
.selected{ background:#f4ffb5;}
.unread{background:#FFFFE0; border-color:#E6DB55;}
/***form***/
.textbox {color:#868686;}
.textbox:focus, .textbox:hover {color:#5f5f5f; background:#ffffff url('../image/skin/bg-input.gif') repeat-x left top;}
/*** misc ***/
.nav_btn img:hover{filter:alpha(opacity=70); opacity:0.7;}
.nav_btn:hover{filter:alpha(opacity=70); opacity:0.7;}
.red{color:#ED2C21;}
.green{color:green;}
.gray{color:gray;}
.small{font-size:85%;}
.justify, .justify td, .justify th{text-align:justify;}
.center, .center td, .center th {text-align:center;}
.left, .left td, .left th {text-align:left !important;}
.right, .right td, .right th {text-align:right !important;}
.top {vertical-align:top;}
.dirLeft{direction:ltr;}
.dirRight{direction:rtl;}
.floatLeft{float:left;}
.floatRight{float:right;}
.floatCenter{margin:auto;display:block;}
.bold{font-weight:bold;}
.hide{display:none;}
.clear{clear:both;font-size:1px;visibility:hidden;padding:0;margin:0}
.progress{
	position:absolute;
	left:50%;
	margin-left:-50px;
	top:350px;
	width:100px;
	padding:20px;
	background:#fff url(../image/skin/progress.gif) no-repeat 10px center;
	border:6px solid #aaa;
	color:#555;
	-moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;
}
.error{
	border:1px solid #E6DB55;
	background:#FFFBCC 	url(../image/skin/error-small.gif) no-repeat right top;
	padding:4px 30px 4px 4px;
	-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; 
}
.notification{
	border:1px solid #eae38b;
	background:#fffde9 url(../image/skin/bulb.gif) no-repeat right center;
	padding:4px 30px 4px 4px;
	-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;
}

/*** pages ***/
.btn_reg_order{ margin:30px auto; border:0; display:block; width:275px; height:51px; background: #e12a1f url(../image/skin/btn_reg_order.gif) top no-repeat;}
.btn_reg_order:hover{ background-position:bottom;}
.btn_add_order{ margin:0 auto; border:0; display:block; width:275px; height:51px; background: #d0d0d0 url(../image/skin/btn_add_order.gif) top no-repeat;}
.btn_add_order:hover{ background-position:bottom;}
#add_to_basket_panel{ overflow:hidden; height:0;}

#faq-holder{
	display:none;
	position: absolute;
	right:0px;
	left:10px;
	bottom:40px;
}

#faq-open{
	background:url(../image/skin/faq-open.gif) top;
	width:64px;
	height:25px;
	cursor:pointer;
	display:block;
}
#faq-open:hover{
	background:url(../image/skin/faq-open.gif) bottom;
	width:64px;
	height:25px;
	cursor:pointer;
}

#faq-close{
	background:url(../image/skin/faq-close.gif) top;
	width:64px;
	height:25px;
	cursor:pointer;
	display:block;
}
#faq-close:hover{
	background:url(../image/skin/faq-close.gif) bottom;
	width:64px;
	height:25px;
	cursor:pointer;
}
#faq-panel{
	background:#ededed url(../image/skin/faq-panel.gif) top left;
	border-bottom:1px solid #b7b7b7;
	border-right:1px solid #b7b7b7;
	overflow:auto;
	padding:10px;
}
#faq-panel ul{margin:0;padding:0;}
#faq-panel li{float:right;width:47%;list-style:none;margin:0;}
#faq-panel a{
	color:#000;
	display:block;
	padding:3px;
	border-top:1px solid #e2e2e2;
	font-weight:normal;
}
#faq-panel .num{color:#ED2C21;font-weight:bold;}
#faq-panel .hits{color:#afafaf;font-weight:normal;}
#faq-panel a:hover, #faq-panel a:focus{
	color:#ED2C21;
	background:#fff;
}
/*** default.aspx ***/
#big-menu { width:488px; height:292px; margin:15px auto 0; background: url(../image/skin/big-menu.gif) no-repeat;}
#big-menu a{ display:block;float:left;}
#big-menu a:hover { background-image: url(../image/skin/big-menu-hover.gif) }
#bm1{ width:164px; height:143px; background-position: left 0;}
#bm2{ width:158px; height:143px; background-position: -164px 0;}
#bm3{ width:166px; height:143px; background-position: right 0;}
#bm4{ width:164px; height:149px; background-position: left bottom;}
#bm5{ width:158px; height:149px; background-position: -164px bottom;}
#bm6{ width:166px; height:149px; background-position: right bottom;}
.linked-list a{color:black;}
.linked-list a:hover { color:#ED2C21;}
.widget .linked-list{ padding-right:0;margin:0}
.cat-General{ background:url('../image/skin/news.gif') right 3px no-repeat;margin:0;padding-right:40px;list-style-type:none;}
.cat-Announcement{ background:url('../image/skin/announcements.gif') right 3px no-repeat;margin:0;padding-right:40px;list-style-type:none;}
/*** samples widget ***/
#widget-samples {position:relative;height:130px;width:177px;margin:5px auto;}
#widget-samples a{position:absolute; border:2px solid #ddd;overflow:hidden;display:block;width:175px;color:#eee; top:0;left:0;}
#widget-samples img{height:120px;width:171px;margin:2px;background:#eee url(../image/skin/loading.gif) center no-repeat;}
/* project/samples.aspx */
.project-list { padding:30px;}
.title-sample{font-size:110%;}
.sample-pic{display:block;border:1px solid #ddd;padding:2px;}
.sample-pic img{background:#eee url(../image/skin/loading.gif) center no-repeat;}
.techs{list-style-type:none;list-style-type:none;padding:0;margin:0;}
.techs li{float:right;margin-right:10px;}
.description-book{display:none; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; border:1px solid #ffebba; padding:10px; background:#fffcde url(../image/skin/book.gif) 2px 2px no-repeat; padding:10px 10px 10px 45px; min-height:32px;margin-top:3px;text-align:justify;}
.btm-description-open{background: url(../image/skin/sample-des.gif) center no-repeat; height:21px; width:104px;margin:-1px 400px 10px 0;	display:block;}
.btm-description-close{	background-position:bottom;}
.btm-description-open:hover {background-position:top;}
/*** whois***/
.widget-whois{font-weight:bold;direction:ltr;text-align:center;width:100%;}
.widget-whois *{vertical-align:middle;}
.widget-whois-text{	width:90px;}
.widget-whois-btn {background:url(../image/skin/whois-btn.gif) no-repeat center; border:0;}

.whois-tabs{list-style:none outside none;margin:40px 0 0 0;padding:0;position:relative;}
.whois-tab{width:75px;height:29px;background:#ebebeb url(../image/skin/whois-tab.gif) no-repeat left top;margin:0 0 5px 0;}
.whois-tab:hover{background:#f6f6f6 url(../image/skin/whois-tab.gif) no-repeat left center;}
.whois-tab a{display:block;padding:3px 8px 0 0;height:26px;font-size:120%;color:black;font-weight:bold;}
.whois-current-tab{background:#e1e1e1 url(../image/skin/whois-tab.gif) no-repeat left bottom;width:80px;margin-right:-25px;z-index:100;padding-right:25px;}
.whois-current-tab:hover{background:#e1e1e1 url(../image/skin/whois-tab.gif) no-repeat left bottom;}
.whois-reged{background:url(../image/skin/whois-domain-reged.gif) no-repeat center top; height:115px;width:115px;float:right;}
.whois-available{background: url(../image/skin/whois-domain-available.gif) center center no-repeat; height:200px; margin-top:50px;}
.whois-error{background: url(../image/skin/whois-domain-error.gif) center center no-repeat; height:200px; margin-top:50px;}
.whois-result{direction:ltr;text-align:left;padding:30px;height:400px;overflow:auto;}
.wr{background:url(../image/skin/whois-tab.gif) no-repeat -115px center;}
.wnr{background:url(../image/skin/whois-tab.gif) no-repeat -115px top;}
.wu{background:url(../image/skin/whois-tab.gif) no-repeat -115px bottom;}
#whois-guide{
	display:block;
	height:33px;
	width:292px;
	position:absolute;
	top:0;
	right:30px;
	background:url(../image/skin/whois-domain-guide.gif) bottom;
	margin-top:-3px;
	cursor:pointer;
}
.box-whois-title{
	float:left;
	margin:-15px 10px 0 20px;
	height:24px;
	width:300px;
	position:relative;
}
.box-whois-title-r{
	position:absolute;
	top:0;
	right:0;
	height:25px;
	width:5px;
	background:url(../image/skin/box-title.gif) center right;
}
.box-whois-title-l{
	background:url(../image/skin/box-title.gif) center left;
	color:#ED2C21;
	letter-spacing:2px;
	direction:ltr;
	text-align:left;
	font-size:125%;
	display:block;
	height:24px;
	padding:1px 0 0 10px;
	margin-right:4px;
}
/* wizard */
.wiz-btn {
	background:#d3d3d3;
	display:block;
	width:188px;
	height:44px;
	overflow:hidden;
	text-indent:-999px;
	cursor:pointer;
	margin:auto;
}

.open-reg-form{background:#d3d3d3 url(../image/skin/wiz-btn.gif) 100% 0;}
.open-reg-form:hover {background:#f4f4f4 url(../image/skin/wiz-btn.gif) 0 0;}

.open-tr-form {	background:#d3d3d3 url(../image/skin/wiz-btn.gif) 100% 100%;}
.open-tr-form:hover {background:#f4f4f4 url(../image/skin/wiz-btn.gif) 0 100%;}

#rt-form{margin:auto; width:375px;}

.wiz-rt-tabs{list-style:none outside none;margin:52px 0 0 0;padding:0;position:relative;}
.wiz-rt-tabs li{cursor:pointer; width:75px;height:29px;background:#ebebeb url(../image/skin/whois-tab.gif) no-repeat left top;margin:0 0 5px 0;}
.wiz-rt-tabs li:hover{background:#f6f6f6 url(../image/skin/whois-tab.gif) no-repeat left center;}
.wiz-rt-tabs li a{display:block;padding:5px 8px 0 0;height:26px;color:black;font-weight:bold;}
.wiz-rt-current-tab{background:#e1e1e1 url(../image/skin/whois-tab.gif) no-repeat left bottom !important;width:80px;margin-right:-25px !important; z-index:100;padding-right:25px;}

.wiz-steps{margin:20px 0; background: url(../image/skin/wiz-steps.gif) no-repeat top;	width:800px;height:70px;}
.wiz-s{	background: url(../image/skin/wiz-steps.gif) 0;}

.wiz-steps .s1{width:151px; background-position:right 0;}
.wiz-steps .s2{width:271px; background-position:-379px 0;}
.wiz-steps .s3{width:209px; background-position:-170px 0;}
.wiz-steps .s4{width:170px; background-position:0 0;}

.wiz-steps .s1-a{background-position:right -140px;}
.wiz-steps .s2-a{background-position:-379px -140px;}
.wiz-steps .s3-a{background-position:-170px -140px;}
.wiz-steps .s4-a{background-position:0 -140px;}

.wiz-steps .s1-p{background-position:right -70px;}
.wiz-steps .s2-p{background-position:-379px -70px;}
.wiz-steps .s3-p{background-position:-170px -70px;}
.wiz-steps .s4-p{background-position:0 -70px;}
.wiz-next-back{
	overflow:auto;
	padding:10px;
	height:26px;
}
.planNameCard{
	background:#E3E3E3 url(../image/skin/hostplan.gif);
	width:150px;
	height:140px;
	margin:4px auto 0;
	font-weight:bold;
	text-align:center;
	position:relative;
}
.planName{
	margin-left:35px;
	font-size:50px;
	float:left;
	color:#fff;
	font-weight:normal;
}
.planOs{
	display:block;
	position:absolute;
	top:15px;
	right:12px;
	width:52px;
	height:50px;
	border:1px #fff;
}
.planCardDuration{
	clear:both;
	padding:9px 0;
}
.osWindows{
	background: url(../image/skin/win.gif);
	
}
.osLinux{
	background: url(../image/skin/lin.gif);
}
.step-backward{
	background: #D8D8D8 url(../image/skin/btn_arrow.gif) right bottom;
	height:25px;
	width:81px;
	border:0;
	cursor:pointer;
}
.step-backward:hover{
	background: #C6C6C6 url(../image/skin/btn_arrow.gif) right top;
}

.step-forward{
	background: #D8D8D8 url(../image/skin/btn_arrow.gif) left bottom;
	height:25px;
	width:81px;
	border:0;
	cursor:pointer;
}
.step-forward:hover{
	background: #C6C6C6 url(../image/skin/btn_arrow.gif) left top;
}

.btn_payOnline{
	background:#e0e0e0 url(../image/skin/btn2.gif) top right;
	width:332px;
	height:116px;
	border:0;
	margin:10px 0 10px;
	cursor:pointer;
}
.btn_payOnline:hover{
	background:#d7d7d7 url(../image/skin/btn2.gif) bottom right;
}
.btn_payOffline{
	background:#e0e0e0 url(../image/skin/btn2.gif) top left;
	width:332px;
	height:116px;
	border:0;
	margin:10px 0 10px;
	cursor:pointer;
}
.btn_payOffline:hover{
	background:#d7d7d7 url(../image/skin/btn2.gif) bottom left;
}


