body {
margin: 0;
padding: 0;
direction: rtl;
/*background: #e0e0e0 url(../../images/body.jpg) repeat-x 0px 28px;*/
}

hr {
border: 0;
border-top: 1px dashed #b9bec7;
margin: 5px 0;
}

a {
outline: none;
text-decoration: none;
color: inherit;
}
a:hover {
color: #ff8000;
}

.pathway a {
color: blue;
}
.pathway a:hover {
color: #ff8000;
text-decoration: underline;
}

/* TOP BAR */
#top-bar {
width: 950px;
height: 68px;
background: url(../../images/top-shadow.jpg) center bottom no-repeat;
padding: 0px 10px;
margin: 0 auto 7px auto;
}

#logo {
width: 160px;
height: 68px;
background: url(../../images/vhlogo.png) center no-repeat;
}

.langlink {
color: #00b000;
float: left;
font-size: 13px;
font-family: arial;
}
.langlink:hover {
color: #ff8000;
}

#livechatbanner {
margin-bottom: 5px;
}

/* CONTENT HOLDER */
#content {
width: 950px;
clear: both;
margin: auto;
}

/* FOOTER */
.footer {
width: 950px;
margin: auto;
clear: both;
}

#bottom-shadow {
width: 950px;
height: 24px;
background: url(../../images/bottom_shadow.jpg) bottom no-repeat;
margin: auto;
clear: both;
}

#payment-methods {
width: 950px;
height: 35px;
background: url(../../images/payment-methods-home.gif) center -15px no-repeat;
outline: none;
margin: auto;
}

#social-box {
width: 930px;
height: 50px;
margin: 10px 0;
padding: 15px 10px;
border: 1px solid #c9c9c9;
border-radius: 5px;
}
#social-box a {
text-decoration: none;
color: #666;
}

.social-link {
width: 170px;
height: 50px;
padding-right: 55px;
float: right;
}

#vas {
background: url(../../images/icons/vas-logo.jpg) right no-repeat;
}

#youtube {
margin-right: 10px;
background: url(../../images/icons/youtube-logo.jpg) right no-repeat;
}

#twitter {
margin-right: 10px;
background: url(../../images/icons/twitter-logo.jpg) right no-repeat;
}

#facebook {
margin-right: 10px;
background: url(../../images/icons/facebook-logo.jpg) right no-repeat;
}

#footer-shadow {
width: 950px;
padding: 5px 0 20px 0;
background: url(../../images/footer-shadow.jpg) top no-repeat;
margin: auto;
clear: both;
}

#copyrights {
width: 950px;
margin: auto;
text-align: center;
color: #666;
font-size: 10px;
}

.promobox {
width: 80%;
border: 0px solid #d4d4d4;
border-top: 0px;
border-bottom: 0px;
margin: 10px auto;
box-shadow: 0px 5px 15px #c0c0c0;
}
.promoboxcontents {
padding: 5px;
padding-bottom: 10px;
border-top: 3px dashed #f7f7f7;
border-bottom: 3px dashed #cacaca;
text-align: right;
}

.promobackcolor1 {
background-color: #ffffcc;
}
.promotextcolor1 {
color: #0000ff;
}
.promobackcolor2 {
background-color: #cce0ff;
}
.promotextcolor2 {
color: #663300;
}

/* /////////////////////////////////////////////////////// CONTACT SALES SPECIAL CSS ////////////////////////////////////// */
.contact-sales {
width: 270px;
float: left;
margin: 15px 0 20px 0;
}

.contact-sales a {
text-decoration: none;
color: #333;
}
.contact-sales a:hover b {
color: #ff8000;
}

#new-ticket {
height: 48px;
padding-right: 58px;
background: url(../../images/icons/new-ticket.jpg) right no-repeat;
margin-bottom: 10px;
}

#phone-contact {
height: 60px;
padding-right: 58px;
background: url(../../images/icons/phone-icon.png) right no-repeat;
margin-bottom: 10px;
}

#live-chat {
height: 48px;
padding-right: 58px;
background: url(../../images/icons/live-chat.jpg) right no-repeat;
margin-bottom: 10px;
}

#skype {
height: 48px;
padding-right: 58px;
background: url(../../images/icons/skype-icon.png) right no-repeat;
margin-bottom: 10px;
}

