/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:visible;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:#000;}

#colorbox{}
    #cboxTopLeft{width:14px; height:14px; background:url(/images/blank.gif) 0 0 no-repeat;}
    #cboxTopCenter{height:14px; background:url(/images/border.png) top left repeat-x;}
    #cboxTopRight{width:14px; height:14px; background:url(/images/blank.gif) -36px 0 no-repeat;}
    #cboxBottomLeft{width:14px; height:43px; background:url(/images/blank.gif) 0 -32px no-repeat;}
    #cboxBottomCenter{height:43px; background:url(/images/border.png) bottom left repeat-x;}
    #cboxBottomRight{width:14px; height:43px; background:url(/images/blank.gif) -36px -32px no-repeat;}
    #cboxMiddleLeft{width:14px; background:url(/images/blank.gif) -175px 0 repeat-y;}
    #cboxMiddleRight{width:14px; background:url(/images/blank.gif) -211px 0 repeat-y;}
    #cboxContent{background:#fff;}
        #cboxLoadedContent{margin-bottom:5px;}
        /*#cboxLoadingOverlay{background:url(/images/loading_background.png) center center no-repeat;}*/
        #cboxLoadingGraphic{background:url(/images/loading.gif) center center no-repeat;}
        #cboxTitle{position:absolute; bottom:-25px; left:0; text-align:center; width:100%; font-weight:bold; color:#7C7C7C;}
        #cboxCurrent{position:absolute; bottom:-25px; left:58px; font-weight:bold; color:#7C7C7C;}
        
        #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{position:absolute; bottom:-29px; background:url(/images/blank.gif) 0px 0px no-repeat; width:23px; height:23px; text-indent:-9999px;}
        #cboxPrevious{left:0px; background-position: -51px -25px;}
        #cboxPrevious.hover{background-position:-51px 0px;}
        #cboxNext{left:27px; background-position:-75px -25px;}
        #cboxNext.hover{background-position:-75px 0px;}
        #cboxClose{right:0; background-position:-100px -25px;}
        #cboxClose.hover{background-position:-100px 0px;}
        
        .cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px; right:27px;}
        .cboxSlideshow_on #cboxSlideshow.hover{background-position:-150px 0px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px; right:27px;}
        .cboxSlideshow_off #cboxSlideshow.hover{background-position:-125px 0px;}

@font-face {
  font-family: "SCCBold";
  src: url(/fonts/SCCBold.otf) format("opentype");
  font-weight: normal;
}

body {
	font: 11px Arial, sans-serif;
  padding: 0;
	margin: 0;
  background-color: #FEFFFE;
  overflow-x: hidden;
}

div#background_top {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  height: 332px;
  background: transparent url(/images/bg_top.png) repeat-x 0px 0px;
}

div#background_bottom {
  position: absolute;
  top: 332px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  height: 569px;
  background: transparent url(/images/bg_bottom.png) no-repeat top center;
}

div#site {
  position: relative;
  width: 945px;
  margin: 0px auto 0px auto;
}

div#header {
  margin: 0 auto 0 auto;
  text-align: center;
  height: 332px;
}
div#header img {
  margin: 10px 0 0 0;
}

div#header_line {
  position: absolute;
  left: 10px;
  right: 10px;
  top: 38px;
  /*background-color: #FFF;
  opacity: 0.6;*/
  height: 1px;
  background: transparent url(/images/bg_container.png) repeat top left;
}

div#meta {
  position: absolute;
  right: 5px;
  top: 15px;
}
div#meta a {
  font-size: 11px;
  font-weight: normal;
  color: #FFF;
  text-decoration: none;
}
div#meta a:hover, div#facebook a:hover {
  color: #cc3366;
}
div#meta img {
  margin: 0 5px 0 0;
}

div#facebook {
  position: absolute;
  left: 10px;
  top: 10px;
}
div#facebook a {
  font-size: 11px;
  font-weight: normal;
  color: #FFF;
  text-decoration: none;
}

div#menu {
  position: absolute;
  left: 0px;
  right: 0px;
  top: 47px;
  text-align: center;
}
div#menu a {
  font-family: SCCBold, Arial, sans-serif;
  font-size: 18px;
  font-weight: normal;
  color: #FFF;
  text-transform: uppercase;
  text-decoration: none;
  background: none;
  line-height: 24px;
}
div#menu a:hover  {
  color: #cc3366;
}
div.menu_item {
  display: inline;
  margin: 0 13px 0 13px;
}

div#content {
  text-align: left;
  padding: 120px 0 80px 0;
  margin-right: -7px;
}

div#footer {
  width: 100%;
}
div#footer_inlay {
  width: 631px;
  float: right;
}
div#footer_inlay img {
  margin: 0 25px 0 0;
}

