@charset "utf-8";
/* CSS Document */
body {font-family:Arial, Verdana, Helvetica, sans-serif; color:#666666;  margin:0; padding:0; font-size:12px;/*background:#fff  url(../images/menubackground-bg.jpg)  repeat-x ;*/}
/* -------------------------------------- */
/* GENERAL/RESET CSS */
/* -------------------------------------- */
html, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline;  }
ol, ul{ list-style:none;}
.floatleft { float:left;}
.floatright { float:right;}
/* -------------------------------------- */
/* CLEARFIX CSS */
/* -------------------------------------- */
.clear { clear:both; height:0px; font-size:0px;}
.clearfix:after {clear: both;display: block;content: " ";height: 0px;visibility: hidden;}
.clearfix {display: inline-block;}
/* Hide these rules from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
li.clearfix {display: list-item;}
/* End hide from IE-mac */
/* -------------------------------------- */
/* Main  CSS */
/* -------------------------------------- */
#maincontainer{width:955px; margin:0 auto;}
#container {margin-top: 23px;background-color: white;width: 955px;}
#tot {width: 905px;margin: 0 auto;}
h1.logo{background:url(../images/logo.png) no-repeat;width:422px;height:92px;}
h1.logo a{width:422px;    height:92px;    text-indent:-2000em;   overflow:hidden;    display:block;}
/* ======================================================================================= */
.live_chat{float:right;background:none;padding-top:10px;}
#nav .live_chat a{background:none;}
.live_chat a img{background:none;border:none;padding:0;margin:0;}


