/*@vz_dog: #5E5CC4;
@vz_cat: #BA3670;
@vz_rodent: #86D00B;
@vz_horse: #F3861F;
@vz_rabbit: #DA9CCB;
@vz_iller: #DD3340;
@vz_sub: #9762C4;
*/

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,400italic,300italic,260);
@import url(https://fonts.googleapis.com/css?family=Lato:400,700,700italic);

html {
  box-sizing: border-box; }

*, *::after, *::before {
  box-sizing: inherit; }

body {
	background-color: #E2E9F0; /* 274459 #274459 */
	/*background: url(../img/bg.png) repeat fixed;*/
	font: 14px/1.4 'Open Sans', 'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif;
	margin: 0;
	padding: 0;
}

#page_wrap {
	margin: 0 auto;
	max-width: 1140px;
	position: relative;
}



#container {
	width: 100%;
	padding: 0;
	margin: 0 auto;
	background: #EEF4FA; /* d2e2f2*/
	/*-moz-box-shadow: 0 0 1em rgba(0,0,0,.5);
	-webkit-box-shadow: 0 0 1em rgba(0,0,0,.5);
	box-shadow: 0 0 1em rgba(0,0,0,.5);*/
	position: relative;
	box-shadow: 0 0 20px rgba(0,0,0,0.1);
}
	#page_header {
		position: relative;
		padding: 10px 0 0 0;
		background: #fff;
		overflow: hidden;
	}

	#page_header .header-top {
		display: block;
		background-color: #274459;
		color: #fff;
		text-align: center;
		padding: 10px;
		font-size: 12px;
		font-weight: normal;
	}
	#page_header .header-top p {
		margin: 0;
	}

	#page_header h1 {
		width: 25%;
		float: left;
		display: block;
		padding: 0;
		margin: 0;
	}
	#page_header h1 a {
		display: inline-block;
		padding: 10px 20px;
	}
	#page_header h1 a img {
		max-width: 100%;
	}
	#page_header h1 a.menu-toggle {
		display: none;
	}

	#page_header nav#site_nav {
		float: right;
		width: 75%;
		line-height: 36px;
		margin: 27px 0 23px 0;
		padding: 0 20px 0 0;
	}

		nav#site_nav ul.main-nav li {
			float: left;
			margin: 0 5px 0 0;
		}

		ul.main-nav li a {
			display: inline-block;
			padding: 0px 10px;
			color: #000;
			text-decoration: none;
			border: 1px solid #fff;
			border-radius: 3px;
		}

		ul.main-nav li a:hover,
		ul.main-nav li a:focus,
		ul.main-nav li a:active,
		ul.main-nav li.current a {
			background-color: #e5e5e5;
			border: 1px solid #ddd;

		}


		nav#site_nav ul.login-nav {
			float: right;
		}
		nav#site_nav ul.login-nav li {
			float: left;
			margin: 0 0 0 5px;
			padding: 0;
		}

		ul.login-nav li a {
			display: inline-block;
			padding: 0px 12px;
			border-radius: 3px;
			color: #274459;
			font-weight: normal;
			text-decoration: none;
		}
		ul.login-nav li a.login {
			border: 1px solid #274459;
		}

		ul.login-nav li a:hover,
		ul.login-nav li a:focus {
			text-decoration: none;
			background-color: #f5f5f5;
		}

		nav#animal_nav {
			float: left;
			width: 100%;
			background-color: #3b5b72;
			/*background: url(../img/animal_nav_bg.png) repeat-x;*/
			overflow: hidden;
			margin: 10px 0 0 0;
			height: 50px;
			/*box-shadow: 0 0 5px rgba(0,0,0,0.3);*/
		}

		nav#animal_nav ul {
			width: 100%;
			overflow: hidden;
			text-align: center;

		}
		nav#animal_nav ul li {
			display: inline-block;
		}

		nav#animal_nav ul li a {
			display: inline-block;
			color: #fff;
			text-decoration: none;
			text-transform: uppercase;
			padding: 0 25px 0 50px;
			/*border-right: 1px solid rgba(255,255,255,0.2);*/
			position: relative;
			font-weight: bold;
			font-size: 14px;
			line-height: 51px;
			-webkit-transition: all 0.3s;
			-webkit-font-smoothing: antialiased;
			/*text-shadow: 0 1px 1px rgba(0,0,0,0.5);*/
		}
		nav#animal_nav ul li a:hover,
		nav#animal_nav ul li a:focus,
		nav#animal_nav ul li.nav_current a {
			background: rgba(0,0,0,0.2);
			color: #fff;
			/*box-shadow: inset 0 0 15px rgba(0,0,0,0.6);*/
		}

		nav#animal_nav ul li a:before {
			content: "";
			position: absolute;
			left: 0;
			top: 0;
			bottom: 0;
			background-image: url(../img/animal_sprite_light.png);
			width: 50px;
			height: 50px;
		}


		#nav_hund a:before { background-position: left 0; }
		#nav_katt a:before { background-position: left -50px; }
		#nav_hast a:before { background-position: left -100px; }
		#nav_iller a:before { background-position: left -150px; }
		#nav_gnagare a:before { background-position: left -200px; }
		#nav_kanin a:before { background-position: left -250px; }
		#nav_reptil a:before { background-position: left -300px; }
		#nav_fagel a:before { background-position: left -350px; }

		#nav_hund a:hover:before, #nav_hund.nav_current a:before { background-position: -50px 0; }
		#nav_katt a:hover:before, #nav_katt.nav_current a:before { background-position: -50px -50px; }
		#nav_hast a:hover:before, #nav_hast.nav_current a:before { background-position: -50px -100px; }
		#nav_iller a:hover:before, #nav_iller.nav_current a:before { background-position: -50px -150px; }
		#nav_gnagare a:hover:before, #nav_gnagare.nav_current a:before { background-position: -50px -200px; }
		#nav_kanin a:hover:before, #nav_kanin.nav_current a:before { background-position: -50px -250px; }
		#nav_reptil a:hover:before, #nav_reptil.nav_current a:before { background-position: -50px -300px; }
		#nav_fagel a:hover:before, #nav_fagel.nav_current a:before { background-position: -50px -350px; }

		.search {

		}

		.search label {
			position: absolute;
			top: -5000px;
		}

		.search input[type=submit] {
			position: absolute;
			top: -5000px;
		}

		.search {
			margin-right: 10px !important;
		}

		.search #search {
			-webkit-appearance: none;
			-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
			border-radius: 3px;
			border: 1px solid #e5e5e5;
			background-color: #f5f5f5;
			width: 200px;
			margin: 0;
			padding: 10px 10px;
			-webkit-transition: background-color 0.5s, padding 0.5s;
			-moz-transition: background-color 0.5s, padding 0.5s;
			transition: background-color 0.5s, padding 0.5s;
		}

		input#search::-webkit-input-placeholder {
		    color: #555;
		}
		input#search:-moz-placeholder {
		    color: #555;
		}


		.search #search:focus {
			outline: none;
			background: rgba(255,255,255,0.65);
			padding-left: 5px;
		}

#search_results {
	background: #fff;
	padding: 20px;
	margin: 0 0 10px;
	overflow: hidden;
	/*box-shadow: 0 0 5px rgba(0,0,0,0.25);*/
	width: 100%;
	box-shadow: 0px 13px 20px rgba(0,0,0,0.25);

	position: absolute;
	z-index: 999;
	left: 0;
	top: 100px;
}

	#search_results .close-search {
		float: right;
		font-size: 14px;
	}
	#search_results .more {
		margin-top: 10px;
	}
	#search_results .more a {
		display: inline-block;
		border-radius: 3px;
		font-size: 14px;
		border: 1px solid #274459;
		padding: 10px 25px;
	}

	#search_results .col {
		float: left;
		width: 290px;
		padding: 10px;
	}

	#search_results .results {
		background: #f5f5f5;
		overflow: hidden;
	}

	#search_results h2 {
		font-weight: normal;
		background: #def;
		border-bottom: 1px solid #fff;
		padding: 10px;
		font-size: 16px;
		margin: 0;
	}

	#search_results h2 .full-search {
		font-size: 12px;
		float: right;
		margin-right: 30px;
		line-height: 16px;
	}

	#search_results.loading h2 {
		background: #def url(../img/ajax-loader.gif) no-repeat 905px center;
	}

	#search_results ul {
		list-style: none;
		margin: 0 10px 0 0;
		padding: 0;
	}

	#search_results p {
		font-size: 12px;
		margin-top: 0;
	}

	#search_results em, .search_results_page em {
		font-style: normal;
		background: yellow;
	}

	#search_results a {
		font-size: 120%;
	}


