@charset "utf-8";
/* CSS Document */
/* colors */
/*yellow #ffcc00 */
/* red #cc3333 */
/* blue #0099ff*/

/* Stuff */
html {
	height: 100%;
	/* background:url(../images/IDS_largeBGTexture.png) no-repeat center center fixed; */
	/* background-size:cover; */
}
body {
	margin:0;
	overflow-x:auto;
	overflow-y: scroll;
	background-color: #000;
}
body {
	background: url(../images/backgrounds/CBPromoBestBlue.png) no-repeat center center fixed;
	background-size: cover;
	height: 100%;
	background-color: #000;
}
body, button, input, select, textarea {
	color: #000;
	font-family:'PT Sans', Trebuchet MS, Arial, Helvetica, sans-serif;
	font-weight:400;
	font-size: 18px;
}
h1, h2, h3, h4, h5, h6 {
	clear: both;
}
h1, h2, h3, p {
	margin:0;
}
a img {
	border: none;
}
a:link, a:visited {
	text-decoration:none;
	
}

p {color:#000;}
p a:link, p a:visited {
	color: inherit;
	font-weight:bold;
}
a:hover,p a:hover {
	color: #fff;
	border-color: #fff;
}
ul, ol {
	padding:0;
	margin:0;
	list-style-type:none;
}
table, tr, td {
	border:0;
	padding:0;
	border-collapse:collapse;
}

/* in-page general special effects */
.backgroundTint {
	background-color: #000;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	opacity: 1;
}



/* Generic Page layout Elements */
#primaryNav ul, #secondaryNav ul, .content {
	width: 66em;
	margin:0 auto;
}
/* Navigation */
#primaryNav {
	position: fixed;
	z-index: 30;
	width:100%;
	text-align: center;
}
#primaryNav {
	opacity: 0.95;
	border-bottom: 5px solid #000;
	background-color:#0099ff;
	height: 2.5em;
}
#primaryNav .navWrapper {display:table;width:66em;margin:0 auto;}
#primaryNav ul {
	list-style-type: none;
	display: table-row;
	border-left: none;
	border-right: none;
	border-bottom: none;
	padding-bottom: 0;
}
#primaryNav li {
	margin: 0;
	text-align: center;
	/*float:left;*/
	display:table-cell;
	position:relative;
	/* width: 6.666666666666em; */
}
#primaryNav li.final {/* width:5.5em; */}
#primaryNav li:first-child+li {
	/* width: 10em; */
}
#primaryNav li:first-child+li+li {
	/* width: 8%; */
}
li.CB13Nav {
    /* min-width: 14em; */
    /* width: 14em; */
}
li.CB13Nav div {}
#primaryNav li.CB13Nav div a {
    text-align: left;
	/*padding-right: 140px;*/
}
#primaryNav li.CB13Nav div a span {display:inline-block;margin-right: 3.5em;}
#primaryNav ul > li div {
	border-right:1px solid #000;
	/* margin-bottom: -5px; */
}
#primaryNav ul > li:first-child div {
	border-left: 1px solid #000;
}
#primaryNav ul a {
	color:#000;
	line-height: 1.5em;
	display: block;
	font-size: 1em;
	padding: 0.5em 1em;
	border-bottom: 5px solid #000;
	text-transform: capitalize;
	/* font-weight: bold; */
}
#primaryNav ul li:hover a, #primaryNav ul li a.currentPage {
	border-color: #C33;
}
#primaryNav ul li a:hover {color:#fff;}
#primaryNav ul ul.subnav {width:auto;border: none;margin: 0;padding: 0.5em 1em 0 0;position: absolute;top: 0;right: 0;bottom: 0;}
#primaryNav ul ul.subnav li {
    font-size: 16px;
    width: auto;
}
#primaryNav ul ul.subnav li a {padding:0;margin:0;border:1px solid #000;width:1.5em;border-radius:50%;margin-left:0.25em;line-height: 1.5em;}
#primaryNav ul ul.subnav li:hover a {border-color:#fff;}
/* Secondary Nav */

