@font-face {
    font-family: 'OpenSansRegular';
    src: url('OpenSans-Regular-webfont.eot');
    src: url('OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('OpenSans-Regular-webfont.woff') format('woff'),
         url('OpenSans-Regular-webfont.ttf') format('truetype'),
         url('OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'OpenSansLight';
    src: url('OpenSans-Light-webfont.eot');
    src: url('OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('OpenSans-Light-webfont.woff') format('woff'),
         url('OpenSans-Light-webfont.ttf') format('truetype'),
         url('OpenSans-Light-webfont.svg#OpenSansLight') format('svg');
    font-weight: normal;
    font-style: normal;
}

body{
  background: #9e9e9e;
  color: #555;
  font-family: 'OpenSansRegular', Arial, sans-serif;
    font-size: 0.8em;
    line-height: 1.4em;
  margin: 0;
  padding: 0;
}

.print{
  display: none;
}

#site-wrap{
  background: #bbb url('../img/background.jpg') no-repeat 50% 0%;
  background: url('../img/background.jpg'), #bbb url('../img/background.png');
  background-repeat: no-repeat, repeat-x;
  background-position: 50% 0%, 50% 0%;
  overflow: hidden;
  padding-top: 20px;
  min-width: 980px;
}
/*--------globals-------*/
#logo{
  float: left;
  margin: 0;
  padding: 0;
  position: absolute;
    top: 25px;
    left: 30px;
  z-index: 2;
}
#logo a, #logo img{
  display: block;
}

h1, h2, h3, h4,
.h1, .h2, .h3, .h4 {
  color: #000;
  font-weight: bold;
  margin: 0;
  padding: 0.2em 0 0.6em 0;
}
h1, .h1{
  clear: left;
  font-size: 1.7em;
  line-height: 1.2em;
}
h2, .h2{
  clear: left;
  font-size: 1.5em;
  line-height: 1.2em;
}
h3, .h3{
  font-size: 1.3em;
  line-height: 1.2em;
}
h4, .h4{
  font-size: 1.1em;
  line-height: 1.2em;
}

a{
  color: #0199d3;
}

a:visited{
}

a:hover{
  color: #000;
}

img{
  border: 0;
  padding: 0;
  margin: 0;
}

img.left{
  clear: left;
  float: left;
}

img.right{
  clear: right;
  float: right;
}

p, address{
  margin: 0;
  padding-bottom: 1em;
  /*text-align: justify;*/
}

ul{
  margin: 0 0 0 0.7em;
  padding: 0 0 1em 0.7em;
  list-style: disc;
}

hr{
  color: #BCBEC0;
  height: 1px;
  border: none;
  border-top: 1px solid #BCBEC0;
  clear: both;
}

.cleaner{
  clear: both;
  visibility: hidden;
  margin: 0;
  overflow: hidden;
  padding: 0;
  height: 0;
}

table{
  margin-bottom: 1em;
}

th.left, td.left{
  text-align: left;
}

th.center, td.center{
  text-align: center;
}

th.right, td.right{
  text-align: right;
}

th, td{
	border: 1px solid #999;
  padding: 0.1em 0.5em 0.1em 0.5em;
}

th{
	border: 1px solid #666;
  color: #333;
  text-align: left;
}

form{
  margin: 0;
  padding: 0;
}

fieldset{   
  border: 1px solid #aaa;
  margin-bottom: 1em;
}
fieldset legend{
  color: #aaa;
  color: inherit;
}
html.ie7 fieldset legend{
  color: #aaa;
}

fieldset table, fieldset th, fieldset td{
  background: none;
  border: none;
}

fieldset th, fieldset td{
  vertical-align: top;
}
fieldset th{
  text-align: right;
  color: #333;
  padding-right: 0;
}
fieldset th .optional{
  color: #666;
  font-weight: normal;
}

label.required{
  font-weight: bold;
}
/*-------site-------*/
#site{
  margin: auto;
  width: 980px;
  overflow: hidden;
  position: relative;
}