#content .search-results {
	float: left;
	width: 290px;
	font-size: 12px;
	margin: 12px 10px 12px 0;
}
#content .search-results ul {

	list-style: none;
	margin: 0;
	padding: 0;
}


#breadcrumbs {
	overflow: hidden;
	margin: 0;
	padding: 10px 10px 0 10px;
}
#breadcrumbs li {
	float: left;
	margin: 0 5px 0 0;
	font-size: 12px;
	color: #036;
}

	#breadcrumbs li:after {
		content: " >";
	}

	#breadcrumbs li a {
		font-weight: bold;
		text-decoration: none;
		color: #036;
	}

	#breadcrumbs li.current a {
		font-weight: normal;
	}

	#breadcrumbs li.current:after {
		content: "";
	}

/* ================= */
/* = CONTENT BOXES = */
/* ================= */

.alert {
	padding: 10px;
	border: 1px solid #a32929;
	margin: 10px 0;
}
.alert-danger {
	background: #c33;
	color: white;
	font-weight: bold;
}
.alert-danger a {
	color: white;
	text-decoration: underline;
}
.alert-danger a:hover {
	color: #f0c2c2;
	text-decoration: underline;
}

#content {
	overflow: hidden;
	width: 100%;
	padding: 10px;
	min-height: 200px;
}

#content .cols {
	width: 100%;
	position: relative;
}

#content .cols_2,
#content .cols_3 {
	float: left;
	margin: 0 0 0 0;
	min-height: 20px;
}
	#content .col_1,
	#content .col_2,
	#content .col_3 {
		float: left;
		/*margin: 0 10px 0 0;*/

	}



	#content .col_1 {
		width: 300px;
		float: left;
		/*
		position: absolute;
		right: 0;
		top: 0;
		*/
	}
	#content .cols_2 {
		/*width: 460px;*/
		width: 100%;
	}
	#content .col_2 {
		/*width: 450px;*/
		float: left;
		width: calc(100% - 320px);
	}

	#content .cols_3 {
		/*width: 720px;*/
	}
	#content .col_3 {
		/*width: 75%;*/
		overflow: hidden;
		width: calc(100% - 300px);
		float: left;
		padding-right: 10px;
	}

	#content .col_4 {
		width: 100%;
		margin: 0;
		clear: left;
	}

	#content .cols_4 {
		width: 960px;
		clear: left;
	}

	#content .cols_2 .col_1 {
		width: 50%;
	}

	#content .cols_3 .col_2 {
		overflow: hidden;
		float: none;
	}
	#content .cols_3 .col_1 {
		float: right;
		width: 300px;
	}

	#content .cols .col_3 .cols_2 > .col_2 {
		width: 100%;
	}
	#content .cols .col_3 .cols_2 > .col_1 {
		width: 50%;
	}

	#content .cols .col_1 .box {

	}

	#content .box {
		background: #fff;
		padding: 10px;
		margin: 0 0 10px;
		overflow: hidden;
		/*box-shadow: 0 0 5px rgba(0,0,0,0.25);*/
	}
	.banner_box {
		background: #fff;
		padding: 10px;
		margin: 0 0 10px;
		overflow: hidden;
		box-shadow: 0 0 5px rgba(0,0,0,0.25);
	}

	#content .box.nestle {
		background: #fff;
		padding: 0;
		margin: 0 0 10px;
		overflow: hidden;
		box-shadow: none;
	}
	#content .box.nestle >div {
		float: left;
	}

	#content .box.dognews {
		padding: 0;
	}

	#content .box.skk {

	}
	#content .box.skk img {
		max-width: 240px;
		margin: 0 auto;
	}

#content .box .col_1 {
	width: 220px;
}
#content .box .col_2 {
	width: 460px;
}

#content .grid .col {
	width: 150px;
	float: left;
	margin-bottom: 10px;
	margin-left: 5px;
	margin-right: 5px;

	/* float clearing for IE6 */
}
#content .grid .col:first-child
{
	margin-left: 0;
}
#content .grid .col:last-child
{
	margin-right: 0;
}


.pull-left {
	float: left;
}


/*
	SHOP VETZOO
*/
/*@vz_dog: #5E5CC4;
@vz_cat: #BA3670;
@vz_rodent: #86D00B;
@vz_horse: #F3861F;
@vz_rabbit: #DA9CCB;
@vz_iller: #DD3340;
@vz_sub: #9762C4;
*/
.bg-hund {
	background: #5E5CC4 !important;
}
.bg-hund-light {
	background: #918FF7 !important;
}
.bg-katt {
	background: #BA3670 !important;
}
.bg-gnagare {
	background: #86D00B !important;
}
.bg-kanin {
	background: #DA9CCB !important;
}
.bg-iller {
	background: #DD3340 !important;
}

.img-cover {
	max-width: 100%;
	width: 100%;
}
.filter-box {
	float:left;
	padding: 0 5px;
}
.filter-box:first-child {
	padding-left: 0;
}
.filter-box:last-child {
	padding-right: 0;
}
.product-box {
	/*padding-bottom: 10px;*/
}
.product-box .title {
	text-align: center;
	font-weight: bold;
}
.product-box .details .price {
	float: left;
	font-weight: bold;
	color: #FF9B03;
	font-size: 1.3em;
}
.product-box .details .buy {
	float: right;
}
.product-image {
	max-width: 100%;
}
* html .clearfix{
  height: 1%;
  overflow: visible;
}

/* float clearing for IE7 */
*+html .clearfix{
  min-height: 1%;
}

/* float clearing for everyone else */
.clearfix:after{
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  font-size: 0;
}
	.custom-clinic-boxes .box {
		min-height: 260px;
	}

	.meta-list {
		min-height: 100px;
		margin: 0 0 10px;
	}

	.meta-list li.new {
		font-style: italic;
		background: #ffc;
	}

	.meta-list li a {
		float: right;
		display: inline-block;
		opacity: 0.5;
		-moz-opacity: 0.5;
		filter:alpha(opacity=50);
		background: url(../img/edit-buttons.png) no-repeat;
		width: 16px;
		height: 16px;
		overflow: hidden;
		text-indent: -100000px;
	}

	.meta-list li a.remove-meta {
		background-position: right top;
	}

	.meta-list li a.update-meta {

	}

	.meta-list li a:hover {
		opacity: 1;
		-moz-opacity: 1;
		filter:alpha(opacity=100);
	}

	.meta-list.empty {
		color: #aaa;
		font-style: italic;
	}

	.box ul {
		margin: 0;
		list-style: none;
		padding: 10px 0;
	}

	.box ul li {
		margin: 0 0 4px;
		font-size: 12px;
	}

#page ul {
		margin: 0;
		list-style: none;
		padding: 0 0 10px 10px;
		list-style: disc;
	}

#page ul li {
		margin: 0 0 0 10px;
		font-size: 14px;
	}
#page h1,
.box.page h1
{
	margin-bottom: 10px;
}





.vets img
{
	border: 2px solid #FFFFFF;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);

}

#profile img
{
	border: 2px solid #FFFFFF;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
}
	#content .shop {
		position: relative;
		/*overflow: visible;*/
		min-height: 90px;
	}
/* TODO: add more shop overlays, i e norwegian */
/*
.sv	#content .shop:before {
		content: "butik";
		text-indent: -1000px;
		background: url(../img/butik_overlay.png) no-repeat;
		width: 85px;
		height: 85px;
		position: absolute;
		top: -6px;
		left: -6px;
		pointer-events:none;
	}
*/

	#content .feature-boxes .col_1 .box {
		margin-left: 10px;
	}


	#content .feature-boxes .col_1:nth-child(2n) .box {
		margin-left: 0;
	}

	#content .feature-boxes .box {
		min-height: 100px;
		font-size: 12px;
	}

	#content .feature-boxes .wide img {
		float: left;
		margin: 0 10px 0 0;
	}

	#content .feature-boxes .narrow {
		min-height: 260px;
	}

	#content .feature-boxes .narrow p {
		max-height: 65px;
		overflow: hidden;
	}
	#content .feature-boxes .narrow img {
		margin: 0 0 10px 0;
	}
	#content .feature-boxes .narrow .ad-text {
		background-color: #f5f5f5;
		padding: 2px 3px;
		margin-bottom: 3px;
		font-size: 10px;
		line-height: 12px;
		color: #777;
	}
	#content .feature-boxes .narrow .preamble {
		color: #333;
	}
	#content .feature-boxes .narrow .more {
		font-weight: bold;
	}
	#content .feature-boxes .narrow .more:after {
		content: " »";
	}

	#content .feature-boxes .box p {
		margin: 0;
		font-size: 12px;
	}

	#content .feature-boxes .box h1 {
		background: none;
		font-weight: bold;
		font-size: 14px;
		padding: 0;
		margin: 0 0 6px 0;
	}

	a.more {
		font-weight: bold;
	}

	a.more span {
		font-weight: normal;
		color: #333;
	}

	a.more:hover span {
		text-decoration: none;
	}

	a.more:after {
		content: " »";
	}

	a.logout {
		color: #c33;
		font-weight: bold;
	}

	a.logout:after {
		content: " »";
	}

