/** RESET *********************************************************************/

/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/** LAYOUT ********************************************************************/

div#container {
	width: 860px;
	margin: 0 auto;
    position: relative;
}

div#header {
	width: 100%;
}

div#content {
	float: right;
	width: 675px;
}

div#side {
	float: left;
	width: 170px;
}

div#footer {
	clear: both;
	width: 100%;
}

/* ----- Lightbox ----- */

#lightbox {
	background: #666;
	display: none;
	filter: alpha(opacity=95);
	left: 0;
	min-height: 100%;
	min-width: 100%;
	opacity: 0.95;
	position: fixed;
	top: 0;
	z-index: 1000;
}

#lightbox-panel {
	background: #fff;
	display: none;
	height: 660px;
	position: absolute;
	left: 0;
    top: -20px;
	width: 860px;
	z-index: 1001;
}

#close-x {
	position: absolute;
	right: 12px;
	top: 12px;
	z-index: 1002;
}


/** CONTENT *******************************************************************/

/* Basic styles */
html {
    overflow-y: scroll;
}

body {
	color: #000;
	font-family: Arial,Verdana,sans-serif;
	font-size: 12px;
	line-height: 1.2em;
}

h1 {
    font-size: 18px;
    font-weight: normal;
    line-height: 1.2em;
    margin: 0.4em 0 1em 0;
}

h2 {
    font-size: 18px;
    font-weight: normal;
    line-height: 1.2em;
    margin: 0.4em 0 0 0;
}

p {
	margin-bottom: 1.2em;
	line-height: 1.2em;
}

a {
	color: #000;
	text-decoration: none;
}

a.icon-1 {
    background-image:url(../images/arrow-1.gif);
    background-repeat: no-repeat;
    padding-left: 18px;
    text-decoration: underline;
}
a.icon-2 {
    background-image:url(../images/arrow-2.gif);
    background-repeat: no-repeat;
    padding-left: 18px;
    text-decoration: underline;
}
a.icon-3 {
    background-image:url(../images/arrow-3.gif);
    background-repeat: no-repeat;
    padding-left: 18px;
    text-decoration: underline;
}
a.icon-4 {
    background-image:url(../images/arrow-4.gif);
    background-repeat: no-repeat;
    padding-left: 18px;
    text-decoration: underline;
}
a.icon-right {
    padding-left: 0;
    padding-right: 18px;
    background-position: right;
}
a.wishlist {
    color:#ff0000;
}

a:hover {
	text-decoration: underline;
}

input.text {
	border: 1px solid #000;
	margin: 0;
}

div.hr hr {
  display: none;
}

div.hr {
  height: 4px;
}

div.hr.attribute {
    margin-top:2em;
    /*margin-bottom:2em;*/
    border-bottom: 2em solid #fff;
}

/* Misc */

/* Clearfix hack */
.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */


/* Header */

div#header {
	height: 100px;
	margin-top: 20px;
	position: relative;
}

img#header-logo {
	position: absolute;
	right: 0;
	top: 0;
}

ul.header-nav {
    width: 170px;
	float: left;
	font-size: 18px;
	line-height: 1.2em;
	margin-right: 15px;
}

ul.header-nav2 {
    width: 205px;
}

ul.header-nav a {
	color: #6f6f6f;
}

ul.header-nav a:hover {
    text-decoration: none;
}

div#header-nav-lang {
	position: absolute;
    z-index: 1000;
	right: 0;
	top: 80px;
}

div#header-nav-lang ul {
	background-color: transparent;
	border: 1px solid #fff;
	float: left;
	margin-right: 12px;
	padding: 2px 4px;
	width: 84px; /* 78px */
}

div#header-nav-lang li {
    margin: 0;
    padding: 0;
}

div#header-nav-lang ul.open {
	background-color: #fff;
	border: 1px solid #000;
}

div#header-nav-lang ul li a {
	display: block;
}

div#header-nav-lang a#header-nav-lang-arrow {
	position: absolute;
	right: 0;
	top: 7px;
}

/* Footer */

div#footer {
	color: #999;
	font-size: 11px;
	position: relative;
}

div#footer a {
	color: #999;
}

ul#footer-nav {
	left: 0;
	position: absolute;
	top: 100px;
}
ul#footer-nav a {
    text-decoration:underline;
}


body.home ul#footer-nav {
    top:5px;
}

body.home div#footer-disclaimer {
    top:5px;
}

body.home div#footer-social {
    top:5px;
}

