/* CSS Document */
body{
margin:0;
padding:0;
/* line-height: 1.5em; */
/* background:#3c3c3c url(/images/bg-riff-tees.gif) repeat-y center; */
background:#666 url(images/black-metal-bg2.jpg) repeat; /* Oh Yeah, we're evil!  Play our site in reverse for demonic lyrics. */
}

b{font-size: 110%;}
em{color: red;}

#maincontainer{
width: 890px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
background: #FFF;
margin-top: 0px;
}

#topsection{
background: #FFF;
height: 24px; /*Height of top section */
margin-top: 8px;
}

#topsection h1{
margin-top: 0px;
padding-top: 0px;
}

#contentwrapper{
float: left;
width: 100%;
}

#contentcolumn{
margin-left: 168px; /*Set left margin to LeftColumnWidth*/
}

#leftcolumn{
float: left;
width: 168px; /*Width of left column*/
margin-left: -890px; /*Set left margin to -(MainContainerWidth)*/
background: #FFF; /* #F6F6F6; */
}

#footer{
clear: left;
width: 100%;
background: black;
color: #FFF;
text-align: center;
padding: 4px 0;
}

#footer a{
color: #FFF;
}

.innertube{
margin: 0px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}

/* ================= Header Image ================= */
.homeHeadContainer {
	position:relative;
	height:192px;
	width:702px;
	margin-top:8px;
	margin-left:20px;
	margin-bottom:4px;
	xpadding-bottom: 10px;
	}

.headerImage {
	height: 192px;
	width: 600px;
	float:right;
	/* margin-left: 122px; */
	background-color: #FFFFFF;
	/* xpadding-top: 5px;
	xpadding-bottom: 15px;
	xpadding-left: 5px; */
}

/* Product ===================================== */

.productContainer {
	position: relative;
	width: 704px;
	left: 18px;
	margin-top: 6px;
	margin-bottom: 40px;
	background-color: #FFFFFF;
}
.productHeaderContainer {
	position:relative;
	height:252px;
	width: 100%;
	margin-top: 0px;
	margin-bottom: 0px;
	background-color: #FFFFFF;
}
.productPhoto  {
	position: absolute;
	height: 240px;
	width: 210px;
	left: 0px;
	border: 1px solid #999999;
	padding: 3px;
	top: 0px;
	background-image: url(/images/sandman-script_240x240_Front_Color-Black.jpg);
}
.productThumbStudio  {
	position: absolute;
	height: 132px;
	width: 180px;
	left: 229px;
	border: 1px solid #999999;
	padding: 3px;
	top: 0px;
}
.productPlaybutton  {
	position: absolute;
	height: 40px;
	width: 40px;
	left: 294px;
	border: none;
	padding: 0px;
	top: 116px;
}
.productVideo  {
	position: absolute;
	height: 187px;
	width: 259px;
	left: 428px;
	border: 1px solid #999999;
	padding: 3px;
}
.productDescription  {
	position: absolute;
	height: 88px;
	width: 192px;
	left: 229px;
	top: 166px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 0px;
	overflow: hidden;
	background-attachment: scroll;
}
.ProductTitleBar {
	position: absolute;
	background-color: #D7F3F4;
	height: 26px;
	width: 214px;
	left: 462px;
	top: 220px;
}
.productBar {
	position: right;
	background-color: #D7F3F4;
	height: 26px;
	width: 100%;
	left: 0px;
	margin-bottom: 6px;
}
.productTip  {
	position: absolute;
	height: 20px;
	width: 100%;
	left:0px;
	top: 254px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	padding: 0px;
	overflow: hidden;
	background-attachment: scroll;
}
.vidTitle {
	position:absolute;
	background:#FFF;
	width:212px;
}

/* ==================== Top Nav ==================== */
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

#ddcolortabs{
margin-left: 0px;
padding: 0;
width: 100%;
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
padding-left: 0px;
}

#ddcolortabs ul{
	font: bold 14px Arial, Verdana, sans-serif;
	float:right;
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	padding:0;
	list-style:none;
	color: #002C29;
}

#ddcolortabs li{
display:inline;
margin:0 2px 0 0;
padding:0;
/* text-transform:uppercase; */
}


#ddcolortabs a{
float:left;
color: #082829;
background: white url(images/color_tabs_left.gif) no-repeat left top;
margin:0 2px 0 0;
padding:0 0 1px 3px;
text-decoration:none;
/* letter-spacing: 1px; */
}

#ddcolortabs a span{
float:left;
display:block;
background: transparent url(images/color_tabs_right.gif) no-repeat right top;
padding:4px 9px 2px 6px;
}

#ddcolortabs a span{
float:none;
}