.products .product {
	font-size: 12px;
	padding: 10px 0;
	float:left;
	margin: 0 7px;
	width: 200px;
}

.products .product h1 {
	background: none;
	padding: 0;
	margin: 0 0 12px;
	font-size: 14px;
	font-weight: bold;
}

.products img {
	display: block;
	margin: 0 auto 12px;
	max-width: 100%;
	height: auto;
}

.price {
	display: inline-block;

	font-size: 12px;
	float: right;
	text-decoration: none;
	height: 20px;
}
.price_tag
{
	font-weight: bold;
	font-size: 16px;
}

.price span.call_to_action {
	display: inline-block;
	background: url(../img/price-bg.png) repeat-x;
	border: 1px solid #ec7500;
	-webkit-font-smoothing: antialiased;
	padding: 0 5px;
	margin: 0 5px;
	line-height: 20px;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	vertical-align: baseline;
	border-radius: 3px;
}
.price:hover {
	text-decoration: none;
}
.price span:hover {
	background-position: bottom left;
	color: #fff;
}

.products .product {
	overflow: hidden;
}
.txt-links
{
	margin-top: 10px;

}
.txt-links-border
{
	padding-top: 10px;
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
	margin-bottom: 10px;
}
.txt-links .txt-links-header
{
	font-size: 0.8em;
	padding-bottom: 10px;
	font-weight: bold;

}
.txt-links .txt-links-content
{
	float: left;
	width: 215px;
	margin-right: 5px;
}
.txt-links .txt-links-content p
{
	font-size: 0.8em;
	color: black;

}
.txt-links .txt-links-content a
{
	font-size: 1em;
}
.box h1 {
	background: #def;
	font-size: 16px;
	font-weight: normal;
	padding: 5px 10px;
	margin: 0;
}

.ask-veterinary p {
	font-size: 12px;
}

ul.vet-list {
	list-style: none;
	margin: 0;
	padding: 0;
	background: #f5f5f5;
}

	ul.vet-list li {
		margin: 0 0 10px;
		padding: 10px;
		font-size: 12px;
		border-top: 1px solid #fff;
	}

.clinic-box .more {
	font-size: 12px;
}

#suggestions {
	background: #fff;
	padding: 10px;
	font-size: 12px;
	display: none;
	border-radius: 10px;
	border: 1px solid #ddd;
	margin: 10px 0;
}
#suggestions p {
	margin: 0 0 10px;
}
#suggestions ul {
	list-style: none;
	margin: 10px 0;
	padding: 0;
}


#page_footer {
	background: #fff;
	padding: 10px;
	font-size: 12px;
	color: #666;
}
	nav#footer_nav {
		overflow: hidden;
		margin: 0;
		border-top: 1px solid #ddd;
		padding: 10px 0;
	}

	nav#footer_nav a {
		font-weight: bold;
	}

	nav#footer_nav li {
		float: left;
		margin: 0 15px 0 0;
	}



	nav#footer_nav a:after {
		content: " »";
	}

	#footer_info {
		padding: 10px 0;
		overflow: hidden;
	}

	#page_footer h1 {
		font-weight: normal;
		font-size: 18px;
		margin: 0 0 14px;
	}

	#footer_info section {
		float: left;
	}

	#disclaimer {
		width: 50%;
		padding: 0 10px 0 0;
		margin: 0 10px 0 0;
		border-right: 1px solid #ddd;
	}

	#partners {
		width: 459px;
	}
	#partners a {
		display: inline-block;
		margin-right: 5px;
	}
	#partners img {
		float: left;
		margin: 10px;
		max-height: 75px;
	}

#footer_animals {
	overflow: hidden;
}

	#footer_animals ul {
		list-style: none;
		margin: 0 0 20px;
		padding: 0;
		width: 960px;
	}

	#footer_animals ul li.animal {
		width: 110px;
		float: left;
		margin: 0 10px 10px 0;
		font-size: 14px;
		overflow: hidden;
	}

	#footer_animals ul.links li {
		font-size: 11px;
	}

	#footer_animals a {
		color: #555;
		display: block;
		line-height: 1.5;
	}

	#footer_animals img {
		display: block;
		margin: 5px 0;
	}

	#footer_animals .links a:after,
	#footer_animals a.animal:after {
		content: " »";
	}



/* =========== */
/* = GENERAL = */
/* =========== */
nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

img {
	display: block;
}

a img {
	border: 0 none;
}

a {
	color: #369;
	text-decoration: none;
}

a:focus,
a:hover {
	text-decoration: underline;
}

a.button, .button {
	display: inline-block;
	-webkit-appearance: none;
	border-radius: 5px;
	color: #000;
	border: 1px solid #aaa;
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.5);
	padding: 5px 15px;
	font-size: 1em;
	text-shadow: 0 0 1px rgba(0,0,0,0.5);
	cursor: pointer;
	font-size: .9em;
	background: #ccc;
	border: 1px solid #bbb;
	background-image: linear-gradient(top, rgb(240,240,240), rgb(200,200,200));
	background-image: -o-linear-gradient(top, rgb(240,240,240), rgb(200,200,200));
	background-image: -moz-linear-gradient(top, rgb(240,240,240), rgb(200,200,200));
	background-image: -webkit-linear-gradient(top, rgb(240,240,240), rgb(200,200,200));
	background-image: -ms-linear-gradient(top, rgb(240,240,240), rgb(200,200,200));

	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(1, rgb(240,240,240)),
		color-stop(0, rgb(200,200,200))
	);
}
.button-disabled {

	cursor: default !important;
	opacity: 0.4;
}
a.button:hover {
	text-decoration: none;
	background: #aaa;
	border: 1px solid #bbb;
	background-image: linear-gradient(top, rgb(150,150,150), rgb(200,200,200));
	background-image: -o-linear-gradient(top, rgb(150,150,150), rgb(200,200,200));
	background-image: -moz-linear-gradient(top, rgb(150,150,150), rgb(200,200,200));
	background-image: -webkit-linear-gradient(top, rgb(150,150,150), rgb(200,200,200));
	background-image: -ms-linear-gradient(top, rgb(150,150,150), rgb(200,200,200));

	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(1, rgb(150,150,150)),
		color-stop(0, rgb(200,200,200))
	);
}

a.button.green {
	color: #fff;
	background: #71b81c;
	border: 1px solid #71b81c;
	background-image: linear-gradient(top, rgb(113, 184, 28), rgb(0,200, 80));
	background-image: -o-linear-gradient(top, rgb(113, 184, 28), rgb(0,200, 80));
	background-image: -moz-linear-gradient(top, rgb(113, 184, 28), rgb(0,200, 80));
	background-image: -webkit-linear-gradient(top, rgb(113, 184, 28), rgb(0,200, 80));
	background-image: -ms-linear-gradient(top, rgb(113, 184, 28), rgb(0,200, 80));

	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(1, rgb(113, 184, 28)),
		color-stop(0, rgb(0,200, 80))
	);
}
a.button.link, .button.link {
	color: #000;
	background: none;
	border: none;
	background-image: none;
	text-shadow: none;
	box-shadow: none;
	cursor: default;
	/*background-image: linear-gradient(top, rgb(113, 184, 28), rgb(0,200, 80));
	background-image: -o-linear-gradient(top, rgb(113, 184, 28), rgb(0,200, 80));
	background-image: -moz-linear-gradient(top, rgb(113, 184, 28), rgb(0,200, 80));
	background-image: -webkit-linear-gradient(top, rgb(113, 184, 28), rgb(0,200, 80));
	background-image: -ms-linear-gradient(top, rgb(113, 184, 28), rgb(0,200, 80));

	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(1, rgb(113, 184, 28)),
		color-stop(0, rgb(0,200, 80))
	);*/
}
a.button.blue,
input[type='submit'].blue,
input.blue,
button.blue {
	color: #fff;
	background: #0278d2;
	border: 1px solid #005ab8;
	background-image: -o-linear-gradient(top, rgb(3,149,217), rgb(0,103,206));
	background-image: -moz-linear-gradient(top, rgb(3,149,217), rgb(0,103,206));
	background-image: -webkit-linear-gradient(top, rgb(3,149,217), rgb(0,103,206));
	background-image: -ms-linear-gradient(top, rgb(3,149,217), rgb(0,103,206));

	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(1, rgb(3,149,217)),
		color-stop(0, rgb(0,103,206))
	);
	background-image: linear-gradient(top, rgb(3,149,217), rgb(0,103,206));

}
a.button.disabled,
input[type='submit'].disabled,
input.disabled,
button.disabled {
	color: #fff;
	background: #959FA6;
	border: 1px solid #85939E;
	background-image: -o-linear-gradient(top, rgb(149,159,166), rgb(149,159,173));
	background-image: -moz-linear-gradient(top,  rgb(149,159,166), rgb(149,159,173));
	background-image: -webkit-linear-gradient(top,  rgb(149,159,166), rgb(149,159,173));
	background-image: -ms-linear-gradient(top,  rgb(149,159,166), rgb(149,159,173));

	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(1, rgb(149,159,166)),
		color-stop(0, rgb(149,159,173))
	);
	background-image: linear-gradient(top,  rgb(149,159,166), rgb(149,159,173));
	cursor: default !important;
}
.meta-input {
	border: 1px solid #aaa;
	width: 160px;
}

