﻿/* RESET
----------------------------------------------------------------------------*/
*{
	margin: 0;
	padding: 0;
	/* border: none; */ 
	outline: none;
	text-decoration:none;
}

body { margin: 0 auto; background: #fff url('../images/bg.gif') repeat-x center top; font-family:  Tahoma, sans-serif; font-size: 11px; }
#wrap { width: 912px; margin: 0 auto; overflow: hidden; }

img {border:0;}


/* HEADER
---------------------------------------------------------------------------*/
#header { width: 912px; overflow: hidden; }
ul#language { list-style: none; width: 902px; height: 23px; padding: 16px 10px 0 0; line-height: 10px; text-align: right; }
ul#language li { display: inline; padding: 0 8px; background: url(../images/language-li.gif) no-repeat 0 2px; }
ul#language li:first-child { background: none; }
ul#language li a { color:#C8C8C8; }
ul#language li a:hover,
ul#language li a.active { color:#3C3C3C !important; }
#panel-admin { width: 912px; height: 82px; }
#logo { float: left; width: 302px; height: 38px; background: url(../images/logo.jpg) no-repeat left top; text-indent: -10001px; }
#logout { float: right; width: 353px; height: 69px; padding: 13px 0 0 0; }
#logout p.inp-text { float: left; padding: 0 6px 0 0; }
#logout p.inp-text input { width: 151px; height: 20px; padding: 3px 5px 0 5px; border: 1px solid #E8E8ED; color:#9A9A9A; text-align: center; }
#logout p#logout-button { float: left; }
#logout p#logout-button input { width: 11px; height: 25px; background: url(../images/logout-button.gif) no-repeat left top; color:#fff; cursor: pointer; }
#logout a { display: inline; float: right; margin: 4px 23px 0 0; color:#C8C8C8; }
#logout a:hover { text-decoration: underline; }
#login { float: right; height: 71px; padding: 11px 0 0 0; }
#login a:hover { color:#3C3C3C; }
#login ul { list-style: none; height: 34px; background: url(../images/login-ul.gif) repeat-x left bottom; }
#login ul li { padding: 5px 0 0 0; display: inline; float: left; margin: 0 6px 0 0; }
#login ul li a { color:#9A9A9A; }
#login ul li:first-child { border: 1px solid #E8E8ED; height: 23px; padding: 0 8px 0 8px; }
#login ul li:first-child a { float: left; padding: 5px 0 0 20px; background: url(../images/login-a.gif) no-repeat 0 3px; }
#login ul li:first-child a span { color:#E95F16; }
a#massage { float: left; width: 85px; height: 15px; margin: 7px 0 0 0; padding: 0 0 0 20px; background: url(../images/massage.gif) no-repeat left top; color:#9A9A9A; }
a#account { float: left; width: 65px; height: 15px; margin: 6px 0 0 0; padding: 0 0 0 20px; background: url(../images/account.gif) no-repeat left top; color:#9A9A9A; } 
a#massage span { color:#E95F16; }
#nav { width: 912px; height: 50px; background: url(../images/nav-bg.gif) repeat-x left top; }
#nav ul { list-style: none; }
#nav ul li { float: left; background: url(../images/nav-li.gif) no-repeat 0 19px; }
#nav ul li:first-child { background: none; }
#nav ul li a { float: left; padding: 17px 55px 0 55px; color:#3C3C3C; font-size: 14px; font-weight: bold; font-family: Vedana, sans-serif; text-transform: capitalize; }
#nav ul li a:hover,
#nav ul li a.active { background: url(../images/nav-a.gif) no-repeat center top; color:#E95F16; }
#change-img { position: relative; width: 912px; height: 264px; }
#change-bg { position: absolute; top: 99px; left: 0; width: 420px; height: 61px; padding: 10px 0 0 17px; background-color: #000; opacity: 0.30; }
#change-text p { position: absolute; top: 109px; left: 17px; width: 420px; color:#ffffff; font-family: Verdana, sans-serif; font-size: 20px; }

#logout-button input 
{
	border: 0px;
}

/* INFO HORIZONTAL
--------------------------------------------------------------------------*/
#info-horizontal { width: 892px; height:34px; padding: 0 20px 0 0; border-bottom: 1px solid #DADADA; }
#info-horizontal ul { float: left; list-style: none; padding: 0 0 0 6px; }
#info-horizontal ul li { float: left; padding: 11px 8px 0 13px; background: url(../images/info-horizontal-li.gif) no-repeat 0 14px; }
#info-horizontal ul li:first-child { background: none; }
#info-horizontal ul li a { color:#414141; }
#info-horizontal ul li:first-child a { color:#9A9A9A; }
#info-horizontal ul li a:hover { text-decoration: underline; }
a#fast-contact { display: inline; float: right; padding: 0 20px 0 0; margin: 13px 0 0 0; background: url(../images/fast-contact.gif) no-repeat right 3px; color:#9A9A9A; text-align: right; }
a#fast-contact:hover { text-decoration: underline; }
a#print-preview { display: inline; float: right; padding: 0 20px 0 0; margin: 13px 0 0 0; background: url(../images/printer.gif) no-repeat right 2px; color:#9A9A9A; text-align: right; }
a#print-preview:hover { text-decoration: underline; }	
	
/* CONTENT
--------------------------------------------------------------------------*/
#content { float: left; width: 569px; padding: 0 20px 0 20px; overflow: hidden; }
#content h1 { float: left; margin: 30px 0 0 0; font-family: Arial, sans-serif; font-size: 18px; color:#E95F16; }
#content p { float: left; padding: 15px 0 0 10px;margin-right:20px; width: 549px; text-align: justify; color:#5F4B23; line-height: 16px; overflow: hidden; }
#content p img { display: inline; float: left; margin: 0 10px 0 0; border: 1px solid #DEDEDE; padding: 2px; background: #fff; }
#content ol { float: left; padding: 20px 0 0 0; list-style: none; width: 569px }
#content ol li { padding: 0 0 0 13px; background: url(../images/content-li.gif) no-repeat 0 8px; color:#5F4B23; line-height: 20px; }
/* SIDEBAR
--------------------------------------------------------------------------*/
#sidebar { display: inline; float: left; width: 263px; padding: 20px; margin: 12px 0 14px 0; background: #F8F7F7; overflow: hidden; }
#sidebar h2 { color:#5F4B23; font-weight: bold; font-size: 18px; font-family: Arial, sans-serif; }
#sidebar img { display: block; margin: 20px 0 0 0; border: 1px solid #DEDEDE; padding: 2px; background: #fff; }
#sidebar p { width: 263px; padding: 7px 0 0 0; text-align: justify; color:#5F4B23; line-height: 16px; }
#sidebar p span { display: block; color:#E95F16; font-weight: bold;}
a.read-more { font-weight: bold; color:#5F4B23; height: 15px; margin: 15px 0 0 173px; padding: 0 0 0 10px; background: url(../images/read-more.gif) no-repeat 0 5px; text-decoration: underline; }
a.read-more:hover { text-decoration: none; }
	
/* PAGE
--------------------------------------------------------------------------*/
#page { width: 892px; padding: 30px 0 30px 20px; float: left; }
#page h1 { color:#E95F16; font-family: Arial, sans-serif; font-size: 18px; font-weight: bold; }
#page p#full-text { float: left; padding: 10px 0 0 0; width: 872px; text-align: justify; color:#5F4B23; line-height: 16px; }	
#page .products_price {text-align:right;}
#page div{color:#5F4B23;text-align:justify;}
#page p {color:#5F4B23;text-align:justify;padding-right:20px;}
#page  ul {margin-left:40px;}	
ul#gallery { list-style: none; padding: 20px 0 0 0; overflow: hidden; }
ul#gallery li { display: inline; float: left; border: 1px solid #E3E3E3; padding: 2px; margin: 0 15px 0 0; background: #fff; }
ul#gallery li a,
ul#gallery li a img { float: left; }
a#adress { float: left; margin: 15px 0 0 0; color:#E95F16; text-decoration: underline; }
a#adress:hover { text-decoration: none; }
.page-box { float: left; width: 280px; padding: 20px 15px 0 0; overflow: hidden; }
.page-box p { color:#5F4B23; line-height: 16px; text-align: justify; }
.page-box p img { display: block; border: 1px solid #E3E3E3; padding: 2px; margin: 10px 0 0 0; background: #fff; }
#page .offer-title {text-decoration: underline;float:left;width:220px;}
#page .offer-price {float:left;float:right;} 
#page #offer-row1 {width:410px;float:left;}
#page #offer-row2 {float:left;width:410px;margin-left:40px;}
#page #contact-row1 {width:300px;float:left;}
#page #contact-row2 {width:300px;float:left;}

.page-box-min { float: left; width: 200px; padding: 20px 15px 0 0; overflow: hidden; }
.page-box-min p { color:#5F4B23; line-height: 16px; text-align: justify; }
.page-box-min p img { display: block; border: 1px solid #E3E3E3; padding: 2px; margin: 10px 0 0 0; background: #fff; }

.page-box-max { float: left; width: 440px; padding: 20px 15px 0 0; overflow: hidden; }
.page-box-max p { color:#5F4B23; line-height: 16px; text-align: justify; }
.page-box-max p img { display: block; border: 1px solid #E3E3E3; padding: 2px; margin: 10px 0 0 0; background: #fff; }

.clear {clear:both;}

ul.customers-list {margin:0 0 0 50px;padding-top:10px;list-style-type:none;float:left;width:200px;}
ul.customers-list li {margin:10px 0;background:url(../images/list.png) left center no-repeat;padding-left:12px;}
ul.customers-list li a {color:black;}
ul.customers-list li a:hover {color:#e95f16;}
img#customers {float:right;margin-right:10px;}


	
input, select, textarea 
{
}

.captcha
{
	width: 90px !important;
	margin-right: 6px;
}

.contact-form label 
{
	display: block;
	float: left;
	width: 170px;
	margin-right: 3px;
}

.contact-form input,
.contact-form select, 
.contact-form textarea 
{
	width: 200px;
	float: left;
	display: block;
}


.contact-form li 
{
	display: block;
	margin: 3px 0px;
	float: left;
	clear: both;
}
.contact-form ul 
{
	list-style-type: none;
	margin-left: 0px !important;
}

.contact-form ul li ul li
{
	display: block;
	float: none;
}
	
.error_list
{
	color: red;
	padding: 3px 3px 3px 30px;
	margin: 2px 2px 6px;
}

input.error
{
	color: red;
	font-weight: bold; 
}

#contact-box1 {
	width:440px;float:left;
}

#contact-box1 #sub1 {
	float:left;width:270px;
}
#contact-box1 #sub2 {
	float:left;
}
#contact-box1 #customers {
	text-align:center;
}
#contact-box1 #customers a {		
	color:#5f4b23;	
}
#contact-box1 #customers a:hover {
	color:#e95f16;	
}
.contact-form {
	width: 380px;padding-top:0;margin-left:50px;float:left;
}
		
	
/* FOOTER
--------------------------------------------------------------------------*/
#footer { float: left; clear: both; width: 872px; height: 31px; margin: 0 0 17px 0; padding: 13px 20px 0 20px; background: #E95F16; }
#footer p { float: left; color:#fff; line-height: 16px; }
#footer p a { display: inline; float: left; width: 129px; height: 16px; background: url(../images/logo-footer.jpg) no-repeat left top; text-indent: -10001px; }
#footer p span { float: left; }
#footer ul { list-style: none; float: right; text-align: right; }
#footer ul li { float: left; padding: 3px 7px 0 7px; background: url(../images/footer-li.gif) no-repeat 0 6px; }
#footer ul li:first-child { background: none; }
#footer ul li a { color:#fff; }
#footer ul li a:hover { text-decoration: underline; }
	

