/*<![CDATA[*/
@media screen and (min-device-width: 320px) and (max-device-width: 1024px){/* css for iphone and ipad only */

#devices-heroDiv{
	min-width: 1024px;
	position:absolute;
	width: 100%; 
	height: 290px;
	left: 50%;	
	margin-left: -850px;
	margin-right: 360px;
	padding-right: 360px;
	padding-bottom: 50px;
	overflow:hidden;
}

#devices-hero ul, #devices-hero li, #devices-hero a,
#devices-hero div, #devices-hero img,
#devices-hero span {
	margin:0;
	padding:0;
	background:none;
	z-index: -150;
	border:0 none;
	outline:0 none;
	list-style: none;
}
 
#devices-hero,
#devices-hero li,
#devices-hero span,
#devices-hero .pagination,
#devices-hero .pagination div { position:absolute; z-index: 50; }
 
 
#devices-hero,
#devices-hero li img {
	z-index: -50;
	width: 1700px;
	height: 290px;
	background:#3F494E;
	padding-bottom:49px;
	margin-bottom:0px; 
	margin-left: 0px;
	min-width: 1024px;
}
 
#devices-hero li a { display:block; }
 
#devices-hero span,
#devices-hero .pagination li a {
	display:block;
	text-indent:-9999px;
}
 
#devices-hero span {
	top:54%;
	margin-top:60px;
	width:21px;
	height:30px;
	background:url(../images/hero_left_nav.png);
	_background:url(../images/hero_left_nav.gif);
	display:block;
	cursor:pointer;
	background-position: 0px 2px;
	background-repeat:no-repeat;
	left:0px;
	z-index: 200;
}

.leftnav{
	z-index: 200;
}

#devices-hero span.rightnav {
    z-index: 200;
	left:auto;
	background-position: 0px 2px;
	margin-top:-40px;
	background-image:url(../images/hero_right_nav.png);
	_background-image:url(../images/hero_right_nav.gif);
	right:0px;
}
 
#devices-hero .pagination,
#devices-hero .pagination div,
#devices-hero .pagination ul {
	position:absolute;
	margin-top: -190px;
	left: 22%;
	width:960px;
	height:200px;
	z-index: 10;
}
 
#devices-hero .pagination {
    top: 79%;
	bottom:0;
	overflow:hidden;
}

#devices-hero .pagination div { background:url(../images/pagination_bg.png) repeat-x; z-index: 2;} 
 
#devices-hero .pagination ul,
#devices-hero .pagination li,
#devices-hero .pagination li a {
	position: relative;
	height:26px;
	overflow:hidden;
}
 
#devices-hero .pagination ul {
	text-align:center;
	margin:0 0 0 -10px;
	padding: 10px 0 0;
	margin-top: 180px;
	margin-left: -120px;
	height: 22px;
	width: 150px;
}
 
#devices-hero .pagination li,
#devices-hero .pagination li a {
	float:left;
	width:11px;
	height:11px;
}

#devices-hero #bntext{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 22px;
	color: #FFFFFF;
	font-weight: bold;
    z-index: 600;
	padding: 0px;
	margin-top: 205px;
	left: 25%;
	border: none;
	position: absolute;
}

#devices-hero #bntextb{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 22px;
	color: #00ACDA;
	font-weight: bold;
    z-index: 600;
	padding: 0px;
	margin-top: 205px;
	left: 25%;
	border: none;
	position: absolute;
}
 
#devices-hero .pagination li {
	left:30%;
	margin-right: 11px;
}
 
#devices-hero .pagination li a {
    z-index: 99;
    background:url(../images/pag_box.png) no-repeat -13px 0;
/*	background:url(images/pagination_dot.png) no-repeat -8px 0; */
}
#devices-hero .pagination li.active a { background-position:-1px 0; }
 
/* Stacking order */
body,
ul, li,
#devices-hero,
#devices-hero span { z-index:1; }
#devices-hero,
#devices-hero li { z-index:5; }
#devices-hero li.first,
#devices-hero li.active { z-index:10; }
#devices-hero span,
#devices-hero .pagination { z-index:15; }
#devices-hero .pagination ul,
#devices-hero .pagination li,
#devices-hero .pagination li a { z-index:20; }

<!--[if IE]>
/*<![CDATA[*/
#devices-hero ul,
#devices-hero div,
#devices-hero span,
#devices-hero .pagination li a { _overflow:hidden; }
 
#devices-hero li,
#devices-hero span,
#devices-hero div,
#devices-hero .pagination ul,
#devices-hero .pagination li a { zoom:1; }
 
#devices-hero .pagination div { _background:none !important; }
 
#devices-hero .pagination div { _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/pagination_bg.png', sizingMethod='crop'); }
 
