/* global styles */

body { 
  background-image:url(/sitewide/assets/img/decor/sitewide_background_tile.jpg);
  background-repeat:repeat-x;
  background-attachment: fixed;
  background-color: rgb(0,0,0);
  margin: 0px;
}

a:link, a:visited, a:active { 
  font-weight: bold;
  text-decoration: underline;
}

a:link, a:visited { 
  color: rgb(0,0,0);
}

a:active, a:hover { 
  color: rgb(221,64,2);
}

form {
  margin: 0px;
  padding: 0px;
}

/* global divs */

div#pagebody {
  margin: 0px auto;
  padding: 0px;
  width: 766px;
}

div#topad { 
  color: rgb(255,255,255);
  background-color: rgb(0,0,0);
  border: solid black;
  border-width: 2px 2px 0px 2px;
  width: 762px;
  margin: 0px;
  text-align: center;
}

div#main { 
  color: rgb(0,0,0);
  background-color: rgb(255,255,255);
  border: 2px solid rgb(0,0,0);
  width: 762px;
  margin: 0px;
  padding: 0px;
}

div#header {
  margin: 0px;
  width: 100%;
}

div#footer {
  width: 762px;
  padding: 10px 2px;
  background-color: rgb(0,0,0);
}

div#footer a:link, div#footer a:visited {
  color: rgb(255,255,255);
  text-decoration: none;
}

div#footer a:active, div#footer a:hover {
  color: rgb(221,64,2);
  text-decoration: none;
}

div#footer table td { 
  color: rgb(152,152,152);
  font: 10px Verdana, sans-serif;
  margin: 0px;
  vertical-align: top;
}

div#footer p.nav { 
  color: rgb(255,255,255);
}

div#footer p.nav a { 
  font-weight: normal;
}

div#footer p.copyright {
  font-size: 9px;
  text-align:left;
  width:255px;
}

div#footer p.copyright a:link, div#footer p.copyright a:visited, div#footer p.copyright a:active, div#footer div#mtvn_attribution a {
  color: rgb(152,152,152);
  font-size: 9px;
  font-weight: normal;
  text-decoration: underline;
}

div#footer p.copyright a:link, div#footer p.copyright a:visited {
  color: rgb(152,152,152);
  font-size: 9px;
  font-weight: normal;
  text-decoration: underline;
}

div#footer p.copyright a:active, div#footer p.copyright a:hover, div#footer div#mtvn_attribution a:hover { 
  color: rgb(221,64,2);
}

div#footer_ad_space {
  width: 766px;
  text-align: center;
  padding: 10px 0px 15px 0px;
  background-color: rgb(0,0,0);
}

div#footer div#mtvn_attribution {
	width:762px; 
	height:24px;
	margin-top:10px;
	padding-top:10px;
	border:0px;
	border-top:solid 1px rgb(41,41,41);
	color:rgb(152,152,152);
	font:normal 9px verdana;
}

div#footer div#mtvn_attribution img {vertical-align:middle;}


div#footer td.copyright_border {
	border:none;
}

/* this is used to fill out divs around floated elements */
div.filler {
  clear: both;
}

h1 {padding:0px; margin:0px;}

h1.topheading { 
  background-image: url(/sitewide/assets/img/decor/topheading_background.jpg);
  color: rgb(255,245,217);
  font: normal 20px Interstate, Verdana, Arial, sans-serif;
  width: 762px;
  padding: 5px 0px;
  margin: 0px;
}

.topheading.home {
  padding:0px;
  height:16px;
  overflow:hidden;
}

.topheading span.section {
  float: left;
  clear: none;
  padding-left: 10px;
}

.topheading span.section span.subsection {
  color: rgb(255,255,255);
  font-size: 15px;
}

.topheading span.other {
  color: rgb(255,255,255);
  margin-right: 10px;
  float: right;
}

.topheading.short span.other {
  margin-right: 178px;
}

.topheading span.other a {
  color: rgb(255,255,255);
  font-weight: normal;
  text-decoration: none;
}