#nav-skip {
    left: -2000px;
    position: absolute;
    top: 0;
    width: 960px;
}
#nav-skip a:focus, #nav-skip a:active {
    background: #FFFFFF;
    left: 2000px;
    padding: 5px;
    position: absolute;
    text-align: center;
    width: 250px;
    z-index: 999;
}

/*-------header-------*/
#header-wrap{
  position: absolute;
  top: 20px; left: 0;
  width: 100%;
  z-index: 1;
}
#header-top, #header{
  background: #00ABEB url('../img/header.jpg') no-repeat;
  height: 170px;
  margin: auto;
  position: relative;
  /*z-index: 99;*/
  width: 980px;
}

#lang-switcher-0 {
    top: -20px;
    position: absolute;
    right: 190px;
    z-index: 2;
}
#lang-switcher-0 ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
#lang-switcher-0 ul li {
    float: left;
    padding-left: 12px;
}
#lang-switcher-0 ul li a{
  color: #000;
  text-decoration: none;
}
#lang-switcher-0 ul li a:hover{
  color: #0076b4;
}
#lang-switcher-0 ul li img{
  vertical-align: middle;
  margin-right: 4px;
}
/*-------navbar------*/
ul.nav-main{
  background: #5890AB url('../img/header.jpg') no-repeat 0 100%;
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute;
    left: 0px;
    bottom: 0px;
}

ul.nav-main li{
  background: url('../img/navbar-button.png') no-repeat 100% 0%;
  float: left;
  position: relative;
  padding-right: 2px;
}

ul.nav-main li a,
ul.nav-main li span{
  color: #e3f6ff;
  display: block;
  font-size: 1.0em;
  line-height: 42px;
  padding: 0px 11px 0px 11px;
  text-align: center;
  text-decoration: none;
  -o-transition: background-position 0.3s;
  -webkit-transition: background-position 0.3s;
  transition: background-position 0.3s;
  background-position: 0 -10px;
}
ul.nav-main li > a:hover, ul.nav-main li.nav-active > a,
ul.nav-main li.nav-active > span{
  background: #0072B9 url('../img/navbar-button-active.png') repeat-x 0 100%;
  color: #fff;
}

ul.nav-main li:hover ul{
  display: block;
}
ul.nav-main ul{
  background: #fff;
  display: none;
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute;
  width: 210px;
  -webkit-box-shadow: 0 9px 6px rgba(0,0,0,0.2);
  box-shadow: 0 9px 6px rgba(0,0,0,0.2);
  z-index: 99;
}

ul.nav-main ul li{
  border: 1px solid #00A9EC;
  border-top: none;
  float: none;
  padding: 0;
}

ul.nav-main ul li a{
  background: #0072B9;
  border: none;
  font-weight: normal;
  display: block;
  text-align: left;
  position: relative;

  font-size: 1.0em;
  line-height: 24px;

  height: 100%;
}
ul.nav-main ul li.nav-active a,
ul.nav-main ul li a:hover{
  background: #009EE8;
}



/*---- kategorie ----*/
#categories{
  margin: 0px 0 20px 0;
}
#categories h3{
  margin: 2px;
  padding: 0px 0px 10px 0px;
}

#categories ul.nav-category{
  border: 1px solid #cdcdcd;
  list-style: none;
  margin: 0;
  padding: 0;
}
#categories ul.nav-category a,
#categories ul.nav-category span{
  color: #0199d3;
  display: block;
  line-height: 14px;
  padding: 4px 5px 4px 17px;
  text-decoration: none;  
}
#categories ul.nav-category span{
  color: #68bedf;
}
#categories ul.nav-category a:hover{
  color: #000;
  text-decoration: underline;
}
#categories ul.nav-category li.nav-active > a.nav-has-children{
  color: #2774D8;
  font-weight: bold;
}