/*BANNER*/
.bannernew{background:url(../images/banner.jpg) no-repeat;width:865px;height:220px;padding:20px;}
.bannernew .bannertext{width:580px;}
.bannernew h1{color:#fff;font-size:25px;font-weight:normal;padding-bottom:15px;}
.bannernew h2{color:#E3E7E8;font-weight:normal;font-size:15px;line-height:20px;width:550px;}

.bannerlist {padding:10px 10px 0 15px; color:#c8c8c8;list-style-type:disc;}
.bannerlist li{ font-size:18px;color:#FFCC00;}
.featuresnew{background:url(../images/features-new.jpg) no-repeat;width:122px;height:28px;cursor:pointer;border:0;}
.demonew{background:url(../images/demo-new.jpg) no-repeat;width:122px;height:28px;cursor:pointer;border:0;margin:0 5px;}
.buynownew{/*background:url(../images/buynow-new.jpg) no-repeat*/background:url(../images/download.jpg) no-repeat;width:122px;height:28px;cursor:pointer;border:0;}
.btns{padding-top:20px;}
/* -------------------------------------- */
/* Content Left column  CSS */
/* -------------------------------------- */
#content { padding:10px 0px 10px 0px; margin:0;}
.column{padding:8px 0px  10px 12px;}
.featurescolumn-head{background:#ebebee;width:284px;border-bottom: 1px solid #d1d1d1;}
.featurescolumn-head span{vertical-align: 14px;color: #F60;font-weight: bold;font-size: 13px;}
.featurescolumn{width:284px;border:1px solid #d1d1d1;margin-right: 10px;}
.featurescolumn-support{width:284px;margin-right: 10px;}
.featurescolumn p{padding-top:8px;}
.contentnew{background:url(../images/bg.png) no-repeat;width:249px;height:195px;padding:10px 10px 0 25px; list-style-type:square; color:#FF6600;}
.contentnew-download{background:url(../images/bg.png) no-repeat;height:198px;padding:7px 10px 0 0px;}
.contentnew ul li{background:url(../images/bg.png) no-repeat;}
.contentnew p{color:#666666;Padding:0;}
.contentnew-chat{width:249px;height:195px;padding:10px 10px 0 25px; color:#FF6600;}
.or{font-weight:bold;color:#000000; text-align:center;Padding:15px 0px 5px 10px;}
.chat{padding:5px 20px 0 50px;}
.featureimage1{float: right;padding-top:15px;}
.featureimage{float: left;padding-top:34px;}
.downloadimage{float: left;padding-top:5px;}
.contact-livechat{float: left;width: 284px;border: 1px solid #d1d1d1;}
/*.livechatbutton{padding:20px 0px 10px 30px;}*/
.livechatbutton{padding:20px 0px 10px 14px;}
 h3{color:#FF6600;}
.divider{padding:0 10px 0 10px;}
.downloadtext{ color:#000000; font-weight:bold; padding:28px 0 0 0; /*width:180px;*/width:173px; font-size:12px; line-height:20px;}
.downloadbutton{padding:10px 0px 0px 0px;}
.downloadlogo{padding-top:7px; /*float:right;*/}

#content p{ line-height:17px;}
#content .leftcolumn { /*width:583px;*/width:574px;}
.rightcontent{ padding:0 0 0 5px;}

.leftcolumn ul{margin:0; padding:8px 0 0 20px;}
.leftcolumn ul li a{ background:url(../images/bullet.jpg) no-repeat 0 10%;padding-left:20px;display:block; font-size:12px; padding-bottom:8px; }

.headerbg{background:url(../images/headerbg.jpg); width:581px; height:41px;}
.headerbg h2{padding-left:10px;}
.sharebutton{padding-right:10px;}
.demoheader{background:url(../images/demoheader.jpg); width:905px; height:39px;}

/* -------------------------------------- */
/* Content Right column  CSS */
/* -------------------------------------- */
#content .downcolumnpos { padding:10px 12px 0px 12px;}
#content .download{ border:#CCCCCC solid 1px; width:310px;}

#content .download .downloadbg{ background:#e8e8e8 repeat;}
#content .download .posdown{ padding:2px;}
#content p{ text-align:justify; line-height:20px;}
#content .cont p{ padding-bottom:10px;}
#content .leftcolumn h2{ font-size:18px; color:#FF6600; float:left; font-style:italic; font-family:"Trebuchet MS" , Arial;  }
#content h3{ font-size:12px; color:#ff6600;}
#content h1{ font-size:12px;}
#content .rightcolumn { width:310px; background-color:#e8e8e8;}
#content .rightcolumnpos { padding:10px 12px 10px 12px;}
#content .rightcolumnpos .rate p{ color:#333333; font-weight:bold; padding-bottom:5px;}
#content .rightcolumn .input{ color:#FFFFFF; font-size:11px; border:none; background-color:#666666; width:223px;}
#content .rightcolumn textarea{ border:none;  color:#FFFFFF;}
#content .rightcolumn label { font-weight:bold; font-size:11px; color:#333333; text-decoration:none;}
#content form .clssubmit{

	background:url(../images/submit.jpg) no-repeat center center;
	width: 80px;
	height:23px;
	font:normal 11px arial;
	color:#FFFFFF;
	border:none;
	cursor:pointer;
}
#content form .clscancel{

	background:url(http://hdflvplayer.net/images/cancel.jpg) no-repeat center center;
	width: 80px;
	height:23px;
	font:normal 11px arial;
	color:#FFFFFF;
	border:none;
	cursor:pointer;
}

.newfeature{width:582px;}
.fisrtclbg{background-color:#D5DFE3;padding:10px;}
.fisrtclbg p{padding:3px;}
.secondclbg{background-color:#EEF2F4;padding:10px;}
.secondclbg li{padding-right:10px;}
.secondclbg p{padding:3px;}
.newfeature p{ width:563px;}
.fisrtclbg ul{padding-left:10px;}
/* Newcolumn */
/* -------------------------------------- */
#content .newrightcolumn { width:305px; background-color:#FFFFFF;}
#content .newrightcolumnpos { padding:10px 0px 10px 0px;}
#content .rightcolumnpos .rate p{ color:#333333; font-weight:bold; padding-bottom:5px;}
#content .bordertop{border-top:#CCCCCC solid 1px;width:303px;border-left:#CCCCCC solid 1px;border-right:#CCCCCC solid 1px;}
#content .clspacing{padding:9px 0 0 9px;}
#content .newcontactcl{border-top:#CCCCCC solid 1px;width:303px;border-left:#CCCCCC solid 1px;border-right:#CCCCCC solid 1px;border-bottom:#CCCCCC solid 1px;}
#content .newcontactcl h3{color:#FF6600;padding:12px 0 10px 10px;}
#content .newclspace{/*padding:10px 0px 5px 0px;*/}
#content .cntclspace{padding:8px 5px 5px 5px;}
#content .cntclimages{text-align:center; padding:10px 0 15px 0px;}
#content .cntclimagesnew{text-align:center; padding:10px 0 10px 0px;}
#content .newclspace p{text-align:center;font-weight:bold;color:#000000;font-size:13px;}
#content .innercl{background-color:#E8E8E8;}
#content .innerclpos{padding:3px;}
#content .innerclform{padding:5px 20px 0px 15px;}

#content .nameone{font-weight:bold;color:#000000;font-size:12px;padding-bottom:1px;}
#content .inputbox{background:url(../images/input.jpg) no-repeat;width:259px;height:22px; border:0;font-size:11px;line-height:16px;padding:3px 3px 0 5px;margin-right: 3px;color:#666666;}
#content .inputbox-small{background:url(../images/small-input.jpg) no-repeat;width:130px;height:22px; border:0;font-size:11px;line-height:16px;padding:3px 3px 0 5px;margin-right: 3px;color:#666666;}
#content .messagebox{background:url(../images/message.jpg) no-repeat;width:260px;height:69px; border:0;font-size:11px;line-height:16px;padding:3px 3px 0 5px;margin-right: 3px;color:#666666;}
#content .quickcontact{padding:7px 0 0 0;}
#content .messagebox textarea{width:250px;height:58px; border:0;font-size:11px;line-height:16px;padding:3px 3px 0 5px;margin-right: 3px;color:#666666;}
#content .submitbut{padding:8px 10px 4px 0;}
#content .cancelbut{padding:8px 10px 4px 0;}


ul#newcontent { background:#FFBF15; }
ul#newcontent li{ list-style:none; padding:7px; line-height:18px;color:#333;}
ul#newcontent li strong{color: #F00;}
ul#newcontent li a{text-decoration: none;}
ul#newcontent li a strong{color:#0E7FC7}
.newlive{float:left;padding:0 0 0 0px;}
.newbuybtn{padding:0 0 0 20px;float:right;}

#skinover .skinpad{margin:0px;padding-top:10px;background:url(../images/skinsbg.gif) no-repeat;width:547px; height:335px; }
#skinover .skinfirstrow{width:530px;border-bottom:1px solid gray;padding-top:2px}
#skinover .skinlastrow{width:530px;padding-top:3px}
#skinover .skinpad p{font-weight:bold;color:#cccccc; text-align:center; padding-bottom:5px;}

/* demo page */
.theme_btn{padding:10px 0  0 0}
.theme_heading  a{text-decoration:none;color: #F60;}



/* banner_content */
/*.banner_content{background:url(../images/bot-bg.jpg) no-repeat bottom;width:947px; padding-bottom:6px;}*/
.banner_content{background:url(../images/bot-bg.jpg) no-repeat bottom;width:947px; padding: 5px 0px 6px 0px;}
.joomlavideos{width:410px;font-size:26px;padding-top:90px;padding-bottom:13px;}
.joomlavideos h2{font-size:26px;}
.metacafe{position:absolute;margin-left:-20px;margin-top:5px;background:url(../images/big-arrow.png) no-repeat;width:432px;height:64px;padding:15px 0 0 25px}
.metacafe p{width:210px;}

.install{padding-left:13px;float:left;}
.install li{background:url(../images/listimg.gif) no-repeat 0 0.5em;font-size:13px;color:#4b4b4b;padding-left:18px;padding-bottom:14px;}
.videoshareimages{background:url(../images/videoshareimages.png) no-repeat;}


/*features column*/
.topcontent{padding-bottom:6px;}
.featuresimg{padding-right:10px;}
.clickoption{float:right;padding-top:10px;}
.featurestext{font-size:16px;color:#333333;float:left;padding-top:10px;}
.topcontent a{color:#004B90;font-size:13px;}
/*.featuresul{border-top:1px solid #D8D8D8;padding-top:12px;padding-left:12px;margin:0;display:block;}*/
.featuresul{border-top:1px solid #D8D8D8;padding:12px 0px 0px 12px;margin:0;display:block;}
.featuresul li{background:url(../images/featureslist.gif) no-repeat 0 0.0em;font-size:12px;color:#404040;padding-left:20px;padding-bottom:16px;font-family:Arial;}
.featuresul li span{display:block;font-size:12px;color:#A7A7A7}
.call_us{margin:10px 0px;}
.quickcontact{background:url(../images/qucikcontactbg.jpg) no-repeat;width:354px;height:222px;}
.contactop img{padding:2px 10px 0 25px;}
.contactop span{font-size:16px;color:#333333;}
.mediuminput{height:15px;  padding: 3px 4px; width:295px;background:#fff;border:1px solid #ccc;color:#666666; font-size:12px;font-family:Arial, Helvetica, sans-serif;display:block;margin-left:5px;margin-bottom:2px; }
.areainput{width:296px;height:60px;border:1px solid #B6B6B6;margin-left:5px;color:#666666; padding: 0px 4px;background:#fff;font-family:Arial, Helvetica, sans-serif;font-size:12px;}
.submitbtn{background:url(../images/submit-btn.gif) no-repeat;width:114px;height:31px;border:none;float:left;margin-top:5px;cursor:pointer;}
.customul{border-top:1px solid #D8D8D8;padding-top:7px;padding-left:12px;}
.customul p{font-size:12px;color:#666666;line-height:20px;}

/*products*/
#paging .mouseoverbtn{ background:url(../images/mouseover-btn.jpg) no-repeat; width:15px; height:16px;}
#paging .mouseoutbtn{ background:url(../images/mouseout-btn.jpg) no-repeat; width:15px; height:16px;}
#paging .pagingbtnpos{ width:50px;}
#paging a { float:left; height:16px; margin: 0 2px; }
#paging a.arrow { padding-top:4px; height:7px; width:4px; }
#paging a.button { background:transparent url(../images/mouseout-btn.jpg) no-repeat 0 0; border:0px; margin:0 2px 0 2px; padding:0px 0px 0px 0px; font-weight:bold; font-size:11px; color:White; width:15px; text-align:center; height:16px; vertical-align:middle;line-height:16px; display:block; text-decoration:none; font-family:Tahoma; }
#paging a.sel { background:transparent url(../images/mouseover-btn.jpg) no-repeat 0 0;}


.productimg {float:left;}
.paging{float:right;}
.customli{width:267px;}
.products-content{float:right;width:200px;}
.products-content h4 {color:#494949;padding-bottom:5px;padding-top:10px;}
.products-content h4 a{font-size:13px;color:#494949;text-decoration:none;}
.products-content p{width:200px;}
.products-content p a{color:#666666;font-size:12px;text-decoration:none;}
.productimg{float:left;padding-right:10px;padding-top:15px;}





/*features page*/
.featuresbox{float:left;}
.featurestop{background:#fdfdfd url(../images/features-top.png) no-repeat bottom;}
.features-toplist{padding-top:90px;float:left;padding-bottom:25px;}
.features-toplist li{float:left;padding-left:15px;}
.youtube-metacafe p{width:205px;font-size:12px;color:#4b4b4b;float:left;padding-right:10px;padding-top:7px;}
.youtube-metacafe span{font-size:13px;color:#4b4b4b;padding:0 10px;}
.featuresrighttxt{float:right;padding-top:10px;}


/*site map page*/
#sitemap h2{font-size:25px;color:#00BBE9.bottombox;}
#sitemap ul{ float:left; padding:0px 0 0 27px;font-size:12px; margin-bottom:20px;list-style:disc;margin-right:30px;}
#sitemap ul .bottomboxli{ padding-top:7px; }
#sitemap ul li a{ color:#666; text-decoration:none}
#sitemap ul li a:hover{ color:#666; text-decoration:underline}
#sitemap ul li strong a{ color:#666; text-decoration:none;font-size:12px;}

/*quickcontact*/
.inputbox1{height:15px;;   padding: 3px 4px; width:200px;background:#fff;border:1px solid #ccc;color:#666666; font-size:12px; }
a#zenbox_tab {
   left: 10px; width: 58px; height: 220px;  cursor:pointer; text-indent:-5000px;
  position: fixed; _position: absolute; z-index: 10000; overflow:hidden; margin-left: -12px;display:block;
}
.livechat {
    padding: 10px 0 20px 0;
    text-align: center;
}
.demobtn{vertical-align: top; border: 0; width: 122px; height: 28px;}


.iphone_banner{background: url(../images/ad2.jpg) no-repeat;  width: 435px;  height: 110px;  margin-top: 8px;}
.iphone_banner h2{font-size: 19px;  color: white;  font-family: 'oswald',arial; padding-left: 55px;padding-top: 11px;}
.iphone_banner span{font-size: 18px;  color: white;  font-family: 'oswald',arial;  padding-left: 32%; float: left; padding-top: 3px;}
.iphone_banner p{font-size: 29px; color: white;  font-family: 'oswald',arial;  color: #ffd0d3; padding-top: 9px;padding-left: 77%;}

.hdv_banner{background: url(../images/ad1.jpg) no-repeat;  width: 435px;  height: 110px;  margin-top: 8px; }
.hdv_banner p{font-size: 16px;color: #F3FFFF;font-family: 'oswald',sans-serif;padding-left: 8px;padding-top: 33px;}
.hdv_banner span{font-size: 16px;color: #F3FFFF;font-family: 'oswald',sans-serif;padding-left: 9px;}
.hdv_banner h2{font-size: 22px;color: #F3FFFF;font-family: 'oswald',sans-serif;padding-left: 9px;font-weight: normal;}