/* CSS Document */
body { padding:0px; margin:0px; background:url(../images/body_bg.gif) repeat-x top left; font:11px Tahoma, Verdana, Arial, Helvetica, sans-serif; }
table { font:11px Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#333333; line-height:20px; }

h1 { font:18px Tahoma, Verdana, Arial; color:#3399FF; background:url(../images/h_dot_line.gif) repeat-x bottom left; padding:15px 0px 7px 0px; margin:0px 0px 10px 0px; } 
h2 { font:12px Tahoma, Verdana, Arial; font-weight:bold; color:#FF9900; letter-spacing:1px; background:url(../images/h_dot_line.gif) repeat-x bottom left; padding:15px 0px 7px 0px; margin:0px 0px 5px 0px; } 

ul, li { list-style-type:none; padding:0px; margin:0px; }

.font_white { color:#fff; }

.h_dot_line { background:url(../images/h_dot_line.gif) repeat-x bottom left; }
.h_orenge_bg { background:url(../images/h_orenge_line.gif) repeat-x bottom left; }
.v_dot_line { background:url(../images/v_dot_line.gif) repeat-y top right; }
.blue_line { background:url(../images/h_line_blue.gif) repeat top left; }

.padding_24 { padding:0px 24px; }
.padding_bottom_10 { padding-bottom:10px; }
.padding_left_10 { padding-left:10px; }
.padding_left_20 { padding-left:20px; }
.padding_left_22 { padding-left:22px; }
.padding_right_22 { padding-right:22px; }


/* ------------------------------ ID Class ------------------------------ */

#header { padding:5px 0px 5px 0px; margin-bottom:6px; background:url(../images/header.jpg) no-repeat center; height:173px; color:#fff; }
#header h1 { font:40px Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#fff; background:url(../images/arrow_2.gif) no-repeat left; padding:0px 0 0px 40px; margin:0px; }
#header .h_dot_line_blue_2 { background:url(../images/h_dot_line_blue_2.gif) repeat-x bottom left; }
#header .padding { margin:38px 40px 24px 5px; }
#header img { margin:5px 0px 0px 0px; }

#icon_menu { font-size:12px; background:url(../images/icon_menu_bg.gif) no-repeat top left; height:34px; width:365px; padding:6px 0px 4px 0px;}
#icon_menu a { color:#333; padding:10px 3px; text-decoration:none; }
#icon_menu a:hover { color:#004F9C; padding:10px 3px; text-decoration:none; }
#icon_menu a.selected { color:#004F9C; text-decoration:underline; }

#menu { background:url(../images/menu_bg.gif) repeat-x top left; color:#fff; padding-left:2.3%; text-align:center; height:35px; }
#menu ul { list-style:none; margin:0; padding:0; }
#menu li { float:left; padding:0px; margin:0px; }
#menu ul li a {	font:bold 1.1em Verdana , Arial, Tahoma, Verdana; color:#fff; padding:11px 12px; text-decoration:none; display:block; float:left; }
#menu ul li.selected { background:url(../images/menu_selected_l.gif) no-repeat top left; color:#fff; }
#menu ul li.selected a { background:url(../images/menu_selected_r.gif) no-repeat top right; color:#fff; }
#menu ul li a:hover{ color:#333; }


/* ------------------------------- Offer Box class ------------------------------- */

.offer_box { width:311px; color:#333; }
.offer_box h1 { font-size:14px; color:#3399FF; padding:10px 18px; margin:0px;  }
.offer_box td { font-size:11px; color:#333; line-height:17px; }
.offer_box .padding { padding:5px 9px; }

.offer_box h2 { padding:0px; margin:0px; background:url(../images/box_heading_l.gif) top left no-repeat; background-color:#FEA41F; }
.offer_box h2 strong { font-size:14px; color:#fff; padding:10px 0px 10px 15px; margin:0px; background:url(../images/box_heading_r.gif) top right no-repeat; display:block; }

.offer_box .box_bg { border-left:3px solid #ccc; border-right:3px solid #ccc; padding:5px 5px 5px 10px; }
.offer_box .content_l { background:url(../images/box_bottom_l.gif) bottom left no-repeat; }
.offer_box .content { background:url(../images/box_bottom_r.gif) bottom right no-repeat; padding:9px 15px 9px 15px; }
.offer_box .content a { font-size:12px; color:#fff; text-decoration:none; padding:5px 3px 0px 3px; }
.offer_box .content a:hover { font-size:12px; color:#333; text-decoration:none; padding:5px 3px 0px 3px; }

.offer_box .odd_content_l { padding:0px; background:url(../images/services_box_bottom_l.gif) bottom left no-repeat; }
.offer_box .odd_content { background:url(../images/services_box_bottom_r.gif) bottom right no-repeat; padding:0px; padding:5px 5px 10px 13px; }

.offer_box_content ul { list-style:none; margin:0; padding:0; }
.offer_box_content li {  list-style-image:url(../images/li_icon.gif); list-style-position:inside; margin:0; padding:0px; line-height:20px; }

.offer_list ul { list-style:none; margin:0; padding:0; }
.offer_list li { background:url(../images/li_icon.gif) 0px 8px no-repeat; margin:0px; padding:0 0 0 10px; line-height:20px; }

/* ------------------------------- Services Box class ------------------------------- */
#services_box { width:311px; color:#333; }
#services_box h1 { font-size:14px; color:#3399FF; padding:10px 18px; margin:0px;  }
#services_box td { font-size:11px; color:#333; line-height:17px; }
#services_box .padding { padding:5px 9px; }

#services_box h2 { padding:0px; margin:0px; background:url(../images/box_heading_l.gif) top left no-repeat; background-color:#FEA41F; }
#services_box h2 strong { font-size:14px; color:#fff; padding:10px 0px 10px 15px; margin:0px; background:url(../images/box_heading_r.gif) top right no-repeat; display:block; }

#services_box .box_bg { border-left:3px solid #ccc; border-right:3px solid #ccc; padding:5px 5px 5px 10px; }
#services_box .content_l { background:url(../images/services_box_bottom_l.gif) bottom left no-repeat;  }
#services_box .content { background:url(../images/services_box_bottom_r.gif) bottom right no-repeat; padding:9px 15px 9px 15px; }
#services_box .content a { font-size:12px; color:#fff; text-decoration:none; padding:5px 3px 0px 3px; }
#services_box .content a:hover { font-size:12px; color:#333; text-decoration:none; padding:5px 3px 0px 3px; }

#services_box_content ul { list-style:none; margin:0; padding:0; }
#services_box_content li {  list-style-image:url(../images/li_icon.gif); list-style-position:inside; margin:0; padding:0px; line-height:20px; }

.offer_list ul { list-style:none; margin:0; padding:0; }
.offer_list li { background:url(../images/li_icon.gif) 0px 8px no-repeat; margin:0px; padding:0 0 0 10px; line-height:20px; }

/* ------------------------------- Footer class ------------------------------- */
.footer { background:#CFEDFF url(h_blue_line.gif) repeat-x top left; padding:7px 0 30px 0; }
.footer h1 { color:#007ED8; background-color:#CFEDFF; font-weight:bold; font-size:14px; padding:15px 0px 10px 5px; margin:0px; background:url(../images/h_dot_line_blue_2.gif) repeat-x bottom left; }
.form_box { padding-right:40px; }

.link ul { list-style:none; margin:0; padding:0; }
.link li { background:url(../images/arrow.gif) no-repeat 10px 3px; line-height:23px; padding-left:40px; margin:0px; }
.link li a { color:#333; text-decoration:none; }
.link li a:hover { color:#333; text-decoration:underline; }


/* ------------------------------- Form Class ------------------------------- */
input { font-family:Tahoma, Arial, Sans-Serif, Geneva, Verdana; }
#contact_form label { width:6em;  margin:0; text-align:right; font-weight:bold; }
#contact_form strong { color:#007ED8; }
input#name, input#email { width:168px; margin:0; font:11px Tahoma, Arial, Verdana; color:#333; padding:3px; border:1px solid #66B0EB; background-color:#BDE6FF; }
textarea#message { width:180px; margin:0; font:11px Tahoma, Arial, Verdana; color:#333; padding:3px; border:1px solid #66B0EB; background-color:#BDE6FF; }
input:focus, textarea:focus { border:1px solid #007ED8; }

div#submit { clear:both; margin-top:5px; }
div#submit input { background-color:#66B0EB; color:#333; font-size:11px; background:url(button_bg.gif) repeat left top; border:1px solid #66B0EB; width:60px; height:25px; }
div#submit input:hover { cursor:pointer; background-position:left bottom; }

/* ------------------------------- Copyright Class ------------------------------- */
#copyright { background:#ccc url(h_orenge_line.gif) repeat-x left top; padding-top:7px; }
#copyright .padding_15 { padding:15px 0px; }

#copyright a {text-decoration:none; font-weight:bold; color:#333333; }
#copyright a:hover { text-decoration:none; color:#008BFF; }

/* ------------------------------- Services Class ------------------------------- */
#live_chat_1 { background:url(../images/live_chat.gif) no-repeat top left; width:248px; text-align:right; height:121px; padding:0px 18px 0px 0px; margin:0px 0px 20px 0px ; }
#live_chat_1 h3 { font-size:14px; color:#fff; text-align:right; padding:14px 0px; margin:0px; font-weight:normal; }
#live_chat_1 h4 { font-size:17px;color:#008BFF; text-align:right; padding:0px 0px; margin:0px; font-family:Tahoma, verdana, Arial; }
#live_chat_1 h5 { font-size:17px; color:#999; text-align:right; padding:14px 0px; margin:0px;  }

#live_chet_box { background:url(../images/live_chat.gif) no-repeat top left; text-align:right; white-space:248px; height:121px; padding:0px 18px 0px 0px; margin:0px 0px 20px 0px; }
#live_chet_box h3 { font-size:14px; color:#fff; text-align:right; padding:14px 0px; margin:0px; }
#live_chet_box h4 { font-size:18px; font-weight:bold; color:#999; text-align:right; padding:0px 0px; margin:0px; font-family:Tahoma, verdana, Arial; font-weight:normal; }
#live_chet_box h4 strong { font-size:23px; font-weight:bold; color:#008BFF; text-align:right; padding:0px 0px; margin:0px; font-family:Tahoma, verdana, Arial; font-weight:normal; }
#live_chet_box a { text-decoration:none; color:#333; padding:5px 0 0 0; }
#live_chet_box a:hover { text-decoration:none; color:#008BFF; }


#website_builder { background:url(../images/website_builder.gif) no-repeat top left;  text-align:right; width:248px; height:121px; padding:0px 18px 0px 0px; margin:0px 0px 20px 0px ; }
#website_builder h3 { font-size:14px; color:#fff; text-align:right; padding:14px 0px; margin:0px;  }
#website_builder h4 { font-size:14px; font-weight:bold; color:#999; text-align:right; padding:0px 0px; margin:0px; font-family:Tahoma, verdana, Arial; }
#website_builder a { text-decoration:none; color:#333; padding:5px 0 0 0; }
#website_builder a:hover { text-decoration:none; color:#008BFF; }


#ssl_certificates { background:url(../images/ssl_certificates.gif) no-repeat top left; width:248px; height:121px; text-align:right; padding:0px 18px 0px 0px; margin:0px 0px 20px 0px; }
#ssl_certificates h3 { font-size:14px; color:#fff; text-align:right; padding:14px 0px; margin:0px;  }
#ssl_certificates h4 { font-size:14px; font-weight:bold; color:#999; text-align:right; padding:0px 0px; margin:0px; font-family:Tahoma, verdana, Arial; }
#ssl_certificates h4 .blue { font-size:14px; font-weight:bold; color:#008BFF; text-align:right; padding:0px 0px; margin:0px; font-family:Tahoma, verdana, Arial; }
#ssl_certificates a { text-decoration:none; color:#333; padding:5px 0 0 0; }
#ssl_certificates a:hover { text-decoration:none; color:#008BFF; }


#seo { background:url(../images/seo.gif) no-repeat top left; width:248px; height:121px; text-align:right; padding:0px 18px 0px 0px; margin:0px 0px 20px 0px; }
#seo h3 { font-size:14px; color:#fff; text-align:right; padding:14px 0px; margin:0px;  }
#seo h4 { font-size:14px; font-weight:bold; color:#999; text-align:right; padding:0px 0px; margin:0px; font-family:Tahoma, verdana, Arial; }
#seo h4 .blue { font-size:14px; font-weight:bold; color:#008BFF; text-align:right; padding:0px 0px; margin:0px; font-family:Tahoma, verdana, Arial; }
#seo a { text-decoration:none; color:#333; padding:5px 0 0 0; }
#seo a:hover { text-decoration:none; color:#008BFF; }


#payment_options { background:url(../images/payment_options.gif) no-repeat top left; width:248px; height:360px; text-align:right; padding:0px 18px 0px 0px; margin:0px 0px 20px 0px; }
#payment_options h3 { font-size:14px; color:#fff; text-align:right; padding:14px 0px; margin:0px;  }
#payment_options a { text-decoration:none; color:#333; padding:5px 0 0 0; }
#payment_options a:hover { text-decoration:none; color:#008BFF; }


#support { background:url(../images/support.gif) no-repeat top left; width:155px; height:185px; padding:0px 18px 0px 93px; margin:0px 0px 20px 0px; line-height:24px; }
#support h3 { font-size:14px; color:#fff; text-align:right; padding:14px 0px; margin:0px;  }
#support a { text-decoration:none; color:#333; }
#support a:hover { text-decoration:none; color:#008BFF; }

#check_your_domain { background:url(../images/check_your_domain_availabity.gif) no-repeat top left; width:248px; height:148px; padding:0px 18px 0px 0px; margin:0px 0px 20px 0px; }
#check_your_domain h3 { font-size:14px; color:#fff; text-align:right; padding:14px 0px; margin:0px; }
#check_your_domain strong { font-size:14px; color:#3399CC; padding:14px 0px; margin:0px; }
#check_your_domain form { padding:0px 0px 0px 25px; margin:0px; }
#check_your_domain label { margin:0; padding:5px 0px; }
#check_your_domain input#check { margin:5px 0px 0px 0px; padding:0px; }
#check_your_domain input#domainname { margin:0px; padding:0px; }

#whois_lookup { background:url(../images/check_your_domain_availabity.gif) no-repeat top left; width:248px; height:148px; padding:0px 18px 0px 0px; margin:0px 0px 20px 0px; }
#whois_lookup h3 { font-size:14px; color:#fff; text-align:right; padding:14px 0px; margin:0px; }
#whois_lookup strong { font-size:14px; color:#3399CC; padding:14px 0px; margin:0px; }
#whois_lookup form { padding:0px 0px 0px 25px; margin:0px; }
#whois_lookup label { margin:0; padding:5px 0px; }
#whois_lookup input#lookup { margin:5px 0px 0px 0px; padding:0px; }
#whois_lookup input#whois { margin:0px; padding:0px; width:210px; }

/***************** Drop down men **************************/
#dropmenu { width:910px; margin:0 auto; z-index:1000; }
#dropmenu li { display:block; }
#dropmenu a { display:block; text-indent:3px; border-bottom:1px solid #fff; padding:5px; text-decoration:none; font-weight:bold; color:#fff; background-color:#fb930c; width:150px; }
#dropmenu a:hover { color:#333; background-color:#3399FF; }

#webhosting { margin:151px 0 0 47px; position:absolute; visibility:hidden; }
#dedicated_servers { margin:151px 0 0 315px; position:absolute; visibility:hidden; }
#other_services { margin:151px 0 0 460px; position:absolute; visibility:hidden; }
#support_1 { margin:151px 0 0 720px; position:absolute; visibility:hidden; }
#tutorials { margin:244px 0 0 610px; position:absolute; visibility:hidden; }
#tutorials a { width:100px; }
#phosting { margin:151px 0 0 207px; position:absolute; visibility:hidden; }
#shosting { margin:182px 0 0 207px; position:absolute; visibility:hidden; }
#rhosting { margin:213px 0 0 207px; position:absolute; visibility:hidden; }
#bhosting { margin:244px 0 0 207px; position:absolute; visibility:hidden; }


/********************************* extra styles ************************************/
.normaltext {font-family:verdana; font-size:11px; color:#666666}
.text {font-family:verdana; font-size:11px; color:#333333; border-style:solid; border-width:1px; border-color:#999999}
.button {font-family:verdana; font-size:11px; color:darkblue; border-width:1px; background-color:#CCCCCC; font-weight:bold; height:20px}
.error {font-family:verdana; font-size:11px; color:red;}
.head1 {font-family:verdana; font-size:13px; color:darkblue; font-weight:bold}
.tablehead {font-family:verdana; font-size:12px; color:white; font-weight:bold; background-color:#666666}
a.menulink {font-family:verdana; font-size:13px; color:darkblue; text-decoration:none}
a.menulink:hover {font-family:verdana; font-size:13px; color:darkorange;}
a.link1 {font-family:verdana; font-size:11px; color:darkorange; text-decoration:none}
a.link1:hover {font-family:verdana; font-size:11px; color:darkblue;}
.ttext {font-family:verdana; font-size:12px; color:black;}
.btnsend {background-image:url(../images/send.gif); border-width:0px; height:25px; width:60px; }
.btnreset {background-image:url(../images/reset.gif); border-width:0px; height:25px; width:60px; }
.mid_img { vertical-align:middle }