#ddcolortabs a:hover{
color: #CC0000;
background-color: #FFF;
}

#ddcolortabs a:hover span{
background-color: #FFF;
}

#ddcolortabs #current a, #ddcolortabs #current span{ /*currently selected tab*/
background-color: #FFF;
}

#ddcolortabsline{
clear: both;
float:right;
margin-top:0px;
padding:0px;
width: 64%;
height: 1px;
line-height: 1px;
background-color: #3399FF; /* #0DF609; */
/* border-top: 1px solid #fff; /*Remove this to remove border between bar and tabs*/
}

/* HOME Product Matrix ++++++++++++++++++++ */

.homeMatrix{
margin-left:34px;
margin-top:15px;
margin-bottom:40px;
}

.ItemMatrix{
border: 1px solid #CCC;
/* border-bottom: 0px;
padding-bottom: 2px; */
/* border-right: 1px solid #CCC;
border-top: 1px solid #CCC; */
}

.thumbContainer {width:220px;}

.thumbPlayer {float:left;width:58px;height:58px;margin-left:2px;margin-top:-28px;}

/* Product Matrix **********************/

.item-box-tb {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #C6C6C6;
}
.item-box-rb {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #C6C6C6;
}
.item-box-lb {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #C6C6C6;
}
.item-box-bb {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #C6C6C6;
}


/* ++++++++++++++++ Page Fonts +++++++++++++++++++++ */

.normal {
	FONT-SIZE: 12px; COLOR: #000; LINE-HEIGHT: 14px; FONT-FAMILY: verdana, arial, helvetica, sans-serif;
}
.normal A:link {
	COLOR: #1358ad; TEXT-DECORATION: underline;
}
.normal A:active {
	COLOR: #1358ad; TEXT-DECORATION: underline;
}
.normal A:visited {
	COLOR: #1358ad; TEXT-DECORATION: underline;
}
.normal A:hover {
	COLOR: #ae0000; TEXT-DECORATION: none;
}
.normalBold {
	FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #000; LINE-HEIGHT: 20px; FONT-FAMILY: verdana, arial, helvetica, sans-serif;
}
.normalBold A:link {
	COLOR: #1358ad; TEXT-DECORATION: underline;
}
.normalBold A:active {
	COLOR: #1358ad; TEXT-DECORATION: underline;
}
.normalBold A:visited {
	COLOR: #1358ad; TEXT-DECORATION: underline;
}
.normalBold A:hover {
	COLOR: #ae0000; TEXT-DECORATION: none;
}

.normalBold2 {
	FONT-WEIGHT: bold; FONT-SIZE: 15px; COLOR: #000; LINE-HEIGHT: 18px; FONT-FAMILY: verdana, arial, helvetica, sans-serif;
}

.normalBold2Red {
	FONT-WEIGHT: bold; FONT-SIZE: 15px; COLOR: red; LINE-HEIGHT: 18px; FONT-FAMILY: verdana, arial, helvetica, sans-serif;
}

.normalSmall {
	FONT-SIZE: 12px; COLOR: #000; LINE-HEIGHT: 15px; FONT-FAMILY: verdana, arial, helvetica, sans-serif;
}
.arialTiny {
	FONT-SIZE: 9px; COLOR: #000; LINE-HEIGHT: 12px; FONT-FAMILY: arial, verdana, helvetica, sans-serif;
}

/* Title */

.titleBar {
	position: right;
	background-color: #D7F3F4;
	height: 26px;
	width: 100%;
	left: 0px;
	margin-bottom: 14px;
}

.titleHeadline {
	margin-left: 7px;
	margin-top: 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14pt;
	font-weight: bold;
	letter-spacing: -1px;
	word-spacing: -1px;
	vertical-align: text-bottom;
	color: #333333;
}

/* ================= Rotator ========================= */

#rotator
{
  background: url(images/header/rotator.php) no-repeat top center;
  width: 600px;
  height: 192px;
}


/* ****************** Drop Shadow ++++++++++++++++++++++++ */

filter:progid:DXImageTransform.Microsoft.dropshadow(OffY=2px, OffX=2px, color=#d1cfd0, positive=TRUE); 

.shiftcontainer{
position: relative;
left: 3px; /*Number should match -left shadow depth below*/
top: 3px; /*Number should match -top shadow depth below*/
}

.shadowcontainer{
width: 500px; /* container width*/
background-color: #d1cfd0;
}

.shadowcontainer .innerdiv{
/* Add container height here if desired */
background: #fff url(/images/iron-man-riff-bg.gif) no-repeat;
 
/* border: 1px solid gray; */
padding: 4px;
position: relative;
left: -3px; /*shadow depth*/
top: -3px; /*shadow depth*/
}