/* CSS for LinksysOne Promotions Portal Updated 071105 */


/* Standard Styles --------------------------------------------------------- */

body {
	margin: 0px;
	padding: 0px;
}

body, td, p {
	font: 12px/14px Arial, Helvetica, sans-serif;
	color: #6c6f70;
}

table {
	width: 100%;
	border: 0;
}

th {
	font-weight: bold;
	padding:5px;
	text-align: center;
}

th a:link, th a:hover {
	font-weight: bold;
}

img { behavior: url(/css/iepngfix.htc); }

img, a img {
	border: 0;
}

.tm{
	margin-left: -0.45em;
	margin-right: -0.2em; 
}

a:link, a:visited { 
	font: 12px/16px Arial, Helvetica, sans-serif;
	color: #6c6f70;
	text-decoration: underline;
}

a:hover {
	color: #6c6f70;
	text-decoration: none;
}

/* ---------------------------------------------------------------------- */


/* Form Styles --------------------------------------------------------- */

input.txt, textarea.txt, select.txt, file.txt {
	font: 12px/14px Arial, Helvetica, sans-serif;
	color: #333333;
	background: #f4f4f4 url(/images/innershadow.gif) top left no-repeat;
	border: 1px solid #999999;
	padding: 1px 0 1px 2px;
}

input.txt_er, textarea.txt_er, select.txt_er, file.txt_er {
	font: 12px/14px Arial, Helvetica, sans-serif;
	color: #333333;
	background: #e3c7c7;
	border: 1px solid #CC0000;
	padding: 1px 0 1px 2px;
}

input.btn {
	color: #FFFFFF;
	background: #6c6f70;
	border: 1px outset #515151;
}

.form_er {
	color: #CC0000;
}

.form_table {
	width: 100%;
}

.form_table td {
	padding: 2px;
}

td.form_l_col {
	text-align: right;
}

td.form_r_col {
	text-align: left;
}

/* ---------------------------------------------------------------------- */


/* Custom Styles --------------------------------------------------- */

.layout_sep {
	clear: both;
}

#wrapper {
	width: 1030px;
}

#container {
	text-align: left;
	width: 1040px;
}

#product_img {
	position: absolute;
	z-index: 1;
}


#header_top {
	clear: both;
}

#logo_box {
	float: left;
	width: 190px;
	height: 160px;
	text-align: center;
}

#linksys_logo {
	margin: 60px 0 0 0;
}

#headline_nav_box {
	float: left;
	width: 520px;
	height: 160px;
	padding: 0 0 0 10px;
}

#headline_block {
	font: bold 18px/18px Arial, Helvetica, sans-serif;
	color: #6c6f70;
	padding: 28px 0 0 0;
}

#headline_block .the {
	font: bold 23px/23px Arial, Helvetica, sans-serif;
	letter-spacing: -1px;
	word-spacing: -2px;
	color: #5a85d7;
}

#headline_block .bigplay {
	font: bold 40px/40px Arial, Helvetica, sans-serif;
	letter-spacing: -1px;
	word-spacing: -2px;
	color: #5a85d7;
}

#subhead_block {
	font: 14px/23px Arial, Helvetica, sans-serif;
	color: #6c6f70;
	padding: 2px 0 0 0;
}

#main_nav ul {
	margin: 0;
	padding: 0;
	padding: 22px 0 0 0;
}

#main_nav li {
	margin: 0; 
	padding: 0;
	display: inline;
	list-style-type: none;
}

#main_nav a { 
	float: left;
	padding: 3px 15px 2px 0; 
	font: bold 12px Arial, Helvetica, sans-serif;
	word-spacing: -1px;
	color: #6c6f70;
	text-decoration: none;
}

.main_nav_big {
	font: bold 17px Arial, Helvetica, sans-serif;
	word-spacing: -1px;
	color: #5a85d7;
}

#main_nav a:hover, #main_nav a.active {
	background: url(/images/nav_arrow.gif) no-repeat top center;
	color: #333333;
	line-height: 40px;
}

#header_topblock {
	float: left;
	width: 160px;
	height: 160px;
	background: #c9cac8;
}

#header_bottom {
	clear: both;
}

#play_box_container {
	float: left;
}

#play_box {
	margin: 0 160px 0 190px;
	padding: 20px;
	width: 490px;
	height: 120px;
	background: #5a85d7;
}

#play_box #play_month {
	font: 28px/28px Arial, Helvetica, sans-serif;
	color: #ffffff;
	padding-bottom: 2px;
}

#play_box #play_subtitle {
	font: 12px/12px Arial, Helvetica, sans-serif;
	color: #ffffff;
}

#play_box #play_title {
	padding-top: 20px;
	font: 42px/42px Arial, Helvetica, sans-serif;
	color: #ffffff;
}

