@charset "utf-8";
/* CSS Document */
body {
	padding:0;
	margin:0;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	background:url(../images/bg_body.jpg) repeat-x #fff;
}
#wrapper {	
	margin:0 auto;
	width:853px;
}

h1, h2, h3, h4, ul, li, div, p, a, img {
	padding:0;
	margin:0;
}
a {
	text-decoration:none;
}
a img {
	border:none;	
}
ul {
	list-style:none;
}
	
h1 {
	font-size:35px;
	color:#000;
	font-weight:normal;
	text-transform:uppercase;
}
h2 {
	font-size:16px;
	color:#636363;	
}
h3 {
	font-size:12px;
	color:#9d9d9d;
}
h4 {
	font-size:14px;
	color:#9d9d9d;
}

.blue {
	color:#52a6c7;
}
.height10 {
	height:10px;
	width:2px;
}
.height20 {
	height:20px;
	width:2px;
}

p {
	color:#9b9b9a;
	font-size:12px;
	text-align:justify;
}
 .clear {
	clear:both;
}
#header{
	padding:29px 10px 18px 13px;
	height:72px;
	display:block;
}
#header a.logo{
	float:left;
}
#header a.app{
	margin:9px 0 0 0;
	float:right;
}
#navi {	
	display:block;
	height:44px;
	margin:0 0 10px 0;
}
#navi .left {
	float:left;
	height:44px;
	background:url(../images/left_navi.jpg) no-repeat;
	width:10px;
}
#navi .right {
	float:left;
	height:44px;
	background:url(../images/right_navi.jpg) no-repeat;
	width:10px;
}
#navi .content {
	float:left;
	height:44px;
	background:url(../images/mid_navi.jpg) repeat-x;
	width:833px;
}
#navi a{
	float:left;
	height:44px;
	line-height:44px;
	background:url(../images/sep_navi.jpg) no-repeat right;
	padding:0 25px;
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
	color:#fff;

}
#navi a.last{
	background:none;
}
#navi a:hover{
	background:url(../images/bg_navi_hover.jpg) repeat-x; 
}
#navi a.selected{
	background:url(../images/bg_navi_hover.jpg) repeat-x; 
}
#banner {
	background:url(../images/bg_banner.jpg) no-repeat;
	height:223px;
	display:block;
}
#banner .content {
	width:384px;
	float:left;
	padding:46px 0 0 35px;
}
#banner .content p {
	color:#626262;
}
#banner .img_banner {
	float:right;
	padding:1px 33px 0 0; 
}

#categ_main {
	background:url(../images/bg_categ_main.jpg) no-repeat;
	display:block;
	height:71px;
	margin:0 0 20px 0;
	
}
#categ_main ul.categ {
	float:left;
	cursor:pointer;
}
#categ_main ul.categ li.main {
	float:left;	
	position:relative;
	width:284px;
}
#categ_main ul.categ h2 {
	float:left;
}
#categ_main ul.categ p {
	font-size:11px;
	float:left;
}
#categ_main ul.categ img {
	float:right;
	padding:0px;
	margin:0;
}

/*-----Drop Down -----*/

ul.dropdown                         { position: absolute; float:left; }


a.ipon       						{ background:url(../images/bg_categ1.gif) left bottom no-repeat ; padding:20px 0px 0px 55px; height:51px; border-right: 1px solid #d9d9d9; padding-right:1px;  }

a.and       						{ background:url(../images/bg_categ2.jpg) bottom no-repeat ; padding:20px 0px 0px 60px; height:51px; margin-right:1px;}
a.black       						{ background:url(../images/bg_categ3.gif) bottom left no-repeat ; padding:20px 0px 0px 60px; height:51px;  }
ul.dropdown li.iphone              { width:285px;!important}
/*ul.dropdown li.blackberry           { background:url(../images/icon_blackberry.jpg) top right no-repeat ; float:left; width:269px; }
*/ul.dropdown a:hover		            { color: #000; }
ul.dropdown li a                    { display: block; position: relative; z-index:9 ;}
/*ul.dropdown li a:hover,
ul.dropdown li a.hover              { background: #F3D673; position: relative; }
*/

/* 
	LEVEL TWO
*/
ul.dropdown ul 						{ display: none; position: absolute; top: 0px; left: 0; width: 285px !important; z-index:8;}

ul.dropdown ul li 					{ font-weight: normal; background: #f0f0f0;  }
ul.dropdown ul li a img   			{ float:left !important; padding:0 10px 0 0 ;  width:42px; height:42px;}
ul.dropdown ul li a					{   display: block; background:url(../images/bg_dropdown.jpg) repeat-x bottom; height:39px;  padding:12px 10px 8px 10px;border-right: 1px solid #d9d9d9; border-left: 1px solid #d9d9d9;  border-bottom:1px solid #e5e5e5; } 
ul.dropdown ul li a h2				{font-weight:bold; font-size:13px; color:#585858; padding:0 0 0 10px; } 
ul.dropdown ul li a span			{ font-size:11px; color:#a1a1a1; clear:left; font-weight:normal;  padding:0 0 0 10px;} 
ul.dropdown ul li a:hover 			{ display: block; background:url(../images/bg_dropdown_hover.jpg) repeat-x bottom;  } 
ul.dropdown ul li a:hover h2		{ color:#fff;  } 
ul.dropdown ul li a:hover span		{ color:#a7d5e6;  } 




#content {
	display:block;
	margin: 0 0 20px 0;
	
}
#leftsec {
	float:left;
	width:612px;
}
#leftsec .top{
	background:url(../images/top_leftsec.jpg) no-repeat;
	display:block;
	height:13px;
}
#leftsec .bot{
	background:url(../images/bot_leftsec.jpg) no-repeat;
	display:block;
	height:13px;
	
}
#leftsec .content {
	display:block;
	border-left:#ececec solid 1px;
	border-right:#ececec solid 1px;
	padding:8px 14px;
}

#leftsec .content h2{
	padding:0 0 10px 0;
}
#rightsec {
	float:right;
	width:221px;
}
#rightsec a{
	margin:0;
	padding:0;
	float:left;
}

