﻿img,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin: 0; padding: 0; }

img, a img,:link img,:visited img { border: none; }

a
{
  outline: none;
}

body {
  margin: 0;
  padding: 0;
  font-family: Arial, Verdana, sans-serif;
  width: 100%;
}

#container {
  width: 980px;
  margin-left: auto;
  margin-right: auto;
}

/*================anchors&lists&h1-h6======*/

.intro h1 , .body h1 {
  font-size: 20px;
}

.intro h2 , .body h2 {
  font-size: 17px;
}

.intro h3 , .body h3 {
  font-size: 15px;
}

.intro h4 , .body h4 {
  font-size: 13px;
}

.intro h5 , .body h5 {
  font-size: 12px;
}

.intro h6 , .body h6 {
  font-size: 11px;
}



.article .intro ul , .news .intro ul {
  float:left;
  font-size:13px;
  list-style:none;
  width: 430px;
  float: left;
}

.article .body ul , .news .body ul {
  color:#3D3119;
  float:left;
  font-size:13px;
  list-style:none;
  width: 515px;
  float: left;
}

.article .intro ul li , .news .intro ul li , .article .body ul li , .news .body ul li {
  color: #3D3119;
  line-height: 20px;
  padding-left: 12px;
  background: url(../images/li-brown.gif) no-repeat left;
}

.article .intro ul li a , .news .intro ul li a , .article .body ul li a , .news .body ul li a {
  color: #6D4905;
  /*float: left;*/
  line-height: 20px;
  /*padding-left: 12px;
  background: url(../images/li-brown.gif) no-repeat left;*/
  text-decoration: none;
}

.intro a, .body a {
  text-decoration: underline;
  color: #6D4905;
}

/*======================header====================*/

#header {
  width: 980px;
  height: 81px;
  float: left;
  margin: 5px 0 0 0;
  background: #fff url(../images/header_line.gif) repeat-x;
}

.logo1 {
  float:left;
  margin: 0;
  border: 0;
  margin-top: 1px;
}

.logo2 {
  float:left;
  margin: 0;
  border: 0;
  margin-top: 40px;
  margin-left: 8px;
}

/*===============menu========================*/
.gy-cms-mainmenu ul {
  float: left;
  width: 840px;
  list-style: none;
}

.gy-cms-mainmenu ul li {
  float:left;
  font-size:13px;
  font-weight:bold;
  margin-right:0px;
  line-height: 40px;
  padding:0;
  text-align:center;
}

.gy-cms-mainmenu ul li a {
  color: #524f2a; 
  text-decoration: none;
  padding:0 10px;
  display:block;
}

.gy-cms-mainmenu ul li a:hover {
  /*color: #d9b470;*/
  text-decoration: none;
  background:#F6F5F0
}

.slideshow {
  float: left;
  width: 980px;
  height: 279px;/*346px;*/
}

.buy {
	float:right;
	font-size:15px;
	font-weight:bold;
	height:28px;
	line-height:27px;
	margin:5px 0 0;
	padding:0;
	text-align:center;
  width:139px;
}

/*.shop-middle {
  float:right;
  font-size:15px;
  font-weight:bold;
  height:28px;
  line-height:27px;
  margin:5px 0 0;
  padding:0;
  text-align:center;
  width:139px;
}*/

.shop-left , .shop-right {
  float: left;
  display: inline;
  margin: 0;
  padding: 0;
  width: 5px;
  height: 28px;
}

.shop-left {
  background: url("/images/shop-left.gif") no-repeat;
}

.shop-right {
  background: url("/images/shop-right.gif") no-repeat
}

.buy a {
  color: #fefaf2;
  text-decoration: none;
  width:129px;
  height: 28px;
  background-color:#aa8a4d;
  float: left;
}

.buy a:hover {
  color: #524f2a;
  text-decoration: none;
}

/*=============content-homepage=========*/
#content {
  float: left;
  width: 980px;
  margin: 0;
}

