/*
widgets / styling elements
*/
#v2root .clr {
	clear:both;
	height:0;
	font-size:1px;
	overflow:hidden;
}
#v2root .inr {
	padding:10px;
}
#v2root a.more {
	background:url(images/video/contactjosh-arrow.png) no-repeat right;
	color:#1f1f1f !important;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:none;
	font-size:11px;
	padding:2px 22px 2px 0;
}
#v2root a.more:hover {
	text-decoration:underline;
}
#v2root .whitebox {
	background:url(images/video/whitebox-stretch.png) no-repeat top left;
}
#v2root .whitebox .termr {
	background:url(images/video/whitebox-stretch.png) no-repeat top right;
	float:right;
	width:5px;
	height:100%;
}
#v2root .whitebox .termb {
	background:url(images/video/whitebox-stretch.png) no-repeat bottom left;
	height:12px;
	clear:both;
}
#v2root .whitebox .termb div {
	float:right;
	height:12px;
	width:5px;
	background:url(images/video/whitebox-stretch.png) no-repeat bottom right;
}
#v2root .whitebox .termb, #v2root .whitebox .termr, #v2root .whitebox .termb div {
	font-size:1px;
	overflow:hidden;
}
/*
standard tags
*/
#v2root h2 {
	font-size:22px;
	margin-top:8px;
	color:#2f2f2f;
}
#v2root p {
	margin:10px 0;
}
/*
template parts
*/
#v2root {
	width:946px;
	margin:0 auto;
	padding: 0px 0;
}
#breadcrumbs, #breadcrumbs li {
	list-style:none;
	margin:0;
	padding:0;
}
#breadcrumbs {
	height:20px;
	margin-bottom:10px;
}
#breadcrumbs li {
	float:left;
}
#breadcrumbs li a {
	text-decoration: none;
	background:url(images/video/breadcrumb-hybrid.png) repeat-x left -100px;
	font-size:11px;
	color:#fff;
	text-transform:uppercase;
	margin-right:12px;
	display:block;
	float:left;
	_margin-right:0;
}
#breadcrumbs li a:hover {
	background:url(images/video/breadcrumb-hybrid.png) repeat-x left -120px;
}
#breadcrumbs li a:hover div {
	display:block; /* ie doesn't hide after hovering, might as well disable */
	_display:none;
}
#breadcrumbs li div {
	position:absolute;
	margin-left:-29px;
	margin-top:-2px;
	height:20px;
	width:20px;
	display:none;
	background:url(images/video/breadcrumb-hybrid.png) no-repeat right -40px;
}
#breadcrumbs li a span {
	background:url(images/video/breadcrumb-hybrid.png) no-repeat right 0;
	text-decoration:none;
	height:11px;
	padding:2px 18px 7px 8px;
	margin-left:2px;
	margin-right:-12px;
	display:block;
	float:left;
	cursor:pointer;
	_margin-right:0;
	_padding-bottom:3px;
}
#breadcrumbs li a:hover span {
	background:url(images/video/breadcrumb-hybrid.png) no-repeat right -20px;
}
#breadcrumbs li.first a:hover div, #breadcrumbs li:first-child a:hover div {
	display:none;
}
#breadcrumbs li.first a, #breadcrumbs li:first-child a {
	background:url(images/video/breadcrumb-alt.png) no-repeat left 0;
}
#breadcrumbs li.first a:hover, #breadcrumbs li:first-child a:hover {
	background:url(images/video/breadcrumb-alt.png) no-repeat left -20px;
}
#breadcrumbs li.last a span {
	background:url(images/video/breadcrumb-hybrid.png) no-repeat right -60px;
}
#breadcrumbs li.last a:hover span {
	background:url(images/video/breadcrumb-hybrid.png) no-repeat right -80px;
}
/***
 *
 * video.asp specific styles
 *
 */