.topheading span.other a:hover {
  color: rgb(252,154,66);
}

div#content { 
}

/* columns */

div#leftcol { 
  color: rgb(0,0,0);
  background-color: rgb(254,250,223);
  width: 158px;
  /*height: 100%;*/
  margin: 0px;
}

div#leftcol, td.leftcol { 
  width: 158px;
  background-color: rgb(254,250,223);
}

div#rightcol {
  color: rgb(255,255,255);
  width: 176px;
  /*height: 100%;*/
  margin: 0px;
  text-align: center;
}

td.rightcol {
  background-color: rgb(0,0,0);
}

/* left column navigation */

div#leftcol .subhead {
  margin: 0px;
  padding: 0px;
  border-top: 1px solid rgb(255,255,255);
  border-bottom: 1px solid rgb(255,255,255);
}

div.leftnav {
  width: 100%;
  margin: 0px;
  padding: 0px 0px 3px 0px;
  color: black;
  background-color: white;
  font: bold 10px Verdana, sans-serif;
}

div.leftnav ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
  border: none;
}

div.leftnav li, div.leftnav div { 
  margin: 0px;
  padding: 0px;
  border-bottom: 1px solid rgb(205,205,180);
}

div.leftnav li a, div.leftnav div a {
  display: block;
  margin: 0px;
  padding: 5px 5px 5px 20px;
  color: black;
  background-color: rgb(238,238,224);
  background-image: url(/sitewide/assets/img/icons/nav_bullet.gif);
  background-repeat: no-repeat;
  background-position: 5px 7px;
  width: 133px;
}

div.leftnav li.level2 a, div.leftnav div.level2 a {
  display: block;
  margin: 0px;
  padding: 5px 5px 5px 30px;
  color: black;
  background-color: rgb(255,255,239);
  background-image: url(/sitewide/assets/img/icons/nav_inner_bullet.gif);
  background-repeat: no-repeat;
  background-position: 15px 7px;
  width: 123px;
}

/* This style and the width attribute above are a hack to work around
   Internet Explorer's total loss. */
html>body div.leftnav li a {
  width: auto;
}

div.leftnav li.active a, div.leftnav div.active a, div.leftnav a:hover, div.leftnav li.level2 a:hover {
  color: rgb(221,64,2);
  background-color: rgb(255,255,255);
  background-image: url(/sitewide/assets/img/icons/nav_bullet_active.gif);
}

div.navsearch {
  padding: 5px 10px 5px 14px;
  color: black;
  font-size: 11px;
}

div.navsearch input.searchterm {
  width: 91px;
  margin: 0px 3px 4px 0px;
  padding: 1px 3px 1px 3px;
  border: 1px solid black;
}

div.navsearch input.submit {
  width: 25px;
  margin: 0px;
  padding: 0px;
}

div#leftcol div.navbrowse {
  margin: 3px 10px 10px 14px;
}

div#leftcol div.navbrowse table {
  width: 100%;
  margin: 0px;
  padding: 0px;
  border: none;
  border-collapse: collapse;
}

div#leftcol div.navbrowse td {
  width: 11%;
  padding: 2px 0px;
}

div#leftcol div.navbrowse a {
  font: bold 10px Verdana, sans-serif;
  text-decoration: none;
}

/* left column promos */

div.navpromo { 
 padding: 0px 0px 6px 0px;
}

div.navpromo p {
  color: rgb(0,0,0);
  background-color: rgb(254,250,223);
  font: 10px Verdana, sans-serif;
  padding: 4px 12px 6px 16px;
  margin: 0px;
  border-top: 2px solid rgb(255,255,255);
}

div.navpromo p.first { 
  border-top: none;
  padding: 6px 12px 6px 16px;
}

/* center column */

div#centercol {
  color: rgb(0,0,0);
  background-color: rgb(255,255,255);
  padding: 0px;
  font: normal 11px Verdana, sans-serif;
}

