@charset "UTF-8";
/* CSS Document */


body,td,th { font-family: Tahoma, Arial, sans-serif !important; font-size: 16px !important; line-height: 18px; color: #59595a; font-weight: 200;}
body {background-color: #fff; margin: 0px; padding:0px;}
.wrap{ padding-right: 40px; background-position: right top; background-repeat: no-repeat; background-image: url(/img/top_right.jpg); padding-left: 430px; margin: 0 auto;}
a:link {text-decoration: none; color: #af8f9e; font-weight: normal;}
a:visited {text-decoration: none; color: #af8f9e; font-weight: normal;}
a:hover {text-decoration: none;}
a:active {text-decoration: none; font-weight: normal;}
a:focus {outline: 0 !important;}
img{border:0;}
.noh img:hover {-moz-box-shadow: 0px 0px 0px #565656; -webkit-box-shadow: 0px 0px 0px #565656; box-shadow: 0px 0px 0px #565656;}
img, div, a, input {transition:all 400ms ease; -moz-transition:all 400ms ease; -webkit-transition:all 400ms ease;}

.cl {display: block; clear: both; visibility: hidden;}

.fr{float:right;} .fl{float:left;}
.half{width:49%;}

.title, h1 {line-height: 23px; font-weight: 200 !important; font-size: 20px; color: #af8f9e; padding-bottom:10px; margin-bottom:5px;}

.search{ float: right; }

.search input, .search .add{ box-shadow: 2px 2px 5px #ccc; -moz-box-shadow: 2px 2px 5px #ccc; -webkit-box-shadow: 2px 2px 5px #ccc; -moz-border-radius: 10px; border-radius: 10px; border: 1px solid #ccc; padding:6px;}
.search input:hover, .search input:active,  .search .add:hover {background: #fef3ce;}

.search .searchbutton{background: #fcc40e; padding: 2px; margin: 0px 0px -10px 0px;}
.search .searchbutton:hover, .search .searchbutton:active{background: #fcc40e; padding: 2px; margin: 0px 0px -10px 0px; box-shadow: 4px 4px 5px #ccc; -moz-box-shadow: 4px 4px 5px #ccc; -webkit-box-shadow: 4px 4px 5px #ccc; border: 1px solid #7a7a7a; }

.content{ min-height: 300px; padding-bottom: 20px; padding-top: 25px; padding-left: 0px; }
.item .content{ padding-bottom: 0px; padding-top: 0px; padding-left: 0px; }

.wrap_left {width: 30%; float: left;}
.wrap_right {width: 70%; float: right; position: relative;}
.wrap_left .logo {height: 180px; background: url(/img/logo_www.png) 50% 54px no-repeat;}
.wrap_left .logo_anim {height: 180px;}
.wrap_left .logo_anim a {display: block; height: 180px;}
.sidecontent {width: 267px; margin: 0 auto; position: relative; min-height: 500px}

.home_news a {padding-right: 30px; background: url(/img/leaf_bullet_sm.png) 90% center no-repeat; display: block; line-height: 24px;}
.home_news a:hover {background: url(/img/leaf_bullet.png) 89% center no-repeat; }



#slidertestim ul, #slidertestim li{margin:0;list-style:none;position:relative;display:block; }
#slidertestim {width: 100%; margin: 0 auto;}
#slidertestim img{ border:none; }
#slidertestim ul, #slidertestim li{ margin:0; list-style:none; }
#slidertestim li {width: 100%; height: 9em; overflow:hidden;}
#slidertestim li {display:none;}
#slidertestim li:first-child {display:block;}
.textwrap {font-size: 16px;}
.textwrap span {height: 5.5em; overflow: hidden; display: block; color: #59595a;}
.textwrap h3 {color: #949699; font-weight: 100;}
.address {color: #59595a !important; padding-top: 100px }
.address a {color: #59595a !important; }
.teatimonialitem {color: #59595a;}
.testimonials {height: 110px; overflow: hidden;}
.testimonials_wrap {padding-top: 25px;}
.textwrap p span {line-height: 1em !important;} 
.likebox_wrap {padding-top: 15px;}


.stockists {padding: 20px 0px;}
.stockists .link_item {border-bottom: 1px solid rgba(0, 0, 0, 0.1); overflow: auto;}
.stockiststile {width: 100px; height: 100px; margin: 0px 30px 20px 0px; float: left; background-size: cover; background-repeat: no-repeat; background-position: center center;
}
.stockiststile a {width: 100px; height: 100px; display: block;}
.product { position: relative; margin: 0px 6px 12px 0px; box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.34); background: #F0F0F0; height:345px; overflow: hidden; background: #fff; box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.4); border-radius: 6px; }
.product .linkblock {height: 245px; width: 100%; display: block; background-position: center bottom; background-repeat: no-repeat; background-size: cover; float: none;}
.product .product_pad {padding: 20px; font-size: 16px; position: absolute; width: auto; bottom: 0px;}
.product .product_pad_post {min-height: 25px; width: 100%; display: block; float: left; }
.product h3 {margin: 0px; width: 100%; z-index: 9999; font-weight: bold; font-size: 18px; line-height: 20px; margin-bottom: 0px; padding-bottom: 5px; margin-top: 0px; padding-top: 0px;}
.product h3 a {display: block; color: #000;}
.product .price { line-height: 35px; font-size: 18px}
.product .buy {}
.product .summary {max-height: 5em; overflow-y: hidden; }
.product .summary p {margin-left: 0px !important; }
.product .summary * {font-size: 14px !important;}
.product .product_pad p {padding: 0px; margin: 0px;}
.product:hover {
box-shadow: 0px 3px 17px rgba(0, 0, 0, 0.2);
}

.fifth {width: 20%; float: left;}
.third {width: 33.3%; float: left;}
.fourth {width: 25%; float: left;}
.collectiontile {background: #fff; box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.4); width: auto; margin: 0px 5% 10px 5%; border-radius: 6px; }
.collectiontileimage {min-height: 200px; background-size: contain; background-repeat: no-repeat; background-position: center center; border-radius: 6px 6px 0px 0px;}
.collectiontileimage a {min-height: 130px; display: block}
.collectiontileimagesq {min-height: 250px; background-size: cover; background-repeat: no-repeat; background-position: center center; border-radius: 6px 6px 0px 0px;}
.collectiontileimagesq a {min-height: 250px; display: block}
.collectiontile h3 {padding: 10px 30px; text-align: center; font-weight: bold; font-size: 18px; line-height: 20px;}
.collectiontile:hover {background: #fff; box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.2); }
.fifth .label {display: block; padding: 0px;  margin: 0px 5% 3px 5%; text-align: center; line-height: 22px; background: #fff; box-shadow: inset 0px 2px 3px rgba(0, 0, 0, 0.1); border-radius: 6px; font-size: 16px}


.collectionlogo {float: right; width: 30%; text-align: center;}
.collectionlogo img {max-width: 100%; max-height: 280px;}
.fifth .product .linkblock {height: 180px; }
.fifth .product {height: 270px;}



/* Dropdown */
.menulist  {
  padding: 0px;
  margin: 15px 0px 0px 0px;
  list-style: none;
  text-align: left;
  }

.menulist li {
  padding-left: 6px;
  padding-bottom: 9px;
  padding-right: 6px;
  padding-top: 9px;
  float: left;
  position: relative;
  font-weight: normal;
  min-height: 20px;

  }
.menulist li:hover {
  padding-left: 6px;
  padding-bottom: 6px;
  padding-right: 6px;
  padding-top: 9px;
  float: left;
  position: relative;
  font-weight: normal;
  background-color: #cfcfcf;
  text-decoration: none;
  }
.menulist li ul {
  margin: 0px;
  padding: 9px 0px 9px 0px;
  background-color: #cfcfcf;
  display: none;
  position: absolute;
  list-style: none;
  top: 2em;
  left: 0px;
  z-index: 12000 !important;
  }

.menulist li > ul {
	top: 2em;
	left: 0px;
	}
.tac {text-align: center;}
.twothirds {width: 60%; float: left;}
.twothirds .general_content {padding-right: 40px; font-size: 16px; line-height: 18px !important;}
.third {width: 33.3%; float: left;}
.hometile {height: 300px; width: 48%; margin-right: 10px; float: left; background-position: center center; background-repeat: no-repeat; background-size: cover;}
.hometile h3 {padding: 10px; background: rgba(255, 255, 255, 0.81);}

.gallery {list-style: none; padding: 0px; margin: 0px;}
.formatimages {max-height: 220px; max-width: 100%; }
h2 {line-height: 20px;}

.imgl {float: left; margin: 0px 15px 15px 0px; max-width: 50%;}

.menulist li:hover ul, .menulist li.over ul{ display: block; background: #ececec; }
.menulist li ul li{ padding-left: 10px; padding-bottom: 0px; padding-right: 10px; padding-top: 0px;  width: 19em; font-size: 16px; }
.menulist li ul li:hover{ background-color: #cfcfcf; padding-left: 10px; padding-bottom: 0px; padding-right: 10px; padding-top: 0px; width: 19em; font-size: 16px }
/* .menulist li ul li img {margin-top:-4px;} */
.menu a{ color: #59595a; padding-left: 10px; padding-right: 10px; }
.top{position: absolute; top: 0px; left: 0px; width: 100%; z-index: 9999; background: rgba(255, 255, 255, 0.81)}
.top_logo{ left: 0px; top: 0px; position: absolute; height: 260px; width: 380px; }
.menu{ line-height: 18px; font-weight: bold; font-size: 16px; padding-bottom: 15px; }
.social { position: fixed; right:0px; top: 50px; width: 28px; padding: 7px 10px 7px 7px; box-shadow: 0px 0px 4px #646464; z-index: 9999; background-color: #ffffff; }
.social img {padding-bottom: 2px;}
.item{ padding-top: 10px; border-bottom-color: #af8f9e; border-bottom-style: solid; border-bottom-width: 1px; margin-bottom: 10px; padding-bottom: 10px; }
.date{ font-size: 14px; color: #949699; }
.image_list a{ padding-bottom: 10px; display: block; }
.general_content .img{ padding-bottom: 10px; padding-left: 10px; float: right; }
old {text-decoration: none; color: #af8f9e;}
h3 { font-size: 18px; font-style: normal; font-weight: normal; }
h4 {font-style: italic; font-weight: normal; font-size: 17px; color: #af8f9e}
.nav .current {display: none;}
.noslideshow_pad {height: 55px;}
.subpage_pad {padding: 0px 45px 0px 27px;}
.imgtile {padding: 20px; border-bottom: 1px solid #ccc;}
.imgtile h2 {padding-bottom: 15px;}
.image_placeholder {background-position: center top; background-size: cover; background-repeat: no-repeat; width: 200px; height: 200px; float: left; margin: 0px 20px 10px 0px; border-radius: 6px;}
.image_placeholder a {width: 200px; height: 200px; display: block; }
.imgr {float: right; margin: 0px 0px 20px 20px;}
.imgr img {border-radius: 6px;}
.imagetilegallery {width: 33.3%; min-height: 360px; float: left; }
.imagetilegallery .imagetilegallerypad {padding: 10px;}
.imagetilegallery .gallerytile {width: 100%; height: 250px; background-position: center top; background-repeat: no-repeat; background-size: cover; margin-bottom: 10px !important; border-radius: 6px;}
.imagetilegallery .gallerytile a {width: 100%; height: 200px; display: block;}





input {border-radius: 10px; padding: 5px;}
input[type=submit] {
    border-radius: 5px;
    border: 0;
    /*width: 80px;*/
    height:25px;
    background: #f4f4f4;
    /* Old browsers */
    background: -moz-linear-gradient(top, #f4f4f4 1%, #ededed 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #f4f4f4), color-stop(100%, #ededed));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f4f4f4 1%, #ededed 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f4f4f4 1%, #ededed 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f4f4f4 1%, #ededed 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #f4f4f4 1%, #ededed 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f4f4', endColorstr='#ededed', GradientType=0);
    /* IE6-9 */
}

.textfield {padding: 10px 10px; box-shadow: inset 0px 0px 6px #505050; border-radius: 6px; border: none; line-height: 30px;}
.submitbutton { background: #f7a11a !important; padding: 6px 20px !important; color: black; border-radius: 6px; box-shadow: 0px 0px 6px #505050; line-height: 30px; height: auto !important; font-weight: bold; width: auto !important; font-size: 16px;}






.column{margin:0% 1% 0% 0%; float:right;}
.column .pad{padding:10px;}
.borr{border-right:1px solid #CCCCCC;}

.bsrd{width:40%; float:right; text-align:right;}
.bs{height:88px; background-position:top left; background-repeat:no-repeat;}
.bsr{background-position: top right; background-repeat:no-repeat; height:88px;}
.bsh{padding:27px 15px 0px 0px; font-size:20px; height:20px;}
.bssh{padding:0px 15px 0px 0px; height:20px; font-size:16px;}

.shopbtn{height:20px;}
.shopbtnr{height:20px; text-align:right; padding-right:15px; line-height:20px;}
.store_content{ background-position: 0; /*float: right; width: 74%;*/ }
.column-store{ padding-left: 28px; width: 18%; }
.note{ margin-bottom: 10px; font-size: 16px; padding-left: 10px; background-color: #f2f2f2; margin-top: 10px; padding-bottom: 10px; padding-top: 10px; }
h3{ padding-left: 0px; padding-bottom: 4px; padding-right: 0px; padding-top: 0px; margin: 0px; font-weight: bold; font-size: 18px; }
.description{ color: #59595a; }
.pinentry{width:302px; height:300px; padding:24px;}

.optionsrow a:link, .optionsrow a:active, .optionsrow a:visited{ text-align: center; display: block; margin-left: 0px; margin-bottom: 0px; margin-top: 0px; border-color: white; border-style: solid; border-width: 1px; padding-bottom: 9px; padding-top: 9px; margin-right: 2px; padding-left: 16px; padding-right: 16px; color: white; background-color: #ff8024; border-radius: 7px; }

.optionsrow a:hover{ text-align: center; display: block; margin-left: -2px; margin-bottom: -2px; margin-top: -2px; border-color: #ff8024; border-style: solid; border-width: 1px; padding-bottom: 11px; padding-top: 11px; margin-right: 0px; padding-left: 18px; padding-right: 18px; color: #ff8024; background-color: #fefffe; border-radius: 7px; }

.optionsrownf a:link, .optionsrownf a:active, .optionsrownf a:visited{ text-align: center; display: block; margin-left: 0px; margin-bottom: 0px; margin-top: 0px; border-color: white; border-style: solid; border-width: 1px; padding-bottom: 9px; padding-top: 9px; margin-right: 2px; padding-left: 16px; padding-right: 16px; color: white; background-color: #ff8024; border-radius: 7px; }

.optionsrownf a:hover{ text-align: center; display: block; margin-left: -2px; margin-bottom: -2px; margin-top: -2px; border-color: #ff8024; border-style: solid; border-width: 1px; padding-bottom: 11px; padding-top: 11px; margin-right: 0px; padding-left: 18px; padding-right: 18px; color: #ff8024; background-color: #fefffe; border-radius: 7px; }

.optionsrow h1 a:link, .optionsrow h1 a:active, .optionsrow h1 a:visited{ text-align: center; display: block; margin-left: 0px; margin-bottom: 0px; margin-top: 0px; border-color: white; border-style: solid; border-width: 1px; padding-bottom: 9px; padding-top: 9px; margin-right: 2px; padding-left: 16px; padding-right: 16px; color: white; background-color: #ff8024; border-radius: 7px; }

.optionsrow h1 a:hover{ text-align: center; display: block; margin-left: -2px; margin-bottom: -2px; margin-top: -2px; border-color: #ff8024; border-style: solid; border-width: 1px; padding-bottom: 11px; padding-top: 11px; margin-right: 0px; padding-left: 18px; padding-right: 18px; color: #ff8024; background-color: #fefffe; border-radius: 7px; }

.itm_img{ padding-bottom: 10px; padding-right: 15px; float: left; }

.grid td{ border-bottom-color: #efefef; border-bottom-style: solid; border-bottom-width: 1px; }

.grid img{ border-color: #ebebeb; border-style: solid; border-width: 1px; padding-left: 5px; padding-bottom: 7px; padding-right: 5px; padding-top: 5px; width: 100px; margin: 0px; }

.grid img:hover{ margin: 0px; width: 110px; padding: 0px; }

.priceshift{ padding-left: 5px; line-height: 18px; padding-top: 4px; }

.login{ color: #59595a; font-size: 16px; right: 15%; top: 9px; position: absolute; }

.divide, .options{ padding-top: 10px; border-bottom-color: #c9c9c9; margin-bottom: 15px; border-bottom-style: solid; border-bottom-width: 1px; padding-bottom: 15px; }

.griddense td, .griddense th{ padding: 8px; border-right-color: #c9c9c9; border-bottom-color: #cfcfcf; border-right-style: solid; border-bottom-style: solid; border-bottom-width: 1px; border-right-width: 1px; }

.griddense{ border-left-color: #d2d2d2; border-top-color: #c9c9c9; border-left-style: solid; border-top-style: solid; border-left-width: 1px; border-top-width: 1px; }



.price_old{ color: #59595a; font-size: 16px; text-decoration: line-through; }

.price_old_gr{ font-size: 14px; color: #59595a; text-decoration: line-through; }

.price_new_gr{ font-size: 16px; font-weight: bold; }

.price_new{ font-weight: bold; }


.basket {}
.basket tr:nth-child(even) {background: #ffffff}
.basket tr:nth-child(odd) {background: #f9f9f9; box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.41);}
.basket tr td {padding: 8px 17px; vertical-align: middle; font-weight: 100; font-size: 16px;}



.subcategories_modules {padding: 0px; margin: 0px;}
.subcategories_modules li {width: 27%; float: left; list-style: none;  border-radius: 10px; position: relative; min-height: 150px; margin: 0px 10px 10px 0px; padding: 15px; text-align: center;}
.subcategories_modules li .imageplaceh {float: right; margin: -15px -15px 20px 20px; height: 60px; width: 60px; border-radius: 0px 10px 0px 5px; background-position: center center; background-repeat: no-repeat; background-size: contain;}
.subcategories_modules li .imageplaceh a { display:block; height: 60px; width: 60px;}
.subcategories_modules_title {font-size: 16px; font-weight: bold;}
.subcategories_modules .summary, .subcategories_modules .summary * {font-size: 12px !important; color: #59595a !important; font-style: normal !important; font-weight: 100 !important; font-family: sans-serif !important;}
.subcategories_modules li .imageplaceh_subcat {float: none; margin: -15px -15px 20px -15px; height: 100px; border-radius: 10px 10px 5px 5px; background-position: center center; background-repeat: no-repeat; background-size: contain;}
.subcategories_modules li .imageplaceh_subcat a { display:block; height: 100px;}
.subcategories_list {padding: 0px; margin: 0px -5px; }
.subcategories_list li {width: auto; float: none; list-style: none; border-top: 1px solid #ccc; border-right: none; border-bottom: none; border-left: none; border-radius: 0px; position: relative; min-height: 5px; margin: 0px; padding: 5px;}
.subcategories_list li .imageplaceh {float: right; margin: -5px -5px 0px 10px; height: 30px; width: 30px; box-shadow: inset 1px 1px 3px #000; border-radius: 0px 0px 0px 10px; background-position: center center; background-repeat: no-repeat; background-size: contain;}
.subcategories_list li .imageplaceh a { display:block; height: 30px; width: 30px;}
.subcategories_list li:hover {background: #eeeeee; box-shadow: none;}
.subcategories_list li:hover ul li {background: #f9f9f9;}
.subcategories_list li:hover ul li:hover {background: #eeeeee;}
.subcategories_list li:hover ul li ul li {background: #fbfbfb;}

.subcategories_list li ul li {display: block; width: auto !important;}
.subcategories_list li .subcategories_list_title {padding:5px 10px; display: block; font-size: 16px;}
.subcategories_list li ul li .subcategories_list_title {padding: 5px 5px 5px 20px; display: block; font-size: 14px;}
.subcategories_list li ul li ul li .subcategories_list_title {padding:5px 5px 5px 30px; display: block; font-size: 14px;}

.subcategories_imgr {float: none; padding: 0px 0px 10px 0px; margin: -15px -15px 10px -15px;}
.subcategories_imgr img {max-width: 100%; max-height: 490px; border-radius: 10px;}
.subpage li {min-height: 10px !important;}

.breadcrumbs{ margin: 5px 0px 23px -15px; padding: 0px; font-size: 16px; color: #59595a; background-color: white;font-weight: normal; overflow: auto; padding-right: 10px; border-bottom: 1px solid #ccc; border-top: 1px solid #f2f2f2;
background: rgb(247,247,247); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(247,247,247,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(247,247,247,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(247,247,247,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(247,247,247,1) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(247,247,247,1) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(247,247,247,1) 0%,rgba(255,255,255,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */


}
.breadcrumbs a:link, .breadcrumbs a:active, .breadcrumbs a:visited, .breadcrumbs a:hover, .breadcrumbs span {background: url(/img/breadcrumbs.png) right center no-repeat; padding: 0px 26px 0px 15px; line-height: 28px; display: block; float: left; color: #59595a}
.mainimg {margin-right: -5px;}
.mainimg img {border-radius: 10px 0px 0px 10px; max-height: 290px; }

/*.product {border-radius: 10px; position: relative; min-height: 357px; background-position: center center; background-repeat: no-repeat; background-size: cover !important; margin: 0px 12px 10px 0px;}*/
.product {border-radius: 10px; position: relative; min-height: 357px; background-position: 0px 70px; background-repeat: no-repeat; background-position: center center; background-size: cover !important; margin: 0px 12px 10px 0px; box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5);}
.productenvelope {min-height: 447px; position: relative;}
.productenvelope h3 {position: absolute; top: 377px; left: 0px; margin: 0px; width: 100%; z-index: 9999; word-break: normal; }
.productenvelope h3 a {background: rgba(255,255,255,0.86); display: block; line-height: 20px; padding: 0px 10px 0px 20px; border-radius: 8px 8px 0px 0px; font-size: 16px; color:#59595a !important; }
.product .linkblock {height: 367px; display: block;}


.altproduct {border-radius: 10px; position: relative; height: 257px; background-position: 0px 70px; background-repeat: no-repeat; background-position: center top; background-size: cover !important; margin: 0px 12px 10px 0px;}
.altproductenvelope {min-height: 297px; position: relative; padding-bottom: 10px;}
.altproductenvelope h3 {position: absolute; top: 267px; left: 0px; margin: 0px; width: 97%; z-index: 9999; word-break: normal; text-align: center;}
.altproductenvelope h3 a {background: rgba(255,255,255,0.86); display: block; line-height: 20px; padding: 0px; border-radius: 8px 8px 0px 0px;color:#af8f9e !important;}
.altproductenvelope .summary {font-size: 16px; padding: 0px;  }
.altproduct .linkblock {height: 267px; display: block; margin-top: 30px;}
.altproduct .priceabs {position: absolute; top:237px; height: 20px; width: 100%; background: #fff; text-align: center; padding: 6px 0px; }

.price_details {padding: 5px 0px 10px 0px;}

.product .price { position: absolute; left: 0px; bottom: 0px; background: white; padding: 0px 10px 0px 20px; line-height: 35px; border-radius: 0px 10px 0px 8px; font-size: 17px; color: #af8f9e;}
.product .buy {position: absolute; right: 0px; bottom: 0px; background: white; padding: 0px 10px 0px 20px; line-height: 35px; border-radius: 10px 0px 8px 0px;}
.product .buy input {background: none !important; font-size: 17px; padding: 0px;}
.product .buy a {background: none !important; font-size: 17px; padding: 0px; cursor: default; font-family: Tahoma; line-height: 20px;}

.product .hire {position: absolute; right: 0px; bottom: 35px; background: white; padding: 0px 10px 0px 20px; line-height: 35px; border-radius: 10px 0px 8px 0px;}
.product .hire input {background: none !important; font-size: 16px; padding: 0px;}
.product .hire a {background: none !important; font-size: 16px; padding: 0px; cursor: default; font-family: Tahoma; line-height: 20px;}

.altproduct .price { position: absolute; left: 0px; bottom: 0px; background: white; padding: 0px 10px 0px 20px; line-height: 35px; border-radius: 0px 10px 0px 8px; font-size: 16px;}
.altproduct .buy {position: absolute; right: 0px; bottom: 0px; background: white; padding: 0px 10px 0px 20px; line-height: 35px; border-radius: 10px 0px 8px 0px;}
.altproduct .buy input {background: none !important; font-size: 16px; padding: 0px;}

.rightpaneshop {width: 21%; float: right;}
.leftpaneshop {width: 77%; float: left;}
.rightpaneshop .subcategories_modules li {width: auto !important; float: none; list-style: none; border-radius: 10px; position: relative; min-height: 20px; margin: 0px 0px 10px 0px; padding: 15px 15px 5px 15px;}
.rightpaneshop .subcategories_modules li img {border-radius: 10px;}
.rightpaneshop .subcategories_modules li ul li {padding: 5px 15px; margin: 0px -10px; border-radius: 0px; border-right: none; border-bottom: none; border-left: none;}
.rightpaneshop .subcategories_modules li ul li .imageplaceh {margin-top: -5px;}

.label { border-radius: 20px; padding: 5px 15px; margin-bottom: 6px; color: #59595a; box-shadow: inset 1px 1px 3px #e8e8e8; font-size: 16px;}

.imgl img, .imgr img {border-radius: 10px;}
.addtobasket {/*float: right;*/ margin: 10px 0px 10px 0px; display: block;}
.manufacturer {float: left; border-radius: 10px; border: 1px solid #ccc; padding: 15px;}
.manufacturerlogo img {border-radius: 10px; width: 90px;}
.pricedetails {font-size: 16px;}
.productdetails_image {width: 50%; float: right;}
.productdetails_image img {width: 100%;}
.fullw li {width: 95% !important; min-height: 40px;}
.fullw .subcategories_list li {width: 100% !important;}

.linesleftright {border-top: 1px solid #ccc;}
.linesleftright .titlecenter {display: block; margin: 0 auto !important; background: #ffffff; width: 200px; text-align: center; margin-top: -5px !important; font-size: 18px; color: #59595a;}

.gridimg {width: auto;}
.gridimg tr td {width: auto !important;}
.gridimg img {width: 300px; }
.gridimg .imgl {padding: 0px 10px 10px 0px;}

.gridtile {width: 150px; height: 150px; float: left; margin: 0px 10px 10px 0px; line-height: 150px; text-align: center; }
.gridtile img {max-height: 150px; max-width: 150px;}
.featured {padding: 15px 0px;}
.featured .fourth {width: 25%; text-align: center;}
.featured .fourth img { 
	box-shadow: 0px 0px 3px #ccc;
	border-radius: 6px;
	max-width: 90%;
}


.optionsrow { height: 35px; margin: 0 auto; width: 400px; }
.contentstore .content { padding-top: 40px; padding-left: 30px; }
.productstable img { margin-bottom: 10px; border-color: #e2e2e1; border-style: solid; border-width: 1px; }
.productstable td { padding: 10px; border-bottom-color: #b1b1b1; border-bottom-style: solid; border-bottom-width: 1px; }
.productstable .borr { border-right-color: #c2c2c2; border-right-style: solid; border-right-width: 1px; }

.loginform .button { width: 100%; display: block; font-size: 20px; border-style: none; border-width: 0px; padding-left: 20px; padding-bottom: 6px; padding-right: 20px; padding-top: 6px; font-weight: bold; color: white; background-color: #ff8024; border-radius: 7px;
background: #db0f7b;
}
.loginform { width: 50%; border-bottom-color: #dddddd; border-top-color: #ebebeb; border-bottom-style: solid; border-top-style: solid; border-bottom-width: 1px; border-top-width: 1px; margin: 0 auto; }
.buttonstdal { margin-right: 10px; float: left; display: block; font-size: 20px; border-style: none; border-width: 0px; padding-left: 20px; padding-bottom: 9px; padding-right: 20px; padding-top: 11px; font-weight: bold; color: white;border-radius: 7px; background: #af8f9e; margin-bottom: 10px;}
.buttonstdal:link, .buttonstdal:active, .buttonstdal:visited { color: white; }




.cors-tab {border: none !important; box-shadow: 2px 2px 8px #ccc; width: 100%;}
.cors-tab th {background-color: #86D0CA;}
.cors-tab td, .cors-tab th {margin: 0px; border: none !important; padding: 10px; font-size: 16px;}
.cors-tab tr:nth-child(odd) td {background-color: #d7f6f4;}
.buttonnext {background: #af8f9e !important; color: white !important; padding: 6px 0px; display: block; border-radius: 4px; font-size: 18px; text-align: center; width: 100%}
.buttonthird {background: #af8f9e !important; color: white !important; padding: 6px 0px; display: block; border-radius: 4px; font-size: 18px; text-align: center; width: 32%; float: left; line-height: 35px;}
.checkoutbutton {background: #af8f9e !important; float: right; font-size: 18px; padding: 15px 30px; color: white; height: auto !important;}

.baskettable {border: none !important; box-shadow: 2px 2px 8px #ccc; width: 100%; padding: 0px; margin-bottom: 10px;}
.baskettable th {background-color: #86D0CA; padding: 10px;}
.baskettable td {margin: 0px; border: none !important; padding: 10px;}
.baskettable tr:nth-child(odd) td {background-color: #d7f6f4;}

.manufacturerlogo {float: right; margin: 0px 0px 10px 10px;}
.manufacturer {float: right; margin: 0px 0px 10px 10px; padding: 10px 20px; border: 1px solid #ccc; border-radius: 6px;}
.manufacturerlogo img {max-height: 100px; max-width: 200px;}
.top_contact {float: right; padding: 5px 0px 0px 0px; width: 60%; text-align: right; line-height: 45px; font-size: 18px; font-weight: 100;}
.top_contact img {margin-bottom: -15px;}
.step {
    border-bottom: 1px solid #af8f9e;
    border-radius: 10px 10px 0 0;
    float: left;
    margin-bottom: 10px;
    margin-right: 1px;
    padding: 10px 20px;
    width: 20%;
    color:#af8f9e;
    font-size: 15px;
}
.active {
    background-color: #af8f9e;
    color: #FFFFFF;
    font-weight: bold;
}
#course_checkout_form {
  color: #af8f9e;
}
.steps {
	padding-top: 15px;
}







@media screen and (max-width: 1250px) and (min-width: 640px) {
}
@media screen and (max-width: 1080px) {

.wrap_left {width: 35%;}
.wrap_right {width: 65%;}
.wrap_left .logo {height: 360px; }
.wrap_left .logo_anim {height: 320px; }
.wrap_left .logo_anim a {display: block; height: 320px;}
.sidecontent {width: 257px; margin: 0 auto;}
.likebox_wrap {margin-left: -20px;}
.slideshow_pad {height: 450px;}
.fifth {width: 33.3%; float: left;}
.third {width: 33.3%; float: left;}
.fourth {width: 33.3%; float: left;}
.cb-slideshow, .cb-slideshow:after {
    height: 450px !important;
}
.cb-slideshow li span {
    background-position: 50% 0%;

}
.cb-slideshow li div {
    top: 160px;
    right: 40px;
    width: 30%;
    font-size: 16px;
    line-height: 18px;
    padding: 20px;
}
.menulist li, .menulist li:hover {padding: 9px 3px;}


}

@media screen and (max-width: 980px) {
.wrap {width: 90%;}
.itempromo {width: 25%; margin-right: 0px;}
.itempromo h2 {padding: 7px;}
.footerlogos img { height: 34px;}
.socialtop {width: 370px;}
.tiledescription {width: 48%; min-height: 205px; margin-right: 0px;}
.tileframe {width: 100%; height: 136px;  }
.tileframe a {width: 100%; height: 146px; display: block;}
.nav ul li a { padding: 0px 16px;}
.menulist li, .menulist li:hover  {
  padding-left: 0px;
  padding-right: 0px;
  }
.nav ul li a {padding: 0px 8px;}
}

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

}

@media screen and (max-width: 840px) {
.wrap {width: 90%;}
.itempromo {width: 25%; margin-right: 0px;}
.itempromo h2 {min-height: 40px;}
.socialtop .text {display: none;}
.socialtop {width: auto; position: absolute; right: 10px; top: 0px;}
.fb-like {float: right;}
.tiledescription {width: 48%; min-height: 205px; margin-right: 0px;}
.tileframe {width: 100%; height: 136px;  }
.tileframe a {width: 100%; height: 146px; display: block;}
.imgr img {width: 210px;}
.containimg {width: auto;}
.half {width: auto; }
.gal_item_grid {width: 33.3%;}
.gridimg img {height: 190px;}
.contactlocation {width: auto !important;}
.hometile {height: 200px; width: 46%; margin-right: 10px; float: left; background-position: center center; background-repeat: no-repeat; background-size: cover;}
.hometile h3 {padding: 10px; background: rgba(255, 255, 255, 0.81);}
.third {width: 50%; float: left;}
.fourth {width: 50%; float: left !important;}
.top{top: 0px; left: 40%; width: auto; z-index: 9999; background: none;}

.slideshow_pad {height: 360px;}
.cb-slideshow, .cb-slideshow:after {height: 360px !important;}
.cb-slideshow li span {background-position: 50% 0%; }
.cb-slideshow li div {
    top: 60px !important;
    right: 70px !important;
    width: 50% !important;
    font-size: 16px;
    line-height: 18px;
    padding: 15px;
}
.wrap_left .logo {height: 280px; background-size: contain; width: 80%; margin: 0 auto;}
.wrap_left .logo_anim {height: 280px;}
.wrap_left .logo_anim a {display: block; height: 280px;}
.sidecontent {width: 80%; margin: 0 auto;}
.twothirds {width: 100%; float: none;}
.third {width: 100%; float: none; padding-top: 10px;}
.likebox_wrap {width: 100% !important; overflow: hidden; margin-right: -20px;}
.likebox_wrap .fb-like-box {width: 100% !important;}
.homepadding {height: 40px;}
.header_social span {display: none;}
.menulist  {
  margin: 0px 0px 0px 0px;
  }
	.nav {
		float: right;
		position: relative;
		min-height: 40px;
		z-index: 9999;
		margin: 0px 30px 0px 0px;
	}
	.nav ul {
		width: 180px;
		padding: 0;
		position: absolute;
		top: 0;
		right: 0;
		border-top: none;
		border-right: solid 1px #aaa;
		border-bottom: solid 1px #aaa;
		border-left: solid 1px #aaa;
		background: #fff url(/img/icon-menu.png) no-repeat 10px 14px;
		border-radius: 0px 0px 5px 5px;
		box-shadow: 0 1px 2px rgba(0,0,0,.3);
	}
	.nav ul li {
		display: none; /* hide all <li> items */
		margin: 0;
		float: none !important;
		position: relative;
	}
	.nav ul li ul {
		position: absolute;
		top:10px;
		left: -210px;
		width: 210px;
	}
	.nav ul .arr a { background: url(/img/menu_arrow.png) 1% 50% no-repeat; }

	.nav .current {
		display: block; /* show only current <li> item */
		float: none !important;
	}
	.nav a {
		display: block;
		padding: 5px 5px 5px 32px;
		text-align: left;
		float: none !important;
	}
	.nav .current a {
		background: none;
		color: #59595a;
	}

	/* on nav hover */
	.nav ul:hover {
		background-image: none;
	}
	.nav ul:hover li {
		display: block;
		margin: 0 0 5px;
	}
	.nav ul:hover .current {
		background: url(/img/icon-check.png) no-repeat 10px 7px;
	}

	/* right nav */
	.nav.right ul {
		left: auto;
		right: 0;
	}

	/* center nav */
	.nav.center ul {
		left: 50%;
		margin-left: -90px;
	}

.col1{ float: none; width: auto; }
.col2{ float: none; width: auto; }



}
@media  screen and (max-width: 640px) {
.gal_item_grid {width: 50%;}
.gridimg img {height: 160px;}
.header_logo{ float: left; position: absolute; left: 0px; top:0px; height: 109px; padding-top: 30px; }
.header_social {float: none; position: absolute; left: 0px; top:100px; }
.fourth {width: 100%; float: none !important;}
.fifth {width: 50%; float: left;}

.wrap_left {width: 100%; float: none;}
.wrap_right {width: 100%; float: none;}
.wrap_left .logo {height: 280px; background-size: contain; width: 250px; margin: 0 auto;}
.wrap_left .logo_anim {height: 280px;}
.wrap_left .logo_anim a {display: block; height: 280px;}
.testimonials_wrap {display: none;}
.nav { position: fixed; top:0px ; right: -20px;}
.social { position: inherit; width: auto; padding: 10px 20px; box-shadow: none; z-index: 9999; }
.likebox_wrap, .address {display: none;}
.footer, .twothirds, .home_news, .services {padding: 5px 20px; width: auto;}
.footer .fr a {display: block;}
.imagetilegallery {width: 100%; height: auto; float: none; }
.nav {position: fixed !important;}
.subpage_pad img {max-width: 100%; }
.imgr, .imgl, .img { width: 50%;}
.imgr img, .imgl img, .img img {max-width: 100%; border-radius: 6px;}
.top {left: 0px;}
.sidecontent {display: none;}
.wrap_left .logo {height: 110px; background-position-y: 90%; margin-top: 20px;}
.wrap_left .logo_anim {background-position-y: 7%;}
.menu {padding-bottom: 0px;}
.noslideshow_pad {display: none;}
.content {padding-top: 0px;}
.homepadding {height: 40px;}
.subpage_pad {padding: 0px 20px 0px 20px;}
.imgtile {padding: 20px 0px;}
}


@media  screen and (max-width: 480px) {
.wrap {width: 90%;}
.top {position: relative;}
body (font-size: 16px;)
.toplink, .toplink a {height: 90px;}
.itempromo {width: 25%; margin-right: 0px; word-break: break-word;}
.itempromo h2 {min-height: 60px;}
.logoinspromo {height: 100px;}
.socialtop .text {display: none;}
.socialtop {width: auto; position: absolute; right: 10px; top: 0px;}
.fb-like {position: absolute !important; top: 37px; right: 0px; padding: 0px 0px 0px 0px; float: none; height: 35px; overflow: visible;}
.tiledescription {width: 48%; min-height: 205px; margin-right: 0px;}
.tileframe {width: 100%; height: 136px;  }
.tileframe a {width: 100%; height: 146px; display: block;}
.imgr img {width: 160px;}
.containimg {width: auto;}
.tiledescription {min-height: 170px;}
.oferta .tiledescription {min-height: 200px}
.fl {float: none;}
.half {width: 100%;}
.socialitem {display: none;}
footer .half {width: auto;}
footer .fl, footer .fr {float: none;}
.gridimg img {height: 120px;}
.cb-slideshow,
.cb-slideshow:after {
    height: 315px !important;
}
.cb-slideshow li span {
    height: 138px !important;
    top: 177px !important;
}
.top {left: 0px;}
.sidecontent {display: none;}
.wrap_left .logo {height: 90px; background-position-y: 90%; margin-top: 20px;}
.wrap_left .logo_anim {background-position-y: 7%;}
.menu {padding-bottom: 0px;}
.noslideshow_pad {display: none;}
.content {padding-top: 0px;}
.homepadding {height: 40px;}
.subpage_pad {padding: 0px 20px 0px 20px;}
.imgtile {padding: 20px 0px;}
.image_placeholder {width: 100%; margin-right: 0px;}
	.nav {

		position: absolute;
		bottom: -16px; right: -7px;
		min-height: 40px;
		z-index: 9999;
		margin: 0px 0px 0px 0px;
		overflow: visible;
	}
	.nav ul {
		width: 110px;
		padding: 0px;
		position: fixed;
		top: 0;
		right: 0px;
		background: #fff url(/img/menu_arrow.png) no-repeat 6px 50%;
		z-index: 9999 !important;
		border-radius: 0px 0px 0px 6px;
		border: 0px;
	}
		.nav ul .arr a { background: none; }
		.nav ul li a { padding: 0px 16px 0px 32px;}

	.nav ul:hover {width: auto; overflow: auto; box-shadow: none; border-bottom: none; width: 150px; margin: 0px 0px 0px 0px;}
	.nav ul li {
		display: none; /* hide all <li> items */
		margin: 0;
		float: none !important;
	}
	.nav ul li ul {display: none !important;}
	.nav a {
		display: block;
		padding: 5px 5px 5px 12px;
		text-align: left;
		float: none;
		background: white;

	}

	.nav .current a {
		background: none;
		color: #59595a;
		/* width: 90px; */
	}

	/* on nav hover */
	.nav ul:hover {
		background-image: none;
		box-shadow: 0px 0px 10px #000;
	}
	.nav ul:hover li {
		display: block;
		padding-bottom:0px;
		width: 150px;
		margin: 0px 0px 0px 0px;
		border-bottom: solid 1px #aaa;
		background: #fff ;
		
	}
	.nav ul:hover .current {
		background: none;
		margin: 0px 0px 0px 0px;
		width: auto;
	}
	.nav ul li ul li {margin: 0px 0px 0px 0px;}

	/* right nav */
	.nav.right ul {
		left: auto;
		right: 0;
	}

	/* center nav */
	.nav.center ul {
		left: 50%;
		margin-left: -110px;
	}


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

}