/*

these styles could be placed in the head of the page instead of a separate file

*/
#v2root.video h2 {
	font-size:12px;
	text-transform:uppercase;
}
#v2root.video1 h2 {
	font-size:12px;
	text-transform:uppercase;
}
#v2root #stage {
	clear:both;
}
#v2root #stage h6 {
	font-size:22px;
	text-transform:none;
	margin:10px 0;
}
#v2root #stage #description {
	float:left;
	background:url(images/video/videoinfo-bkg.png) no-repeat left top;
	width:352px;
	height:323px;
}
#v2root #stage #description .inr {
	padding:14px 6px 19px 14px;
}
#v2root #stage #description a {
	color:#999;
}
#v2root #stage #description a:hover {
	color:#666;
}
#v2root .navigation {
	position:absolute;
	margin-top:280px;
}
#v2root .navigation a.first {
	padding-right:20px;
}
#v2root .navigation a {
	text-decoration:none;
	font-size:14px;
	font-weight:bold;
	color:#ff0000 !important;
}
#v2root .navigation a:hover {
	text-decoration:underline;
	color:#FF0000 !important;
}
#v2root #screen {
	float:left;
	width:635px;
	margin-right:10px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	margin-top:2px;
	height:366px;
	background:#000;
}

#v2root #screen .inr {
	padding:10px 10px 10px 10px;
}
#v2root #screen_sm {
	float:left;
	width:470px;
	margin-right:10px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	margin-top:2px;
	height:264px;
	background:#000;
}
#v2root #screen_sm .inr {
	padding:10px 10px 10px 10px;
}
#v2root #ytdiv {
	position:absolute;
	z-index:0;
}
#v2root #morevids, #v2root #blogents {
	float:left;
}
#v2root #morevids {
	margin-right:10px;
}
#v2root #vidbox {
	margin-top:10px;
	width:372px;
	height:315px;
	background:url(images/video/morevids-bkg.png) no-repeat left top;
}
#v2root #vidbox1 {
	width:471px;
	height:342px;
	background:url(images/video/ccd-video-bkg-sm.jpg) no-repeat left top;
}
#v2root #vidbox .inr {
	padding:4px 5px 0;
}
#v2root #vidbox1 .inr {
	padding:4px 5px 0;
}
#v2root #blogents {
	width:960px;
}
#v2root #blogents h2 {
	margin-left:5px;
}
#v2root #entries {
	float:left;
	background:url(images/video/bloginfo-bkg.png) no-repeat left top;
	width:952px;
	height:329px;
}
#v2root #entries .inr {
	padding:10px 4px 0 10px;
	height:276px;
	overflow:auto;
	margin-top:2px;
	margin-bottom:28px;
}
#v2root #entries img {
	float:right;
	margin:20px 0 0 10px;
}
#v2root ul#videos, #v2root ul#videos li,#v2root ul#videos1, #v2root ul#videos1 li, ul.videolist, ul.videolist li, ul.expertlist, ul.expertlist li {
	margin:0;
	padding:0;
	list-style:none;
}
ul.expertlist li
{
    height:60px;
    margin-left:8px;
}

ul.videolist li
{
    height:60px;
    margin-left:8px;
}

#v2root #videos li {
	border-top:1px solid #ccc;
	padding:10px !important;
	font-size:.85em;
}
.videolist li {
	padding:10px !important;
	font-size:.85em;
}
.expertlist li {
	padding:10px !important;
	font-size:.85em;
}

#v2root #videos li:first-child,.videolist li:first-child, .expertlist li:first:child {
	border-top:0;
}

#v2root #videos h6, #v2root #videos a,.videolist h6, .videolist a, .expertlist h6, .expertlist a {
	font-size:1em;
	font-weight:bold;
	color:#333;
	text-decoration:none;
}

#v2root #videos a:hover,.videolist a:hover, .expertlist a:hover {
	color:#002A5C;
}

#v2root #videos h6,.videolist h6, .expertlist h6 {
	margin:0;
	margin-bottom:3px;
}

#v2root #videos p,.videolist p, .expertlist p,  {
	margin:0;
	margin-bottom:3px;
	line-height:1.6em;
}

#v2root #videos p, #v2root #videos h6 {
	margin-left:135px;
}

#v2root #videos a.tn {
	height:66px;
	overflow:hidden;
	display:block;
	float:left;
}

#v2root #videos a.tn img {
	margin-top:-14px;
}

