/* siteCSS.css - THIS FILE CONTAINS STYLES THAT ARE SPECIFIC TO THE SITE TEMPLATES */

/* container for the left content */
/*
	this style is used everywhere
	but in the Splash Page, which
	uses a different CSS file specific
	to that template
*/
#siteLeftContent {
	float: left;
	width: 220px;  
}


/* BODY STYLES */
#pageTitle {
	margin: 2px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float:left;
}
#bodyTitle {
	color: #003366;
	text-decoration: none;
	font:12px Verdana;
	font-weight: bold;
	margin-top:30px;
}
#bodySubTitle {
	color: #003366;
	text-decoration: none;
	font:11px Verdana;
	font-weight: bold;
}
/* breadcrumb container */
#bodyBreadcrumbs {
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 5px 12px;
	font:11px Verdana;
	border-top: 1px solid #CCCCCC;
}
/* list of links */
#bodyBreadcrumbs a {
	color: #000033;
	text-decoration: none;
}
#bodyBreadcrumbs a:hover {
	text-decoration: underline;
}
/* current page */
#bodyBreadcrumbs #currentLink {
	color: #CC9900;
	text-decoration: none;
	font-weight: bold;
}
/* body content container */
#bodyContent {
font:11px Verdana;
	margin: 8px 0px 0px 0px;
	padding: 0px 20px 0px 12px;
}



/* COLUMN STYLES */
/* table column container */
.colTable {
	margin: 10px 0px 0px 0px;
}
.colTable a {
	font-weight: bold;
	text-decoration: none;
	color: #000033;
}
.colTable a:hover {
	text-decoration: underline;
}
/* column one style */
.colOne {
	vertical-align: top;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 11px;
	width: 160px;
	font:10px Verdana;
}
/* column two style */
.colTwo {
	vertical-align: top;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 10px;
	width: 160px;
	font:11px Verdana;
}
/* column three style */
.colThree {
	vertical-align: top;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 10px;
	width: 160px;
	font:11px Verdana;
}

/* style to span two columns */
.colSpanTwo {
	vertical-align: top;
	margin: 0px;
	font:12px Verdana;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 10px;
	width: 350px;
}
.colSpanTwo p {font:12px Verdana;}
.colSpanTwo p strong {font:12px Verdana;}
.colSpanTwo p strong u {font:12px Verdana;}
/* style to span three columns */
.colSpanThree {
	vertical-align: top;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 10px;
	width: 480px;
	font:11px Verdana;
}
/* additional styles within columns */
/* column heading */
#colHeader {
	font:10px Verdana;
	font-weight: bold;
	padding: 0px 0px 10px 0px;
	text-decoration: none;
}
/* photo or image caption */
#photoCaption {
	padding: 10px 0px 16px 0px;
	color: #666666;
	font:10px Arial;
	width: 175px;
}
#listHeader {
	width: 320px;
	padding: 4px 5px 4px 8px;
	background-color: #003366;
	font:10px Verdana;
	font-weight: bold;
	color: #FFFFFF;
}
#listHeaderSpanTwo {
	width: 510px;
	padding: 4px 5px 4px 8px;
	background-color: #003366;
	font:10px Verdana;
	font-weight: bold;
	color: #FFFFFF;
}
#listOdd {
	width: 320px;
	padding: 4px 5px 3px 8px;
	font:11px Verdana;
	background-color: #FFFFFF;
}
#listEven {
	width: 320px;
	padding: 4px 5px 3px 8px;
	font:11px Verdana;
	background-color: #EDEDED;
}
#listLink {
	font:10px Verdana;
	font-weight: bold;
	text-decoration: none;
	color: #000000;
}
#listLink:hover {
	text-decoration: underline;
}

#listHeader3 {
	width: 510px;
	padding: 4px 5px 4px 8px;
	background-color: #003366;
	font:10px Verdana;
	font-weight: bold;
	color: #FFFFFF;
}
#listOdd3 {
	width: 510px;
	padding: 4px 5px 3px 8px;
	background-color: #FFFFFF;
}
#listEven3 {
	width: 510px;
	padding: 4px 5px 3px 8px;
	font:10px Verdana;
	background-color: #EDEDED;
}


/* PRODUCT STYLES */
#prodLink {
	color: #000033;
	text-decoration: none;
	font:11px Verdana;
	font-weight: bold;
}
#prodLink:hover {
	text-decoration: underline;
}
#prodDesc {
	padding: 0px 0px 0px 0px;
	color: #666666;
	font:11px Arial;
	width: 160px;
}

#productWhite {
	margin: 20px 0px 0px 0px;
	padding: 10px 10px 10px 10px;
	font:10px Verdana;
}
#productWhite a {
	color: #CC6600;
	text-decoration: none;
}

#productWhite a:hover {
	text-decoration: underline;
}
#productLtBlue {
	margin: 20px 0px 0px 0px;
	font:10px Verdana;
	background-color: #C1D1E0;
}
#productLtBlue #colHeader {
	padding: 0px 10px 5px 5px;
}
#productLtBlue a {
	color: #CC6600;
	text-decoration: none;
}
#productLtBlue a:hover {
	text-decoration: underline;
}
#productLtBlue ul {
	margin: 0px 0px 0px 20px;
	font-weight: normal;
}
#productLtBlue li {
	list-style-type: square;
}
#productDkBlue {
	margin: 20px 0px 0px 0px;
	font:10px Verdana;
	color: #FFFFFF;
	background-color: #336699;
}

