/* SeenON! MTV Style */

body {
	margin:0px 0px 10px 0px;
	padding:0px;
	font-family: Tahoma, Verdana, sans-serif;
	font-size:12px;
	line-height:16px;
	background-color:#000000;
	color:#ffffff;
}

h1 {
	font-size:20px;
	line-height:22px;
	padding:0px 0px 15px 0px;
	margin:1px 0px;
	color:#000000;
}



 
ol {
        margin:0px;                     
        padding:0px;              

}

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

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

ol li {
        list-style:decimal inside;
        margin-left:10px;
}

table {
	border:0px;
	width:100%;
}
td,p {
	vertical-align:top;
}
form {
	margin:0px;
}

a {
	color: #999999;
	text-decoration: none;
}
a:hover {
	color: #666666;
}
a.boxed {
	color:#000000;
}
a.boxed:hover {
	color:#666666;
}
a.yellow {
	color:#fdea0a;
}
a.prods {
	color:#a8a9a3;
}
a.prods:hover {
	color:#000000;
}
a.dkgr {
	color:#616161;
}
a.dkgr:hover {
	color:#000000;
}

#bodyContainer {
	width:970px;
	font-family:Arial, Helvetica, sans-serif;
	color:#808080;
	margin:0px auto;
	text-align:left;
	background-color:#f4f4f4;
}
#bodyContent {
	border:4px solid #272727;
	padding:0px;
}

#topMenu {
	z-index:3;
	position:relative;
	width:960px;
	height:25px;
	line-height:25px;
	background-color:#000000;
	font-size:11px;
	padding:0px 5px;
	color:#ffffff;
	font-weight: bold;
	/*color:#F3D283;*/
}

#topMenu a {
	z-index:3;
	position:relative;
	width:960px;
	height:25px;
	line-height:25px;
	background-color:#000000;
	font-size:11px;
	padding:0px 5px;
	color:#ffffff;
	font-weight: bold;
}

#topMenu a:hover {
	z-index:3;
	position:relative;
	width:960px;
	height:25px;
	line-height:25px;
	background-color:#000000;
	font-size:11px;
	padding:0px 5px;
	color:#ffffff;
	text-decoration: underline;
	font-weight: bold;
}
	
#hdr {
	z-index:3;
	position:relative;
	width:970px;
	margin:0px;
	padding:4px 0px 0px 0px;
	font-family: Tahoma, Verdana, sans-serif;
	background: #1e1e1e url(/mtv/grad_bg.jpg) repeat-x top left;
}
	
#sitelogo {
	position:relative;
	margin:0px 4px;
	padding:0px;
}
	
/* search form */
#search {
	position:absolute;
	width:664px;
	top:0px;
	left:71px;
	margin:0px;
	padding:0px;
	height:47px;
	border-top:1px solid #000000;
	border-right:1px solid #000000;
	border-bottom:1px solid #4c4c4c;
	background: #171717 url(/mtv/search_grad_bg.jpg) repeat-x top left;
}
input#search-text {
	width:477px;
	margin:4px 0px 0px 0px;
	font-size:25px;
	text-transform:uppercase;
	color:#ffffff;
	border:none;
	background:transparent;
}

/* targets safari only, for lack of transparent support on text input \*/
html>body*input#search-text { opacity: 0; color: #fff; }
html>body*input#search-text:focus { opacity: 1; }
/* end target */

input#search-btn {
	position: absolute;
	top:0px;
	left:480px;
}

#freegroundship {
	position: absolute;
	top:0px;
	left:480px;
}




#selectShow {
	position:absolute;
	top:0px;
	left:559px;
	border:1px solid #000000;
}


#footer {
	padding:5px;
	font-size:11px;
	color: #c0c0c0;
	border-top:1px solid #000000;
	font-weight:bold;
	background-color: #1a1a1a;
}

#blurbFooter {
	padding:5px;
	color: #c0c0c0;
	text-align:center;
	font-size:10px;
	background-color: #000000;
}

#otherScroll { 
	position:relative; 
	width:908px;
	height:228px;
	z-index:1;
}
#outerScroll {
	position:absolute; 
	left:0px;
	top:0px; 
	width:908px;
	height:228px;
	overflow:hidden;
	clip:rect(0px, 908px, 228px, 0px);
	z-index:1;
}
#innerScroll {
	position:absolute; 
	visibility:hidden; 
	left:0px; 
	top:0px; 
	z-index:1; 
}


#bodyNorm {
	padding:20px;
}