.meta-form {
	margin: 10px 0 0;
	padding: 2px;
	border: 1px solid #aaa;
	overflow: hidden;
	z-index: 100;
	min-width: 140px;
}

.meta-form label span {
	display: block;
}

.meta-form button {
	float: right;
}

#clinic_meta_boxes .box {
	position: relative;
	overflow: visible;
}

#clinic_meta_boxes .add-meta {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	border-radius: 0;
	text-align: center;
}

button, input[type=submit] {
	cursor: pointer;
}

#content .add-new {
	text-align: center;
	background: #def;
	padding: 10px;
}

#content .clear-article-cache {
	text-align: center;
	background: #DEF;
	padding: 10px;
	margin-left: 5px;
}

h1, h2, h3, h4 {
	margin-top: 0;
	color: #333;
	line-height: 1.2;
}

h1 {
	font-size: 18px;
	color: #333;
}

p {
	margin: 0 0 12px 0;
}

/* ============= */
/* = SLIDESHOW = */
/* ============= */

#slideshow {
	height: 306px;
	width: 100%;
	overflow: hidden;
	position: relative;
	padding: 0 !important;
}

#slideshow img {
	display: block;
}

#slideshow .slideshow_wrap {
	height: 306px;
	width: 690px;
	overflow: hidden;
}

#slideshow .slides {
	height: 306px;
}

#slideshow .left,
#slideshow .right {
	position: absolute;
	top: 50%;
	height: 40px;
	width: 40px;
	margin-top: -20px;
	background: url(../img/slideshow_arrows.png) no-repeat;
	display: block;
	opacity: 0.8;
	-moz-opacity: 0.8;
	filter:alpha(opacity=80);
	-webkit-transition: opacity 0.3s;
	transition: opacity 0.3s;

}

#slideshow .left:hover,
#slideshow .right:hover {
	opacity: 1;
	-moz-opacity: 1;
	filter:alpha(opacity=100);
}

#slideshow .left {
	background-position: left bottom;
	left: 0;
}

#slideshow .right {
	background-position: right bottom;
	right: 0;
}

#slideshow .slide {
	height: 306px;
	width: 100%;
	position: relative;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

#slideshow .slide .text {
	position: absolute;
	top: 30px;
	max-width: 400px;
	left: 40px;
	text-shadow: 0 1px 1px rgba(255,255,255,.5);
}
#slideshow h2 {
	font-weight: normal;
	margin: 0 0 5px;
	color: #333;
	font-size: 30px;
}



.js #slideshow .slides .slide {
	display: none;
}

#slideshow .slideshow_wrap .slide {
	float: left;
	margin: 0;
}

.article-list h2 {
	font-size: 16px;
	margin: 0 0 3px;
}

.article-list .summary {
	font-size: 12px;
	border-bottom: 1px solid #eee;
	margin: 5px 0;
	padding: 5px 0;
}

.article-list .post-meta {
	color: #aaa;
	margin: 0;
}

.article-list .post-meta p {
	margin: 0;
}

.article-list .comments {
	float: right;
	margin-top: -10px;

}

.article-list .comments span {
	background: #aaa;
}

.article-list .comments span:after {
	border-left-color: #aaa;
}

/* =============== */
/* = SINGLE POST = */
/* =============== */

.social {
	border-top: 1px solid #e5e5e5;
	/*border-bottom: 1px solid #e5e5e5;*/
	padding: 10px 0;
}

.single-post h1 {
	padding: 0;
	background: none;
	font-size: 30px;
	font-weight: bold;
	margin: 0 0 12px;
}
.single-post .post-content {
	overflow: hidden;
}

.single-post header .post-meta {
	border-bottom: 1px solid #e5e5e5;
	overflow: hidden;
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
}

.box.single-post ul,
.single-post ul {
	list-style-type: disc;
	margin: 0 0 20px 30px;
	padding: 10px 0 0 10px;
}
.box.single-post ul li,
.single-post ul li {
	font-size: inherit;
}

img.post-img {
	display: block;
	float: right;
	margin: 0 0 14px 10px;
}

.post-content.medium {
	font-size: 1em;
}

.post-content.small {
	font-size: .8em;
}

.post-content.big {
	font-size: 1.5em;
}

header .comments {
	font-size: 12px;
	color: #4c4c4c;
	float: left;
}
.comments span {
	background: #4c4c4c;
	color: #fff;
	font-weight: bold;
	display: inline-block;
	padding: 2px 5px;
	margin: 0 2px 0 0;
	border-radius: 2px;
	font-size: 10px;
	position: relative;
	vertical-align: top;

}

.comments span:after {
	content: "";
	border-bottom: 4px solid transparent;
	border-top: 4px solid transparent;
	border-left: 4px solid #4c4c4c;
	position: absolute;
	left: 50%;
	margin-left: -2px;
	bottom: -4px;
	height: 0;
	width: 0;
	display: block;
}

header .tools {
	float: right;
	overflow: hidden;
}

.font-size {
	font-size: 12px;
	color: #4c4c4c;
	float: left;
}

.font-size a {
	background: url(../img/font-size.png) no-repeat;
	height: 16px;
	width: 16px;
	text-indent: -1000px;
	overflow: hidden;
	display: inline-block;
	margin: 0;
}

	.font-size a.small {
		background-position: left top;
	}
	.font-size a.medium {
		background-position: -17px top;
	}
	.font-size a.big {
		background-position: -34px top;
	}

header .print {
	float: left;
	font-size: 12px;
	margin: 0 0 0 10px;
}

.print a {
	color: #4c4c4c;
	background: url(../img/print.png) no-repeat right top;
	padding-right: 24px;
	display: inline-block;
	height: 20px;
}

.post-author {
	overflow: hidden;
	border-top: 1px solid #ccc;
	padding: 10px 2px;
	margin: 10px 0;
	font-size: 12px;
}

.post-author img {
	float: left;
	margin: 0 10px 10px 0;
	border: 2px solid #fff;
	box-shadow: 0 0 4px rgba(0,0,0,0.3);
}

#comments {
	background: #f5f5f5;
	margin: 10px -10px -10px;
	padding: 10px;
	border-top: 1px solid #aaa;
}

#comments h2 {
	font-size: 14px;
	text-align: center;
	margin: 10px 0;
}

.add-comment {

}

.add-comment .login {
	margin: 40px auto;
	display: block;
	width: 140px;
	text-align: center;
}

.add-comment label {
	position: absolute;
	left: -1000000px;
	top: -10000px;
}

#content .add-comment form {
	background: #f5f5f5;
	overflow: hidden;
	padding: 10px 0;
}

.add-comment form textarea {
	margin: auto;
	width: 100%;
}

.add-comment form #forum_respond_submit {

}

.gallery li {
	float: left;
	margin: 0 10px 10px 0;
}

.gallery {
	overflow: hidden;
}



#comments li {
	background: #fff;
}
#comments li.new {
	background: #ffe;
}

#comments li:before {
	border-right-color: #fff;
}

#comments li.new:before {
	border-right-color: #ffe;
}

/* ================ */
/* = SIDEBAR MENU = */
/* ================ */




#content .box.sidebar-menu h1 {
	background: #369;
	border-bottom: 1px solid #fff;
	color: #fff;
	-webkit-font-smoothing: antialiased;
}
#content .box.sidebar-menu h1 a, #content .box.sidebar-menu h1 a:hover, #content .box.sidebar-menu h1 a:visited, #content .box.sidebar-menu h1 a:active{
	color: #fff;
	text-decoration: none;
	display: block;
}