ul#footer-nav li {
	float: left;
}

div#footer-disclaimer {
	position: absolute;
	right: 0;
	text-align: right;
	top: 100px;
}

div#footer-social {
	position: absolute;
	/*right: 185px;*/
    right:140px;
	top: 100px;
    padding:1px;
    width:auto;
	text-align: right;
}
body.es div#footer-social {
    right:170px;    
}

div#footer-social a {
    background-image:url(../images/icons-sprites.png);
    background-repeat:no-repeat;
    display:block;
    width:25px;
    height:25px;
    float:left;
    margin-left:4px;
}

div#footer-social a.facebook {
    background-position:0 -25px;
}
div#footer-social a.facebook:hover {
    background-position:0 0;
}
div#footer-social a.youtube {
    background-position:-25px -25px;
}
div#footer-social a.youtube:hover {
    background-position:-25px 0;
}
div#footer-social a.rss {
    background-position:-50px -25px;
}
div#footer-social a.rss:hover {
    background-position:-50px 0;
}
div#footer-social a.itunes {
    background-position:-75px -25px;
}
div#footer-social a.itunes:hover {
    background-position:-75px 0;
}
div#footer-social span {
    display:none;
}


/* Side bar */

div#side {
}

div.side-toolbox {
	background-color: #e2e2e2;
	margin: 1em 0;
	padding: 8px;
}
div.side-toolbox div.logged-in {
    border-top:1px solid #008DD9;
    border-bottom:1px solid #008DD9;
    margin:5px 0;
    padding:5px 0;
}

ul.side-nav {
    min-height:121px;
}

ul.side-nav li.back {
	margin-bottom: 1em;
}

ul.side-nav li.projects {
	margin-top: 1em;
}

div.side-attribute-52 {
    padding-top:40px;
}

form.side-search {
	margin-top: 1em;
}
form.side-search input.text {
    width:150px;
    border: 1px solid #666
}


/* Catalog: Overview */
ul.catalog-overview {
	font-size: 11px;
	margin-top: 8px;
}

ul.catalog-overview li {
	float: left;
	margin: 0 6px 1em 0;
}

ul.catalog-overview.wide li {
	margin-bottom: 1.5em;
}

ul.catalog-overview li a {
	text-decoration: none;
}


/* Catalog: Details */
div.catalog-details-header {
    height: 119px;
}

div.shadow-image-navigation {
    float:right;
	padding-top: 12px;
}

p.catalog-details-prodname {
	/*padding-top: 12px;*/
    padding-top:5px;
    line-height:27px;
}

p.catalog-details-prodname strong {
	font-size: 20px;
	margin-right: 6px;
}

img.catalog-details-silhouettes {
	float: right;
	margin-bottom: 20px;
	margin-top: -6px;
}

h3.catalog-details-blocktitle {
	font-size: 12px;
	padding-bottom: 10px;
}

ul.catalog-details-gallery li {
	float: left;
	margin-right: 5px;
}

ul.catalog-details-gallery-switch {
	margin: 15px 0 8px 0;
}

ul.catalog-details-gallery-switch li {
	float: left;
	margin-right: 2em;
}

ul.catalog-details-gallery-switch li a {
	text-decoration: underline;
}

div.catalog-details-description p {
	font-size: 16px;
	line-height: 1.3em;
	width: 560px;
}

div.catalog-details-description ul.images {
    margin-bottom: 1.2em;
}

div.catalog-details-description ul.images li {
    display: inline;
    padding-right: 2em;
}

table.catalog-details-assortment {
	margin-bottom: 26px;
	width: 100%;
}

table.catalog-details-assortment caption {
	padding-bottom: 2px;
	text-align: left;
	text-transform: uppercase;
}

table.catalog-details-assortment th {
	border-bottom: 1px solid #000;
	border-top: 2px solid #000;
	font-weight: normal;
	padding: 4px 1em 15px 0;
	text-align: left;
}

table.catalog-details-assortment td {
	border-bottom: 1px solid #000;
	padding: 2px 1em 2px 0;
}

table.catalog-details-assortment th.last,
table.catalog-details-assortment td.last {
    padding-right:2px;
}

/* Attribut Reflektor */
table.catalog-details-assortment th.a-17,
table.catalog-details-assortment td.a-17 {
    text-align:center;
}

/* Datenblatt */
table.catalog-details-assortment th.pdf,
table.catalog-details-assortment td.pdf {
    text-align:center;
}

p.catalog-details-crosslink {
	margin-top: 15px;
}