#categories ul.nav-category > li > a,
#categories ul.nav-category > li > span{
  background: url('../img/arr.png') no-repeat 5px 6px;
  border: 1px solid #fff;
  line-height: 22px;
  padding: 0px 5px 0px 20px;
  transition: 0.3s all;
}
#categories ul.nav-category > li > a:hover{
  /*border: 1px solid #69A4C3;*/
}
#categories ul.nav-category > li > ul{
  /*background: #ddd;*/
  font-size: 0.95em;
}
#categories li:not(.nav-active) ul{
  display: none;
}
#categories ul.nav-category ul{
  list-style: none;
  margin: 0;
  padding: 0 0 0 10px;
}
#categories ul.nav-category ul li{
  background: url('../img/branch.png') no-repeat 0px -1px;
}
#categories ul.nav-category ul li:last-child{
  background: url('../img/branch-end.png') no-repeat 0px -1px;
}
#categories .agrio-nav-expander{
  background: url("../img/plus.png") no-repeat 6px 5px;
  float: left;
  height:22px;width: 15px;
}
#categories .agrio-nav-expander:hover{
  background: url("../img/plus-hover.png") no-repeat 6px 5px;
}
#categories .agrio-nav-expander.agrio-nav-expander-open{
  background: url("../img/minus.png") no-repeat 6px 5px;
} 
#categories .agrio-nav-expander.agrio-nav-expander-open:hover{
  background: url("../img/minus-hover.png") no-repeat 6px 5px;
} 
#categories ul.nav-category > li > .agrio-nav-expander{
  margin-top: 2px;
}

/*------main-----*/
#main{
  background: #fff url('../img/main.png') repeat-x;
  clear: both;
  margin: auto;
  padding: 15px 10px 10px 20px;
  position: relative;
  width: 950px;
}
#right-sidebar, #main-content{
  float: right;
  width: 230px;
  min-height: 150px;
}
#main-content{
  float: left;
  min-height: 100px; 
  width: 690px;
}
#bottom{
  background: #dde6ee url('../img/bottom.png') repeat-x;
  color: #000;
  margin: auto;
  padding: 20px 25px 20px 25px;
  width: 930px;
}
#bottom h3, #bottom ul{
  color: #5790ba;
}
#bottom ul{
  list-style: none;
  margin: 0;
  padding: 0;
}
#bottom ul li{
  border-bottom: 1px solid #a2c6e4;
}
#bottom ul li a{
  background: url('../img/bullet.png') no-repeat 5px 50%;
  color: #5790ba;
  font-size: 0.95em;
  display: block;
  padding: 5px 5px 5px 15px;
  text-decoration: none;
}
#bottom ul li a:hover{
  color: #000;
}
#bottom-content-box1, #bottom-content-box2, #bottom-content-box3, #bottom-content-box4{
  float: left;
  min-height: 5px;
  padding: 0 20px 0 0;
  width: 190px;
}
#bottom-content-box4{
  padding: 0;
  width: 300px;
}

/*--------footer--------*/
#footer{
  color: #888;
	clear: both;
	font-size: 0.85em;
	line-height: 30px;
	margin: auto;
  padding: 0px 0 10px 0;
  width: 980px;
}

#footer p{
  display: inline;
  font-size: 0.9em;
  margin: 0;
  padding: 0;
  padding-left: 10px;
}

#footer a{
  color: #888;
}

#footer a:hover{
  color: #aaa;
}

#footer span{
  font-weight: bold;
}

#footer .nav-footer{
	float: right;
  font-size: 1.1em;
  list-style: none;
  padding: 0;
	padding-right: 10px;
}
#footer .nav-footer li{
  display: inline;
  padding-left: 7px;
}
/*------buttons------*/

/*------messages-----*/
.message{
  color: #d00;
  font-size: 1.2em;
  font-weight: bold;
}

.error, .errors{
  background: #FFF3AA;
  border: 1px solid #E0D38B;
  color: #d00;
  font-size: 1.1em;
  font-weight: bold;
  list-style: none;
  margin: 1px;
  padding: 4px;
  text-align: center;
}

.hint{
  color: #888;
  font-style: italic;
}

