/* 
    Document   : products
    Created on : Nov 7, 2012, 10:04:11 AM
    Author     : marko
    Description:
        Purpose of the stylesheet follows.
*/

root { 
    display: block;
}

#products h1{
    font-family: 'Museo500', Arial, sans-serif;
    font-size:18px;
    color:#351813;
    margin-bottom:0;
}

#products h2{
    font-family: 'Museo300', Arial, sans-serif;
    color:#351813;
    font-size:24px;
    margin-bottom:14px;
}

#products h1 span {
    color: #a89f8e;
    margin-right: 8px;
}

#products .pagination-container {
    float: left;
}

.product-container, .product-review-container {
    background: #f2f0e4;
    padding: 20px 28px 14px 19px;
    margin-top:30px;
}

.product-thumb-container, .products-list .product-list-item .product-thumb-container {
    border: #ebe5d5 1px solid;
    position: relative;
    float: left;
    margin-right: 21px;
    background: #fff;
    padding: 5px 0;
}



.products-main-rating {
    position: absolute;
    right: -9px;
    bottom: -8px;
    width: 40px;
    height: 40px;
    background: url("/images/kmm/main-rating.png") no-repeat center center;
    text-align: center;
    color: #fff;
    font-family: 'Museo500', Arial, sans-serif;
    font-size:14px;
}

.products-main-rating span {
    display: block;
    margin-top: 13px; 
}

.product-data-container {
    border-top: #e3e0d1 1px solid;
    padding-top: 17px;
    width: 481px;
    color: #341912;
}

.product-item-name {
    margin-right: 23px;
}

.product-description {
    margin-top:21px;
}

.product-overall-rating {
    padding-top: 8px;
    border-top: #e3e0d1 1px solid;
    margin-top:19px;
}

.product-overall-rating{
    color: #a79e8f;
    font-size:11px;
    text-align: center;
    padding-left: 227px;
}

.product-overall-rating .rating {
    float:left;
    margin-right: 10px;
}

.product-overall-rating .rating-descriptive {
    float:left;
    margin-top:3px;
}

.partial-rating-container {
    margin:23px 0 21px;
    padding-left:30px;
    padding-bottom: 5px;
}

.partial-overall-rating {
    float:left;
    width: 340px;
    margin-right: 10px;
    margin-bottom: 14px;
}

.products-partial-rating {
    width: 27px;
    height: 27px;
    float: left;
    background: url("/images/kmm/partial-rating.png") no-repeat center center;
    color: #fff;
    font-size:11px;
    font-family: 'Museo500', Arial, sans-serif;
    text-align: center;
    margin: -5px 11px 0 9px;
}

.products-partial-rating span {
    display: block;
    margin-top: 8px; 
}

.partial-overall-rating-text {
    float: left;
    color: #898174;
    font-family: 'Museo500', Arial, sans-serif;
    font-size: 11px;
    margin-top:1px;
}

.product-review-container {
    padding-right: 20px;
}

.review-user-avatar {
    float:left;
    margin-right: 11px;
}

.review-time {
    color:#9c947f;
    background: url("/images/forums/post-icons.png") no-repeat 0 0;
    padding-left: 24px;
    margin-top: 4px;
}

.review-author {
    float:left;
    margin-bottom: 24px;
}

.review-author a{
    font-weight: bold;
}

.review-overall-rating{
   font-family: 'Museo500', Arial, sans-serif;
   color:#d24d5e;
   float:right;
   font-size:14px;
}

.review-overall-rating .products-main-rating {
    position:static;
    float:left;
    margin-left: 11px;
}

.review-overall-rating .left {
    margin-top:12px;
}

.product-reviews .pagination-container {
    margin-top:10px;
}

.product-review {
  border-top: #e3e0d1 1px solid;
  color: #341912;
  padding: 16px 0;
}

.product-review h3 {
    font-family: 'Museo500', Arial, sans-serif;
    color: #341912;
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 0;
    padding-bottom:12px;
}

h2.ratings-and-comments {
    font-size: 20px;
}

