/* CSS Document */
/* MAIN----------------------------------------------------------*/
body, html {
	height:100%;
	margin: 0px;
	padding: 0px;
	font-family: Trebuchet MS;
	color: #333333;
	font-size: 12px;
	background: url(../images/bg.png) repeat-x #666666;	
}

a, a:visited { color:#2D2D2D; text-decoration:none; }
h1 { font-size:15px;
     color:#cc0000;

}
h2 { font-size:14px; }
hr { color:#000000; height:1px; border:1px solid #D62121; }


h1.h1 {
	padding: 0px;
	
}
.active {
	border-bottom:dotted 2px #CCCCCC
}
#wrapper {
	width: 900px;
	min-height: 100%;
/* 	position: relative; */
	margin: 0px auto;
	height: auto;
	
}

* html #wrapper {
	height: 100%;
}

table { 
   	margin:0px;
	border:none;
	padding:0px;
	border-collapse:collapse;

}

/* HEADER ----------------------------------------------------------*/

#header { 
	position: relative; 
	width: 100%;
	height: 213px;
}

#header .pais {
	position: absolute;
	top: 38px;
	left: 0px;
	width: 900px;
	height: 166px;
	background: url(../images/pais.jpg); 
}

#header .pais img{border:0px}
#languageSelect {
	position: absolute;
	right: 190px;
	top: 9px;
	font-size: 13px;
	color: #ff0000;
}

#languageSelect a, #languageSelect a:visited {color:#ffffff;}
#languageSelect a:hover {color: #ff0000}

#search { 
	position: absolute;
	top: 8px;
	right: 0px;
	padding: 0px;
	margin: 0px;
	width: 189px;
	height: 30px;
/* 	background: url(images/site/bg_search.gif) no-repeat left bottom; */
	text-align: right;
}

* html #search {
	bottom: 9px;
}

/* MENU ------------------------------------------------------------- */

#left {
	float: left;
	width: 179px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	color: #ffffff;
/* 	position: relative; */
}

#left a, #left a:visited {color:#ffffff;}
#left a:hover {color:#CCCCCC}

#left .peamenuu {
    padding-top: 4px;
	padding-left: 10px;
	width: 169px;
	height: 25px;
	font-size: 13px;
	font-weight:bold;
/* 	position: relative; */
	background: url(../images/peamenuu.jpg) no-repeat left top;
}
#left .allmenuu {
    padding-top: 4px;
	padding-left: 10px;
	width: 169px;
	line-height: 23px;
	margin-bottom:2px;
	font-size: 13px;
	font-weight:bold;
	/*position: relative;*/
	background: #7d7d7d url(../images/allmenuu.jpg) no-repeat left top;
}

#left .box {
/* position: relative; */
background-color:#666666 ;
width: 169px;
padding-left: 10px;
margin-bottom: 2px;
}



#left .box ul{
	padding-left: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin: 0px;
	list-style: none;
	font-weight:normal;
	font-weight: bold;
	font-size: 13px;
}

#left .box ul li{
	padding-top: 5px;
}


#left .box ul ul{
	padding-left: 25px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin: 0px;
	list-style: none;
	font-weight:normal;
}
#left .box ul ul li{
	padding-top: 3px;
}

#left .box ul ul ul{
	padding-left: 25px;
	padding-top: 5px;
	margin: 0px;
	list-style: none;
	font-size: 12px;
	font-weight:normal;
}
#left .box ul ul ul li{
	padding-top: 2px;
}

/* CONTENT / WIDE - NARROW -------------------------------------------------*/


#content {
	float: right;
	width: 710px;
	margin-bottom: 10px;
	color:#333333;
	font-size: 11px;
/* 	background:#ffffff url(../images/bglogo.gif) no-repeat bottom right; */
/* 	background-color:#FFFFFF; */
}
#content .wide {
	width: 710px;
	background-color:#FFFFFF;
	display:block;
	background-image:url(../images/bglogo.gif);
    background-repeat: no-repeat;
    background-position: bottom right;
 	/*overflow: hidden; */
	float:left;
    
}
#content .narrow {
	width: 532px;
	float:left;
	background-color:#FFFFFF;
	background-image:url(../images/bglogo.gif);
    background-repeat: no-repeat;
    background-position: bottom right;
 	overflow: hidden; 

}

#content  img{ 
    float:left;
	margin-top:1px;
	margin-left:1px;
	margin-right:15px;
	border: 4px solid;
	border-color:#CCCCCC;
}

.productWrapper{padding:15px;height:100%;float:left;width:682px;}

#content .wide .productWrapper .productGallery img{float:none;border:none;margin:0}

#content .pealkiri img{float:none;border:none;margin:0}
#content .wide .scms_arrow_visible img, #content .narrow .scms_arrow_visible img{float:none;border:none;margin:0}

#content a {color:#cc0000;}

#content a:hover { color:#000000;}

