/* HTML STANDAARDEN */
html {
    height:100%;
    width:100%;
    overflow: -moz-scrollbars-vertical;
}
body {
    margin:0 0 0 0;
    width:100%;
    height:100%;
    text-align:center;
    color:#fff;
}
body, table, th, td, p, input, textarea, select {
    font-family: Arial, Verdana, Helvetica, Sans-serif;
    font-size:13px;
}
h1, h2, h3, h4, h5, h6, p {
    margin:0 0 10px 0;
}
a {
    color:#FFF;
    text-decoration:none;
}
a:hover {
    text-decoration:underline;
}
h1 {
    position:relative;
    padding-bottom:10px;
/* font-variant:small-caps; */
    font-size:16px;
    font-weight:normal;
}
h3 {
}
h5.monthName {
    font-size:12px;
    margin:20px 0 0px -20px;
}
img {
    border:none;
}
ul {
}
li {
    margin:7px 0 0 0;
}
li li {
}
.cB {
    position:relative;
}
body.blue .contentLeft li {
    list-style-image: url(images/bullet_blue.gif);
}
body.red .contentLeft li {
    list-style-image: url(images/bullet_red.gif);
}
body.purple .contentLeft li {
    list-style-image: url(images/bullet_purple.gif);
}
body.brown .contentLeft li {
    list-style-image: url(images/bullet_brown.gif);
}
label {
}
.cB {
    clear:both;
}
/* \HTML STANDAARDEN */
/* LAYOUT BLOCKEN */
/*
  .imgDisplay{
  width  : 100%;
  height : 100%;
  z-index : 998;
  display : none;
  text-align:center;
  position : fixed;
  top : 0px;
  left : 0px;
  }
  #imageDisplay{
  padding;10px;
  background-color:white;
  border:1px black solid;
  text-align:center;
  z-index : 999;
  }
  .imgBlocker{
  width  : 100%;
  height : 100%;
  z-index : 997;
  display : none;
  text-align:center;
  background-image : url(../images/black_shade.gif);
  opacity:.70;
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  background-repeat : repeat;
  background-attachment : fixed;
  background-position : 0px 100%;
  position : fixed;
  top : 0px;
  left : 0px;
  }
 */