.btnCatName {
	background:#000000 url(/mtv/homeConBtn.gif) no-repeat top left;
	width:139px;
	height:28px;
	line-height:26px;
	text-align:center;
	color:#ffffff;
}

.whtt {
	color:#ffffff;
}
.blck {
	color:#000000;
}
.grry {
	color:#5a5a5a;
}
.gry2 {
	color:#424242;
}
.gry3 {
	color:#888888;
}
.yell {
	color:#fdea0a;
}


.genHeader {
	padding:10px;
}

.shortGrad {
	background:#ffffff url(/mtv/shortGrad.gif) repeat-x top left;
}


.ctxtWin {
	position:absolute;
	width:325px;
	top:-10px;
	left:125px;
	padding:5px;
	background-color:#8c8c8c;
	font-size:11px;
	border:1px solid #2d2d2d;
	color:#ffffff;
}
.ctxtTrans {
	filter:alpha(opacity=85);
	opacity:0.85;
}
.ctxtTail {
	position:absolute;
	left:-14px;
	top:25px;
}


.ctxtWinLeft {
	position:absolute;
	width:325px;
	top:-10px;
	left:-325px;
	padding:5px;
	background-color:#8c8c8c;
	font-size:11px;
	border:1px solid #2d2d2d;
	color:#ffffff;
}
.ctxtTransLeft {
	filter:alpha(opacity=85);
	opacity:0.85;
}
.ctxtTailLeft {
	position:absolute;
	left:335px;
	top:25px;
}


.heading1 {
	height:24px;
	line-height:24px;
	background:#ffffff url(/mtv/alsoRecBG.gif) repeat-x top left;
	font-size:14px;
	font-weight:bold;
}

.pageNumber {
	color: #EF943B;
	background-color:#ffffff;
	font-size:11px;
      }

a.pageNumber {
	color: #515151;
	text-decoration: underline;
	background-color:#ffffff;
	font-size:11px;
      }

/* media btns */

#med {
	position:absolute;
	top:0px;
	right:0px;
	margin:0px;
	padding:0px;
	height:45px;
	list-style:none;
}
#med li {
	float:left;
	margin:0px;
	padding:0px;
}
#med li a {
	display:block;
	font:12px Arial, Verdana, sans-serif;
	font-weight:bold;
}
#med li ul {
	position:absolute;
	top:47px;
	width:235px;
	left:-999em;
	margin:0px;
	padding:0px;
	list-style: none;
	border:1px solid #000000;
	border-top:none;
	background:#111;
}
#med li:hover ul, #med li.sfhover ul {
	left:auto;
	margin-left:0px;
}
#med li ul li {
	width: 235px;
	height:20px;
}
#med li ul li a {
	width: 235px;
	padding: 2px 5px;
	border: none;
	text-align:left;
	color: #787878;
	background: none;
}
#med li ul li a:hover {
	background: none;
	color: #fff;
}

/* navigation
---------------------------------------------------- */

#snContainer {
	height:28px;
	line-height:28px;
	margin:4px 4px 0px 4px;
	overflow:hidden;
}


#sitenav {
	margin:0px;
	padding:0px;
	list-style:none;
	border:1px solid #000000;
	background:#0a0a0a url(/mtv/nav_bg.gif) repeat-x top left;
	z-index:20;
}
#sitenav li {
	float:left;
	margin:0px;
	padding:0px;
	border-right:1px solid #000;
}
#sitenav li a {
	display:block;
	padding:0px;
	margin:0px;
	font:12px Arial, Verdana, sans-serif;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
}
#sitenav li#n-main {
	border-right: none;
}
#sitenav li#n-episode a {
	border-left:none;
}
#sitenav li.blank {
	border-right:none;
}
#sitenav li a:hover {
	color: #fff;
}
#sitenav li a:active {
	background: none;
}

/* suckerfish dropdowns */

#sitenav li ul {
	clear: left;
	position: absolute;
	width: 230px;
	left: -999em;
	margin:0px;
	padding:0px;
	list-style: none;
	border: 1px solid #000;
	border-top: none;
	background: #111;
	z-index:10;
}
#sitenav li:hover ul,#sitenav li.sfhover ul {
	left: auto;
	/*margin-left:0px;*/
}
#sitenav li:hover, #sitenav li.hover {
    position: static;
}
#sitenav li ul li {
	width: 230px;
	font-size: 10px;
	padding:0px;
	height:17px;
	text-transform: none;
	border-right:none;
	position:static;
}
#sitenav li ul li a {
	width: 230px;
	padding: 0px 8px;
	border: none;
	height:17px;
	text-align:left;
	color: #787878;
	background: none;
}
#sitenav li ul li a.soon {
	width: 230px;;
	color: #ffffff;
}
#sitenav li ul li a:hover {
	background: none;
	color: #fff;
}
#sitenav li ul#episode {
	width:230px;
}
#sitenav li ul#episode li a {
	width: 220px;
	padding: 0px 8px;
}