#productDkBlue #colHeader {
	color: #FFFFFF;
	font-weight: bold;
	padding: 0px 10px 5px 5px;
}
#productDkBlue a {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: normal;
}
#productDkBlue a:hover {
	text-decoration: underline;
}
#productDkBlue ul {
	margin: 0px 0px 0px 20px;
	font-weight: normal;
}
#productDkBlue li {
	list-style-type: square;
}


/* PRODUCT BOX */
#productBox {
	margin: 20px 0px 0px 0px;
	font:10px Verdana;
	color: #000000;
	background-color: #E5E5E5;
}
#productBox #colHeader {
	padding: 0px 10px 10px 10px;
}
#productBox a {
	color: #CC9900;
	text-decoration: none;
	text-indent: 10px;
}
#productBox ul {
	margin: 0px 10px 0px 25px;
	padding: 0px 0px 0px 0px;
}
#productBox li {
	list-style-type: square;
}
#productBox a:hover {
	text-decoration: underline;
}

/* LIGHT GREY PRODUCT BOX */
#productBottom {
	width: 540px;
	padding: 10px 0px 0px 0px;
	font:11px Verdana;
	border-top: 1px solid #CCCCCC;
}
#productBottom ul {
	margin: 0px 10px 0px 25px;
	padding: 0px 0px 0px 0px;
}
#productBottom li {
	list-style-type: square;
}
#productBottom a {
	color: #CC9900;
	font-weight: bold;
	text-decoration: none;
}
#productBottom a:hover {
	text-decoration: underline;
}


/* STYLES FOR RELATED RESOURCES AND ADDITIONAL RESOURCES */


#relatedResources a {
	color: #95afca;
	text-decoration: none;
	font:10px Verdana;
	font-weight: bold;
}

#relatedResources a:hover {
	text-decoration: underline;
}
#productTitle
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 10px;
	font-size:18px;
    PADDING-BOTTOM: 2px;
    MARGIN: 0px,0px,0px,0px;
    PADDING-TOP: 2px;
	font-family:Verdana;
}

#productAdditionalInfo
{
    PADDING-RIGHT: 10px;
    PADDING-LEFT: 10px;
    PADDING-BOTTOM: 10px;
    MARGIN: 20px 0px 0px;
    font:10px Verdana;
    PADDING-TOP: 10px
}
#productAdditionalInfo a {
	font-weight: bold;
	text-decoration: none;
	color: #336699;
}
#productAdditionalInfo a:hover {
	font-weight: bold;
	text-decoration: underline;
	color: #0000FF;
}
#productSKUInfo
{
    PADDING-RIGHT: 10px;
    PADDING-LEFT: 10px;
    PADDING-BOTTOM: 10px;
    MARGIN: 0px 0px 0px;
    font:10px Verdana;
    PADDING-TOP: 0px
}
#careers a {
	color: #ffffff;
	text-decoration: none;
	font:10px Verdana;
	font-weight: bold;
}

#careers a:hover {
	text-decoration: underline;
}

/* STYLES FOR PODCAST PAGE */
.border_lr {
	border:1px solid #003366; 
	border-top-width:0px;
	border-bottom-width:0px
}

.border {
	border:1px solid #FFFFFF; 
}

.white_text {
	color:#FFFFFF;
}


.right_img img {
	border:1px solid #ccc;
	padding:1px;}
	
.pro_list {
	list-style:none;
	margin:0;
	padding:0;}
	
	.pro_list li a {
		width:200px;
		height:24px;
		display:block;
		font-size:11px;
		color:#ffffff;
		border-bottom:1px solid #003366;
		padding-left:20px;
		text-align:left;
		text-decoration:none;
		line-height:1.9em;}
	.pro_list li a:hover {
		background:#ffffff;
		color:#003366;
		border:#ffffff;}
	.pro_title{
		background:#000000;
		text-indent:-1em;}
.pro_detail {
	list-style:none;
	margin:0;
	padding:0;}
	
	.pro_detail li a {
		width:195px;
		height:24px;
		display:block;
		font-size:11px;
		color:#ccc;
		border-bottom:1px solid #003366;
		padding-left:25px;
		text-align:left;
		text-decoration:none;
		line-height:1.9em;}
	.pro_detail li a:hover {
		background:#ffffff;
		color:#003366;
		border:#ffffff;}

#more a {
	float:right;
	font-size:12px;
	color:#fff;
	margin:9px 32px 0 0;
	width:86px;
	height:20px;
	line-height:1.4em;
	text-align:center;
	background:#369;
	border:1px outset #369;
	text-decoration:none;}
	
	#more a:hover {
		background:#ccc;
		color:#036;
		font-weight:bold;
		border:#eee;}
		
#siteNavigation td { font:12px Verdana, Arial, Helvetica, sans-serif;}