div.flash_container, #cboxContent, #cboxLoadedContent {
  background-color: transparent;
}
#cboxLoadedContent {
  margin-bottom: 0px;
}
div.flash_container {
  width: 640px;
  height: 432px;
  overflow: hidden;
}

.left_container_wrapper {
  float: left;
  width: 262px;
  padding: 0 0 11px 10px;
  position: relative;
  background: transparent url(/images/shadow_small.png) no-repeat bottom left;
}

.left_container {
}

.right_container_wrapper {
  float: right;
  width: 620px;
  padding: 0 18px 20px 18px;
  background: transparent url(/images/shadow_large.png) no-repeat bottom left;
}
.right_container {
  background-color: #FFF;
  width: 590px;
  padding: 15px 15px 35px 15px;
}

/* SITE RELATED */
#home .gallery_container {
  position: absolute;
  top: 92px;
  left: -24px;
}
#home .left_container .trailer_button {
  position: absolute;
  top: -17px;
  right: -15px;
  width: 88px;
  height: 58px;
  text-align: center;
  padding: 28px 7px 0 0;
  cursor: pointer;
  background: transparent url(/images/button.png) no-repeat 0px 0px;
  font-family: SCCBold, Arial, sans-serif;
  font-size: 13px;
  font-weight: normal;
  text-transform: uppercase;
  color: #FFF;
  line-height: 16px;
}
#home .left_container .trailer_button:hover {
  background: transparent url(/images/button_over.png) no-repeat 0px 0px;
}
#home .view_trailer_link {
  position: absolute;
  bottom: -17px;
  left: 10px;
}
.view_trailer_link a, input.submit {
  background: transparent url(/images/arrow.png) no-repeat 0px 0px;
  font-size: 12px;
  font-weight: normal;
  color: #CC3366;
  text-decoration: none;
  padding: 1px 0 0 18px;
  line-height: 25px;
}
.view_trailer_link a:hover, input.submit:hover {
  color: #000;
  background: transparent url(/images/arrow_over.png) no-repeat 0px 0px;
}

.download_link a {
  font-size: 12px;
  font-weight: bold;
  color: #CC3366;
  text-decoration: none;
  line-height: 25px;
  text-transform: uppercase;
}
.download_link a:hover {
  color: #000;
}

.headline {
  font-family: SCCBold, Arial, sans-serif;
  font-size: 22px;
  font-weight: normal;
  color: #000;
  line-height: 28px;
  border-bottom: 3px solid #000;
  margin: 0 0 8px 0;
}
.subheadline {
  font-family: SCCBold, Arial, sans-serif;
  font-size: 12px;
  font-weight: normal;
  text-transform: uppercase;
  color: #000;
  border-bottom: 1px solid #000;
  margin: 0 0 8px 0;
}
.text {
  text-align: justify;
  line-height: 16px;
  font-size: 11px;
  color: #414141;
}
.text a {
  color: #BE1B53;
}
.text a:hover {
  color: #BE1B53;
}
.synopsis {
  min-height: 155px;
}

/* GENERAL */
a {
  font-family: Arial, sans-serif;
  font-size: 11px;
  font-weight: normal;
  text-decoration: none;
  color: #FFF;
  outline: none;
}
a:hover {
  color: #FFF;
}

img {
  border: none;
  margin: 0;
  padding: 0;
}

.bold, a.bold {
  font-weight: bold;
}

.upcase {
  text-transform: uppercase;
}

input.submit {
  cursor: pointer;
  border: none;
  line-height: 15px;
  font-weight: bold;
  text-transform: uppercase;
}

textarea.contact {
  width: 582px;
  height: 130px;
  border: none;
}

input.contact {
  width: 285px;
  height: 20px;
  border: none;
}

p {
  margin: 0;
}

div.clear {
  clear: both;
}
div.left {
  float: left;
}
div.right {
  float: right;
}
ol, ul {
  padding: 0 0 0 15px;
  margin: 0;
}
object { outline: none; }

/* ACCORDION */
.accordion_container {
}
.accordion_header {
  position: relative;
  height: 16px;
  cursor: pointer;
  outline: none;
  margin: 5px 0 0 0;
}
.accordion_header:hover {
}
.accordion_text {
  padding: 5px 0 5px 0;
}

.openclose_container, .openclose_main_container {
  float: right;
  height: 15px;
  width: 15px;
  cursor: pointer;
  background: transparent url(/images/plus.png) no-repeat 0px -1px;
}
.openclose_container_active, .openclose_main_container_active {
  background: transparent url(/images/minus.png) no-repeat 0px -1px;
}
.openclose_container:hover, .openclose_main_container:hover {
  background: transparent url(/images/plus_over.png) no-repeat 0px -1px;
}
.openclose_container_active:hover, .openclose_main_container_active:hover {
  background: transparent url(/images/minus_over.png) no-repeat 0px -1px;
}