/*--------photo-gallery----------*/
.photo-gallery *{
  background: none;
  border: none;
}

.contact-form {
  background: #f5f5f5;
  border: 1px solid #ccc;
  margin-bottom: 1.5em;
    padding: 0 20px 20px;
}
.contact-form:after{
  clear: both;
  content: '';
  display: table;
}
.contact-form div.contact-form-firstname,
.contact-form div.contact-form-lastname,
.contact-form div.contact-form-email,
.contact-form div.contact-form-cell{
    float: left;
    width: 48.5%;
}
.contact-form div.contact-form-lastname,
.contact-form div.contact-form-cell{
    float: right;
}
.contact-form label {
    display: block;
    padding-top: 10px;
}
.contact-form input, .contact-form textarea {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #bcbec0;
    height: 30px;
    line-height: 30px;
    padding: 0 5px;
    width: 100%;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */    
}
#cell-plus{
  display: inline-block;
  margin-left: -1em;
  text-align: right;
  width: 1em;
}
#cell-prefix{
  width: 24%;
  margin-right: 1%;
}
#cell{
  width: 75%;
}
.contact-form .placeholder {
    color: #777;
}
.contact-form-message{
  clear: both;
}
.contact-form-message textarea {
    height: 100px;
    line-height: 15px;
    max-width: 100%;
    min-width: 100%;
    padding: 5px;
    width: 100%;
}
.contact-form-attachment input{
  margin: 0;
  padding: 0;
}

.contact-form div.contact-form-submit {
    float: right;
    padding-top: 10px;
}
.contact-form div.contact-form-submit input {
    background: url("../img/more-info-active.png") no-repeat scroll 120px 50% #ccc;
    border: 1px solid #aaa;
    color: #000;
    cursor: pointer;
    line-height: 28px;
    padding: 0 10px 0 0;
    text-decoration: none;
    width: 140px;
}
.contact-form div.contact-form-submit input:hover {
    background-color: #ddd;
}

.more-info{
  clear: both;
  text-align: right;
}
.more-info a{
  background: url('../img/more-info.png') no-repeat 100% 50%;
  padding: 0 13px 0 0;
}
.more-info a:hover{
  background: url('../img/more-info-active.png') no-repeat 100% 50%;
}

.registration-form fieldset{
  background: #f6f6f6;
  border-color: #ccc;
}
.registration-form th{
  width: 100px;
}
.registration-form td{
  width: 210px;
}
.registration-form input, .registration-form select{
  border: 1px solid #bbb;
  height: 17px;
  line-height: 17px;
  width: 190px;
}
.registration-form input.readonly{
  background: #F6F6F6;
  border: 1px solid #ccc;
  color: #888;
}
.registration-form select{
  height: 21px;
  line-height: 21px;
}
.registration-form .submitGroup{
  text-align: right;
}
.registration-form .submitGroup input{
  border: none;
  background: #FF7B00 url("../img/registration-button.png") no-repeat;
  color: #fff;
  height: 30px;
  line-height: 30px;
  padding: 0;
  padding-right: 20px;
  width: 140px;
}
.registration-form .submitGroup input:hover{
  background: #FF8A23 url("../img/registration-button.png") no-repeat;
  cursor: pointer;
}

.lost-password-form{
  background: #f6f6f6;
  border: 1px solid #cdcdcd;
  margin: 0;
  padding: 20px 20px 10px 20px;
}
.lost-password-form #grp1-label, .lost-password-form #grp2-label, .lost-password-form #grp3-label,
.lost-password-form #sendPassword-label{
  display: none;
}
.lost-password-form fieldset{
  border-color: #cdcdcd;
  background: #fff;
}
.lost-password-form #fieldset-grp3{
  background: #f6f6f6;
  border: none;
}
.lost-password-form dl, .lost-password-form dt, .lost-password-form dd{
  margin: 0;
  padding: 0;
}
.lost-password-form #myCaptcha-element img{
  display: block;
  padding-bottom: 10px;
}
.google-map{
  margin-bottom: 15px;
}

