html 
{ 
	overflow-y: scroll; 
}

html, body 
{ 
	height: 100%; 
}

html
{
	background: url(../images/top-bg.jpg) top repeat-x;
}

body 
{ 
	margin: 0px; 
	background: url(../images/top-bg2.jpg) top center no-repeat;
}

body, td 
{ 
	font-size: 13px; 
	font-family: arial; 
}

form 
{ 
	margin: 0px; 
}

h1 
{ 
	color: #0087a8;
	margin: 5px 0px;
	font-weight: normal; 
	font-size: 21px; 
}

h2 
{ 
	color: #0087a8;
	margin: 4px 0px; 
	font-size: 13px; 
}

h3 
{ 
	margin: 3px 0px; 
	font-size: 12px; 
}

a 
{ 
	color: #4B7EB1; 
}

a:hover 
{ 
	text-decoration: none; 
}

.clear
{
	position: relative;
	float: left;
	width: 100%;
	clear: both;
}

#page
{
	background: url(../images/bot-bg.jpg) bottom repeat-x;
	width: 100%;
	height: 100%;
}

.pagewrap
{
	position: relative;
	width: 976px;
	margin: 0 auto;
}

#header
{
	position: relative;
	float: left;
	width: 100%;
	height: 103px;
	border: solid 0px red;
}

	#search-box
	{
		width: 219px;
		height: 26px;
		position: absolute;
		right: 8px;
		top: 27px;
		background: url(../images/search-bg.jpg) no-repeat;
	}
	
		#searchstring
		{
			position: absolute;
			border: none;
			width: 166px;
			height: 18px;
			padding: 0px 3px;
			margin: 0px;
			top: 5px;
			left: 8px;
		}
		
		#search-box input[type=submit]
		{
			position: absolute;
			height: 28px;
			width: 28px;
			right: 0px;
			top: 0px;
			cursor: pointer;
			background: none;
			border: none;
		}

	#logo
	{
		display: block;
		position: relative;
		width: 229px;
		height: 103px;
		background: url(../images/logo.jpg) no-repeat;
	}

	#header .menu
	{
		position: absolute;
		padding: 0px;
		margin: 0px;
		list-style: none;
		bottom: 12px;
		right: 10px;
	}
	
		#header li
		{
			padding: 0px;
			margin: 0px;
			float: left;
			height: 28px;
			line-height: 28px;
		}
		
		#header a
		{
			display: block;
			color: #fff;
			text-decoration: none;
			font-weight: bold;
			font-size: 11px;
			padding: 0px 10px;
		}
		
			#header .menu .selected.left
			{
				width: 5px;
				padding: 0px !important;
				background: url(../images/menu-left.png) left no-repeat;
			}
			
			#header .menu .selected.right
			{
				width: 5px;
				padding: 0px !important;
				background: url(../images/menu-right.png) right no-repeat;
			}
		
			#header .menu .selected a
			{
				padding: 0px 5px;
				background: #f4f7fb;
				color: #4b4b4b;
			}
			
			#header .menu a:hover
			{
				text-decoration: underline;
			}			
		
		#header .mbr
		{
			width: 9px;
			padding: 0px !important;
			background: url(../images/mbr.jpg) center no-repeat;
		}


#sidebar
{
	position: relative;
	float: left;
	width: 198px;
}

	#sidebar .banner
	{
		text-align: center;
	}

#content_area
{
	position: relative;
	float: right;
	width: 765px;
	margin-top: 8px;
}

	#content
	{
		position: relative;
		float: left;
		width: 100%;
	}
	
		#content .wrap
		{
			margin: 10px;
			line-height: 20px;
		}
		
			#content .wrap.shop
			{
				margin: 0px !important;
				line-height: 18px;
			}
	
		#content #title
		{
			font-size: 18px;
			margin: 5px 0px 5px 5px;
			color: #0087A8;
		}

#footer
{
	height: 140px;
	color: #fff;
}

	#brand_logos
	{
		position: absolute;
		display: table;
		width: 100%;
		bottom: 75px;
	}
	
		#brand_logos ul
		{
			position: relative;
			display: table-row;
			margin: 0px;
			padding: 0px;
			list-style: none;
		}
		
		#brand_logos li
		{
			position: relative;
			display: table-cell;
			padding: 0px;
			margin: 0px;
			vertical-align: bottom;
			text-align: center;
		}
	
	#footer a
	{
		color: #fff;
		text-decoration: none;
	}
	
	#footer a:hover
	{
		text-decoration: underline;
	}
	
	#footer_text
	{
		position: absolute;
		bottom: 20px;
		left: 0px;
	}
	
	#linkhome
	{
		position: absolute;
		right: 0px;
		bottom: 20px;
	}

.side_menu
{
	position: relative;
	float: left;
	width: 100%;
	margin: 8px 0px 0px 0px;
	padding: 0px;
	list-style: none;
	border: solid 3px #e4e4e4;
}

.side_menu li 
{
	padding: 0px;
	margin: 0px 0px;
}

.side_menu .level_1
{
	padding: 0px !important;
	margin: 0px !important;
	background: #fff url(../images/side-menu-bot.jpg)  top repeat-x;
}