/* 3 column */
div#centercol.normal { 
  width: 426px;
  margin: 0px 0px 0px 2px;
}

/* 2 column l/c */
div#centercol.wide { 
  width: 602px;
  margin: 0px 0px 0px 2px;
}

/* 2 column c/r */
div#centercol.nonav { 
  width: 586px;
  margin: 0px;
}

/* 1 column */
div#centercol.all { 
  width: 762px;
  margin: 0px;
}

div#centercol table { 
  font: normal 11px Verdana, sans-serif;
}

/* subheading */

div#centercol h3.subhead {
  padding: 0px;
  margin: 0px;
}

/* fake subheading */

div#centercol h3.subhead-fake {
  width: 100%;
  height: 20px;
  background-repeat: no-repeat;
  color: white;
  font-family: "GarageGothic", "Arial Narrow", "Arial", sans-serif;
  font-stretch: condensed;
  font-size: 18px;
  padding: 0px 2px 2px 20px;
  overflow: hidden;
}

div#centercol div.storytext {
  margin: 19px 18px 19px 16px;
}

div#centercol div.content {
  margin: 6px 14px 10px 20px;
}

div#centercol div.content div.morelink { 
  margin: 0px;
  padding: 3px 5px 0px 0px;
 text-align: right;
}

div#centercol div.content div.morelink a { 
  font-size: 10px;
}

div#centercol div.morelink img { 
  padding: 0px;
  margin: 0px 3px 0px 0px;
}

ul.itemlist {
  padding: 0px;
  margin: 0px;
  list-style: none;
}

ul.itemlist li {
  padding: 5px 0px 5px 20px;
  border-top: 1px solid rgb(238,238,224);
}

ul.itemlist li.plain {
  border-top: none;
}

ul.itemlist li.first {
  padding: 2px 0px 5px 20px;
  border-top: none;
}

/* div matching the itemlist li to align titles and buttons with the text, not icon */
div.withoutbullet {
    padding: 5px 0px 5px 20px;
}

table.itemlist td { 
  padding: 5px 5px 5px 0px;
  border-top: 1px solid rgb(238,238,224);
}

table.itemlist tr.first td, table.itemlist tr.plain td, table.itemlist td.extra {
  border-top: none;
}

table.itemlist th {
  padding: 5px 5px 5px 0px;
  text-align: left;
  font-size: 10px;
  color: rgb(0,0,0);
}

table.itemlist td.count { 
  color: rgb(227,66,0);
}

table.longitemlist th {
  color: rgb(255,255,255);
  font-size: 10px;
  background-color: rgb(222,63,3);
  text-align: left;
  padding: 4px 10px;
  border-right: 1px solid rgb(255,255,255);
}

table.longitemlist th a {
  color: rgb(255,255,255);
  font-size: 10px;
}

table.longitemlist td { 
  padding: 5px 10px 5px 10px;
  vertical-align: top;
}

table.longitemlist td.last {
  padding: 5px 0px 5px 0px;
  border-right: none;
}

table.plain th { 
  color: rgb(0,0,0);
  background-color: rgb(255,255,255);
  padding: 10px 10px 6px 15px;
}

table.longitemlist tr.odd, table.longitemlist tr.odd td { 
  background-color: rgb(238,238,224);
  border-right: 1px solid rgb(255,255,255);
}

table.longitemlist tr.even, table.longitemlist tr.even td { 
  background-color: rgb(255,255,255);
  border-right: 1px solid rgb(238,238,224);
}

table.plain tr.even td, table.plain tr.odd td {
  padding: 8px 5px 12px 11px;
  border-right: none;
}

table.plain tr.even td.short, table.plain tr.odd td.short {
  padding: 4px 5px 4px 11px;
  border-right: none;
}

table.plain tr.even td.leftspace, table.plain tr.odd td.leftspace {
  padding: 8px 5px 12px 21px;
  border-right: none;
}

table.longitemlist td.count { 
  color: rgb(227,66,0);
}