.my-order-filter #formMyCartGrp1-label, .my-order-filter #formMyCartGrp2-label,
.my-order-filter #filterFormSubmit-label{
  display: none;
}
.my-order-filter dl, .my-order-filter dt, .my-order-filter dd{
  margin: 0;
  padding: 0;
}
.my-order-filter dd{
  padding-right: 5px;
}
.my-order-filter fieldset{
  background: #fff;
  border: 1px solid #ccc;
  margin: 0 0 10px 0;
  padding: 10px;
}

.my-order-filter #fieldset-formMyCartGrp1{
  float: left;
  margin-right: 10px;
}
.my-order-filter #fieldset-formMyCartGrp1 dt, .my-order-filter #fieldset-formMyCartGrp1 dd,
.my-order-filter #fieldset-formMyCartGrp2 dt, .my-order-filter #fieldset-formMyCartGrp2 dd{
  display: inline;
}
.my-order-filter input, .my-order-filter select{
  border: 1px solid #bbb;
  height: 21px;
  line-height: 21px;
  margin: 0;
  padding: 0;
}
.my-order-filter #id, .my-order-filter #orderDateFrom, .my-order-filter  #orderDateTo{
  width: 75px;
}
.my-order-filter #customerCartId{
  width: 110px;
}

.my-order-filter #filterFormSubmit{
  border: none;
  background: #5280a9 url("../img/filter-button.png") no-repeat;
  color: #fff;
  cursor: pointer;
  padding-left: 20px;
  width: 60px;
}
.my-order-filter #filterFormSubmit:hover{
  background: #5c8fbb url("../img/filter-button.png") no-repeat;
}

table.my-orders-table{
  width: 100%;
}
table.my-orders-table .storno td{
  text-decoration: line-through;
}

.my-order-detail-table{
  margin-top: 30px;
  width: 100%;
}
.my-order-odberatel, .my-order-informace{
  clear: left;
  float: left;
  width: 50%;
}
.my-order-prijemce, .my-order-stav{
  float: right;
  width: 50%;
}
.my-order-detail-price{
  color: #fff;
  font-size: 1.2em;
  text-align: right;
}

.my-bonus-table{
  width: 100%;
}

.nav-breadcrumbs{
  font-size: 0.95em;
  padding-bottom: 20px;
}
.nav-breadcrumbs a:not([href]){
  color: #555;
  padding: 0 7px 0 7px;
}
.nav-breadcrumbs a:first-child{
  padding: 0 7px 0 0;
}


/*------other-----*/
.walk-ui-accordion-header {
    background: url("../img/arrow-right.png") no-repeat scroll 0 30% transparent;
    color: #69AA00;
    cursor: pointer;
    font-weight: normal;
    padding-left: 20px;
    text-decoration: underline;
}
.walk-ui-accordion-header:hover {
    background: url("../img/arrow-down.png") no-repeat scroll 0 30% transparent;
    color: #fff;
}
.walk-ui-accordion-header-active {
    background: url("../img/arrow-down.png") no-repeat scroll 0 30% transparent;
    color: #fff;
    cursor: default;
    text-decoration: none;
}
.pageGrid-right{
  float: right;
}
.pageGrid-left{
  float: left;
}

.item-date{
  background: url('../img/icon-calendar.png') no-repeat 50% 0%;
  color: #686868;
  float: left;
  text-align: center;
  padding-top: 35px;
  width: 45px;
  position: absolute;
    top: 5px; left: 0;
}
.item-date span{
  display: block;
  font-size: 0.75em;
  line-height: 1.2em;
}
.item-date span + span{
  display: block;
  font-size: 0.9em;
}
.item-date-static {
  position: static;
}
.agrio-calendar{
  border: 1px solid #ccc;
  margin-bottom: 10px;
  padding: 5px 10px 0 10px;
}

.agrio-calendar-noborder{
  border: none;
}