#vas-hq {
height: 48px;
padding-right: 58px;
background: url(../../images/icons/map-icon.png) right no-repeat;
margin-bottom: 20px;
}

/* /////////////////////////////////////////////////////// PRODUCT CATEGORY PAGES SPECIAL CSS ////////////////////////////////////// */
.title-head {
color: #666;
font-family: Tahoma, Arial;
font-size: 12px;
width: 950px;
padding: 5px 0 10px 0;
}

.category-img {
width: 668px;
height: 300px;
float: right;
margin-left: 10px;
border: 1px solid #fff;
border-radius: 10px 0 10px 0;
}

.category-specs {
width: 268px;
height: 302px;
float: left;
border-bottom: 0px solid #e4e4e4;
}

.category-menu {
width: 190px;
float: right;
margin: 15px 0 20px 10px;
}

.category-content {
width: 470px;
float: right;
margin-left: 10px;
margin-top: 15px;
}
.category-content-wide {
width: 670px;
float: right;
margin-left: 10px;
margin-top: 15px;
}

/* CATEGORY IMAGES CSS */
.vps-img {
background: url(../../images/category-imgs/vps.jpg) no-repeat;
}

.minivps-img {
background: url(../../images/category-imgs/minivps.jpg) no-repeat;
}

.dedicated-img {
background: url(../../images/category-imgs/dedicated.jpg) no-repeat;
}

.hps-img {
background: url(../../images/category-imgs/hps.jpg) no-repeat;
}


/* CATEGORY MENU CSS */
/* Go To the menus.css file */

/* /////////////////////////////////////////////////////// VPS & & HPS DEDICATED SPECIAL CSS ////////////////////////////////////// */
.vpsbox {
width: 139px;
float: right;
margin-bottom: 10px;
margin-right: 5px;
border: 1px solid #c4c4c4;
border-radius: 10px;
box-shadow: 3px 3px 5px #9d9d9d;
padding: 5px 5px 10px 5px;
font-size: 13px;
background-color: #3A1A0D;
color: #fff;
}

.vpsbox:hover {
background-color: #000;
color: #fff;
}
.vpsbox:hover .vpstitle {
color: #ff0000;
}
.vpsbox:hover .yprice {
color: #ff8000;
}

.vpstitle {
font-family: Arial;
font-size: 24px;
font-weight: bold;
color: #ff8000;
}

.vpsspecs {
margin-right: 10px;
}

.vpsprices {
margin: 10px 5px 0 5px;
}
.vpsprices a {
color: inherit;
}
.vpsprices a:hover {
color: #ff8000;
}

.mprice {
padding: 3px 0 5px 0;
border-top: 1px solid #999;
border-bottom: 1px dashed #4f2818;
height: 50px;
}

.yprice {
color: #ff0000;
border-top: 1px dashed #200e06;
height: 50px;
}

.price {
font-family: Arial;
font-size: 30px;
font-weight: bold;
float: right;
}

.usd, .cent {
float: right;
margin: 5px 3px 0 3px;
font-size: 10px;
line-height: 12px;
}
.usd b, .cent b {
font-family: Arial;
font-size: 13px;
font-weight: normal;
}

.hole {
width: 20px;
height: 20px;
float: left;
margin: 3px 0 0 3px;
background-color: #fff;
border-top: 2px solid #666;
border-right: 1px solid #666;
border-left: 2px solid #666;
border-bottom: 1px solid #666;
border-radius: 12px;
}

.vpstable td {
text-align: center;
font-weight: bold;
}
.vpstable tr {
height: 40px;
}
.vpstable tr.trhead {
height: 20px;
}
.vpstable td.tdhead {
border-bottom: 2px solid #ccc;
font-weight: normal;
}
.vpstable td.tdline {
border-bottom: 1px solid #ddd
}
.vpstable td.tdplan {
color: #ff8000;
}
.vpstable td .value {
color: #ff0000;
}
.vpstable td .symbol {
font-weight: normal;
margin-left: 2px;
}
.vpstable td.tdprice {
font-family: Arial;
font-size: 14px;
}
.vpstable td.tdprice a {
color: #ff8000;
}
.vpstable td.tdprice a:hover {
color: #000;
text-decoration: underline;
}
.vpstable td .tdcent {
font-size: 10px;
}