div.catalog-details-attribute-7 li {
    float:left;
    padding-right:20px;
}

div.catalog-details-attribute-3 {
    width: 675px;
    height: 243px;
    overflow: hidden;
}

div.catalog-details-attribute-3 div.container {
    width: 675px;
}

div.catalog-details-attribute-3 li {
    float: left;
    padding-left: 5px;
}

div.catalog-details-attribute-3 li.i0 {
    padding-left: 0;
}

/* Images-Attribut */
div.catalog-details-attribute-8 li {
    float: left;
    padding-left: 20px;
}

div.catalog-details-attribute-8 li.i0 {
    padding-left: 0;
}

div.catalog-details-attribute-8 li span {
    display: block;
    color: #888;
    padding-top: 5px;
    text-align: center;
}


/* Formats depending on current product group */

ul.header-nav li.workplace a,
ul.header-nav li.collection a,
ul.header-nav li.system a {
	color: #000;
}

/* "Collection" active */
body.group-office ul.side-nav li.back a,
body.group-office ul.side-nav li.active a,
body.group-office ul.header-nav li.collection a,
ul.header-nav li.collection a:hover {
    color: #336699;
}

body.group-office div.hr {
	background-color: #336699;
}

/* "workplace" active */
body.group-home ul.side-nav li.back a,
body.group-home ul.side-nav li.active a,
body.group-home ul.header-nav li.workplace a,
ul.header-nav li.workplace a:hover {
	color: #a17b4a;
}

body.group-home div.hr {
	background-color: #a17b4a;
}

/* "System" active */
body.group-system ul.side-nav li.back a,
body.group-system ul.side-nav li.active a,
body.group-system ul.header-nav li.system a,
ul.header-nav li.system a:hover {
	color: #8c910a;
}

body.group-system div.hr {
	background-color: #8c910a;
}

/* "All" active */
body.group-all ul.side-nav li.back a,
body.group-all ul.side-nav li.active a,
body.group-all ul.header-nav li.all a,
ul.header-nav li.all a:hover {
    color: #d86733;
}

ul.header-nav li.all a:hover {
    color: #d86733 !important;
}

body.group-all div.hr {
	background-color: #d86733;
}

/* "Service" active */
body.service ul.side-nav li.back a,
body.service ul.side-nav li.active a {
	color: #9966ff;
}

body.service div.hr {
	background-color: #9966ff;
}

/* "Default" active */
body.default ul.side-nav li.back a,
body.default ul.side-nav li.active a,
body.default ul.header-nav li.all a {
	color: #808183;
}

body.default div.hr {
	background-color: #808183;
}


body.dealer-finder li.dealer-finder a,
li.dealer-finder a:hover {
    color:#d86733;
}

body.dealer-finder div.hr {
	background-color: #d86733;
}

/* "Login" active */
body.login li.login a {
	color: #008DD9;    
}
body.login li.login li a {
    color: #000;
}

body.login div.hr {
	background-color: #008DD9;
}

body.contact ul.header-nav li.contact a,
body.wishlist ul.header-nav li.wishlist a, 
body.film ul.header-nav li.film a {
    color: black;
}

ul.header-nav li.contact a:hover,
ul.header-nav li.wishlist a:hover,
ul.header-nav li.film a:hover {
    color:black;
}


img.tt:hover {
    cursor:pointer;
}

div.tooltip {
    display:none;
    background: transparent url(../images/tooltip-background-shadow.png) no-repeat center bottom;
    font-size:12px;
    max-width: 280px;
    min-width:120px;
    padding: 10px 16px 23px 16px;
    color:#000;
    z-index:1001;
}

div.tooltip.bottom {
    background: transparent url(../images/tooltip-background-shadow-bottom.png) no-repeat center top;
    padding: 23px 16px 10px 16px;
}

div.tooltipLight {
    display:none;
    background: transparent url(../images/tooltip-light-shadow.png) no-repeat center bottom;
    font-size:12px;
    max-width: 140px;
    min-width:120px;
    padding: 10px 10px 23px 10px;
    color:#222;
    z-index:1001;
}

span.glossary {
	border-bottom: 1px dotted #000;
	cursor: help;
}

#filters h2 {
    margin-top: 0.4em;
    margin-bottom: 1em;
}

#filters .filter {
    float: left;
    width: 182px;
    height: 100px;
}

#filters .filter.submit {
    width: 129px; /* 675px - 3*182px */
}