#v2root #videos .duration, .videolist .duration
 {	float:right;
}

.videolist, .expertlist { font-size:.9em; }
.videolist a.tn, .expertlist a.tn {
	height:54px;
	width:90px;
	overflow:hidden;
	display:block;
	float:left;
}
.videolist a.tn img, .expertlist a.tn img {
	margin-top:-12px;
}
.videolist p, .videolist h6, .expertlist p, .expertlist h6 {
	margin-left:95px;
}

ul.scroll { overflow:auto; width:100%; height:100%; }
#v2root ul#videos {
	height:314px;
	margin-left:4px;
	overflow:auto;
}

#v2root #social{
	padding-top:20px;
	clear:both;
}
#v2root #social1 {
	clear:both;
}
#v2root #entries {
	line-height:1.4em;
}
#v2root #entries h6 {
	border-bottom:1px solid #333;
	padding-bottom:5px;
}
#v2root #entries h6, #v2root #entries h3 a {
	font-size:18px;
	color:#333;
	text-decoration:none;
	margin:25px 0 10px;
	display:block;
}
#v2root #entries h6 a {
	text-decoration:none;
	color:#333;
}
#v2root #entries h6 a:hover {
	color:#002A5C;
}
#v2root #vidtitle {
	float:left;
}
#v2root #expertno1 {
	text-align:right;
	margin-top:20px;
	font-weight:bold;
	color:#2f2f2f;
	margin-right:5px;
}
#v2root #social h3 {
	font-size:18px;
	margin-bottom:5px;
}
#v2root.video2 h2 {
	font-size:12px;
	text-transform:uppercase;
}

#v2root #stage2 {
	clear:both;
}
#v2root #stage2 h6 {
	font-size:22px;
	text-transform:none;
}
#v2root #stage2 #description {
	float:left;
	background:url(images/video/videoinfo-bkg.png) no-repeat left top;
	width:240px;
	height:482px;
}
#v2root #stage2 #description .inr {
	padding:10px 6px 19px 14px;
}
#v2root #stage2 #description a {
	color:#999;
}
#v2root #stage2 #description a:hover {
	color:#666;
}
#v2root .navigation {
	position:absolute;
	margin-top:280px;
}
#v2root .navigation a.first {
	padding-right:20px;
}
#v2root .navigation a {
	text-decoration:none;
	font-size:14px;
	font-weight:bold;
	color:#ff0000 !important;
}
#v2root .navigation a:hover {
	text-decoration:underline;
	color:#FF0000 !important;
}
#v2root #screen2 {
	float:left;
	width:635px;
	margin-right:10px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	margin-top:2px;
	height:366px;
	background:#000;
}

#v2root #screen2 .inr {
	padding:10px 10px 10px 10px;
}
#v2root #screen2_sm {
	float:left;
	width:240px;
	margin-right:10px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	margin-top:2px;
	height:264px;
	background:#000;
}
#v2root #screen2_sm .inr {
	padding:10px 10px 10px 10px;
}
#v2root #ytdiv2 {
	position:absolute;
	z-index:0;
}
#v2root #morevids2, #v2root #blogents2 {
	float:left;
}
#v2root #morevids2 {
	margin-right:10px;
}
#v2root #vidbox2 {
	width:248px;
	height:480px;
	background:url(images/video/morevids-bkg-lg.png) no-repeat left top;
}
#v2root #vidbox2 .inr {
	padding:4px 5px 0;
}
#v2root #blogents2 {
	width:960px;
}
#v2root #blogents2 h2 {
	margin-left:5px;
}
#v2root #entries2 {
	float:left;
	background:url(images/video/bloginfo-bkg.png) no-repeat left top;
	width:952px;
	height:466px;
}
#v2root #entries2 .inr {
	padding:10px 4px 0 10px;
	height:480px;
	overflow:auto;
	margin-top:2px;
	margin-bottom:28px;
}
#v2root #entries2 img {
	float:right;
	margin:20px 0 0 10px;
}
#v2root ul#videos2, #v2root ul#videos2 li, ul.videolist2, ul.videolist2 li, ul.expertlist2, ul.expertlist2 li {
	margin:0;
	padding:0;
	list-style:none;
}
ul.expertlist2 li
{
    height:60px;
    margin-left:8px;
}