.product-review-text {
    float:left;
    width: 440px;
    margin-right:20px;
    text-align: justify;
}

.product-review-rating {
    float: left;
    width: 262px;
}

.product-review-removed {
    padding-top: 10px;
}

.product-review-rating h3 {
    border-bottom: #e3e0d1 1px solid;
}

.review-partial-rating {
    margin-top: 11px;
}

.review-partial-rating-text {
    float:left;
    /*margin-left:-2px;*/
    font-family: 'Museo500', Arial, sans-serif;
}

.review-tools {
   border-top: #e3e0d1 1px solid; 
}

.review-tools .like-me {
    float: right;
}

.review-tools .forum-edit {
    margin: 5px 10px 0 0;
}

.review-tools .forum-edit.edit-post, .review-tools .forum-edit.remove-post, .review-tools .forum-edit.restore-post {
    float: left;
}

.products-subcategories-container {
    float:left;
    width: 460px;
}

#products h1.products-category {
    color: #a79e8f;
    background: url("/images/kmm/category-title-bg.png") repeat-x top left;
    padding: 9px 0 6px;
}

.products-subcategories {
   background: url("/images/kmm/category-title-bg.png") repeat-x top left;
   padding-top: 23px;
}

.products-subcategories .left {
    width: 225px;
    margin-bottom: 20px;
    font-weight: bold;
    vertical-align: top;
}

.products-subcategories .has-children span{
    padding-right: 10px;
    background: url("/images/kmm/more.png") no-repeat right center;
    position: relative;
}

.products-sub-sub {
    position: absolute;
    left: 105%;
    top: -11px;
    z-index: 250;
    background: url("/images/kmm/sub-bg.png") no-repeat 0 7px;
    padding-left:8px;
    width: 200px;
}

.sub-items {
    background: url("/images/kmm/subsub-bg.png") repeat top left;
    padding: 11px 0 2px;
   
}

.sub-items div{
   padding: 8px 24px 8px 27px;
   border-bottom: #d1cebf 1px dotted;
   background: url("/images/forums/breadcrumbs-divider.png") no-repeat 10px 50%;
}



.sub-items div.last {
    border-bottom: none;
}

.products-search {
    float: left;
    margin-left: 22px;
}

.products-search h3{
    color: #a99d8f;
    background: url("/images/pl/bg-seperator.gif") repeat-x bottom;
    padding-bottom: 11px;
    font-family: 'Museo300', Arial, sans-serif;
    font-size: 14px;
}

.products-statistics {
    padding: 2px 0 14px;
    background: url("/images/pl/bg-seperator.gif") repeat-x bottom;
    color: #ac9e91;
    
    
}
.products-statistics p{
   margin-bottom:0; 
}

.products-list, .products-featured-list {
    border-top: #e9e3d3 1px solid;
    padding: 13px 0 30px;
}

.product-list-item {
    float:left;
    margin-right: 41px;
    width: 226px;
    color: #636363;
    padding-bottom: 12px;
    background: url("/images/kmm/two-by-three-divider.png") repeat-x left bottom;
}

.product-list-item.last {
    margin-right: 0;
}

.product-list-item .product-thumb-container {
    float: none;
    margin-right: 0;
}

.product-list-item h3 {
    font-family: 'Museo500', Arial, sans-serif;
    font-weight: normal;
    font-size:14px;
    margin: 18px 0 16px;
}

.product-list-item h3 a span{
    color:#a79e8f;
}

.featured-list-rating-info {
    padding-top: 12px;
    color: #968c80;
    background: url("/images/kmm/two-by-three-divider.png") repeat-x left top;
    margin-top:8px;
}

.products-list .product-list-item {
    float:none;
    margin-right: 0;
    margin-bottom:21px;
    width: 713px;
    color: #636363;
    padding: 21px 29px 11px 20px;
    background: #f3f1e5;
}



.products-list-filters{
    padding-bottom: 25px;
}

.products-list-filters label{
    display:inline;
    margin-right: 7px;
    font-family: 'Museo300', Arial, sans-serif;
    font-weight: normal;
    font-size: 14px;
    color: #a99c8c;
    vertical-align:middle;
}