/* double dropdowns */
table.menu {background-color:#db6817; position:absolute; visibility:hidden; z-index:9999; color:#FFFFFF; text-align:left; width:92px; line-height:20px;
color:#ffffff; background:#272727; font-weight:bold; position:absolute; left:90px; }
#sbcat1, #sbepisode1 { top: 0px; }
#sbcat2, #sbepisode2 { top: 17px; }
#sbcat3, #sbepisode3 { top: 34px;} 
#sbcat4, #sbepisode4 { top: 51px; }
#sbcat5, #sbepisode5 { top: 68px; }
#sbcat6, #sbepisode6 { top: 85px; }
#sbcat7, #sbepisode7 { top: 102px; }
#sbcat8, #sbepisode8 { top: 119px; }
/* nav on episode page */

/* navigation
---------------------------------------------------- */

#snContainer1 {
        height:16px;
        line-height:16px;
        margin:4px 4px 0px 4px;
        overflow:hidden;
	width: 238px;
}

#snContainer2 {
        height:16px;
        line-height:16px;
        margin:4px 4px 0px 4px;
        overflow:hidden;
	width: 238px;
}

#snContainer3 {
        height:16px;
        line-height:16px;
        margin:4px 4px 0px 4px;
        overflow:hidden;
	width: 238px;
}
#sitenav1 {
	margin:0px;
	padding:0px;
	list-style:none;
	border:1px solid #000000;
	background:#0a0a0a url(/mtv/nav_bg.gif) repeat-x top left;
	z-index:3;
}
#sitenav1 li {
	float:left;
	margin:0px;
	padding:0px;
	border-right:1px solid #000;
}
#sitenav1 li a {
	display:block;
	padding:0px;
	margin:0px;
	font:12px Arial, Verdana, sans-serif;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
}
#sitenav1 li#n-main {
	border-right: none;
}
#sitenav1 li#n-episode1 a {
	border-left:none;
}
#sitenav1 li.blank {
	border-right:none;
}
#sitenav1 li a:hover {
	color: #fff;
}
#sitenav1 li a:active {
	background: none;
}

/* suckerfish dropdowns */

#sitenav1 li ul {
	clear: left;
	position: absolute;
	width: 238px;
	left: -999em;
	margin:0px;
	padding:0px;
	list-style: none;
	border: 1px solid #000;
	border-top: none;
	background: #111;
	z-index:4;
}
#sitenav1 li:hover ul,#sitenav1 li.sfhover ul {
	left: auto;
	margin-left:0px;
}
#sitenav1 li:hover, #sitenav1 li.hover {
    position: static;
}
#sitenav1 li ul li {
	width: 238px;
	font-size: 10px;
	padding:0px;
	height:16px;
	text-transform: none;
	border-right:none;
	position:static;
}
#sitenav1 li ul li a {
	width: 238px;
	padding: 0px 8px;
	border: none;
	height:16px;
	text-align:left;
	color: #787878;
	background: none;
}

#sitenav1 li ul li a:hover {
	background: none;
	color: #fff;
}
#sitenav1 li ul#episode1 {
	width:238px;
}
#sitenav1 li ul#episode1 li a {
	width: 238px;
	padding: 0px 8px;
}

	
a img {
	border: none;
}

/* self-clearing floats for modern browsers */

#hdr:after, #med:after, #sitelogo:after, #sitenav:after,#sitenav1:after {
	content: ".";
    display: block;
    height:0px;
    clear: both;
    visibility: hidden;
}
	
/* for IE7 */
#hdr, #med, #sitelogo, #sitenav, #sitenav1 { 
	display: inline-block; 
}

/* target ie5+6/win only */
* html #hdr, 
* html #med,
* html #sitelogo, 
* html #sitenav,
* html #sitenav1 {
	height: 1%;
}

/* reset display property for all browsers */
#hdr, #med, #sitelogo, #sitenav, #sitenav1 { 
	display: block; 
}



/* select css*/

select.episodedrop { 
 background-color: #000000; 
 color: #ffffff; 
border: #000000;
font-size:10px;
}


