/* Styles only used on the home page. */

/************** #headlines styles **************/

#headlines {
	border-top: solid 1px #e3e3e3;
	text-align: left;
	width: 150px;
	float: right;
	padding: 5px 0 0 0;
	margin: 0;
}

#computer_image_link {
	display: block;
	width: 372px;
	height: 352px;
	position: relative; 
	top: -226px; /* 0px */
	left: 245px;
	/*top: -90px;
	left: 230px; /* see ie_hacks.css */
}

#subscribe {
	margin: 0px;
	padding: 0px;
}

#corporate {
	margin-top: 10px;
}
	
#headlines input {	
	font-family: Verdana, sans-serif;
	color: #999; /*  cbcbcb d0d0d0 f0f0f0 e3e3e3 */
	font-size: 10px;
}
/*
#headlines img, #headlines input {
	vertical-align: middle;
}
*/

#top_right_nav_item  {
	border-top: solid 1px #e3e3e3;
	margin: 10px 0 0 0; 
	padding: 10px 0 0 0;
	height: 58px;
}
#top_right_nav_item img {	
	margin: 0;
	padding: 0;
}


#headlines ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
	text-align: left;
}

#headlines ul a {
	font-weight: normal;
}

#headlines ul li {
	padding: 0;
	margin: 0;
}

#headlines ul li.headline {
	border-top: 1px solid #8d8d8d;
	margin: 10px 0 0 0;
}

li.headline_summary {
	color: #fff;
}

.release_date {
	color: #aaa;
}
.headline_alt {
	color: #aaa;
	font-weight: bold;	
}


/************** three column section ***************/

#bottom_content {
	border-top: 1px solid #033999; /* changed color from #3a3a3a */
	margin-bottom: 10px; /* changed from 30px to 10px */
	text-align: left;
	clear: both;
	position:relative;
}

.column_container {	
	overflow: hidden;
	width: 772px;
	margin-bottom: 10px;
}

div.content_column {
	background-color: #4c4f46;
	float: left;
	padding-bottom: 1000px;
	margin-bottom: -990px;
}

#column_one, #column_two {	
		border-right: #000 solid 2px;
}

#column_one, #column_three {
	width: 256px;
}

#column_two {
	width: 256px;
}

#column_one div.content_section, #column_three div.content_section {	
	width: 242px;
	margin: 7px;
	padding: 0;
}

#column_two div.content_section {	
	width: 242px;
	margin: 7px;
	padding: 0;
}

div.content_section p {	
	padding: 0;
	margin: 5px 0;
}

#news_image img {	
	margin: 0;
	padding: 0;
}

#buy_now_container {
	position: relative;
	width: 105px;
	top: 30px;
	left: 60px;
}
#oqo_banner_top {
	position: relative;
	width: 249px;
}
/*
#oqo_banner_top img {
	vertical-align:top;
}
*/
#buy_now_container img {
	vertical-align: middle;
}

#logos_container {
	position: relative;
	width: 136px;
	top: 20px;
	left: 25px;
}

a.btn_buynowsplash {
	background-image: url("/images/buttons/buynow_large_blk_off.jpg"); 
	display: block; 
	height: 24px; 
	width: 102px;
}

a.btn_buynowsplash:hover {
	background-image: url("/images/buttons/buynow_large_blk_on.jpg"); 
}

a.logo_rollover {
	display: block;
	height: 54px;
	width: 68px;
	background: url("/intl/images/logos/power_off.gif") no-repeat;
}

a.logo_rollover:hover {
	background-image: url("/intl/images/logos/power_on.gif"); 
}

/**** NEW STYLE ADDED BY MON ****/
#hero_image {
	padding: 0px;
	position: relative;
	top: 0px;
	width:416px;
	height: 507px;
	background-image:url("../images/splash_page/heroshot.jpg");
}

#right_text {
	padding:0px 0px 0px 10px;
	float:right;
	width:356px;
	height: 507px;
	background-image:url("../images/splash_page/bg_right_text.jpg");
}


#nav_container {
	padding:0px;
	position:relative;
	top: 460px;/*
	display:block;
	width:293px;
	height:32px;*/
}

#nav_container ul, #nav_container ul li {
  float: left;
}


#nav_container ul li a { /* see ie_7_hacks.css */
	display: block;
	top: 0px;
	margin: 0px;
	padding: 0px;
	position: relative;
}

#nav_container ul li a.threenav_rollover span {
	background-repeat: no-repeat;
  	width: 100%;
  	height: 100%;
}

#nav_container ul li a.threenav_rollover span {
	background-position: 0 -32px;
	cursor: pointer;
}

#nav_containerv ul li a.threenav_rollover.selected span {
	background-position: 0 -16px;
}

#nav_container ul li a#learn { 
  	width: 92px;
}
#nav_container ul li a#learn span { 
	background-image: url("../images/splash_page/learnmore.gif");
}

#nav_container ul li a#view { 
  	width: 113px;
}
#nav_container ul li a#view span { 
	background-image: url("../images/splash_page/viewgallery.gif");
}

#nav_container ul li a#shop { 
  	width: 88px;
}
#nav_container ul li a#shop span { 
	background-image: url("../images/splash_page/shopnow.gif");
}

#learn{
	height:16px;
	background:url("../images/splash_page/learnmore.gif") top right no-repeat;
}
#learn:hover{
	height:16px;
	background:url("../images/splash_page/learnmore.gif") bottom right no-repeat;
}
#view{
	height:16px;
	background:url("../images/splash_page/viewgallery.gif") top right no-repeat;
}
#view:hover{
	height:16px;
	background:url(../images/splash_page/viewgallery.gif) bottom right no-repeat;
}
#shop{
	height:16px;
	background:url(../images/splash_page/shopnow.gif) top right no-repeat;
}
#shop:hover{
	height:16px;
	background:url(../images/splash_page/shopnow.gif) bottom right no-repeat;
}	

.announce_content {
	line-height:14px;
	margin:0 10px 10px 10px;
}