#scroll {
	display:block;
	height:74px;
}
#scroll .left{
	background:url(../images/left_scroll.jpg) no-repeat;
	width:13px;
	height:74px;
	float:left;
}
#scroll .right{
	background: url(../images/right_scroll.jpg) no-repeat;
	width:13px;
	height:74px;
	float:left;
}
#scroll .content{
	width:827px;
	height:72px;
	border-top:#ececec solid 1px;
	border-bottom:#ececec solid 1px;
	float:left;
	padding:0px 0 0 0px;

}
#scroll .product{	
	height:43px;
	border:#ececec solid 1px;
	float:left;
	padding:2px 5px 2px 2px;
	margin:-10px 57px 0 0;
}
#scroll img{
	float:left;
	padding:0 7px 0 0;
	width:42px;
	height:42px;	
}
#scroll .img{
	float:left;
}
#scroll .text{
	float:left;
}

#scroll h3{
	padding:5px 0 0 0;
	float:left;
}
#scroll p{
	font-size:11px;
	float:left;
}
#footer {
	background:url(../images/bg_footer.jpg) no-repeat;
	height:144px;
	display:block;
	padding:0 0 0 26px;
	margin:0 0 13px 0;

}
#footer .titles{	
	display:block;
	padding:14px 0 16px 0;
	
}
#footer .titles h3.about{
	width:287px;
	float:left;
}
#footer .titles h3.apps{
	width:287px;
	float:left;
}
#footer .titles h3.links{
	width:237px;
	float:left;
}

#footer .about {
	width:287px;
	float:left;
}
#footer .apps {
	width:287px;
	float:left;
}
#footer .links {
	width:237px;
	float:left;
}
#footer .last {
	padding:0 0 0 26px;
}
#footer a {
	line-height:28px;
	clear:both;
	font-size:11px;
	color:#9d9d9d;
}
#footer a:hover {
	text-decoration:underline; 
}
#copyright {
	margin:20px 0 10px 0;
	text-align:center;
}
#copyright p {
	text-align:center;
	font-size:11px;

}
#copyright a {
	background:url(../images/acroex.jpg) no-repeat right;
	padding: 5px 25px 0 0;
	font-size:11px;
	color:#b2b2b2;

}
#copyright a:hover {
	background:url(../images/acroex_hover.jpg) no-repeat right;
	color:#999;
}
/*-------sub Page---------*/
#subbanner {
	background:url(../images/bg_subbanner.jpg) no-repeat;
	height:115px;
	display:block;
	margin:0 0 20px 0;
}
#subbanner h1 {
	color:#FFF;
	font-size:22px;
	float:left;
}

#subbanner .content {
	width:384px;
	float:left;
	padding:80px 0 0 20px;
}
#subbanner .img_subbanner {
	float:right;
	padding:0;
}
#freeapps {
	padding:0 0 0 30px;
	background:#FFF;
	float:left;
	width:349px;
	height:180px;
}
#freeapps p {
	padding: 0 0 10px 0;
}
#freeapps label {
	color:#9b9b9a;
	font-size:12px;
	padding:0 10px 0 0;
	float:left;
	line-height:34px;	
	min-width:80px;	
}
#freeapps .txtbox {
	background:url(../images/bg_input.jpg) no-repeat;
	width:203px;
	height:34px;
	float:left;
}
#freeapps .error {
	background:url(../images/bg_input_red.jpg) no-repeat;
	width:203px;
	height:34px;
	float:left;
}
#freeapps input {
	background:none;
	border:none;
	width:197px;
	padding:7px 3px 0 3px;
	height:27px;
	font-size:12px;
	color:#666;	
}
#freeapps select {
	background:none;
	border:none;
	width:197px;
	padding:7px 3px 7px 3px;
	height:33px;
	font-size:12px;
	color:#666;	
}

#freeapps a {
	margin:10px  0 0 90px;
}



/*------Categories------*/