.products-list .product-data-container {
    width: 481px;
    color: #341912;
    border: none;
    padding-top:0;
}

.product-data-container h3 {
    font-weight: normal;
    padding-bottom:16px;
    margin: 0 0 16px;
    border-bottom: #e6e0d2 1px solid;
}

.product-list-rating-info{
    float:right;
    width: 481px;
    padding-top:15px;
    border-top: #e6e0d2 1px solid;
    
}

.product-list-rating-info .star-rating {
    float:left;
    margin-right: 10px;
}

.rating-descriptive {
    color: #aa9e92;
}

.review-form-container {
    padding: 26px 18px 40px 23px;
    margin-bottom: 21px;
}

.review-form-data {
    float:left;
    margin-left: 11px;
    width: 382px;
    margin-right: 30px;
}

.review-form input[type=text],  .review-form textarea {
    width: 370px;
}

.review-form input[type=text] {
    margin-bottom: 0;
}

.review-form button {
    margin-right: 11px;
    margin-top: 0;
}

.review-form textarea{
    height: 150px;
    margin-top:15px;
}

.review-form-ratings {
    float: left;
    width: 260px;
    color: #897f75;
}

.review-form-submit-group {
    float:right;
    width: 260px;
    text-align:left;
}

.rating-form-title {
    margin-bottom: 11px;
    padding-bottom: 13px;
    border-bottom: #e9e3d3 1px solid;
    font-family: 'Museo300', Arial, sans-serif;
    font-size: 14px;
}

.review-form-rating-option {
    margin-bottom: 14px;
}

.form-star-rating {
    float: left;
}

#products form .error-text {
    color: #D34C5E;
    margin-top: 5px;
    font-weight: bold;
    font-size: 12px;
    margin-bottom: 0;
}

.products-search-container {
    padding: 15px 13px 14px 11px;
    background: #f3f1e5;
    margin-bottom: 32px;
    margin-top: -24px;
}

.products-search-container h3{
    background: none;
    padding-bottom: 0;
}

.products-search-container label {
    display: block;
    float: left;
    width: 90px;
    color: #a79f92;
    font-weight: normal;
    padding-top:5px;
    margin-right: 6px;
}

.products-search-container input[type=text], .products-search-container select {
    width: 130px;
    display:block;
}

.products-search-container select {
    width: 123px;
}

.products-search-container .form-row {
    margin-bottom:9px;
}

.products-search-container input[type=submit] {
    float:right;
}

.products-tools {
   margin-bottom: 11px;
   float: left;
}

.products-tools button {
    float: left;
    margin-right: 10px;
    font-family: 'Museo300', Arial, sans-serif;
    color: #A99D8F;
    background: #e8e2d2;
    padding: 6px 11px 6px 9px;
    border: none;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;    
}

.product-form, .vendor-form {
    padding: 0 18px 40px 0;
    width: 662px;
}

.pf-selectable-wrapper {
    
}

.pf-selectable-wrapper label {
    display: block;
    margin-bottom: 5px;
}

.pf-change-thumbnail {
    float: left;
    margin-top:20px;
}

.product-form .product-thumb-container,
.vendor-form .product-thumb-container,
.products-list .product-list-item .product-form .product-thumb-container,
.products-list .product-list-item .vendor-form .product-thumb-container {
    float: none;
    overflow: hidden;
}


.pf-change-thumbnail button {
    margin-top:5px;
    width: 208px;
    display:block;
}





.pf-content, .pf-title {
    float: right;
    margin-top: 10px;    
}

.pf-title {margin-top:20px;}

.pf-title input[type=text], .pf-content textarea, .pf-website input[type=text]{
    width: 421px;
}

.pf-content textarea {
    height: 144px;
}

.pf-ean-code, .pf-link {
    padding: 0 0 0 20px;    
    margin-top: 20px;    
}

.pf-ean-code {
    background: url("/images/kmm/ean-code.jpg") no-repeat 0 1px;
    padding-left: 46px;
}

