/*------------------------------------------------------------------------------------
 Home Styles
------------------------------------------------------------------------------------*/

#footer_home{margin:20px 0 20px -8px; padding:12px 0 10px 16px; width:880px; background:url(http://na.blackberry.com/eng/assets/images/footer_separator.png) 0 0 no-repeat;}

*html #footer_home{
	background:url(footer_separator.jpg) 0 0 no-repeat;
}
html>body #footer_home{
     float:left; position:relative; 
}

#container_wrapper{
	position:relative;
	height:426px;
	display:block;
	overflow:hidden;
}

.content{
	width:881px;
	height:306px;
	position:absolute;
	top:0px;
	padding-top:120px;
	float:left;
	
}

.content {
float:left;
height:306px;
padding-top:0;
position:absolute;
top:0;
width:881px;
}

.contentInner{
	float:left;
	width:400px;
}

.content .mainLink{
	margin-left:70px;
}



.content .subLinks{
	margin-top:20px;
	clear:left;
	float:left;
}

.subLinks ul{
	width:140px;
	list-style:none;
	font-size:14px;
	margin-left:111px;
}

.subLinks ul li{
	border-top:1px solid #cccccc;
	padding:5px 20px;
	display:block;
	height:15px;
	width:100px;
}

.subLinks ul li a{
	font-size:1px;
}


.content .controlLinks{
	clear:left;
	position:absolute;
	bottom:0px;
	margin-bottom:10px;
	margin-left:60px;
}

.controlLinks ul{
	list-style:none;
}

.controlLinks li{
	float:left;
	margin-left:0px;
	height:20px;

}

.controlLinks li a{
	margin-left:13px;
	text-indent:-9999px;
	float:left;
	height:20px;
	font-size:1px;

}

/* Storm Styles */

#content1{
	background:url(storm_hero.jpg) 0 0 no-repeat;
}
#content1{
	background:none;
}


#content1 .mainLink a{
	background:url(title_storm.gif) 0 0 no-repeat;
	height:44px;
	width:265px;
	float:left;
	text-indent:-9999px;
}

.storm .subLinks{
	margin-top:11px;
	
}

.storm .subLinks ul{
	margin-top:0px;
	
}

.storm .subLinks li{
	border-top:1px solid #b1b1b1;
}

.storm .subLinks li a{
	background:url(navigation_storm.gif) 0 0 no-repeat;
	height:15px;
	text-indent:-9999px;
	float:left;
}

.storm .controlLinks li a{
	background:url(controls_storm.gif) 0 0 no-repeat;
	height:20px;
	text-indent:-9999px;
	float:left;
}

#content1 .controlLinks li.storm a{
	background-position:-19px -20px;
}

/*!Storm Styles*/

/* Bold Styles */

#content2{
	background:url(bold_hero.jpg) 0 0 no-repeat;
}

#content2 .mainLink a{
	background:url(title_bold.gif) 0 0 no-repeat;
	height:21px;
	width:300px;
	float:left;
	text-indent:-9999px;
}

.bold .subLinks li{
	border-top:1px solid #2c2c2c;
}

.bold .subLinks li a{
	background:url(navigation_bold.gif) 0 0 no-repeat;
	height:15px;
	text-indent:-9999px;
	float:left;
}

.bold .controlLinks li a{
	background:url(controls_bold.gif) 0 0 no-repeat;
	height:20px;
	text-indent:-9999px;
	float:left;
}

#content2 .controlLinks li.bold a{
	background-position:-88px -20px;
}

/*!Bold Styles*/

/* Curve Styles*/

#content3{
	background:url(8900_hero.jpg) 0 0 no-repeat;
}

#content3 .mainLink a{
	background:url(title_curve.gif) 0 0 no-repeat;
	height:44px;
	width:265px;
	float:left;
	text-indent:-9999px;
}


.curve8900 .subLinks li{
	border-top:1px solid #2c2c2c;
}

.curve8900 .subLinks li a{
	background:url(navigation_curve.gif) 0 0 no-repeat;
	height:15px;
	text-indent:-9999px;
	float:left;
}

.curve8900 .controlLinks li a{
	background:url(controls_curve.gif) 0 0 no-repeat;
	height:20px;
	text-indent:-9999px;
	float:left;
}


#content3 .controlLinks li.curve8900 a{
	background-position:-156px -20px;
}

/*!Curve Styles*/

/* Pearl Styles */
#content4{
	background:url(pearl_hero.jpg) 0 0 no-repeat;
}