#sidebar_menu {
	list-style: none;
	margin: 0;
	padding: 0;
}

#sidebar_menu li {
	margin: 0;
}

#sidebar_menu .children {
	list-style: none;
	margin: 0;
	padding: 4px 10px;
	display: none;
	background: #f5f5f5;
}

#sidebar_menu a {
	display: block;
	background: #def;
	color: #333;
	text-transform: uppercase;
	text-decoration: none;
	padding: 5px 10px;
	font-weight: bold;
	font-size: 12px;
	position: relative;
	margin: 0 0 1px;
}

#sidebar_menu a:after {
	content: "";
	border-bottom: 4px solid transparent;
	border-top: 4px solid transparent;
	border-left: 4px solid #369;
	position: absolute;
	right: 10px;
	top: 10px;
	height: 0;
	width: 0;
	display: block;
}

#sidebar_menu .current a:after {
	border-right: 4px solid transparent;
	border-top: 4px solid #369;
	border-left: 4px solid transparent;
	border-bottom: 0 solid transparent;
}

#sidebar_menu li.current .children,
#sidebar_menu li.active .children {
	display: block;
}

#sidebar_menu .children a {
	background: #f5f5f5;
	text-transform: none;
	position: relative;
	min-height: 24px;
	line-height: 24px;
	padding: 0 5px;
	font-weight: normal;
	margin: -1px 10px 0 0;

}

#sidebar_menu .children li.current a,
#sidebar_menu .children li a:hover {
	background: #def;
	font-weight: bold;



}
#sidebar_menu .children li a:after {
	display: none;
}
#sidebar_menu .children li.current a:after,
#sidebar_menu .children li a:hover:after {
	content: "";
	border-top: 12px solid transparent;
	border-bottom: 12px solid transparent;
	border-left: 12px solid #def;
	position: absolute;
	right: -16px;
	top: 0;
	height: 0;
	display: block;
}

/* =========== */
/* = BANNERS = */
/* =========== */

#top_top_banner {

	margin: 10px auto 0 auto;
	width: 1220px;
}
.banner-inner img
{
	margin: 10px auto 0 auto;
}

#top_banner {
	display: none;
}

#top_banner {
	width: 950px;
	height: 130px;
	padding: 10px;
	background: #fff;
}

#top_banner .banner {
	width: 950px;
	height: 130px;
}

#offset_banners {
	position: absolute;
	width: 240px;
	right: 0;
	top: 10px;
}

#offset_banners .banner {
	width: 240px;
	height: 260px;
	margin-bottom: 20px;
	background: white !important;
}
#content .banner {
	padding: 0;
	box-shadow: none;
	background: transparent;

	margin: 30px auto 10px auto;
}
.banner {
	position: relative;
	background: #eee;
	margin-top: 20px;
}
	.banner:before {
		content: "▾ annons";
		font-size: 11px;
		position: absolute;
		top: -20px;
		height: 20px;
	}

	#offset_banners .banner:before {
		color: #fff;
	}

@media screen and (max-width: 1220px) {

	#offset_banners {
		position: static;
		width: 100%;
		padding-top: 15px;
		overflow: hidden;
		background: #fff;
	}

	#offset_banners .banner {
		float: left;
		margin: 10px 1px;
	}

	#offset_banners .banner:before {
		/* color: grey; */
	}

}



/* =========== */
/* = VETZOO = */
/* =========== */

.food-box .head-img {
	float: left;
}
.food-box p {
	float: left;
}

/* =========== */
/* = END VETZOO = */
/* =========== */


/* =========== */
/* = CLINICS = */
/* =========== */

#map_clinics {
	height: 400px;
	background: #fff url(../img/ajax-loader-black.gif) no-repeat center;
}

#map_clinics .info-window {
	font-size: 12px;
}

#map_clinics .animals,
#map_clinics .special {
	margin: 0;
	color: #aaa;
	font-size: 10px;
}

#content #search_clinics {
	width: 250px;
	float: left;
	border-right: 1px solid #ddd;
	background: #fff;
	padding-top: 0;
}
#search_clinics label {
	display: block;
	margin: 0 0 5px;
}
#search_clinics input {
	width: 230px;
	border: 1px solid #aaa;
	padding: 5px;
}

#clinic_filter {
	width: 600px;
	float: left;
	padding: 0 10px 10px;
}
#clinic_filter ul {
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
#clinic_filter li {
	float: left;
	margin: 0 10px 0 0;
}

#clinic_filter h4 {
	font-size: 12px;
	margin: 0 0 5px;
}



	#clinic_filter li a {
		display: inline-block;
		background: #e5e5e5 url(../img/main_nav_bg.png) repeat-x left top;
		border: 1px solid #ddd;
		padding: 5px 10px;
		border-radius: 10px;
		color: #000;
		text-decoration: none;

	}

	#clinic_filter li a.active,
	#clinic_filter li a:hover {
		background: #aaa;
	}

#clinic_list {
	list-style: none;
	margin: 10px 0;
	padding: 10px 0;
	border-top: 1px solid #ddd;
}

.js #clinic_list {
	display: none;
}

#clinic_list li {
	float: left;
	width: 25%;
	min-height: 120px;
	margin: 0 0 0 0;
	padding: 10px;
	font-size: 12px;
}

#clinic_list li.no-clinics {
	width: 100%;
	text-align: center;
	padding: 20px 0;
	margin: 10px 0;

}

	#clinic_list p {
		margin: 0;
	}

	#clinic_list li .special {
		color: #aaa;
	}

	#clinic_list li .animals {
		display: none;
	}

#clinic_map {
	float: left;
	margin: 0 20px 0 0;
	width: 490px;
	height: 250px;
}

.clinic-info {
	float: left;
	width: 420px;
}

	.clinic-info .info-box {
		width: 200px;
		margin: 0 10px 10px 0;
		float: left;
		font-size: 12px;

	}

	.clinic-info .info-box h2 {
		font-size: 14px;
		margin: 0;
	}

	.clinic-info .info-box p {
		margin: 0 0 10px;
	}

/* ========= */
/* = FORUM = */
/* ========= */

a.anchor {
	color: #666;
}

a.anchor:hover {
	text-decoration: none;
	border-bottom: 1px dashed #666;
}

.forum-thread,
.forum-threads {
	list-style: none;
	margin: 0;
	padding: 0;
}

	.forum-thread li,
	.forum-threads li {
		margin: 0 0 10px 65px;
		position: relative;
		min-height: 60px;
		background: #f5f5f5;
		padding: 10px;
		border: 1px solid #ddd;
	}

	.forum-threads li {
		padding: 10px;
		min-height: 30px;
	}

	.forum-threads li.read {
		opacity: 0.5;
		-moz-opacity: 0.5;
		filter:alpha(opacity=50);
		-webkit-transition: opacity 0.2s;
		transition: opacity 0.2s;
	}

	.forum-threads li.article {
		background: #ffe;
	}

	.forum-threads li.read:hover {
		opacity: 1;
		-moz-opacity: 1;
		filter:alpha(opacity=100);
	}

	.forum-threads li h2 {
		font-size: 14px;
		margin: 0 0 5px;
	}


	.forum-threads li .thread-meta {
		font-size: 11px;
		overflow: hidden;
	}

	.forum-threads li .thread-meta span {
		display: block;
		padding: 0 10px 0 0;
		width: auto;
		float: left;
	}

	.forum-threads li .thread-meta .category {
		width: 95px;
	}

	.forum-threads li .thread-meta .entries {
		width: 60px;
	}

	.forum-threads li .thread-meta .by {
		width: 150px;
	}

	.forum-thread li.first-post {
		background: #def;
	}

	.forum-thread li div.author {
		border-bottom: 1px solid #ddd;
		margin: 0;
		font-size: 12px;
		padding: 0 0 5px;
	}

	.forum-thread li:before,
	.forum-threads li:before {
		content: "";
		display: block;
		width: 0;
		height: 0;
		border-top: 8px solid transparent;
		border-bottom: 8px solid transparent;
		border-right: 8px solid #f5f5f5;
		position: absolute;
		left: -7px;
		top: 15px;
		z-index: 2;

	}

	.forum-threads li.article:before {
		border-right: 8px solid #ffe;
	}

	.forum-thread li.first-post:before {
		border-right: 8px solid #def;

	}
	.forum-thread article {
		overflow: hidden;
	}
	.forum-thread article img {
		float: right;
	}

	#forum_thread .respond {
		background: #eee;
		min-height: 100px;
		text-align: center;
		border-top: 1px solid #bbb;
		margin: 10px -10px -10px;
		padding-bottom: 20px;
	}

	#forum_thread .respond .login {
		margin: 50px 0;
	}

	#forum_thread .respond form {
		background: transparent;
		overflow: hidden;
		width: 460px;
		min-height: 80px;
		margin: 20px auto 0;
	}

	#forum_thread .respond form textarea {
		padding: 4px;
		width: 100%;
		margin: 10px 0;
		-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
	}

	#forum_thread .respond .form-savepost input {
		float: none;
		margin: 10px auto;
	}

	.add-image,
	.forum-image {
		display: none;
	}

	.form-field .add-image {
		float: left;
	}

	#forum_thread .forum-image form {

		background: #fff;
		margin: 0 auto;
		box-shadow: none;
		padding: 10px;
		min-height: auto;
		border: 1px solid #aaa;
	}

	div.pager {
		background: #b8b8b8;
		color: #fff;
		overflow: hidden;
		font-size: 12px;
		height: 30px;
		line-height: 30px;
		padding: 0 0 0 10px;
	}

	div.pager nav.pager {
		float: right;
	}

	div.pager nav.pager a {
		display: inline-block;
		color: #fff;
		height: 30px;
		padding: 0 8px;
		font-weight: bold;

	}

	div.pager nav.pager a:hover,
	div.pager nav.pager a.current {
		background: #909090;
		text-decoration: none;
	}



	.forum-thread li:after,
	.forum-threads li:after {
		content: "";
		display: block;
		width: 0;
		height: 0;
		border-top: 9px solid transparent;
		border-bottom: 9px solid transparent;
		border-right: 9px solid #ddd;
		position: absolute;
		left: -9px;
		top: 14px;
		z-index: 1;
	}

	.forum-thread li .author img,
	.forum-threads li .author-image img {
		position: absolute;
		border: 2px solid #fff;
		box-shadow: 0 0 4px rgba(0,0,0,0.3);
		left: -65px;
		top: 0;
	}

	.author-link {
		font-weight: bold;
	}

	.forum-thread article {
		border-top: 1px solid #fff;
		padding: 10px 0;
	}

	.first-post article {
		border-bottom: 1px solid #ddd;
	}

	.forum-thread .forum-post-meta {
		border-top: 1px solid #fff;
		padding: 10px 0 0;
	}