ul.videolist2 li
{
    height:60px;
    margin-left:8px;
}

#v2root #videos2 li {
	border-top:1px solid #ccc;
	padding:10px !important;
	font-size:.85em;
}
.videolist2 li {
	padding:10px !important;
	font-size:.85em;
}
.expertlist2 li {
	padding:10px !important;
	font-size:.85em;
}

#v2root #videos2 li:first-child,.videolist2 li:first-child, .expertlist2 li:first:child {
	border-top:0;
}

#v2root #videos2 h6, #v2root #videos2 a,.videolist2 h6, .videolist2 a, .expertlist2 h6, .expertlist2 a {
	font-size:1em;
	font-weight:bold;
	color:#333;
	text-decoration:none;
}

#v2root #videos2 a:hover,.videolist2 a:hover, .expertlist2 a:hover {
	color:#002A5C;
}

#v2root #videos2 h6,.videolist2 h6, .expertlist2 h6 {
	margin:0;
	margin-bottom:3px;
}

#v2root #videos2 p,.videolist2 p, .expertlist2 p,  {
	margin:0;
	margin-bottom:3px;
	line-height:1.6em;
}

#v2root #videos2 p, #v2root #videos2 h6 {
	margin-left:135px;
}

#v2root #videos2 a.tn {
	height:66px;
	overflow:hidden;
	display:block;
	float:left;
}

#v2root #videos2 a.tn img {
	margin-top:-14px;
}

#v2root #videos2 .duration, .videolist2 .duration
 {	float:right;
}

.videolist2, .expertlist2 { font-size:.9em; }
.videolist2 a.tn, .expertlist2 a.tn {
	height:54px;
	width:90px;
	overflow:hidden;
	display:block;
	float:left;
}
.videolist2 a.tn img, .expertlist2 a.tn img {
	margin-top:-12px;
}
.videolist2 p, .videolist2 h6, .expertlist2 p, .expertlist2 h6 {
	margin-left:95px;
}

ul.scroll { overflow:auto; width:100%; height:100%; }
#v2root ul#videos2 {
	height:466px;
	margin-left:4px;
	overflow:auto;
}

#v2root #social2 {
	padding-top:10px;
	clear:both;
}
#v2root #entries2 {
	line-height:1.4em;
}
#v2root #entries2 h6 {
	border-bottom:1px solid #333;
	padding-bottom:5px;
}
#v2root #entries2 h6, #v2root #entries2 h3 a {
	font-size:18px;
	color:#333;
	text-decoration:none;
	margin:25px 0 10px;
	display:block;
}
#v2root #entries2 h6 a {
	text-decoration:none;
	color:#333;
}
#v2root #entries2 h6 a:hover {
	color:#002A5C;
}
#v2root #vidtitle2 {
	float:left;
}
#v2root #expertno12 {
	text-align:right;
	margin-top:20px;
	font-weight:bold;
	color:#2f2f2f;
	margin-right:5px;
}
#v2root #social2 h3 {
	font-size:18px;
	margin-bottom:5px;
}
.VideoCopy2 {font-size: 28px;  
	font-family: "Boton Regular", "Boton Bold", "Boton Light", "Boton Medium";
	color: 3D3D3D;
}

/***
 * End video.asp
 */
 
 
 
 
 /**
 these are new styles that follow the same scheme as WideStyle.css
 */