#content .top { 
    padding-top: 4px;
	position:relative;
	display:block;
	/*height:16px;*/
	padding:6px;
	color:#333333;
	background: #CCCCCC;
	border:none;
	font-size:13px;
}
#content .top .active{ 
	color:#cc0000;
	font-size:13px;
	font-weight:normal;
}
#content .pealkiri { 
    font-size:13px;
	font-weight:bold;
	color:#cc0000;
	float:left;
}
#content .pealkiri_two { 
    font-size:14px;
	font-weight:bold;
	color:#cc0000;
}
#content .custom { 
    padding-top: 4px;
	padding:10px;
	position:relative;
	display:block;
    color:#333333;
	font-size:12px;
	font-weight:normal;
	border-top: 2px dotted;
	border-color:#666666;
	text-align:justify;
	height:100%;
	margin:0;
}
#content .dots { 
    padding:0px;
	margin:0;
	position:relative;
	float:left;
	border-left: 2px dotted;
	border-color:#666666;
	text-align:justify;
	width:2px;
	height:350px;
}
#content .frontbox { 
    padding-top: 4px;
	padding:10px;
	/*position:relative;*/
	float:left;
	width: 154px;
	color:#333333;
	font-size:12px;
	font-weight:normal;
	line-height: 12pt;
	margin:0;
}

#content .frontbox img{ 
	margin:12px 8px 8px;
	float:none;
}

#content .article{ 
    padding-top: 4px;
	padding:6px;
	position:relative;
	display:block;
    height: 116px;
	color:#333333;
	font-size:12px;
	font-weight:normal;
	border-top: 2px dotted;
	border-color:#666666;
	text-align:justify;
	margin:0;
	
}
#content .article table { 
    width:500px;
	position:relative;
	padding:0px;
	margin:0px;
	padding-bottom:0
	border-collapse: collapse;

}
#content .article td { 
    padding:0px;
	margin:0px;
	border-collapse:collapse;
}
#content .article img { 
    width:105px;
	height:105px;
}
#content .groupbox {padding: 4px 6px 6px; float:left; height: 168px; width: 163px; color:#333; font-size:12px; font-weight:normal; border: 2px dotted #666; border-right: none; border-top: none; line-height: 11pt; margin:0}
	#content .last {border-right: 2px dotted}
	#content .first-row {border-top: 2px dotted}
#content .groupbox img{ 
    margin-bottom:8px;
	float:left;
}



/* BANNER CONTAINER FOR NARROW CONTENT ----------------------------------------------*/

#content .banner{
	width: 157px;
	background-color:#666666;
	padding:6px;
	float:right;
	color:#999999;
}

#content .banner img{
border:none;float:none;
margin-bottom:0;
margin-left:0;
margin-right:0;
margin-top:0}

/* FOOTER ----------------------------------------------------------*/


#footer  { 
	margin-top: 10px;
	padding-bottom:10px;
	width: 900px;
	text-align: left;
	font-size: 11px;
	color:#999999;
}

#footer a { color:#999999; }

/* FORM ELEMENTS -------------------------------------------------- */

form { margin: 0px; padding: 0px; }

.productFeedback input, .productFeedback select, .productFeedback textarea {
	padding: 2px 0px;
	margin: 0px;
	border: 1px inset #666;
	/*border: 1px inset #DB7700;*/
	background-color: #fff;
	vertical-align: middle;
}

.productFeedback select, .productFeedback textarea {width:290px;}
.productFeedback input {width:288px;}

input.searchbar {
	background-color: #ffffff ;
	margin-right: 5px;
	border: 1px ;
	border-style:solid ;
	border-color: #999999;
	color: #000000;
	width: 120px;
	height: 13px;
	font-size: 11px;
	vertical-align: middle;
}

input.submitSearch {
	width: auto;
	border: none;
	margin: 0px;
	padding: 0px;
	vertical-align: middle;
}

input.submit {	
	width: auto;
	background-color: #ccc;
	border: outset 1px #666;
	/*background-color: #ff9900;
	border: outset 1px #DB7700;*/
	color: #000;
}	

/* helpers */
.vspacer10px {height:10px}
.vspacer20px {height:20px}

.productViews {width:682px;float:left;}
.productGallery{float:left;width:682px;}
.productProfile{float:left;width:682px;}
.productFeedback{float:left;width:682px;}

#news{margin:0px;padding:10px;}
#news img{border:medium none;}
#news .Date{color:#999999;}
#content .productWrapper .left{float:left;width:682px;}
#content .nfo img{border:none;}
#content .wide .listItem {padding:10px;}

.right {float:right;width:290px}
.spacer10px{width:100%;float:left;clear:both;height:10px;}
.wrap{float:left;width:682px}

.search-results h2, .search-results h3, .search-results p {padding: 0 20px}
.search-results h2 {padding-top: 30px}
.search-results h3 {font-size: 12px}
.search-results a:link, .search-results a:visited {color: #000 !important}
.search-results a:hover {color: #c00 !important}
em.highlight {background: #c00; color: #fff}
.clear {clear: both}
.imageW{float:left;width:129px;}
.viewName{width:105px;}