/*Various different font sizes to avoid evil font tags*/
.size8 {
	font-size:8px;
}
.size9 {
	font-size:9px;
}
.size10 {
	font-size:10px;
}
.size11 {
	font-size:11px;
}
.size12 {
	font-size:12px;
}
.size14 {
	font-size:14px;
}
.size16 {
	font-size:16px;
}
.size18 {
	font-size:18px;
}
.size20 {
	font-size:20px;
}
.size24 {
	font-size:24px;
}
.size30 {
	font-size:30px;
}

.bld {
	font-weight:bold;
}


.pad5 {
	padding:5px;
}
.pad10 {
	padding:10px;
}
.pad15 {
	padding:15px;
}
.pad20 {
	padding:20px;
}
.padTB5 {
	padding:5px 0px;
}
.padTB10 {
	padding:10px 0px;
}
.padTB15 {
	padding:15px 0px;
}
.padTB20 {
	padding:20px 0px;
}
.padLR5 {
	padding:0px 5px;
}
.padLR10 {
	padding:0px 10px;
}
.padLR15 {
	padding:0px 15px;
}
.padLR20 {
	padding:0px 20px;
}


/* Other random bits for this and that */
.inputError { 
	color: #b00307 ; 
	font-weight: bold; 
	font-size: 10px;
	background: url('/mtv/alert.gif') no-repeat; 
	padding-left: 25px; 
	padding-right: 25px;
	margin-top:5px;
	line-height: 10px;
} 

.error { 
	color: #b00307 ; 
	font-weight: bold; 
	font-size: 14px;
} 

.warn { 
	color: #b00307 ; 
	font-size: 12px;
} 


.sale {
	color:#000000;
	font-weight:bold;
}

.tabcontent {
	display:none;
}

.centervalign {
	vertical-align:middle;
}

.greyOutline {
	border: 2px solid #cccccc;
}

.gtlmods {
	text-align: center;
	width: 930px;
	height:390px;
	padding:10px;

}




.goleft {
	float:left;
}

.goright {
	float: right;
}

.topbottomdots {
	border-top:1px dotted #cecece;
	border-bottom:1px dotted #cecece;
	color:#515151;
}


#products {
	position:relative;
	width:950px;
	margin-top:0px;
	float:left;
	background-color:#ffffff;
	}
#products ul {
	width:950px;
	margin:0px 0px 0px 0px;
 }
* html #products ul {
	float:none; }
#products ul li {
	display:table-cell;
	float:left;
	width:444px;
	margin:0px 0px 10px 0px;
	padding:0px 10px;
	text-align:left;
	vertical-align:top;
	list-style-type: none;

 }
* html #products ul li {
	width:444px; }
	


#gtllist {
	position:relative;
	width:950px;
	margin-top:0px;
	float:left;
	background-color:#ffffff;
	}
#gtllist ul {
	width:950px;
	margin:0px 0px 0px 0px;
 }
* html #gtllist ul {
	float:none; }
#gtllist ul li {
	display:table-cell;
	float:left;
	width:444px;
	margin:0px 0px 10px 0px;
	padding:0px 10px;
	text-align:left;
	vertical-align:top;
	list-style-type: none;

 }
* html #gtllist ul li {
	width:444px; }
	


	
.gtlprods li {
	list-style-position: inside;
	list-style-type: disc;
    margin: 0px 0px 0px 10px;
	padding: 0px;
	line-height:12px;
	
}



.catmainitems {
	width: 660px;
	margin: 0px auto;
	text-align: center;	
}


.catmainitems ul {
	margin: 0px auto;
	padding: 0px;
}
* html .catmainitems ul {
	float:none;
}
.catmainitems ul li {
	float:left;
	width:150px;
	margin-top:5px;
	padding-right: 7px;
	padding-left:7px;
	_padding-right: 5px;
	_padding-left: 5px;
	padding-top:0px;
	text-align:center;
	vertical-align:top;
	height: 200px;
	list-style: none;
}


.catmainitems ul li ul li {
	margin: 0px;
	padding: 0px;
}


.catmaintimesname {display: block; width: 110px;height: 25px; color: #fff;background-color: #000;margin: 5px auto;vertical-align: middle; line-height: 25px;text-transform: uppercase; font-weight: bold;font-size: 10px;}


.catmainitemsimg {border: 1px solid #000;height: 150px;width: 150px;marign: 0px auto;}

.swatchblock {display: block}

    #swatches{
      list-style-type:none;
      margin: 0px;
      padding: 0px;
    }
    #swatches li{
        float:left; 
        text-align:center; 
        position:relative;
        width: 45px; 
        padding: 0px;
        margin: 6px;
    }
    #swatches li img {
        border: 1px solid #666666;
    }