.homepage-slots {
  float: left;
  width: 980px;
  margin-top: 25px;
}

html>body .homepage-overons {
  height: auto
}

.homepage-overons {
  float: left;
  width: 316px;
  min-height:240px;
  height:240px;
  margin: 0px;
  margin-right: 40px;
}

.homepage-overons .title-overons , .homepage-news .title-news , .homepage-helpdesk .title-helpdesk {
  float: left;
  width: 316px;
  margin-bottom: 10px;
  background: url(../images/three_strip.gif) repeat-x;
}

.homepage-helpdesk .title-helpdesk {
  width: 267px;
}

.title-overons h3 a , .title-news h3 a , .title-helpdesk h3 a {
  background: #fff;
  padding-right: 10px;
  float: left;
  color: #625e34;
  font-size: 20px;
  font-weight: bold;
  text-decoration: none;
}

.title-overons b , .title-news b , .title-helpdesk b {
  background: url(../images/three_strips.gif) no-repeat;
  float: left;
  width: 20px;
}

.intro-overons {
  margin:5px 0 0 0;
  padding-bottom:10px;
  color: #392f1d;
  font-size: 12px;
  width: 316px;
  line-height: 18px;
  float: left;
  background: url(../images/border-bottom-grey.gif) repeat-x bottom;
}

.homepage-overons .read-more , .homepage-news .read-more , .homepage-helpdesk .read-more {
  float:left;
  font-size:12px;
  margin-bottom:11px;
  margin-top:11px;
  text-align:right;
  font-weight: bold;
  width:316px;
}

.homepage-helpdesk .read-more {
	width:267px;
}



.read-more a {
  background: url(../images/arrows.gif) right no-repeat;
  color:#645333;
  padding-right:26px; 
  text-decoration:none
  
} 

.read-more a:hover {
  background-color:#F6F5F0;
  text-decoration:underline;
}

html>body .homepage-news {
  height: auto
}

.homepage-news {
  float: left;
  width: 317px;
  min-height:240px;
  height:240px;
  margin: 0px;
  margin-right: 40px;
}

.news-list {
  float:left;
	list-style:none;
	margin:0;
	padding:0;
	width:317px;
}

.news-child {
  float:left;
  color: #392f1d;
  margin:0;
  font-size: 12px;
  line-height: 28px;
  padding-left: 12px;
  background: url(../images/li-green.gif) no-repeat left;
}

.title-new a {
  float:left;
  width: 303px;
  padding-left: 2px;
  color: #392f1d;
  text-decoration: none;
  background: url(../images/border-bottom-grey.gif) repeat-x bottom;
}

.title-new a:hover {
  /*background-color: #ecead2;*/
  text-decoration: underline;
}


html>body .homepage-helpdesk {
  height: auto
}

.homepage-helpdesk {
  float: left;
  width: 267px;
  min-height:240px;
  height:240px;
  margin: 0px;
}

.header-text-helpdesk , .bottom-text-helpdesk , .middle-text-helpdesk {
  float: left;
  width: 267px;
  background: url(../images/border-bottom-grey.gif) repeat-x bottom;
}

.header-text-helpdesk p {
  margin:5px 0 11px;
  color: #392f1d;
  font-size: 12px;
  width: 267px;
  line-height: 18px;
}

.bottom-text-helpdesk p {
  margin:4px 0 11px;
  color: #392f1d;
  font-size: 11px;
  width: 267px;
  line-height: 18px;
}

.middle-text-helpdesk p {
  padding:5px 0 9px;
  color: #392f1d;
  font-size: 13px;
  width: 234px;
  line-height: 18px;
  float: left;
  display: inline;
}

.middle-text-helpdesk strong {
  /*float: left;*/
}

.middle-text-helpdesk img {
  float: left;
  margin-left:3px;
  margin-right:7px;
  margin-top:4px;
}

/*==================article===============*/

.article {
  float:left;
	margin:0;
	width:980px;
}

.intro-article , .intro-news {
  color:#3D3119;
  float:left;
  font-size:13px;
  margin-right:35px;
  width:430px;
}