.pageLoader {
    position:absolute;
    top:90px;
    left:180px;
}
.overlayPlayer {
    position: relative;
    top: 40px;
    visibility: visible;
    z-index:999;
}
body.purple {
    background-color:#8989b6;
}
body.blue {
    background-color:#484c77;
}
body.red {
    background-color:#b20024;
}
body.brown {
    background-color:#bd5600;
}
h2 {
/* font-variant:small-caps; */
    font-size:13px;
    font-weight:normal;
    padding-left:3px;
    display:inline;
}
body.brown h2 {
    background-color:#d07a33;
    color:#630117;
}
body.purple h2 {
    background-color:#9e9ec6;
}
body.blue h2 {
    background-color:#6e7195;
}
body.red h2 {
    background-color:#cd4943;
}
.logo {
    padding-top:5px;
    position:relative;
    margin:0 auto 0 auto;
    width:950px;
    height:0px;
    text-align:left;
    z-index:1;
}
.logo img {
    display:inline;
}
.address {
    display:inline;
}
.address img {
    position:absolute;
    top:15px;
    margin-left:20px;
}
.address p {
    position:absolute;
    top:20px;
    left:170px;
    color:white;
    display:inline;
    font-weight:bold;
    font-size:11px;
}
.container {
    position:relative;
    margin:0 auto 0 auto;
    width:820px;
    text-align:left;
    padding-top:50px;
    z-index:0;
}
/* mozilla hax \ */
html>body .container {
    padding-top:160px;
}
/* mozilla hax */
/* \ LAYOUT BLOCKEN */
/* HEADER */
div.header {
    position:absolute;
    top:15px;
    right:15px;
    width:300px;
    height:100px;
    z-index:1;
    text-align:right;
}
div.header .headerItem {
    display:inline;
    padding-right:7px;
}
.navText {
    position:absolute;
    top:60px;
    margin-left:-60px;
}
#headerRight .inactive, #headerBottom .inactive {
    color:#cd4a40;
    cursor:pointer;
}
#headerRight .active, #headerBottom .active {
    color:white;
    cursor:pointer;
}
div.headerBottom {
    position:absolute;
    width:530px;
    right:0px;
    text-align:right;
    padding-top:15px;
    padding-bottom:15px;
}
div.headerRight {
    position:absolute;
    width:530px;
    top:153px;
    left:-280px;
    text-align:right;
}
#tabPayment_top,#tabPayment_bottom {
    margin-right:80px;
}
.nextButton {
    float:right;
    position:relative;
    margin-top:-18px;
    cursor:pointer;
}
.previousButton {
    float:left;
    position:relative;
    margin-top:-1px;
    cursor:pointer;
}
div.basket {
    width:400px;
    top:153px;
    left:-700px;
    font-size:10px;
    z-index:99;
}
* html div.basket {
    padding-top:4px;
}
/* FOOTER */
div.footer {
    position:absolute;
    height:25px;
    text-align:center;
    width:100%;
}
/* \FOOTER */
/* CONTENT */
.contentHead {
    width:100%;
    display:block;
    border-bottom:1px #ccc solid;
    padding-bottom:10px;
    font-variant:small-caps;
    font-size:16px;
}
.contentWide {
    width:100%;
    padding-top:15px;
    z-index:0;
}
.contentRight {
    padding-left:250px;
    padding-top:15px;
    z-index:10;
}
.contentRight img {
    padding:10px;
}
.contentLeft {
    position:absolute;
    width:230px;
    padding-top:15px;
    padding-right:20px;
    z-index:11;
}
.contentBottom {
    position:absolute;
    bottom:0px;
    right:0px;
    width:100%;
    padding-bottom:10px;
/* font-variant:small-caps; */
    font-size:16px;
}
/* \CONTENT */
/* NEWS */
ul.newsIndex {
    margin-top:-20px;
}
ul.newsIndex a {
    text-decoration:none;
}
ul.newsIndex a:hover {
    text-decoration:underline;
}
.newsExcerpt h1 {
    font-weight:bold;
    cursor:pointer;
    clear:both;
    padding-top:30px;
}
.newsExcerpt a {
    color:#ffa439;
    text-decoration:none;
}
.newsExcerpt a:hover {
    color:#fb9c09;
    text-decoration:underline;
}
.newsExcerpt a:visited {
    color:#ba6f17;
    text-decoration:none;
}
/*
  ul.newsIndex a:visited{
  color:#ddd;
  }
 */
ul.newsIndex li.bold {
    font-weight:bold;
}
body.brown ul.newsIndex li.bold {
    background-color:#d07a33;
    color:#630117;
}
body.purple ul.newsIndex li.bold {
    background-color:#9e9ec6;
}
body.blue ul.newsIndex li.bold {
    background-color:#6e7195;
}
body.red ul.newsIndex li.bold {
    background-color:#cd4943;
}
h1.newsHeader {
    font-variant:normal;
    font-size:20px;
    font-weight:bold;
}
h5.newsDate {
    font-size:12px;
    color:#fff;
}
.newsBody a {
    color:#ffa439;
    text-decoration:none;
}
.newsBody a:hover {
    color:#fb9c09;
    text-decoration:underline;
}
.newsBody a:visited {
    color:#ba6f17;
    text-decoration:none;
}
/* \NEWS */
/* Catalogues LIST VIEW */
html>body #listContainerNavigation {
    top:200px;
}
#listContainerNavigation {
    position:absolute;
    right:0px;
    top:90px;
}
#listContainerNavigation .item {
    font-weight : bold;
    cursor:pointer;
}
#listContainerNavigation .active {
    font-weight : normal;
}
#listContainer .project {
    border-bottom:1px #777 solid;
    margin-bottom: 10px;
    padding-left: 50px;
    padding-bottom:15px;
    display:block;
}
#listContainer .project .images {
    float:left;
}
#listContainer .project object {
    border:0px;
    margin-right:10px;
    display:inline;
    width:190px;
    height:162px;
}
#listContainer .project img {
    border:0px;
    margin-right:10px;
    margin-bottom:10px;
    display:inline;
    width:190px;
}
#listContainer .project .content {
    position:relative;
    display:inline;
}
#listContainer .project .content span {
    padding-bottom:5px;
}
#listContainer .project .content h1 {
    font-weight:bold;
    font-style:normal;
    font-variant:normal;
    margin:0 0 0 0;
}
#listContainer .project .content .director {
    display:inline;
    font-size:11px;
}
#listContainer .project .content .category {
    display:inline;
    font-size:11px;
}
#listContainer .project .content .releaseDate {
    display:block;
    font-size:11px;
}
.contentHead .active {
    background-color:#9e9ec6;
    padding-right:4px;
    padding-left:4px;
    cursor:pointer;
}
.contentHead .inActive {
    background-color:#8989b6;
    padding-right:4px;
    padding-left:4px;
    cursor:pointer;
}
.projectLink {
    color:#ffa439;
    text-decoration:none;
    cursor:pointer;
}
/* \ Catalogues LIST VIEW */
/* PROJECT VIEW */
#detailContainer .project {
    margin-bottom: 10px;
    padding-left: 50px;
    padding-bottom:15px;
}
#detailContainer .project .images {
    float:left;
    z-index:99;
}
#detailContainer .project object {
    border:0px;
    margin-right:10px;
    display:block;
}
#detailContainer .project img {
    border:0px;
    margin-right:10px;
    margin-bottom:10px;
    display:block;
    cursor:pointer;
    width:190px;
}
/*
  .movieHover {
  height:142px;
  width:190px;
  }
  .movieHover a {position:absolute;}
  .movieHover a span{
  display:block;
  height:142px;
  width:190px;
  background:transparent url(images/arrow_dark.png) no-repeat left top;
  _background-image:none;
  _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/arrow_dark.png", sizingMethod="image");
  }
  .movieHover a:hover span{
  display:block;
  height:142px;
  width:190px;
  background:transparent url(images/arrow_blank.png) no-repeat left top;
  _background-image:none;
  _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/arrow_blank.png", sizingMethod="image");
  }
 */
