/* Cascading Style Sheets - ő*/
@charset "utf-8";


	/*****************************************************************************************
			
			ScarabeusLab - http://scarabeuslab.com
			Copyright (C) 2008-10 Fábián Gábor, Varga Krisztián és Fábián Dávid
			
			Licensed under the folowing license:
			
			  - ScarabeusLab General Licence Version 1.0
			  http://scarabeuslab.com/licenses/sgl10.html
			  
				
			The  software, this  file  and  its  contents are  subject  to the
			ScarabeusLab  General  Licence  Version 1.0 License.  Please  read 
			the license.txt file before using, installing, copying, modifying 
			or distributing this file or part of its contents. The contents of
			this   file   is   part   of  the  Source  Code  of  ScarabeusLab.
			
	*****************************************************************************************/





	/*	RESETs ----------------------------------------------------------------------------------------- 
	*/
		html, body, ul, div, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0; }
		
		table { border-spacing:0;}
		fieldset, img { border:0 }
		address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal; }
		caption, th { text-align:left; }
		q:before, q:after { content:'';	}
		
		/* The below restores some sensible defaults */
			strong { font-weight:bold; }
			em { font-style:italic;	}
			a img { border:none; } /* Gets rid of IE's blue borders */
		
		/* Prevents Page Jumping with Content of Different Height */
			html {
				background: url("images/kyani_background.jpg") repeat-x scroll center top #018ce4;
				height: 101%;
			}
	/* 	
	**	RESETs --------------------------------------------------------------------------------------- */





	/*	LAYOUT STRUCTURE ------------------------------------------------------------------------------- 
	*/
		.page-wrap { width: 960px; margin: 0 auto; }
		
		#root {
			position: relative;
			width: 1000px;
			height: 100%; min-height: 100%; height: auto !important;
			margin: 0 auto -150px; /* the bottom margin is the negative value of the footer's height */
			padding:0;
			background: url("images/head-kyani-distributor.png") no-repeat scroll 0 0 #242424;
		}
		
		header {
			display: block;
			height: 280px;
			position: relative;
		}
		
		nav { display: block; clear:both; }
		
		aside{
			display: inline-block;
			height: 100%;
			margin: 0 30px;
			position: relative;
			width: 161px;
			vertical-align: top;
		}
		
		section {
			display: inline-block;
			height: 100%;
			margin: 0 0 15px;
			position: relative;
			width: 753px;
		}
		
		
		footer, .push {
			height: 150px; /* .push must be the same height as .footer */
			margin: 0 0 0 5px;
		}
		
		footer {
			background: url("images/footer_separator.png") no-repeat scroll center top transparent;
			clear: both;
			display: block;
			margin: 0 auto;
			position: relative;
			width: 1000px;
			font-size:11.5px;
		}
		
		
	/* 
	**	LAYOUT STRUCTURE ---------------------------------------------------------------------------- */





	/*	GLOBAL TYPOGRAPHIC STYLES ---------------------------------------------------------------------- 
	*/
		body {
			background: url("images/body_bg.png") repeat-y scroll center top transparent;
			color: #6b6b6b;
			display: table;
			font-family: Verdana,Arial,sans-serif;
			font-size: 13px;
			height: 100%;
			line-height: 115%;
			margin-left: auto;
			margin-right: auto;
			position: relative;
			width: 100%;
		}
		
		
		h1, h2, h3, h4 {
			font-family: Verdana;
			margin-bottom: .2em;
			font-weight: normal;
			line-height: 110%;
		}
		
		h1 { font-size: 1.2em; color: #4d4d4d;}
		h2 { font-size: 1.1em; color: #ea9718;}
		h3 { font-size: 18px; color: #f1f1f1; font-weight: normal;}
		h4 { font-size: 0.9em;   }
		
		input 	{font-size: 13px; height: 16px;}
		
		a 		{ color: #4d4d4d; text-decoration: none; outline: medium none; cursor:pointer;}
		a:hover { color: #4d4d4d;}
		
		a:active, a:focus 	{  /*border:none; outline:medium none; border:0px */}
		a:visited 			{ /* */ }
		
		a.underline{text-decoration: none; outline: none; cursor:pointer;}
		a.underline:hover {text-decoration:underline;}
		
		span 	{ font-weight:normal; font-family: Verdana;}
		
		.arrow-size {font-size:9px;}
		
		.current {	font-weight: bold;	text-decoration:underline; }
		
		.special-link { color: #2b7d90; }
		
		.special-link:hover { color: #2b7d90; }
		
		p { margin-bottom: 1.5em; font-size:13px; font-family: Verdana;}
		
		
		label { font-weight: bold; }
		
		.block-height			{display:block;	height: 100%;}
		.strong 		{ font-weight: bold; 			}
		.pointer 		{ cursor:pointer; 				}
		.underline 		{ text-decoration: underline;	}
		
		.float-left 	{ float:left;	}
		.float-right	{ float:right;	}
		
		.align-left 	{ text-align: left  }
		.align-right	{ text-align: right }
		.align-center	{ text-align: center}
		
		.valign-top		{ vertical-align: top;}
		.valign-middle	{ vertical-align: middle;}
		.valign-bottom	{ vertical-align: bottom;}
		
		.ten-height {height:10px; display:block;}
		.clearfix { clear: both; }
		
		.border-none	{border:none !important;}
		
		.yellow { color:#EA9817; }
		
		.back-top {
			position: absolute;
			top: 5px;
			right: 25px;
			text-decoration: underline;
			font-weight: bold;
		}
		
		.link-yellow {
			font-weight:bold;
			color: #4D4D4D;
			text-decoration:underline;
		}
		.link-yellow:hover{
			color:#ea9718;
			text-decoration:underline;
		}

		ol.unique li{
			margin-bottom: 15px;
		}
		
	/*	
	**	GLOBAL TYPOGRAPHIC STYLES ------------------------------------------------------------------- */









	/*	Header ----------------------------------------------------------------------------------------
	*/
		
		#header-white-bg{
			background-color: #FFFFFF;
			background-position: center top;
			display: block;
			margin: auto;
			min-height: 394px;
			width: 970px;
		}


			/*	Logo ---------------------------------------------------------------------------------
			*/
			
				
				.header-product-01{
					background: url("images/kyani_haromszog.png") no-repeat scroll center top transparent;
					height: 126px;
					left: 10px;
					position: absolute;
					top: 114px;
					width: 192px;
					border-radius: 15px;
				}
				
				.header-cart{
					background: url("images/webshop.png") no-repeat scroll center top transparent;
					height: 225px;
					left: 10px;
					position: absolute;
					top: 45px;
					width: 192px;
				}
				
				#logo{
					width: 226px; height: 141px;
					top: 20px; left: 477px;
					position: absolute;
					text-decoration: none;
				}
			
			
			/*	
			**	Logo ------------------------------------------------------------------------------ */
			
			
			
			/*	Horizontal Menu ----------------------------------------------------------------------
			*/

			nav.horizontal-menu {
				height: 55px;
				left: 349px;
				position: relative;
				top: 192px;
				width: 610px;
			}
			
			nav.horizontal-menu ul{
				height: 55px;
				list-style-type: none;
				padding-left: 0;
				padding-right: 0;
			}
			
			nav.horizontal-menu ul li {
				color: #F0F0F0;
				float: left;
				height: 55px;
				margin: 0 15px 0 15px;
				font-size:13px;
			}
			
			nav.horizontal-menu ul li a {
				color: #F0F0F0;
				padding: 21px 0 0;
				text-decoration: none;
				height: 34px;
			}

			nav.horizontal-menu ul >li.currency {
				color: #ea9718;
				font-size: 14px;
				padding-top: 19px;
				margin: 0 8px;

			}

			nav.horizontal-menu ul >li.currency >span{
				margin-left: 2px;
				font-weight: bold;
			}

			nav.horizontal-menu ul >li.currency >span:nth-last-of-type(2){
				margin-left: 2px;
			}
			
			nav.horizontal-menu ul li a:hover {
				color:#ea9718;
				text-decoration: none;
			}
			
			.cart-menu{
				border: 1px solid;
				font-size: 14px;
				font-weight: bold;
				height: 18px !important;
				margin: 15px 0 0!important;
				padding: 5px 4px 1px!important;
				text-transform: uppercase;
			}

			
				/*	Horizontal Active ------------------------------------------------------------------
				*/
					
					.blue-start{
						background: url("images/blue_menu_button_start.png") no-repeat scroll left top transparent;
						float: left;
						height: 55px;
						width: 5px;
					}
					
					.blue-middle{
						background: url("images/blue_menu_button_middle.png") repeat-x scroll left top transparent;
						float: left;
						height: 34px;
						padding: 21px 10px 0;
					}
					
					.blue-end{
						background: url("images/blue_menu_button_end.png") no-repeat scroll left top transparent;
						float: left;
						height: 55px;
						width: 5px;
					}
					
					.margin-none{
						margin:0 !important;
					}
					
					.padding-none{padding:0 !important;}
					
					.cart-menu-blue{height: 40px!important; padding: 15px 10px 0!important;}
			
				/*	
				**	Horizontal Active ----------------------------------------------------------------- */
			
			
			/*	
			**	Horizontal Menu -------------------------------------------------------------------- */




	/*	
	**	Header ------------------------------------------------------------------------------------ */

	
	/*	Content ----------------------------------------------------------------------------------------
	*/
		
		
		/*	Pic Changer --------------------------------------------------------------------------------
		*/
			
			ul.dot{
				float: left;
				height: 10px;
				left: 877px;
				list-style-type: none;
				position: absolute;
				top: 267px;
				width: 90px;
			}
			
			ul.dot li {
				float: left;
				height: 10px;
				margin: 0 0 0 7px;
			}
			
			.white-dot{
				background: url("images/change_heade_dot.png") no-repeat scroll left top transparent;
				height:6px;
				width:6px;
			}
			
			.orange-dot{
				background-position: -6px 0;
			}
			
			#change-pictures {
				z-index:1;
				display: block;
				position:relative;
				height:372px;
			}
			
			#change-pictures DIV.active {
				z-index:10;
				opacity:1.0;
			}

			#change-pictures DIV.last-active {
				z-index:9;
			}
			
			.pic-title{
				position: absolute;
				top: 288px; left:0;
				padding-left: 5px;
				color: #FFFFFF;
				font-size: 30px;
				line-height:30px;
				opacity: 0.8;
				font-family:sans-serif;
				font-weight:bold;
			}
			
			.opacity-bg{
				position: absolute;
				top: 315px; left:0;
				width: 709px; height: 47px;
				padding : 5px;
				background-color: #FFFFFF;
				opacity: 0.8;				
			}
			
			.content-header{
				position: absolute;
				z-index: 0;
			}
			
			
		/*	
		**	Pic Changer ----------------------------------------------------------------------------- */
	
	
		/*	Aside -------------------------------------------------------------------------------------
		*/
			
			.product-box{
				background: url("images/side_box_top.jpg") no-repeat scroll left top #1A1A1A;
				margin: 0 0 20px;
				width: 161px;
				display:inline-block;
				text-align: center;
			}
			
			.product-box-content{
				color: #6B6B6B;
				padding: 10px 7px 10px 6px;
				text-align: justify;
				width: 148px;
			}
			
			.product-box-content h3{
				text-align:center;
			}
			
			.product-box-content a {
				text-decoration: underline;
				text-align:right;
				display:block;
				color:#6b6b6b;
				
			}
			
			.product-box-content a:hover {
				text-decoration: underline;
				color: #ea9718;
			}
			
			.aside-more-product-button{
				background: url("images/more_product_button.jpg") no-repeat scroll left top transparent;
				color: #000000;
				font-weight: bold;
				height: 33px;
				margin: 4px;
				padding: 3px 35px 0;
				text-align: center;
				width: 83px;
			}
			
			.sidebox {
				height: 55px;
			}
			
		/*	
		**	Aside ----------------------------------------------------------------------------------- */
	
	
	
	/*	
	**	Content ------------------------------------------------------------------------------------- */
	
	
	
	
	/*	Content elements--------------------------------------------------------------------------------
	*/
	
		
		.offer-button{
			background: url("images/offer_button.png") no-repeat scroll left top transparent;
			display: block;
			float: left;
			font-size: 19px;
			height: 41px;
			padding: 24px 0 0;
			text-align: center;
			width: 189px;
		
		}
		
		.box-white-bg{
			background-color: #F1F1F1;
			display:inline-block;
			width: 718px;
			min-height: 70px;
			margin: 0 0 15px 0;
			padding: 10px;	
		}
		
		.box-white-bg h3{
			color:#4D4D4D;		
		}
		
		.main-page-box{
			float:left;
			display:inline-block;
			width:222px;
			text-align:justify;
		}
		
		.main-page-box-center{
			margin: 0 26px;
		}
		
		.content-blue-button{
			background:#018ae0;
			position: relative;
			display:block;
			width:164px; height:41px;
			left: 47px;
			font-size: 14px;
			line-height:41px;
			color:#f1f1f1;
			text-align:right;
			vertical-align:middle;
			padding: 0 10px 0 0;
			box-shadow: 4px 4px 2px rgba(0, 0, 0, 0.4);
		}
		
		.content-blue-button:hover{
			color:#f1f1f1;
			text-decoration:underline;
		}
		
		.content-blue-button span{
			font-size: 11px;
		}
		
		
		.box{
			background: url("images/szuper_elelmiszer_sprite.png") no-repeat scroll 0 0 transparent;
			cursor: pointer;
			float: left;
			margin: 0 8px 20px 0;
			height: 135px;
			width: 136px;
		}
		
		.box-s{
			margin: 0 8px 20px 0;
		}
		
		.box-e{
			margin: 0 0 20px;
		}
		
		.box-1{
			background-position: 0 0;
		}
		
		.box-2{
			background-position: -136px 0;
		}
		
		.box-3{
			background-position: -272px 0;
		}
		
		.box-4{
			background-position: -408px 0;
		}
		
		.box-5{
			background-position: -544px 0;
		}
		
		.box-6{
			background-position: 0 -269px;
		}
		
		.box-7{
			background-position: -136px -135px;
		}
		
		.box-8{
			background-position: -544px -135px;
		}
		
		.box-9{
			background-position: -137px -270px;
		}
		
		.box-10{
			background-position: -544px -270px;
		}

		.box-11{
			background-position: -272px -270px;
		}

		.box-12{
			background-position: -681px -270px;
		}

		.box-13{
			background-position: -409px -270px;
		}

		.box-14{
			background-position: -817px -270px;
		}
		
		.box-2-1{
			background-position: -682px 0;
			width: 345px;
			margin: 0 17px 20px 6px;
		}
		
		.box-2-2{
			background-position: -682px -135px;
			width: 350px;
		}
		
		
		.box-title{
			font-size: 15px;
			line-height: 16px;
			margin: 94px 0 0;
			text-align: center;	
		}
		
		.open-box{
			display: none;
			min-height: 65px;
			width: 718px;
		}
		
		
	/*	
	**	Content elements------------------------------------------------------------------------------ */
	
	/*	Order elements--------------------------------------------------------------------------------
	*/
		
		.cart-table img{
			height: 81px;
		}
		
		.cart-table input{
			width: 24px;
			border:solid 1px;
			padding: 1px 3px 0;
		}
		
		.cart-title{
			font-weight: bold;
		
		}
		
		.cart-1{
		}
		
		.cart-table td{
			border-right: 1px solid #f9f9f9;
		}
		
		.cart-table .column-0{
			width:12%;
			text-align:center;
			padding:5px;
		}
		
		.cart-table .column-1{
			width:16%;
			text-align:center;
			padding:5px;
		}
		
		.cart-table .column-2{
			width:28%;
			text-align:center;
			padding:5px;
		}
			
		.cart-table .column-3{
			width:14%;
			text-align:center;
			padding:5px;
		}
		
		.cart-table .column-4{
			width:5%;
			text-align:center;
			padding:5px;
		}
		
		.cart-table .column-5{
			width:13%;
			padding:5px;
			vertical-align:bottom;
		}
		
		.cart-2{
			background: none repeat scroll 0 0 #C8CBCE;
		}
		
		.user-data-main{
			width: 550px;
		}
		
		.user-data-main-pos{
			margin: 0 0 15px 170px;
		}
		
		.user-data-main-pos-1{
			margin: 0 0 0 170px;
		}
		
		.user-data-main .column-1{
			width: 115px;
			padding: 4px;
		}
		
		.user-data-main .column-2{
			width: 170px;
			padding: 4px;
		}
		
		.user-data-main .column-3{
			padding: 4px;
		}
		
		.user-data-main input{
			border: solid 1px;
			padding: 1px 3px 0;
			width: 144px;
		}
		
		.user-data-check{
			float:left;
			width:33%;
		}
		
		.user-data-check ul{
			list-style-type:none;
			margin:0 0 0 25px;
		}
		
		.user-data-check li{
			line-height: 15px;
			margin: 0 0 10px;
		}
	
		.order-button-container{
			text-align:center;
			margin-left:auto;
			margin-right:auto;
			margin-bottom: 10px;
		}
		
		.cart-order-title{
			font-size: 18px;
			text-align:center;
			margin:10px 0 0 0;
			display: block;
		}
		
		.cart-container-modify {
			display:block;
			text-align:center;
			padding:5px;
			height: 20px;
		}
		
		.user-data-main .post-code{
			width:32px;
		}
		
		.cart-sum{
			font-weight: bold;
			height: 50px;
			text-align: right;
			text-decoration: underline;
		}
	
		.cart-sum span{
			font-size:18px;
		}
		
		.cart-comment{
			margin: 0 0 0 174px;
			color:#018CE4;
			cursor:pointer;
		}
		
		.cart-comment:hover{
			text-decoration:underline;
		}
		
		.cart-continue-order {
			margin: 0 0 0 300px;
			color:#018CE4;
			cursor:pointer;
		}
		
		.cart-continue-order:hover {
			text-decoration:underline;
			color: #ea9718;
		}
		
		.h1-margin{
			margin-bottom:1.2em;
		}
		
		.cart-tick{
			background: url("images/tick_cross.png") no-repeat scroll left top;
			height:19px;
			width:22px;
			display:block;
		}
		
		.cart-message{
			border: 1px solid #000;
			clear: both;
			display: block;
			height: 125px;
			position: relative;
			resize: vertical;
			width: 274px;	
		}
		
		.cart-message-pos{
			margin: 5px auto 25px;
		}
		
		.font-size{font-size:13px;}
		
		#cart-empty{
			display: block;
			text-align: center;
			margin: 25px 0;
			font-size: 20px;
			line-height: 180%;
		}
		
		#cart-empty a{
			color: black;
			text-decoration: underline;
		}
		
		#cart-empty a:hover{
			color: #ea9718;
		}
		
		#toc{
			width:20px!important;
		}
		
		#toc-link { font-size:11px; }
		
		#toc-link:hover{ 
			color: #018CE4;
			text-decoration:underline;
		}
		
		#toc-table .column-1{
			width:20px;
		}
		
		#toc-table .column-2{
			width:260px;
		}
		
		#container-delivery-price{
			text-align: right;
			padding-top: 15px;
		}
		
		/* Button ********************************************************************************** */
		
			.button-delete{
				background: none repeat scroll 0 0 red;
				border: 0 none;
				cursor: pointer;
				color:#fff;
				width:40px;
				box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.4);
				height:20px;
				padding: 0 3px 0 3px;
			}
			
			.button-delete:hover{
				text-decoration:underline;
			}
			
			.button-modify{
				background: none repeat scroll 0 0 #408045;
				border: 0 none;
				cursor: pointer;
				color:#fff;
				width:52px;
				box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.4);
				height:20px;
				padding: 0 3px 0 3px;
				visibility:hidden;
			}
			
			.button-modify:hover{
				text-decoration:underline;
			}
			
			.button-order{
				background-color: #408045;
				border: 0 none;
				color:#fff;
				cursor: pointer;
				font-size: 21px;
				height: 35px;
				margin-left: auto;
				margin-right: auto;
				width: 280px;
				box-shadow: 8px 8px 4px rgba(0, 0, 0, 0.4);
			}
			
			.button-order:hover{
				text-decoration:underline;
			}
			
			.button-order-product{
				background-color: #408045;
				border: 0 none;
				box-shadow: 4px 4px 2px rgba(0, 0, 0, 0.4);
				color: #FFFFFF;
				cursor: pointer;
				float: left;
				font-size: 14px;
				height: 26px;
				line-height: 23px;
				margin: 10px 0 0;
				padding: 1px 10px 0;
				text-align: right;
				width: 127px;
			}

			.button-order-product >.cart-icon {
				float: left;
				margin-top: 3px;
			}

			.button-order-product >.fa-envelope-o {
				float: left;
				margin-top: 3px;
				font-size: 18px;
			 }
			
			.button-order-product:hover{
				color: #ffffff;
				text-decoration:underline;
			}
		
		/* Button ********************************************************************************** */
	
	/*	
	**	Order elements------------------------------------------------------------------------------ */
	
	/*	Products --------------------------------------------------------------------------------------
	*/



		.product-img{
			float: left;
			margin: 0 0 0 15px;
			width:60px;
			text-align:center;
		}
		
		.product-img img {
			max-width: 250px;
			cursor:pointer;
		}
		
		.products-order{
			float: left;
			margin: 10px 0 0 40px;
			width: 152px;
		
		}
		
		.products-order span{
			float: left;
			margin: 5px 0 0;
			font-family: sans-serif!important;
			font-size: 12px!important;
		}
		
		.products-order input{
			border: 1px solid;
			padding: 0 3px;
			text-align: right;
			width: 24px;
		}
		
		.cart-icon{
			background: url("images/cart_icon.png") no-repeat scroll left top transparent;
			height: 22px;
			width: 22px;
			display: inline-block;

		}
		
		.products-short-desc{
			float: left;
			text-align: justify;
			width: 290px;
			margin : 0 0 0 10px;
		}
		
		.products-short-desc a{
			color: #ea9718;
		}
		
		
		.products-short-desc a:hover{
			text-decoration: underline;
		}
		
		.product-order-block{
			float: left; 
			margin: 40px 0px 0px 263px;
			width: 365px;
		}
		
		.product-order-block-package{
			margin: 20px 0px 0px 210px;
			width: 390px;
		}
		
		.products-prices{
			float: left;
			font-size: 16px;
			line-height: 110%;
			margin: 8px 0 0;
			text-align: center;
			width: 151px;
		}

		.products-prices > span.desc{
			font-size: 12px;
		}

		.products-prices > strong{
			color: #474747;
		}
		
		.product-prices{
			float: left;
			font-size: 20px;
			line-height: 110%;
			margin: 40px 0 0 250px;
			text-align: center;
			width: 200px;
		}

		.product-prices > span.desc{
			font-size: 12px;
		}

		.product-prices > strong{
			color: #474747;
		}

		
		.package-prices{
			margin: 25px 0 0 195px;
		}
		
		.product-order {
			float: left;
			margin: 16px 0 0 0px;
			width: 200px;
		}
		
		.product-order span {
			float: left;
			margin: 9px 0 0;
		}
		
		.product-order input{
			border: 1px solid;
			padding: 0 3px;
			text-align: right;
			width: 24px;
		}
		
		.button-order-product-margin {
			margin: 20px 0 0 10px;
		}
	
		.title-product-class{
			font-size:1.6em;
			color:#333333;
		}
		
		.title-product-pos{
			margin:0 0 0 8px;
		}
	
		.warn{ 
			clear: both;
			color: #EA9718;
			margin: 5px 0 0 115px;
		}
		
		.content-show{
			display:none;
			opacity:0;
			float:left;
		}
		
		.product-description{
			text-align: justify;
		}
		
		.product-description a{
			text-decoration: underline;
			float:left;
		}
		
		.product-description a:hover, .product-description p a:hover {
			color: #ea9718;
		}
		
		.product-description p a{
			float:none;
		}
		
		
		.product-description ul{
			line-height: 120%;
			list-style: inherit;
			margin: 0 0 25px 70px;
		}
		
		.product-description ul li{
		
		}
		
		.button-show-cross{
			border: 1px solid;
			display: block;
			float: left;
			font-size: 10px;
			height: 15px;
			margin: 0 5px 0 0;
			padding: 0 3px;
			text-align: center;
			width: 8px;
		}
		
		.product-tab{
			margin:0 0 0 25px;
			display:inline-block;
		}
		
		.product-sidebox{
			background: url("images/product/kyani_osszes.png") no-repeat scroll 0 0 transparent;
			width: 147px; height: 98px;
			cursor: pointer;
			display:block;
			margin: 0 0 2px 0;
			
			text-decoration:none!important;
			border: solid 1px #1A1A1A;
		}
		
		.product-sidebox:hover{
			border: solid 1px #ea9718;
		}
		
		.product-sidebox>p{
			line-height:121%;
			color:#e3e3e3;
			font-size:14px;
			text-align:center;
		}


		.product-list > .product-img{
			width: 100px;
			margin-left: 10px;

		}

		.product-list > .product-img >img{
			max-width: 100%;
			max-height: 85px;
		}

		.product-list > .products-order{
			margin-left: 10px;
		}

		.product-list > .products-prices{
			width: 146px;
		}

		.sidebox-1{	background-position: -150px  0; }
		.sidebox-2{	background-position: -300px  0; height: 112px; }
		.sidebox-3{	background-position: -450px  0; height: 112px; }
		.sidebox-4{	background-position: -600px  0; height: 112px; }
		.sidebox-5{ background-position: -750px  0; height: 112px; }
		.sidebox-6{	background-position: -900px  0; height: 112px; }
		.sidebox-7{	background-position: -1050px 0; height: 112px; }
		.sidebox-8{	background-position: -1200px 0; height: 112px; }
		.sidebox-9{	background-position: -1350px 0; height: 112px; }
		.sidebox-10{background-position: -1500px 0; height: 112px; }
		
	/*
	**	Products element --------------------------------------------------------------------------- */
	
	/*	Footer elements--------------------------------------------------------------------------------
	*/
		
		footer ul{
			color: #949494;
			line-height: 135%;
			list-style-type: none;
			float:left;
			margin: 20px 0 0 20px;
		}
		
		footer li{
		}
		
		footer a{
			font-size:11.5px;
			line-height: 115%;
			color: #949494;
			text-decoration: none;
		}
		
		footer a:hover{
			color: #949494;
			text-decoration: underline;
			
		}
		
		#footer-menu-horizontal{
			float: left;
			padding: 20px 0 0 20px;
			width: 515px;
		}
		
		#footer-menu-horizontal ul{
			margin:0;
		
		}
		
		#footer-menu-horizontal ul li{
			float: left;
			margin-right: 70px;
			width: 125px;
		}

		#footer-menu-horizontal ul.first li{
			margin-right: 10px;
			width: 117px;
		}

		#footer-menu-horizontal ul.second li{
			margin-right: 30px;
			width: 225px;
		}

		
		#footer-menu-horizontal ul li:last-child{
			margin-right:0px;
		}
		
		
		#footer-main-page-link{
			float: left;
			left: 35px;
			position: relative;
			top: 36px;
		}
		
		#footer-scarab-link{
			float: left;
			left: 20px;
			position: relative;
			top: 36px;
			width:184px;
		}
		
		.footer-logo{
			background: url("images/footer_logo.png") no-repeat scroll left top transparent;
			height:118px;
			width:199px;
			float:left;
			margin: 20px 0 0 48px;
		}
		
		.footer-logo a{
			text-decoration:none;
		}
		
		.footer-logo a:hover{
			text-decoration:none;
		}
	
	/*	
	**	Fontent elements------------------------------------------------------------------------------ */
	
	/* Testimonials */
		.youtube{
			width:560px; height:315px;
			box-shadow: 4px 4px 2px rgba(0, 0, 0, 0.4);
			margin:auto;
		}
		
		.youtube_small{
			width:300px; height:182px;
			box-shadow: 4px 4px 2px rgba(0, 0, 0, 0.4);
			margin:auto;
		}
	/* Testimonials */
	
	/*	Form ----------------------------------------------------------------------------------------*/
				
					.message_form_bg{
						width:704px;
						height:151px;
					}
					
					#message_wall_input_all{
						width: 255px; height:140px;
						float:left;
					}
					
					#wall_form_name{
						height:23px;
						margin: 22px 0 0 20px;
					}
					
					#wall_form_mail{
						height:23px;
						margin: 15px 0 0 20px;
					}
					
					.wall_input{
						background-color: #FFF;
						display: block;
						height: 23px;
						width: 170px;
						border: medium none;
						font-size: 12px;
						line-height:13px;
						outline: medium none;
						float:right;
						padding: 0 5px;
						border: solid 1px black;
					}
					
					#message_wall_name{
					}
					
					#message_wall_country{
					}
					
					
					#message_wall_text{
					}
					
					#message_wall_mail{
					}
					
					
					#message_wall_text{
						background: url(images/message_wall_textarea.png); background-repeat: no-repeat; background-position: top;
						float: left;
						font-size: 12px;
						height: 103px;
						margin: 20px 0 0 20px;
						width: 245px;
					}
					
					#text__u_message{
						border: medium none;
						width: 233px; height: 85px;
						padding: 5px; margin: 4px 2px;
						resize:none;
						outline: medium none;
						border: solid 1px black;
						
					}
					
					#wall_captcha_send{
						width: 175px; height: 145px;
						float: left;
					}
					
					#wall_captcha_question{
						font-size: 12px;
						line-height: 1.2em;
						margin: 20px 0 0 20px;
					}
					
					#wall_captcha{
						background: url(images/message_wall_capchat_field.png); background-repeat: no-repeat; background-position: top;
						display: block;
						height: 30px;
						margin: 13px 0 0;
						padding: 0 0 0 50px;
						position: relative;
						width: 124px;
					}
					
					
					.wall-sprite{
						background: url(images/captcha_icon.png); background-repeat: no-repeat;
						float: left;
						height:22px;
						cursor:pointer;
					}
					
					
					.ico-brawn-circle{
						background-position: 0 0;
						width: 26px;
					}
					
					.ico-brawn-squere{
						background-position: -27px 0;
						width: 26px;
					}
					
					.ico-brawn-triangle{
						background-position: -55px 0;
						width: 26px;
					}
					
					.ico-brawn-moon{
						background-position: -82px 0;
						width: 26px;
					}
					
					
					
					.ico-brawn-circle_ok{
						background-position: -108px 0px;
						width: 26px;
					}
					
					.ico-brawn-squere_ok{
						background-position: -135px 0px;
						margin: 0 0 0 4px;
						width: 26px;
					}
					
					.ico-brawn-triangle_ok{
						background-position: -163px 0px;
						margin: 0 0 0 6px;
						width: 26px;
					}
					
					.ico-brawn-moon_ok{
						background-position: -191px 0px;
						width: 24px;
					}
					
					
					.ico-blue-circle{
						background-position: 0 -20px;
						width: 24px;
					}
					
					.ico-blue-squere{
						background-position: -27px -21px;
						width:24px;
					}
					
					.ico-blue-triangle{
						background-position: -57px -21px;
						width:24px;
					}
					
					.ico-blue-moon{
						background-position: -82px -20px;
						width:24px;
					}
					
					
					
					.ico-blue-circle_ok{
						background-position: -108px -20px;
						width:24px;
					}
					
					.ico-blue-squere_ok{
						background-position: -135px -20px;
						width:24px;
					}
					
					.ico-blue-triangle_ok{
						background-position: -163px -20px;
						width:24px;
					}
					
					.ico-blue-moon_ok{
						background-position: -191px -20px;
						width:24px;
					}
					
					
					
					.ico-green-circle{
						background-position: 0 -42px;
						width:24px;
					}
					
					.ico-green-squere{
						background-position: -27px -42px;
						width:24px;
					}
					
					.ico-green-triangle{
						background-position: -57px -42px;
						width:24px;
					}
					
					.ico-green-moon{
						background-position: -82px -42px;
						width:24px;
					}
					
					
					
					.ico-green-circle_ok{
						background-position: -108px -42px;
						width:24px;
					}
					
					.ico-green-squere_ok{
						background-position: -135px -42px;
						width:24px;
					}
					
					.ico-green-triangle_ok{
						background-position: -163px -42px;
						width:24px;
					}
					
					.ico-green-moon_ok{
						background-position: -191px -42px;
						width:24px;
					}
					
					
					
					.ico-pink-circle{
						background-position: 0 -63px;
						width:24px;
					}
					
					.ico-pink-squere{
						background-position: -27px -63px;
						width:24px;
					}
					
					.ico-pink-triangle{
						background-position: -57px -63px;
						width:24px;
					}
					
					.ico-pink-moon{
						background-position: -82px -63px;
						width:24px;
					}
					
					
					.ico-pink-circle_ok{
						background-position: -108px -63px;
						width:24px;
					}
					
					.ico-pink-squere_ok{
						background-position: -135px -63px;
						width:24px;
					}
					
					.ico-pink-triangle_ok{
						background-position: -163px -63px;
						width:24px;
					}
					
					.ico-pink-moon_ok{
						background-position: -191px -63px;
						width:24px;
					}
					
					
					#wall_send_button {
						width: 118px; height: 18px;
						background-color: #408045;
						box-shadow: 4px 4px 2px rgba(0, 0, 0, 0.4);
						margin: 7px 0 0 36px;
						cursor: pointer;
						float: left;
						font-size: 15px;
						height: 26px;
						line-height: 17px;
					}
					
					#wall-return-button{
						width: 118px; height: 18px;
						background-color: #408045;
						box-shadow: 4px 4px 2px rgba(0, 0, 0, 0.4);
						margin: 13px auto 0 auto;
						cursor: pointer;
						font-size: 15px;
						height: 26px;
						line-height: 17px;
					}
					
					#wall_send_button a, #wall-return-button a{
						display: block;
						color:#FFF;
						padding: 3px 0 0 0;
						text-align: center;
					}
					
					#wall_message_thx{
						padding: 25px;
						text-align:center;
					}
					
					.wall-answers {
						width: 685px;
						margin: 0 0 0 15px;
						box-shadow: 4px 4px 2px rgba(0, 0, 0, 0.4)
					}
					
					.wall-answers div {
						padding:3px 3px 3px 3px;
					}
					
					.wall-title{
						background-color: #018AE0;
						line-height: 22px;
						padding: 3px 3px 3px 10px;
						color: white;
					}
					
					.wall-label{
						text-decoration:underline;
					}
					
					
				/*	
				**	Form --------------------------------------------------------------------------------------- */
				
				/*	Form ----------------------------------------------------------------------------------------*/
					
					.margin-top-16		{margin-top:16px !important;}
					
					
				/*	
				**	Form --------------------------------------------------------------------------------------- */


				table.bordered{
					border-bottom: 1px solid #ccc;
					border-right: 1px solid #ccc;
					width: 100%;
					margin-bottom: 15px;
				}


				table.bordered >tbody >tr >td{
					border-left: 1px solid #ccc;
					border-top: 1px solid #ccc;
					height: 25px;
					padding: 0 10px;
				}

				table.bordered >tbody >tr:nth-child(1) >td{
					height: 30px;
					font-size: 20px;
				}

				table.bordered >tbody >tr >td:nth-child(1){
					width: 60%;
				}

				table.bordered >tbody >tr >td:nth-child(2){
					width: 20%;
					text-align: center;
				}

				table.bordered >tbody >tr >td:nth-child(3){
					width: 20%;
					text-align: center;
				}