* {margin:0; padding:0;}
body {width: 100%; margin: 0; padding: 0; color: #fff; font-family: Tahoma, Geneva, sans-serif; background-color: #0d2955;}
table {border: 0; border-collapse: collapse;}
table td {padding: 0;}

a {text-decoration: none;}
a:link {color: #aaa;}
a:visited {color: #aaa;}
a:hover, a:active {color: #fff; text-decoration: underline;}
:focus {outline: 0;}
:active {outline: 0;}

h1 {color: #fff; margin: 0 0 0 0; font: normal 180%/100% Tahoma, Geneva, sans-serif; text-transform: uppercase;}
h2 {color: #fff; margin: 0 0 1.0em 0; font: normal 80%/140% Tahoma, Geneva, sans-serif; text-transform: uppercase;}
h2 span {display: block; font-size: 70%; text-transform: none;}
h3 {color: #fff; margin: 0; font: bold 75%/120% Tahoma, Geneva, sans-serif;}
h4 {color: #fff; margin: 0; font: bold 75%/120% Tahoma, Geneva, sans-serif;}
p, pre, blockquote, label, ul, ol, dl, fieldset, address, li, dd {margin: 0; padding: 0;}
p {margin: 0 0 0.75em 0;}
span.nobr {white-space: nowrap;}
p.br {margin: 0 !important;}
img {margin: 0; padding: 0; border: 0;}

.container {margin: 0;}
.media {padding: 0; background-color: #263f66;}

body.blue {background-color: #0d2955;}
body.blue .media {background-color: #263f66;}
body.red {background-color: #8f1f21;}
body.red .media {background-color: #9a3638;}
body.green {background-color: #0e5245;}
body.green .media {background-color: #276458;}
body.black {background-color: #000;}
body.black .media {background-color: #1a1a1a;}

body.support {background-color: #000;}
body.support .media {background-color: #56565c;}

.rack {position: relative; overflow: hidden; padding: 30px 5px 30px 5px; background-color: #6b6b73;}
body.black .rack {background-color: #1a1a1a;}

.screen {width: 980px; margin: 0 auto 0 auto;}

.video {position: relative; width: 980px; height: 440px; background-color: #c5c4c4;}
#player {width: 960px; height: 420px; padding: 10px;}

.switch {width: 980px; margin: 0 auto 0 auto;}
.switch ul {list-style: none; margin: 10px 0 0 30px; padding: 0;}
.switch ul li {float: left; margin: 0 30px 0 0; padding: 0;}
.switch canvas {margin-top: 0px;}
.switch ul li span {display: none;}
.switch ul li a.imperial {display: block; width: 103px; height: 20px; background: url(/images/nav.png) no-repeat scroll 0 0;}
.switch ul li a.interior {display: block; width: 111px; height: 20px; background: url(/images/nav.png) no-repeat scroll -103px 0;}
.switch ul li a.unique {display: block; width: 90px; height: 20px; background: url(/images/nav.png) no-repeat scroll -214px 0;}
.switch ul li a.imperial:hover, .switch ul li a.imperial:active {background-position: 0 -20px;}
.switch ul li a.interior:hover, .switch ul li a.interior:active {background-position: -103px -20px;}
.switch ul li a.unique:hover, .switch ul li a.unique:active {background-position: -214px -20px;}
.switch ul li.active a {cursor: default;}
.switch ul li.active a.imperial {background-position: 0 -20px;}
.switch ul li.active a.interior {background-position: -103px -20px;}
.switch ul li.active a.unique {background-position: -214px -20px;}

.lang {position: relative; height: 50px;}
.lang ul {position: absolute; z-index: 2; left: 50%; bottom: 8px; width: 470px; list-style: none; margin: 0; padding: 0;}
.lang ul li {float: right; margin: 0 10px 0 0; padding: 0; color: #fff; font: normal 70%/120% Tahoma, Geneva, sans-serif; text-transform: uppercase;}
.lang ul li.active {color: #d2b640;}

.header {position: relative;}
.header h1 {display: block; position: absolute; z-index: 2; left: 50%; bottom: 9px; margin: 0 0 0 -460px;}

.footer {position: relative; width: 980px; margin: 60px auto 60px auto; padding: 0; overflow: hidden;}

.logo {float: right; margin: 0 30px 0 60px;}
.nav {position: absolute; z-index: 2; left: 0; bottom: 82px; width: 600px; margin: 0 0 0 30px;}
.nav ul {list-style: none; margin: 0; padding: 0;}
.nav ul li {float: left; margin: 0.5em 30px 0 0; padding: 0; color: #fff; font: normal 70%/120% Tahoma, Geneva, sans-serif; text-transform: uppercase;}
.nav ul li.active {color: #d2b640;}
.copyright {display: none; position: absolute; z-index: 2; left: 0; bottom: 16px; margin: 0 0 0 10px;}
.copyright p {margin: 0; color: #fff; font: normal 65%/100% Tahoma, Geneva, sans-serif;}

.options {}
.options ul {list-style: none; margin: 0 0 0 25px; padding: 0;}
.options ul li {float: left; margin: 0 4px 0 0; padding: 4px 10px 3px 10px; color: #fff; font: normal 95%/100% Tahoma, Geneva, sans-serif; text-transform: uppercase; /*border: 1px solid #5f272e; -moz-border-radius-topright: 4px; -moz-border-radius-topleft: 4px; -webkit-border-top-right-radius: 4px; -webkit-border-top-left-radius: 4px;*/}
.options ul li a {color: #ccc !important; text-decoration: none !important;}
.options ul li.active {background-color: #89898f; padding: 3px 9px 3px 9px; border: 1px solid #89898f; -moz-border-radius-topright: 4px; -moz-border-radius-topleft: 4px; -webkit-border-top-right-radius: 4px; -webkit-border-top-left-radius: 4px;}
.options ul li.active a {color: #fff !important; cursor: default;}

.gallery {}
.pics {position: relative; clear: both; overflow: hidden;}
.scrollable {position: relative; overflow: hidden; width: 918px; height: 144px; border: 1px solid #89898f; /*-moz-border-radius: 4px; -webkit-border-radius: 4px;*/ background-color: #000;}
.scrollable .items {position: absolute; width: 20000em; clear: both;}

.scrollable .items a {display: block; float: left; margin: 10px 3px 10px 10px; cursor: pointer;}
.scrollable .items a img {display: block; width: 70px; height: auto; background-color: #000; border: 4px solid #404045 !important; -moz-border-radius: 0px; -webkit-border-radius: 0px; }
.scrollable .items a img.hover {border: 4px solid #6b6b73 !important;}
.scrollable .items a img.active {border: 4px solid #6b6b73 !important;}

/* reflections */
/*
.scrollable .items div {float: left; margin: 10px 3px 10px 10px; width: 78px !important;}
.scrollable .items div img {width: 70px; height: auto; border: 4px solid #400c12 !important; background-color: #000; cursor: pointer; -moz-border-radius: 0px; -webkit-border-radius: 0px;}
.scrollable .items div canvas {padding: 4px;}
.scrollable .items div img.hover {border: 4px solid #900c23 !important;}
.scrollable .items div.active img {border: 4px solid #900c23 !important;}
*/

.scrollable {float: left;}
a.browse {display: block; float: left; width: 20px; height: 20px; margin: 63px 5px; background: url(/images/hori.png) no-repeat; cursor: pointer; opacity: 1.0; filter: alpha(opacity=100); -ms-filter: "alpha(opacity=100)"; -khtml-opacity: 1.0; -moz-opacity: 1.0; /*font-size: 1px;*/}
a.right {clear: right; margin-right: 0px; background-position: 0 -20px;}
a.right:hover {background-position: -20px -20px;}
a.right:active {background-position: -40px -20px;}
a.left {margin-left: 0px;}
a.left:hover {background-position: -20px 0;}
a.left:active {background-position: -40px 0;}
a.disabled {visibility: hidden !important; cursor: default; opacity: 0.3; filter: alpha(opacity=30); -ms-filter: "alpha(opacity=30)"; -khtml-opacity: 0.3; -moz-opacity: 0.3;}
a.left.disabled:hover, a.left.disabled:active {background-position: 0 0;}
a.right.disabled:hover, a.right.disabled:active {background-position: 0 -20px;}

.light {margin: 30px 0 0 75px;}/*369*/

/*
.light {display: none;}
.preview, .order {padding-top: 30px;}
*/

.preview {float: left; width: 322px; margin: 0 0 0 25px;}
.preview #image_wrap img {width: 300px; padding: 10px; border: 1px solid #89898f; background-color: #000; /*-moz-border-radius: 4px; -webkit-border-radius: 4px;*/}
.preview .about {margin: 10px 0 0 11px; text-align: left;}
.preview .about p {margin-bottom: 0.25em; color: #ccc; font: normal 70%/140% Tahoma, Geneva, sans-serif;}
.preview .about p.name {color: #fff; font-size: 85%;}
.preview .about p.name a {margin-left: 8px;}
.preview .about p.name img {/*vertical-align: middle;*/ margin-bottom: -3px;}

.text {margin: 0 0 -0.25em 0;}
.text p {padding: 0 25px 0 25px; color: #fff; font: normal 70%/140% Tahoma, Geneva, sans-serif;}
.text a {color: #fff !important; text-decoration: underline !important;}
.text h2 {padding: 0 25px 0 25px;}
.text a.xls {display: block; position: relative; margin: 0; padding: 6px 0 6px 26px; background: url(/images/xls.gif) no-repeat scroll left center; overflow: hidden;}
.left {float: left; width: 50%; margin: 0 0 -0.25em 0;}
.right {margin: 0 0 -0.25em 50%;}
.support .left {margin-bottom: 25px;}
.support .right {margin-bottom: 25px;}

.navi {width: 400px; height: 20px; margin-left: 33px;}
.navi a {display: block; cursor: pointer; float: left; width: 8px; height: 8px; margin: 3px; background: url(/images/navigator.png) 0 0 no-repeat; /*font-size: 1px;*/}
.navi a:hover {background-position: 0 -8px;}
.navi a.active {background-position: 0 -16px;}

form {margin: 0; padding: 0;}
input, textarea {font: normal 100%/120% Tahoma, Geneva, sans-serif;}
textarea {overflow: auto;}

.order {margin: 0 25px -30px 377px;}
.order form {}
.order form fieldset {display: block; position: relative; margin: 0 0 30px 0; padding: 0; border: 1px solid #89898f;}
.order form legend {margin: 0; padding: 0; color: #fff;}
.order form legend span {display: block; position: absolute; z-index: 2; left: 5px; top: 0; margin: -0.5em 0 0 0; padding: 0 5px 0 5px; font: normal 70%/100% Tahoma, Geneva, sans-serif; text-transform: uppercase; background-color: #6b6b73;}

.order .cart {overflow: hidden; margin: 1em 0 1em 0;}
.order .cart span {display: block; clear: both; margin: 0 10px 0 10px; padding: 0.25em 0 0 0; font: normal 70%/100% Tahoma, Geneva, sans-serif;}
.order .cart span#cart_content {margin: 0; padding: 0; height: auto;}
.order .cart span#empty_cart {background: url(/images/drop.gif) no-repeat scroll left bottom; padding-left: 14px;}
.order .cart img {width: auto; height: 48px;}
.order .cart a {display: block; position: relative; float: left; margin: 0 0 10px 10px; text-decoration: none;}
.order .cart a span {display: none; width: 5px; height: 5px; margin: 0; padding: 6px; background-color: #000; text-align: center; opacity: 0.75; filter: alpha(opacity=75); -ms-filter: "alpha(opacity=75)"; -khtml-opacity: 0.75; -moz-opacity: 0.75;}
.order .cart a:hover span, .order .cart a:active span {display: block; position: absolute; z-index: 2; right: 0; top: 0;}
.order .cart a span img {width: 5px; height: 5px;}

.order .loader {position: absolute; z-index: 3; left: 7.9em; top: 0; margin: -0.5em 0 0 0; padding: 0 5px 0 0; background-color: #6b6b73;}

.order .wrap {float: left; width: 258px; margin: 1em 10px 0 10px;}
.order .wrap label {display: block; margin: 0 0 0.5em 0; font: normal 70%/100% Tahoma, Geneva, sans-serif;}
.order .wrap input {width: 100%; margin: 0 0 0 0; padding: 4px 4px 4px 4px; background-color: #404045; border: 1px solid #89898f; color: #fff; font: normal 70%/100% Tahoma, Geneva, sans-serif;}
.order .wrap textarea {width: 100%; margin: 0 0 0 0; padding: 4px 4px 4px 4px; background-color: #404045; border: 1px solid #89898f; color: #fff; font: normal 70%/140% Tahoma, Geneva, sans-serif;}
.order .submit {float: left; margin: 1em 10px 1em 10px;}
.order .submit input {vertical-align: middle;}
.order .submit span {margin-left: 8px; color: #fff; font: normal 70%/100% Tahoma, Geneva, sans-serif;}
.order .submit img {vertical-align: middle; margin-bottom: 2px;}

.order .wrap .fieldWithErrors input, .order .wrap .fieldWithErrors textarea, .order .wrap input.error, .order .wrap textarea.error {border: 1px solid red;}

.pdf {background: url(/images/pdf.gif) no-repeat scroll left center; padding-left: 20px;}
.photos {margin: 0;}
.photos img {margin: 0 2px 2px 0;}

.clearing {clear: both; overflow: hidden;}