#detailContainer .project .content {
    margin-left:210px;
}
#detailContainer .project .content h1 {
    font-size:15px;
    font-weight:bold;
    margin-top:10px;
    margin-bottom:0px;
    padding-bottom:5px;
}
#detailContainer .project .content .director {
    display:block;
    font-size:11px;
}
#detailContainer .project .content .releaseDate {
    font-size:11px;
}
#detailContainer .project .content .category {
    font-size:11px;
}
#detailContainer .project .content .length {
    font-size:11px;
}
#detailContainer .project .content .story {
    padding-top:20px;
    padding-bottom:20px;
    display:block;
}
#detailContainer .project .content .synopsis {
    margin-bottom:15px;
}
#detailContainer .project .content .synopsis h1 {
    font-size:14px;
    font-weight:bold;
    margin-bottom:15px;
}
#detailContainer .project .content .datasheet {
}
#detailContainer .project .content .datasheet h1 {
    font-size:14px;
    font-weight:bold;
}
.datasheetlist {
    list-style-image:none;
}
li.dataSheetRow {
    list-style-image:none;
    list-style:none;
    margin-left:-40;
}
#detailContainer .project .content .datasheet .title {
    font-size:12px;
    font-variant:small-caps;
}
#detailContainer .project .content .datasheet .value {
    font-size:12px;
    list-style-image:none;
    list-style:none;
    margin-top:-15;
    margin-left:180;
    position:relative;
}
.value p {
    font-size:12px;
}
#detailContainer .navigator {
    position:relative;
    z-index:99;
}
#detailContainer .navigator img {
    cursor:pointer;
    float:right;
    margin-right:10px;
}
.closer {
    cursor:pointer;
    padding-top:10px;
}
/* SHOP */
#shopContainer .project {
    display:block;
    width:100%;
    height:160px;
    border-bottom:1px #777 solid;
    padding-top:10px;
}
#shopContainer .project .left {
    left:0%;
    width:410px;
    position:absolute;
}
#shopContainer .project .right {
    position:absolute;
    left:420px;
    width:410px;
}
#shopContainer .project .projectImage {
    width:180px;
    float:left;
    margin-right:10px;
    margin-bottom:5px;
}
#shopContainer .project h1 {
    font-size:15px;
    font-weight:bold;
    margin-bottom:0px;
    padding-bottom:0px;
}
#shopContainer .project .specs {
    display:block;
    font-size:11px;
    margin-bottom:15px;
}
#shopContainer .project .content img {
    float:left;
    margin-right:10px;
}
#shopContainer .project .media {
    display:block;
    font-size:11px;
    padding-top:5px;
}
#shopContainer .project .mediaSelect {
    display:block;
    font-size:11px;
    padding-top:5px;
}
#shopContainer .project .mediaSelect select {
    border:1px black solid;
    margin-top:5px;
    width:200px;
    margin-bottom:5px;
    font-size:9px;
}
#shopContainer .project .price {
    position:absolute;
    left:195px;
    margin-top:20px;
    font-weight:bold;
}
#shopContainer .project .orderlink {
    padding:3px;
    background-color:#cd4943;
    cursor:pointer;
}
/* cart */
.wpsObjectShopBasket {
    font-size:12px;
    position:absolute;
    border:1px white solid;
    width:420px;
    background-color:#fe4a30;
    margin-top:13px;
    text-align:left;
    left:180px;
    padding:20px
}
.wpsObjectShopBasket .removeLink {
    text-decoration:underline;
    cursor:pointer;
    font-size:10px;
}
.wpsObjectShopBasket closer {
    padding-bottom:10px;
    position:absolute;
    left:0px;
    cursor:pointer;
    text-decoration:underline;
    font-size:10px;
}
/* \cart */
/* shipping */
#shipmentContainer {
    padding-left:200px;
}
#shipmentContainer h1 {
/* font-variant:small-caps; */
    font-size:16px;
    font-weight:normal;
    padding-top:20px;
}
#shipmentContainer hr {
    height: 0;
    border: 0;
    border-top:1px #777 solid;
    margin-top:30px;
    margin-bottom:15px;
    margin-left:-200px;
}
#shipmentContainer .cart {
    padding-bottom:30px;
}
#shipmentContainer ul {
    border-left:4px white solid;
    margin: 0 0 0 0;
}
#shipmentContainer ul li {
    list-style-image: none;
    list-style-type:none;
    list-style-position: outside;
    font-weight:bold;
    margin: 5px 5px 0px 0px;
    padding-left:5px;
}
html>body #shipmentContainer ul li {
    margin-left:-39px;
    margin-bottom:5px;
}
#shipmentContainer .cart .amount {
    position:absolute;
    left:350px;