.serverbox {
width: 443px;
float: right;
margin-bottom: 10px;
margin-right: 5px;
border: 1px solid #c4c4c4;
border-radius: 10px;
box-shadow: 3px 3px 5px #9d9d9d;
padding: 5px 10px;
font-size: 13px;
background-color: #3A1A0D;
color: #fff;
}

.serverbox:hover {
background-color: #000;
color: #fff;
}
.serverbox:hover .servertitle {
color: #ff0000;
}
.serverbox:hover .yprice {
color: #ff8000;
}

.servertitle {
font-family: Arial;
font-size: 24px;
font-weight: bold;
text-align: left;
color: #ff8000;
float: left;
width: 100%;
}

.serverspecs {
float: left;
text-align: left;
direction: ltr;
}

.serverprices {
float: right;
}
.serverprices a {
color: inherit;
}
.serverprices a:hover {
color: #ff8000;
}
.serverprices .mprice {
border-top: 0;
}

.serverbox .hole {
width: 20px;
height: 20px;
float: right;
margin: 3px 0 0 0;
background-color: #fff;
border-top: 2px solid #666;
border-right: 1px solid #666;
border-left: 2px solid #666;
border-bottom: 1px solid #666;
border-radius: 12px;
}

.hpsbox {
width: 443px;
float: right;
margin-bottom: 10px;
margin-right: 5px;
border: 1px solid #c4c4c4;
border-radius: 10px;
box-shadow: 3px 3px 5px #9d9d9d;
padding: 5px 10px;
font-size: 13px;
background-color: #3A1A0D;
color: #fff;
}

.hpsbox:hover {
background-color: #000;
color: #fff;
}
.hpsbox:hover .servertitle {
color: #ff0000;
}
.hpsbox:hover .yprice {
color: #ff8000;
}

.hpstitle {
font-family: Arial;
font-size: 24px;
font-weight: bold;
text-align: right;
color: #ff8000;
float: right;
width: 100%;
}

.hpsspecs {
float: right;
text-align: right;
direction: rtl;
}

.hpsprices {
float: left;
margin-top: -20px;
}
.hpsprices a {
color: inherit;
}
.hpsprices a:hover {
color: #ff8000;
}
.hpsprices .mprice {
border-top: 0;
}

.hpsbox .hole {
width: 20px;
height: 20px;
float: right;
margin: 3px 0 0 0;
background-color: #fff;
border-top: 2px solid #666;
border-right: 1px solid #666;
border-left: 2px solid #666;
border-bottom: 1px solid #666;
border-radius: 12px;
}

.minivpsbox {
width: 443px;
float: right;
margin-bottom: 10px;
margin-right: 5px;
border: 1px solid #c4c4c4;
border-radius: 10px;
box-shadow: 3px 3px 5px #9d9d9d;
padding: 5px 10px;
font-size: 13px;
background-color: #3A1A0D;
color: #fff;
}

.minivpsbox:hover {
background-color: #000;
color: #fff;
}
.minivpsbox:hover .vpstitle {
color: #ff0000;
}
.minivpsbox:hover .yprice {
color: #ff8000;
}

.minivpsspecs {
float: right;
}

.minivpsprices {
float: left;
}
.minivpsprices a {
color: inherit;
}
.minivpsprices a:hover {
color: #ff8000;
}
.minivpsprices .mprice {
border: 0;
padding: 0;
float: right;
}

.minivpsprices .yprice {
border: 0;
height: 70px;
float: right;
}

.minivpsprices .slash {
float: right;
font-size: 60px;
margin: -10px 15px 0 15px;
}

.minivpsbox .freedomain {
line-height: 5px;
font-size: 12px;
clear: both;
}

/* /////////////////////////////////////////////////////// GENERAL PAGES SPECIAL CSS ////////////////////////////////////// */
#general-side-menu {
width: 230px;
margin: 40px 0 20px 0;
padding-left: 10px;
float: right;
line-height: 20px;
}

#general-content-area {
width: 659px;
margin: 40px 0 20px 0;
padding: 0 40px 0 10px;
border-right: 1px solid #333;
float: right;
}