.pf-ean-code input[type=text], .pf-link input[type=text] {
    width: 287px;
}

.pf-ean-code input[type=text] {
    border-left:none;
    margin-left: -2px;
}

.pf-ean-code .error-text {
    margin-left: -46px;
}

.pf-submit-group input[type="submit"], .pf-submit-group button.cancel {
    margin-left: 12px;
}

.pf-submit-group {
    margin-top: 16px;
    text-align:right;
}

.pf-is-available {
    margin-top: 21px;
    float:left;
}
.pf-publish-label {
    vertical-align: middle;
}

.product-tools {
    text-align: right;
    margin-top: -15px;
}

.product-container .product-tools {
    margin-bottom: 5px;
}

.product-list-item .product-tools {
    margin-top:-10px;
}

.product-tools .forum-edit {
    float:none;
    margin-left: 10px;
}

.product-list-item .product-form,
.product-container .product-form,
.product-list-item .vendor-form {
    width: 615px;
}

.product-list-item .pf-title input[type=text],
.product-list-item .pf-website input[type=text],
.product-list-item .pf-content textarea, 
.product-container .pf-title input[type=text], 
.product-container .pf-content textarea{
    width: 369px;
}

.product-list-item .pf-ean-code input[type=text],
.product-list-item .pf-link input[type=text],
.product-container .pf-ean-code input[type=text],
.product-container .pf-link input[type=text] {
    width: 264px;
}

button.forum-edit.working {
    background: url("/images/ajax-loader-pl.gif") no-repeat 50% 50% !important;
}

.vendors-list-link {
    float: left;
    display:block;
    font-weight: bold;
    margin-top: 6px;
    padding-bottom: 10px;
}

.vendor-stats {
    color: #aa9e92;
    margin-top: -10px;
    margin-bottom:5px;
}

.vendor-form-affiliate-wrapper {
    margin-top: 15px;
    float:left;
}

.vendor-form-affiliate-wrapper button.submit {
    width: 208px;
    float:none;
    display:block;
}

.vendor-form .pf-change-thumbnail, .vendor-form .pf-title {
    margin-top: 0;
}

.vendor-form .pf-submit-group {
    margin-top:30px;
}

.search-affiliates input[type=text] {
    margin-right: 5px;
    width: 400px;
}

.search-affiliates input[type=submit] {
    padding: 5px 15px !important;
}

.search-affiliates h2 {
    font-size: 16px;
    margin-bottom: 5px;
}

.affiliates-search-results {
    height: 200px;
    overflow: auto;
    border: #dad4c2 1px solid;
    padding: 5px 0;
    margin-top: 10px;
}

.affiliates-search-results li {
    padding: 5px 0;
    margin: 0 5px;
}

.affiliates-search-results li.no-results {
    font-style: italic;
    color: #A99E8F;
    border-bottom-style: dashed;
    margin-bottom: 5px;
}

.affiliates-search-results li.more-results {
    text-align:center;
    border: none;
}

.affiliate-avatar, .affiliate-name {
    margin-right: 10px;
}

.remove-affiliate, .add-affiliate{
    width: 16px;
    height: 16px;
    background: url("/images/forums/post-icons.png") no-repeat 0 -75px;
    border: none;
    cursor: pointer;
    padding:0;
    float:right;
    margin: 10px 5px 0 0;
}

.add-affiliate, button.add-affiliate:hover {
   background: url("/images/icons/icons-caravaning-club.png") no-repeat 0px -440px !important; 
}
 
button.remove-affiliate:hover {
    background: url("/images/forums/post-icons.png") no-repeat 0 -75px !important;
}

button.remove-affiliate.working, button.remove-affiliate.working:hover, button.add-affiliate.working, button.add-affiliate.working:hover {
    background: url("/images/ajax-loader.gif") no-repeat 0 0 !important;
}

.affiliates-search-results li{
    margin-bottom: 5px;
    padding-bottom:5px;
    border-bottom: #dad4c2 1px solid;
}

.current-affiliate {
    padding: 5px;
    border: #dad4c2 1px solid;
    margin-bottom: 5px;
}