#filters .breadcrumb {
    font-size: 18px;
    font-weight: normal;
    line-height: 1.2em;
    color: #D86733;
    margin-top: 0.3em;
    margin-bottom: 0.7em;
}

#filters select {
    width: 162px;
}

.filter-breadcrumb {
    font-weight:bold;
    color: #D86733;
    margin: 0.5em 0;
}

div.downloads div.item {
    border-bottom:1px solid black;
    padding-bottom:1em;
    margin-bottom:0.5em;
}

div.downloads div.image {
    float: left;
}

form#downloads {
    margin-bottom: 3em;
}

form#downloads label {
    font-weight: bold;
    display: block;
}

form#downloads div.row {
    margin-bottom: 1em;
}

div.catalog-details-attribute-download td {
    vertical-align:middle;
}

div.catalog-details-attribute-press div.item {
    margin-bottom:5px;
}

/* Filme */
div.catalog-details-film {
    margin-bottom:1em;
}


/**
 *
 */
div#map-list {
    position:relative;
}

div#map-list p.address {
    padding: 10px 0;
    border-bottom: 3px solid black;
}

div#map-list p.product {
    padding: 10px 0;
}

div#map-list p.product {
    position:absolute;
    top:0;
    right:0;
}

div#map-list table {
    width:100%;
}

div#map-list td {
    padding-top: 3px;
    padding-bottom: 10px;
    border-bottom: 1px solid black;
    vertical-align: top;
}

div#map-list td.col1,
div#map-list td.col2,
div#map-list td.col3 {
    padding-right: 10px;
}

div#map-list td.col4 {
}

div#map-list td img {
    padding-left: 8px;
    padding-bottom: 6px;
    float:right;
}

/**
 * Flash Messages
 */
div.flash-error, div.flash-notice, div.flash-success
{
	padding:.8em;
	margin-bottom:1em;
	border:2px solid #ddd;
}

div.flash-error
{
	background:#FBE3E4;
	color:#8a1f11;
	border-color:#FBC2C4;
}

div.flash-notice
{
	background:#FFF6BF;
	color:#514721;
	border-color:#FFD324;
}

div.flash-success
{
	background:#E6EFC2;
	color:#264409;
	border-color:#C6D880;
}

div.flash-error a
{
	color:#8a1f11;
}

div.flash-notice a
{
	color:#514721;
}

div.flash-success a
{
	color:#264409;
}

div.errorSummary ul {
    list-style-type: disc;
}

div.form {
    margin-bottom: 1.2em !important;
}

div.form div.checkBoxList label {
    display: inline;
}

div.contact div.form input[type=text] {
    border: 1px solid #999;
    width:290px;
    padding: 2px;
}
div.contact div.form input[type=text].error {
    border-color:#cc0000;
}

div.contact div.form textarea {
    border: 1px solid #999;
    width:310px;
    padding: 2px;
}

div.interesting-products {
    float:left;
    width:50%;
}

div.interesting-products li {
    float: left;
    padding-right: 1em;
    padding-bottom: 2em;
    text-align: center;
    font-size: 11px;
    font-weight: bold;
}

div.interesting-products li img {
    margin-bottom: 1em;
}

div.interesting-products img.noimage {
    background-color: #eee;
}

div.search-results a.url {
    color: #888;
}

table.wishlist td {
    border-top: 1px solid #000;
    vertical-align:top;
    padding: 10px 0;
}

table.wishlist td.col2 {
    font-size: 18px;
}

p.wishlist-links {
    margin: 1em 0;
    line-height: 2em;
}

div.side-login {
    border-top: 4px solid #008DD9;
    border-bottom: 4px solid #008DD9;
    margin: 1em 0;
    background-color:#eee;
    padding:8px
}

span.fileinfo {
    text-transform: uppercase;
}

div.news-index h1 {
    margin-bottom: 0.4em;
}

div.news-index div.hr {
  background-color:#808183;
  width: 168px;
  margin-bottom: 5px;
}

div.news-index div.text {
    width: 330px;
    float: left;
}

div.news-index div.image {
    width: 330px;
    margin-left: 345px;
}

div.news-index div.item {
    margin-bottom: 1.5em;
}

div.news-index div.item a {
}

div.news-longtext p {
    font-size:16px;
    line-height:1.3em;
    margin-bottom: 1.3em;
}

div.news-detail h1 {
    margin-bottom: 0.4em;
}

div.news-detail div.hr {
  background-color:#808183;
  width: 168px;
  margin-bottom: 5px;
}