#content4 .mainLink a{
	background:url(title_pearl.gif) 0 0 no-repeat;
	height:48px;
	width:200px;
	float:left;
	text-indent:-9999px;
}

.pearl .subLinks li{
	border-top:1px solid #4d4d4f;
}

.pearl .subLinks li a{
	background:url(navigation_pearl.gif) 0 0 no-repeat;
	height:15px;
	text-indent:-9999px;
	float:left;
}

.pearl .controlLinks li a{
	background:url(controls_pearl.gif) 0 0 no-repeat;
	height:20px;
	text-indent:-9999px;
	float:left;
}

#content4 .controlLinks li.pearl a{
	background-position:-246px -20px;
}


/*!Pearl Styles */

/* Device common styles */
.subLinks ul li.first{
	border-top:none;
}

.subLinks li.gallery a{
	width:41px;
}

.subLinks li.gallery a:hover{
	background-position:-109px 0;
}

.subLinks li.specs a{
	width:110px;
	background-position:0px -17px;
}

.subLinks li.specs a:hover{
	background-position:-109px -17px;
}

.subLinks li.features a{
	width:48px;
	background-position:0px -34px;
}

.subLinks li.features a:hover{
	background-position:-109px -34px;
}

.subLinks li.demo a{
	width:102px;
	background-position:0px -50px;
}

.subLinks li.demo a:hover{
	background-position:-109px -50px;
}

.subLinks li.wtb a{
	width:73px;
	background-position:0px -67px;
}

.subLinks li.wtb a:hover{
	background-position:-109px -67px;
}

.controlLinks li.prev a{
	width:6px;
	padding-left:0px;
}

.controlLinks li.storm a{
	width:58px;
	background-position:-19px 0;
}

.controlLinks li.storm a:hover{
	background-position:-19px -20px;
}

.controlLinks li.bold a{
	width:58px;
	background-position:-88px 0;
}

.controlLinks li.bold a:hover{
	background-position:-88px -20px;
}

.controlLinks li.curve8900 a{
	width:80px;
	background-position:-156px 0;
}

.controlLinks li.curve8900 a:hover{
	background-position:-156px -20px;
}

.controlLinks li.pearl a{
	width:59px;
	background-position:-246px 0;
}

.controlLinks li.pearl a:hover{
	background-position:-246px -20px;
}



.controlLinks li.next a{
	width:6px;
	background-position:-320px 0;
}


.controlLinks ul#compareLink{
	margin-left:750px;
	z-index:20;
	margin-top:18px;
}

.controlLinks ul#compareLink li{
	height:10px;
}


.controlLinks ul#compareLink li a{
	width:46px;
	height:10px;
	background-position:-335px -12px;
}

.controlLinks ul#compareLink li a:hover{
	background-position:-335px -32px;
}


/*!common device styles*/


#loader{
	background:url(ajax-loader.gif) no-repeat;
	background-position:center;
	z-index:2;
	background-color:#FFFFFF;
}

#homepagePromos{
	height:194px;
	margin-top:7px;
	float:left;
	width:881px;
}

#homepagePromos .promo{
	width:287px;
	float:left;
	padding-right:6px;
	background:url(promo_divider.jpg) no-repeat;
	background-position:right;
}

#homepagePromos .last{
	padding-right:0px;
}

#controls{
	display:none;
	visibility:hidden;
}

#specsCallout{
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='specs_callout.png', sizingMethod='scale');
	width:117px;
	height:145px;
	position:absolute;
	z-index:20;
	left:250px;
	top:161px;
	visibility:hidden;
	padding:5px;
	padding-left:17px;
	color:#FFFFFF;
}

html>body #specsCallout{
	background:url(specs_callout.png) 0 0 no-repeat;
	
}

#specsCallout ul{
	margin-left:10px;
}

#compareBox{
	/*filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='compareBox.png', sizingMethod='scale');*/
	background:url(compareBox.gif) 0 0 repeat;
	width:149px;
	height:0px;
	position:absolute;
	right:0px;
	bottom:39px;
	color: #333333;
	z-index:20;
	overflow:hidden;
}

html>body #compareBox{
	background:url(compareBox.png) 0 0 repeat;
}

#compareBox form, #compareBox p{
	margin:5px;
}

#compareBox form label{
	display:block;
	margin-bottom:15px;
	!margin-bottom:0px;
}
#compareBox form label input{
	margin:0px;
	padding:0px;
	
}

#compareBox form #frmCompareButton{
	!margin-top:10px;
	!margin-left:3px;
}