.form-affiliate {
    width: 196px;
    height: 38px;
}

.pf-website {
    margin-top: 15px;
}

.pf-show-link {
    margin-top: 5px;
    float: right;
    margin-right: 181px;
}

.vendor-form .pf-show-link {
    margin-left: 21px;
    float: left;
    margin-right: 0;
}

.product-list-item .pf-show-link, .product-container .pf-show-link {
    margin-right: 157px;
}

.product-list-item .vendor-form .pf-show-link {
    margin-left: 26px;
    margin-right: 0;
}

.products-link {
    margin-top:10px;
}

.kmm-widget-latest-reviews {
    
}

.ingredients-alphas{
    float: left;
    padding-top:6px;
}

.ingredients-alphas a, .ingredients-alphas span {
    margin-right: 12px;
    font-size: 12px;
}

.ingredients-alphas a.last, .ingredients-alphas span.last {
    margin-right: 0;
}

.ingredients-alphas span{
    color: #A99E8F;
}

.ingredients-alphas span.current {
   color: #575768;
   font-weight: bold;
}


.ingredients-filters-wrapper label {
    margin-right: 10px;
}

.ingredients-categories {
    padding: 15px 20px 14px;
    background: #f3f1e5;
    margin-top: 20px;
}

.ingredients-categories h3 {
    color: #a99d8f;
    background: url("/images/pl/bg-seperator.gif") repeat-x bottom;
    padding-bottom: 11px;
    font-family: 'Museo300', Arial, sans-serif;
    font-size: 14px;
}

.ingredient-category {
    font-weight: bold;
    margin-bottom: 10px;
}

.ingredients-list {
    width: 575px;
    margin-top: 20px;
    
}

.ingredients-list h2 {
    
    font-size: 12px;
}

.ingredients-list h2 a, .ingredients-list .expand-all a {
    background: url("/images/kmm/more.png") no-repeat left center;
    padding-left: 10px;
    font-weight: bold;
}

.ingredients-list a.active {
   background: url("/images/kmm/less.png") no-repeat left center; 
}

.ingredients-list .expand-all {
    margin-bottom: 15px;
    
}

.ingredients-list .expand-all a {
    color: #D2A49D;
}

.ingredient-form-wrapper {
    margin-top:10px;
    width: 575px;
}

.ingredient-form .pf-title, .ingredient-form .pf-content {
    float: none;
}

.ingredient-form .pf-title {
    margin-top: 10px;
}

.ingredient-form {
    margin-left: -100px;
}

.ingredient-form .error-text {
    color: #D34C5E;
    margin-top: 5px;
    font-weight: bold;
    font-size: 12px;
    margin-bottom: 0;
}

.ingredient-form h2{
    font-family: 'Museo300', Arial, sans-serif;
    color:#351813;
    font-size:24px;
    margin-bottom:14px;
}

.ingredient-form .pf-title input[type=text], .ingredient-form .pf-content textarea {
    width: 476px;
}

.ingredient-list-item .product-tools {
    margin-top: 0;
}

.ingredient-list-item:hover {
    background-color: #f3f1e5;
}

.ingredient-list-item.expand-all:hover {
    background-color: transparent;
}

.ingredient-list-item {
    padding: 5px 10px 0 0;
    
}

.ingredient-list-item p{
    padding-left: 10px;
}

#products #leftColumn .banner728box
{
    margin: 0 12px 0 12px;
}

#products #relatedContents {
    margin-bottom: 30px;
}

.vendors-list {
   padding-bottom: 40px;
}
.products-featured-list
{
    position: relative;
}
.products-featured-list .left-arrow
{
    position: absolute;
    left: -30px;
    top: 150px;
    background: url('/images/pl/kmm-arrows.png');
    width: 15px;
    height: 25px;
    cursor: pointer;
}
.products-featured-list .right-arrow
{
    position: absolute;
    right: -30px;
    background: url('/images/pl/kmm-arrows.png') bottom;
    width: 15px;
    height: 25px;
    top: 150px;
    cursor: pointer;
}