/*	Column styles */

div#column1 {
	margin: 0px 0px 0px 0px;
	padding: 25px 0px 0px 0px;
	width: 179px;
	float: left;
}

div#column2 {
	margin: 0px 0px 0px 0px;
	padding: 25px 10px 0px 10px;
	width: 160px;
	float: left;
}

div#column3 {
	margin: 0px 0px 0px 0px;
	padding: 25px 10px 0px 10px;
	width: 160px;
	float: left;
}

div#column4 {
	margin: 0px 0px 0px 0px;
	padding: 25px 10px 0px 10px;
	width: 160px;
	float: left;
}

div#column5 {
	margin: 0px 0px 0px 0px;
	padding: 25px 0px 0px 10px;
	width: 190px;
	float: left;
}

div#column234 {
	margin: 0px 0px 0px 0px;
	padding: 25px 10px 20px 10px;
	width: 520px;
	float: left;
}

div#column2345 {
	margin: 0px 0px 0px 0px;
	padding: 25px 10px 20px 10px;
	width: 690px;
	float: left;
}

/*	Left Nav styles */

div#nav_secondary {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 179px;
	text-align: right;
	background: url('../images/bg_sidebar_left.png') repeat-y top left ; 
}

div#nav_secondary img {
	margin: 2px 0px 0px 3px;
	padding: 0px 0px 0px 0px;
}

div#nav_secondary ul {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 179px;
}

div#nav_secondary ul li {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style: none;
	width: 179px;
}

div#nav_secondary ul li a {
	margin: 1px 0px 0px 0px;
	padding: 9px 22px 9px 20px;
	background: url('../images/bg_nav_secondary.png') repeat-y top left ; 
	font: normal 11px/12px 'Lucida Grande', 'Geneva', 'Helvetica', 'Tahoma', 'Verdana', sans-serif;
	color: #747474;
 	display: block; 
	text-decoration: none;
}

div#nav_secondary ul li a:hover {
	background: url('../images/bg_nav_secondary_hover.png') no-repeat top left ; 
	color: #fff;
}

div#nav_secondary ul li#selected a {
	background: url('../images/bg_nav_secondary_selected.png') repeat-y top left ; 
	font: bold 11px/12px 'Lucida Grande', 'Geneva', 'Helvetica', 'Tahoma', 'Verdana', sans-serif;
	color: #333;
}

div#nav_secondary ul li#selected a:hover {
	background: url('../images/bg_nav_secondary_selected_hover.png') repeat-y top left ; 
	color: #fff;
}


div#nav_secondary ul li.header a {
	margin: 0px 0px 0px 0px;
	padding: 9px 22px 4px 20px;
	background: url('../images/bg_nav_secondary_header.png') no-repeat top left ; 
	font: bold 9px/10px 'Lucida Grande', 'Geneva', 'Helvetica', 'Tahoma', 'Verdana', sans-serif;
	color: #acd7ff;
}

div#nav_secondary ul li.header a:hover {
	background: url('../images/bg_nav_secondary_header.png') no-repeat top left; 
	color: #acd7ff;
}



div#nav_secondary ul li.top a {
	margin: 0px 0px 0px 0px;
	padding: 13px 22px 9px 20px;
	background: url('../images/bg_nav_secondary_top.png') no-repeat top left ; 
}

div#nav_secondary ul li.top a:hover {
	background: url('../images/bg_nav_secondary_top_hover.png') no-repeat top left; 
	color: #fff;
}
div#nav_secondary ul li.top#selected a {
	margin: 0px 0px 0px 0px;
	padding: 13px 22px 9px 20px;
	background: url('../images/bg_nav_secondary_top_selected.png') no-repeat top left ; 
}

div#nav_secondary ul li.top#selected a:hover {
	background: url('../images/bg_nav_secondary_top_selected_hover.png') no-repeat top left; 
	color: #fff;
}

div#nav_secondary ul li.bottom a {
	margin: 1px 0px 0px 0px;
	padding: 9px 22px 15px 20px;
	background: url('../images/bg_nav_secondary_bottom.png') no-repeat bottom left; 
}

div#nav_secondary ul li.bottom a:hover {
	background: url('../images/bg_nav_secondary_bottom_hover.png') no-repeat bottom left ; 
	color: #fff;
}

div#nav_secondary ul li.bottom#selected a {
	margin: 1px 0px 0px 0px;
	padding: 9px 22px 15px 20px;
	background: url('../images/bg_nav_secondary_bottom_selected.png') no-repeat bottom left ; 
}

div#nav_secondary ul li.bottom#selected a:hover {
	background: url('../images/bg_nav_secondary_bottom_selected_hover.png') no-repeat bottom left; 
	color: #fff;
}


div#nav_secondary ul.tertiary {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 7px 0px;
	background: url('../images/bg_nav_tertiary.png') repeat-y top left ; 
	display: none;
}

