body{margin:0px auto; padding:0px; color:#2d2d2d; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
.body_inner{background:url(../images/innerpage_background.jpg) 0px 0px repeat-x;}
a{outline:none; border:none;}
p{margin:0px; padding:5px 0px 4px 0px; line-height:15px; font-size:12px;}
.clear{clear:both;}
#wrap{width:1000px; margin:0px auto; padding:0px;}

form, input, focus, ul, li {margin:0px; padding:0px;}

.expandablebutton {padding:5px; margin:0px;}
.expandablebutton span { background: transparent url(../images/btn_left.png) no-repeat scroll 0 0; display:inline-block; padding:0 0 0 7px; display:inline-block}
.expandablebutton span input { background: transparent url(../images/btn_right.png) 100% 0 no-repeat; display: block; border:none; padding:4px 15px 6px 7px; color:#FFFFFF; font-weight:bold; cursor:pointer; text-decoration:none; font:bold 12px Arial, Helvetica, sans-serif;}

/*---------------------------- Header Part ----------------------------*/
#header{margin:0px auto; padding:0px;}
.top_navigation{float:right; margin:0px; padding:0px; text-align:right; color:#FFF; height:27px;}
.top_navigation ul{margin:0px; padding:0px; list-style:none; display:block;}
.top_navigation li{margin:0px; padding:10px 10px 0px 22px; list-style:none; display:inline; line-height:25px;}
.top_navigation li a{color:#FFF; text-decoration:none;}
.top_navigation li a:hover{color:#a8a8a8; text-decoration:none;}
.top_navigation li.home{background:url(../images/home_icon.png) -1px 6px no-repeat; width:25px; height:30px;}
.top_navigation li.signup{background:url(../images/signup_icon.png) -1px 6px no-repeat; width:25px; height:30px;}
.top_navigation li.contact{background:url(../images/contactus_icon.png) -1px 6px no-repeat; width:27px; height:30px;}
.top_navigation li.login{background:url(../images/login_icon.jpg) -2px 7px no-repeat; width:27px; height:30px;}
.top_navigation li.addthis{height:30px;valign:centre;vertical-align:middle}
.top_navigation li.facebook{background:url(../images/facebook-group.jpg) -1px 6px no-repeat; width:30px; height:30px;}
.top_navigation li.like{valign:centre;vertical-align:middle;}

.secondtop{margin:0px 0px 0px 0px; padding:0px; height:117px;}
.logo{margin:0px; padding:8px 0px 0px 10px; float:left; width:250px;}
/*-------------- Navigation --------------*/
.navigation{margin:18px 10px 0px 0px; padding:16px 0px; width:700px; float:right; background:url(../images/navigation_bg.jpg) 0px 0px no-repeat; height:16px;  line-height:16px;}
.navigation ul{margin:0px 18px; padding:0px; list-style:none; display:block;}
.navigation li{margin:0px; padding:0px 17px; list-style:none; display:inline; color:#302f2f; border-left:1px solid #302f2f; font-size:14px;}
.navigation li a{color:#302f2f; text-decoration:none;}
.navigation li a:hover{color:#018ad9; text-decoration:none;}
.navigation li.bgnone{border:none;}

.banner{background:url(../images/banner_background.jpg) 0px 0px no-repeat; height:240px; padding:0px 0px 0px 0px;}
.bannerlist h3{font-family:Arial, Helvetica, sans-serif;font-size:14px; color:#000; margin:0px; padding:10px 15px 10px 10px; line-height:18px; font-weight:normal;}
.bannercontent{margin:0px; padding:0px; width:100%;}
.bannerleft{float:left; width:660px;}
.bannerright{float:right; width:255px; padding:10px 45px 0px 0px;}

.bannerlist{margin:-5px 0px 0px 0px; padding:0px; float:left; width:100%;}
.bannerlist ul{margin:-5px 0px 0px 20px; padding:0px;}
.bannerlist li{margin:0px; padding:0px 0px 0px 10px; background:url(../images/banner_arrow.jpg) 0px 5px no-repeat; line-height:15px; list-style:none;}

.bannersmall_list{margin:0px 0px 0px 12px; padding:5px 0px 0px 0px;}
.bannersmall_list ul{margin:3px 0px; padding:5px 0px; list-style:none;}
.bannersmall_list li{margin:0px; padding:0px 16px; list-style:none; background:url(../images/small_checkmark.jpg) 0px 4px no-repeat; width:140px; float:left; font-size:11px;}

/*---------------------------- Middle Part ----------------------------*/
#middle{margin:0px auto; padding:0px;}
#middle h1{font-family:Tahoma, Geneva, sans-serif; font-size:18px; color:#000; margin:0px; padding:15px; line-height:25px; text-transform:uppercase;}
#middle h2{font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#000; margin:0px; padding:15px; line-height:25px;}

.product_bg{background:#3bc2ec url(../images/products_background.jpg) bottom center no-repeat; width:980px; min-height:180px; height:auto; margin:0px auto; padding:10px 0px 5px 0px;}
.server{background:url(../images/servers.jpg) 10px 26px no-repeat; height:182px; width:310px; margin:0px 16px 0px 0px; float:left; position:relative;}
.servercost{position:absolute; top:60px; right:0px; text-align:right; height:79px; width:90px;}
.server h3{margin:0px; padding:26px 0px 0px 125px;}

.serverlist{margin:0px; padding:0px; color:#fff;}
.serverlist ul{margin:15px 0px 5px 0px; padding:0px; display:block; list-style:none;}
.serverlist li{margin:0px; padding:0px 0px 0px 15px; display:block; list-style:none; background:url(../images/server_arrow.jpg) 0px 5px no-repeat; line-height:20px; height:20px;}
.serverlist li.imagenone{background:none;}
.serverlist li a{text-decoration:underline; color:#fff;}
.serverlist li a:hover{text-decoration:none; color:#fff;}
.orderbutton{margin:0px; padding:5px 0px 0px 125px;}

/*---------------------------- Footer Part ----------------------------*/
#footer{width:auto; margin:0px auto; padding:0px; background:#2d2d2d; color:#FFF; height:75px;}
.footer_text{width:980px; margin:0px auto; padding:10px;}

/*---------------------------- Inner Pages ----------------------------*/
.middlecontent{background:#fff url(../images/middle_content_bg.jpg) 0px 0px repeat-x; width:970px; height:auto; min-height:400px; padding:19px 15px; margin:0px 0px 20px 0px;}
.middle h2{font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:18px; color:#000; margin:0px; padding:12px 15px 12px 10px; line-height:20px;}
.middle p{line-height:normal; padding:0px; margin:0px 0px 15px 0px;}
.middle h3{color:#1187b7; font:bold 14px/18px Arial, Helvetica, sans-serif; margin:0px 0px 15px 0px; padding:0px; text-transform:uppercase;}

.left_navigation{float:left; width:210px; margin:0px 20px 0px 0px; padding:0px;}
.right_col{float:left; width:740px; margin:0px; padding:0px;}

/*-------------- Left Navigation --------------*/
.left_navigation ul{margin:0px; padding:0px; display:block; list-style:none;}
.left_navigation li{margin:0px; padding:0px 0px 1px 29px; display:block; list-style:none; background:url(../images/left_nav_bg.gif) 0px 0px no-repeat; height:27px; width:180px; font:normal 14px/25px Arial, Helvetica, sans-serif; color:#fff;}
.left_navigation li a{color:#fff; text-decoration:none;}
.left_navigation li a:hover{color:#45c9ff; text-decoration:none;}
.left_navigation h3{font:bold 14px/20px Arial, Helvetica, sans-serif; color:#2d2d2d; margin:15px 0px 0px 0px; padding:0px; text-transform:none;}

/*---------------------------- About us ----------------------------*/
.benefits{margin:0px; padding:0px; width:740px;}
.benefits_mark{width:30px; height:25px; float:left;}
.benefits_text{float:left; width:95%; margin:0px 0px 10px 0px;}

/*---------------------------- Products ----------------------------*/
.products{margin:0px 0px 15px 0px; padding:0px 0px 10px 0px; width:740px; border-bottom:1px dotted #ccc;}
.products h3{color:#1187b7; font:bold 16px/20px Arial, Helvetica, sans-serif; margin:0px 0px 15px 0px; padding:0px; text-transform:none;}
.productsbackground{background:url(../images/product_bg.gif) 0px 0px no-repeat; width:602px; height:132px; margin:0px 0px 15px 0px; padding:12px 0px 0px 120px;}
.productsbackground h3{font:bold 14px/20px Arial, Helvetica, sans-serif; color:#2d2d2d; margin:0px 0px 10px 0px; padding:0px; text-transform:uppercase;}
.productcontent{width:602px; margin:0px 0px 10px 0px; padding:0px;}

.productslisting{width:450px; float:left; margin:0px 0px 0px 15px; padding:0px;}
.productslisting ul{width:145px; float:left; margin:0px 5px 0px -10px; display:block; list-style:none;}
.productslisting li{font:normal 12px/15px Arial, Helvetica, sans-serif; padding:0px 0px 0px 10px; list-style:none; background:url(../images/bullets_image.jpg) 0px 5px no-repeat;}

.product_price{float:right; width:100px; margin:0px; padding:5px 15px 0px 0px; text-align:center;}
.product_price h1{font:bold 30px/30px Arial, Helvetica, sans-serif; color:#fff; margin:0px; padding:0px;}
.product_price h5{font:bold 13px/13px Arial, Helvetica, sans-serif; color:#fff; margin:0px; padding:0px;}
.product_buttons{margin:0px; clear:both; padding:0px 0px 0px 0px; width:602px;}
.product_buttons input{margin:0px 3px;}
.signupbutton{width:167px; margin:0px; padding:0px; height:35px;}

/*---------------------------- Support ----------------------------*/
.support{margin:30px 0px 0px 0px; padding:0px; width:720px;}
.support_one{width:300px; float:left; margin-left:20px;}
.support_image{float:left; width:80px; margin:0px; padding:0px;}
.support_text{float:left; width:220px; margin:0px; padding:0px 0px 15px 0px;}
.support h3{color:#1187b7; font:bold 14px/18px Arial, Helvetica, sans-serif; margin:0px 0px 5px 0px; padding:0px; text-transform:uppercase;}

/*---------------------------- Sign up ----------------------------*/
.signup{margin:0px auto; padding:0px; width:700px;}
.signupcontent{margin:0px; padding:0px; width:700px;}
.signup label{float:left; width:150px; text-align:left; padding:2px 3px; margin:0px 0px 7px 0px;}
.textfield_bg{background:url(../images/textfield_bg.gif) 0px 0px no-repeat; width:234px; height:26px; float:left; margin:0px 0px 7px 0px;}
.textfield{border:0px; background:#fff; width:225px; height:20px; margin:2px 3px;}
.checkfield{border:0px;background:#fff;}
.textfieldtxt{border:0px; background:#fff; width:225px; margin:2px 3px;}
.backgroundnone{background:none; width:234px; height:auto; float:left; margin:0px 0px 7px 0px;}
.backgroundnone p{margin:0px; padding:3px 0px 2px 0px;}
.dropdown{border:1px solid #ccc; width:auto; height:24px; margin:2px 3px;}
.button{padding:0px 5px; margin:0px;}
.error{color:red;}

/*---------------------------- New Index page classes ----------------------------*/
.banner_image{background:#56cbfb; height:auto; width:100%;}
.map_image{background:url(../images/map_image.jpg) center top no-repeat; height:211px; margin:0px 0px 10px 0px}
.whitestrip{background:#57cbfb url(../images/white_strip.jpg) top center repeat-x; height:79px; width:100%;}
.banner_image h1{font:bold 22px/25px Arial, Helvetica, sans-serif; color:#fff; padding:0px 0px 0px 7px; margin:25px 0px 10px 0px;}
.productsinfo h2{ font-family:Tahoma, Geneva, sans-serif !important; font-size:18px !important; font-weight:bold !important; color:#fff !important; margin:0px !important; padding:0px !important; border-bottom:1px dotted #fff; width:75%;}
.border_right{ border-right:1px dotted #fff;}

.index_product_price{width:90px; margin:10px 8px 0px 0px; padding:5px 0px 0px 0px; text-align:center; background:url(../images/price_tag.jpg) right top no-repeat; height:79px;}
.index_product_price_1{font:bold 26px/20px Arial, Helvetica, sans-serif; color:#fff; margin:0px; padding:20px 0px 0px 0px;}
.index_product_price h5{font:bold 13px/13px Arial, Helvetica, sans-serif; color:#fff; margin:0px; padding:0px;}



/*---------------------------- New marketing page ----------------------------*/

.signuppromo{margin:0px auto; padding:0px;}
.signuppromo label{float:left; width:150px; text-align:left; padding:2px 3px; margin:0px 0px 7px 0px;}

.blacktop{
height: 105px; /*135 */
padding: 15px;
background-color:#3E3E3E;
color:#FFFFFF;
font-size:14px;
margin-bottom: 25px;
}


.yellowtop{
padding: 15px;
background-color:#FFD940;
color:#000000;
font-size:17px!important;
margin-bottom: 25px;
float: left;
font-family: tahoma!important;
}

#yellowtext{
float: left;
width: 450px;
}

#middlecontentmark{background:#fff url(../images/middle_content_bg.jpg) 0px 0px repeat-x; width:970px; height:auto; min-height:400px; padding:19px 15px; margin:0px 0px 20px 0px; font-family: tahoma;}

#middlecontentmark h3{
color:#333333!important;
padding: 5px 5px 5px 0px!important;
font-size:18px!important;
font-weight:normal;
margin: 10px 0px 15px 0px!important;
float: left;
}


.promo{
color:#333333!important;
font-size:16px!important;
}

#middlecontentmark ul{
list-style-type: none;
}

#middlecontentmark li{
background-image:url(../images/bluetick.png);
background-repeat:no-repeat;
background-position: 0 .3em;
font-size:18px;
line-height:29px;
padding-left: 34px;
}

#middlecontentmark .signuppromo{
background-color:#6ECDF6;
padding: 15px;
margin: 2px 0px 0px 0px!important;
}

#middlecontentmark img{
/*float: right;*/
/*padding: 10px;*/
}

#promoleft{
width: 70s0px;
float: left;
margin-right: 20px;
}


#promoright{
float: left;
}


.floatleft{
float: left;
margin-right: 20px;
}

.submit{
cursor: pointer;
padding: 4px 8px 4px 8px;
background-color:#970804;
color: #ffffff;
border: 0px;
font-size:20px;
margin: 0px 0px 0px 0px;
}