.body-article , .body-news {
	color:#3D3119;
	float:right;
	font-size:13px;
	margin-bottom:10px;
	width:515px;
}

.gy-cms-images-list .image-ul    {list-style: none;padding: 0;margin: 0;}
.gy-cms-images-list .image-ul .image-li {padding: 0;margin: 0;}


.article .gy-cms-images-list .image-ul img , .intro-news .gy-cms-images-list .image-ul img {
	float: left; 
	margin-right:15px;
  /*margin-top:20px;*/
    margin-top:6px;
    /*display: inline;*/
}

.intro-article .intro , .body-article .body , .intro-news .intro , .body-news .body {
  line-height:22px;
  margin: 0;
  margin-bottom:15px;
 /* margin-top:15px;
  display: inline;*/
}

.title-of-category {
  width: 958px;
  height: 45px;
  float: left;
  background: #f6f5f0;
  line-height: 45px;
  padding-left: 10px;
  padding-right: 12px;
  font-size: 20px;
  margin-bottom: 15px;
}

.title-of-category h1 {
  float: left;
  color: #635332;
  font-weight: bold;
  font-size:20px;
}

.title-of-category h2 {
  float: right;
  color: #907848;
  font-weight: normal;
  letter-spacing: -1px;
  font-size:20px;
}

/*===============product=================*/

.products {
  float:left;
  margin:0;
  width:980px;
}

.product {
  float:left;
	padding-bottom:20px;
	width:490px;
}

.product .gy-cms-images-list img {
	border:2px solid #e9e7d3;
	float:left;
	height:81px;
	/*margin-right:5px;*/
	margin-top:2px;
	padding:2px;
	text-align:center;
	width:81px;
	
	margin-right: 15px;
	
}

.gy-cms-images-list {
  float: left;
}

.download .image .gy-cms-images-list {
	float: none;
} 

.product-title {
  /*float: left;*/
  width: 360px;
}

.product-title , .more {
  width:360px;
  /*float: left;*/
  
}

.product-title a , .more a , .li-news .title a {
  color:#635332;
	/*float:left;*/
	font-size:13px;
	font-weight:bold;
	line-height:22px;
	/*margin-left:15px;*/
	text-decoration:none;
	display: inline;
}

.product-title a:hover {
  background-color:#F6F5F0;
  text-decoration:underline;
}

.product-body {
  color:#635332;
	/*float:left;*/
	font-size:11px;
	font-weight:normal;
	height:48px;
	line-height:16px;
	/*margin-left:15px;*/
	margin-top:2px;
	
	/*+*/ 
	padding-right:15px; 
	/*width:325px;*/
}

.product-body a {
  text-decoration: underline;
}

.more a {
  color:#B39861;
  margin-top:2px;
  border-bottom:0px solid #666
}
.more a:hover {
  color:#B39861;
  margin-top:2px;
  background-color:#F6F5F0;
  border-bottom:1px solid #ccc
}

/*=============news====================*/

.news {
  float:left;
  margin:0;
  width:980px;
}

.ul-news {
  list-style-type: none;
}

.li-news {
	float:left;
	font-size:13px;
	margin-top:15px;
	padding-bottom:20px;
	width:490px;
}

.date {
  float: left;
  width: 56px;
  height: 66px;
  background-color: #fff;
  margin-top: 2px;
  margin-right: 15px;
}

.day {
  height: 28px;
  float: left;
  width: 56px;
  color: #635332;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  background-color: #f6f5f0;
}

.month {
  float: left;
  height: 19px;
  width: 56px;
  color: #635332;
  font-size: 11px;
  font-weight: regular;
  text-align: center;
  background-color: #f6f5f0;
}

.year {
  float: left;
  width: 56px;
  height: 19px;
  line-height: 19px;
  background-color: #635332;
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  text-align: center;
}

html > body .li-news .title {
	height:auto;
}

.li-news .title {
	float:left;
	width:360px;
	height:48px;
  min-height:48px;
}