/* font-variant:small-caps; */
}
#shipmentContainer .cart .amount input {
    width:20px;
    margin-left:10px;
    height:13px;
    margin-top:2px;
    border:none;
    font-size:11px;
    padding-left:6px;
    font-weight:normal;
    font-variant:normal;
}
#shipmentContainer .cart .price {
    position:absolute;
    left:450px;
/* font-variant:small-caps; */
    font-size:11px;
    margin-top:3px;
}
#shipmentContainer .cart .total span {
    position:absolute;
    left:450px;
/* font-variant:small-caps; */
}
#orderTotal {
    font-weight:bold;
    border-top:1px white solid;
}
#shipmentContainer .cart .total img {
    position:absolute;
    margin-top:-4px;
    left:350px;
}
#shipmentContainer .adress {
    padding-bottom:30px;
}
#shipmentContainer .adress input, #shipmentContainer .adress select {
    position:absolute;
    left:400px;
    height:18px;
    width:195px;
    border:none;
    font-size:11px;
    font-variant:normal;
    font-weight:normal;
    padding-left:5px;
}
#shipmentContainer .formError {
    color:blue;
    font-weight:normal;
    position:absolute;
    left:600px;
    font-size:11px;
}
#calcTotal {
    margin-left:200px;
}
#summary {
    padding-bottom:30px;
    line-height:19px;
}
#summary .delivery {
    border-left:4px white solid;
    height:100px;
}
#summary .delivery .left {
    font-weight:bold;
    margin-left:5px;
}
#summary .delivery .right {
    position:absolute;
    left:400px;
}
#summary .amount {
    border-left:4px white solid;
    height:70px;
    margin-top:30px;
}
#summary .amount .left {
    font-weight:bold;
    padding-left:5px;
}
#summary .amount .right {
    position:absolute;
    left:400px;
    width:400px;
}
#summary .amount .right .title {
}
#summary .amount .right .price {
    position:absolute;
    left:100px;
    font-weight:bold;
}
hr.sumLine {
    width:15px;
    margin-top:3px;
    margin-bottom:3px;
}
/* \shipping */
/* payment */
#paymentContainer {
    padding-top:50px;
    padding-left:200px;
    padding-bottom:50px;
    border-bottom:1px #777 solid;
}
#paymentContainer .paymentMethod {
	height:77px;
}
#paymentContainer .paymentMethod .left {
	font-weight:bold;
	margin-left:5px;
	float:left;
}
#paymentContainer .paymentMethod .right {
	margin-left:61px;
	position:relative;
}
.paymentButton {
    cursor:pointer;
}
/* \payment */
/* \ SHOP */