div.longitemlistnav { 
  padding: 2px 5px;
  margin: 5px 0px;
  color: rgb(133,0,5);
  background-color: rgb(238,238,224);
}

div.longitemlistnav a { 
  color: rgb(133,0,5);
}

table.itemlist td.thumbimg { 
}

table.itemlist td.thumbtext div {
  text-indent: -20px;
  margin: 0px 0px 0px 20px;
  padding: 0px;
}

table.itemlist td.thumbtext div img {
  border: none;
  margin: 0px 5px 0px 0px;
  padding: 0px;
}

.longitemlist-bottom {
  margin: 0px 0px 10px 0px;
}

.longitemlist-bottom-short {
  margin: 0px 0px 3px 0px;
}

div.withbullet, ul.itemlist li, ul.longitemlist li {
  text-indent: -20px;
  padding-left: 20px;
}

div.withbullet img.icon, ul.itemlist li img { 
  border: none;
  padding: 0px 0px 0px 0px;
  margin: 0px 5px 0px 0px;
  vertical-align: top;
}

div.withbullet a.moreinfo img { 
  padding-top: 5px;
}

span.date {
  color: rgb(153,153,153);
   font-size: 9px;
}

td.icon {
  width: 15px;
  padding: 0px 0px 0px 0px;
  margin: 0px 5px 0px 0px;
  vertical-align: top;
}

td.icon img { 
  border: none;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}

span.albumlist-title { 
  color: rgb(1,33,58);
  font-size: 11px;
  font-weight: bold;
}

span.albumlist-title-large { 
  color: rgb(0,0,0);
  font-size: 18px;
  font-weight: bold;
}

span.albumlist-info { 
  color: rgb(102,102,102);
  font-size: 9px;
}

img.albumlist-cover { 
  border: solid rgb(123,29,3);
  border-width: 1px 2px 2px 1px;
}

span.buyinfo-listprice { 
  color: rgb(153,153,153);
  font-size: 10px;
  font-weight: bold;
}

span.buyinfo-saleprice { 
  color: rgb(0,0,0);
  font-size: 10px;
  font-weight: bold;
}

span.buyinfo-avail { 
  color: rgb(0,0,0);
  font-size: 10px;
  font-weight: bold;
}

span.buyinfo-difference { 
  color: rgb(221, 64, 2);
  font-size: 10px;
  font-weight: bold;
}

div.searchboxlines { 
  margin: 5px 0px 0px 0px;
}

div.searchbox { 
  color: rgb(0,0,0);
  background-color: rgb(233,219,138);
  border: 1px solid rgb(160,133,29);
}

div.searchbox div.didntfind { 
  font: 11px Verdana, sans-serif;
  margin: 0px;
  padding: 5px 10px 5px 10px;
}

div.searchbox div.searchfor { 
  font: bold 11px Verdana, sans-serif;
  margin: 0px;
  padding: 0px 5px 5px 5px;
  text-align: center;
  vertical-align: middle;
  line-height: 18px;
}

div.searchbox div.searchfor input.go { 
}
div.photocredit { 
  color: rgb(0,0,0);
  background-color: rgb(220,220,220);
  text-align: right;
  padding: 3px 14px 0px 2px;
  padding-bottom: 6px;
  margin: 5px 0px 0px 0px;
  vertical-align: middle;
}

div.photocredit img { 
  vertical-align: middle;
  margin-bottom: -2px;
}

/* wrapper for tables with 100% width */
div.tablewrapper {
  width: 100%;
}

ul.longitemlist {
  padding: 0px;
  margin: 0px;
  list-style: none;
}

ul.longitemlist li {
  padding: 5px 5px 7px 25px;
}

ul.longitemlist li.odd {
  background-color: rgb(238,238,224);
}

ul.longitemlist li.even {
  background-color: rgb(255,255,255);
}

ul.longitemlist li img {
  border: none;
  padding: 0px 0px 0px 0px;
  margin: 0px 5px 0px 16px;
  vertical-align: top;
}

span.thumbnail-itemlist-title {
  font-weight: bold;
}