/*	Middle styles */

div#page {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 898px;
	min-height: 670px;
	background: #f8f8f8 ; 
	clear: left;
	border-right: 1px solid #e6e6e6;
	border-left: 1px solid #e6e6e6;
	margin: auto;

}

/*	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: 169px;
	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: 169px;
}

div.promo a, div.promo a:hover {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 13px 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: 13px 19px 10px 13px;
	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 ; 
}


/*	Interior Column styles */

div.leftcolumn {
	margin: 0px 10px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 48%;
	float: left;
}

div.rightcolumn {
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 0px;
	width: 48%;
	float: right;
}




div.teamphoto {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 170px;
	min-height: 230px;
	float: left;
	text-align: center;
}

div.teamphoto img {
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
	width: 135px;
	height: 160px;
}

/*	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: 160px;
	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: 130px;
	display: block;
	text-align: center;

}

div.devicelogo {
	margin: 5px 5px 5px 5px;
	padding: 0px 0px 0px 0px;
	float: left;
	text-align: center;
	border: 1px dotted #b3b3b3;
}

div.devicelogo a {
	margin: 0px 0px 0px 0px;
	padding: 5px 5px 5px 5px;
	width: 108px;
	height: 32px;
	text-align: center;
 	display: block; 
	background: #f2f2f2;
}

div.devicelogo a:hover {
	background: #e5e5e5;
}



/*	Sitemap styles */

div.sitemap {
	margin: 0px 10px 0px 0px;
	padding: 10px 0px 0px 0px;
	float: left;
	width: 162px;
}

div.sitemap h4 {
	margin: 0px 0px 0px 0px;
	padding: 4px 5px 4px 5px;
	width: 150px;
	font: 10px/12px 'Lucida Grande', 'Geneva', 'Helvetica', 'Tahoma', 'Verdana', sans-serif;
	color: #464646;
	font-weight: bold;
	text-align: left;
	border: 1px solid #b3b3b3;
	background: url('images/bg_table_subhead.png') repeat-x top;
	vertical-align: top;
}

div.sitemap ul {
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	width: 160px;
	background-color: #f2f2f2; 
	border-right: 1px solid #d9d9d9;
	border-bottom: 1px solid #d9d9d9;
	border-left: 1px solid #d9d9d9;
	color: #444;
}

div.sitemap ul li {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style: none;
	width: 150px;
	color: #444;
}

div.sitemap ul li a:link, div.sitemap ul li a:visited  {
	margin: 0px 0px 0px 0px;
	padding: 4px 5px 4px 5px;
	border-top: 1px solid #d9d9d9;
	border-bottom: none;
	font: bold 10px/12px 'Lucida Grande', 'Geneva', 'Helvetica', 'Tahoma', 'Verdana', sans-serif;
	color: #444;
	background-color: #f2f2f2; 
 	display: block; 
 	min-height: 13px;
 	width: 150px;
	text-decoration: none;
}

div.sitemap ul li a:hover {
	color: #fff;
	background: url('images/bg_table_head.png') repeat-x top;
	text-decoration: none;
}

div.sitemap ul li.header a:link, div.sitemap ul li.header a:visited  {
	margin: 0px 0px 0px 0px;
	padding: 2px 5px 2px 5px;
	border-top: 1px solid #d9d9d9;
	border-bottom: none;
	font: normal 9px/11px 'Lucida Grande', 'Geneva', 'Helvetica', 'Tahoma', 'Verdana', sans-serif;
	color: #999;
	background-color: #d9d9d9; 
 	display: block; 
 	min-height: 11px;
 	width: 150px;
	text-decoration: none;
}

div.sitemap ul li.header a:hover {
	color: #fff;
	background: url('images/bg_table_head.png') repeat-x top;
	text-decoration: none;
}


div.sitemap ul.tertiary {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 2px 0px;
	width: 150px;
	border-right: none;
	border-bottom: none;
	border-left: none;
	color: #444;
}

div.sitemap ul.tertiary li a:link, div.sitemap ul.tertiary li a:visited {
	margin: 0px 0px 0px 0px;
	padding: 4px 4px 2px 20px;
	border-top: none;
	font: normal 9px/10px 'Lucida Grande', 'Geneva', 'Helvetica', 'Tahoma', 'Verdana', sans-serif;
	color: #666;
 	display: block; 
	text-decoration: none;
 	height: 13px;
 	width: 136px;
}

div.sitemap ul.tertiary li a:hover {
	color: #fff;
	background: url('images/bg_table_head.png') repeat-x top;
	text-decoration: none;
}


div.download {
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
	width: 335px;
	height: 71px;
	background: url('images/bg_download.png') no-repeat top;
}

div.download a {
	display: block;
}

div.download a:hover {
	text-decoration: none;
}

div.download h3 {
	margin: 0px 0px 0px 0px;
	padding: 10px 10px 1px 0px;
	border-bottom: none;
	font: bold 15px/17px 'Lucida Grande', 'Geneva', 'Helvetica', 'Tahoma', 'Verdana', sans-serif;
	color: #333;
}

div.download h6 {
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 1px 0px;
	border-bottom: none;
	font: normal 10px/14px 'Lucida Grande', 'Geneva', 'Helvetica', 'Tahoma', 'Verdana', sans-serif;
	color: #666564;
}

div.download span.icon {
	margin: 0px 0px 0px 0px;
	padding: 12px 22px 12px 12px;
	width: 48px;
	height: 48px;
	float: left;
}