.agrio-calendar ul{
  list-style: none;
  margin: 0;
  padding: 0;
}
.agrio-calendar ul li{
  position: relative;
  margin: 0 -5px 10px -5px;
  padding-left: 50px;
}
.agrio-calendar ul li h3{
  color: #000;
  font-size: 1.1em;
  padding-bottom: 0.1em;
}
#right-sidebar .agrio-calendar ul li p{
  font-size: 0.85em;
  padding-bottom: 0.0em;
}
.agrio-calendar ul li > a{
  border: 1px solid #fff;
  display: block;
  text-decoration: none;
  color: #333;
  min-height: 70px;
  margin-left: -50px;
  padding-left: 50px;
}
.agrio-calendar ul li > a:hover{
  border: 1px solid #ccc;
  -o-box-shadow: 0 0 10px #ddd;
  -webkit-box-shadow: 0 0 10px #ddd;
  -moz-box-shadow: 0 0 10px #ddd;
  -ms-box-shadow: 0 0 10px #ddd;
  box-shadow: 0 0 10px #ddd;
}
.agrio-calendar ul li > a:hover,
.agrio-calendar ul li > a:hover h3{
  color: #0079A5;
}


.agrio-article{
  border: 1px solid #cdcdcd;
  padding: 10px 10px 0 10px;
}
.agrio-article-item{
  background: url('../img/icon-article.png') no-repeat 2px 3px;
  padding-left: 40px;
}
.agrio-article-item h3{
  font-size: 1.0em;
  padding-bottom: 0;
}

.agrio-homepage-event{
  overflow: hidden;
}
.agrio-event-list{
  list-style: none;
  margin: 0 0 0 -20px;
  padding: 0;
}
.agrio-event-list li{
  float: left;
  margin-left: 20px;
  width: 216px;
}
.agrio-event-list li a{
  text-decoration: none;
}
.agrio-event-list li a h3{
  color: #0095d0;
  font-size: 1.1em;
  font-weight: normal;
  line-height: 1.2em;
  height: 2.4em;
  text-align: center;
  overflow: hidden;
}
.agrio-event-list li a:hover h3{
  color: #000;
}
.agrio-event-list li a .agrio-event-item-image{
  border: 3px solid #c9c9c9;
  overflow: hidden;
  width: 210px; height: 140px;
}
.agrio-event-list li a:hover .agrio-event-item-image{
  border: 3px solid #aaa;
}

