﻿
#SHSVerticalHeroMerchandiseCarousel { max-width: 160px; max-height: 400px; font-family: Arial;}

#staticShsLogo { background-image: url(http://www.emerchandise.com/comicbookmovie/static_logo.jpg); width: 160px; height: 80px;}
#ScrollNavTbl {width: 100%; border: 0px solid red; padding: 0px; margin: 0px; vertical-align: bottom;}

/************    RED    *****************/

#heroTitleDiv_red { text-align: center; font-size: 12px; font-weight: bold; padding: 0px; margin: 0px; color: Navy; border: 0px dashed blue; text-transform: capitalize;}
#heroTitleDiv_red a {color: Navy;  text-decoration: none;}

#mid_left_red {background-image: url(http://www.emerchandise.com/comicbookmovie/left_frame_red.jpg); background-repeat: no-repeat; width: 13px; height: 299px;}
#mid_mid_red { width: 134px; max-width: 134px; height: 298px; max-height: 298px; vertical-align: bottom; padding: 0px; margin: 0px;}
#mid_right_red {background-image: url(http://www.emerchandise.com/comicbookmovie/right_frame_red.jpg); background-repeat: no-repeat; width: 13px; height: 299px;}

#bot_left_red {background-image: url(http://www.emerchandise.com/comicbookmovie/bg_corner_left_red.jpg); width: 13px; height: 21px;}
#bot_mid_red {background-image: url(http://www.emerchandise.com/comicbookmovie/spacer_red.jpg); width: 134px; height: 21px; color: White; font-weight: bold; font-size: 12px; text-align: center; padding: 0px;  text-transform: capitalize;}
#bot_mid_red a { cursor: pointer; color: White; }
#bot_right_red {background-image: url(http://www.emerchandise.com/comicbookmovie/bg_corner_right_red.jpg); width: 13px; height: 21px;}

/************    END RED    *****************/

/************    BLUE    *****************/

#heroTitleDiv_blue { text-align: center; font-size: 12px; font-weight: bold; padding: 0px; margin: 0px; color: Navy;  border: 0px dashed blue; text-transform: capitalize;}
#heroTitleDiv_blue a {color: Navy; text-decoration: none;}

#mid_left_blue {background-image: url(http://www.emerchandise.com/comicbookmovie/left_frame_blue.jpg); background-repeat: no-repeat; width: 13px; height: 299px;}
#mid_mid_blue { width: 134px; max-width: 134px; height: 298px; max-height: 298px; vertical-align: bottom; padding: 0px; margin: 0px;}
#mid_right_blue {background-image: url(http://www.emerchandise.com/comicbookmovie/right_frame_blue.jpg); background-repeat: no-repeat; width: 13px; height: 299px;}

#bot_left_blue {background-image: url(http://www.emerchandise.com/comicbookmovie/bg_corner_left_blue.jpg); width: 13px; height: 21px;}
#bot_mid_blue {background-image: url(http://www.emerchandise.com/comicbookmovie/spacer_blue.jpg); width: 134px; height: 21px; color: White; font-weight: bold; font-size: 12px; text-align: center; padding: 0px;  text-transform: capitalize;}
#bot_mid_blue a { cursor: pointer; color: White; }
#bot_right_blue {background-image: url(http://www.emerchandise.com/comicbookmovie/bg_corner_right_blue.jpg); width: 13px; height: 21px;}

/************    END BLUE    *****************/

/************    BLACK   *****************/

#heroTitleDiv_black { text-align: center; font-size: 12px; font-weight: bold; padding: 0px; margin: 0px; color: Navy;  border: 0px dashed blue; text-transform: capitalize;}
#heroTitleDiv_black a {color: Navy;  text-decoration: none;}

#mid_left_black {background-image: url(http://www.emerchandise.com/comicbookmovie/left_frame_black.jpg); background-repeat: no-repeat; width: 13px; height: 299px;}
#mid_mid_black { width: 134px; max-width: 134px; height: 298px; max-height: 298px; vertical-align: bottom; padding: 0px; margin: 0px;}
#mid_right_black {background-image: url(http://www.emerchandise.com/comicbookmovie/right_frame_black.jpg); background-repeat: no-repeat; width: 13px; height: 299px;}

#bot_left_black {background-image: url(http://www.emerchandise.com/comicbookmovie/bg_corner_left_black.jpg); width: 13px; height: 21px;}
#bot_mid_black {background-image: url(http://www.emerchandise.com/comicbookmovie/spacer_black.jpg); width: 134px; height: 21px; color: White; font-weight: bold; font-size: 12px; text-align: center; padding: 0px;  text-transform: capitalize;}
#bot_mid_black a { cursor: pointer; color: White; }
#bot_right_black {background-image: url(http://www.emerchandise.com/comicbookmovie/bg_corner_right_black.jpg); width: 13px; height: 21px;}

/************    END BLACK    *****************/

/************    GREY   *****************/

