* {font-family:Arial, sans-serif;}
html {direction:rtl;}
img {border:0;}
body, td, input, textarea, option {font-size:12px; color:#353535;}
a {color:#353535; text-decoration:none;}

.clear {clear:both; font-size:0; line-height:0;}
.nolist {margin:0; padding:0; list-style-type:none;}
.marker {background-color:yellow; font-weight:bold;}

body {background-color:#fff; margin:0; behavior:url('css-js/csshover.htc');}
div#base {width:750px; margin:0 auto; background-color:#fff; border-left:1px solid #d8d8d8; border-right:1px solid #d8d8d8;}
div#container {padding:7px;}

/* top */
div.topbar {text-align:right;}
div.topbar .logo {float:left; display:block;}
div.topbar .contact {width:140px;}
div.topbar .contact .contact_top {height:9px; background:url('../images/contact_top.gif') no-repeat top center;}
div.topbar .contact .contact_content {padding:6px; border-left:1px solid #d7d7d7; border-right:1px solid #d7d7d7; font-size:10px;}
div.topbar .contact .contact_bottom {height:9px; background:url('../images/contact_bottom.gif') no-repeat bottom center;}
div.topbar .contact .contact_content img {display:block; margin-bottom:10px;}
div.topbar .contact .contact_content span {font-weight:bold; color:#5074ef; font-size:11px;}

/* menu */
div.menu {margin:7px 0; height:27px; padding:11px 12px 2px 0; background-color:#efefef; font-size:13px; }
div.menu ul {background-color:#efefef;}
div.menu ul li {z-index:99; color:#000; display:block; float:right; position:relative; }
div.menu ul li > ul { right:auto; top:auto;}
div.menu ul li.spacer {margin:0 5px;}
div.menu ul li a {font-weight:bold; color:#000; font-size:13px;}
div.menu ul li ul {display:none; clear:right; position:absolute; top:27px; right:0; border:1px solid #c1c1c1; background-color:#d7d7d7;}
div.menu ul li ul li {margin:0; padding:2px; height:20px; border-bottom:1px solid #c1c1c1; background-color:#d7d7d7; padding:4px; width:170px;}
div.menu ul li ul li.last {border-bottom:0;}
div.menu ul li ul li a {display:block; height:auto; color:#000; font-size:13px;}
div.menu ul li ul li:hover {background-color:#efefef;}
div.menu ul>li a {display:block; height:29px;}
div.menu ul li ul li {display:block; float:none;}
div.menu ul li:hover ul {display:block;}

/* right */
div.right {float:right; width:481px; display:inline;}
div.right img.main {display:block; margin-bottom:10px;}
div.right .content {position:relative; padding:0 5px;}
div.right .content .mainpagetitle {font-family: arial; font-size: small; margin-bottom:8px; padding-bottom:3px; border-bottom:1px dotted #d8d8d8;}
div.right .content .title {font-family: arial; font-size: medium; margin-bottom:8px; padding-bottom:3px; border-bottom:1px dotted #d8d8d8;}
div.right .content .title img {display:block;}
div.right .content .bottom {position:absolute; top:171px; left:0; width:481px;}
div.right .content .bottom img.bottom_left {float:right; margin-right:8px;}
div.right .content .service {position:relative; float:right; width:310px; height:150px; padding:5px; font-size:11px; background:url('../images/service.gif') no-repeat center;}
div.right .content .service div.title {color:#2e4863; font-weight:bold; padding-bottom:4px; margin-bottom:3px; border-bottom:1px dotted #d8d8d8; font-size:12px;}
div.right .content .service div.title img {float:right; margin:4px 6px 0 10px;}
div.right .content .service div.title span {color:#4e76f0;}
div.right .content .service div.content {padding:3px 6px;}
div.right .content .service div.form {position:absolute; top:82px; left:25px; color:#329602; font-weight:bold;}
div.right .content .service div.form a {color:#329602; font-weight:bold;}

/* page title (sub pages) */
div.compare  {float:right; width:741px; display:inline;}
div.compare  img.main  .a{display:block; margin-bottom:10px;}
div.compare .content .a {position:relative; padding:0 5px;}
div.compare .content .servicesub {position:relative; float:right; width:500px; height:100px; padding:5px; font-size:11px;}
div.compare .content .bottomsub {position:absolute; top:0px; left:0; width:100%;}
div.compare .content .bottomsub img.bottom_left {float:right; margin-right:8px;}
div.compare .content .servicesub div.title {color:#2e4863; font-weight:bold; padding-bottom:4px; margin-bottom:3px; border-bottom:1px dotted #d8d8d8; font-size:24px;}
div.compare .content .servicesub div.title img {float:right; margin:14px 6px 0 10px;}
div.compare .content .servicesub div.title span {color:#4e76f0;}


/* left */
div.left {float:right; width: 242px; display:inline; margin-right:13px;}
div.left .customers {width: 242px; margin-bottom:6px;}
div.left .customers .customers_top {height:14px; background:url('../images/box_top.gif') no-repeat top center;}
div.left .customers .customers_content {padding-top:5px; text-align:center; border-left:1px solid #d7d7d7; border-right:1px solid #d7d7d7; font-size:11px;}
div.left .customers .customers_bottom {height:15px; background:url('../images/box_bottom.gif') no-repeat bottom center;}
div.left .customers .customers_content img.title {display:block; margin:0 auto 10px auto;}
div.left .customers .customers_content a {font-size:11px;}

div.left .services {position:relative; width:242px; margin-bottom:6px;}
div.left .services .services_top {height:14px; background:url('../images/box_top.gif') no-repeat top center;}
div.left .services .services_content {padding-top:5px; text-align:right; border-left:1px solid #d7d7d7; border-right:1px solid #d7d7d7; font-size:11px;}
div.left .services .services_bottom {height:15px; background:url('../images/box_bottom.gif') no-repeat bottom center;}
div.left .services .services_content img.title {display:block; margin:0 auto 10px auto;}
div.left .services .services_content img.bg {position:absolute; top:46px; left:4px;}
div.left .services .services_content div {margin-top:5px; padding-right:10px;}
div.left .services .services_content div a {font-size:11px; font-weight:bold;}

/* packages */
div.packages {margin-top:15px; background:url('../images/packages_bg.gif') no-repeat center; height:197px;}
div.packages .package { float:right; margin-left:54px; width:197px; height:197px; background:url('../images/package.gif') no-repeat top center;  padding:10px 8px 0px 4px; }
div.packages .header { font-size:medium; font-family:arial; font-weight:bold ;}
div.packages .package img.title {margin:12px auto; display:block;}
div.packages .package ul li {background:url('../images/package_li.gif') no-repeat center right; padding:2px 12px; font-size:11px; border-bottom:1px dotted #c1c1c1;}
div.packages .package ul li.last {border:0;}
div.packages .package .seperator {height:3px; background:url('../images/package_seperator.gif') center; margin:3px 0 5px 0;}
div.packages .package .price {float:left; margin-top:5px; margin-left:25px; font-size:23px; font-weight:bold; color:#000000;}
div.packages .package .pricepriod {float:left; margin-top:4px; font-size:13px; color:#000000;}
div.packages .package .button {width:107px; padding:4px 0 10px 0; text-align:center; background-color:#ff7200; color:#fff; font-weight:bold; font-size:11px; margin-bottom:2px;}
div.packages .package .button a {color:#fff; font-weight:bold; font-size:11px;}

/* menu bottom */
div.menu_bottom {text-align:center; margin:15px auto 3px auto;}
div.menu_bottom a {font-size:11px;}

/* footer */
div.footer {background-color:#d8d8d8; text-align:center; padding:5px;}
div.footer .copyrights {font-size:13px; direction:ltr;}
div.footer .uptime {float:left; font-size:11px;}
div.footer .uptime a {font-weight:bold;}