.productPaginationControl{
  clear: both;
  padding-bottom: 15px;
}
.productPaginationControl > span > a,
.productPaginationControl > span > strong{
  background: #0088D2;
  color: #fff;
  display: inline-block;
  font-size: 0.85em;
  font-weight: normal;
  width: 20px;
    line-height: 20px;
    height: 20px;
  overflow: hidden;
  text-align: center;
  text-decoration: none;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.productPaginationControl > span > strong{
  background: #fff;
  border: 1px solid #0088D2;
  color: #0088D2;
  width: 18px;
    line-height: 18px;
    height: 18px;
}
.productPaginationControl > span > a:hover{
  background: #00669E;
}
.productPaginationControl > span.paginator-prev a,
.productPaginationControl > span.paginator-next a{
  width: auto;
  padding: 0 7px;
}

.agrio-homepage-tile,
.agrio-category,
.agrio-product{
  list-style: none;
  margin: 0 0 0 -20px;
  padding: 0;
}
.agrio-homepage-tile li,
.agrio-category li,
.agrio-product li,
.agrio-contact-tile{
  float: left;
  margin-left: 20px;  
  margin-bottom: 20px;
  width: 216px;
}
.agrio-contact-tile{
  float: right;
  margin-top: 6px;
  margin-right: 1px;
  width: 224px;
}
.agrio-homepage-tile li a,
.agrio-category li a,
.agrio-product li a{
  border: 3px solid #B5E1F2;
  color: #0095d0;
  display: block;
  height: 216px;
  line-height: 1.2em;
  overflow: hidden;
  text-align: center;
  text-decoration: none;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.agrio-contact-tile a{
  border: 1px solid #ccc;
  color: #0095d0;
  display: block;
  height: 200px;
  line-height: 1.2em;
  overflow: hidden;
  padding: 2px;
  text-align: center;
  text-decoration: none;
}
.agrio-homepage-tile li a h3,
.agrio-category li a h2,
.agrio-product li a h2,
.agrio-contact-tile a h3{
  color: #0095d0;
  margin: 0;
  padding: 5px;
}
.agrio-category li a h2,
.agrio-product li a h2{
  font-size: 1.3em;
  line-height: 1.2em;
  height: 2.4em;
  overflow: hidden;
}
.agrio-homepage-tile li a:hover,
.agrio-category li a:hover,
.agrio-product li a:hover{
  border: 3px solid #01B4EE;
}
.agrio-contact-tile a:hover{
  border: 1px solid #00B6FF;
}
.agrio-homepage-tile-image,
.agrio-contact-tile-image{
  height: 130px;
  width: 210px;
  overflow: hidden;
}
.agrio-contact-tile-image{
  width: 217px;
}
.agrio-homepage-tile p,
.agrio-contact-tile p{
  font-size: 0.95em;
  padding: 0 5px 0 5px;
}

.contact-card-wrap{
  margin-left: -10px;
  padding-bottom: 1.5em;
}
.contact-card-wrap:after{
  content: '';
  clear: both;
  display: table;
}
.contact-card{
  border: 1px solid #ccc;
  float: left;
  margin: 0 0 10px 10px;
  padding: 10px;
  position: relative;
  width: 201px;
  min-height: 123px;
}
.contact-card-languages{
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 5px;
  right: 0;
}
.contact-card-languages img{
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
}
.contact-card p{
  padding: 0;
}

.agrio-product-dimension{
  clear: left;
  float: left;
}
.agrio-product-weight{
  clear: right;
  float: right;
}
.agrio-product-tank{
  clear: left;
  float: left;
}
.agrio-product-wheel{
  clear: right;
  float: right;
}
.agrio-product-description{
  clear: both;
}

.agrio-product-dimension table{
  border-collapse: collapse;
}
.agrio-product-dimension table tr td{
  border: 1px solid #666;
  color: #000;
}
.agrio-product-dimension table tr:first-child td{
  background: #00B0EC;
}
.agrio-product-dimension table tr:first-child td + td{
  background: #E5007E;
}
.agrio-product-dimension table tr:first-child td + td + td{
  background: #95C21F;
}
.agrio-product-dimension table tr:first-child td + td + td + td{
  background: #009EE3;
}
.agrio-product-dimension table tr:first-child td + td + td + td + td{
  background: #F39200;
}
.agrio-product-dimension table tr:first-child td + td + td + td + td + td{
  background: #C692C3;
}
.agrio-product-dimension table tr:first-child td + td + td + td + td + td + td{
  background: #FFEE00;
}
.agrio-product-dimension table tr td{
  background: #DFF2FD;
}
.agrio-product-dimension table tr td + td{
  background: #FBDCEC;
}
.agrio-product-dimension table tr td + td + td{
  background: #EDF2DB;
}
.agrio-product-dimension table tr td + td + td + td{
  background: #D4EEFC;
}
.agrio-product-dimension table tr td + td + td + td + td{
  background: #FFEBD3;
}
.agrio-product-dimension table tr td + td + td + td + td + td{
  background: #F2EAF6;
}
.agrio-product-dimension table tr td + td + td + td + td + td + td{
  background: #FFFDEE;
}

.agrio-product-weight table,
.agrio-product-tank table,
.agrio-product-wheel table{
  border-collapse: collapse;
}
.agrio-product-weight table tr td,
.agrio-product-tank table tr td,
.agrio-product-wheel table tr td{
  border: 1px solid #666;
  color: #000;
}
.agrio-product-weight table tr:first-child td,
.agrio-product-tank table tr:first-child td,
.agrio-product-wheel table tr:first-child td{
  background: #00B0EC;
}