/* CSS document */
* {
  margin: 0;
  padding: 0;
  outline:0;
  border:0;
}
html {
  height: 100%;
}
body {
  font: 12px/18px Arial, Tahoma, Verdana, sans-serif;
  width: 100%;
  height: 100%;
  color:#000000;
  text-align:center;
}
.bg {
  background: #3a540e url('img/bg.gif') repeat 0 0;
}
a {
  color:#0090e2;
  outline: none;
  text-decoration: underline;
}
a:hover {
  text-decoration: none;
}
:focus {
  outline:0;
}
p {
  margin: 0 0 10px;
}
h1, .style1 {
  font:normal 24px/24px Arial, Tahoma, Verdana, sans-serif;
}
h2, .style2 {
  font:bold 16px/24px Arial, Tahoma, Verdana, sans-serif;
}
h3, .style3 {
  font:bold 14px/24px Arial, Tahoma, Verdana, sans-serif;
}
ul {
  list-style:none;
}
img {
  border: none;
}
input {
  vertical-align: middle;
  border:1px solid #e5e5e5;
}
input[checkbox] {
  border:none;
}
.wrapper1 {
  width: 100%;
  margin: 0 auto;
  padding:10px 0;	
  background: transparent url('img/grad.png') repeat-x 0 0;  
}
.wrapper2 {
  width: 990px;
  margin: 0 auto;
  position:relative;
  text-align:left;
  background:#ffffff;	
  border: 0 solid #ffffff;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;	
}

/*||| for demo.artelx.ru |||*/
.demosite_wrap {
  position:absolute;
  top:0;
  right:30px;
}
.demosite_wrap_bottom {
  position:absolute;
  bottom:0;
  right:30px;
}
.demosite_wrap a, .demosite_wrap_bottom a {
  text-decoration:none;
  cursor:pointer;
}
.demosite_wrap a span, .demosite_wrap_bottom a span {
  font-size:12px;
  font-weight:bold;
  color:#fff;
  text-decoration:none;
  margin:5px;
  padding:0 5px;
  float:left;
  background:#f91b04;
}

/*||| Header |||*/
.header {
  width:990px;
  height: 106px;
  position:relative;
}
.header .lang {
  width:65px;
  height:11px;
  position:absolute;
  top:50px;
  left:56px;
}
.header .lang a {
  width:16px;
  height:11px;
  display:block;
  text-indent:-9999px;
}
.header .lang a.en {
  float:left;
  background: transparent url('img/flag_en.gif') no-repeat 0 0; 
}
.header .lang a.ru {
  float:right;  
  background: transparent url('img/flag_ru.gif') no-repeat 0 0; 
}
.header .logo {
  width:242px;
  height:70px; 
  position:absolute;
  top:20px;
  left:374px;
}
.header .logo a {
  width:242px;
  height:70px;
  display:block;
  text-indent:-9999px;
  background:url('img/logo.gif') no-repeat 0 0;
}
/*||| End of Header |||*/