#heroTitleDiv_grey { text-align: center; font-size: 12px; font-weight: bold; padding: 0px; margin: 0px; color: Navy;  border: 0px dashed blue; text-transform: capitalize;}
#heroTitleDiv_grey a {color: Navy;  text-decoration: none;}

#mid_left_grey {background-image: url(http://www.emerchandise.com/comicbookmovie/left_frame_grey.jpg); background-repeat: no-repeat; width: 13px; height: 299px;}
#mid_mid_grey { width: 134px; max-width: 134px; height: 298px; max-height: 298px; vertical-align: bottom; padding: 0px; margin: 0px;}
#mid_right_grey {background-image: url(http://www.emerchandise.com/comicbookmovie/right_frame_grey.jpg); background-repeat: no-repeat; width: 13px; height: 299px;}

#bot_left_grey {background-image: url(http://www.emerchandise.com/comicbookmovie/bg_corner_left_grey.jpg); width: 13px; height: 21px;}
#bot_mid_grey {background-image: url(http://www.emerchandise.com/comicbookmovie/spacer_grey.jpg); width: 134px; height: 21px; color: White; font-weight: bold; font-size: 12px; text-align: center; padding: 0px;  text-transform: capitalize;}
#bot_mid_grey a { cursor: pointer; color: White; }
#bot_right_grey {background-image: url(http://www.emerchandise.com/comicbookmovie/bg_corner_right_grey.jpg); width: 13px; height: 21px;}

/************    END GREY    *****************/

/************    GREEN   *****************/

#heroTitleDiv_green { text-align: center; font-size: 12px; font-weight: bold; padding: 0px; margin: 0px; color: Navy;  border: 0px dashed blue; text-transform: capitalize;}
#heroTitleDiv_green a {color: Navy;  text-decoration: none;}

#mid_left_green {background-image: url(http://www.emerchandise.com/comicbookmovie/left_frame_green.jpg); background-repeat: no-repeat; width: 13px; height: 299px;}
#mid_mid_green { width: 134px; max-width: 134px; height: 298px; max-height: 298px; vertical-align: bottom; padding: 0px; margin: 0px;}
#mid_right_green {background-image: url(http://www.emerchandise.com/comicbookmovie/right_frame_green.jpg); background-repeat: no-repeat; width: 13px; height: 299px;}

#bot_left_green {background-image: url(http://www.emerchandise.com/comicbookmovie/bg_corner_left_green.jpg); width: 13px; height: 21px;}
#bot_mid_green {background-image: url(http://www.emerchandise.com/comicbookmovie/spacer_green.jpg); width: 134px; height: 21px; color: White; font-weight: bold; font-size: 12px; text-align: center; padding: 0px;  text-transform: capitalize;}
#bot_mid_green a { cursor: pointer; color: White; }
#bot_right_green {background-image: url(http://www.emerchandise.com/comicbookmovie/bg_corner_right_green.jpg); width: 13px; height: 21px;}

/************    END GREEN    *****************/

/************    YELLOW   *****************/

#heroTitleDiv_yellow { text-align: center; font-size: 12px; font-weight: bold; padding: 0px; margin: 0px; color: Black;  border: 0px dashed blue; text-transform: capitalize;}
#heroTitleDiv_yellow a {color: Black; text-decoration: none;}
#mid_left_yellow {background-image: url(http://www.emerchandise.com/comicbookmovie/left_frame_yellow.jpg); background-repeat: no-repeat; width: 13px; height: 299px;}
#mid_mid_yellow { width: 134px; max-width: 134px; height: 298px; max-height: 298px; vertical-align: bottom; padding: 0px; margin: 0px;}
#mid_right_yellow {background-image: url(http://www.emerchandise.com/comicbookmovie/right_frame_yellow.jpg); background-repeat: no-repeat; width: 13px; height: 299px;}

#bot_left_yellow {background-image: url(http://www.emerchandise.com/comicbookmovie/bg_corner_left_yellow.jpg); width: 13px; height: 21px;}
#bot_mid_yellow {background-image: url(http://www.emerchandise.com/comicbookmovie/spacer_yellow.jpg); width: 134px; height: 21px; color: White; font-weight: bold; font-size: 12px; text-align: center; padding: 0px;  text-transform: capitalize;}
#bot_mid_yellow a { cursor: pointer; color: Black; }
#bot_right_yellow {background-image: url(http://www.emerchandise.com/comicbookmovie/bg_corner_right_yellow.jpg); width: 13px; height: 21px;}

/************    END YELLOW    *****************/

/************    DARK RED   *****************/

#heroTitleDiv_drkred { text-align: center; font-size: 12px; font-weight: bold; padding: 0px; margin: 0px; color: Navy;  border: 0px dashed blue; text-transform: capitalize;}
#heroTitleDiv_drkred a {color: Navy;  text-decoration: none;}

#mid_left_drkred {background-image: url(http://www.emerchandise.com/comicbookmovie/left_frame_drkred.jpg); background-repeat: no-repeat; width: 13px; height: 299px;}
#mid_mid_drkred { width: 134px; max-width: 134px; height: 298px; max-height: 298px; vertical-align: bottom; padding: 0px; margin: 0px;}
#mid_right_drkred {background-image: url(http://www.emerchandise.com/comicbookmovie/right_frame_drkred.jpg); background-repeat: no-repeat; width: 13px; height: 299px;}