/*====================helpdesk=============*/

.helpdesk-email-address {
  float:left;
  margin:0 35px 17px 0;
  width:267px;
}

.helpdesk-address-address {
  float:left;
  margin:0 32px 17px 48px;
  width:220px;
}

.helpdesk-address-address {
  width:220px;
}

.all-helpdesk-text-email , .all-helpdesk-text-address {
  background:transparent url(../images/border-bottom-grey.gif) repeat-x scroll center bottom;
  float:left;
  width:267px;
  padding-bottom: 10px;
  /*margin-bottom:17px;*/
}

.all-helpdesk-text-address {
  width: 184px;
  /*margin-bottom:17px;*/
  padding-bottom:18px;
}
  

.all-helpdesk-text-email .title-strong , .all-helpdesk-text-address .title-strong {
  float: left;
  font-size: 14px;
  font-weight: bold;
  color: #645333;
  margin: 26px 0 9px 0;
  width: 267px;
}

.all-helpdesk-text-address .title-strong {
  margin: 8px 0 15px 0;
  width: 184px;
}

.helpdesk-text-email , .helpdesk-text-address {
  width: 267px;
  font-size: 12px;
  line-height: 22px;
  color: #3d3119;
}

.helpdesk-text-address {
  width: 184px; 
}

.helpdesk-text-email a.mail , .helpdesk-text-address a.mail {
  color: #de7500;
  text-decoration: none;
} 

.helpdesk-text-address a.web {
  color: #3d3119;
  text-decoration: none;
}

.helpdesk-text-address a.web:hover {
  color: #3d3119;
  text-decoration: underline;
}

.contact .map {
  float: right;
  width: 366px;
  height: 249px;
  border: 3px solid #E9E7D3;
  margin-top: 10px;
  padding: 2px;
}

/*==============download===============*/

.download-info-1 , .download-info-2 {
  float: left;
  width: 490px;
}

.general-downloads  .download {
  float: left;
  width: 490px;
  font-size: 13px;
  padding-bottom: 20px;
}

.general-downloads .download .image {
	background-color:#fff;
	border:3px solid #f6f5f0;
	float:left;
	height:40px;
	margin-top:2px;
	padding:2px;
	text-align:center;
	width:140px;
  /*border:2px solid #E9E7D3;
  padding:2px;*/
}

.download-title {
	  color:#635332;
	float:left;
	font-size:14px;
	font-weight:bold;
	line-height:22px;
	margin-left:15px;
	text-decoration:none;
	width:245px;
}

.download-link a {
	color:#DE7500;
	float:right;
	font-size:12px;
	font-weight:bold;
	margin-right:15px;
	margin-top:2px;
	text-decoration:underline;
}
.download-link a:hover {
  background-color:#F6F5F0
}
.downloads {
  float: left;
  width: 490px;
  font-size: 13px;
  padding-bottom: 20px;
}

.general-downloads .download .download-body {
  color:#635332;
	float:left;
	font-size:11px;
	font-weight:normal;
	line-height:16px;
	margin-left:15px;
  width:325px;
}

.downloads .download-title-download {
  color:#AE832E;
  float:left;
  font-size:14px;
  font-weight:bold;
  line-height:22px;
  width:470px;
  padding-left:20px;
}

.downloads .download .download-title-update {
	color:#635332;
	float:left;
	font-size:12px;
	font-weight:normal;
	line-height:20px;
  width:370px;
  padding-left:20px;
}
	
.downloads .download .download-title-update strong {
	color:#DE7500;
	font-size:11px;
	font-weight:normal;
}	
	
	
/*==============form===================*/

.contact h3 {
	color:#645333;
	float:left;
	font-size:17px;
	font-weight:bold;
	margin:6px 0 9px;
	width:980px;
}

.contact .title-of-category h2 a {
  /*float: right;*/
  color: #907848;
  font-weight: normal;
  letter-spacing: -1px;
  font-size:20px;
  background: url("/images/big_arrow.gif") right no-repeat;
  padding-right:25px; 
  text-decoration: none;
}

