html, body {
	margin: 0px;
	background: #3f3f3f;
	font-family: Verdana, Arial;
	font-size: 10px;
	color: #fff;
}

td { font-size: 10px; }

/* * div{border: 1px solid #0f0;} */
	body {
		margin-left: 0px;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 0px;
		background-color: #3f3f3f;
	}
	.style1 {color: #FFFFFF; }
	.style2 {font-weight: bold; }
a {
	text-decoration: none;
}

a.white, a.nav {
  color: #FFFFFF;
}

a.black {
  color: #000000;
  font-size: 11px;
}

a:hover {
	text-decoration: underline;
}

ul {
	list-style: circle;
}

ul.cross {
	margin-top: 0px;
	margin-left: 20px;
	padding: 0px;
	list-style-image: url(/video/web/bullet.gif);
	line-height: 20px;
}

ul.cross-sml {
	margin-top: 0px;
	margin-left: 20px;
	padding: 0px;
	list-style-image: url(/video/web/bullet-sml.gif);
	line-height: 20px;
}

/* ------------ Text Classes ------------ */

.black-sml {
	font-family: Verdana, Arial, Helvetica;
	font-size: 10px;
	color: #000;
}

.black-med {
	font-family: Verdana, Arial, Helvetica;
	font-size: 11px;
	color: #000;
}

.black-lrg {
	font-family: Verdana, Arial, Helvetica;
	font-size: 15px;
	color: #000;
}

.white-sml {
	font-family: Verdana, Arial, Helvetica;
	font-size: 10px;
	color: #fff;
}

.yel-sml {
	font-family: Verdana, Arial, Helvetica;
	font-size: 10px;
	color: #f7cb34;
}

.yel-lrg {
	font-family: Verdana, Arial, Helvetica;
	font-size: 17px;
	color: #f7cb34;
}


.grey-sml {
	font-family: Verdana, Arial, Helvetica;
	font-size: 10px;
	color: #fff;
}

.grey-med {
	font-family: Verdana, Arial, Helvetica;
	font-size: 11px;
	color: #000;
}

.grey1-lrg {
	font-family: Verdana, Arial, Helvetica;
	font-size: 15px;
	color: #efefef;
}

.grey-lrg {
	font-family: Verdana, Arial, Helvetica;
	font-size: 17px;
	color: #efefef;
}

.blue-sml {
	font-family: Verdana, Arial, Helvetica;
	font-size: 10px;
	color: #3d80a5;
}

.blue-med {
	font-family: Verdana, Arial, Helvetica;
	font-size: 11px;
	color: #3d80a5;
}

.blue-lrg {
	font-family: Verdana, Arial, Helvetica;
	font-size: 14px;
	color: #3d80a5;
}

.red-sml {
	font-family: Verdana, Arial, Helvetica;
	font-size: 10px;
	color: #ff0000;
}

.red-med {
	font-family: Verdana, Arial, Helvetica;
	font-size: 11px;
	color: #bf0000;
}

.red-lrg {
	font-family: Verdana, Arial, Helvetica;
	font-size: 14px;
	color: #bf0000;
}

.red-title {
	font-family: Verdana, Arial, Helvetica;
	font-size: 16px;
	color: #bf0000;
}

.no-text {
	font-family: Verdana, Arial, Helvetica;
	font-size: 1px;
	color: #fff;
}

/* ------------ Div Classes ------------ */

.chart {
	float: left;
	width: 562px;
	padding-top: 8px;
	background: #e5e6e7;
	text-align: left;
}

.reviewed {
	float: left;
	width: 190px;
	padding-left: 8px;
	text-align: left;
}

.comingsoon-title {
	float: right;
	width: 406px;
	height: 17px;
	margin-right: -7px;
	padding: 0px;
	text-align: right;
}

.leading {
	clear: both;
	width: 8px;
	height: 8px;
	padding: 0px;
}

.redline {
	width: 376px;
	height: 1px;
	padding: 0px;
	background: #bf0000;
}

.redline-lrg {
	width: 565px;
	height: 1px;
	padding: 0px;
	background: #bf0000;
}

.coverart {
	float: right;
	padding-left: 20px;
	text-align: left;
}

.coverpad {
	float: left;
	padding: 6px;
	background: #99b5c4;
	text-align: left;
}

.coverframe {
	float: left;
	height: 186px;
	padding: 8px;
	background: #99b5c4;
	text-align: left;
}

.coverframe-lrg {
	float: left;
	height: 186px;
	padding-top: 8px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 8px;
	background: #99b5c4;
	text-align: left;
}

.covergap {
	float: left;
	width: 20px;
	height: 14px;
	padding: 0px;
}

.orderframe {
	float: left;
	height: 186px;
	padding: 5px;
	background: #99b5c4;
	text-align: left;
}

.inner-list {
	float: left;
	width: 190px;
	padding-top: 5px;
	padding-left: 5px;
	text-align: left;
}

.featureset {
	float: left;
	width: 156px;
	padding: 0px;
	text-align: left;
}

.search-padding { 
	float: left;
	padding-left: 50px;
	text-align: left;
}

.vspace {
	float: left;
	width: 6px;
	height: 14px;
	padding: 0px;
}

.vlrg {
	float: left;
	width: 9px;
	height: 14px;
	padding: 0px;
}

.vlrgr {
	float: left;
	width: 20px;
	height: 14px;
	padding: 0px;
}

.hspace {
	clear: both;
	width: 6px;
	height: 8px;
	padding: 0px;
}

.padding {
	clear: both;
	padding-top: 6px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 6px;
}

.form { 
	float: left;
	width: 200px;
	padding: 0px;
	text-align: right;
}

.float { 
	float: left;
	padding: 0px;
	text-align: left;
}

.float-right { 
	float: right;
	padding: 0px;
	text-align: right;
}

.float-justify { 
	float: left;
	padding: 0px;
	text-align: justify;
}

.break {
	clear: both;
	/* width: 1px;
	height: 1px; */
	padding: 0px;
}

/* ------------ Div Classes ------------ */

.left-grey {
	float: left;
	width: 163px;
	padding-top: 12px;
	padding-left: 7px;
	padding-right: 7px;
	padding-bottom: 7px;
	background-image: url(/video/web/bg-grey.gif);
	text-align: left;	
}

.left-grey-inner {
	float: left;
	width: 148px;
	padding-top: 12px;
	padding-left: 7px;
	padding-right: 7px;
	padding-bottom: 7px;
	background: #d3d5d7;
	text-align: left;
}

.mid-blue {
	float: left;
	width: 392px;
	padding-top: 8px;
	padding-left: 7px;
	padding-right: 7px;
	padding-bottom: 7px;
	background-image: url(/video/web/bg-blue.gif);
	text-align: left;
}

.mid-blue-inner {
	float: left;
	width: 376px;
	padding-top: 4px;
	padding-left: 7px;
	padding-right: 7px;
	padding-bottom: 7px;
	background: #edeff0;
	text-align: center;
}

.mid-grey {
	float: left;
	width: 392px;
	padding-top: 8px;
	padding-left: 7px;
	padding-right: 7px;
	padding-bottom: 7px;
	background-image: url(/video/web/bg-grey.gif);
	text-align: left;
}

.mid-grey-inner {
	float: left;
	width: 376px;
	padding-top: 4px;
	padding-left: 7px;
	padding-right: 7px;
	padding-bottom: 7px;
	background: #d3d5d7;
	text-align: center;
}

.right-darkblue {
	float: left;
	width: 157px;
	padding-top: 8px;
	padding-left: 4px;
	padding-right: 4px;
	padding-bottom: 7px;
	background-image: url(/video/web/bg-darkblue.gif);
	text-align: left;
}

.right-darkblue-inner {
	float: left;
	width: 143px;
	padding-top: 4px;
	padding-left: 7px;
	padding-right: 7px;
	padding-bottom: 7px;
	background: #b7c3cb;
	text-align: center;
}

.full-grey {
	float: left;
	width: 575px;
	padding-top: 8px;
	padding-left: 7px;
	padding-right: 7px;
	padding-bottom: 7px;
	background-image: url(/video/web/bg-grey.gif);
	text-align: left;
}

.full-grey-inner {
	float: left;
	width: 562px;
	padding-top: 4px;
	padding-left: 7px;
	padding-right: 7px;
	padding-bottom: 7px;
	background: #d3d5d7;
	text-align: center;
}

.full-blue {
	float: left;
	width: 575px;
	padding-top: 8px;
	padding-left: 7px;
	padding-right: 7px;
	padding-bottom: 7px;
	background-image: url(/video/web/bg-blue.gif);
	text-align: left;
}

.full-blue-inner {
	float: left;
	width: 562px;
	padding-top: 4px;
	padding-left: 7px;
	padding-right: 7px;
	padding-bottom: 7px;
	background: #edeff0;
	text-align: center;
}

.vertad {
	float: left;
	width: 160px;
	padding-top: 8px;
	padding-left: 3px;
	padding-right: 2px;
	padding-bottom: 7px;
	background-image: url(/video/web/bg-darkblue.gif);
	text-align: left;
}

table.saleschart {
	width: 562px;
	padding: 0px;
	background: #e5e6e7;
	border: 0px;
	text-align: left;
}

td.top-sales {
	padding: 4px;
	background: #e5e6e7;
	border-top: 0px;
	border-left: 0px;
	border-right: 1px solid #80b2c9;
	border-bottom: 1px solid #80b2c9;
	text-align: left;
}

td.top-sales-end {
	padding: 4px;
	background: #e5e6e7;
	border-top: 0px;
	border-left: 0px;
	border-right: 0px;
	border-bottom: 1px solid #80b2c9;
	text-align: left;
}

td.lit-sales {
	padding: 4px;
	background: #edeeef;
	border-top: 0px;
	border-left: 0px;
	border-right: 1px solid #80b2c9;
	border-bottom: 1px solid #80b2c9;
	text-align: left;
}

td.lit-sales-end {
	padding: 4px;
	background: #edeeef;
	border-top: 0px;
	border-left: 0px;
	border-right: 0px;
	border-bottom: 1px solid #80b2c9;
	text-align: left;
}

td.drk-sales {
	padding: 4px;
	background: #d7e2e7;
	border-top: 0px;
	border-left: 0px;
	border-right: 1px solid #80b2c9;
	border-bottom: 1px solid #80b2c9;
	text-align: left;
}

td.drk-sales-end {
	padding: 4px;
	background: #d7e2e7;
	border-top: 0px;
	border-left: 0px;
	border-right: 0px;
	border-bottom: 1px solid #80b2c9;
	text-align: left;
}

/* ------------ Div IDs ------------ */

#container { 
	position: absolute;
	left: 50%;
	width: 770px;
	margin-top: 0px;
	margin-left: -410px;
	padding-top: 0px;
	padding-left: 25px;
	padding-right: 25px;
	background: #474e58;
	background-image: url(/video/web/shadow.jpg);
	background-repeat: repeat-y;
	text-align: center;
}

