@charset "utf-8";
/* CSS Document */

html, body {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 12px;
	margin: 0px;padding: 0px;
	background: #2A2522;
	color: black;
	cursor: default;
}

a{
	text-decoration:none;
	outline:0px;
	font-weight:bold;
	color:black;
}

a.not_b{
	font-weight: normal;
}

a:hover{
	color:#99A508;
}

img{
	border:0px;
}

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

form .loader{
	width:16px; height:16px;
	display:none;
}

/* top */

.top_line
{
    background: #2A2522;
    height:16px;
    position:relative;
}

.menu_line_sh
{
    background: #8FBD39 url(../images/menu-bkg.jpg) repeat-x;
    height:225px;
    position:relative;
    border-top: 1px solid #93BC00;
    border-bottom: 1px solid #93BC00;
}

.menu_line
{
    width: 750px;
	position: relative;
	margin: 0px auto;
    padding: 1px;
    height: 80px;
}

img.logo
{
    position:absolute;
    top:18px; left:33px;
}

span.slogan
{
    position:absolute;
    top:48px; left:37px;
    color: #F2F758;
}

/* body */

.content_sh
{
    background: white url(../images/content-bkg.jpg) repeat-x;
    padding-top: 135px;
    padding-bottom:10px;
    min-height: 300px;
}

.content_sh .content-box
{
    border-bottom: 1px solid #999999;
    width: 713px; margin:auto;
	position: relative;
    padding:10px;
    font-size: 14px;
}

.content_sh .content-box-products
{
    border-top: 1px solid #999999;
    width: 713px; margin:auto;
	position: relative;
    padding:10px;
    font-size: 14px;
}

.content_sh h1
{
    font-size: 20px;
    color: #666666;
    font-weight: normal;
    border:0px;
    width: 713px; margin:auto;
    padding:10px;

}

.content_sh .products-list
{
    background: url(../images/products-bkg.jpg) no-repeat bottom;
    height:251px;
    border-top:1px solid #EAEAEA;
    width: 711px; margin:auto;
}

div.products-list-item
{
    width: 235px; height: 240px;
    padding: 1px;
    float: left;
}

div.products-list-item-image
{
    padding: 17px 5px 10px 12px;
}

div.products-list-item-content
{
    padding: 0px 5px 0px 12px;
    color: #666666;
}

div.products-list-item a.more
{
    margin: 10px 0px 0px 10px;
    display: block;
    background: url(../images/more-button.png) no-repeat top left;
    padding:10px 42px 10px 42px;
    width: 120px;
    
}

div.products-list-item a.more:hover
{
    color:black;
    margin: 11px 0px 0px 11px;
}



/* head */


/* Footer */

.footer_sh
{
    background: #2A2522;
}

.footer{
    width:740px;
	position:relative;
	margin:0px auto;
    min-height:100px;
}

.footer_copy{
    border-top:1px solid #999999;
    color: white;
    position:relative;
    padding: 7px 10px 5px 10px;
}

.footer_bottom
{
    height:200px;
    width:750px;
	position:relative;
	margin:0px auto;
}

.footer_copy a
{
    color:white;
    font-weight: normal;
	position: absolute;
	top:7px; right:10px;
}

.footer_copy a:hover
{
    text-decoration: underline;
}

.footer .developedby{
	position: absolute;
	top:5px; right:10px;
}

.footer_bottom .title
{
    background: url(../images/footer-left-title.png) no-repeat top left;
    padding:8px 0px 0px 15px;
    height:32px;
}

.footer_bottom .title-right
{
    background: url(../images/footer-right-title.png) no-repeat top right;
    color:white;
    font-size: 13px;
    font-weight: bold;
    padding:0px 30px 0px 0px;
}

.contact-box
{
    float:left;
    display: block;
    width: 365px;
    padding: 10px 20px;
    color:white;
}

.facebook-box
{
    float:left;
    display: block;
    width: 300px;
    padding: 10px 20px;
    color:white;
}

.footer_bottom .content
{
    padding:10px 10px 10px 15px;
}

.contact-box a.map
{
    position:absolute;
    left:233px;
    top:110px;
}


/* Menu */

#cssdropdown{
	position: absolute;
	top: 30px; right: 10px;
	height:35px;
}

/* General */
#cssdropdown, #cssdropdown ul { list-style: none; }
#cssdropdown, #cssdropdown * { padding: 0; margin: 0; }

div.like_p{
	width:350px;
	margin-left:23px;
	margin-bottom: 20px;
}


/* Head links */
#cssdropdown li.headlink { width: 110px; float: right; text-align: center;}
#cssdropdown li.headlink a {
	display: block;
	padding: 7px 0px;
	color:white;
}
#cssdropdown li.headlink a:hover, #cssdropdown li.headlink a.sel{
    background: url(../images/menu-hover-bkg.png) no-repeat;
}