#categories{
	display:block;
	margin:0px 0 0 0;
}
#categories div{
	float:left;
	margin:0 7px 0 0;
}
#categories .last{
	margin:0;

}
#categories h4{
	text-align:center;
	padding:10px 0 0 0;
}
#categories a h4:hover{
	text-decoration:underline;

}
/*------Applications------*/

h2 a {
	color:#636363;	
}
h2 a:hover {
	text-decoration:underline;
}
#applications {
	margin:10px 0 0 0;
}
#applications .product {
	width:272px;
	float:left;
	margin:0 15px 15px 0;	
}
#applications .img {
	background:url(../images/bg_appthumb.jpg) no-repeat;
	width:76px;
	height:70px;
	padding:4px 0 0 3px;
	float:left;
	margin:0 10px 0 0 ;
}
#applications .img a {
	padding:0;
	margin:0;
}
#applications a {
	font-size:13px;
	color:#686868;
	font-weight:bold;
	margin:10px 0 3px 0;
	display:block;
}
#applications a:hover {
	text-decoration:underline;
}

/*-----Applicaiton details*/
#fullsec {
	display:block;
}
#fullsec .top{
	background:url(../images/top_full.jpg) no-repeat;
	display:block;
	height:13px;
}
#fullsec .bot{
	background:url(../images/bot_full.jpg) no-repeat;
	display:block;
	height:13px;
}
#fullsec .content {
	display:block;
	border-left:#ececec solid 1px;
	border-right:#ececec solid 1px;
	padding:8px 14px;
}

#fullsec .content h2{
	padding:0 0 10px 0;
}
#fullsec .content h2 span.hover:hover{
	text-decoration:underline;
	color:#52a6c7;
}

#fullsec  .details {
	padding:20px 0 0 0 ;
}
#fullsec .left_sec {
	float:left;
	width:330px;	
}
#fullsec  .right_sec {
	float:right;
	width:455px;
	padding:0 20px 0 0;
}
#fullsec .content h4{
	padding:0 0 10px 0;
}
#fullsec .left_sec img {
	margin:0 0 10px 0;
}
#fullsec .video{
	float:left;
	margin:10px 9px 10px 0;
	
}

#fullsec .left_sec .top {
	background:url(../images/top_detail_img.jpg) no-repeat;
	display:block;
	height:6px;
}
#fullsec .left_sec .bot {
	background:url(../images/bot_detail_img.jpg) no-repeat;
	display:block;
	height:6px;
	margin:0;
	padding:0;
}
#fullsec .left_sec .img {
	display:block;
	padding:0 5px;
	margin:0;
	border-left:#ececec solid 1px;
	border-right:#ececec solid 1px;

}
#fullsec .img img{
	padding:0;
	margin:0;
}
#fullsec .left_sec a.appstore{
	margin:0 0 0 40px;

}
#fullsec .tabs {
	padding:10px 0 0 15px;
}
#fullsec .tabs img {
	background:url(../images/bg_thumbimg_detail.jpg) no-repeat;	
	width:50px;
	height:50px;	
	padding:3px;
	margin:0 18px 7px 0;

}
/*-----contact us----------*/

#contact {
	display:block;
}
#contact label {
	min-width:80px;
	font-size:11px;
	float:left;
	line-height:26px;
	color:#636363;
	margin:0 0 10px 0;
}
#contact .txtbox {
	background:url(../images/bg_txtbox.jpg) no-repeat;
	width:163px;
	height:26px;
	float:left;	
}
#contact input {
	background:none;
	border:none;
	width:157px;
	padding:5px 3px;
	height:16px;
	font-size:11px;
	color:#888;
}
#contact .error {
	background:url(../images/bg_txtbox_red.jpg) no-repeat;

}
#contact textarea {
	background: url(../images/bg_txtarea.jpg) no-repeat;
	border:none;
	width:301px;
	padding:5px 3px;
	height:91px;
	font-size:11px;
	color:#636363;
	float:left;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
#contact a.submit {
	margin:10px 0 0 80px;
	float:left;
}

#content p.date {
	color:#CCCCCC;
}
#content p.date {
	color:#CCCCCC;
	font-size:11px;
}
#content h3.faq_quest {
	font-size:14px;
}

#pager a {
	font-family:Verdana, Geneva, sans-serif;
	font-size: 12px;
	background: url(../images/bg_pager.jpg) no-repeat ;
	padding:0px 2px 1px 2px;
	color:fff;
	margin-right:2px;
	text-decoration: none;
	display:none;
}

#pager a:hover, #banner #pager a.activeSlide {
	color: #fff;
}


#paging {
	float:right;
	
}
#paging a {
	text-align:right;
	float:left;
	height:14px;
	width:14px;
	background: #fff;
	border:#b1ccfe solid 1px;
	font-size:11px;
	text-decoration:none;
	text-align:center;
	margin:0 2px 0 0;
	color:#2e6ab1;
}
#paging a:hover {
	border:#4586fd solid 1px;
}
#paging a.current {
	background:#2e6ab1;
	border:#2e6ab1 solid 1px;
	color:#FFFFFF;
	
}