#product_splash {
	width:959px;
	height:422px;
	background: url(images/product/producthdr-colors.png) no-repeat 0 0;
}
#product_splash #bkg #video .videohd {
	width:400px;
	float:left;
}
#product_splash #bkg #video h2,#product_splash #bkg #video h6 {
	padding:35px 0 0 17px;
}
#product_splash .offdent {
	text-indent:-9999px;
}
#product_splash #bkg {
	height:422px;
	width:955px;
}
#product_splash .tab {
	display:none;
	padding:30px 10px 10px 40px;
	height:376px;
	width:909px;
}
#product_splash .init { display:block; }
#product_splash #bkg  h2 {
	font-size:15px;
	font-weight:bold;
	margin:0;
	color:#000;
	margin-top:5px;
}
#product_splash #bkg h6 {
	font-size:26px;
	font-weight:normal;
	margin:0;
	color:#000;
}
#product_splash #bkg #ytmain {
	margin-top:-23px;
	float:left;
}
#product_nav, #product_nav li {
	margin:0;
	padding:0;
	list-style:none;
}
#product_nav {
	height:80px;
	margin-right:7px;
	margin-top:-96px;
	margin-left:4px;
	width:952px;
	background:#fff;
	border-top:1px solid #c5c5c5;
	*padding-left:10px;
}

#product_nav ul { margin:0 auto; display:table; padding:0; }
#product_nav li {
	float:left;
}
#product_nav li a img {
	border:0;
}
#product_nav li a, #product_nav li.spacer {
	display:block;
	float:left;
	padding:9px 2px 0;
	background:#fff;
	background-image:none;
	border-top:1px solid #c5c5c5;
	height:42px;
	text-decoration:none;
	margin-top:-1px;
	margin-top:-3px\9;
	*margin-top:-1px;
}
#product_nav li.spacer {
	width:20px;
}
#product_nav li.large {
	width:115px;
	*width:114px;
}
#product_nav li a:hover, #product_nav li.active a {
	padding-top:10px;
	background:url(images/product/productmenu-sep.png) no-repeat top center;
	_background:url(images/product/productmenu-sep.gif) no-repeat top center;
	border:0;
}

#product_nav li a div
{
	display:none;
}
#product_nav li a span
{
	color:#333;
}
#product_nav li a span, #product_nav li a div {
	position:absolute;
	z-index:100;
}
#product_nav li a img {
	display:block;
}
#product_nav li a:hover span {
	display:block;
	font-size:11px;
	font-weight:bold;
	color:#333;
	text-decoration:none;
}
#product_nav li a:hover div {
	display:block;
	font-size:11px;
	font-weight:bold;
	color:#333;
	background:url(images/product/menuitems/prodmenu-hover.png);
	width:128px;
	height:42px;
	margin-top:-115px;
	margin-left:-16px;
	padding:3px 6px 10px;
	font-size:10px;
}
#product_nav li a:hover div {
	_display:none;
}
#product_nav li a:hover div.vid {
	margin-left:8px;
}
.left {
	float:left;
}
.right {
	float:right;
}
#product_splash #bkg object {
	outline:none;
	position:relative;
	z-index:50;
}



#swatches table img { display:block; border:0; }
#swatches table a { text-decoration:none; }
#swatches table span { color:#1f1f1f; text-align:center; display:block; font-size:11px; }

.noshadow { padding-bottom:7px; }




#mask_splash {
	width:739px;
	height:375px;
	background: url(images/maskhdr-bkg.jpg) no-repeat 0 0;
}
#mask_splash #bkg #video .videohd {
	width:400px;
	float:left;
}
#mask_splash #bkg #video h2,#mask_splash #bkg #video h6 {
	padding:35px 0 0 17px;
}
#mask_splash .offdent {
	text-indent:-9999px;
}
#mask_splash #bkg {
	height:422px;
	width:735px;
}
#mask_splash .tab {
	display:none;
	padding:30px 10px 10px 40px;
	height:376px;
	width:689px;
}
#mask_splash .init { display:block; }
#mask_splash #bkg  h2 {
	font-size:15px;
	font-weight:bold;
	margin:0;
	color:#000;
	margin-top:5px;
}
#mask_splash #bkg h6 {
	font-size:26px;
	font-weight:normal;
	margin:0;
	color:#000;
}
#mask_splash #bkg #ytmain {
	margin-top:-23px;
	float:left;
}
#mask_splash #bkg object {
	outline:none;
	position:relative;
	z-index:50;
}
.expert_column
{	font-size: 10px;
	font-family: Verdana, Sans-Serif;
	color: #555;
	text-decoration: none;
}
.VideoCopy {font-size: 16px;  
	font-family: Verdana, Arial, Helvetica, sans-serif;
}