#secondaryNav{
	font-size: inherit;
	background-color: #666;
}
#secondaryNav {
	background-color:black;
	width:100%;
	height: 3em;
	clear:both;
	position: fixed;
	bottom: 0;
	z-index: 30;
	display: none;
}
#secondaryNav {
	bottom:0;
}
#secondaryNav {
	position: fixed;
	z-index: 20;
	width: 100%;
}
#secondaryNav ul {
    width: 1188px;
    margin: 0 auto;
}
#secondaryNav .mainTitle {
	padding-left: 0.5em !important;
	border-left: 1px solid #fff;
}
#secondaryNav a:link, #secondaryNav a:visited {
	text-decoration:none;
	color:#fff;
}
#secondaryNav .subheadTitle {
}
#secondaryNav .titleRight {
	float:right;
}
#secondaryNav ul {
	list-style-type: none;
	padding: 0;
	font-family: trebuchet MS;
	height: 3em;
	background-color: #555;
}
#secondaryNav li a {
	background-color: transparent;
	border: 0px solid black;
	float: left;
	line-height: 2em;
	margin-right: 0.5em;
	margin-top: 0.6em;
	text-align: center;
	width: 2em;
	background-image: url(../images/pageIndex.png);
	background-size: cover;
 background-position:
}
#secondaryNav li a:hover {
	background-position:-100% 0;
}
#secondaryNav li a:link, #secondaryNav li a:visited {
	color: #fff;
	text-decoration:none;
	display:block;
}
#secondaryNav li a:before,.content>header>h2:before {
	content: "//";
	/* padding-left:0.25em; */
	font-weight:bold;
	font-family:'trebuchet MS';
	font-size: 35px;
	margin-right: 0.5em;
}
#secondaryNav li a.currentPage a:before {
}
#secondaryNav li a:hover {
	background-color: inherit;
	color: #000;
	font-weight:bold;
	outline:none;
}
#secondaryNav li a.currentPage {
	line-height: 3em !important;
	margin-top: 0 !important;
	width: 3em !important;
	background-image:none;
	background-color:#000;
	height: 100%;
	outline:none;
}
#secondaryNav li a.currentPage, #secondaryNav li a.currentPage:hover {
	background-color: #000 !important;
}
#secondaryNav li a.currentPage:link, #secondaryNav li a.currentPage:visited {
	color: #fff !important;
}
nav a img {
	top:-50%;
}
nav a:hover img {
	top:0;
}
/* next/previous Nav icons */
.pageNavIcons {
	float: right;
}
.prevPage {
	float: left;
}
.nextPage {
	float:right;
}
a.prevPage, a.nextPage {
	margin-right: 1em;
	color: #09f;
	/* border: 2px solid #09F; */
	border-radius: 50%;
	height: 57px;
	width: 57px;
	display: inline-block;
	position: relative;
	background-size: cover;
	background-repeat: no-repeat;
}
/* Blue page arrows */
.page.blue a.nextPage {background-image: url(../images/arrowDownBlue.png);}
.page.blue a.nextPage:hover,.item.CB13Detail a.nextPage:hover {background-image: url(../images/arrowDownWhite.png);}
.page.blue a.prevPage {background-image: url(../images/arrowUpBlue.png);}
.page.blue a.prevPage:hover,.item.CB13Detail a.prevPage:hover  {background-image: url(../images/arrowUpWhite.png);}
/* White page arrows */
.page.white a.nextPage,.item.CB13Detail a.nextPage {background-image: url(../images/arrowDownBlack.png);}
.page.white a.nextPage:hover {background-image: url(../images/arrowDownBlue.png);}
.page.white a.prevPage,.item.CB13Detail a.prevPage  {background-image: url(../images/arrowUpBlack.png);}
.page.white a.prevPage:hover {background-image: url(../images/arrowUpBlue.png);}
/* black page arrows */
.page.black a.nextPage {background-image: url(../images/arrowDownWhite.png);}
.page.black a.nextPage:hover {background-image: url(../images/arrowDownBlue.png);}
.page.black a.prevPage {background-image: url(../images/arrowUpWhite.png);}
.page.black a.prevPage:hover {background-image: url(../images/arrowUpBlue.png);}
/* */
.prevPage:hover, .nextPage:hover,.CB13Detail .pageNavIcons a:hover {color:#fff;border-color:#fff;}
.prevPage:last-child, .nextPage:last-child {margin-right:0;}
.shop .pageNavIcons a, .remixes .pageNavIcons a,.CB13Detail .pageNavIcons a {border-color:#000;color:#000;}
.shop .pageNavIcons a:hover, .remixes .pageNavIcons a:hover, .CB13Detail .pageNavIcons a:hover {border-color:#09f;color:#09f;}


.pageNavIcons a span {
    font-size: 6em;
    position: absolute;
    top: 0;
    
    display: none;
}
.pageNavIcons a.prevPage span {margin-top: -51px;}
.pageNavIcons a.nextPage span {margin-top: -55px;}
.band .pageNavIcons a {/* background-image: url('../images/black30.png'); */}
/* End navigation styles */
.page {}
.item {
	width:100%;
	position: relative;
	margin-bottom: 0;
	z-index: 10;
	display: block;
	border-top: none;
	float: left;
	overflow: hidden;	
	min-height: 100%;
	min-width: 70em;
}
.content {
	padding: 2em 2em 0;
	position: relative;
	z-index: 1;
}
.mainPage { width: 42em; margin: 24px 0 0; display: inline-block; border-left: 0.5em solid #000; padding-left: 2em; /* -webkit-transform: translateY(-50%); */       /*-ms-transform: translateY(-50%);*/         /* transform: translateY(-75%); */ position: relative;}
article.page > section.content {
    height: calc(100% - 222px);
	
    height: -moz-calc(1100vh - 222px); /* Firefox */
 	
    height: -webkit-calc(100vh - 222px); /* Chrome, Safari */
 	
    height: calc(100vh - 222px); /* IE9+ and future browsers */
}
article.page > section.content {padding-bottom:5em;min-height: 22em;}
article.page > header.pageID > section.content:last-child {padding-bottom:0;}
.content>header {display: inline-block;width:100%;margin: 0em 0 2em;line-height: 3.5em;padding-bottom: 2px;}
.content>header>h2 {color: #000;font-weight:100;/* background-color: #000; */margin: 0;/* float: left; */font-size: 50px;}
.content>header>h2 span {font-weight:bold;}
.content>iframe {
}
.band h2 {display:none;}
iframe {border:none;}
.remixes .content>iframe {width: 100%;height:345px;}
.item.black .content>header>h2 {color: #fff;}
article.mixes > section.content {min-height: 32em;background-color: transparent;}
article.page.remixes > section.content, article.page.toys > section.content,article.page.CB13Detail2 > section.content {height: auto;min-height: inherit;}
article.page.toys > section.content,article.page.CB13Detail2 > section.content {min-height:30em;}
.inDirectSunlight .content > header > h2 {color:#09f;}
.mixes .pageID th,.mixes .pageID th.pageDescriptionNumbering, .mixes .pageID aside.sidebar {color: #fff;border-color: #fff;}
.band .pageID,.band .pageID th, .band .pageID th.pageDescriptionNumbering, .band .pageID aside.sidebar {
    color: #fff;
    border-color: #000;
}
.item.black.band header.pageID {/* background-image: url('../images/black70.png'); *//* background-color: #000; */border-color: #000;}
section.content.CB13Video .contentWrapper {height: -moz-calc(1100vh - 97px);
height: -webkit-calc(100vh - 97px);
height: calc(100vh - 97px);width: 100%;position: relative;z-index: -1;}
section.content.CB13Video .contentWrapper .contentImg {text-align: center;position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);}
section.content.CB13Video .contentWrapper .contentImg img {width:50%;height: auto;}
article.CB13 aside.sidebar{background: none !important;}
.CB13 .pageID th,.CB13 .pageID th,.CB13 .pageID aside.sidebar {color:#09f;border-color:#09f;}
.CB13Detail iframe {display:none;}
/* Black panel to right (has right-hand scroll bug) */
.page > .pageID table {position:relative;} 
aside.sidebar {
    display: block;
    width: 1000px;
    position:absolute;
    top:0;
    bottom:0;
    opacity:1;
    background-color: #000;
    content:"";
    left: 46em;
	
    z-index: 0;
}
article.CB13 aside.sidebar {background:none;}
aside.sidebar .content {width: 20em;float: left;}
/* Page headers */
header.pageID {
    border-bottom: 1px solid #000;
	border-top: 1px solid #000;
}
.item.black header.pageID {border-bottom-color: #fff;border-top: 1px solid #fff;background-image: url(../images/black70.png);}
.CB13 header.pageID {border-bottom-color: #09f;}
article.contentSecondary {
    display: inline-block;
    padding-left: 46em;
    position: relative;
}
.inDirectSunlight article.contentSecondary, .toys article.contentSecondary,.CB13Detail2 article.contentSecondary {margin-left: 72px;width: 360px;font-size: 16px;padding-left: 0;/* border-top: 1px solid #333; *//* padding-top: 1.3em; */}
article .contentSecondary p {
    width: 360px;
    text-align: left;
    color: #09f;
    /* float: right; */
    font-size: 1.2em;
    margin-bottom: 1em;
    line-height: 1.4em;
}

p:first-child:first-letter:before {content:"";height:2em;width:2em;}
header.pageID aside.sidebar {border-bottom:1px solid #09f;margin-top: 0;margin-bottom: -1px;}
article.remixes aside.sidebar,article.mixes aside.sidebar, article.CB13Detail aside.sidebar {background-color:transparent;border-bottom-color: #000;}

header.pageID > .content {padding-top: 50px;height: 2.5em;}
header.pageID table.pageIDTable {
    margin-bottom: -1px;
}
.pageID table th {
    height: 45px;
    vertical-align: middle;
    padding: 0;
    width: 22em;
}
header.pageID table tr {}
.pageID table tr th {
    border-top: none;
    border-bottom: 1px solid #000;
    font-size: 14px;
    font-weight: normal;
    text-align: left;
    text-transform: lowercase;
}
.pageID table th.pageDescriptionNumbering {border-color: #09F;color:#09f;text-align: right;}
.inDirectSunlight th.pageDescriptionNumbering {color:#000;}
header.pageID table tr th div span {}
th span:first-child+span:before {
    content: "//";
    margin: 0 0.25em;
    font-weight:normal;
}
th span:first-child+span {font-weight:bold}
th div {display:inline-block;}
.pageDescription {margin-left: 36px;float:left;}
.contact .pageDescription,.band .pageDescription {margin-left:0;}
th.pageDescriptionNumbering span.pageNumbering {font-weight:normal;margin-right: 0.3em;}

th.pageDescriptionNumbering span.pageNumbering:before {
    content: none;
}
span.pageNumber.first {
    text-transform: uppercase;
}
span.pageNumber.first:after {content:"/";margin:0 0.2em;font-weight:normal;}
span.pageNumber {
    font-weight: bold;
}
/* Text and formatting */
.item h1 {
	/* color: #fff; */
	font-weight: 400;
	font-size: 3em;
	/* margin-bottom: 0.25em; */
}

.item h2 {
	margin: 0em 0 0.3em;
	line-height: 1.1em;
}
.item p {
	/* margin-bottom:0.5em; */
}
.column {
	width: 360px;
	float:left;
	color: #09f;
	text-transform: lowercase;
	padding-right: 36px;
}
.column ul {
	list-style-type:none;
	margin: 0;
}
.column li {
}
.column p {
	margin-bottom:1em;
	color: #09f;
}
.column p a:link {color:#09f}
.column p a:hover {color:#fff;}
#col1 {
	margin-right:5%;
}
.column a:link, .column a:visited {
	color: #09f;
}

.column a:hover {
	color:#fff;
}
item.black .column a:link, item.black .column a:visited {
	color: #fff;
} 
.fatLi {
	font-size: 1.5em;
	text-transform: lowercase;
	font-weight: 400;
	padding-bottom: 0.5em;
	display: block;
}
.item .contentHeaderBox p {
	font-size: 1.2em;
	line-height: 1.3em;
}
.item p.timestamp {
	font-size: 0.8em;
	display: none;
}
.item span.slashslash {
	font-family: trebuchet MS;
	font-size: 96%;
}
/* Page-by-Page */
/* Background colours and  images */
 {
}
/* Background colours and images, by page */
.item {background-color: #09F;}
.item.white {background-color:#fff;}
.item.black {background-color:#000;}
article.inDirectSunlight {
	/*background-image:url(../images/bgToneBlue.png);
	background-image: url(../images/black30.png);*/
	background-image:url('../images/black70.png'),url(../images/IDS_simpleCover.png);
	background-repeat: repeat,no-repeat;
	background-size: cover;
	background-color: transparent;
	border-top-color:#09f;
}

article.inDirectSunlight section.content aside.sidebar,article.CB13Detail2 aside.sidebar {background-color: #000;/* background-image: url(../images/black50.png); *//* border-color: #000; */}
article.inDirectSunlight header.pageID,article.inDirectSunlight header.pageID aside.sidebar,article.inDirectSunlight header.pageID table tr th {border-color:#09f;color:#09f;/* background-image:none; *//* border-color:#000; *//* color:#000; */}
article.inDirectSunlight .pageID {border-color: #09f;}
CB13 {background-color: #000;}
CB13 .content {
	/* background-image:url(../images/CB13_Ad_Text.png); */
}

article.remixes, article.toys {
	background-image: url('../images/black50.png');

	background-color: transparent;
	height: auto;
	min-height: 0;
}
article.toys {background-image: url('');background-color: #09f;}
article.remixes {background-color:#fff;background-image: none;}
article.remixes .pageIDTable:before,article.remixes .content:before {content:none;}
article.CB13 video {
    position: absolute;
    z-index: -2;
    /* height: 100vh; */
    min-width: 100%;
}
@media screen and (device-aspect-ratio: 16/9) { article.CB13 video {height:auto;} }
.videoOverlay {position:absolute;z-index: -1;top:0;bottom:0;left:0;right:0;background-image: url(../images/black70.png); }
article.page > section.content.CB13Video {height: 29.5em;/* padding: 0; */height: calc(100vh - 97px);padding-bottom: 0;padding-top: 0;}
.CB13Video:last-child {/* padding:0; */padding-bottom: 0;}
article.CB13Detail, article.CB13Download {
	background-color: transparent;
	background-image: url('../images/black70.png');
}
.CB13Photo {position:absolute;background-image: url('../images/backgrounds/CBCassettePhoto.gif');
	background-size:cover;width:100%;height:100vh;z-index:-1;top: 0;}
.CB13Photo.sticky {
position: fixed;
top: 0;
left:0;
right:0;
}
.image-sticky-wrapper {float: left;/* display: block; *//* width: 100%; *//* z-index: -1; */}
article.CB13Download aside.sidebar {background:none;}
article.CB13Download header, article.CB13Download table,article.CB13Detail2 header,article.CB13Detail2 table th, article.CB13Download table th {color:#09f;border-color:#09f;}
article.CB13Detail2 {min-height:30em;}
article.CB13Detail2 header,article.CB13Detail2 table th {border-top-color:#000;border-color: #000;color: #000;}
article.item.mixes {
	
background-image: url(../images/black70.png), url('../images/backgrounds/colinDJMono.gif');
background-repeat: repeat,no-repeat;
background-position: left top, left top;
background-size: cover;
}
article.band {
	background-image: url('../images/backgrounds/band.gif');
	background-image: url('../images/backgrounds/band2.jpg');
	
	background-size:cover;
	background-position: 50% 96px;
}
.band>section.content {height:30em;}
article.CB13 aside.sidebar, article.CB13Detail aside.sidebar {background-color:transparent;background-image: url(../images/black50.png);}
article.CB13Detail aside.sidebar{background-image:none;}
.home aside.sidebar {background:none;} 
.shop {
	/* background-image: url('../images/backgrounds/band.png'); */
	background-color: #fff;
}
article.band aside.sidebar {background-color:transparent;/* background-image: url('../images/black50.png'); */border-color: #000;}
/* MinTabs - tabbed sub section */
.miniTabs {
  position: relative;   
  min-height: 460px; /* This part sucks */
  clear: both;
  margin: 0 0 2em;
  width: 42em;
  display: inline-block;
}
.miniTab {
  float: left;
}
.miniTab label {
  background: #ccc; 
  padding: 9px 72px; 
  margin-left: 0; 
  position: relative;
  display: inline-block;
  font-size: 16px;
  height: 27px;
  margin-right: 3px;
  margin-bottom: 0;
  line-height: 27px;
  font-weight: normal;
}
.miniTab label:hover {cursor:pointer;background: #ddd;}
.miniTab [type=radio] {
  display: none;   
}
.miniTabContent {
  position: absolute;
  top: 45px;
  left: 0;
  background: white;
  right: 0;
  bottom: 0;
  padding: 1em;
  border: none; 
  font-size: 16px;
  min-height: 23em;
}
[type=radio]:checked ~ label {
  background: white;
  z-index: 2;
  cursor: default;
}
[type=radio]:checked ~ label ~ .miniTabContent {
  z-index: 3;
}
/* Page 1 elements */
article.home {
	height: 100%;
	background-color:transparent;
	margin-bottom: 0;
	border-top: none;
	background-image: none;
	min-height: 719px;
}
.IDS_spheres {
    position: absolute;
    /* left: 0; */
    /* right: 0; */
    /* top: 0; */
    /* height: 100%; */
    /* z-index: 1; */
    /* padding-top: 0; */
    display: none;
}
.IDS_spheres.content:before {background-color:transparent;/* background-image: url('../images/black70.png'); */border-left: 3px dotted #09f;}
.IDS_spheres img {
	/* position: fixed; */
	/* bottom: 0; */
	/* width: 66em; */
	/* margin-bottom: 11em; */
	/* z-index: -2; */
}
article.home footer {
    position: absolute;
    width: 100%;
    z-index: 12;

	
    bottom:0;
	
    background-color: #09f;
    opacity: 0.85;
    /* border-top: 1px solid #000; */
    min-height: 14em;
    height: 33%;
}
article.home footer .content {
    padding: 0 0;
    margin-bottom: 0;
    height: calc(100% - 41px);
}
article.home footer aside.sidebar {background-image:none;/* border-left: 1px dashed #000; */display: table;left: 44em;height: 100%;}
article.home footer aside.sidebar .content {
    display: table-row;
    vertical-align: middle;
    border: 1px dashed #000;
    border-top: none;
    border-bottom: none;
    width: 22em;
    height: 100%;
    /* padding-top: 13px; */
}
article.home .pageNavIcons,article.contact .pageNavIcons {display: table-cell;height: 100%;vertical-align: middle;width: 22em;text-align: center;min-height: 13em;}
article.home .pageNavIcons a {}
article.home header {
    width: 100%;
    position: relative;
    z-index: 2;
	
    padding: 50px 0 0;
	
    
    height: calc(66% - 50px);
} 
article.home footer,article.home header {}
article.home header .CBLogo{
    
padding: 0;
position: relative;
height: -moz-calc(1100vh - 25%);
/* height: -webkit-calc(100vh - 25%); */
height: 100%;
}
.CBLogoImg {
    width: 63.63636363636363%;
    height: auto;
    position: relative;
	top: 50%;    
	-webkit-transform: translateY(-50%);    
	-ms-transform: translateY(-50%);    
    transform: translateY(-50%);
}
.CBLogoImg>object,.CBLogoImg>img {width:100%;}
.promoBar {background-color:#000;border-top: 1px solid #09f;}
p.MainPromo,p.MainPromoHead {
    background-color: transparent;
    font-size: 1.5em;
    margin: 0;
    /* color: #fff; */
}
p.MainPromoHead {color: #09f;background-color:#000;/* display:inline-block; */padding: 0.5em 2em;font-size: 1em;text-transform: uppercase;/* margin-bottom: -9px; *//* float: left; *//* margin-top: 1em; *//* border: 1px solid #09f; *//* margin-top: -1em; *//* position: absolute; *//* display: none; */width: 66em;margin: 0 auto;}
p.MainPromoHead span {font-weight:bold}
p.MainPromoHead span:before {content:"//";font-weight:normal;margin-right:0.35em;}
p a:hover {/* color:#fff; */}
p.MainPromo span {font-weight:bold;}
p.MainPromo {}
.content.CBLogo h1 {
    font-size: 95px;
    text-transform: lowercase;
    font-weight: normal;
    color: #000;
    background-color: #09f;
    width: 700px;
    margin-top: 1em;
    padding: 0 0.25em 0.15em;
}
.fluid-width-video-wrapper {border:1px solid #000;}
/* Page 1 - Scroll link arrow */
.page.blue.home a.scroll,.item.black.contact a.scroll {background-color:transparent;/* border: 2px solid #000; */border-radius:50%;height:8em;width:8em;text-align:center;line-height:8em;float: none;display: inline-block;color:#000;/* -webkit-transform: translateY(-50%); */       /*-ms-transform: translateY(-50%); */         /* transform: translateY(-75%); *//* top: 50%; */margin-top: 24px;background-image: url(../images/arrowDownBlack144.png);background-size: cover;background-repeat: no-repeat;}
.page.blue.home a.scroll:hover {background-image:url('../images/arrowDownWhite144.png');}
.item.black.contact a.scroll {background-image:url('../images/arrowUpBlue144.png');margin-top:2.5em }
.item.black.contact a.scroll:hover {background-image:url('../images/arrowUpWhite144.png');}

.home a.nextPage:hover {border-color: #000;color: #09f;background-color: #000;}
.home a.nextPage span {font-size:16em;margin-left: -77px;margin-top: -38px;display: none;display: none;}
article.home a.prevPage {display:none;}
/* End Page 1 Elements */
/* Page 2 - in direct sunlight ep */
header.pageID table,header.pageID article {
    width: 1188px;
    margin: 0 auto;
}
header.pageID table td {width:25%;}
.epWrapper {
    background-color: #fff;
    height: 360px;
    width: 756px;
}
article.inDirectSunlight .productImage {
    width: 334px;
    float: left;
    padding: 13px;
	
    padding-right: 0;
    background-color: #fff;
    height: 334px;
}
article.inDirectSunlight .content iframe {height: 360px;border: none;width: 396px;float: right;}
article.inDirectSunlight .content aside {/* float:right; *//* position: relative; */}
article.inDirectSunlight .content aside {/* width: 22em !important; *//* height: 280px; */}
article.inDirectSunlight .content aside div {/* background-image:url(../images/black50.png); *//* position: absolute; *//* bottom: 0; *//* top: 0; *//* left: 0; *//* right: 0; *//* color: #fff; *//* padding: 0 2em; */}
.inDirectSunlight .contentWrapper, .toys .contentWrapper, .CB13Detail2 .contentWrapper {
    float: left;
    margin-bottom: 5em; 
    width: 42em;
}
.toys .contentWrapper>div:first-child {border:1px solid #000;}
/* end page 2 elements */

div.pressAddress {
	display: inline-block;
	margin-bottom: 1em;
	font-style: normal;
	line-height: 1.4em;
}
div.pressAddress span {
	display: inline-block;
	margin-bottom:5px;
}
span.name {
	font-weight: bold;
}
span.business {
	font-weight: bold;
}
div.pressAddress ul {
}
div.pressAddress ul li {
}
div.pressAddress ul li span {
	display:inline-block;
	color:#000;
	background-color: #09f;
	width:22px;
	height:22px;
	font-weight:bold;
	text-align:center;
	font-size:14px;
	margin-right:11px;
	;
	margin-bottom: 0;
	text-transform: uppercase;
}
h3.footerList {
	font-size: 18px;
	margin-bottom: 3px;
}
ul.footerList {
	font-size: 15px;
}
ul.footerList li {
	float: left;
	margin-right: 6px;
	line-height: 1.3em;
	margin-bottom: 3px;
}
/* Page2 promo */
/*article.inDirectSunlight div.content {background-color:#000;}*/
/* Video Page */
article.inDirectSunlight table.infoBoxWrapper {
}
article.inDirectSunlight table.infoBoxWrapper td {
}
/* CB13 sHOP */
nav.stores {
    /* display: table; */

}
nav.stores ul {
    /* display: table-row; */

}
nav.stores ul li {

    padding: 0.25em 0;
    
    

    border-top: 1px solid #bcbcbc;

}
nav.stores ul li:first-child {border-top:none;}
nav.stores ul li a {display: block !important;padding: 0 !important;}
/* Page  - SHOP */
article.remixes div.neutralInnertube {
	position:relative;
	height:100%;
	width:100%;
	display: inline-block;
}
article.remixes h2 {
	/* margin: 0 0 0.7em; */
	/* border-bottom: 1px dashed #fff; */
	/* padding-bottom: 0.5em; */
}
article.remixes .contentPrimary .contentImg {
	margin-right: 0;
	padding-right: 0;
	margin-bottom:0;
	overflow: hidden;
}
article.remixes .contentPrimary .contentImg img {
	padding:0;
	outline:0;
	margin:0;
	margin-bottom:-7px;
	border: 0px solid transparent;
	min-width: 400px;
}
form.shop, div.contentImg {
	position:relative;
	z-index:11;
}
form.shop {
	padding: 0;
}
div.shopInputs {
	border-spacing: 0px;
	border-collapse: collapse;
	width: 100%;
	color: #000;
	background: #ccc;
}
div.shopInputs h1 {
	font-size: 1em;
	border-bottom: 1px dotted #000;
	color:#000;
	padding-bottom: 0.5em;
	overflow: visible;
	height: auto;
	margin-bottom: 0.8em;
}
div.shopInputs div img {
	width:100%;
}
ul.cardsTaken {
	padding-top: 0;
	clear: both;
	width:100%;
	display:none;
}
.buyNow {
	text-align: center;
	background-color: #000;
	/* margin-bottom: 0.75em; */
    margin-top: 0.75em;
	padding: 0.25em 0;
	color: #fff;
	border: 0px solid transparent;
	width: 100%;
	font-size: 16px;
	/* text-transform: uppercase; */
	height: 2.5em;
	/* font-weight: bold; */
}

.buyNow:hover {
	background-color: #C33;
	cursor:pointer;
}
.buyNow:focus {outline:none;}
.buyNow select {
}
.buyNow img {
}
ul.cardsTaken {
	color:#000;
}
ul.cardsTaken+img {display:none;}
ul.cardsTaken li {
	float: left;
	padding-right: 0.5em;
	line-height: 1em;
	padding: 0.5em;
	margin: 0 0.25em 0.25em 0;
	font-size: 0.8em;
	background-color: #000;
	color: #fff;
}
ul.cardsTaken li:first-child {
	margin-left:0;
}
ul.cardsTaken li img {
	width:100%;
}
div.formWrapper {
	background-color: #fff;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	z-index: 10;
	width: 50%;
	margin-right: -1px;
	border-left: 1px solid #000;
}
.deliveryOptions {
	font-size: 16px;
	line-height: 1.3em;
	margin-bottom: 1em;
	display: none;
}
.deliveryOptions p {
	margin-bottom: 0.5em;
}
ul.tracklisting {
	display: inline-block;
	float: right;
	width: 45%;
	margin: 0;
	list-style-type: none;
	padding: 0;
}
ul.tracklisting li {
	line-height: 0.9em;
	margin-bottom: 0.7em;
}
ul.tracklisting li span {
	font-size:0.8em;
	display: inline-block;
	width:100%;
}
/* page 4 - SOUNDCLOUD */

article.mixes .contentWrapper {
}
article.mixes .infoBoxWrapper, article.mixes .infoBoxWrapper, #page6 .infoBoxWrapper {
}
article.mixes .item .contentPrimary {
	width: 64%;
	padding: 1.5%;
}
article.mixes iframe:first-child {
	/* margin-bottom: 0.2em; */
}
/* Page 5 - GIG LISTINGS */
/*article.mixes .contentPrimary {
	display:inline-block;
}
article.mixes .contentPrimary a:link, article.mixes .contentPrimary a:visited, article.home .contentPrimary a:link, article.home .contentPrimary a:visited {
	color: #fff;
	text-decoration: none;
	/*display: inline-block;*/
	/*width: 100%;
	margin-bottom: 1em;
	font-size: 1.2em;
}
article.mixes .contentPrimary a:hover, article.home .contentPrimary a:hover {
	color:#fff;
}
article.mixes .contentPrimary .date-wrap span {
	font-size:1.2em;
	margin-right:0.3em;
	font-weight:700;
}/*
/* Page 6 - CONTACT CB */
article.shop section.content {
    display: table;
}

.saleItem {
    background-color: #ddd;
    display: inline-block;
    width: 15.75em;
    margin: 0;
    padding: 0;
	
    margin-left:1em;
    font-size: 18px;
    float: left;
}

header +.saleItem {margin-left:0;}
.saleItem.actionFigures:after {/* content: ""; *//* clear:both; *//* display:block; *//* float:none; */}
.productImage {
    background-color: #000;
    height: 15.75em;
    width: 100%;
	background-size:cover;
}
.productImage img {width:100%;height:auto;}
.saleItem.inDirectSunlight .productImage {background-image:url('http://f1.bcbits.com/img/a2270907662_10.jpg');}
h2.productTitle {
    padding: 0.75em 18px 0.5em;
    color: #000;
    /* background-color: #000; */
    font-weight: normal;
    font-size: 1.2em;
    border-top: 1px solid #333;
    margin: 0;
}
ul.productDetails {
    min-height: 12em;
}
span.title {
    font-weight: bold;
    width: 33%;
}
span.row {}
ul.productDetails li {
    padding: 0.3em 0;
    margin: 0 1em;
    border-top: 1px solid #ccc;
}
ul.productDetails li span {font-size:16px;display: inline-block;}
ul.productDetails li:last-child {}
ul.productDetails li:last-child span {width:100%}
.purchaseOptions {
    padding: 0 1em 1em;
    border-top: 1px solid #C8C8C8;
    padding-top: 0.5em;
    background-color: #ccc;
    height: 10em;
}
.purchaseOptions h2 {
    /* font-size: 1.2em; */
    margin: 0.3em 0 0.7em;
    /* font-weight: normal; */
    font-size: 16px;
}
article.shop aside.sidebar {
    height: 7em;
    background-color: transparent;
    border: none;
}
select.dropDown {
    font-size: 16px;
    height: 36px;
    border: none;
    padding-left: 0.5em !important;
    width: 100%;
}
select.dropDown:focus {
    outline: 0;
}
article.shop th.pageDescriptionNumbering, article.remixes th.pageDescriptionNumbering,article.CB13Detail th.pageDescriptionNumbering {
    color: #000;
    border-color: #000;
}


/* Footer */

/* Social Link Bar */
.item.contact {background-color:#000;min-height: 22em;}
.item.contact header.pageID, .contact .pageID table tr th {border-color: #09f;color: #09f;border-top: none;}
.contact>section.content {
display: table;
/* margin-bottom: 2.5em; */
}
.contact aside.sidebar {background-color:transparent;}
.contact header+section.content aside.sidebar div.content {/* border-left:1px solid #09f; */margin-top: 2em;padding-top: 0;border-left: 1px dashed #09f;border-right: 1px dashed #09f;padding: 0;width: 22em;}













#socialLinks {
	height: 2.5em;
	margin: 0;
	overflow: hidden;
	padding: 0px;
	width: 60%;
	float: left;
}
#socialLinks li {
	float: left;
	height: 100%;
	margin-right: 0.5em; /* :There are currently 5 icons */
	width: 2.5em;
	overflow:hidden;
	padding: 0;
	position: relative;
	padding-right: 0.5em;
	border-right: 1px solid #09f;
}
#socialLinks li:first-child {display:none;}
#socialLinks li a {
	display: block;
	height: 100%;
	overflow: hidden;
	position: absolute;
	width: 2.5em;
	top: 0;
}
#socialLinks li a {
	height:200%;
}
#socialLinks li a img {
	width: 100%;
	position: absolute;
	height: 100%;
}

#socialLinks a img {
	top:-50%;
}
#socialLinks a:hover img {
	top:0;
}


.flickrLink {
	display: none;
}
.topLogo {
	height: 1.5em;
	margin-top: 0.45em;
}
.footerBar {
    border-top: 1px solid #09F;
    display: block;
    width: 100%;
    /* border-bottom: 1px solid #09F; */
    padding: 0.5em 0 1em;
    margin-top: 0;
    background-color: #000;
    clear: both;
    height: 2em;
    /* overflow: hidden; */
}

.footerBar section.content {padding:0;width: 66em;}
a#topBarLogo {
    display: inline-block;
    float: right;
    height: 2.5em;
    line-height: 2.5em;
    width: auto;
}
a#topBarLogo:hover {cursor:pointer;}
article.page.bandBio,article.page.bandBio section {min-height: 250px;height:auto;}
article.page.bandBio header {max-height:95px;}
article.page.bandBio aside {background-color:transparent;}
article.page.bandBio aside a {color:#000;border-color:#000;}
article.page.bandBio aside a:hover {color:#fff;border-color:#fff;}
article.page.bandBio table,article.page.bandBio table th,article.page.bandBio table th span {border-color:#000;color:#000;}
/* CSS Media Queries */
@media screen and (max-height: 640px) {
article.home .budoLogoLarge {
	display:none;
}

.content {
	/* min-height: 600px; */
}
.item .contentWrapper {
	min-height:305px;
}
.item .infoBoxWrapper {
	min-height: 305px;
	max-height: 100%;
}
}
@media screen and (min-height: 1000px) {
article.home .panelImage {
	height:100%;
	width: auto;
}}
/*****************************************/
/* Responsive Sizing - Horizontal Widths */
/*****************************************/

/* 1em=18px, 66em=1188px, 1em=1.515151515151515%, 66em=100% */
#primaryNav ul, #secondaryNav ul, .content {
	width: 66em;
}
#primaryNav li {
	/* width: 10.10101010100909%; */
}
#primaryNav li.final {/* width:8.333333333333333%; */}
#primaryNav li:first-child+li {
	/* width: 15.15151515151515%; */
}
li.CB13Nav {
    /* min-width: 21.21212121212121%; */
    /* width: 21.21212121212121%; */
}
#primaryNav ul a {
	/* padding: 1.515151515151515%; */
}
#primaryNav ul ul.subnav li a {/* width:2.272727272727273%; *//* margin-left:0.7575757575757575%; */}
#secondaryNav li a {
	margin-right: 0.7575757575757575%;
	width: 3.03030303030303%;
}
#secondaryNav li a:before,.content>header>h2:before {
	margin-right: 0.7575757575757575%;
}
a.prevPage, a.nextPage {
	width: 57px;
}
.item {
	width:100%;
}
.mainPage { width: 63.63636363636363%;}
aside.sidebar {
    width: 1000px;
  
    left: 46em;
}
aside.sidebar .content {width: 20em;}
article.contentSecondary {
    padding-left: 69.69696969696969%;
}
.pageID table th {
    width: 33.33333333333333%;
}
.miniTabs {
  width: 63.63636363636363%;
  width: 100%;
}
.miniTabContent {
  padding: 1.515151515151515%;
}
article.home .pageNavIcons {/* width: 33.33333333333333%; */}
p.MainPromoHead {width: 66em;}
.home a.nextPage {/* width:0.1904761904761905%; */}
.inDirectSunlight .contentWrapper, .toys .contentWrapper, .CB13Detail2 .contentWrapper {
    
    width: 63.63636363636363%;
}
ul.cardsTaken li {
	
	padding: 0.5em;
	margin: inherit 0.25em inherit inherit;
}
.saleItem {
    width: 15.75em;
    margin-left:1em;
}
h2.productTitle {
    padding: inherit 18px inherit;
}
.purchaseOptions {
    padding: inherit 1em inherit;

}
/* end width proportions */