#header1 {
	float: left;
	width: 770px;
	height: 68px;
	padding: 0px;
	background-image: url(/video/web/header-1.jpg);
	text-align: left;
}

#header2 {
	float: left;
	width: 770px;
	height: 88px;
	padding: 0px;
	background-image: url(/video/web/header-2.jpg);
	text-align: left;
}

#titlemenu {
	float: right;
	width: 472px;
	height: 23px;
	padding-right: 0px;
	padding-bottom: 31px;
	text-align: left;
}

#mainmenu {
	float: right;
	width: 363px;
	height: 88px;
	padding: 0px;
	text-align: left;
}

#submenu {
	float: right;
	width: 363px;
	height: 14px;
	padding: 0px;
	text-align: left;
}

#ticker {
	float: left;
	width: 770px;
	height: 141px;
	padding: 0px;
	background-image: url(/video/web/ticker.jpg);
	text-align: left;
}

#ad1 {
	float: left;
	width: 728px;
	height: 90px;
	padding-top: 41px;
	padding-left: 21px;
	padding-right: 21px;
	padding-bottom: 10px;
	text-align: left;
}

#content {
	float: left;
	width: 760px;
	padding-top: 10px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 10px;
	background: #474e58;
	text-align: left;
}

#left {
	float: left;
	width: 177px;
	padding: 0px;
	text-align: center;
}

