@charset "utf-8";
/* CSS Document */

/**************************************************
*	
*	Style Definitions
*	
**************************************************/
html{
	height: 100%;
}

body {
	background: #424954 url(../media/assets/bg.jpg) repeat-x;
	height: 100%;
}

body, p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	color:#666666;
	/* margin-bottom:-5px; */
}

.p_indent {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	color:#666666;
	margin-left: 20px;
}

h1 {
	font-size: 14px;
	color:#000000;
}
h2 {
	font-size: 12px;
	color:#000000;
	margin:0px;
}
h3 {
	font-size: 18px;
	color:#000000;
}

ul {
	margin:0px; 
	padding:0px;
	list-style-type:none;
}
li {
	list-style-position: inside;
	list-style-type: none;
	padding-bottom: 12px;
}
.bodyBullet {
	background-image:url(../media/assets/vn_square_bullet.jpg); background-repeat:no-repeat; background-position: 0px 7px;
	padding-left: 17px;
	padding-bottom: 6px;
	color:#666666;
}
.bodyBullet2 {
	background-image:url(../media/assets/vn_circle_bullet.jpg); background-repeat:no-repeat; background-position: 20px 7px;
	padding-left: 37px;
	padding-bottom: 6px;
	color:#666666;
}
/*
list-style-type: none; <-- IE ignores this style in "ul" 
padding-bottom: 12px; <-- Line Height does not provide desired space
*/

a:link, a:visited { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #666666; text-decoration: underline; }
a:hover, a:active { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; text-decoration: underline; }

h2 a:link, h2 a:visited { font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 15px; color:#000000; margin:0px; text-decoration: none; }
h2 a:hover, h2 a:active { font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 15px; color:#171717; margin:0px; text-decoration: none; }

.bodyFooter {
	font-size:9px;
}

/**************************************************
*	
*	Main Layout Definitions
*	
**************************************************/
#contentArea {
	background:url(../media/assets/content_bg.jpg) repeat-y;
	width:968px;
	margin-left:auto;
	margin-right:auto;
}

#wideContentArea {
	background:url(../media/assets/wide_content_bg.jpg) repeat-y;
	width:968px;
	margin-left:auto;
	margin-right:auto;
}

#productSlider {
	margin-left: 25px;
}

#bodyContent {
	float:right;
	width: 664px;
	padding: 0px 96px 0px 208px; /* was 40px 96px 0px 208px */ /* Top, Right, Bottom, Left */
	min-height: 300px;
}

#wideBodyContent {
	float:right;
	width: 777px;
	padding: 0px 96px 0px 95px; /* Top, Right, Bottom, Left */
	min-height: 300px;
}
#twoColBodyContent {
	float:right;
	width: 601px;
	padding: 40px 85px 0px 0px; /* Was: 40px 85px 0px 282px */ /* Top, Right, Bottom, Left */
	min-height: 300px;
}

#bodyHeader {
	height: 109px; /* 24 (top space) + 85 (top menu bar) */
	background:url(../media/assets/top_nav_bg.jpg) no-repeat bottom;
}


/**************************************************
*	
*	Left Column Layout Definitions
*	
**************************************************/
#leftContent {
	float:left;
	width:196px; /* width: 282px; - 60 - 26 = 196 */
	padding: 0px 0px 0px 26px; /* Was: 0px 60px 0px 26px; */
	background:url(../media/assets/Left_Content_Mid_BG.jpg) repeat-y 26px; /* 26 pixels from the left */
}

#leftContentHeader {
	height:30px;
	background:url(../media/assets/Left_Content_BG.jpg) top no-repeat;
}

#leftContentBody {
	
}

#leftContentFooter {
	height:30px;
	background:url(../media/assets/Left_Content_BG.jpg) bottom no-repeat;
}


/**************************************************
*	
*	Bottom Tab "Footer" Layout & Style Definitions
*	
**************************************************/
.footer {
	height: 64px;
	background:url(../media/assets/footer_bg.jpg) no-repeat bottom;
	clear:both;
}