#header_bottomblock {
	float: left;
	width: 160px;
	height: 160px;
	background: #c9cac8;
	text-align: right;
}

#header_bottomblock #cisco_logo {
	margin: 116px 10px 10px 0;
}

/* ---------------------------------------------------------------------- */


/* Content Area Styles --------------------------------------------------- */


.body_list_lt {
	background: #FFFFFF;
}

.body_list_drk {
	background: #f6f6f6;
}

#content_container {
	clear: both;
	float: left;
}

#content_body {
	width: 730px;
	margin: 0 0 20px 80px;
}

#sub_nav {
	padding: 10px 0 0 120px
}

#sub_nav ul {
	margin: 0;
	padding: 0;
}

#sub_nav li {
	margin: 0; 
	padding: 0;
	display: inline;
	list-style-type: none;
}

#sub_nav a { 
	float: left;
	padding: 3px 10px 2px 10px; 
	font: bold 11px Arial, Helvetica, sans-serif;
	line-height: 30px;
	color: #5a85d7;
	text-decoration: none;
}

#sub_nav a:hover, #sub_nav a.active {
	background: url(/images/subnav_arrow.gif) no-repeat top center;
	color: #6c6f70;
}

#body_area {
	clear: both;
	padding-top: 20px;
}

.headline {
	font: bold 18px/18px Arial, Helvetica, sans-serif;
	color: #6c6f70;
	padding: 0 0 20px 0;
}

.subhead {
	font: bold 14px/16px Arial, Helvetica, sans-serif;
	font-style: italic;
	color: #6c6f70;
	padding: 0 0 5px 0;
}

.caption {
	font: 9px/12px Arial, Helvetica, sans-serif;
	color: #6c6f70;
}

a.caption:link, a.caption:visited { 
	font: 9px/12px Arial, Helvetica, sans-serif;
	color: #6c6f70;
	text-decoration: underline;
}

a.caption:hover {
	color: #6c6f70;
	text-decoration: none;
}

#login_area {
	background: #c9cac8;
	font: 10px/12px Arial, Helvetica, sans-serif;
	color: #ffffff;
	width: 130px;
	margin: 40px 20px 0 20px;
	padding: 30px 10px 40px 10px;
}

.login_fields {
	padding: 0 0 10px 0;
}

.login_title {
	font: bold italic 14px/14px Arial, Helvetica, sans-serif;
	color: #4d4d4d;
	padding: 0 0 10px 0;
}

.message_box {
	float: right;
	background: #ffffff;
	border: solid 2px #6c6f70;
	font: 10px/12px Arial, Helvetica, sans-serif;
	color: #666666;
	width: 130px;
	margin: 10px 0 0 0;
}

.message_header {
	background-color: #6c6f70;
	width: 120px;
	height: 20px;
	padding: 5px;
}

.message_title {
	float: left;
	width: 100px;
	text-align: center;
	font: bold 12px/14px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	padding: 2px 0 2px 0;
}

.message_close {
	float: right;
}

.message_body {
	clear: both;
	padding: 5px;
}

.gallery_item {
	border: solid 1px #cbcbcb;
	width: 600px;
	padding: 5px;
	margin-bottom: 10px;
}

#play_nav {
	margin: 0;
	padding-left: 40px;
	width: 500px;
}

#play_nav ul {
	margin: 0;
	padding: 0;
}

#play_nav li {
	margin: 0;
	padding: 5px 0 5px 0;
	list-style: none;
	margin-bottom: -1px;
	border-top: dashed 1px #CCCCCC;
	border-bottom: dashed 1px #CCCCCC;
}

#play_nav a:link, #play_nav a:visited { 
	padding: 5px 10px 5px 10px;
	font: bold 12px Arial, Helvetica, sans-serif;
	text-decoration: none;
}

#play_nav a:hover { 
	font: bold 12px Arial, Helvetica, sans-serif;
	background-color:#e4e4e4;
}

fieldset {
	border: 1px solid #ccc;
	border-bottom-color: #999;
	border-right-color: #999;
	margin: 0 0 1.5em 0;
}
	
legend {
	background: #eee;
	border: 1px solid #ccc;
	border-bottom-color: #999;
	border-right-color: #999;
	font-size: 1.2em;
	font-weight: bold;
	margin-left: 1em;
	padding: 2px 4px;
}

.info_bubble {
	position: absolute; 
	display: none; 
	border: 1px solid #ccc; 
	background-color: #F6F6F6; 
	width: 300px;  
	padding: 10px;
}

#footer {
	clear: both;
	text-align: center;
	font: 9px/12px Arial, Helvetica, sans-serif;
	color: #B4B4B4;
	border-top: solid 8px #c9cac8;
	padding-top: 15px;
}

/* ---------------------------------------------------------------------- */


/* Admin Styles --------------------------------------------------- */

#admin_body_title{
	float: left;
}
#admin_body_title_img{
	float: right;
}