﻿/* Main Styles */
* {margin: 0; padding: 0; list-style: none; text-align: right;}
body {direction: rtl; width: 100%; font-family: Helvetica; font-size: 12px; color: #404042;}
a {color: #F68121; text-decoration: underline;}
a:hover {color: #000; text-decoration: none;}
img {border: 0; -ms-interpolation-mode: bicubic;}
h1 {font-size: 28px; color: #F68121;}
h2 {font-size: 24px; color: #F68121;}
h3 {font-size: 20px;}
h1,h2,h3,h4 {text-shadow:1px 1px 1px #bbb; font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif; font-weight: lighter;}
hr {color: #ccc;}
.f-r {float: right;}
.f-l {float: left;}
input, select {border: 1px silver solid; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; padding: 1px; height: 22px;}
textarea {border: 1px silver solid; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; padding: 3px;}
.font13 {font-size: 13px;}
.font14 {font-size: 14px;}
.font15 {font-size: 15px;}
.font16 {font-size: 16px;}
.white {color: white;}
.red {color: #CC0000;}
.PHP {color:#777BB4;}
.bold {font-weight: bold;}
.underline {text-decoration: underline;}
.center {text-align:center;}
.warpe {width: 900px; height: 100%; margin: 0 auto;}
.submit {cursor: pointer;}

/* Top Styles */
.top {width: 900px; height: 130px;}
.topnav {width:450px; height: 30px; margin-top: 70px; float: right;}
.topnav ul {padding: 4px 0px 0px 0px;}
.topnav li {display:inline; padding: 0px 15px 0px 15px; width: 100%; text-shadow:1px 1px 1px #bbb;}
.topnav a { color:#404042; text-decoration:none; font-size:14px;}
.topnav a:hover { color:#404042; text-decoration:none; font-size:14px;}
.t-s {background:url('../img/top-nav2.png') no-repeat right center;}
.t-s:hover {background:url('../img/top-nav1.png') no-repeat right center;}
.t-s-act {background:url('../img/top-nav1.png') no-repeat right center;}
.logo {height: 100px; margin: 15px; float: left;}

/* Main Navigation */


/* Home Baner */
.b-home { width: 900px; height: 220px; margin: 5px auto 5px auto;}

/* Main Content Home */
.main-content { width: 900px; min-height: 250px;}
.H1 {margin: 5px 0px 5px 0px; width: 900px; float: right;}
.H2 {margin: 25px 0px 10px 0px;}
.home-tabs { width: 900px; height: 320px; margin-top: 15px;}
.tab { width: 270px; height: 300px; margin: 15px 15px 0 15px; float: right; font-size: 12px;}
.tab h3 {border-bottom: 1px silver solid;}
.tab img {margin: 5px 0 8px 0}
.home-info {width: 900px; height: 170px; padding-top: 35px;}
.info-in { width: 270px; height: 170px; float: right; margin: 0 10px 0 10px;}
.info-in h3 {margin: 0 0 5px 0; border-bottom: 1px silver solid;}
.info-in p {font-size: 12px;}

/* Home Package */
.home-pack {width: 900px; height: 180px;}
.home-pack h2 {margin-bottom: 5px; border-bottom: 1px silver solid;}
.pack-box {width: 180px; height: 150px;	margin: 10px 11px 0px 10px;	float: right; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;
-moz-box-shadow: 0 1px 4px #bbb; -webkit-box-shadow: 0 1px 4px #bbb; padding: 10px; background: white; border: 1px solid #ccc; position: relative; box-shadow: 0 1px 4px #bbb;}
.pack-box h3 {background: #e5e4e5; height: 25px; width: 179px; font-size: 16px; text-align: center; line-height: 145%; border: 1px solid #ccc; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;}
.pack-box a {color: #534F4E; text-decoration: none; height: 25px; width: 179px;}
.pack-box a:hover {color: #F68121; text-decoration: none; height: 25px; width: 179px;}
.pack-box ul {margin: 7px 10px 0px 0px;}
.pack-box li {list-style: none; font-size: 12px; margin-bottom: 1px;}
.pack-box img {vertical-align: middle;}
.cpanel-c {color: #F78F1E;}
.price-pos { position: relative; top:-15px; right:5px;}
.shadow {text-shadow:1px 1px 1px #bbb; color: #404042;}
.price {font-size: 32px; color: #F68121;}

/* Main Content All */
.main-content-all { width: 900px; height: 100%; margin: 5px auto 5px auto;}
.first-content { width: 900px; min-height: 220px;}
.main-content-R {width: 300px; min-height: 400px; float: right;}
.main-content-L {width: 580px; min-height: 400px; float: left; margin-right: 20px;}
.sitemapli {margin: 5px 0 5px 0;}
.list-in {margin: 5px 15px 5px 0;}

/* Tables */
.wrp-t {width: 650px; height: 260px; float: right; margin-top: 25px;}
.table {width: 650px; margin: 0 auto; font-size: 11px;}
.table img {vertical-align: middle;}
.tr1 {width: 149px;	float: right; border-left: 1px silver solid; border-right:  1px silver solid; border-top:  1px silver solid;}
.tr {width: 61px; float: right; border-left: 1px silver solid; border-top:  1px silver solid; text-align: center; font-weight: bold;}
.trl {width: 56px; float: right; border-left: 1px silver solid; text-align: center; font-weight: bold;}
.td {height: 24px; border-bottom: 1px silver solid; text-align: center;}
.border-r {border-right: 1px silver solid;}
.td p {padding-top: 4px; text-align: center;}
.tablevps {width: 100%; margin: 0 auto; font-size: 11px;}
.tablevps img {vertical-align: middle;}
.tr1vps {width: 150px; float: right; border-left: 1px silver solid; border-right: 1px silver solid; border-top:  1px silver solid; font-weight: normal;}
.trvps {width: 100px; float: right; border-left: 1px silver solid; border-top: 1px silver solid; text-align: center; font-weight: bold;}
.trlvps {width: 100px; float: right; border-left: 1px silver solid; border-top: 1px silver solid; text-align: center; font-weight: bold;}
.tdvps {height: 22px; border-bottom: 1px silver solid; text-align: center;}
.tdvps p {padding-top: 4px; text-align: center;}

/*	 Scroll   */
#marqueecontainer{position: relative; width: 238px; /*marquee width */ height: 128px; /*marquee height */ overflow: hidden; margin: 0 -30px 0 0;}
.scroll_div {border:solid 0px; width: 238px; width/**/: 155px !important; margin: auto;}
.vmarquee_content {position:absolute; font-size:11px; float: right; width: 185px;}
.scrollcont {width: 218px; border-bottom: 1px solid #ccc; margin-top: 7px;}
.scrollcont h4 {font-size: 13px;}
.scrollcont a {color: #CC0000; text-decoration: none;}
.scrollcont a:hover {color: #353535;}
.news {width: 238px; height:150px; -moz-box-shadow: 0 0 15px #BDBDBD; -webkit-box-shadow: 0 0 15px #BDBDBD; padding: 10px; background: white; border: 1px solid #ccc; margin: -1px auto 0 auto; position: relative;}
.news-t {height: 25px; width: 238px; background: #353535; border-bottom: 1px solid #ccc;}
.news-t h4 {color: #fff; font-size: 14px; padding: 4px 5px 0 0; float: right;}
.news-t img {padding: 4px 0 0 5px; float: left;}
.news-t a, .news-t a:hover {color:#fff;}
.news-L { width: 200px; min-height: 450px; float: left;}
.news-L h2 {background: #cccbcb; color: #fff; height: 25px; width: 180px; margin: 0 auto; font-size: 16px; text-align: center; line-height: 145%; border: 1px #afaeae solid; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}
.news-L ul {width: 180px; margin: 0 auto;}
.news-L li {font-size: 16px; text-shadow:1px 1px 1px #bbb;}
.news-L a {text-decoration: none; color: #707070;}
.news-L a:hover {text-decoration: none; color: #707070;}
.news-R { width: 700px; min-height: 450px; float: right;}
.news-list {width:680px; height: 100px; background: #fff; color: #707070; border: 1px solid #EBEBEB; margin: 15px auto 0 auto; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;
-moz-box-shadow: 1px 1px 4px #ccc; -webkit-box-shadow: 1px 1px 4px #ccc;}
.news-list h2 {margin: 3px 5px 3px 0; color: #707070;}
.news-list a, .news-list a:hover {color: #707070; text-decoration: none;}
.news-list-intro-R {margin: 3px 5px 0 0; float: right; width: 350px;}
.news-list-intro-L {margin: 3px 0 0 5px; float: left; width: 320px;}
.news-post-d { width: 300px; float: left; margin: 5px; color: #ccc; font-size: 11px;}
.news-post-d-in { width: 320px; margin: 5px; color: #ccc; font-size: 11px;}

/*	 news directory   */
.pagination {text-align: right;	font-weight: bold; margin: 10px 30px;}
.pagination span a, a {font-size: 14px;}
.pagination span a:hover {color: #404042;}
.pagination b {font-size: 14px;}
.imgmid {vertical-align: middle}

/*	Shared Hosting Pack   */
.pack {width: 100%; height: 100%; margin: 0 auto;}
.pack-title {width: 99.6%; height: 19px; font-size: 14px; font-weight: bold; background-color: #fff; margin: 10px 0px 0px 0px; 	line-height: 130%; float: right; border: 1px #EDEDED solid; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
.pack-name {width: 50%; float: right; height: 20px; line-height: 170%;}
.pack-inc {width: 50%; float: left; height: 20px; text-align: center; line-height: 170%;}
.pack-title-co {width: 99.6%; height: 20px; line-height: 170%; float: right; border: 1px #EDEDED solid; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
.pack-name-co {width: 50%; float: right; height: 20px; background-color: #EDEDED; line-height: 170%;}
.pack-inc-co {width: 50%; float: left; height: 20px; text-align: center; background-color: #EDEDED; line-height: 170%;}
.checkout {width: 99.6%; height: 25px; font-size: 14px; font-weight: bold; background-color: #fff; line-height: 150%; margin: 10px 0px 0px 0px; float: right; text-align: center;}

/*	Resellers Hosting Pack   */
.resellers-t {width: 500px; height: 240px; margin: 0 auto;}
.resellers-tr {width: 200px; height: 172px; margin: 10px; padding: 0; float: right; background: #fff;
 -moz-box-shadow: 1px 1px 5px #ccc; -webkit-box-shadow: 1px 1px 5px #ccc; box-shadow: 1px 1px 5px #ccc; border: 1px solid #ccc; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
.resellers-tr h3 {background: #e5e4e5; height: 22px; width: 179px; font-size: 14px; text-align: center; line-height: 145%; border: 1px solid #ccc; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; margin: 10px auto 0 auto;}
.resellers-tr a {color: #534F4E; text-decoration: none; height: 25px; width: 179px;}
.resellers-tr a:hover {color: #F68121; text-decoration: none; height: 25px; width: 179px;}
.resellers-tr ul {margin: 7px 10px 0px 0px;}
.resellers-tr li {list-style: none; font-size: 12px; margin-bottom: 1px;}
.resellers-tr img {vertical-align: middle;}
.price-pos-Re { position: relative; top:-15px; right:-5px;}

/* Footer SSL*/
.footerssl {margin: 15px 0 0 0; height: 60px; width: 900px; background: transparent url('../img/supported_ssl.jpg') no-repeat center bottom;}

/* Footer */
.footer {width: 900px; height: 65px; margin: 18px 0 10px 0; color: #707070;}
.footer a {font-size: 11px;}
.footer a:hover {font-size: 11px;}
.footer-r {width: 550px; height: 65px; float: right;}
.footer-r ul {padding: 8px 0px 0px 0px;}
.footer-r li {display:inline; padding: 0px 15px 0px 15px;}
.footer-l {width: 350px; height: 65px; float: left;}
.footer-l ul {padding: 0px 60px 0px 0px;}
.footer-l li {display:inline;}
.footer-l div {cursor: pointer; width: 20px; height:20px; float: right; margin: 15px;}
.facebook {background: transparent url('../img/facebook.png') no-repeat center;}
.twitter {background: transparent url('../img/twitter.png') no-repeat center;}
.firefox {background: transparent url('../img/firefox.gif') no-repeat center;}