.paginator_container {
  float: right;
}
.pagination {
  font-size: 12px;
}
.pagination span {
  padding: 0 3px;
}
.pagination .prev_page {
  background: transparent url(/images/prev_page.png) no-repeat -1px 0px;
}
.pagination a.prev_page {
  background: transparent url(/images/prev_page.png) no-repeat -1px 2px;
}
.pagination a.prev_page:hover {
  background: transparent url(/images/prev_page_over.png) no-repeat -1px 2px;
}
.pagination .next_page {
  background: transparent url(/images/next_page.png) no-repeat 5px 0px;
}
.pagination a.next_page {
  background: transparent url(/images/next_page.png) no-repeat 5px 2px;
}
.pagination a.next_page:hover {
  background: transparent url(/images/next_page_over.png) no-repeat 5px 2px;
}
.pagination a {
  font-size: 12px;
  color: gray;
  padding: 0 3px;
}
.pagination a:hover {
  color: #CC3366;
}

.show_attribute {
  font-weight: bold;
  display: inline;
}

.button_info {
  position: absolute;
  top: 47px;
  left: -30px;
  width: 155px;
  height: 105px;
  text-align: center;
  padding: 55px 15px 0 0;
  background: transparent url(/images/button_large.png) no-repeat 0px 0px;
  font-family: SCCBold, Arial, sans-serif;
  font-size: 13px;
  font-weight: normal;
  text-transform: uppercase;
  color: #FFF;
  line-height: 16px;
  cursor: pointer;
  z-index: 99;
}
.button_info:hover {
  background: transparent url(/images/button_large_over.png) no-repeat 0px 0px;
}
.downloads {
  margin: 0 0 10px 0;
}
.download_item, .collection_item {
  float: left;
  width: 95px;
  text-align: center;
  background-color: #FFF;
  margin: 5px 4px 0 0;
  padding: 10px 0 0 0;
  color: gray;
  font-size: 10px;
  overflow: hidden;
}
.download_image {
  width: 95px;
  height: 80px;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.download_item img, .collection_item img {
  margin: 0 0 0 0;
}
.collection_item {
  width: 143px;
  height: 190px;
  margin: 5px 6px 10px 0;
}
.collection_item:hover a  {
  color: #000;
}
.collection_item_headline {
  font-family: SCCBold, Arial, sans-serif;
  font-size: 11px;
  font-weight: normal;
  text-transform: uppercase;
  color: #000;
  border-bottom: 1px solid #000;
  margin: 0 0 0 0;
}

div#skip_prev {
  position: absolute;
  left: -90px;
  top: 135px;
  width: 17px;
  height: 33px;
  cursor: pointer;
  background: transparent url(/images/skip_prev.png) no-repeat 0px 0px;
}
div#skip_prev:hover {
  background: transparent url(/images/skip_prev_over.png) no-repeat 0px 0px;
}
div#skip_next {
  position: absolute;
  right: -90px;
  top: 135px;
  width: 17px;
  height: 33px;
  cursor: pointer;
  background: transparent url(/images/skip_next.png) no-repeat 0px 0px;
}
div#skip_next:hover {
  background: transparent url(/images/skip_next_over.png) no-repeat 0px 0px;
}

.upcoming_container {
  position: relative;
  width: 900px;
  background: #FFF;
  padding: 10px 15px 0px 15px;
}
.upcoming_item {
  float: left;
  width: 440px;
  margin: 0 19px 10px 0;
}
.upcoming_item .text {
  float: left;
  width: 273px;  
  text-align: left;
}
.upcoming_item .product_images_container {
  position: relative;
  float: right;
  margin-left: 10px;
  width: 157px;
}
.upcoming_item .product_images_container .product_images .product_image {
  text-align: center;
  width: 157px;
}
.upcoming_item .product_images_container .prev {
  background: transparent url(/images/prev_teaser.png) no-repeat 0px 0px;
  position: absolute;
  left: -5px;
  bottom: 0px;
  width: 15px;
  height: 15px;
  cursor: pointer;
  z-index: 99;
}
.upcoming_item .next {
  background: transparent url(/images/next_teaser.png) no-repeat 0px 0px;
  position: absolute;
  right: -5px;
  bottom: 0px;
  width: 15px;
  height: 15px;
  cursor: pointer;
  z-index: 99;
}
.upcoming_item .subheadline .availability_date {
  font-size: 11px;
}
.upcoming_container .close {
  position: absolute;
  right: 11px;
  top: 5px;
  width: 25px;
  height: 25px;
  background: transparent url(/images/close.png) no-repeat 0px 0px;
  cursor: pointer;
}
.upcoming_container .close:hover {
  background: transparent url(/images/close_over.png) no-repeat 0px 0px;
}
.upcoming_container h1 {
  margin: 0;
  padding: 0;
  border-bottom: 3px solid #000;
}