.wideFooter {
	height: 64px;
	background:url(../media/assets/wide_footer_bg.jpg) no-repeat bottom;
	clear:both;
}

.footer li, .wideFooter li {
	color:#FFFFFF;
	list-style-position:outside;
	list-style-type: none; /* IE ignores this style in "ul" */
	padding-bottom: 12px; /* Line Height does not provide desired space */
	padding: 27px 0px 0px 210px; /* Top, Right, Bottom, Left */
	background-image:url(../media/assets/red_bullet.jpg); background-repeat:no-repeat; background-position: 200px 35px;
}

.footer a:link, .footer a:visited, .wideFooter a:link, .wideFooter a:visited { 
	font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#FFFFFF; text-decoration: none;
}
.footer a:hover, .footer a:active, .wideFooter a:hover, .wideFooter a:active { 
	font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#EBEBEB; text-decoration: none;
}


/**************************************************
*	
*	Auxiliary Navigation Footer
*	Description: This defines styles for the auxiliary HTML navigation, the copyright & legalese footer
*	
**************************************************/
.footerText, .footerText a:link, .footerText a:visited {
	font-family: Arial, Helvetica, sans-serif; font-size: 11px; color:#242424; text-decoration: none;
}
.footerText a:hover, .footerText a:active {
	font-family: Arial, Helvetica, sans-serif; font-size: 11px; color:#FFFFFF; text-decoration: none;
}

/**************************************************
*	
*	Video Section
*	
**************************************************/
.videoBoxSD {
	width:770px;
	padding: 30px 0px 0px 0px;
	margin-left:auto;
	margin-right:auto;
}
.videoBoxLeft {
	width:483px;
	float:left;
	text-align: left;
}
.videoBoxRight {
	width:267px; /* 287 - 20 = 267 */
	float:right;
	padding: 10px 0px 0px 20px; /* was: 48px 0px 0px 0px */
	text-align: left;
}
.videoBoxRightContent {
	/* width:230px; */
	border: 1px solid #CCCCCC;
	/* margin: 0px 0px 0px 0px; */ /* was: 10px 0px 0px 0px */
	/* padding: 20px 0px 20px 27px; */
}
.vbRightContentHeader {
	padding: 10px 5px 1px 20px;
	background:#EFEFEF;
}
.videoBoxHeader {
	height: 60px;
}
.videoFooter {
	clear:both;
	padding: 30px 0px 0px 0px;
}
.videoFooterShort {
	clear:both;
	padding: 0px;
}
li.vbLink, li.vbLinkCurrent {
	padding-bottom: 0px;
}
.vbLink a:link, .vbLink a:visited { 
	font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-decoration:none;
	color:#666666; 
	display:block;
	line-height: 1.5em;
	/* width:200px; */
	padding: 6px 10px 6px 20px;
	margin:0px;
}
.vbLink a:hover, .vbLink a:active { 
	font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-decoration:none;
	color:#FFFFFF; 
	display:block;
	line-height: 1.5em;
	/* width:200px; */
	background:#6c707b;
	padding: 6px 10px 6px 20px;
	margin:0px;
}
.vbLinkCurrent a:link, .vbLinkCurrent a:visited, .vbLinkCurrent a:hover, .vbLinkCurrent a:active { 
	font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-decoration:none;
	color:#FFFFFF; 
	display:block;
	line-height: 1.5em;
	/* width:200px; */
	background:#6c707b;
	padding: 6px 10px 6px 20px;
	margin:0px;
}
/**************************************************
*	
*	Support Section
*	
**************************************************/
.supportBox {
	width:664px;
	padding: 14px 24px 14px 24px;
	margin: 24px -24px 24px -24px;
	/* border: 1px solid #CCCCCC; */
	background: #f3f5f7;
}
.supportBoxWide {
	width:777px;
	padding: 14px 24px 14px 24px;
	margin: 24px -24px 24px -24px;
	/* border: 1px solid #CCCCCC; */
	background: #f3f5f7;
}