#forum_slug {
	display: none;
}

.forum-box {

}

.forum-box .more {
	font-size: 12px;
}
.forum-threads h1,
.forum-box h1 {
	background: #def url(../img/forum-icon.png) no-repeat 10px center;
	padding: 10px 10px 10px 65px;
	margin: 0 0 10px;
}

.forum-box ul {
	list-style: none;
	font-size: 12px;
	margin: 0;
	padding: 0;
}

.forum-box ul li {
	border-bottom: 1px solid #e5e5e5;
	margin: 0 0 10px;
}

.forum-box .author-image {
	float: left;
	width: 60px;
}

.forum-box .author-image img {
	border: 2px solid #fff;
	box-shadow: 0 0 4px rgba(0,0,0,0.3);
	display: block;
}

.forum-box .forum-post-meta {
	overflow: hidden;
	font-size: 10px;
	color: #4c4c4c;
	margin: 0 0 0 -10px;
	padding: 10px;
}

.forum-post-meta .post-info {
	float: left;
}

.forum-box p {
	margin: 0 0 4px;
}

/* ========= */
/* = ADMIN = */
/* ========= */

nav#admin_nav {
	float: left;
	width: 100%;
	background: #e5e5e5 url(../img/main_nav_bg.png) repeat-x;
	overflow: hidden;
	margin: 20px 0 0 0;
	height: 50px;
	box-shadow: 0 0 5px rgba(0,0,0,0.3);
}

nav#admin_nav ul {
	width: 1100px;
	overflow: hidden;

}
nav#admin_nav ul li {
	float: left;
}

nav#admin_nav ul li a {
	display: inline-block;
	color: #222;
	text-decoration: none;
	text-transform: uppercase;
	padding: 0 10px;
	border-right: 1px solid rgba(150,150,150,0.5);
	position: relative;
	font-weight: bold;
	font-size: 11px;
	line-height: 51px;
	-webkit-transition: all 0.3s;
	-webkit-font-smoothing: antialiased;
	text-shadow: 0 1px 1px rgba(255,255,255,0.5);
}
nav#admin_nav ul li a:hover,
nav#admin_nav ul li a:focus,
nav#admin_nav ul li a.current {
	background: #e5e5e5;
	color: #555;
	box-shadow: inset 0 0 15px rgba(0,0,0,0.6);
}

#product_table {
	display: none;
}

/* ===================== */
/* = MANAGE CATEGORIES = */
/* ===================== */

#category_list {
	list-style: none;
	margin: 0 0 200px 0;
	padding: 0;
}

	#category_list ul {
		list-style: none;
		margin: 0 0 0 20px;
	}

	#category_list li {
		position: relative;
	}

	#category_list a.remove {
		color: #333;
	}

	#category_list a.remove:hover {
		color: #f02;
	}

	.js #add_category_form {
		display: none;
		position: absolute;
		width: 375px;
		box-shadow: 0 0 5px rgba(0,0,0,0.4);
		border-radius: 5px;
		background: rgba(0,0,0,0.8);
		right: 0;
		top: -10px;
		padding: 0;
		z-index: 1;

	}

	#add_category_form:before {
		content: "";
		display: block;
		width: 0;
		height: 0;
		border-top: 8px solid transparent;
		border-bottom: 8px solid transparent;
		border-right: 8px solid rgba(0,0,0,0.8);
		position: absolute;
		left: -8px;
		top: 10px;
		z-index: 2;

	}

	.js #category_parent_id {
		display: none;
	}

	.js #category_parent label {
		display: none;
	}

	.js #add_category_form .form-field {
		width: 150px;
		height: 90px;
		margin: 10px 0 10px 10px;
		position: relative;
		float: left;
	}

	.js #add_category_form #category_submit {
		position: absolute;
		bottom: 10px;
		width: auto;
		right: 10px;
		padding: 5px 15px;
	}

/* ========= */
/* = FORMS = */
/* ========= */

#content form {
	padding: 10px;
	background: #fafaff;
}

form fieldset {
	border: 0 none;
	padding: 0;

}

form label {
	font-weight: bold;
	font-size: 12px;
}

form div.form-field,
form div.category-field {
	background: #fff;
	padding: 10px;
	border: 1px solid #ddd;
	border-radius: 5px;
	margin: 0 0 10px;
	overflow: hidden;
}

form div.form-field .form-field {
	border: 0 none;
	padding: 5px 0;
}

form div.form-field .form-short {
	float: left;
}