/* Child lists and links */
#cssdropdown li.headlink ul { display: none; text-align: left; width: 140px; position: absolute; left:0px;}
#cssdropdown li.headlink:hover ul { display: block;}
#cssdropdown li.headlink ul li a { padding: 5px; height: 17px; background: #D5DE13; border:0px; color:black;}
#cssdropdown li.headlink ul li a:hover { background: #BAC901; }

/* Pretty styling */
#cssdropdown a { color: #595443; text-transform: uppercase; font-weight: bold; }
#cssdropdown ul li a:hover { text-decoration: none; }
#cssdropdown li.headlink {position: relative;}
#cssdropdown li.headlink ul { padding-bottom: 2px; }


#cssdropdown li.headlink div{
	background: #D5DE13;
	top:0px; left:0px;
	position: absolute;
	width:105px;
	height:52px;
}

#cssdropdown li.right_b{
	background: url(../images/menu_r.jpg) no-repeat;
	height:62px; width:17px;
	float: right;
}

#cssdropdown li.left_b{
	background: url(../images/menu_l.jpg) no-repeat;
	height:62px; width:15px;
	float: right;
}

/* slideshow */

#slideshowmask
{
    background: url(../images/slideshow-mask.png) no-repeat;
    width: 751px; height: 245px;
    position: absolute;
    top:0px;
    left:0px;
    z-index:  2;
}

#slideshow2{
	z-index:1;
    width:732px; height: 218px;
    overflow: hidden;
    position:absolute;
    left:5px; top:10px;    
}

div.slideshow{
	position: relative;
	width:750px; height: 290px;
	margin: auto;
	z-index:1;

	_overflow: hidden;
}

div.slideshow .bottcon{
	width:750px;
	position:absolute;
	bottom:0px;left:0px;
	text-align:center;
	padding: 14px 0px 14px 0px;
	
	filter:alpha(opacity=68); 
	-moz-opacity: 0.68; 
	opacity: 0.68;
	khtml-opacity: 0.68;
    z-index: 3;
}

.bottcon a{
    display: inline-block;
	font-size:11px;
	color: #666666;
    background: url(../images/slideshow-buttons.jpg) no-repeat 0px 0px;
    cursor: default;
    width: 29px; height: 29px;
}
.bottcon .selected{
	background: url(../images/slideshow-buttons.jpg) no-repeat -29px 0px;
}

div.slideshow img{
	display: none;
}

div.slideshow img.first{
	display: block;
}

div.slideshow div.round_tl{
	position: absolute;
	top:-2px; left:-2px;
	background: url(../images/slideshow_tl.png);
	width:22px; height: 22px;
	
	display:block !important;
	display:none;
	z-index:2;
}

div.slideshow div.round_tr{
	position: absolute;
	top:-2px; right:-2px;
	background: url(../images/slideshow_tr.png);
	width:22px; height: 22px;
	
	display:block !important;
	display:none;
	z-index:2;
}

div.slideshow div.round_bl{
	position: absolute;
	bottom:-2px; left:-2px;
	background: url(../images/slideshow_bl.png);
	width:22px; height: 22px;
	
	display:block !important;
	display:none;
	z-index:2;
}

div.slideshow div.round_br{
	position: absolute;
	bottom:-2px; right:-2px;
	background: url(../images/slideshow_br.png);
	width:22px; height: 22px;
	
	display:block !important;
	display:none;
	z-index:2;
}

#title_slideshow1{
	position: absolute;
	top:20px; left:0px;
	
	background: url(../images/slideshow_title.png) repeat-y !important;
	background: #C8BB8A;
	
	_filter:alpha(opacity=80);
	
	width:738px;
	
	color:#958448;
	font-size:26px;
	padding: 10px 0px 10px 20px;
	z-index:2;
}

a.arrow_l{
	display: block;
	position: absolute;
	top:75px; left:-30px;
	width:80px; height:80px;
	background: url(../images/slideshow_arrow.png) no-repeat left;
	cursor: pointer;
	

	z-index:2;
}

a.arrow_r{
	display: block;
	position: absolute;
	top:75px; right:-32px;
	width:80px; height:80px;
	background: url(../images/slideshow_arrow.png) no-repeat right;
	cursor: pointer;
	

	z-index:2;
}

a.arrow_l:hover, a.arrow_r:hover{

}

/* text elements */

h1{
	color:#99A508;
	font-size: 16px;
	border-bottom: 1px solid #99A508;
	padding:3px 3px 3px 3px;
	margin:11px 20px 11px 20px;
}

p{
	margin:0px 23px 0px 23px;
}

div.selector{
	position:relative;
	padding:5px 23px 5px 23px;
	

}

div.effect{
	position:absolute;
	top:0px;left:0px;_left:-23px;
	width:100%; height:46px;
	background: #BDC4D4 url(../images/selector_bg.jpg) repeat-x;
	
}

div.selector h2{
	position:relative;
	margin:0px;
	padding:0px 0px 5px 0px;
}

div.selector h2 a{
	color:#C44C00;
	font-size:12px;
}

div.selector span.description{
	position:relative;
}