#bot_left_drkred {background-image: url(http://www.emerchandise.com/comicbookmovie/bg_corner_left_drkred.jpg); width: 13px; height: 21px;}
#bot_mid_drkred {background-image: url(http://www.emerchandise.com/comicbookmovie/spacer_drkred.jpg); width: 134px; height: 21px; color: White; font-weight: bold; font-size: 12px; text-align: center; padding: 0px;  text-transform: capitalize;}
#bot_mid_drkred a { cursor: pointer; color: White; }
#bot_right_drkred {background-image: url(http://www.emerchandise.com/comicbookmovie/bg_corner_right_drkred.jpg); width: 13px; height: 21px;}

/************    END DARK RED    *****************/

#shsFeaturedMerchandise
{
	font-family:Verdana; /*Remove in live*/
	font-size:10pt;
	font-weight:bold;
	color:White;
	height:239px;
	width:320px;
	border: 0px none;
	background-image:url(http://resources.superherostuff.com/comicbookmovie/featmerch.jpg);
}
#shsFeaturedMerchandisePrev
{
	float:left;
}
#shsFeaturedMerchandiseNext
{
	float:right;
}
.shsFeaturedMerchandiseButton
{
	text-decoration:underline;
	cursor:pointer;
}
.shsFeaturedMerchandiseButtonDisabled
{
	text-decoration:none;
	cursor:default;
}
.shsFeaturedMerchandiseTitle
{
	padding-top:30px;
	text-align:center;
	width:322px;
	overflow:hidden;
}
.shsFeaturedMerchandiseTitle a
{
		color:#C4CD4C;
}
.shsFeaturedMerchandiseItemImageContainer
{
	margin:0px auto;
	float:left;
}
.shsFeaturedMerchandiseItemImageContainer img
{
	height:121px;
	width:121px;
	border:1px solid #252525;
}
.shsFeaturedMerchandiseItemDetailContainer
{
	float:right;
	width:180px;
}
.shsFeaturedMerchandiseNavigationBar
{
	width:272px;
	margin-top:-3px;
	margin-left:24px;
}
.shsFeaturedMerchandiseItemPrice
{
	font-weight:bold;
	font-size:11pt;
}
.shsFeaturedMerchandiseItemDescription
{
	font-weight:normal;
	height:100px;
	width:170px;
	overflow:hidden;
	font-size:9pt;
}
.shsFeaturedMerchandiseFeaturedItemCont
{
	height:164px;
	width:307px;
	margin-top:11px;
	margin-left:11px;
}
.shsFeaturedMerchandiseFeaturedItemCont a
{
	color:#C4CD4C;
}

.shsFeaturedMerchandiseFeaturedItemTitle
{
	color:#C4CD4C;
	font-size:11pt;
	overflow:hidden;
	padding-top:3px;
	padding-bottom:3px;	
	width:290px;
	height:18px;
}
.shsFeaturedMerchandiseSpinner
{
	margin:0px auto; display:block; padding-top:65px;
	}
	
	#shsHeroMerchandise
{
	font-family:Verdana; /*Remove in live*/
	width:814px; height:171px;
	background-image:url(http://resources.superherostuff.com/comicbookmovie/featuredmerch_gen.jpg);
}
.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 754px;
    padding: 5px 31px 3px 31px;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  754px;
    height: 121px;
}

.jcarousel-skin-tango .jcarousel-item {
    width: 121px;
    height: 121px;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
    margin-right: 5px;
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 5px;
    right: 5px;
    width: 22px;
    height: 119px;
    cursor: pointer;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 5px;
    left: 4px;
    width: 22px;
    height: 119px;
    cursor: pointer;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}
.shsHeroMerchandiseHeader
{
	height:40px;
}
.shsHeroMerchandiseHeader a
{
	display:inline-block;
	height:33px;
	width:34px;
	margin-left:3px;
}
.shsHeroMerchandiseItem
{
	display:block;
	height:119px;
	width:119px;
	border:1px solid #3C495C;
}
.shsHeroMerchandiseInfo
{
	display:block;
	margin-top:91px;
	background-color:#58749B;
	opacity: .85;
	width:119px;
	height:28px;
}
.shsHeroMerchandiseInfo span
{
	display:block;
	width:119px;
	height:26px;
    overflow:hidden;
}
a.shsHeroMerchandiseItem
{
	font-size:7pt;
	text-decoration:none;
	color:white;
	font-weight:bold;
	text-align:center;
}
shsFeaturedMerchandiseTitle a
{
	text-decoration:none;
}
.shsHeroMerchandiseHeaderCon
{
	height:43px;
	width:439px;
	display:inline-block;
}
.shsHeroMerchandiseHeroBar
{
	display:inline-block;
}



#mycarousel
{
	overflow:hidden;
	height:121px;
}