.contact .title-of-category h2 a:hover {
  text-decoration: underline;
}


.form-space {
  float: left;
  width: 980px;
}

hr {
  background-color:#aa8a4d;;
	border:1px none;
	color:#aa8a4d;;
	height:1px;
}

.gyFormRow {
  float: left;
  width: 980px;
}

.gyFormRowSubmit {
  float: left;
  width: 388px;
  border:0;
}

.contact form label {
	color:#3D3119;
	font-size:12px;
	line-height:22px;
	width:120px;
	float: left;
}

.contact form select {
  background-color:#F6F5F0;
	border:1px solid #E9E7D3;
	height:22px;
	margin:0 0 7px;
	padding:0;
	width:267px;
}

.contact form input {
  background-color: #f6f5f0;
  width: 265px;
  height: 22px;
  margin:0;
  padding:0;
  margin-bottom: 7px;
  border: 1px solid #E9E7D3; 
}

.contact form textarea {
  background-color: #f6f5f0;
  width: 265px;
  height: 100px;
  margin:0;
  padding:0;
  margin-bottom: 7px;
  border: 1px solid #E9E7D3; 
}

.contact form .button {
  float: right;
}

.contact form .form-button-left , .contact form .form-button-right {
  display:inline;
	float:left;
	height:22px;
	margin:0;
	padding:0;
	width:6px;
}

.contact form .submit {
  background:url("/images/form-button-middle.gif") repeat-x;
  width: 83px;
  float: left;
  height: 22px;
  color: #fff;  
  border: 0; 
  cursor:pointer
}

.contact form .form-button-left {
  background:url("/images/form-button-left.gif") no-repeat;
}

.contact form .form-button-right {
  background:url("/images/form-button-right.gif") no-repeat;
}

.contact .gyFormErrors li {
  list-style: none;
  color: #f00;
  font-size: 11px;
  border:1px dotted red;
	float:left;
	padding:2px;
	width:261px;
	border-left:0;
	border-right:0;
	margin: 0 0 5px 121px;
	display: inline;
}

.form-confirmation p {
  color: #635332;
  font-size: 16px;
  margin-top: 17px;
  margin-left: 10px;
}


/*==============search==================*/

.search-form-top {
  float: right;
  margin-top: 40px;
  width:240px;
}

.search-left {
  float: left;
  width: 6px;
  height: 23px;
  background: url("/images/search-left.gif") no-repeat;
}

.search-middle input {
  float: left;
  width: 146px;
  height: 23px;
  background: url("/images/search-middle.gif") repeat-x;
  border: 0;
  padding-top: 4px;
  font-size: 12px;
  color: #6d4905;
}

.search-right {
  float: left;
  width: 6px;
  height: 23px;
  background: url("/images/search-right.gif") no-repeat;
}

.search .submit , .search-form .submit {
	float: left;
	background: url("/images/search.gif") no-repeat;
	width: 67px;
	height: 23px;
	border: 0;
	margin: 0;
	margin-left: 10px;
	padding: 0;
	cursor:pointer;
}

.search-form {
	float:right;
	margin-top:24px;
	width:238px;
}

.no-results {
	float:left;
	margin:0;
	width:238px;
}

.search h2 {
  color:#6D4905;
	float:left;
	font-size:24px;
	font-weight:bold;
	margin-top:17px;
	width:701px;
}

.search h2 strong {
	font-style:italic;
	font-weight:normal;
}

.results {
  font-size: 14px;
  color: #6D4905;
  float: left;
  margin-top: 17px;
  width: 980px;
}

.results ul {
  font-size: 14px;
  color: #6D4905;
  float: left;
  width: 980px;
  list-style: none;
}

.results ul li {
  width: 980px;
  float: left;
}

.results ul li a {
  color: #6D4905;
  float: left;
  line-height: 20px;
  padding-left: 12px;
  background: url(../images/li-green.gif) no-repeat left;
  text-decoration: none;
}