.side_menu .level_1 a
{
	display: block;
	padding: 7px 8px 7px 18px;
	text-decoration: none;
	color: #878787;
	background: url(../images/side-menu-arrow.png) 5px 50% no-repeat;
}

	.side_menu .level_1:first-child
	{
		background: #fff;
	}
	
		.side_menu .level_1:first-child.selected,
		.side_menu .level_1:first-child:hover
		{
			background-color: #6f6f6f;
			background-image: none !important;
		}
	
	.side_menu .level_1.selected,
	.side_menu .level_1:hover
	{
		background: #6f6f6f url(../images/side-menu-bot.jpg) top repeat-x;
	}
	
		.side_menu .level_1.selected a,
		.side_menu .level_1:hover a
		{
			background: url(../images/side-menu-arrow-sel.png) 5px 50% no-repeat !important;
			color: #fff !important;
		}

.side_menu .level_2 
{
	padding-left: 23px !important; 
}
	
	.side_menu .level_2 a
	{
		color: #000;
		text-decoration: none;
		display: block;
		margin: 5px 0px;
	}
	
	.side_menu .level_2 a:hover
	{
		text-decoration: underline;
	}
	
	.side_menu .level_2.selected a
	{
		color: #7E9D27;
	}

.side_menu .level_3 
{
	padding-left: 30px !important; 
}

.side_menu .level_4 
{
	padding-left: 45px !important; 
}

.side_menu .active 
{
	font-weight: bold;
}

.button
{
	text-decoration: none;
	color: #fff;
	background: #89A827 !important;
	display: inline-block;
	margin-left: 10px;
	padding: 4px 10px;
	border: solid 1px #769527;
	cursor: pointer;
}
	.button:hover
	{
		text-decoration: underline;
		background: #769527 !important;
	}

	.button.compare
	{
		background: #333 !important;
		border: solid 1px #000;
	}
	
		.button.compare:hover
		{
			background: #111 !important;
		}

/**
 * FIRSTPAGE
 */
 
#firstpage #wowslider
{
	border: solid 3px #e4e4e4;
}
 
#firstpage #products
{
	position: relative;
	float: left;
	width: 100%;
	margin-top: 10px;
}

#firstpage .product_box p,
#firstpage .product_box .actions
{
	display: none;
}

#firstpage .product_box
{
	height: 230px;
}

#firstpage #content
{
	position: relative;
	top: 10px;
}

#firstpage .wrap
{
	margin: 0px 10px 10px 10px;
	line-height: 18px;
}

pre {
    background: #FFF;
    color: #555;
    border: 2px solid #CCC;
    padding: 5px;
    width: 100%;
    float: left;
    position: relative;
}

.dark-background, 
.modal-wrapper {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 5;
}

.dark-background {
    background: rgba(0,0,0,0.4);
}

.modal-price-request {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    width: 500px;
    max-width: 100%;
    margin: 0 auto;
    background: #ECECEC;
    padding: 10px 20px;
    display: table;
}

.field-wrapper {
    position: relative;
    width: 100%;
    float: left;
    margin-bottom: 10px;
}

.field-wrapper label {
    position: relative;
    width: calc(40% - 15px);
    float: left;
    text-align: right;
    padding: 5px 10px 5px 0px;
}

input.input, textarea.input {
    width: calc(60% - 17px);
    border: 1px solid #CCC;
    padding: 5px 10px;
}

textarea.input {
    min-height: 120px;
}

.price-request-wrapper h2 {
    position: relative;
    width: 100%;
    float: left;
    color: #000;
    font-size: 27px;
    margin: 5px 0px 0px 0px;
    border-bottom: 1px solid #89A53A;
    padding: 5px 0px 15px 0px;
}

.price-request-wrapper p {
    position: relative;
    width: 100%;
    float: left;
    margin-bottom: 20px;
    line-height: 150%;
    /* border-bottom: 1px solid #89A53A; */
    padding-bottom: 10px;
}

.buttons-wrapper {
    position: relative;
    width: 100%;
    float: left;
    text-align: right;
    margin: 10px 0px;
}

.after-message {
    position: absolute;
    top: 50%;
    background: #FFF;
    padding: 10px 20px;
    text-align: center;
    width: 300px;
    left: calc(50% - 150px);
    z-index: 2;
    border: 1px solid #89A53A;
    box-shadow: 0px 0px 15px #777;
}

.esto-leasing {
    position: relative;
    width: 100%;
    max-width: 320px;
    float: right;
    font-size: 15px;
    padding: 30px 20px;
    background: #efefef;
    background: #EFEFEE url(../images/thumbnail_estojarelmaks-logo.png) no-repeat 235px 28px;
    background-size: 100px;
}

.esto-leasing a {
    font-size: 14px;
}

.esto-leasing .explanation {
    font-size: 13px;
}

select[name="monthly_payments"] {
    padding: 4px 8px;
    min-width: 190px;
    margin-top: 10px;
}

.callbacks_tabs .callbacks_here a i.fa {
    color: #01204E;
}

.callbacks_tabs li a i.fa {
    color: #717171;
}