form div.form-short {
	width: 40%;
}

	form div.form-field input {
		border: 1px inset #ddd;
		width: 100%;
		padding: 4px;
	}

	.invalid {
		border-color: #f02 !important;
		background: #fee !important;
	}

	label.invalid {
		color: #c33;
	}

	#modal form input[type="text"].username-free {
		border-color: #2a5 !important;
	}

	#modal form input[type="text"].username-free:after {
		content: " √";
	}

	form div.form-field label {
		display: block;
		padding: 0 10px 0 0;
	}

	form div.form-field label span {
		color: #666;
		font-size: 0.9em;
		font-weight: normal;
	}

	form div.title-field input {
		font-size: 18px;
		width: 100%;
		display: inline-block;
	}

	form div.form-field input:focus,
	form div.form-textarea textarea:focus {
		background: #ffe;
	}



	form div.form-textarea label {
		display: block;
	}

	form div.form-textarea textarea {
		max-width: 100%;
		width: 100%;
		border: 1px inset #ddd;

	}
	form div.form-checkbox input {
		width: auto;
	}

	form label.checkbox {
		font-weight: normal;

		margin: 4px 0;
		display: inline;
		text-align: left;
	}

	form label.checkbox input {
		width: auto;
	}

	form div.form-checkbox label {
		font-weight: normal;
		display: inline-block;
	}

	.js .checkbox-form input[type=submit] {
		display: none;
	}


	form div.form-dropdown {

	}
	form div.form-dropdown label {
		display: inline-block;
	}

	form div.form-dropdown select {
		width: auto;
	}

	form div.form-savepost input {
		width: auto;
		padding: 5px 15px;
	}

	form div.form-savepost .form-field {
		float: left;
		width: 50%;
	}

	form input[type=submit] {
		display: inline-block;
		-webkit-appearance: none;
		float: right;
		border-radius: 5px;
		color: #fff;
		border: 1px solid #aaa;
		box-shadow: inset 0 1px 0 rgba(255,255,255,0.5);
		padding: 5px 15px;
		font-size: 1em;
		text-shadow: 0 0 1px rgba(0,0,0,0.5);
		cursor: pointer;
		background: #aaa;
		border: 1px solid #999;
		background-image: linear-gradient(top, rgb(200,200,200), rgb(150,150,150));
		background-image: -o-linear-gradient(top, rgb(200,200,200), rgb(150,150,150));
		background-image: -moz-linear-gradient(top, rgb(200,200,200), rgb(150,150,150));
		background-image: -webkit-linear-gradient(top, rgb(200,200,200), rgb(150,150,150));
		background-image: -ms-linear-gradient(top, rgb(200,200,200), rgb(150,150,150) );

		background-image: -webkit-gradient(
			linear,
			left bottom,
			left top,
			color-stop(1, rgb(200,200,200)),
			color-stop(0, rgb(150,150,150))
		);
	}



	form div.form-field input[type=submit]:focus,
	form #post_submit.unpublished,
	form input.unpublished[type=submit],
	form #post_submit {
		background: #aaa;
		border: 1px solid #999;
		background-image: linear-gradient(top, rgb(200,200,200), rgb(150,150,150));
		background-image: -o-linear-gradient(top, rgb(200,200,200), rgb(150,150,150));
		background-image: -moz-linear-gradient(top, rgb(200,200,200), rgb(150,150,150));
		background-image: -webkit-linear-gradient(top, rgb(200,200,200), rgb(150,150,150));
		background-image: -ms-linear-gradient(top, rgb(200,200,200), rgb(150,150,150));

		background-image: -webkit-gradient(
			linear,
			left bottom,
			left top,
			color-stop(1, rgb(200,200,200)),
			color-stop(0, rgb(150,150,150))
		);
	}
	form #post_submit.published,
	form input.valid[type=submit],
	form input.published[type=submit],
	form #answer_submit.published,
	form div.form-field input.valid[type=submit]:focus,
	#modal form input[type=submit] {

		background: #0278d2;
		border: 1px solid #005ab8;
		background-image: linear-gradient(top, rgb(3,149,217), rgb(0,103,206));
		background-image: -o-linear-gradient(top, rgb(3,149,217), rgb(0,103,206));
		background-image: -moz-linear-gradient(top, rgb(3,149,217), rgb(0,103,206));
		background-image: -webkit-linear-gradient(top, rgb(3,149,217), rgb(0,103,206));
		background-image: -ms-linear-gradient(top, rgb(3,149,217), rgb(0,103,206));

		background-image: -webkit-gradient(
			linear,
			left bottom,
			left top,
			color-stop(1, rgb(3,149,217)),
			color-stop(0, rgb(0,103,206))
		);
	}

	form input, form textarea { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

	form .msg {
		padding: 5px;
		background: #ffc;
		border: 1px solid #ddd;
		color: #222;
		font-size: 12px;
		margin: 5px 0;
		text-align: left;
	}

	form .error {
		background: #fcc;
		color: #a02;
	}

	#question_description.edit-hover {
		background: #ffc;
	}

	.js #post_categories_wrapper {
		display: none;
	}



	#post_categories_wrapper ul {
		width: 200px;
		list-style: none;
		margin: 0;
		padding: 0;
		position: relative;
	}

	#post_categories ul {
		margin: 0 0 0 20px;
	}

	#post_categories_wrapper ul li {
		margin: 4px 10px;
	}

	#post_categories a {
		display: inline-block;
		background: #aaa;
		color: #fff;
		padding: 0 10px;
		font-size: 12px;
		line-height: 20px;
		border-radius: 3px;
	}

	#post_categories .active>a {
		background: #222;
	}

		#post_categories label {
			position: relative;
			cursor: pointer;
			display: inline-block;
			background: #aaa;
			color: #fff;
			padding: 0 10px;
			font-size: 12px;
			line-height: 20px;
			border-radius: 3px;
			font-weight: normal;
		}
		#post_categories label input {
			position: absolute;
			left: -10000px;
		}

		#post_categories label.active {
			background: #222;
		}

		#post_categories label.active:before {
			content: "✔ ";
		}

/*	.js #post_slug_wrapper {
		display: none;
	}*/

	#post_slug_wrapper label {
		display: inline;
		margin: 0;
		padding: 0;

	}

	#post_slug_wrapper input {
		display: inline;
		width: 200px;
		margin: 0;
		border: 0 none;
		border-bottom: 1px solid #fff;
		padding: 0;

	}

	#post_slug_wrapper input:focus,
	#post_slug_wrapper input:hover {
		border-bottom: 1px dotted #aaa;
	}
	#tag_list {
		list-style: none;
		margin: 0 0 12px;
		padding: 0;
		overflow: hidden;
	}
	#tag_list li {
		float: left;
		margin: 0 2px 2px 0;
		display: inline-block;
		background: #eee;
		color: #222;
		text-shadow: 0 0 1px rgba(255,255,255,0.5);
		padding: 0 5px 0 10px;
		font-size: 10px;
		line-height: 20px;
		border-radius: 3px;
		-webkit-font-smoothing: antialiased;
		-webkit-transition: opacity 0.2s;
		transition: opacity 0.2s;
	}

	#tag_list li.loading {
		font-style: italic;
		opacity: 0.5;
		-moz-opacity: 0.5;
	}


	#tag_list li a {
		display: inline-block;
		color: #444;
		text-decoration: none;
		padding: 0 5px;
		line-height: 20px;
		font-weight: bold;
	}
	#tag_list li a:hover {
		color: #f02;
	}

	#tag_list li.loading a {
		display: none;
	}

#relation_list li a.remove {
	color: #f02;
	font-weight: bold;
}

#image_target img {
	display: block;
	max-width: 100%;
	height: auto;
	margin: 10px auto;
}

.answer-list {

}

#content .answer-list ul {
	margin: 12px 0;
	padding: 0;
	list-style: none;
	font-size: 12px;
}
	#content .answer-list li {
		position: relative;
		margin: 0 0 10px 70px;
	}
	.answer-list li .author {
		color: #555;
		font-size: 11px;
		margin: 2px 0 0;
	}

	.answer-list li .question {
		background: #e5e5e5;
		border: 1px solid #ddd;
		padding: 10px;
		position: relative;
		overflow: visible;

	}

	.answer-list li .question:after {
		border-top: 8px solid transparent;
		border-bottom: 8px solid transparent;
		border-right: 8px solid #e5e5e5;
		content: "";
		width: 0px;
		height: 0px;
		position: absolute;
		top: 15px;
		left: -8px;
	}

	.answer-list li .question:before {
		border-top: 9px solid transparent;
		border-bottom: 9px solid transparent;
		border-right: 9px solid #ddd;
		content: "";
		width: 0px;
		height: 0px;
		position: absolute;
		top: 14px;
		left: -9px;
	}

	.answer-list p {
		margin: 0;
	}


	.answer-list li .author img {
		position: absolute;
		position: absolute;
		border: 2px solid #fff;
		box-shadow: 0 0 4px rgba(0,0,0,0.3);
		left: -70px;
		top: 0;
	}

/* THEME PAGES */

.theme-boxes {

}

	.theme-box {
		position: relative;

	}

	.theme-box img {
		display: block;
	}

	.theme-box .text {
		position: absolute;
		bottom: 20px;
		left: 10px;
		background: rgba(255,255,255,1);
		color: #000;
		padding: 10px 30px 10px 0;
		pointer-events: none;
	}

	.theme-box .text p {
		margin: 2px 0;
	}



	.theme-box h1, .theme-post h1 {
		background: none;
		padding: 0;
		font-size: 18px;
	}

	.theme-post .theme-image {
		display: block;
		position: relative;
	}

	.theme-image img {
		display: block;
		margin: 0 0 15px;
	}

	.theme-image h1 {
		position: absolute;
		bottom: 20px;
		left: 0;
		background: rgba(255,255,255,1);
		color: #000;
		padding: 10px 30px 10px 0;
		font-size: 24px;
	}


	.theme-widget h1 {
		background: #20649C;
		color: #fff;
	}

	.theme-widget {
		position: relative;
	}

	#content ul.theme-list {
		margin: 0;
		padding: 12px 0 0 0;
	}

.load-bubble {
	position: fixed;
	background: rgba(0,0,0,0.8);
	color: #fff;
	top: 10px;
	left: 50%;
	width: 200px;
	margin-left: -120px;
	padding: 10px 20px;
	text-align: center;
	-webkit-font-smoothing: antialiased;
	border-radius: 5px;
	border: 2px inset rgba(0,0,0,0.9);
	z-index: 1000;
}

