﻿*{margin:0; padding:0;}
body{background:url(../index-img/bg.gif) repeat 0 0; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666666;}
img{border:0; outline:none; max-width:100%;}
p{padding:5px 0 10px 0; line-height:17px; color:#333333;}
ul{list-style-type:none; margin:0;}
h1{ font-weight:normal; font-size:12px; position:absolute; top:70px; left:25px; color:#999999; width:500px;}
h2{ color:#000000; font-size:18px; font-weight:normal;}
.clr{clear:both;}
.mastre{width:100%; text-align:center; background:url(../index-img/bg1.gif) repeat-x 0 0;}
.main{width:960px; margin:0 auto; text-align:left; background-color:#f5f5f5; position:relative;}
.top{background:url(../index-img/top.gif) repeat-x 0 0; height:88px; padding:21px 20px 0 25px; position:relative;}
.logo{float:left; }
.top-right{float:right; width:308px;}


.searchbox{background:url(../index-img/search-box.gif) no-repeat 0 0; height:36px; padding:6px 6px 6px 12px; margin:20px 0 0 0;}
.search-in{border:0; outline:none; background-color:#f5f5f5; height:25px; padding:0 0 0 5px; line-height:25px; width:210px;}
.search{float:right; width:56px;}
.type{float:left; width:210px;}
.search-icon{background:url(../index-img/search.gif) no-repeat 0 0; width:56px; height:25px; border:0; outline:none;}
.menu{background:url(../index-img/menu.gif) repeat-x 0 0; height:40px; margin:21px 0 0 0;}



.banner{background:url(../index-img/banner.jpg) no-repeat 0 0; height:238px;}
.contmain-bg{background:url(../index-img/cont-bg.gif) repeat-x 0 0;}
.top-cont{padding:0 25px 20px 24px;}
.products{background:url(../index-img/products.gif) no-repeat 0 0; width:591px; height:333px; float:left; padding:5px 15px;}
.deal{float:right; width:311px; float:right;}
.deal p{color:#000000; padding:15px 0 4px 97px; line-height:15px;}
.latest-release{background:url(../index-img/latest-release.gif) no-repeat 0 0; height:212px; padding:20px; margin:0 0 9px 0;}
.featuresblue{font-size:19px; font-weight:normal; color:#003366; padding:10px 0 0; line-height:normal;}
.blue{font-size:16px; font-weight:normal; color:#003366; font-weight:bold;}
.black{font-size:15px; font-weight:normal; color:#000000; font-weight:bold; padding:10px 0 5px 0;}
.black a{text-decoration:none; color:#000000;}
.black a:hover{color:#006699;}
.feat{ background:url(../index-img/line.gif) no-repeat bottom left; padding:5px; margin:0 0 5px 0;}
.feat h2{font-size:24px; color:#003366; font-weight:normal;}
.prodd{float:left; width:280px; padding:0 17px;}
.prodd img{float:left; margin:0 5px 0 0;}
.prodd p{float:right; width:185px; color:#000000; padding:0; line-height:13px;}
.prodd-down{background:url(../index-img/download-arrow.gif) no-repeat 120px 0; margin:7px 0; padding:0 0 0 120px}
.prodd-down a{text-decoration:none; color:#006699; padding:0 0 0 20px;}
.prodd-down a:hover{font-weight:bold;}
.divide{background:url(../index-img/divide.gif) no-repeat 0 0; margin:5px 0; height:6px; clear:both;}
.tab-main{width:914px; margin:0 auto;}
.tabs{background:url(../index-img/tab-bg.gif) repeat-y 0 0 ;}
.tab-top{background:url(../index-img/tabs.gif) no-repeat 0 0; padding:0 3px;}
.tab-box{float:left; width:302px;}
.tab-head{ font-size:18px; color:#000000; padding:10px 0 4px 20px;}
.tab-head img{float:left; margin:0 15px 0 0;}
.boxx{padding:10px 20px;}
.boxx p{line-height:15px;}
.boxx span{color:#006699;}
.newsb {color:#006699;}
.boxx a{text-decoration:none; color:#006699;}
.boxx a:hover{text-decoration:underline;}
.button{background:url(../index-img/button.gif) no-repeat 0 0; height:24px;  width:109px;margin:10px 0 0 0;}
.button a{text-decoration:none; color:#FFFFFF; line-height:24px; text-align:center; display:block;}
.button a:hover{background:url(../index-img/hover-button.gif) no-repeat 0 0; text-decoration:none;}
.client-name{color:#000000; font-weight:bold; padding:10px 0 5px 0;}
.client{background:url(../index-img/top-quote.gif) no-repeat 0 0; padding:0 0 0 30px;}
.client p{background:url(../index-img/bottom-quote.gif) no-repeat 110px 85px; padding:20px 0 20px 0;}
.footer{background-color:#333333; height:50px; margin:15px 0 0 0; color:#CCCCCC; padding:0 20px; line-height:50px;}
.footer a{text-decoration:none; color:#99ccff;}
.footer a:hover{color:#FFFFFF;}
.footer-l{float:left;}
.footer-r{float:right;}
.blue-text{font-size:18px; color:#006699; padding:20px 0 0 0;}

.chat-image{position: fixed; bottom:0; right:0; z-index:999px;}
* html .chat-image{ position:absolute; bottom:auto;
 top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0))); float: right;}
.chatsimg{	position:absolute; right:6px; top:1px; font-weight:bold; padding: 0;}
.chathold{	z-index:100;position:absolute;}
.chathold1{	display:inline;}
.chathold2{	display:none;}
.chatbubble{	background:url(http://www.softwaredatarecovery.net/images/chat.gif) no-repeat left; padding: 5px 5px 5px 30px;}
.chatbubble a{text-decoration:none; color:#000000;}
.chatbubble1{	z-index:100;position:absolute;}
.chatbubble2{	display:inline;}
.chatbubble3{	display:none;}
#left-pan{float: left; width:220px; height:100%; }
.left-main{ margin:1px 0; border:1px solid #ced4d6;}
.detail{background:url(../index-img/detail.gif) repeat-x; line-height:29px; font-weight:bold; padding-left:10px; color:#000000;}
.detail img{ float:left; margin:0 5px 0 0;}
.form-con{padding:10px;}
.form-con p{ color:#003366; line-height:16px; padding:0 0 20px 0;}
.blogforum{ margin:0;}
.blogforum ul{padding:10px; list-style-type:none;}
.blogforum ul li{}
.blogforum ul li a{background:url(../index-img/arrow2.gif) no-repeat left center ; line-height:30px; text-decoration:none; font-weight:bold; color:#085992; padding-left:20px;}
.blogforum ul li a:hover{text-decoration:underline;}
#right-pan{ width:734px; border:1px solid #ced4d6; float:right;}
.right-pan-cont{padding:10px;}
.page-right-pan{ padding:0; margin:0;}
.wtbox{padding:30px 20px; background:#FFFFFF; border-top:1px solid #ccc;}
.grbox{padding:30px 20px; border-top:1px solid #ccc;}
.wtbox-left{float:left; width:140px;}
.wtbox-right{ position:relative; margin:0 0 0 170px;}
.wtbox-right a{text-decoration:none; color:#006699;}
.wtbox-right a:hover{text-decoration:underline;}
.wtbox-right strong{display:block; color:#000000; font-size:18px;}

.right-pan-cont-new{padding:20px;}
.right-pan-cont-new p{line-height:20px;}
.wtbgcol{background:#FFFFFF; padding:20px; margin:10px 0;}
.wtbgcol p{line-height:20px;}
.space{padding:15px 0;}
.screens{background:#CCCCCC; padding:10px; margin:0; border-bottom:1px solid #fff;}
.right{float:right; width:47%;}
.left{float:left; width:47%;}
.left ul{ margin:10px;}
.left ul li{list-style-type:disc; margin:0 0 10px 15px; color:#333333;}

.leftscreen{float:left; width:47%; box-shadow:0 0 5px #999;}
.video-container {position:relative; padding-bottom:56.25%;  height:0; overflow:hidden; margin:20px auto; box-shadow: 0 0 10px #888; }
.video-container iframe, .video-container object, .video-container embed{position:absolute; top:0; left:0; width:100%; height:100%; border:none; outline:none;}

.softbox-lside{float:left; width:30%; margin:20px 0 0 0;}
.softfeat-rside{float:right; width:69%; margin:30px 0 0 0;}
.softfeat-rside ul li{background:url(../index-img/arrownew.png) no-repeat 0 7px; padding:0 0 10px 20px; color:#333333; line-height:19px;}

.featurelist{}
.featurelist ul{ margin:10px; }
.featurelist ul li{list-style-type:disc; color:#333333; margin:0 0 10px 20px; line-height:18px;}


.navi{background:url(../index-img/nav.gif) repeat-x; border-bottom:1px solid #ced4d6; height:29px; }
.navi ul{list-style-type:none; padding-left:10px;}
.navi ul li{float:left; color:#000000; line-height:29px; padding-left:5px;}
.navi ul li a{text-decoration:none; color: #006699; font-weight:bold; padding-right:5px;}
.navi ul li a:hover{text-decoration:underline}
.buy-page{padding:5px 10px 5px 15px; color:#333333; line-height:18px;}
.buy-page ul{margin:5px 10px 5px 30px; padding:0;}
.buy-page ul li{margin:0; padding:0; list-style:circle; line-height:25px;}
.buy-page ol{margin:5px 10px 5px 40px; padding:0;}
.buy-page ol li{margin:0; padding:0;}
.red{color:#b60404; }
.categories-box{float:left; width:46%; padding:0; border:1px solid #cccccc; border-radius:8px; margin:1%;}
.categories-box-top{background:#e5e5e5 url(../index-img/headbg.gif) repeat-x 0 0; font-weight:bold; color:#000000; padding:5px 0 5px 20px; border-radius:8px 8px 0 0;}
.categories-box-con{padding:10px;}
.categories-box-left{float:left; width:85px;}
.categories-box-right{ }
.categories-box-right p{color:#000000; font-size:11px; line-height:14px;}
.categories-box-right p a{text-decoration:none; color:#006699;}
.categories-box-right p a:hover{text-decoration:underline;}
.categories-box-link{ padding:0;}
.categories-box-right-size ul{}
.categories-box-right-size ul li{background:url(../index-img/box-button.gif) no-repeat 0 0; height:21px; width:108px; line-height:21px; text-align:center; color:#003366; float:left; margin:0 5px 0 0; font-size:11px;}
.categories-box-link ul li{background:none; float:left; margin:0 15px 0 0;}
.categories-box-link ul li.down{ background:url(../index-img/box-download.gif) no-repeat 0 4px; padding:0 0 0 15px;}
.categories-box-link ul li.pur{ background: url(../index-img/box-buy.gif) no-repeat 0 3px; padding:0 0 0 15px;}
.categories-box-link ul li a{text-decoration:none; color:#006699; font-size:11px;}
.categories-box-link ul li a:hover{color:#000000; text-decoration:underline;}






/* --------   start buy download page     ----------------*/


.softbox{ float:left; width:160px; padding:0;}
.buydlls{padding:0; margin:0; }
.buydlls p{ line-height:18px; padding:15px 10px 0 0; text-align:justify; margin:5px 0;}
.buydlls ul{list-style:none; padding:0 0 0 0; margin:0;}
.buydlls ul li{padding:0 30px 0 0; float:left;}
.buydlls ul li a{text-decoration:none;}
.buydlls ul li a:hover{text-decoration:none;}

.buy-page-new{padding-top:5px;}
.buy-page-new table{border-right:1px solid #CCCCCC; border-top:1px solid #CCCCCC; margin:5px 0 10px 0;}
.buy-page-new table td{border-bottom:1px solid #CCCCCC; border-left:1px solid #CCCCCC;}
.buy-pro{background: url(../index-img/table-bg.gif) repeat-x top left; line-height:32px; padding-left:10px; color:#000000;}
.buy-pro a{text-decoration:none; color:#990000;}
.buy-pro a:hover{text-decoration:underline;}
.txtdll{width:95%; margin:10px 0; line-height:16px; text-align:justify; clear:both;}
.soft-name-bar{background:#666666; font-size:12px; font-weight:bold; line-height:25px; color:#FFFFFF; padding-left:10px;}
.soft-name{font-size:12px; font-weight:bold; color:#075185; padding:10px;}


.blank-link-d{float:right; width:100px; padding:5px 40px 10px 0;}
.size-version{font-size:12px;	font-weight:bold;	padding:0;	color:#208505;}
.details{padding:60px 0 0 5px;	text-align:center;}
.cart{font-family:Verdana, Arial, Helvetica, sans-serif;	font-size:12px;	font-weight:bold;	color:#038acc;	vertical-align:middle;	padding:0 0 0 15px;}
.cart a{color:#038acc;	text-decoration:none;}
.cart a{color:#038acc;	text-decoration:none;}
.grab{float:left;	height:33px;	margin:10px 0;	width:695px;}
.gr-left{background:url(../images/rel-bundle-l.jpg) left top no-repeat;	height:33px;	float:left;	width:16px;}
.gr-mid{background:url(../images/rel-bundle-mid.jpg) left top repeat-x;	height:26px; font-family:Verdana, Arial, Helvetica, sans-serif;	font-size:13px;	color:#ffffff; padding:7px 0 0 0; font-weight:bold;width:667px; float:left;}
.gr-mid-txt{font-family:Verdana, Arial, Helvetica, sans-serif;	font-size:14px;	color:#ffffff;}
.gr-right{background:url(../images/rel-bundle-r.jpg) left top no-repeat;	height:33px;	width:12px;	float:right;}
.mcafee{float:right; margin-left:10px;}
.soft-name .small{font-size:11px; font-weight:normal; color: #969696;}
.license{padding: 20px 10px 10px 10px; color: #003366;}
.license a{text-decoration:none; color:#000000;}
.license a:hover{text-decoration: underline; color: #990000;}
.buy-sof{ padding:10px;}
.price{padding:20px 10px 10px 10px; color:#1f8504;}
.blank-link{float:right; width:230px; margin-right:40px;}
* html .blank-link{float:right; width:230px; margin-right:20px;}
.master{float:right; margin-left:10px; margin-top:5px;}
.visa{float:right; margin-left:10px; margin-top:5px;}
.mcafee{float:right; margin-left:10px; }


/* --------   end buy download page     ----------------*/

/* ----- company page css --------*/

.comppageleft{float:left; width:610px; padding:10px; font-family:Arial, Helvetica, sans-serif, Tahoma; font-size:12px;}
.comppageleft ul{margin:0; padding:0;}
.comppageleft li{margin:0; padding:0; background: url(../img/dot-arrow.gif) no-repeat 0% 50%; padding:0 0 0 15px; line-height:18px;	font-weight:bold;}
.comppageleft p{text-align:justify; line-height:18px; margin:10px 0; padding:0;}
.content-right{float: right; width:315px; padding:10px 5px 10px 0;}
.viewpro{font-family:Tahoma; font-size:12px; font-weight: normal; color:#006eaa; padding:5px; text-align:center; margin:5px 0;}
.viewpro a{color:#006eaa; text-decoration:none;}
/*end*/

/*Sitemap Page CSS Start*/
.smap ul{margin:15px 10px 10px 10px; padding:0;}
.smap ul li{float:left; margin:0 10px; padding:0; line-height:18px; color:#006699; list-style:disc; font-size:11px; font-weight:bold;}
.smap ul li a{color:#006699; text-decoration:none;}
.smap ul li a:hover{color:#006699; text-decoration:underline;}
.smapbox{ width:220px; float:left; margin:15px 10px 10px 0;}
.smapbox ul{ margin:0 0 0 20px; padding:0;}
.smapbox ul li{ margin:0; padding:0; list-style:disc; line-height:20px;}
.smapbox ul li a{ text-decoration:none; color:#333333;}
.smapbox ul li a:hover{text-decoration: underline; color:#006699;}
.smaptxt{ font-size:11px; font-weight:bold; color:#006699; padding:0 0 10px 0;}
/**/

table.awardpage {margin: 10px 0 10px;}
table.awardpage, table.awardpage td {border-width: 1px;border-color: #4886a1;border-collapse: collapse;}
table.awardpage th, table.awardpage td {padding: 5px;}
table.awardpage th {background: #68a8c5; color:#000000;}
table.awardpage td a {color: #CC0000;}

.cltesti{ background:url(../index-img/testimonialsclr.jpg) no-repeat center top; height:24px;}
.testimbox{ -moz-border-radius:5px; -webkit-border-radius:5px; border-radius: 5px; border:#f1f1f1 1px solid; background:#ffffff; margin:10px auto 0 auto; padding:5px 10px 5px 10px; -moz-box-shadow: 2px 2px 5px #f5fcfd; -webkit-box-shadow: 2px 2px 5px #f5fcfd; box-shadow: 2px 2px 5px #f5fcfd; color:#666666;}
.testimbox p{margin:0 0 3px;}
.testimclient{color:#006699; text-align:right; margin:0; padding:0;}




/*Special-Offer-Start*/

.bundles{float:left; padding:10px 0 0 40px;	width:394px;	height:380px;}
.spacial-offer{	border:1px solid #e1e1e1;	border-bottom:none;	margin-top:10px;}
.box-sp-1{	width:437px;	height:150px;	border-right:#e1e1e1 1px solid;	float:left;}
.offer-soft {	padding-left:10px;	height:150px;	float:left;	width:195px;	border-right:1px solid #e1e1e1;	}
.offer-soft-img{	width:195px;	height:150px;	float:left;}
.box-sp-2{	width:280px;	height:150px;	border-right:#e1e1e1 1px solid;	float:left;}
.box-sp-2 ul {	padding:20px 10px 10px 10px;	margin:0;	list-style:none;}
.box-sp-2 ul li {	font-family:Verdana, Arial, Helvetica, sans-serif;	font-size:11px;	color:#000000;	font-weight:normal;	padding:0 0 8px 18px;	background: url(../index-img/m_arrow.gif) no-repeat 0 3px;}
.box-sp-3{	width:218px;	height:150px;	float:left;}
.box-sp-3 ul {	padding:20px 10px ;	margin:0;	list-style:none;}
.box-sp-3 ul li {	color:#000000;	font-weight:normal;	line-height:20px;	padding:0 0 0 5px;}
.box-sp-3 li.mrp {	padding-left:10px;	font-family: Tahoma;	font-size:18px;	font-weight: normal;	color:#ee192b;	text-decoration:line-through;}
.box-sp-3 li.op {	padding-left:10px;	font-family: Arial, Helvetica, sans-serif, Tahoma;	font-size:12px;	font-weight: bold;	color:#767676;}
.box-sp-3 li .price {	padding-left:10px;	font-family: Arial, Helvetica, sans-serif, Tahoma;	font-size:14px;	font-weight: bold;	color:#38b800;}
@font-face {    font-family: "Brock Script";    src: url(BrockScript.ttf);}
.box-sp-3 li.save {	padding-left:10px;	font-size:18px;	font-weight:bold;	color:#ff0f0f;	font-family: "Brock Script";	}
.box-sp-3 li .per {	padding-left:10px;	font-family:  Arial, Helvetica, sans-serif, Tahoma;	font-size:14px;	font-weight: bold;	color:#d32426;}
.box-sp-3 li .pad{	padding-top:10px;}
.sp-offer {	height:39px;	border-bottom:1px solid #e1e1e1;	background-color:#FFFFFF;}
.sp-offer ul {	padding:0;	margin:0;	list-style-type:none;}
.sp-offer ul li {	float:left;	height:39px;	font-family:Verdana, Arial, Helvetica, sans-serif;	font-size:12px;	font-weight:bold;color:#000000;}
.sp-offer ul li.name {	padding-left:10px;	line-height:39px;	width:427px;	border-right:1px solid #e1e1e1;}
.sp-offer ul li.pack {	padding-left:10px;	line-height:39px;	width:270px;	border-right:1px solid #e1e1e1;}
.sp-offer ul li.original {	padding-left:10px;	line-height:39px; 	width:99px;}
.sp-offer ul li.bundle {	padding-left:10px;	line-height:39px;	width:99px;	border-right:1px solid #e1e1e1;}
.sp-offer ul li.save {	padding-left:10px;	line-height:39px;	width:74px;}
.offer-list {	height:150px;	background-color:#ffffff;	border-bottom:1px solid #e1e1e1;}
.offer-listaa {	height:112px;	border-bottom:1px solid #e1e1e1;	background:#FFFFFF;}
.softname {	padding-left:10px;	height:150px;	float:left;	width:230px;	border-right:1px solid #e1e1e1;	font-family:Verdana, Arial, Helvetica, sans-serif;	font-size:12px;	font-weight:normal;	vertical-align: bottom;	color:#000000;}
.softname ul li {	margin:0;	padding:50px 0 0 5px;}
.spacial-offer-contant {	border:1px solid #e1e1e1;	border-bottom:none;	margin-top:5px;}


/*Special-Offer-End*/
.updates h2{ color:#000000; font-size:18px; font-weight:normal; float: left; padding:15px 0 0 0;}
.updates img{float:left; margin:0 0 0 20px;}





#newmenu,
#newmenu ul,
#newmenu ul li,
#newmenu ul li a,
#newmenu #menu-button {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#newmenu:after,
#newmenu > ul:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
#newmenu #menu-button {
  display: none;
}
#newmenu { position:absolute; top:109px;
}
#newmenu > ul > li {
  float: left;
}
#newmenu.align-center > ul {
  font-size: 0;
  text-align: center;
}
#newmenu.align-center > ul > li {
  display: inline-block;
  float: none;
}
#newmenu.align-center ul ul {
  text-align: left;
}
#newmenu.align-right > ul > li {
  float: right;
}
#newmenu > ul > li > a {
  padding: 14px 25px;
  text-decoration: none;
  color: #ffffff;
  font-weight: normal;
  text-transform: none;
}
#newmenu > ul > li:hover > a {
  color: #ffffff; background: #000000;
}
#newmenu > ul > li.has-sub > a {
  padding-right: 30px;
}
#newmenu > ul > li.has-sub > a:after {
  position: absolute;
  top: 19px;
  right: 11px;
  width: 8px;
  height: 2px;
  display: block;
  background: #ffffff;
  content: '';
}
#newmenu > ul > li.has-sub > a:before {
  position: absolute;
  top: 16px;
  right: 14px;
  display: block;
  width: 2px;
  height: 8px;
  background: #ffffff;
  content: '';
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
}
#newmenu > ul > li.has-sub:hover > a:after {
background: #ffffff;
}
#newmenu > ul > li.has-sub:hover > a:before {
  top: 47px;
  height: 0;
  background: #ffffff;
}
#newmenu ul ul {
  position: absolute;
  left: -9999px;
}
#newmenu.align-right ul ul {
  text-align: right;
}
#newmenu ul ul li {
  height: 0;
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
  border:1px solid #171717;
  border-top:none;
}
#newmenu li:hover > ul {
  left: auto;
}
#newmenu.align-right li:hover > ul {
  left: auto;
  right: 0;
}
#newmenu li:hover > ul > li {
  height: auto;
}
#newmenu ul ul ul {
  margin-left: 100%;
  top: 0;
}
#newmenu.align-right ul ul ul {
  margin-left: 0;
  margin-right: 100%;
}
#newmenu ul ul li a {

  padding: 11px 15px;
  width: 200px;
  font-size: 12px;
  text-decoration: none;
  color: #dddddd;
  font-weight: 400;
  background: #000000;
}
#newmenu ul ul li:last-child > a,
#newmenu ul ul li.last-item > a {
  border-bottom: 0;
}
#newmenu ul ul li:hover > a,
#newmenu ul ul li a:hover {
  color: #ffffff; background:#006699;
}
#newmenu ul ul li.has-sub > a:after {
  position: absolute;
  top: 16px;
  right: 11px;
  width: 8px;
  height: 2px;
  display: block;
  background: #dddddd;
  content: '';
}
#newmenu.align-right ul ul li.has-sub > a:after {
  right: auto;
  left: 11px;
}
#newmenu ul ul li.has-sub > a:before {
  position: absolute;
  top: 13px;
  right: 14px;
  display: block;
  width: 2px;
  height: 8px;
  background: #dddddd;
  content: '';
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
}
#newmenu.align-right ul ul li.has-sub > a:before {
  right: auto;
  left: 14px;
}
#newmenu ul ul > li.has-sub:hover > a:before {
  top: 17px;
  height: 0;
}
#newmenu.small-screen {
  width: 100%; margin:0 0 0 0;
}
#newmenu.small-screen ul {
  width: 100%;
  margin:0 0 0 0;
  display: none;
  background:#000000;
}
#newmenu.small-screen.align-center > ul {
  text-align: left;
}
#newmenu.small-screen ul li {
  width: 100%;
  border-top: 1px solid rgba(120, 120, 120, 0.2);
  border-bottom:none;
}
#newmenu.small-screen ul ul li,
#newmenu.small-screen li:hover > ul > li {
  height: auto; background:#333333;
}
#newmenu.small-screen ul ul li ul li,
#newmenu.small-screen li:hover > ul > li > ul > li
{
  height: auto; background: #666666;
}
#newmenu.small-screen ul li a,
#newmenu.small-screen ul ul li a {
  width: 100%;
  border-bottom: 0; 
}
#newmenu.small-screen > ul > li {
  float: none;
}
#newmenu.small-screen ul ul li a {
  padding-left: 25px;
}
#newmenu.small-screen ul li a:hover{background:#003366;}
#newmenu.small-screen ul ul ul li a {
  padding-left: 35px;
}
#newmenu.small-screen ul ul li a {
  color: #dddddd;
  background: none;
}
#newmenu.small-screen ul ul li:hover > a,
#newmenu.small-screen ul ul li.active > a {
  color: #ffffff;
}
#newmenu.small-screen ul ul,
#newmenu.small-screen ul ul ul,
#newmenu.small-screen.align-right ul ul {
  position: relative;
  left: 0;
  width: 100%;
  margin: 0;
  text-align: left;
}
#newmenu.small-screen > ul > li.has-sub > a:after,
#newmenu.small-screen > ul > li.has-sub > a:before,
#newmenu.small-screen ul ul > li.has-sub > a:after,
#newmenu.small-screen ul ul > li.has-sub > a:before {
  display: none;
}
#newmenu.small-screen #menu-button {
  display: block;
  padding: 14px;
  color: #ffffff;
  cursor: pointer;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 700;
}
#newmenu.small-screen #menu-button:after {
  position: absolute;
  top: 19px;
  left: 60px;
  display: block;
  height: 4px;
  width: 20px;
  border-top: 2px solid #ffffff;
  border-bottom: 2px solid #ffffff;
  content: '';
}
#newmenu.small-screen #menu-button:before {
  position: absolute;
  top: 13px;
  left: 60px;
  display: block;
  height: 2px;
  width: 20px;
  background: #ffffff;
  content: '';
}
#newmenu.small-screen #menu-button.menu-opened:after {
  top: 20px;
  border: 0;
  height: 2px;
  width: 15px;
  background: #ffffff;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
#newmenu.small-screen #menu-button.menu-opened:before {
  top: 20px;
  background: #ffffff;
  width: 15px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
#newmenu.small-screen .submenu-button {
  position: absolute;
  z-index: 99;
  right: 0;
  top: 0;
  display: block;
  border-left: 1px solid rgba(120, 120, 120, 0.2);
  height: 40px;
  width: 35px;
  cursor: pointer;
}
#newmenu.small-screen .submenu-button.submenu-opened {
  background: #333333;
}
#newmenu.small-screen ul ul .submenu-button {
  height: 34px;
  width: 34px;
}
#newmenu.small-screen .submenu-button:after {
  position: absolute;
  top: 22px;
  right: 19px;
  width: 8px;
  height: 2px;
  display: block;
  background: #dddddd;
  content: '';
}
#newmenu.small-screen ul ul .submenu-button:after {
  top: 15px;
  right: 13px;
}
#newmenu.small-screen .submenu-button.submenu-opened:after {
  background: #ffffff;
}
#newmenu.small-screen .submenu-button:before {
  position: absolute;
  top: 19px;
  right: 22px;
  display: block;
  width: 2px;
  height: 8px;
  background: #dddddd;
  content: '';
}
#newmenu.small-screen ul ul .submenu-button:before {
  top: 12px;
  right: 16px;
}
#newmenu.small-screen .submenu-button.submenu-opened:before {
  display: none;
}
#newmenu.small-screen.select-list {
  padding: 5px;
}














	.offertable table { 
		width: 100%; 
		border-collapse: collapse;
		background:#ffffff;
		margin:20px 0 0 0;
	}
	/* Zebra striping */
	.offertable tr:nth-of-type(odd) { 
		background: #ffffff; 
	}
	.offertable th { 
		background:#666666;
		padding:10px;
		color:#ffffff; 
		font-weight: bold; 
	}
	.offertable td, th { 
		padding: 6px 10px; 
		border: 1px solid #ccc; 
		text-align: left; 
	}


.offertable td ul {	padding:0;	margin:0;	list-style:none;}
.offertable td ul li {	font-family:Verdana, Arial, Helvetica, sans-serif;	font-size:11px;	color:#000000;	font-weight:normal;	padding:0 0 8px 18px;	background: url(../index-img/m_arrow.gif) no-repeat 0 3px;}
	
	@media
	only screen and (max-width: 760px),
	(min-device-width: 768px) and (max-device-width: 1024px)  {

		/* Force table to not be like tables anymore */
		.offertable table, .offertable thead, .offertable tbody, .offertable th, .offertable td, .offertable tr {
			display: block;
		}

		/* Hide table headers (but not display: none;, for accessibility) */
		.offertable thead tr {
			position: absolute;
			top: -9999px;
			left: -9999px;
		}

		.offertable tr { border: 1px solid #ccc; }

		.offertable td {
			/* Behave  like a "row" */
			border: none;
			border-bottom: 1px solid #eee;
			position: relative;
			padding-left: 50%;
		}

		.offertable td:before {
			/* Now like a table header */
			position: absolute;
			/* Top/left values mimic padding */
			top: 6px;
			left: 6px;
			width: 45%;
			padding-right: 10px;
			white-space: nowrap;
		}

		/*
		Label the data
		*/
		.offertable td:nth-of-type(1):before { content: "Bundle Name"; font-weight:bold;}
		.offertable td:nth-of-type(2):before { content: "Bundle Pack"; font-weight:bold;}
		.offertable td:nth-of-type(3):before { content: "Bundle Cost"; font-weight:bold;}

	}
.mrp {	padding-left:10px;	font-family: Tahoma;	font-size:18px;	font-weight: normal;	color:#ee192b;	text-decoration:line-through;}
.op {	padding-left:10px;	font-family: Arial, Helvetica, sans-serif, Tahoma;	font-size:12px;	font-weight: bold;	color:#767676;}
.price {	padding-left:10px;	font-family: Arial, Helvetica, sans-serif, Tahoma;	font-size:14px;	font-weight: bold;	color:#38b800;}
.save {	padding-left:10px;	font-size:18px;	font-weight:bold;	color:#ff0f0f;	font-family: "Brock Script";	}
.per {	padding-left:10px;	font-family:  Arial, Helvetica, sans-serif, Tahoma;	font-size:14px;	font-weight: bold;	color:#d32426;}
.pad{	padding-top:10px;}


@media screen and (max-width: 980px) {
.menu{margin:0;}
h1{left:10px; top:60px; width:auto;}
.main{width:100%;}
.top{height: auto; padding:10px; position:relative; overflow:hidden;}
.top-right{width:auto;}
.type{width:auto; margin:0 6px 0 0;}
.searchbox{margin:0 0 30px 0; background:#e5e4e4; border-radius:6px; padding:5px;}
.search-in{border:0; outline:none; background-color:#f5f5f5; height:25px; padding:0 5px; line-height:25px; width:160px; border-radius:6px;}
.search{float:right; width:56px;}
#newmenu{top:85px;}

.softfeat-rside{width:67%;}

.tab-main{width:auto;}
.tabs{background-image:none;}
.tab-top{background-image:none;}
.tab-box{width:31%; background:#ffffff; border-radius:10px; margin:1%;}
.tab-head{background:#CCCCCC; border-radius:10px 10px 0 0;}
.client{background-image:none; padding:0;}
.client p{background-image:none; padding:10px 0;}
.products{width:52%;  background:#b8d3ff; border-radius:6px; height: auto;}
.prodd{width:44%; padding:0 3%;}
.prodd p{float:none; width:auto;}
.prodd img{margin:0 10px 0 0;}
.prodd-down{padding:0; text-align:right; background-image:none;}

#right-pan{width:73%;}
#left-pan{width:25%}


.categories-box-left{float:none; width:auto; text-align:center;}
.categories-box-right{float:none; width:auto; text-align:center;}
.categories-box-link{width:180px; margin:10px auto;}
.categories-box-right-size{width:110px; margin:10px auto; text-align:center;}
.categories-box-right-size ul li{float:none; margin:0 0 5px 0;}

.comppageleft{width:60%}
.content-right{width:35%}

.bundles{float:left; width:42%; margin:3%; height:auto; padding:0;}

}

@media screen and (max-width: 768px) {

.footer{height:auto; line-height:20px; padding:10px; text-align:center;}
.footer-l{float:none;}
.footer-r{float:none;}
.products{float:none; width:auto;}
.deal{float:none; width:auto;}
.latest-release{background:#d3e3f1; border:1px solid #8ecbf7; border-radius:8px; margin:10px 0; height:auto;}
.deal p{padding:5px 0;}
.banner{background-image:none; height:20px;}
table.awardpage img{width:95%;}

.softbox-lside{float:none; width:auto; text-align:center;}
.softfeat-rside{float:none; width:auto; margin:15px 0 0 0}
.left{float:none; width:auto;}
.right{float:none; width:auto;}
.leftscreen{float:none; width:auto; text-align:center; max-width:335px; margin:20px auto;}


}

@media screen and (max-width: 640px) {

.tab-box{float:none; width:auto; margin:0 0 10px 0;}
.prodd{width: auto; float:none;}

#right-pan{width:auto; float:none; border:none;}
#left-pan{width:auto; float:none; border:none;}

.comppageleft{width: auto; float:none;}
.content-right{width: auto; float:none; margin:10px; text-align:center;}

.bundles{float:none; width: auto; margin:10px; text-align:center;}

}


@media screen and (max-width: 480px) {

h1{width:96%; margin:0 0 0 2%; text-align:center; left:0; top:98px;}
.logo{float:none; width:auto; text-align:center;}
.logo img{width:120px;}
.top-right{float:none; width:250px; margin:10px auto;}
#newmenu{top:132px;}
.buydlls ul{ clear:both;}
.buydlls ul li{padding:0 10px 0 0; float:left;}

.categories-box{float:none; width:auto; margin:10px 0;}

.wtbox-left{float:none; width: auto; text-align:center;}
.wtbox-right{ position: static; margin:20px 0 0 0; text-align:center;}


}



/* --------    light-box start      --------- */

/*
Colorbox Core Style:
The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:99999; overflow:hidden;}
#cboxWrapper {max-width:none;}
#cboxWrapper a{color:#FF9900; font-weight:bold;}
#cboxWrapper a:hover{color:#000000;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}
/* 
User Style:
Change the following styles to modify the appearance of Colorbox.  They are
ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#333333; opacity: 0.9; filter: alpha(opacity = 90);}
#colorbox{outline:0;}
#cboxTopLeft{width:21px; height:21px; background:url(../index-img/controls.png) no-repeat -101px 0;}
#cboxTopRight{width:21px; height:21px; background:url(../index-img/controls.png) no-repeat -130px 0;}
#cboxBottomLeft{width:21px; height:21px; background:url(../index-img/controls.png) no-repeat -101px -29px;}
#cboxBottomRight{width:21px; height:21px; background:url(../index-img/controls.png) no-repeat -130px -29px;}
#cboxMiddleLeft{width:21px; background:url(../index-img/controls.png) left top repeat-y;}
#cboxMiddleRight{width:21px; background:url(../index-img/controls.png) right top repeat-y;}
#cboxTopCenter{height:21px; background:url(../index-img/border.png) 0 0 repeat-x;}
#cboxBottomCenter{height:21px; background:url(../index-img/border.png) 0 -29px repeat-x;}
#cboxContent{background:#fff; overflow:hidden; }
.cboxIframe{background:#fff;}
#cboxError{padding:50px; border:1px solid #ccc;}
#cboxLoadedContent{margin-top:35px;}
#cboxLoadedContent ul li{list-style-type:disc; margin:0 0 10px 0;}
#cboxTitle{position:absolute; top:4px; left:0; text-align:center; width:100%; color:#949494;}
#cboxCurrent{position:absolute; top:4px; left:58px; color:#949494;}
#cboxLoadingOverlay{ }
#cboxLoadingGraphic{background: no-repeat center center;}
/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}
#cboxSlideshow{position:absolute; top:4px; right:45px; color:#0092ef;}
#cboxPrevious{position:absolute; top:0; left:0; background:url(../index-img/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
#cboxPrevious:hover{background-position:-75px -25px;}
#cboxNext{position:absolute; top:0; left:27px; background:url(../index-img/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
#cboxNext:hover{background-position:-50px -25px;}
#cboxClose{position:absolute; top:-5px; right:0; background:url(../index-img/controls.png) no-repeat -25px 0; width:35px; height:35px; text-indent:-9999px; border:5px solid #ffffff;}
#cboxClose:hover{background-position:-25px -25px;}

/*
The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}

/* --------    light-box end      --------- */



*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}



.slider-container {
  position: relative;

  overflow: hidden;

  width: 100%;
  margin: 0 auto;
}

.slider {
  position: relative;

  width: 9999px;
}
.slider:before,
.slider:after {
  display: table;

  content: ' ';
}
.slider:after {
  clear: both;
}
.slider .slide {
  position: relative;

  float: left;

  margin:10px 0 0 0;
  padding: 10px;

}

.slider .slide p{background:url(../index-img/quote.png) no-repeat 0 0; padding:0 0 0 20px; line-height:20px; font-style:italic;}
.slider .slide p strong{display:block; text-align:right; font-size:14px; padding:15px 0 0 0;}
.slider .slide p img{display:inline;}
.slider .slide img {
  display: block;

  max-width: 100%;
  height: auto;
}
.act,
#prev > span,
#next > span,
#slider-nav > a {
  background:  no-repeat;
}
#next > span,
#prev > span {
  display: block;

  width: 16px;
  height: 24px;
}
/* Arrows */
#next > span {
  background-position: -20px 0;
}
#prev > span {
  background-position: 0 0;
}
#next,
#prev {
  position: absolute;
  top: 50%;

  margin-top: -20px;
  padding: 10px 15px;

  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;

  border-radius: 5px;
  background: rgba(0, 0, 0, .39);

  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#99000000', endColorstr='#99000000'); /* ie8 */
       -o-user-select: none;
}
#prev {
  left: 10px;
}
#next {
  right: 10px;
}
.caption {
  position: absolute;
  bottom: 0;

  display: block;

  width: 100%;
  padding: 0 10px 30px;

  color: #fff;
  background: rgba(0,0,0,.8);
  background: -webkit-linear-gradient(bottom, rgba(0,0,0, .8), transparent 100%);
  background: linear-gradient(to top, rgba(0,0,0, .8), transparent 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#99000000', endColorstr='#99000000'); /* ie8 */
}
.caption a {
  display: block;

  color: #fff;
}
.slider-nav {
  line-height: 30px;


  bottom: 0;
  left: 0;

  width: 100%;
  height: 30px;
  margin:20px 0 0 0;
  padding: 0;

  text-align: center;
  /*background: #323232;*/
  /*opacity: .9;*/

  filter: alpha(opacity=90); /* ie8 */
}
.slider-nav a {
  display: inline-block;

  width: 12px;
  height: 12px;
  margin: 0 3px;

  -webkit-transition: background .5s ease;
     -moz-transition: background .5s ease;
       -o-transition: background .5s ease;
          transition: background .5s ease;

  border: 2px solid #333;
  border-radius: 50%;
  background: transparent;
}

.slider-nav .active {
  width: 12px;
  height: 12px;

  background: #333;
}
@media (max-width: 580px) {
  .caption {
    display: none;
  }
}