div.selector div.hover{
	position:absolute;
	top:0px;left:0px;
	width:100%; height:46px;
	cursor: pointer;
	z-index:10;
	
	background: url(../images/selector_bg.jpg) -100px no-repeat;
}

a:hover img{
	/* for IE */
	filter:alpha(opacity=80);
	/* CSS3 standard */
	opacity:0.8;
}

/* Form */

div.left_p{
	float:left;
	width:350px;
	margin-left:23px;
	margin-bottom: 20px;
}

div.right_p{
	float:left;
	width:330px;
	margin-bottom: 20px;
	color:black;
	line-height: 125%;
}

form label{
	color:black;
	font-weight: normal;
	padding:5px 0px 3px 0px;
	display:block;
}

form input{
	background: #F1EEE0 url(../images/form_input.gif) no-repeat;
	border:0px;
	width:186px; height:19px;
	padding:4px;
	color:black;
}

form textarea{
	background: #F1EEE0 url(../images/form_textarea.gif) no-repeat;
	border:0px;
	width:278px; height:99px;
	padding:4px;
	color:#B19F59;
}

form input.button{
	background: #F1EEE0 url(../images/form_input_button.gif) no-repeat;
	width:69px; height:27px;
	font-weight: bold;
	cursor: pointer
}

form input.button:hover{
	color:#99A508;
}

a.button_1{
	background: #F1EEE0 url(../images/form_input_button.gif) no-repeat;
	display:block;
	width:69px; height:17px;
	padding:5px 0px;
	margin-top:5px;
	text-align: center;
	font-weight: bold;
}

/* Form error */

	.formError {
			position:absolute;
			top:300px; left:300px;
			width:150px;
			padding-bottom:15px;
			display:block;
			z-index:10;
		}
			.formError .formErrorContent {
				width:100%; 
				background:#000;
				color:#fff;
				font-family:tahoma;
				font-size:10px;
				box-shadow: 0px 0px 6px #000;
				-moz-box-shadow: 0px 0px 6px #000;
				-webkit-box-shadow: 0px 0px 6px #000;
				padding:4px 10px 4px 10px;
				border-radius: 6px;
				-moz-border-radius: 6px;
				-webkit-border-radius: 6px;
			}
			.formError .formErrorArrow{
				position:absolute;
				bottom:0;left:20px;
				width:15px; height:15px;
				
			}
				.formError .formErrorArrow div{
					box-shadow: 0px 0px 6px #000;
					-moz-box-shadow: 0px 0px 6px #000;
					-webkit-box-shadow: 0px 0px 6px #000;
					font-size:0px; 
				}
				.formError .formErrorArrow .line10{width:15px;height:1px; background:#000;margin:0 auto; font-size:0px; display:block;} 
				.formError .formErrorArrow .line9{width:13px;height:1px; background:#000;margin:0 auto;display:block;} 
				.formError .formErrorArrow .line8{width:11px;height:1px; background:#000;margin:0 auto;display:block;} 
				.formError .formErrorArrow .line7{width:9px;height:1px; background:#000;margin:0 auto;display:block;} 
				.formError .formErrorArrow .line6{width:7px;height:1px; background:#000;margin:0 auto;display:block;} 
				.formError .formErrorArrow .line5{width:5px;height:1px; background:#000;margin:0 auto;display:block;} 
				.formError .formErrorArrow .line4{width:3px;height:1px; background:#000;margin:0 auto;display:block;} 
				.formError .formErrorArrow .line3{width:1px;height:1px; background:#000;margin:0 auto;display:block;} 


/* Dialog */

#dialog_background{
	position:absolute;
	top:0px;left:0px;
	z-index:19;
	width:100%; height:100%;
	background:black;
	display:none;
		/* for IE */
	filter:alpha(opacity=0);
	/* CSS3 standard */
	opacity:0;
}

/* Gallery */

div.gallery{
	padding: 0px 23px 5px 23px;
	position: relative;
    width:720px;
    margin:auto;
    border-top: 1px solid #999999;
}

div.gallery a{
	display:block;
	float:left;
	position:relative;
	padding:10px 6px;
}

div.gallery img{
	width:160px; height:120px;
	border:2px solid #BDCA08;
	padding:2px;
	background: #F8F7F2;
}

div.gallery div.more, div.gallery div.lower{
	position:absolute;
	bottom:0px; left:186px;
	background:#D2C79E;
	display: none;
	width:398px; height:12px;
	padding: 5px 0px;
	background: #ECE8D7 url(../images/gallery_updown.gif) no-repeat 0px -24px;
	border:1px solid #BDCA08;
	text-align:center;
	vertical-align: middle;
	color: #B19F59;
	font-weight: bold;
	/* for IE */
	filter:alpha(opacity=80);
	/* CSS3 standard */
	opacity:0.8;
	cursor: pointer;
}

div.gallery div.lower{
	background: #ECE8D7 url(../images/gallery_updown.gif) no-repeat 0px 0px;
}