@charset "UTF-8";/* CSS Document */body {	background-color: white;	font-family: Arial, Helvetica, sans-serif;	margin: 0px;	padding: 0px;}p{font-family: Arial, Helvetica, sans-serif;color: #424242;font-size:0.8em;line-height: 1.3em;}.p{	font-family: Arial, Helvetica, sans-serif;	color: #5E5F62;	font-size: 12px;	line-height: 1.5em;}.body-text-gray-12pt{font-family: Arial, Helvetica, sans-serif;color: #838D93;font-size: 12px;line-height: 1.3em;}.container {margin-left: auto;margin-right: auto;width: 960px;text-align: left;}.topbar {width: 960px;}.maintopnavbox {margin-top:-18px;height:20px;margin-left: 115px;width:400px;}.mainsubnavbox {margin-top:10px;margin-bottom:10px;height:20px;margin-left: 200px;width:400px;}.mainsubnavboxp {margin-top:10px;margin-bottom:10px;height:20px;margin-left: 210px;width:400px;}.mainsubnavboxf {margin-top:10px;margin-bottom:10px;height:20px;margin-left: 150px;width:400px;}.mainsubnavboxc {margin-top:10px;margin-bottom:10px;height:20px;margin-left: 285px;width:600px;}.highlightarea {width: 960px;}.bold {font-family: Arial, Helvetica, sans-serif;	color: #000000;	font-weight: bold;	font-size: 12px;	line-height: 1.5em;}.italic {font-family: Arial, Helvetica, sans-serif;color: #5E5F62;font-size: 12px;line-height: 1.5em;font-style: italic;}.normal{font-style: normal;}.boldlh {font-weight: bold;line-height: 1em;}.detailsheading{font-size: 1.6em;font-weight: bold;text-decoration: none;font-family: Arial, Helvetica, sans-serif;color: #48a2dd;}.blue {font-family: Arial, Helvetica, sans-serif;font-size: 12px;font-weight: bold;line-height: 1.5em;color: #48a2dd; }.green {font-family: Arial, Helvetica, sans-serif;font-size: 12px;font-weight: bold;line-height: 1.5em;color: #8abf50; }.productson{font-family: Arial, Helvetica, sans-serif;color:  #48a2dd; font-size: 1em;font-weight: bold;margin-right: 10px;font-decoration: none;}.detailsheadinggreen{font-size: 1.6em;font-weight: bold;text-decoration: none;font-family: Arial, Helvetica, sans-serif;color: #8abf50;}.headinggreen{font-size: 1.1em;font-weight: bold;text-decoration: none;font-family: Arial, Helvetica, sans-serif;color: #8abf50;}.detailsheadingorange{font-size: 1.6em;font-weight: bold;text-decoration: none;font-family: Arial, Helvetica, sans-serif;color: #ee8027;}.detailssubheading{font-size: 14px;font-weight: bold;text-decoration: none;font-family: Arial, Helvetica, sans-serif;color: #48a2dd;}.termsandconditionssubheading{font-size: 22px;font-weight: bold;text-decoration: none;font-family: Arial, Helvetica, sans-serif;color: #48a2dd;}.detailssubheadingsm{font-size: 0.8em;font-weight: bold;text-decoration: none;font-family: Arial, Helvetica, sans-serif;/*color: #48a2dd;*/color: #959595 ;}.orangesubhead{font-size: 1.1em;font-weight: bold;text-decoration: none;font-family: Arial, Helvetica, sans-serif;color: #ee8027;}.orangesubheading{font-size: 14px;font-weight: bold;text-decoration: none;font-family: Arial, Helvetica, sans-serif;color: #ee8027;}.orange{color: #ee8027;}.coacheson{font-family: Arial, Helvetica, sans-serif;color: #ee8027;font-size: 1em;font-weight: bold;margin-right: 10px;}.greensubhead{font-size: 14px;font-weight: bold;text-decoration: none;font-family: Arial, Helvetica, sans-serif;color: #8abf50;}.freeon{font-family: Arial, Helvetica, sans-serif;color: #8abf50; font-size: 1em;font-weight: bold;margin-right: 10px;}.greenbold{font-size: 12px;font-weight: bold;text-decoration: none;font-family: Arial, Helvetica, sans-serif;color: #8abf50;}.detailsarea {border:1px 1px 1px 1px #999999 solid;width: 960px;}.detailsarea2 {border:1px 1px 1px 1px;padding: 0;width: 960px;margin-left: auto;margin-right: auto;}.outlinebox{border-top:solid 1px #cbcbcb;padding: 10px 0px 10px 0px;width: 625px;}.outlineboxnoborder{padding: 10px 0px 10px 0px;width: 625px;}.thumbsareafree{width: 640px;text-align: center;margin-left: auto;margin-right: auto;padding:0px 0px 20px 0px;height: 90px;overflow: visible;}.thumbsareacoach{width: 520px;text-align: center;margin-left: auto;margin-right: auto;padding:0px 0px 20px 0px;height: 90px;overflow: visible;}.thumbsarea{width: 619px;text-align: center;margin-left: auto;margin-right: auto;padding:0px 0px 20px 0px;height: 90px;overflow: visible;}.thumbsareatall{width: 555px;text-align: center;margin-top:10px;margin-left: auto;margin-right: auto;padding:0px 0px 20px 0px;height: 140px;overflow: visible;}.thumbsareatalldev{width: 740px;text-align: center;margin-top:10px;margin-left: auto;margin-right: auto;padding:0px 0px 20px 0px;height: 119px;overflow: visible;}.thumbsareatalldev2{width: 632px;text-align: center;margin-left: auto;margin-right: auto;padding:0px 0px 20px 0px;height: 119px;overflow: visible;}.thumbsareatalldev3{width: 625px;text-align: center;margin-top: 10px;margin-left: auto;margin-right: auto;padding:0px 0px 20px 0px;height: 140px;overflow: visible;}.thumbnavboxleft{display: block;float:left;width:11px;height:60px;}.thumbnavbox{padding:5px;display: block;float:left;width:93px;height:60px;}.thumbnavboxbigleft{display: block;float:left;width:42px;height:110px;}.thumbnavboxbig{padding:5px;display: block;float:left;width:175px;height:110px;}.thumbnavboxbigdev{padding:5px;display: block;float:left;width:148px;height:86px;}.detailslinkbox{padding:0px 2px 0px 8px;display: block;float:left;height:14px;}.detailslinkbox:hover {padding:0px 2px 0px 8px;display: block;float:left;height:14px;background-color: #48a2dd;color: #ffffff;background-image: url(images/blueleft.gif);background-repeat: no-repeat;}.detailslinkboxgreen{padding:0px 2px 0px 7px;display: block;float:left;height:14px;}.detailslinkboxgreen:hover {padding:0px 2px 0px 7px;display: block;float:left;height:14px;background-color: #8abf50;color: #ffffff;background-image: url(images/greenleft.gif);background-repeat: no-repeat;}.detailslinkboxorange{padding:0px 2px 0px 7px;display: block;float:left;height:14px;}.detailslinkboxorange:hover {padding:0px 2px 0px 7px;display: block;float:left;height:14px;background-color: #ee8027;color: #ffffff;background-image: url(images/orangeleft.gif);background-repeat: no-repeat;}.detailslinkboxon {padding:0px 2px 0px 8px;display: block;float:left;height:14px;background-color: #48a2dd;color: #ffffff;background-image: url(images/blueleft.gif);background-repeat: no-repeat;}.detailslinkboxgreenon {padding:0px 2px 0px 9px;display: block;float:left;height:14px;background-color: #8abf50;color: #ffffff;background-image: url(images/greenleft.gif);background-repeat: no-repeat;}.detailslinkboxorangeon {padding:0px 2px 0px 9px;display: block;float:left;height:14px;background-color: #ee8027;color: #ffffff;background-image: url(images/orangeleft.gif);background-repeat: no-repeat;}.leftcol{float:left;width:140px;margin: 45px 0 0 0;}.centercol{float:left;padding: 0px 20px 20px 20px;margin: 45px 0 0 0;width:625px;text-align: justify;}.centercolhead{float:left;padding: 0px 20px 20px 0px;width:600px;text-align: justify;}.centercollinksbox{float:left;width:650px;text-align: left;padding: 1px 0px 20px 0px;}.rightcol{margin: 45px 0 0 0;text-align: left;float:left;width:133px;padding-left: 13px;}.login {	height:22px;	width:150px;	background-image: url(images/searchbg.gif);	background-repeat: no-repeat;	background-position: right;	outline:none;	outline-color:#58585a;}.input {background-color:#58585a;border:0px;border-color:#58585a;}.footerbox {float:left;margin: 15px 5px 15px 18px;padding:0px 10px 10px 10px;}.lightgrey {	background-color: #181415;}.bluebg {	background-color: #3ab1ef;}.orangebg {	background-color: #fa5e0a;}.bgnav {	background-image: url(images/bignavbg.jpg); background-repeat:no-repeat; background-attachment:fixed; background-position:top;	}	.bggreywide {	background-image: url(images/biggreybg.jpg); background-repeat:no-repeat; background-attachment:fixed; background-position:top;	}	.whitetext {	color: #FFFFFF;}.topalign {	vertical-align:top;}a:link {  color:#3ab1ef; text-decoration:underline;}a:visited { color:#3ab1ef; text-decoration:underline;}	.psmallinset {font-family: Arial, Helvetica, sans-serif;color:#FFFFFF;font-size:0.85em;margin-left:25px;margin-right:25px;}.psmallinset2 {font-family: Arial, Helvetica, sans-serif;color:#FFFFFF;font-size:0.85em;margin-left:25px;margin-right:25px;margin-top:30px;margin-bottom:30px;}.blbg {background-image:url(images/blbg.gif); background-repeat: repeat-x;}.psmall {font-family: Arial, Helvetica, sans-serif;color:#FFFFFF;font-size:0.80em;}.pmedium {font-family: Arial, Helvetica, sans-serif;color:#FFFFFF;font-size:0.95em;}.footertext {font-family: Arial, Helvetica, sans-serif;color: #959595;font-size:.6em;}.footerhead {font-family: Arial, Helvetica, sans-serif;	color: #838D93;	font-size: 12px;	font-weight: bold;}.notetext {font-family: Arial, Helvetica, sans-serif;color: #999999;font-size:.85em;}.greyboldtext {font-size: 12px;font-weight: bold;text-decoration: none;font-family: Arial, Helvetica, sans-serif;color: #898A8C;}.subhead {margin-left:25px;font-family: Arial, Helvetica, sans-serif;font-size:1.15em;margin-bottom:-8px;margin-top:20px;}.bigpricedesc {font-family: Arial, Helvetica, sans-serif;font-size:1em;font-weight: bold;width:133px;}.bigpricecurr {font-family: Arial, Helvetica, sans-serif;font-size:0.8em;font-weight: bold;}.bigprice {font-family: Arial, Helvetica, sans-serif;font-size:1.35em;margin-bottom:8px;font-weight: bold;width:133px;}.subheadnoinset {font-family: Arial, Helvetica, sans-serif;font-size:1.15em;margin-bottom:-8px;margin-top:20px;}.subheadwhite {color:#FFFFFF;font-family: Arial, Helvetica, sans-serif;font-size:1.15em;margin-bottom:-8px;margin-top:20px;}.whitetexttop{	font-family: Arial, Helvetica, sans-serif;	color:#FFFFFF;	font-size:0.8em;}a.bignav:link {	font-family: Arial, Helvetica, sans-serif;	color:#FFFFFF;	font-size:1.1em;	line-height:1.1em;	width:180px;	text-decoration:none;	padding-left:12px;	padding-top:7px;	}	a.bignav:visited {	font-family: Arial, Helvetica, sans-serif;	color:#FFFFFF;	font-size:1.1em;	line-height:1.1em;	text-decoration:none;	padding-left:12px;	padding-top:7px;	}	a.bignav:hover {	font-family: Arial, Helvetica, sans-serif;	color:#FFFFFF;	font-size:1.1em;	line-height:1.1em;	text-decoration:none;	padding-left:12px;	padding-top:7px;	}a.bignavon:link {	font-family: Arial, Helvetica, sans-serif;	color:#3ab1ef;	font-size:1.1em;	line-height:1.1em;	width:180px;	text-decoration:none;	padding-left:12px;	padding-top:7px;	}	a.bignavon:visited {	font-family: Arial, Helvetica, sans-serif;	color:#3ab1ef;	font-size:1.1em;	line-height:1.1em;	text-decoration:none;	padding-left:12px;	padding-top:7px;	}	a.bignavon:hover {	font-family: Arial, Helvetica, sans-serif;	color:#3ab1ef;	font-size:1.1em;	line-height:1.1em;	text-decoration:none;	padding-left:12px;	padding-top:7px;	}a.free:link, a.free:visited {font-size: 1em;font-weight: bold;text-decoration: none;font-family: Arial, Helvetica, sans-serif;margin-right: 10px;color: #8a8a8b;}a.free:hover {font-size: 1em;font-weight: bold;text-decoration: none;font-family: Arial, Helvetica, sans-serif;margin-right: 10px;color: #8abf50;}a.coach:link, a.coach:visited {font-size: 1em;font-weight: bold;text-decoration: none;font-family: Arial, Helvetica, sans-serif;margin-right: 10px;color: #8a8a8b;}a.coach:hover {font-size: 1em;font-weight: bold;text-decoration: none;font-family: Arial, Helvetica, sans-serif;margin-right: 10px;color: #ee8027;}a.products:link, a.products:visited {font-size: 1em;font-weight: bold;text-decoration: none;font-family: Arial, Helvetica, sans-serif;margin-right: 10px;color: #8a8a8b;}a.products:hover {font-size: 1em;font-weight: bold;text-decoration: none;font-family: Arial, Helvetica, sans-serif;margin-right: 10px;color: #48a2dd;}a.productssm:link, a.productssm:visited {line-height: 9px;font-size: 0.7em;margin-top:90px;font-weight: bold;text-decoration: none;font-family: Arial, Helvetica, sans-serif;color: #8a8a8b;}a.productssm:hover {font-size: 0.7em;margin-top:90px;font-weight: bold;text-decoration: none;font-family: Arial, Helvetica, sans-serif;color: #48a2dd;}a.productssmon:link, a.productssmon:visited, a.productssmon:hover {line-height: 9px;font-size: 0.7em;margin-top:90px;font-weight: bold;text-decoration: none;font-family: Arial, Helvetica, sans-serif;color: #48a2dd;}a.productssml:link, a.productssml:visited {font-size: 0.7em;font-weight: bold;text-decoration: none;font-family: Arial, Helvetica, sans-serif;color: #8a8a8b;display: block;height: 14px;padding-right: 8px; float: left;}a.productssml:hover {background-color: transparent;background-image: url('images/blueright.gif');background-repeat: no-repeat;background-position: top right; display: block;height: 14px;padding-right: 8px; font-size: 0.7em;font-weight: bold;text-decoration: none;font-family: Arial, Helvetica, sans-serif;color: #ffffff;float: left;}a.coachsm:link, a.coachsm:visited {line-height: 9px;font-size: 0.7em;margin-top:90px;font-weight: bold;text-decoration: none;font-family: Arial, Helvetica, sans-serif;color: #8a8a8b;}a.coachsm:hover {font-size: 0.7em;margin-top:90px;font-weight: bold;text-decoration: none;font-family: Arial, Helvetica, sans-serif;color: #ee8027;}.coachsmon {line-height: 9px;font-size: 0.7em;font-weight: bold;text-decoration: none;font-family: Arial, Helvetica, sans-serif;color: #ee8027;}a.coachsml:link, a.coachsml:visited {font-size: 0.7em;font-weight: bold;text-decoration: none;font-family: Arial, Helvetica, sans-serif;color: #8a8a8b;display: block;height: 14px;padding-right: 7px; float: left;}a.coachsml:hover {background-color: transparent;background-image: url('images/orangeright.gif');background-repeat: no-repeat;background-position: top right; display: block;height: 14px;padding-right: 7px; font-size: 0.7em;font-weight: bold;text-decoration: none;font-family: Arial, Helvetica, sans-serif;color: #ffffff;float: left;}a.freesml:link, a.freesml:visited {font-size: 0.7em;font-weight: bold;text-decoration: none;font-family: Arial, Helvetica, sans-serif;color: #8a8a8b;display: block;height: 14px;padding-right: 7px; float: left;}a.freesml:hover {background-color: transparent;background-image: url('images/greenright.gif');background-repeat: no-repeat;background-position: top right; display: block;height: 14px;padding-right: 7px; font-size: 0.7em;font-weight: bold;text-decoration: none;font-family: Arial, Helvetica, sans-serif;color: #ffffff;float: left;}.productssmlon {background-image: url('images/blueright.gif');background-repeat: no-repeat;background-position: top right; display: block;height: 14px;padding-right: 8px; font-size: 0.7em;font-weight: bold;text-decoration: none;font-family: Arial, Helvetica, sans-serif;color: #ffffff;float: left;}.coachsmlon {background-image: url('images/orangeright.gif');background-repeat: no-repeat;background-position: top right; display: block;height: 14px;padding-right: 7px; font-size: 0.7em;font-weight: bold;text-decoration: none;font-family: Arial, Helvetica, sans-serif;color: #ffffff;float: left;}.freesmlon {background-image: url('images/greenright.gif');background-repeat: no-repeat;background-position: top right; display: block;height: 14px;padding-right: 7px; font-size: 0.7em;font-weight: bold;text-decoration: none;font-family: Arial, Helvetica, sans-serif;color: #ffffff;float: left;}a.coach:link, a.coach:visited {font-size: 1em;font-weight: bold;text-decoration: none;font-family: Arial, Helvetica, sans-serif;margin-right: 10px;color: #8a8a8b;}a.coach:hover {font-size: 1em;font-weight: bold;text-decoration: none;font-family: Arial, Helvetica, sans-serif;margin-right: 10px;color: #dd8832;}a.blog:link, a.blog:visited {font-size: 1em;font-weight: bold;text-decoration: none;font-family: Arial, Helvetica, sans-serif;margin-right: 10px;color: #8a8a8b;}a.blog:hover {font-size: 1em;font-weight: bold;text-decoration: none;font-family: Arial, Helvetica, sans-serif;margin-right: 10px;color: #000000;}.homeon {	font-family: Arial, Helvetica, sans-serif;	font-size: 1em;	font-weight: bold;	text-decoration: none;	font-family: Arial, Helvetica, sans-serif;	margin-right: 10px;	color: #000000;}.bignavbox {	width:180px;	height:33px;	padding-top:8px;	}	.bignavbox:hover {	width:180px;	height:33px;	padding-top:8px;	background-color:#3ab1ef;	}	.textwhite { color:#fff; }		.textblue { color:#3ab1ef; } .textbluesm { color:#3ab1ef; font-size:12px;}.textbluemed { color:#3ab1ef; font-size:14px;}		.bignavboxon {	width:180px;	height:33px;	padding-top:8px;	}	.bignavboxtop {	width:180px;	height:30px;	margin-top:13px;	padding-top:7px;	}.bignavboxtop:hover {	width:180px;	height:30px;	margin-top:13px;	padding-top:7px;	background-color:#3ab1ef;	}.bignavboxtopon {	width:180px;	height:30px;	margin-top:13px;	padding-top:7px;	}		a.smallnav:link, a.smallnav:visited, a.smallnav:hover {	font-family: Arial, Helvetica, sans-serif;	color:#666666 ;	margin-left:30;	font-size: 0.7em;	line-height:1.3em;	text-decoration:none;	font-weight: bold;	}a.smallnavpale:link, a.smallnavpale:visited  {	font-family: Arial, Helvetica, sans-serif;	color:#838D93;	margin-left:30;	font-size: 11px;	font-weight: normal;	line-height:14px;	text-decoration:none;	} a.smallnavpale:hover {	font-family: Arial, Helvetica, sans-serif;	color:#4F5054;	margin-left:30;	font-size: 11px;	font-weight: normal;	line-height:14px;	text-decoration:none;	text-decoration:underline;	}	.orangelink:link {color:#FB5E0B;font-family: Arial, Helvetica, sans-serif;font-size:1.2em;text-decoration:none;}.orangelink:visited {color:#FB5E0B;font-family: Arial, Helvetica, sans-serif;font-size:1.2em;text-decoration:none;}.orangelink:hover {	color:#FB5E0B;	font-family: Arial, Helvetica, sans-serif;	text-decoration:none;}.orangelinknosize:link {color:#FB5E0B;font-family: Arial, Helvetica, sans-serif;}.orangelinknosize:visited {color:#FB5E0B;font-family: Arial, Helvetica, sans-serif;}.orangelinknosize:hover {color:#FB5E0B;font-family: Arial, Helvetica, sans-serif;}.whitelink:link {color:#FFFFFF;font-family: Arial, Helvetica, sans-serif;text-decoration:none;}.whitelink:visited {color:#FFFFFF;font-family: Arial, Helvetica, sans-serif;text-decoration:none;}.whitelink:hover {color:#FFFFFF;font-family: Arial, Helvetica, sans-serif;text-decoration:none;}	.paletextsmall {	color: #d1d1d1;	font-size: 0.6em;}a.greenUnderline:hover{	font-family: Arial, Helvetica, sans-serif;	text-decoration:underline;	font size:12px;	color:#5E5F62;}.greenUnderline:link{	font-family: Arial, Helvetica, sans-serif;	text-decoration:underline;	font-size:12px;	color:#8abf50;}	.greenUnderline:visited{	font-family: Arial, Helvetica, sans-serif;	text-decoration:underline;	font-size:12px;	color:#8abf50;}a.blueUnderline:hover{	font-family: Arial, Helvetica, sans-serif;	text-decoration:underline;	font size:12px;	line-height: 1.5em;	color:#5E5F62;}.blueUnderline:link{	font-family: Arial, Helvetica, sans-serif;	text-decoration:underline;	line-height: 1.5em;	font-size:12px;	color:#48a2dd;}	.blueUnderline:visited{	font-family: Arial, Helvetica, sans-serif;	text-decoration:underline;	line-height: 1.5em;	font-size:12px;	color:#48a2dd;}a.homepage-hotspot-free{	display:block;	font-family: Arial, Helvetica, sans-serif;	color:  #8abf50;	font-size: 38px;	font-weight: bold;	text-align: center;	text-decoration:none;}a.homepage-hotspot-products{	display:block;	font-family: Arial, Helvetica, sans-serif;	color:  #48a2dd;	font-size: 38px;	font-weight: bold;	text-align: center;	text-decoration:none;}a.homepage-hotspot-coach{	display:block;	font-family: Arial, Helvetica, sans-serif;	color:  #ee8027;	font-size: 38px;	font-weight: bold;	text-align: center;	text-decoration:none;}a.homepage-hotspot-subheading-text{	display:block;	font-family: Arial, Helvetica, sans-serif;	color:  #898A8C;	font-size: 12px;	font-weight: bold;	text-align: center;	vertical-align:bottom;	text-decoration:none;}.copyright {	font-family: Arial, Helvetica, sans-serif;	color:#838D93;	font-size: 11px;	font-weight: normal;	line-height:14px;	text-decoration:none;	}a.playblue{		display:block;		width:90px;		height:24px;		vertical-align:text-center;		padding-top:5px;		font-family: Arial, Helvetica, sans-serif;		color: #5E5F62;		font-size: 12px;		background-repeat:no-repeat;		background-image:url(images/play-trailer-grey-arrow.jpg);		background-position:right;		text-decoration:none;	}a.playblue:hover{		display:block;		width:90px;		font-family: Arial, Helvetica, sans-serif;		color: #48a2dd;		font-size: 12px;		font-weight: bold;		background-repeat:no-repeat;		background-image:url(images/play-trailer-bluearrow.jpg);		background-position:right;		text-decoration:none;	}		a.playbluemore{		display:block;		height:111px;		width:70px;		vertical-align:text-bottom;		font-family: Arial, Helvetica, sans-serif;		color: #5E5F62;		font-size: 12px;		background-repeat:no-repeat;		background-image:url(images/play-more-trailer-greyarrow.jpg);		background-position:right;		text-decoration:none;	}		a.playbluemore:hover{		display:block;		height:111px;		width:70px;		font-family: Arial, Helvetica, sans-serif;		color: #48a2dd;		font-size: 12px;		font-weight: bold;		background-repeat:no-repeat;		background-image:url(images/play-more-trailer-bluearrow.jpg);		background-position:right;		text-decoration:none;	}a.quicktime-hotspot-text{	display:block;	font-family: Arial, Helvetica, sans-serif;	font-size: 12px;	text-align: left;	text-decoration:none;	}ul {	list-style-image: url(images/bulletnew.gif);	line-height:1.6em;}.ulblue {	list-style-image: url(images/bulletblue.jpg);	line-height:20px;    font-family: Arial, Helvetica, sans-serif;	color: #5E5F62;	font-size: 12px;	}.ulgreen {	list-style-image: url(images/bulletgreen.jpg);	line-height:20px;    font-family: Arial, Helvetica, sans-serif;	color: #5E5F62;	font-size: 12px;	}.ulgrey {	list-style-image: url(images/bulletgrey.jpg);	line-height:20px;    font-family: Arial, Helvetica, sans-serif;	color: #5E5F62;	font-size: 12px;	}	hr {height: 1px;border: 0;background-color: #cbcbcb;}<style type="text/css" media="screen">  /** http://docs.sublimevideo.net/playlists **/  /*  * You probably want to set the same width and height  * that you have set to your <video> elements.  */  .interactive .video_wrap{    width:960px;    height:540px;    margin:0 auto 20px auto;    display:none;  }  .interactive .video_wrap.active{    display:block;  }  .interactive ul{    width:960px;    list-style-type:none;    overflow:hidden;    margin:20px auto;    -webkit-padding-start:0;  }  .interactive li{    float:left;    display:block;    width:216px;    height:121px;    margin-right:18px;    margin-bottom:16px;    padding:5px;    background:#fff;    -webkit-box-shadow:rgba(0,0,0,0.4) 0 4px 10px;    -moz-box-shadow:rgba(0,0,0,0.4) 0 4px 10px;    box-shadow:rgba(0,0,0,0.4) 0 4px 10px;    -moz-border-radius:4px;    -webkit-border-radius:4px;    border-radius:4px;  }  .interactive li.last_thumbnail{    margin-right:0;  }  .interactive li.active{    background:#000; /* This is the highlight color, feel free to change it */  }  .interactive li a{    display:block;  }  .interactive li img{    opacity:.7;    -o-transition:opacity .25s;    -moz-transition:opacity .25s;    -webkit-transition:opacity .25s;    transition:opacity .25s;  }  .interactive li a:hover img, .interactive li.active img{    opacity:1;  }</style>