div.news-detail div.category {
    font-weight: bold;
}

div.news-detail div.links {
    margin-bottom: 1.3em;
}

div.news-detail div.images {
    margin-bottom: 1.3em;
}

table.list-default {
    width: 100%;
    border-collapse:collapse;
}
table.list-default tr td {
    border-top: 1px solid #000;
    padding-top: 5px;
    padding-bottom: 2em;
}

div.form div.checkboxes label {
    display:inline;
    font-weight:normal;
    padding-right:1em;
}

div.zexpand h1+div {
    display:none;
}

div.zexpand h3+div {
    display:none;
}

div.zexpand a.collapsed {
    background-image:url(../images/collapsed.gif);
    background-repeat:no-repeat;
    background-position:center left;
    padding-left:14px;
}

div.zexpand a.expanded {
    background-image:url(../images/expanded.gif);
    background-repeat:no-repeat;
    background-position:center left;
    padding-left:14px;
}

/* Homepage */
div.stage {
    height:440px;
    background:#ccc;
    margin-bottom:10px;
    position:relative; /* fix for IE7 overflow hidden bug */
    overflow:hidden;
}
/*
div.stage a:hover {
    text-decoration: none;
}
div.stage div.box {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 250px;
    height: 150px;
    color: white;
    padding: 5px 10px;
}
div.stage div.box:hover {
    cursor: pointer;
}
div.stage a {
    color: white;
}
div.stage a.close {
    position: absolute;
    bottom: 10px;
    right: 10px;
    z-index: 1000;
}
*/

body.home div.side-toolbox {
    margin-top: 0;
    float:left;
    /*margin-right:15px;
    /*width:154px;*/
    margin-right:0;    
    width:190px;
    height:131px;
    background:#ccc;
    position:relative;    
}

body.home div.side-toolbox form {
    position:absolute;
    bottom:8px;
}

/*
div.teaser {
    position: relative;
    cursor: pointer;
}
div.teaser a:hover {
    text-decoration: none;
}
div.teaser h2 {
    font-size: 17px;
    font-weight: bold;
}
div.teaser p {
    font-size: 17px;
}
div.teaser div.text {
    padding: 1px 10px 10px 10px;
}
div.teaser img {
    float:right;
    padding-left: 4px;
}
div.teaser1 {
    width:338px;
    height:147px;
    float: left;
    background:#000;
    color: #fff;
}
div.teaser1 a {
    color: #fff;
}
div.teaser2 {
    width:337px;
    height:147px;
    float: left;
    background:#eee;
    color: #000;
}
*/
.newteaser {
    position:relative;
    overflow:hidden;
    float:left;
    margin-left:10px;
    width:208px;
    height:147px;
}
.newteaser:hover {
    cursor:pointer;
}            
.newteaser h2 {
    font-size: 18px;
    line-height:22px;
    margin:0;
    position:absolute;
    top:6px;
    left:7px;
    width:208px;
    text-transform:uppercase;
    z-index:2;
}
.newteaser p {
    font-size: 18px;
    line-height:22px;
    margin:0;
    position:absolute;
    top:28px;
    left:7px;
    width:208px;
    text-transform:uppercase;
    opacity:0;                
    z-index:2;
}
.newteaser img {
    position:absolute;
    top:0;
    left:0;                
    width:208px;
    height:147px;
}
.newteaser img.mouseover {
    opacity:0;
    z-index:2;
}
.newteaser a {
    text-decoration:none;
}


/* Uebersteuert pager.css */
ul.yiiPager a:link, ul.yiiPager a:visited {
    border-color:#aaa;
    color:#666;
}

ul.yiiPager .selected a {
    background:#aaa;
    color:#FFFFFF;
}

ul.yiiPager .hidden a {
    border-color:#dedede;
    color:#aaa;
}


/**
 * CSS styles for forms generated by yiic.
 *
 * The styles can be applied to the following form structure:
 *
 * <div class="form">
 *     <div class="row">
 *         <label for="inputid">xyz</label>
 *         <input name="inputid" id="inputid" type="text" />
 *         <p class="hint">hint text</p>
 *     </div>
 *     <div class="row">
 *         <label for="inputid">xyz</label>
 *         <input name="inputid" id="inputid" type="text" />
 *         <p class="hint">hint text</p>
 *     </div>
 *     <div class="row buttons">
 *         <label for="inputid">xyz</label>
 *         <input name="inputid" id="inputid" type="text" />
 *         <p class="hint">hint text</p>
 *     </div>
 * </div>
 *
 * The above code will render the labels and input fields in separate lines.
 * In order to render them in the same line, please use the "wide" form as follows,
 *
 * <div class="wide form">
 *     ......
 * </div>
 *
 * @author Qiang Xue <qiang.xue@gmail.com>
 * @link http://www.yiiframework.com/
 * @copyright Copyright &copy; 2008-2010 Yii Software LLC
 * @license http://www.yiiframework.com/license/
 */