#modal form {
	width: 220px;
	margin: 10px auto;
	border-radius: 0 none;
	background: none;
	position: relative;

}

#modal .logo {
	display: block;
	margin: 10px auto;
}

#modal .form-field {
	background: none;
	border: none;
}

#modal form label.checkbox {
	position: static;
	left: 0;
	width: 100%;
	text-align: left;
}

#modal form label {
	position: absolute;
	left: -80px;
	font-weight: normal;
	display: block;
	width: 80px;
	text-align: right;
	line-height: 2;
}


#modal #forum_edit_thread {
	width: 440px;
}

#modal form input[type="text"],
#modal form input[type='password'] {
	border: 1px solid #ccc;
	border-radius: 2px;
	box-shadow: 0 0 0 1px rgba(255,255,255,0.5), inset 0 4px 4px rgba(0,0,0,0.05);

}

#modal form button,
#modal form input[type=submit] {
	width: auto;
	float: none;
	margin: 0;
	padding: 5px 15px;
	float: left;
	border: 1px solid #369;
}

.facebook-login,
.normal-login,
.signup-user {
	background: #e5e5e5;
	padding: 10px;
	border-top: 1px solid #fff;
	text-align: center;
}

.normal-login h2 {
	font-size: 12px;
}

.login-links a {
	font-size: 12px;
	display: inline-block;
	padding: 10px;
}


#modal {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 580px;
	margin-left: -290px;
	background: #fff;
	padding: 10px;
	box-shadow: 0 0 1em rgba(0,0,0,0.2);
	z-index: 110;
	max-height: 80%;
	overflow: auto;
}


#modal h1 {
	text-align: center;
	font-weight: normal;
	background: #def;
	font-size: 14px;
	padding: 5px;
	margin: 0 0 1px;
}

#modal #fbconnect-wrapper {
	background-color: #e5e5e5;
	padding: 5px;
	text-align: center;
}

#modal #fbconnect-wrapper img {
	display: block;
	margin: 10px auto;
	border: 2px solid #fff;
	box-shadow: 0 0 4px rgba(0,0,0,0.3);
}

#modal #fbconnect-wrapper.loading {
	color: #aaa;
	background: #e5e5e5 url(../img/ajax-loader-black.gif) no-repeat 10px center;

}

.fb-like {
	top: -2px;
}

#modal #fbconnect_btn,
a.fb-button {
	display: inline-block;
	width: 160px;
	height: 32px;
	color: #fff;
	-webkit-font-smoothing: antialiased;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
	font-size: 12px;
	font-weight: bold;
	line-height: 32px;
	padding: 0 5px 0 35px;
	text-align: left;
	background: url(../img/fb-login.png) no-repeat;
}

#overlay {
	position: fixed;
	background: #000;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 100;
}

table {
	font-size: 12px;
}

.dataTables_wrapper {
	background: #fff;
	margin: 10px 0;
	padding: 10px 10px 30px 10px;
}
#survey_form .ss-scalenumbers, #survey_form .ss-gridnumbers, #survey_form .ss-gridrow
{
	text-align: center;
}
#survey_form .ss-gridrow-leftlabel
{
	text-align: left;
}
#survey_form .ss-required-asterisk {
	display: none;
}
#survey_form .required-message
{
	display: none;
}
#survey_form .ss-q-title
{display:block;
font-weight:bold;

font-size: 1.1em;
}
#survey_form label {
	font-size: 1.1em;
}
#survey_form .ss-choice-item-control {
	float: left;
}
#survey_form h1 {color: #45321c;}

#survey_form ul
{padding:0 0 1em 1em}ol{padding:0 0 1em 1.3em}

#survey_form li
{line-height:1.5em;padding:0 0 .5em 0}

#survey_form a {
color: #c9743d;
text-decoration: none;}

#survey_form a:hover {
color: #c9743d;
text-decoration: underline;}
#survey_form p
{padding:0 0 1em 0}

#survey_form input,select,textarea,option
{font-family:inherit;font-size: 16px;
padding: 5px;

}
#survey_form .ss-item
{
	padding: 10px;
}
#survey_form .errorbox-good
{
	/*border: 2px solid #FFF;*/
	background-color: none;


}
#survey_form .errorbox-bad
{
	border: 2px solid #C43B1D;
	background-color: #FFE6CC;
	padding: 8px;


}
#survey_form .ss-textarea
{max-width:99%}

#survey_form .ss-q-help
{display:block;color:#666;margin:.1em 0 .25em 0}

#survey_form .ss-q-long
{max-width:90%}

#survey_form .ss-form-entry
{margin-bottom:1.5em}

#survey_form .ss-choices
{list-style:none;margin:.5em 0 0 0;padding:0}

#survey_form .ss-required-asterisk
{color:#c43b1d}

#survey_form .ss-choice-label
{display:block;cursor:pointer}

#survey_form ul label
{display:inline}


.hide
{
	display: none;
}


.text-right
{
	text-align: right;
}

.tower{
	width: 300px;
	overflow: hidden;
}
.tower a {
	display: block;
	padding: 0 0 10px 0;
}
.tower a img {
	display: block;
}

#panorama_ad{
	margin: auto;
}
#panorama_ad.smal{
	width: 320px;
}

/* Revive zones single post */

#content .native-boxes-single-post {
	display: block;
	overflow: hidden;
}
#content .native-boxes-single-post .col {
	width: 50%;
	float: left;
}
#content .native-boxes-single-post .col .ad-box {
	padding: 0;
	font-size: 12px;
}
#content .native-boxes-single-post .col .ad-box .ad-text {
	background-color: #f5f5f5;
	padding: 2px 3px;
	margin-bottom: 3px;
	font-size: 10px;
	line-height: 12px;
	color: #777;
}
#content .native-boxes-single-post .col .ad-box ins > a {
	display: block;
	padding: 0;
	margin: 0 0 20px 0;
}
#content .native-boxes-single-post .col .ad-box.first {
	padding-right: 10px;
}
#content .native-boxes-single-post .col .ad-box.last {
	padding-left: 10px;
}
#content .native-boxes-single-post .col .ad-box h1 {
	font-weight: bold;
    font-size: 14px;
    padding: 0;
    margin: 0 0 6px 0;
}
#content .native-boxes-single-post .col .ad-box p {
	color: #333;
	margin: 0;
    font-size: 12px;
}
#content .native-boxes-single-post .col .ad-box p .more {
	font-weight: bold;
    color: #369;
}
#content .native-boxes-single-post .col .ad-box p .more::after {
	content: " »";
}
#content .native-boxes-single-post .col .ad-box img {
    margin: 0 0 10px 0;
}

@media screen and (max-width: 400px) {
	#content .native-boxes-single-post .col {
		width: 100%;
		float: left;
	}
	#content .native-boxes-single-post .col .ad-box ins > a {
		padding: 0;
		margin: 0 0 10px 0;
		min-height: inherit;
	}
	#content .native-boxes-single-post .col .ad-box.first,
	#content .native-boxes-single-post .col .ad-box.last {
		padding: 0;
	}
	#content .native-boxes-single-post .col .ad-box img {
		max-width: 50%;
	}
}

/* Sticky ad */
#page_wrap #tws_outer_column {
	display: none;
	width: 100%;
	text-align: center;
}
#page_wrap #tws_outer_column .ad-text {
	font-size: 10px;
    line-height: 20px;
    color: #fff;
}

#page_wrap #tws_desktop {
	position: relative;
	background-color: transparent;
	width: 300px;
	margin: 0 auto;
}

#page_wrap #tws_desktop ins {
	display: block;
	padding-bottom: 10px;
}

#page_wrap #tws_desktop_sidebar a {
	display: block;
	margin-bottom: 10px;
}

#page_wrap #tws_mobile {
	position: relative;
	width: 300px;
	margin: 0 auto 10px auto;
}
#page_wrap #tws_mobile a {
	display: block;
	padding-bottom: 10px;
}

@media screen and (min-width: 1280px) {
	#page_wrap {
		max-width: 1440px;
	}
	#page_wrap #container {
		float: left;
		width: calc(100% - 300px);
		max-width: 1140px;
	}
	#page_wrap #tws_outer_column {
		display: block;
		width: 300px;
		height: 500px;
		position: relative;
		float: right;
	}
	#page_wrap #tws_outer_column .ad-text {
		position: fixed;
		top: 0;
		padding-left: 10px;
	}

	#page_wrap #tws_desktop {
		position: fixed;
		top: 20px;
		width: 300px;
	}
}
@media screen and (max-width: 768px) {
	#page_wrap .tower {
		margin: 0 auto 0 auto;
	}
}