.results ul li a:hover {
	text-decoration: underline;
}

.pager {
	float:left;
	margin-top:20px;
	/*padding-left:12px;*/
	width:968px;
}

.pager a {
  outline: none;
}

.pager a {
  color:#6D4905;
  float:left;
  font-size:14px;
  font-weight:bold;
  border: 1px solid #cdb17c;
  border-bottom: 2px solid #6D4905;
  text-decoration: none;
  margin-right:3px;
  text-align:center; 
  width:15px;
}

.pager a:hover {
  color: #fff;
  background-color: #6d4905;
}

.pager p {
  color:#6D4905;
  float:left;
  margin:0;
  font-size:14px;
  font-weight:bold;
  border: 1px solid #cdb17c;
  border-bottom: 2px solid #6D4905;
  margin-right:3px;
  text-align:center;
  width:15px;
}

.pager .minus {
  border: 0;
}

.pager .active-pager {
  color: #fff;
  background-color: #6d4905;
}

.pager .one-right {
  background: url("/images/search-one-right.gif");
  width: 15px;
  height: 16px;
  margin-left:2px;
}

.pager .menu-right {
  background: url("/images/search-menu-right.gif");
  width: 15px;
  height: 16px;
}

.pager .one-left {
  background: url("/images/search-one-left.gif");
  width: 15px;
  height: 16px;
  margin-right:5px;
}

.pager .menu-left {
  background: url("/images/search-menu-leftt.gif");
  width: 15px;
  height: 16px;
}

.pager .one-right:hover {
  background: url("/images/search-one-right-white.gif");
  width: 15px;
  height: 16px;
}

.pager .menu-right:hover {
  background: url("/images/search-menu-right-white.gif");
  width: 15px;
  height: 16px;
}

.pager .one-left:hover {
  background: url("/images/search-one-left-white.gif");
  width: 15px;
  height: 16px;
}

.pager .menu-left:hover {
  background: url("/images/search-menu-leftt-white.gif");
  width: 15px;
  height: 16px;
}



/*==============footer==================*/

#footer {
  float: left;
  width: 980px;
  height: 117px;
  color: #383838;
  background: #fff url(../images/footer_line.gif) repeat-x;
  margin: 20px 0;
}

#footer  .link {
  float: left;
}

#footer  .link a {
  color: #272727;
  float: left;
  font-size: 20px;
  font-weight: bold;
  margin: 20px 0 0 2px;
  text-decoration: none;
}

#footer .data {
  float: right;
  width: 360px;
}

#footer .data  a img {
  float: left;
  margin-top:10px;
}

#footer .data .text {
  float: right;
  width: 290px;
  margin: 20px 0 0 0;
  font-size: 11px;
}

#footer .data .title {
  float: left;
  width: 288px;
  font-size: 25px;
  font-weight: bold;
  letter-spacing: -1px;
}

#footer .data span {
  color: #a18144;
}

#footer .data .numbers {
  float: left;
  font-size: 11px;
  color: #1f1f1f;
  font-weight: normal;
  margin: 5px 0 0 2px;
  display: inline;
}

#footer .data .numbers a {
  color: #1f1f1f;
  text-decoration: none;
}
  
#footer .data .numbers a:hover {
  text-decoration: underline;
}
  

#footer .data .numbers strong {
  margin: 0 5px;
  color: #1f1f1f;
}

/*==================map=========*/

#map div span,#map div a {
  font-size: 8px;
}


/*==================slideshow=========*/
div.slideshow {
  float: left;
  width: 980px;
  height: 279px;/*346px;*/
  background-image: url(/images/border.gif);
  /*padding-left:9px;*/
}

div.slideshow img { 
  width:980px;
  height: 279px;/*346px;*/
}

div.slideshow #gy_slideshow span.gy_slide {
  width:980px;
  height: 279px;/*346px;*/
}

.gyFormRow label span {color: #AA8A4D; font-weight: bold;}