/*||| Mainmenu |||*/
.mainmenu {
  width:928px;
  height:38px;
  margin:0 auto;
  position:relative;
  overflow:hidden;  
  border-top: 1px solid #fe946b;
  border-right:1px solid #fc7e4c;
  border-bottom: 1px solid #b12103;
  border-left:1px solid #fc7e4c;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;	 

	background: #fc7e4c url("img/gradient-bg.png") repeat-x top;
	-o-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;                                     
} 
	@media all and (min-width: 0px) {
		.mainmenu {
			/* Opera */
			background: #fc7e4c url("img/gradient-bg.svg");
			/* Recent browsers */
			background-image: -moz-linear-gradient(
				top,
				#e54a2a,
				#fc7e4c
			);
			background-image: -webkit-gradient(
				linear,
				left top, left bottom,
				from(#e54a2a),
				to(#fc7e4c)
			);			
		}
	}         
           
ul.mainnav {
  margin-left:7px;
  overflow:hidden;     
}
ul.mainnav li {
  margin:1px 0;
  float:left; 
  display:inline;
}
ul.mainnav li a {
  font:bold 14px/30px Arial, Tahoma, Verdana, sans-serif;
  text-transform:uppercase;
  letter-spacing:0.006em;
  color:#ffffff;
  padding:3px 19px;
  text-decoration:none;
  display:inline-block;      
  position:relative;
  border:0;  
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;	  
}

ul.mainnav li a:hover, 
ul.mainnav li a.active, 
ul.mainnav li a.active:hover {
  cursor:hand;
  cursor:pointer;
	background: #fab54a url("img/gradient-bg1.png") repeat-x top;
	-o-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;                                     
} 
	@media all and (min-width: 0px) {
		ul.mainnav li a:hover, 
    ul.mainnav li a.active, 
    ul.mainnav li a.active:hover {
			/* Opera */
			background: #fab54a url("img/gradient-bg1.svg");
			/* Recent browsers */
			background-image: -moz-linear-gradient(
				top,
				#fab54a,
				#febf51
			);
			background-image: -webkit-gradient(
				linear,
				left top, left bottom,
				from(#fab54a),
				to(#febf51)
			);			
		}
	} 

/*||| End of Mainmenu |||*/

/*||| 
##################################
Main Content 
##################################
|||*/
.middle {
  width: 930px;
  margin:11px auto;
  height: 1%;
}
.middle:after {
  content: '.';
  display: block;
  clear: both;
  visibility: hidden;
  height: 0;
}
.container {
  width: 100%;
  float: left;
  overflow: hidden;
}
.content {
  padding: 0 0 0 250px;
}

/*||| Main column |||*/
/* Slideshow */
.slideshow_wrapper {
  width:670px;
  position:relative;
}
.slideshow_wrapper button.prev {
  width:28px;
  height:28px;
  position:absolute;
  top:110px;
  left:10px;
  cursor:pointer;
  z-index:9999;
  background:transparent url('img/prev_arrow.png') no-repeat 0 0;
}
.slideshow_wrapper button.next {
  width:28px;
  height:28px;
  position:absolute;
  top:110px;
  right:13px;
  cursor:pointer;
  z-index:9999;
  background:transparent url('img/next_arrow.png') no-repeat 0 0;
}
.slideshow_wrapper button:hover {
  background-position:0 -28px;
}
.slideshow_wrapper .rounborders {
  width:670px;
  height:250px;
  z-index:999;
  position:absolute;
  left:-5px;
  top:-5px;  
  border:5px solid #ffffff;  
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px ;   
}
/* End of Slideshow */

/* New Products */
h1.header_newproducts {
  height:52px;
  margin:12px 0 6px;
  padding:14px 0 0 79px;
  background:transparent url('img/header_newproducts_bg.jpg') no-repeat 0 0;
}
.newproducts ul {
  margin-bottom:4px;
  overflow:hidden;
}
.newproducts ul li {
  width:152px;
  margin-left:18px;
  float:left;
  display:inline;        
}
.newproducts ul li:first-child {
  margin-left:0;
}
.newproducts_img {
  width:150px;
  height:180px;
  border:1px solid #eeeeee;
  text-align:center;
}
.newproducts_img a {
  height:178px;
  display:block;
}
.newproducts_img img {
  max-width:150px;
  max-height:178px;     
  margin:0 auto;
  vertical-align:middle;  
}
.newproducts ul li .text {
  font-size:13px;
  line-height:18px;
  margin-top:16px;
}
.newproducts ul li .text a {
  display:block;
}
.all_newproducts{
  font-size:11px;
  color:#0090e2;
}
/* End of New Products */

/* Food blocks */
.animal_food_block {
  padding:20px 20px 15px;
  width:620px;
  float:right;
  height:auto !important;
  height:230px;
  min-height:230px;  
  position:relative;
  margin:17px 0 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;  
  behavior: url('PIE.htc');	
}
.animal_food_block h1 {
  margin-left:19px;
}
.animal_food_block ul {

}
.animal_food_block ul li {  
  float:left;
  display:inline;  
}
.animal_food_block ul li.text_block {
  width:380px;
  margin:12px 10px 0 110px;
}
.animal_food_block ul li.menu {
  width:110px;    
  margin-top:10px;
}
.animal_menu {
  position:relative;
}
.pet_small {
  position:absolute;
}
.animal_food_block ul li.menu h3 {
  margin:0;
  padding:0 0 2px;  
}
.animal_food_block ul li.menu ul li {
  width:110px;
  margin-top:0;  
}
.animal_food_block ul li.menu ul li a {
  font:normal 14px/24px Arial, Tahoma, Verdana, sans-serif;
}

/* dogs */
.dogs {
  background:#eef2f8;
}
.dogs .pet {
  position:absolute;
  bottom:-24px;
  left:-8px;
}
.dogs .pet_small {
  top:-44px;
  left:8px;
}
/* cats */
.cats {
  background:#eaf7ea;
}
.cats .pet {
  position:absolute;
  bottom:30px;
  left:-7px;
}
.cats .pet_small {
  top:-50px;
  left:27px;
}
/* horses */
.horses {
  background:#f7f0ea;
}
.horses .pet {
  position:absolute;
  bottom:4px;
  left:-18px;
}
.horses .pet_small {
  top:-41px;
  left:12px;
}
/* End of Food blocks */
/*||| End of Maincolumn |||*/


/*||| SIDEBAR LEFT |||*/
.sideLeft {
  float: left;
  width: 220px;
  margin-left: -100%;
  position: relative;
}
/* menu products list */
.products_cat {
  overflow:hidden;
  background: #dee6f2;
  overflow:hidden;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;	  
}
.products_cat a {
  text-decoration:none;
}
.products_cat ul {
  padding-bottom:11px;
  overflow:hidden;
}
.products_cat ul li {
  width:220px;
  margin-top:11px;  
  background:#acbedc;
}
.products_cat ul li a {
  font:bold 14px/24px Arial, Tahoma, Verdana, sans-serif;
  color:#ffffff;
  padding:1px 20px;
  display:block;
}
.products_cat ul li ul {
  padding-bottom:0;
  background:#dee6f2;
}
.products_cat ul li ul li {
  margin:0;
  border-top:1px solid #c1cfe6;
  background:#dee6f2;
}
.products_cat ul li ul li:first-child {
  border-top:0;
}
.products_cat ul li ul li:hover {
  width:215px;
  border-left:5px solid #98add2;
  background:#c1cfe6;
}
.products_cat ul li ul li a {
  font:normal 14px/24px Arial, Tahoma, Verdana, sans-serif;
  color:#000000;
  padding:0 20px;
}
.products_cat ul li ul li:hover a {
  padding-left:15px;
}

/* End of Menu products list */

/* Contacts */
.contacts {
  width:220px;
  height:63px;
  margin:16px 0 20px;
  background:url('img/phone.jpg') no-repeat 0 0;
}
.contacts p {
  margin:0 0 0 38px;
  padding-top:9px;
  padding-bottom:6px;
}
.contacts a {
  text-decoration:none;
  color:#000000;
  width:220px;
  height:63px;
  display:block;
}
.contacts p.phone {
  font-size:24px;
  padding-top:0;
}
.contacts p.phone span {
  font-size:18px;
  line-height:24px;
}
/* End of Contacts */

/* News */
.news_wrapper {
  width:205px;
  margin-bottom:25px;
}
.news_wrapper ul li {
  padding:6px 0 11px;
  border-top:1px dotted #7f7f7f;  
}
.news_wrapper ul li:first-child {
  border-top:0;
}
.news_date {
  font-size:11px;
  padding-bottom:1px;
  color:#7f7f7f;
  margin:0;
}
.news_intro p {
  margin:0;
}
.news_intro a {
  font:normal 13px/18px Arial, Tahoma, Verdana, sans-serif;
  color:#0090e2;
  display:block;
}
.allnews {
  margin-top:2px;
  padding-top:1px;
  padding-left:20px;
  background:url('img/allnews.jpg') no-repeat 0 3px;
}
/* End of News */

/* Banner */
.banner_left {
  margin-bottom:29px;
}    
/* End of Banner */

/* Social links */
.social {
  margin-bottom:32px;
}
.social p {
  margin:8px 0 10px;
}
.social a {
  height:24px;
  padding-left:20px;
  padding-bottom:5px;

}
.social a.twitter {
  background:url('img/icon_twitter.jpg') no-repeat 0 0px;
}
.social a.facebook {
  background:url('img/icon_facebook.jpg') no-repeat 0 0px;
}
/* End of Social links */

/* Contributors links */
.contr_icons {
  overflow:hidden;
}
.contr_icons ul {
  margin:15px 0;
  overflow:hidden;
}
.contr_icons li {
  width:110px;
  margin:0 0 5px;
  padding:0;
  text-align:left;
  float:left;
  display:inline;
}
.contr_icons li.logo_alfacat, 
.contr_icons li.logo_lechat, 
.contr_icons li.logo_gemon, 
.contr_icons li.logo_racing {
  text-align:center;
}
.contr_icons li.logo_bestchoice, 
.contr_icons li.logo_lechat {
  margin-top:15px;
}
.contr_icons li.logo_bestchoice,
.contr_icons li.logo_gemon {
  margin-bottom:20px;
}
.contr_icons li img {
  vertical-align:top;
}
/* End of Contributors links */

/*||| End of SIDEBAR LEFT |||*/

/*||| 
##################################
End of Main Content 
##################################
|||*/

/*||| Footer |||*/
.footer {
  width: 930px;
  margin:60px auto 0;
  height: 100px;
  border-top:1px solid #e5e5e5;
}
.counter {
  width:31px;
  height:31px;
  margin:24px 6px 0 250px;
  float:left;
  display:inline;
}
.copyright {
  width:215px;
  margin-top:22px;
  float:left;
  display:inline;
}
.copyright p {
  font:normal 12px/18px Arial, Tahoma, Verdana, sans-serif;
  color:#b2b2b2;
  margin:0;
}