div.form
{
	margin: 0;
}

div.form input,
div.form textarea,
div.form select
{
	margin: 0.2em 0 0.5em 0;
}

div.form fieldset
{
	border: 1px solid #DDD;
	padding: 10px;
	margin: 0 0 10px 0;
    -moz-border-radius:7px;
}

div.form label
{
	font-weight: bold;
	font-size: 0.9em;
	display: block;
}

div.form .row
{
	margin: 5px 0;
}

div.form .nspm {
    display:none;
}

div.form .hint
{
	margin: 0;
	padding: 0;
	color: #999;
}

div.form .note
{
	font-style: italic;
}

div.form span.required
{
	color: red;
}

div.form div.error label,
div.form label.error,
div.form span.error
{
	color: #C00;
}

div.form div.error input,
div.form div.error textarea,
div.form div.error select,
div.form input.error,
div.form textarea.error,
div.form select.error
{
	background: #FEE;
	border-color: #C00;
}

div.form div.success input,
div.form div.success textarea,
div.form div.success select,
div.form input.success,
div.form textarea.success,
div.form select.success
{
	background: #E6EFC2;
	border-color: #C6D880;
}


div.form .errorSummary
{
	border: 2px solid #C00;
	padding: 7px 7px 12px 7px;
	margin: 0 0 20px 0;
	background: #FEE;
	font-size: 0.9em;
}

div.form .errorMessage
{
	color: red;
	font-size: 0.9em;
}

div.form .errorSummary p
{
	margin: 0;
	padding: 5px;
}

div.form .errorSummary ul
{
	margin: 0;
	padding: 0 0 0 20px;
    list-style-type:disc;
}

div.wide form label
{
	float: left;
	margin-right: 10px;
	position: relative;
	text-align: right;
	width: 100px;
}

div.wide form .row
{
	clear: left;
}

div.wide form .buttons
{
	clear: left;
	padding-left: 110px;
}

div.wide form .errorMessage
{
	margin: 0 0 0 110px;
}

form .errorMessage {
    display: none;
}

table.catalogues {
    width:100%;
}
table.catalogues td {
    vertical-align:top;
}

/* Carousel */
div.carousel li {
    position:relative;
}
div.carousel div.box {
    position:absolute;
    width:250px;
    height:150px;
    color:white;
    padding:5px 10px;
    z-index:2;
    cursor:pointer;
}
div.carousel div.box a {
    color:white;
}
div.carousel div.box a:hover {
    text-decoration:none;
}

/* Advertising */
table.advertising { margin-bottom:20px; }
table.advertising td { vertical-align:top; }
table.advertising td.text { width:150px }
table.advertising td.image { width:220px;padding-top:2px }
table.advertising td.image img { border:1px solid #ccc; }
table.advertising td.links { vertical-align:top; }
div.hr-advertising { border-bottom:1px solid #999;margin-bottom:30px;padding-top:20px }
div.advertising-header { position:relative; }
div.advertising-header h1 {  padding-bottom:9px;border-bottom:1px solid #999; }
div.advertising-header form { position:absolute;right:0;top:0; }

/* Film */
div.video { margin-bottom:20px; }
table.videos td { vertical-align:top; }
table.videos td.image { width:220px;padding-top:2px }
table.videos td.image a { position:relative;display:block; }
table.videos td.image img.play { position:absolute;top:35px;left:69px;opacity:0.7; }
table.videos td.image a:hover img.play { opacity:0.9; }




/* PRINT */

@media print {
    #container {
        margin:auto !important;
        position:static !important;
        width:auto !important;
    }
    #header {
        display:none !important;
    }
    #side {
        display:none !important;
    }
    #content {
        float:none !important;
        width:auto !important;
    }
    #footer {
        display:none !important;
    }
    .zexpand>div {
        display:block !important;
    }
    .zexpand a.collapsed {
        background-image:url(../images/expanded.gif) !important;
    }
    #lightbox, #lightbox-panel {
        display:none !important;
    }
}