.side-menu-title {
font-size: 23px;
color: #111;
margin-bottom: 20px;
line-height: 30px;
}

.vasmap {
border: 1px solid #e4e4e4;
border-radius: 5px;
box-shadow: -5px 5px 10px #666;
}

/* /////////////////////////////////////////////////////// RESELLERS PAGES SPECIAL CSS ////////////////////////////////////// */
#resellers-content-area {
width: 660px;
margin: 15px 0 20px 20px;
padding: 0;
border-left: 0px solid #333;
float: right;
}

#general-content-area ul, #resellers-content-area ul {
margin: 0;
padding-right: 15px;
}

#general-content-area a, #resellers-content-area a {
color: inherit;
}
#general-content-area a:hover, #resellers-content-area a:hover {
color: #ff8000;
}

.servers-reseller-heading {
font-size: 32px;
font-family: Tahoma, Arial;
color: #fff;
margin-bottom: 50px;
background: url(../../images/servers-reseller.gif) right no-repeat;
width: 520px;
height: 70px;
padding: 30px 140px 0 0;
}

/* /////////////////////////////////////////////////////// TRANSITIONAL PAGES SPECIAL CSS ////////////////////////////////////// */
.trans-title {
color: #009CFF;
font-size: 20px;
background: url(../../images/sub-item-head-link.gif) right no-repeat;
padding-right: 20px;
}

.trans-vps {
width: 685px;
height: 210px;
background: url(../../images/transitional/vps.jpg) top right no-repeat;
margin: auto;
}

.trans-resellers {
width: 587px;
height: 211px;
background: url(../../images/transitional/resellers.jpg) top right no-repeat;
margin: auto;
}

#trans-sidebox1 {
width: 45%;
float: right;
padding: 10px;
margin-bottom: 20px;
border-top: 1px solid #ddd;
border-right: 1px solid #ddd;
border-radius: 30px 5px 30px 5px;
box-shadow: -5px 10px 10px #c4c4c4;
}

#trans-sidebox2 {
width: 45%;
float: left;
padding: 10px;
margin-bottom: 20px;
border-top: 1px solid #ddd;
border-right: 1px solid #ddd;
border-radius: 30px 5px 30px 5px;
box-shadow: -5px 10px 10px #c4c4c4;
}

.trans-product-box {
background: url(../../images/transitional/l-blue-arrow.jpg) right top no-repeat;
height: 115px;
padding-top: 40px;
}

.trans-product{
width: 500px;
height: 120px;
margin-right: 140px;
padding: 10px;
border-top: 1px solid #ddd;
border-right: 1px solid #ddd;
border-radius: 30px 5px 30px 5px;
box-shadow: -5px 10px 10px #c4c4c4;
position: relative;
}

.trans-icon {
width: 75px;
height: 85px;
float: right;
}
.trans-icon-vps {
background: url(../../images/transitional/vps-icon.png) right top no-repeat;
}
.trans-icon-dedicated {
background: url(../../images/transitional/dedicated-icon.png) right top no-repeat;
}
.trans-icon-cloud {
background: url(../../images/transitional/cloud-icon.png) right top no-repeat;
}
.trans-icon-cpanel {
background: url(../../images/transitional/cpanel-icon.png) right top no-repeat;
}
.trans-icon-colocation {
background: url(../../images/transitional/colocation-icon.png) right top no-repeat;
}
.trans-icon-design {
background: url(../../images/transitional/design-icon.png) right top no-repeat;
}

/* /////////////////////////////////////////////////////// ABOUT SERVICE BUTTON CSS ////////////////////////////////////// */
.about-service {
padding: 5px 40px 5px 30px;
border: 1px solid #ff8000;
border-radius: 5px;
background: url(../../images/cricle-arrow.gif) right no-repeat;
float: left;
margin-right: 10px;
line-height: 13px;
font-weight: bold;
}
.about-service:hover {
background: #ff8000;
border-color: #fff;
box-shadow: 0 0 10px #ff8000;
}

a#about-service .about-service {
color: #ff8000;
}
a#about-service:hover .about-service {
color: #fff;
}

.about-service-side {
float: right;
}

.about-service-center {
margin-left: 50%;
}