@import url('index.cfm?fuseaction=webeditor_common');


/* General Rules */
html, body {
	height:100%;
}
body { background:url('./img/bg.gif') #fff; color:#525252; margin:0; }
/* End General Rules */


#wrapper {
	min-height:100%;
}
#wrapper.sortiment {
	background: url('./img/left/left_sortiment.jpg') left top repeat-y;
}
#top {
	position: relative;
	height:90px;
	border-bottom:solid #525252 1px;
}
#top iframe {
	position: absolute;
	left: 172px;
	top: 50px;
	border: none; 
	overflow: hidden; 
	width: 350px; 
	height: 21px;
}
#top a {
	float:left;
}
#top img {
	display: block;
}
#top div {
	border-left:solid #525252 1px;
	border-right:solid #525252 1px;	
	width:225px;
	height:70px;
	margin-left:552px;
	background:#DADADA;
	color:#525252;
	padding-top:20px;
	padding:20px 10px 0 10px;
}

#headline a {
	float:left;
}
#headline a img {
	display:block;
}
#headline img {
	float:left;
	display: block;
}
#headline div {
	width:246px;
	height:184px;
	margin-left:552px;
	border-left:solid white 1px;
}
#headline div img {
	border-right:solid #525252 1px;
}
#headline div ul {
	padding-top:90px;
}
#headline div a, #submenu ul li a {
	float:none;
	display: block;
	color:white;
	padding-left:10px;
	text-transform: uppercase;
}
#headline div a:hover, #submenu ul li a:hover {
	text-decoration: none;
}
#headline div ul li, #submenu ul li {
	background: #525252;
	margin-bottom:1px;
	line-height:18px;	
}
#headline div ul li.selected, #submenu ul li.selected {
	background: #7D0000;
}
#headline #copyright {
	position:absolute;
	top:85px;
	left:245px;
	border:none;
}
#headline #copyright a { 
	padding-left:3px;
}
#headline #copyright img {
	display:block;
	border:none;
	clear:both;
}
#submenu {
	background:url('./img/right-end.gif') left bottom no-repeat;
}
#submenu ul {
	padding-bottom:116px;
}
#submenu ul li {
	background: #97B48F;
}
#submenu ul li a {
	text-transform: none;
}
#spacer {
	background:#A8A8A8;
	height:16px;
}
#spacer div {
	background: #525252;
	width:552px;
	height:16px;
	border-right:solid white 1px;
	float:left;
}
#spacer div + div {
	width:246px;
	border:none;
}
#content {
	width:505px;
	height:100px; 
	padding:15px 10px;
	float:left;
	margin-left:28px;
}
#submenu {
	width:246px;
	margin-left:553px; 
}
#content h1 {
	font-size:14px;
	margin-bottom:7px;
}
#content > table tr td {
	vertical-align: middle;	
}
#content table tr td:first-child {
	width:110px;
	padding-bottom:3px;
}
#content table tr td a {
	font-weight: bold;
}
#content table tr td strong, #content table tr td a img {
	display: block;
}
#content table tr td p {
	margin:0;
}
#content table#gallery td {
	width:33%;
	padding:0;
	text-align: center;
}
#content table#gallery td img {
	margin:0px auto;
}
#content table#gallery td a {
	padding:2px 0;
	display: block;
}
.product_list {
	color: #525252;
}
.product_list p {
	margin:0px;
}

.holdPdf {
	padding-bottom:5px;
}
.holdPdf h4 {
	margin:0;
}



/*  Standard form and error messages  */
table.data_input td             { padding:3px; }
table.data_input .fieldRequired { color:red; }
table.data_input .fieldError    { color:#b00; }
table.data_input .fieldInfo     { color:#575757; font-weight:normal; font-size:smaller; border:solid #ddd 1px; margin-top:3px; padding:2px; } 
div.messageBoxError             { width:650px; min-height:48px; margin:0 0 10px 0; padding:7px 40px 7px 80px; color:#C60000;
                                     background-color:#FFFFCC; background-image:url(img/icon_critalert.gif); background-position:20px 14px;
                                     background-repeat:no-repeat; border:1px solid #FFCC00; }
div.messageBoxError ul          { padding-left:25px; }
div.messageBoxError ul li       { list-style-type:disc; padding:4px 4px 4px 5px; }
div.messageBoxError p           { margin:5px 0 5px 0; }
div.messageBoxWarning           { width:560px; min-height:35px; margin:0 0 10px 0;
                                     background-color:#FFFFDD; background-image:url(img/warning.png); background-position:20px 12px;
                                     background-repeat:no-repeat; border:1px solid #FFCC00; color:#AA0000; padding:12px 40px 0px 50px; }
div.messageBoxError,
div.messageBoxWarning           { -moz-border-radius:10px; -webkit-border-radius:10px; }									 
input.fieldSortField            { width:3em; }
.inPageModule                   { text-align:left; }
.inPageModule .messageBoxError  { width:auto; }
/*  Client side error messages (Use the sliding doors method, .error_bg is the bg element and .error is the foreground element)  */
.error_bg                   { position:absolute; background-image:url(img/errorTooltip1.png); color:white; padding-left:20px; min-width:200px; }
.error_bg, .error_bg .error { display:block; background-repeat:no-repeat; }
.error_bg .error            { width:100%; height:30px; padding-right:9px; font-style:italic; font-weight:bold; font-size:11px;
								background-image:url(img/errorTooltip2.png); background-position:right; 
								line-height:23px; /*  Use line-height to position the label in the middle  */ }
input.error,
textarea.error,
select.error                { border-color:red; }						 


/*  Overwrite the size of the error box with a size that fits the popup  */
div.messageBoxError             { width:auto; } 


#holdPopupLogo {
	border-bottom: 1px solid #525252;
}
#holdPopupLogo img {
	display:block;
}     
#holdContentPopup {
	background:url("img/pop-bg.gif") top left no-repeat;
	padding-top:5px;
}
#holdContentPopup .print {
	float:left;
}
#holdContentPopup .print img {
	display:block;
	width:23px;
}
#contentPopup {
	width:450px;
	padding-top:10px;
	padding-left:5px;
	float:left;
}
#footerPopup {
	float:left;
	width:100%;
	margin-top:10px;
	background:#525252;
	color:white;
	text-align:center;
}
#content table.data_list td { vertical-align:top; }


/**
 *  The only thing that needs to show up in printing is the logo and the page content.
 *  Page chrome (section image, submenu, news ticker, etc) should not appear in the print output 
 */
@media print {
	#headline, #spacer, #submenu, #top div, .print { 
		display:none; 
	}
	#top, #holdPopupLogo {
		border:none;
	}	
	#content {
		margin-left:0;
	}
}