#devices-hero .pagination li a { background-image:url(../images/pag_box.png); /* background-image:url(images/pagination_dot.gif); */ }
/*]]>*/
 

}


#devices-heroDiv{
	min-width: 1024px;
	position:absolute;
	width: 100%; 
	height: 290px;
	left: 50%;	
	margin-left: -850px;
}

#devices-hero ul, #devices-hero li, #devices-hero a,
#devices-hero div, #devices-hero img,
#devices-hero span {
	margin:0;
	padding:0;
	background:none;
	z-index: -150;
	border:0 none;
	outline:0 none;
	list-style: none;
}
 
#devices-hero,
#devices-hero li,
#devices-hero span,
#devices-hero .pagination,
#devices-hero .pagination div { position:absolute; z-index: 50; }
 
 
#devices-hero,
#devices-hero li img {
	z-index:-50;
	width:1700px;
	height:290px;
	background:#3F494E;
	padding-bottom:49px;
	margin-bottom:0px; 
	overflow-x: hidden;
}
 
#devices-hero li a { display:block; }
 
#devices-hero span,
#devices-hero .pagination li a {
	display:block;
	text-indent:-9999px;
}
 
#devices-hero span {
	top:54%;
	margin-top:60px;
	width:21px;
	height:30px;
	background:url(../images/hero_left_nav.png);
	_background:url(../images/hero_left_nav.gif);
	display:block;
	cursor:pointer;
	background-position: 0px 2px;
	background-repeat:no-repeat;
	left:0px;
	z-index: 200;
}

.leftnav{
	z-index: 200;
}

#devices-hero span.rightnav {
    z-index: 200;
	left:auto;
	background-position: 0px 2px;
	margin-top:-40px;
	background-image:url(../images/hero_right_nav.png);
	_background-image:url(../images/hero_right_nav.gif);
	right:0px;
}
 
#devices-hero .pagination,
#devices-hero .pagination div,
#devices-hero .pagination ul {
	position:absolute;
	margin-top: -190px;
	left: 22%;
	width:960px;
	height:200px;
	z-index: 10;
}
 
#devices-hero .pagination {
    top: 79%;
	bottom:0;
	overflow:hidden;
}

#devices-hero .pagination div { background:url(../images/pagination_bg.png) repeat-x; z-index: 2;} 
 
#devices-hero .pagination ul,
#devices-hero .pagination li,
#devices-hero .pagination li a {
	position: relative;
	height:26px;
	overflow:hidden;
}
 
#devices-hero .pagination ul {
	text-align:center;
	margin:0 0 0 -10px;
	padding: 10px 0 0;
	margin-top: 180px;
	margin-left: -120px;
	height: 22px;
	width: 150px;
}
 
#devices-hero .pagination li,
#devices-hero .pagination li a {
	float:left;
	width:11px;
	height:11px;
}

#devices-hero #bntext{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 22px;
	color: #FFFFFF;
	font-weight: bold;
    z-index: 600;
	padding: 0px;
	margin-top: 205px;
	left: 25%;
	border: none;
	position: absolute;
}

#devices-hero #bntextb{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 22px;
	color: #00ACDA;
	font-weight: bold;
    z-index: 600;
	padding: 0px;
	margin-top: 205px;
	left: 25%;
	border: none;
	position: absolute;
}
 
#devices-hero .pagination li {
	left:30%;
	margin-right: 11px;
}
 
#devices-hero .pagination li a {
    z-index: 99;
    background:url(../images/pag_box.png) no-repeat -13px 0;
/*	background:url(images/pagination_dot.png) no-repeat -8px 0; */
}
#devices-hero .pagination li.active a { background-position:-1px 0; }
 
/* Stacking order */
body,
ul, li,
#devices-hero,
#devices-hero span { z-index:1; }
#devices-hero,
#devices-hero li { z-index:5; }
#devices-hero li.first,
#devices-hero li.active { z-index:10; }
#devices-hero span,
#devices-hero .pagination { z-index:15; }
#devices-hero .pagination ul,
#devices-hero .pagination li,
#devices-hero .pagination li a { z-index:20; }

<!--[if IE]>
/*<![CDATA[*/
#devices-hero ul,
#devices-hero div,
#devices-hero span,
#devices-hero .pagination li a { _overflow:hidden; }
 
#devices-hero li,
#devices-hero span,
#devices-hero div,
#devices-hero .pagination ul,
#devices-hero .pagination li a { zoom:1; }
 
#devices-hero .pagination div { _background:none !important; }
 
#devices-hero .pagination div { _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/pagination_bg.png', sizingMethod='crop'); }
 
#devices-hero .pagination li a { background-image:url(../images/pag_box.png); /* background-image:url(images/pagination_dot.gif); */ }
/*]]>*/