/*------------------------
Copyright 2010 Zgoloo Corp
Author: Imran Ali
Project: Serverspoon.com
Date: 80110
------------------------*/

/*===============================RESET===============================*/

html, body, div, span, iframe, h1, h2, h3, h4, h5, h6, p, a, em, font, img, small, strike, strong, sub, sup, ol, ul, li, form, label, legend { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; background: transparent; }
body { line-height: 1 }
ul { list-style: none }
a { text-decoration:none; color:#3366cc; font-size:16px; }
a:hover { text-decoration:none }
/* remember to define focus styles! */
:focus { outline: 0 }
/*===============================BASIC HTML===============================*/
body { font-family: Tahoma, Geneva, sans-serif; color:#3e4244; background:#fff url(../images/bg_body.png) repeat-x;}
hr { border: 0 #ccc solid; border-top-width: 1px; clear: both; height: 0 }
/* `Headings*/
h1, h2, h3, h4, h5 { font-weight:normal }
h1 { height:30px; width:220px; float:left; display:block; background:url(../images/logo-v1.png) no-repeat; text-indent:-10000px; }
h1 a { display:block; height:100%; width:100% }
h2 { font-size: 18px; float:left; width:100%; color:#333; padding-bottom:5px; }
h3 { font-size: 22px; color:#FFF; line-height:26px; margin:6px 0 12px 0; width:100% }
h4 { font-size: 24px; color:#55abc3; float: left; width:600px; line-height: 28px; padding-bottom:10px;}
h5 { font-size: 18px; color:#7f8f93; font-weight:bold; }
h6 { font-size: 13px; }
.nologotext { float:left; font-size:24px; padding-top:20px }
.fleft { float:left }
.fright { float:right }
/*Wrapper*/
.wrapperfoot { width: 100%; margin-bottom: 10px; padding:15px 0; background-color: #e6f1f4; border-top: 1px solid #fff; }
.wrappermenu { width: 100%; padding: 10px 0; }
.wrapperapp_bnr { background:url(../images/dserver-bnrbg.png) repeat-x bottom; width: 100%; margin-top:-25px; }
.marginleft{margin-left:10px;}
.wrapperblue { background:url(../images/bg_mainbanner.png) repeat-x; height:367px; width: 100%; }
.wrappergreen { background:url(../images/bg_mainbanner_g.png) repeat-x; height:367px; width: 100%; }
.wrapperblack { background:url(../images/bg_mainbanner_b.png) repeat-x; height:367px; width: 100%; }
.wrappergrey, .wrappersky {  margin-top:1px; width: 100%;  padding: 5px 0; }
.wrappersky { background-color:#f6fdff }
.wrapper { margin:0 auto; width: 960px }
.spacesml { padding-top:10px; float:left; width:100%; }
/*===============================CONTACT US===============================*/
.contactus { width:100% }
.contactus p { float:left; font-size:14px; line-height:18px; width:100%; color:#1a1a1a }
.contactform { width:960px; height: auto; float:left; font-size:12px; margin-top: 15px; }
.formline { width:100%; height:auto; float:left; font-size:12px; margin-top:6px; width: 100%; }
.formline span { width:480px; height:18px; float:left; color:#f00; padding: 10px 0 0 20px; }
label.heading { width:200px; float:left; padding-top:3px; font-weight:bold;  }
input.fields { width:380px; height:18px; float:left; padding:2px 0 0 2px; border:1px solid #e0e0e0 }
textarea.message { width:380px; height:156px; float:left; overflow:auto; padding:2px; border:1px solid #e0e0e0 }
input.sendbtn { width:82px; height:32px; float:left; background:url(../images/btn_send.html) no-repeat top; border:none; cursor:pointer; margin-left:130px;}
input.sendbtn:hover { background-position:bottom }
.errormsg { width:480px; height:15px; float:left; color:#F00; padding: 3px 0 0 20px }

/*===============================HEADER===============================*/
.header {  width: 960px; height:119px; margin:0px auto 50px; }
ul.topnav { display:block; margin-top:138px }
ul.topnav li { float:left; margin-left:30px }
<!--ul.topnav li a { width:100%; height:100%; }-->
ul.topnav li a:hover { color:#000 }
/*===============================MAIN MENU===============================*/
ul.navigation { display:block; width:960px; height:35px }
ul.navigation li { float:left; background:url(../images/bg_menu-li.png) no-repeat right ;}
ul.navigation li a { color:#FFF; font-size:15px; float:left; height:27px; padding:8px 12px 0 12px;  }
ul.navigation li a:hover, ul.navigation li a.current { background-color:#9bd7ff }
ul.navigation li a.selectedtab { background-color:#c9e960 }
ul.navigation li a.selectedtab2 { background-color:#c1de83 }
ul.navigation li a.current-g { background-color:#00d345 }
ul.navigation li a.current-bl { background-color:#424549 }
ul.navigation li a.current {  background-color:#fff; color:#666 }
/*-----------*/
ul.midmenu { display:block; width:950px;margin-left:10px }
ul.midmenu li { float:left; margin-right:30px; }
ul.midmenu li a{ font-size:14px; font-weight:bold; float:left}
.noselect{ margin-top:8px;}
ul.midmenu li a.current{color:#fff; padding:0 10px 0 0; line-height:32px; background:url(../images/sd-midmenu-a.jpg) no-repeat top right;  }
ul.midmenu li a.current span { display: block;  padding-left:10px;background:url(../images/sd-midmenu-a-span.jpg) no-repeat top left;s }

.mid-submenu{float:left; width:950px; height:32px; background:url(../images/mid-submenu1.jpg) no-repeat; padding:6px 0 0 10px; }
.mid-submenu li{float:left; padding:0 5px; font-size:12px; font-weight:bold }
.mid-submenu li a{float:left; padding:0 10px 0 0; line-height:25px; color:#FFF}
.mid-submenu li a span { display: block;  padding-left:10px;}
.mid-submenu li a:hover, .mid-submenu li a.sel{background:url(../images/bg-mid-hover-a.png) no-repeat top right; color:#3366cc }
.mid-submenu li a:hover span, .mid-submenu li a.sel span {background:url(../images/bg-mid-hover.png) no-repeat top left; }
.logoarea { width:500px; height: 68px; padding-top: 16px; }
.nolistimg { background:none !important }
/*===============================MAIN WRAPPER===============================*/
.ordrnow { position:relative; width:197px; height:56px; float:right; top:-70px; right:120px; background:url(../images/ordrnow.gif) }
.selcat_lbl { padding:20px 15px 5px 0 }
.selcat { margin:18px 0 0 0; font-size:16px; color:#666666; border:#CCC solid 1px; }
/*===============================MAIN PAGE WRAPPER===============================*/
.mainboxsml, .mainboxsml2, .mainboxsml3 { width:285px; height:246px; float:left; background:url(../images/ds-smlbnrbg.jpg) no-repeat; margin:10px 10px 10px 0; padding: 5px 15px 0 10px; }
.mainboxsml2{  background:url(../images/ds-mainboxsml2.jpg) no-repeat;}
.mainboxsml3{  background:url(../images/ds-smlbnrbg3.jpg) no-repeat;}
.boxheader { width:100%; float:left; height: 40px;  }
.boxheader span { float:left; color:#1a1a1a; font-size:22px; padding-top:10px }
.mainboxsml p, .mainboxsml2 p, .mainboxsml3 p { width:100%; float:left; font-size: 15px; line-height: 20px; }
.boxprice { float:left; width: 100%;color:#00a500; font-size:36px; font-weight:bold; padding-bottom:10px; }
.boxprice sup{ font-size:18px; font-weight:bold}
.boxprice1{ float:left; width: 100%; margin: 20px 0; text-align:center;}
.startfrm{ float:left; width:100%; font-size:12px; color:#00a500; font-weight:bold; padding-top:10px}
.smlbnr_wraper{ border:#e3e3e3 solid 7px; width:275px; height:90px; float:left; padding:10px; margin-right:11px}
.smlbnr_wraper img{ padding:15px 5px 10px 0; float:left;}
.smlbnrhead{ float:left; font-size:20px; width:210px; padding:5px 0;}
.smlbnrhead-txt{ float:left; width:210px; font-size:13px; line-height:14px;}
.smlbnr_wraper a{ float:left; font-size:12px; margin-top:5px;}
.spacesml { padding-top:10px; float:left; width:100%; }
.spacesml2 {float:left; width:100%; padding:10px 0 }

.simpletxt{ font-size:14px; line-height:24px;}
.ds-contents{float:left; width:95%; padding:10px 0 0 30px; list-style-type:disc; line-height:24px; font-size:13px}
.ds-container2{float:left; width:500px;}
.ds-height{ height:130px}
h6 {
    float: left;
    font-size: 14px;
    padding: 0 0 0 10px;
}
.paddings {
    float: left;
    padding: 20px 0;
}
.paboutus {
    float: left;
    line-height: 24px;
    padding: 5px 0;
    width: 100px;
}
.address-labels, .address-dtls {
    float: left;
    font-size: 12px;
    font-weight: bold;
    width: 200px;
}
.submitbtn {
    background: url("../images/submitbtn.png") no-repeat scroll 0 0 transparent;
    border: medium none;
    color: #FFFFFF;
    cursor: pointer;
    float: left;
    font-size: 16px;
    font-weight: bold;
    height: 32px;
    line-height: 32px;
    width: 103px;
}
.col{ background-color:#00ADE1;color:#ffffff;}
           
/*===============================Left Menu ===============================*/
.lft-menuwrap{ float:left; width:260px;}
.lftbnr{ width:223px; height:204px; float:left;  background:url(../images/helptochoose.jpg) no-repeat; margin:20px;}
.lftbnr:hover{ background:url(../images/helptochoose.jpg) no-repeat bottom;}
/*===============================FOOTER===============================*/
.logoareafoot { width:300px; height: 70px;}
.footerleft { width:335px; height:125px; border-right:1px solid #ccc; }
.footerleft span { width:100%; float:left; color:#999; font-size:24px }
.footerleft p { width:100%; float:left; color:#000000; font-size:12px; line-height: 24px; }
ul.footernav { width:185px; height:125px; border-right:1px solid #ccc; padding-left:25px; }
ul.footernav li { display:block; float:left; width:100%; line-height:16px }
ul.footernav li a { font-size:14px; color:#378DE8; margin-left:10px; }
ul.footernav li a:hover { text-decoration:underline }
.footerright { width:200px; padding-left: 25px; }
label.qcontact { margin-bottom:10px; float:left; width:100% }
.foothead { float:left; margin-left:10px; font-size:16px; margin-bottom:5px; color:#444; margin-top:15px; }
/*===============================BUTTONS===============================*/
a.buttoncal { background: transparent url(../images/btn_image_a.png) no-repeat scroll top right; color: #FFF; display: block; float: left; font: normal 18px arial, sans-serif; height: 32px; margin-right: 6px; padding-right: 25px; /* sliding doors padding */ text-decoration: none; }
a.buttoncal span { background: transparent url(../images/btn_image.png) no-repeat; display: block; line-height: 22px; padding: 4px 0 6px 25px; }
a.buttoncal:hover { background-position:bottom right }
a.buttoncal:hover span { background-position:bottom left;cursor:pointer }
.nomargin { margin-right:0 ;cursor:pointer}

a.buttoncalsml { background: transparent url(../images/btn_image_asml.png) no-repeat scroll top right; color: #FFF; display: block; float: left; font: normal 18px arial, sans-serif; height: 32px; margin-right: 6px; padding-right: 10px; /* sliding doors padding */ text-decoration: none; }
a.buttoncalsml span { background: transparent url(../images/btn_image.png) no-repeat; display: block; line-height: 22px; padding: 4px 0 6px 10px; }
a.buttoncalsml:hover { background-position:bottom right }
a.buttoncalsml:hover span { background-position:bottom left }
/*===============================Jcoursel CSS===============================*/
.jcarousel-clip { z-index: 2; padding: 0; margin: 0; overflow: hidden; position: relative; }
.jcarousel-list { z-index: 1; overflow: hidden; position: relative; top: 0; left: 0; margin: 0; padding: 0; }
.jcarousel-list li, .jcarousel-item { float: left; list-style: none; width: 860px; height:280px; overflow:hidden; text-align:center}
/*.jcarousel-item img{ float:left; padding:0 0 10px 20px;}*/
.jcarousel-skin-tango .jcarousel-container { position: relative; }
.jcarousel-skin-tango .jcarousel-container-horizontal { width: 880px; height:280px;padding: 5px 40px 0 40px; overflow:hidden}
.jcarousel-skin-tango .jcarousel-clip-horizontal { width:880px; }
.jcarousel-skin-tango .jcarousel-next-horizontal { z-index: 3; display: none; position: absolute; top: 60px; right: 5px; width: 32px; height: 140px; cursor: pointer; background: transparent url(../images/dsnext-horizontal.png) no-repeat 0 0; }
.jcarousel-skin-tango .jcarousel-next-horizontal:hover { background-position: -32px 0; }
.jcarousel-skin-tango .jcarousel-next-horizontal:active { background-position: -64px 0; }
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active { cursor: default; background-position: -96px 0; }
.jcarousel-skin-tango .jcarousel-prev-horizontal { z-index: 3; display: none; position: absolute; top: 60px; left: 5px; width: 32px; height: 140px; cursor: pointer; background: transparent url(../images/dsprev-horizontal.png) no-repeat 0 0; }
.jcarousel-skin-tango .jcarousel-prev-horizontal:hover { background-position: -32px 0; }
.jcarousel-skin-tango .jcarousel-prev-horizontal:active { background-position: -64px 0; }
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active { cursor: default; background-position: -96px 0; }
/*===============================application front page Ajex ===============================*/
.breadcrumb { float:left; width:900px; font-size:24px; padding:20px 0 }
.appfeatures { float:left; width:460px; padding-right:20px; padding-bottom:20px; }
.appfeatures img { float:left; margin-right:15px; }
.features_wraper { float:left; width:370px; font-size:12px; line-height:18px }
.features_head { float:left; font-size:18px; width:100%; padding:10px 0; }
.featuredtl { float:left; width:365px; }
.features_wraper ul { list-style-type:disc; list-style-position:outside; float:left; padding:10px 0 10px 15px; }
/*===============================All application page===============================*/
.cathead, .apphead { float:left; width:260px; font-size:18px; padding:10px 10px; color:blue; }
.apphead { width:500px; padding-left:0 }
.app_allwraper { width:950px; border:#e6eef0 solid 1px; }
.appall_dtlwraper { width:669px; font-size:14px; line-height:24px; border-left:#ccc solid 1px; padding-left:10px; }
.logoname { padding:20px 0; width:690px; }
.appname { padding:30px 0 0 10px; font-size:16px }
.appall_dtl { float:left; ; padding-right:10px; }
.tourcontent { float:left; padding-top:20px; }
.tourcontent table{width:670px; }
.tourcontent table tr th{border-bottom:#e2e2e2 solid 1px; text-align:left; padding:10px 0 10px 10px; }
.boldtxt{background:#f3f3f3; color:#666; border-right:#ccc solid 1px; padding-right:10px !important;}
.txtalign-left{ text-align:left !important; padding-left:10px !important;}
.tourcontent p { width:100%; font-size:18px; margin-bottom:20px; float:left; line-height:24px }
.tourcontent ul { width:600px; float:left; padding:0 0 20px 10px; }
.tourcontent ul li { width:100%; float:left; font-size:14px; background:url(../images/icon_ticksml.png) no-repeat; padding-left:20px; margin-bottom:6px }
.screenshots li { float:left; padding:20px 10px }

.rightcontent { float:left;  }
.rightcontent p { width:100%; font-size:14px; margin-bottom:20px; float:left; line-height:24px; }

.app_menu { width:260px; float:left; padding-right:20px }
.menu_head { padding: 20px 10px; cursor: pointer; position: relative;background: #f3f3f3;border-bottom:#CCC solid 1px; border-top:#fff solid 1px; }
.menu_head_selected { padding: 20px 10px; cursor: pointer; position: relative;background:#8fc120; border-bottom:#CCC solid 1px; border-top:#fff solid 1px; }
.menu_body { display:none; padding:15px 0; background:#FFF; line-height:24px; font-size:14px; }
.menu_body a { display:block; text-decoration:none; padding:5px 0 5px 5px; }
.menu_body a:hover, .menu_body a:active, .menu_body a:focus { color: #000000; background:#FFF; border-top:#CCC solid 1px; border-bottom:#CCC solid 1px; padding:4px 5px }
.selectedtop{ color:#FF0000;}
.selectedleft{ color:#FFFFFF; font-size:18px;}
.footerimg{width:150px; height:125px; border-left:1px solid #ccc; padding-bottom:70px; padding-top:35px;}