#mid {
	float: left;
	width: 406px;
	padding: 0px;
	text-align: center;
}

#right {
	float: right;
	width: 165px;
	padding: 0px;
	text-align: center;
}

#full {
	float: left;
	width: 589px;
	padding: 0px;
	text-align: center;
}

#dvdheader-header {
	float: left;
	width: 382px;
	padding-top: 2px;
	padding-left: 4px;
	padding-right: 4px;
	padding-bottom: 2px;
	background: #edeff0;
	text-align: left;
}

#dvdheader-needle {
	float: right;
	width: 156px;
	height: 38px;
	margin-top: -10px;
	margin-right: -13px;
	padding: 0px;
}

#footer {
	float: left;
	width: 744px;
	height: 128px;
	padding-top: 10px;
	padding-left: 13px;
	padding-right: 13px;
	padding-bottom: 10px;
	background-image: url(/video/web/bg-footer.jpg);
	background-repeat: repeat-y;
	text-align: left;
}

/* ------- video index pg category nav -------- */
div#catnav { 
  background: transparent url(http://www.joblo.com/video/img/main_bg.gif) repeat-y top left;
  width: 980px;
  margin-top: -2px;
}
div#catnav div {
  width: 878px;
  background-color: #141414;
}
div#catnav ul { 
  margin: 0;
  margin-left: 10px;
  padding: 0;
  height: 58px;
  list-style-type: none;
}
div#catnav li { 
  float: left;
  padding: 0;
  width: 142px;
  height: 58px;
  margin: 0;
  margin-right: 1px;
}
div#catnav li a {
  border-width: 0px;
  width: 142px;
  height: 58px;
}
div#catnav img { border-width: 0px; }


/* ------ index pg pad out screenshots to keep correct proportions ----- */
a.vid_screenshot { 
  width: 91px;
  height: 68px;
  display: block;
  background-position: center center;
  background-color: black;
  background-repeat: no-repeat;
}
a.vid_screenshot:hover { border: none; text-decoration: none; }