div#nav_secondary ul.tertiary li a {
	margin: 0px 0px 0px 0px;
	padding: 3px 22px 5px 10px;
	font: normal 11px/12px  'Lucida Grande', 'Geneva', 'Helvetica', 'Tahoma', 'Verdana', sans-serif;
	background: url('../images/bg_nav_tertiary.png') repeat-y top left ; 
	color: #a6a6a6;
	text-decoration: none;
 	display: block; 
}

div#nav_secondary ul.tertiary li a:hover {
	background: url('../images/bg_nav_secondary_hover.png') repeat-y top left ; 
	color: #fff;
}

div#nav_secondary ul.tertiary li#selected a {
	font: normal 11px/12px 'Lucida Grande', 'Geneva', 'Helvetica', 'Tahoma', 'Verdana', sans-serif;
	color: #444;
	background: url('../images/bg_nav_tertiary.png') repeat-y top left ; 
}

div#nav_secondary ul.tertiary li#selected a:hover {
	font: normal 11px/12px 'Lucida Grande', 'Geneva', 'Helvetica', 'Tahoma', 'Verdana', sans-serif;
	color: #fff;
	background: url('../images/bg_nav_secondary_hover.png') repeat-y top left ; 
}


/*	Promo styles */

div.promo {
	margin: 0px 0px 3px 0px;
	padding: 0px 0px 0px 0px;
	width: 190px;
}

div.promo a, div.promo a:hover {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	text-decoration: none; 
	background: url('../images/bg_promo.png') no-repeat bottom ; 
}


div.promo a .promohead {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font: normal 15px/16px 'Lucida Grande', 'Geneva', 'Helvetica', 'Tahoma', 'Verdana', sans-serif;
	color: #3060c8;
	background: url('../images/bg_promo.png') no-repeat top ; 
	display: block;
}

div.promo a .promosubhead {
	margin: -8px 0px 0px 0px;
	padding: 0px 19px 10px 13px;
	font: bold 11px/12px 'Lucida Grande', 'Geneva', 'Helvetica', 'Tahoma', 'Verdana', sans-serif;
	color: #3292fe;
	display: block;
}

div.promo a .promopara {
	margin: 0px 0px 10px 0px;
	padding: 0px 19px 0px 13px;
	font: normal 10px/12px 'Lucida Grande', 'Geneva', 'Helvetica', 'Tahoma', 'Verdana', sans-serif;
	color: #333;
	display: block;
}

div.promo a .kicker {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font: bold 9px/15px 'Lucida Grande', 'Geneva', 'Helvetica', 'Tahoma', 'Verdana', sans-serif;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #3292fe;
}

div.promo a hr {
	margin: -3px 8px 10px 8px;
	padding: 0px 0px 0px 0px;
	border-top: 1px dotted #b3b3b3;
	border-right: none;
	border-bottom: none;
	border-left: none;
	height: 0px;
}

div#download a {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 160px 0px;
	background: url('../images/bg_promo_download.png') no-repeat bottom ; 
}

div#iphone a {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 160px 0px;
	background: url('../images/bg_promo_iphone.png') no-repeat bottom ; 
}

div#devicesupport a {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 160px 0px;
	background: url('../images/bg_promo_devicesupport.png') no-repeat bottom ; 
}

div#portal a {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 160px 0px;
	background: url('../images/bg_promo_portal.png') no-repeat bottom ; 
}

div#java {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 103px 0px;
	background: url('../images/bg_promo_java.png') no-repeat bottom ; 
}





/*	Supported Devices styles */

div#supporteddevices {
	margin: 20px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
	width: 688px;
}

div#devicenavigation {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 131px;
	background: #f2f2f2;
	float: left;
	border-right: 1px dotted #b3b3b3;
	border-left: 1px dotted #b3b3b3;
	border-bottom: 1px dotted #b3b3b3;
}

div#devicenavigation ul {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 131px;
}

div#devicenavigation ul li {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style: none;
	width: 131px;
}

div#devicenavigation ul li a {
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 5px 0px;
	background: #f2f2f2;
 	display: block; 
 	text-align: center;
	border-top: 1px dotted #b3b3b3;
	vertical-align: center;
}

div#devicenavigation ul li a:hover {
	background: #e5e5e5;
	color: #fff;
}

div#devicenavigation ul li#selected a {
	background: #e5e5e5;
}

div#devicelist {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 555px;
	float: right;
	border-top: 1px dotted #b3b3b3;
}

div.device {
	margin: 0px px 0px 0px;
	padding: 5px 0px 0px 0px;
	width: 110px;
	min-height: 135px;
	float: left;
	text-align: center;
	border-right: 1px dotted #b3b3b3;
	border-bottom: 1px dotted #b3b3b3;
	background: #fff;
}

div.device span.deviceimage {
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 0px 0px;
	height: 8.60em; 
	display: block;
	text-align: center;
}