/*
Kotitehdas.fi 
XHTML / CSS Author: Harri Kilpiö, Ego Beta Ltd.
Visual Design Copyright 2008 Ego Beta Ltd.

If you have ideas/suggestions for improvement please send us email:
harri.kilpio@egobeta.fi
*/

#instructions {background:url("/assets/img/bg_site_instruction.gif") left top no-repeat;}

/* =items_category */
.items_category dl {position:relative;}
.items_category dl img.pro-designer {position:absolute;left:18px;top:79px;z-index:10;}
.items_category dd.site-name {padding-top:124px;line-height:1.1; padding-right: 5px;}
.items_category dd.site-name a {font-weight:bold;}
.items_category dd.site-designer {padding-top:3px;}
.items_category dd.site-updated { position: absolute; height: 18px; line-height: 20px; font-size: 11px; font-weight: normal; top: 100px; left: 0; border-bottom: 1px solid #d7cca9; width: 135px;}
.items_category dd.site-updated a { color: #777155; }
.items_category dd.site-comments { position: absolute; top: 100px; right: 15px; }
.items_category dd.site-comments a { background:transparent url('/assets/img/bg_icon_comments.gif') no-repeat scroll left top; padding-left: 20px; line-height: 20px;  font-size: 11px; font-weight: normal; color: #777155; display: block; }
.items_category .create-own { float:left; font-size:11px; margin-left:0; margin-right:9px; margin-top:10px; position:relative; width:145px; height: 170px; background: #d7cca9 url('/assets/img/bg_create_own_site.gif') no-repeat 0 -15px; }
.items_category .button { margin: 115px auto 0 auto;}

/* =site*/
#site {width: 960px; position:relative;}
#site .site_wrapper {width:608px;z-index:1;}
#site h1 {padding-left:10px;font-size:36px;letter-spacing:-1.5px;line-height:38px; line-height:38px; padding-top: 30px;/*padding-top:485px;*/}
#site h2 {font-size:20px;text-transform:uppercase; font-weight:bold;}
#site h2 span.company {font-weight:normal;font-size:15px;padding-left:5px;}
#content-main #site h1 {margin-right:0; padding-right:0;letter-spacing:0;}
#content-main #site h2 {margin-right:0; margin-left:20px;padding-left:10px; margin-bottom:0.25em;position:absolute;top:0;}
#content-main #site h2.pro-designer {padding-left:40px;}
#content-main #site h2.pro-designer span.pro-badge {background-color:#565550; color:#e4dec2;text-transform:uppercase;padding:.1em 5px;font-size:12px;position:absolute;left:0;top:2px;}
#sites h2 {margin-bottom:12px; font-size:20px; text-transform:uppercase; font-weight:bold;}
#content-main #site #edit-own-product {position:absolute;top:-4px;right: 340px;}

/* =site-supplementaryinfo */
body.sites #site-supplementaryinfo {float:right:298px;}
body.sites #site-supplementaryinfo h3 {font-size:15px;padding-left:10px;margin-bottom:10px; font-weight:bold;}

/* =site-pics*/
#site-pics { position: relative; top: 26px; left: 0; margin-bottom: 25px; margin-left: 25px; }

/*=col-first */
body.sites .col-first {width: 608px; padding-top: 20px;}
body.sites #content-main .col-first h1 {margin-left:0;}
body.sites #content-main .col-first h3 {font-size:15px;text-transform:none;margin-bottom:.6em;font-weight:bold;padding-left:10px;}
body.sites #content-main .col-first p {padding-left:10px;}

body.sites #content-main div#site-stats {border-top:1px dotted #c2bda5;border-bottom:1px dotted #c2bda5; padding-top:.3em; padding-bottom:.3em;margin-bottom:20px;}
body.sites #content-main div#site-stats:after {content : "."; display : block; height : 0; clear : both; visibility : hidden;}
body.sites #content-main div#site-stats p {float:left; padding-bottom:0; margin-bottom:0;color:#918962;}
body.sites #content-main div#site-stats p.views {width:190px; margin-right:10px;}
body.sites #content-main div#site-stats p.published {width:300px; border-left:1px solid #bbb492; padding-left:10px;}

/*=col */
body.sites .col {width: 296px; padding-top: 20px;}
#site-type, #site-addedby {display:none;}

/* =site editor */
#site-editor { margin: 0 20px; }
#site-editor h2 {padding-left:10px; font-size: 20px; font-weight: bold; color: #9d9a89; margin: 0 0 6px 0; text-transform: uppercase;}
#site-editor .site-images { width: 588px; background: #fff; border: 10px solid white; }
#site-editor .site-images .image-frame { width: 588px; height: 392px; position: relative;}
#site-editor .site-images #current-image { display: block; margin: auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0;}

#site-editor .site-images .top-bar { position: absolute; top: 0; left: 0; background-color: rgb(51, 51, 51); background-color: rgba(51, 51, 51, 0.8); width: 100%; padding-bottom: 5px;}
#site-editor .site-images .image-browser { margin: 0; padding: 2px; }
#site-editor .site-images .image-browser li { margin: 2px; padding: 0; display: block; float: left; position: relative;}
#site-editor .site-images .image-browser a img { width: 66px; height: 44px; border: 2px solid white; }
#site-editor .site-images .image-browser img.default { position: absolute; top: -1px; right: -1px; }
#site-editor .site-images .image-browser li.active img { border-color: #50BED6; }

#site-editor .site-images .add-image { clear: left; margin: 5px 20px; position: relative;}
#site-editor .site-images .add-image label { color: #DED6B5; font-weight: bold; font-size: 1.1em; text-shadow: 1px 1px 1px black; line-height: 32px; float: left; margin-top: -5px;}
#site-editor .site-images .add-image #add-image { float: left; }
#site-editor .site-images .add-image #new-image { color: #DED6B5;float:left;margin-right:10px; }
#site-editor .site-images .add-image .controls { float: left; margin: 0 0 0 2em; padding: 0; }
#site-editor .site-images .add-image .loading { position: absolute; right: 0; top: 3px; padding: 0; margin: 0;}
#site-editor .site-images .add-image .loading img { float: left; display: block; margin: 6px 1em 0 0;}
#site-editor .site-images .add-image .loading .button { float: left; }

#site-editor .site-images .image-operations { position: absolute; bottom: 0; left: 0; background-color: rgb(51, 51, 51); background-color: rgba(51, 51, 51, 0.8); width: 588px; margin: 0;}
#site-editor .site-images .image-operations li { display: block; float: left; text-align: center; line-height: 30px; padding: 2px 0; width:291px; border: 1px outset #333;}
#site-editor .site-images .image-operations input { margin: 0; padding: 6px 0 3px 30px; border: none; color: #DED6B5; font-weight: bold; font-size: 14px; text-shadow: 1px 1px 1px black; line-height: 15px; cursor: pointer;}
#site-editor .site-images .image-operations #crop-image input { background: url('/assets/img/editicon_crop.gif') no-repeat; }
#site-editor .site-images .image-operations #default-image input { background: url('/assets/img/editicon_default.gif') no-repeat; }
#site-editor .site-images .image-operations #remove-image a { margin: 0; padding: 6px 0 3px 30px; line-height: auto; border: none; color: #DED6B5; font-weight: bold; font-size: 14px; text-shadow: 1px 1px 1px black; background: url('/assets/img/editicon_delete.gif') no-repeat;}

#site-editor .site-images #image-caption { margin: 1em 0 0 0; font-weight: bold; color: #333; border: 1px dashed #ddd; padding: 2px 5px; position: relative; }
#site-editor .site-images #image-caption .input-container { height: 27px; margin-top: 2px;}
#site-editor .site-images #image-caption input, #site-editor .site-images #image-caption button { float: left; margin-right: 0.5em;}
#site-editor .site-images #image-caption #txt-img-caption { margin-right: 1em; width: 25em; float: left; font-size: 15px;}

#site-editor .site-texts { margin: 1em 0 0 0; width: 608px; color: #333;}
#site-editor .site-texts h1 { border: 2px dashed #bcb7a0; background: white; margin: 0; padding: 0.25em; font-size: 36px; }
#site-editor .site-texts h1 .input-container { height: 27px;}
#site-editor .site-texts h1 input#txt-title { width: 400px; font-size: 16px; float: left;}
#site-editor .site-texts h1 * { letter-spacing: 0;}
#site-editor .site-texts .site-description { border: 2px dashed #bcb7a0; background: white; margin: 0; padding: 1em; margin-top: 1em; min-height: 10em;}
#site-editor .site-texts textarea { width: 100%; height: 7.5em; display: block; margin-bottom: 0.5em; font-size: 12px;}
#site-editor .site-texts input, #site-editor .site-texts button { float: left; margin-right: 0.5em;}

#site-editor .site-properties { margin: 1em 0 0 0; width: 608px; color: #333;}
#site-editor .site-properties .properties { border: 2px dashed #bcb7a0; background: white; margin: 0; padding: 1em 1em 4em 1em ; margin-top: 1em;  margin-bottom: 4em; min-height: 8em;}
#site-editor .site-properties input, #site-editor .site-properties button { float: left; margin-right: 0.5em; }

ul.site-details li {display: block; float: left; width: 11em;}
#site-editor p.cb {display: block; clear:both;}

#site-editor p.error { font-size: 12px; font-weight: bold; color: #c00; letter-spacing: normal; margin: 4px 0 0 0; padding: 0;}

#site-editor div.buttons {clear:both;padding-top:20px;}
#site-editor div.buttons p { margin-bottom: 10px;}
#site-editor div.buttons input { float: left;}

/*=keywords*/
#keywords {margin-top:20px;width:608px;}

/*=keywords, =site-products, =recommended-persons*/
#keywords h2, #site-products h2, #recommendations h2 {font-size:15px;text-transform:uppercase;margin-left:0;font-weight:bold;color:##site-keywords ul li;}
#keyword-description, #site-products-description, #recommended-persons-description {border:2px dashed #bcb7a0;position:relative;}
#keyword-description p,#site-products-description p, #recommended-persons-description p {padding:10px;padding-bottom:0;color:#9d9a89;}

#keyword-description p {width:450px;}

#site-products, #recommended-persons {width:298px;}
#content-main #recommendations h2, #content-main #site-products h2 {margin-top: 4px; margin-bottom:6px; font-size: 16px;}
#site-editor #recommendations h2, #site-editor #site-products h2 { color: #9d9a89; }

/* =images-content*/
#images-content {float:left;width:608px;}

/*=products-recommended*/
#products-recommended {float:right;width:280px;margin-right:15px;}

/* =own-product*/
#own-product {float:left;clear:both;}
#own-product label.error { color: #c00; font-weight: bold;}
#own-product span.error { font-weight: normal; float: none; clear: left; display: block; width: 170px; margin-left: 140px; padding-top: 2px;}
#own-product .file.error { color: #f33; }
#own-product .file span.error { margin: 0; width: 100%; }
#own-product #frm_ownproduct {float:left;width:588px; margin-left: 0; padding-left: 0; margin-top: 0;}
#own-product label.required { font-weight: bold; }
#own-product label.required span.title:after { content: ' *'; }
#own-product label.textarea textarea { font-size: 11px; height: 120px;}
#own-product #site-products { margin-bottom: 0;}
#own-product .loading img { float: left; display: block; margin: 6px 1em 0 0;}

/* =frm_ownproduct */
#frm_ownproduct label span { width: 125px; }
#frm_ownproduct label span.info { width: 135px; padding-left: 5px; font-weight: normal; color: #5B5647; font-size: 11px; line-height: 11px;}
#frm_ownproduct div.buttons { margin-left: 125px; padding-top: 10px;}
#frm_ownproduct div.buttons .button { float: left; margin-right: 5px;}
#frm_ownproduct div.note { position: static; clear: both; margin-top: 20px;}
#frm_ownproduct label.file span { width: 140px;}

/* =frm_recommend */
#frm_recommend { width:570px;position:relative;}
#frm_recommend label {clear:both; position:relative; display:block; width:600px; margin-top:0;padding-bottom:10px;}
#frm_recommend label span {float:left; width:140px;}
#frm_recommend label span.error { font-weight: normal; float: none; clear: left; display: block; width: 170px; margin-left: 140px; padding-top: 2px;}
#frm_recommend label span.info { width: 200px; padding-left: 5px; font-weight: normal; color: #5B5647;}
#frm_recommend label.text input {float:left;width:220px;}
#frm_recommend label.text input#city {width:160px;}
#frm_recommend label.textarea { padding-top: 1em; }
#frm_recommend label.textarea textarea {width:225px;height:120px; float: left;}
#frm_recommend label.required { font-weight: bold; }
#frm_recommend label.required span.title:after { content: ' *'; }
#frm_recommend label.error { color: #c00; font-weight: bold;}
#frm_recommend div.buttons {height: 27px; padding: 0; position: absolute; bottom: 0; right: 0; }
#frm_recommend .button { float: left; margin-right: 5px;}
#frm_recommend div.note {width: 400px; clear: left; margin: 0; position: relative; top: 10px;}
#frm_recommend div.note p {padding-left: 70px; color: #5B5647;}

/* =from-service*/
#from-service {float: left; clear:both;}
#from-service #frm_service_products {float:left;}
#from-service #frm_service_products legend { padding: 0;}

/* =add-product */
#add-product { margin: 20px; }
#add-product h1 {color:#333333; font-size:24px; font-weight:bold; letter-spacing:0; margin:0 0 10px; text-transform:uppercase; }
#add-product ul.tabs {border-bottom:1px dotted #c2bda5;font-family:Helvetica, Arial, sans-serif;margin-left:0;padding-left: 10px; width:430px;margin-bottom:20px; font-size: 14px;}
#add-product ul.tabs:after {content : "."; display : block; height : 0; clear : both; visibility : hidden;}
#add-product ul.tabs li {padding:10px 5px 0 5px; float:left;z-index:3; margin-bottom: -1px; font-weight: bold;}
#add-product ul.tabs li.active {background:url("/assets/img/bg_ul_tabs_li_l.gif") left top no-repeat; }
#add-product ul.tabs li a {padding:11px 6px 2px 6px;z-index:2;}
#add-product ul.tabs li.active a {padding-left: 10px; background:url("/assets/img/bg_ul_tabs_li_r.gif") right top no-repeat; padding-right: 16px; color: #5B5647;}
#add-product div.buttons span#preview {width:80px;margin-left:140px;}
#add-product form fieldset { margin-bottom: 20px;}
#add-product div.note {clear: left; width:440px;}
#add-product div.note p {padding-top:20px;margin-bottom:20px;padding-left:70px;}
#add-product p.product-added {margin: 0 20px 20px 20px; padding: 20px 0 0 0; font-weight:bold;text-transform:uppercase; clear: both;}

/* =modal-add-product (for javascript version)*/
#modal-add-product { width: 800px; margin-left: -400px; top: 25px; background-color:#e4dec2; padding: 10px;}
#modal-add-product #add-product-preview {margin-left:20px}
#modal-add-product #add-product-preview h2,
#modal-add-product #add-product-preview h3 {background-color:#565550;}
#modal-add-product #add-product-preview img {top:0;}
#modal-add-product #add-product-preview h2.productname {padding-top:214px;}
#modal-add-product #from-service #frm_service_products {width:440px;}
#modal-add-product #own-product #frm_ownproduct {width:440px}
#modal-add-product #add-product ul.tabs {width:430px;}

/* =add-product-preview*/
#add-product .sidebar {background-color:#d7cca9;width:298px;float:right;margin: 0 0 50px 20px;}
#add-product .sidebar h2,
#add-product .sidebar h3 {font-size:15px; margin-left:0; padding-left:10px;}
body.sites #add-product .sidebar h3 {text-transform:none;}
#add-product .sidebar h2 {text-transform:uppercase;}
body.sites #add-product .sidebar h2,body.sites #add-product .sidebar h3 {background-color:#565550;}
#add-product #site-products .button { position: absolute; right: 5px; bottom: 5px;}
#from-service #site-products { padding-bottom: 0; margin-bottom: 0; }
#from-service #site-products form { position: relative; height: 40px;}

/*=#products-recommended-view*/
#products-recommended-view {float:right;width:298px; margin: 0 20px 0 0;}
#site-editor #products-recommended-view { margin: 0;}
#products-recommended-view button.add-product {margin-left:20px;}
#content-main #products-recommended-view h2 { position: static; margin-left: 0;}
#content-main #products-recommended-view .empty { background: transparent; border: 2px dashed #bcb7a0; clear:both; padding-top: 0;}
#content-main #products-recommended-view .empty:after {content : "."; display : block; height : 0; clear : both; visibility : hidden;}
#content-main #products-recommended-view .empty p { margin: 15px; padding: 0; color: #9D9A89; font-weight: bold; }

#recommendations .button,
#site-products .product-listing .button { position: absolute; bottom: 5px; right: 5px;}


/* =product-category-list*/
.product-category-list {background-color:#d7cca9;}
.product-category-list h3 {text-transform:uppercase; font-weight:bold; margin-left:20px; background-color:#d7cca9;}
#products-recommended-view .product-category-list h3 {font-size:12px;margin-left:20px; font-weight: bold; color: #333;}
.product-category-list ul {padding-bottom:0;margin-left:18px;}
.product-category-list ul li {margin-left: 3px; padding-left:6px; margin-bottom:2px; position:relative; font-size:12px;}
.product-category-list ul li:hover, 
.product-category-list ul li.active {background:#50bed6 url("/assets/img/bg_productcategorylist_li.gif") right top no-repeat; color:#fff;}
.product-category-list ul li span.subcat {font-size:11px;display:block;}
.product-category-list ul li a.prod {display:block; padding:2px 0 2px 0;}
.product-category-list ul li a.edit {position:absolute; right:40px; top:8px; width:17px; height:18px; background:url("/assets/img/btn_edit.gif") left top no-repeat;text-indent:-9000em;}
.product-category-list ul li a.remove {position:absolute; right:20px; top:8px; width:17px; height:18px; background: url("/assets/img/btn_delete.gif") left top no-repeat;text-indent:-9000em;}
.product-category-list ul li a.edit:hover,.product-category-list ul li a.remove:hover {background-position:left bottom;}
.product-category-list ul li a:hover {color:white;}

/* =site-products*/
#site-products {float:right;margin-bottom:30px;}
#site-products:after {content : "."; display : block; height : 0; clear : both; visibility : hidden;}
#site-products dl {margin-left:0; margin-bottom:0; padding:6px 0 3px 10px;}
#site-products dl:hover, 
#site-products dl.active {background:#50bed6 url("/assets/img/bg_productcategorylist_li.gif") right top no-repeat; color:#d7cca9;}
#site-products dl:hover a, 
#site-products dl.active a {color:#d7cca9;}
#site-products dl dd {display:inline;margin-left:0;}
#site-products .product-listing { background-color:#d7cca9; padding: 20px 0 20px 0; position: relative;}

/* =add-product*/
#add-product #fldst_scraps img { width: 75px; height: 50px;}
#add-product #fldst_scraps ul {background: #333;}
#add-product #fldst_scraps ul li {float:left;margin-right:10px;}

#add-product #fldst_service_product { position:relative;}
#add-product #fldst_service_product legend {background:#e4dec2;}

#add-product #fldst_service_product .search-query-results {background:#333; border:1px solid #333;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;padding:10px; position: relative; overflow: hidden; width: 338px;}
#add-product #fldst_service_product .search-query-results h2 { font-size: 12px; color: #A59F8F; padding: 0; margin: 0.7em 0 0.25em 0; text-transform: uppercase;}
#add-product #fldst_service_product .search-query-results .sub_cat {color: #A59F8F; padding-left: 0.5em;}
#add-product #fldst_service_product .search-query-results p { font-size: 12px; color: #A59F8F; padding: 0; margin: 0.7em 0 0.25em 110px; }
#add-product #fldst_service_product .search-query-results input.text { width: 150px; margin-left: 1em;}
#add-product #fldst_service_product .search-query-results .button { position: absolute; top: 0.75em; right: 0.75em;}
#add-product #fldst_service_product .search-query-results a.add-own-product { color: #50bed6;}
#add-product #fldst_service_product .search-query-results a#next-search-results { color: #E4DEC2; display: block; float: right;}
#add-product #fldst_service_product .search-query-results a#prev-search-results { color: #E4DEC2; display: block; float: left;}
#add-product #fldst_service_product .search-query-results a#next-search-results:hover,
#add-product #fldst_service_product .search-query-results a#prev-search-results:hover { color: #50bed6; }
#modal-add-product #fldst_service_product .search-query-results input.text { width: 210px; margin-left: 20px;}
#modal-add-product #fldst_service_product .search-query-results .button { display: none; }
#add-product #fldst_service_product label, 
#add-product #fldst_service_product ul li a {color:#e4dec2;}
#add-product #fldst_service_product ul li a:hover {color:#50bed6;}

#add-product #fldst_service_product ul {margin-top:20px;margin-left:20px;}

#add-product #fldst_service_product .search-phrase { font-weight: bold; color: #50bed6;}
#add-product #fldst_service_product a:hover .search-phrase { color: inherit; }

#add-product .note a { color: #3491B6; font-weight: bold;}

#add-product .n-items-added { float: left; font-size: 14px; font-weight: bold; line-height:27px; margin-right:10px;}
#add-product #buttons-main {position: absolute; bottom: 0; right: 30px; }
#add-product #buttons-main .button { float: left;}

/* =modal-add-recommendation*/
#modal-add-recommendation {background-color:#e4dec2; width: 600px; padding: 10px;}

/* =current-product*/
#site-products .current-product {background-color:#565550;}
#site-products .current-product:after {content : "."; display : block; height : 0; clear : both; visibility : hidden;}
#site-products .current-product .image-frame { width: 298px; height: 195px; background: #fff; display: block; position: relative;}
#site-products .current-product img {max-width: 298px; max-height: 195px; margin: auto; display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0;}
#site-products .current-product h3 {background-color:#565550;font-weight: bold; padding-left: 10px; }
#site-products .current-product h3.productname {color:#e4dec2;margin-left:10px; margin-bottom: 3px; font-size: 14px; text-transform: none; margin-top: 8px;}
#site-products .current-product h3.productname a {color:#e4dec2}

#site-products .current-product h3.manufacturer,
#site-products .current-product h3.manufacturer a,
#site-products .current-product p.category,
#site-products .current-product h3.category {color:#fff;}

#site-products .current-product h3.manufacturer {width:120px;/*float:left;*/text-transform:none;margin-left:10px;margin-bottom: 4px;}

#site-products .current-product h3.manufacturer,
#site-products .current-product h3.category,
#site-products .current-product p.category {font-size:11px; font-weight: normal;}

#site-products .current-product h3.category,
#site-products .current-product p.category {float:right;width:110px;text-align:right;margin-right:20px;}

#site-products .current-product p.description { margin: 0 20px 10px 20px; padding: 10px 0 0 0; clear:both; color: #E4DEC2;}
#site-products .current-product .product-details { margin-bottom: 10px;}
#site-products .current-product .product-details p { position: relative; margin: 0 20px; padding: 0 0 0 8em; clear:both; color: white; font-size: 11px;}
#site-products .current-product span.label { position: absolute; top: 0; left: 0; color: #E4DEC2; }

#site-products p.description {margin-left:20px;padding-left:10px;}


#site-products div.note {margin-left:20px;}

#site .associate {margin-bottom: 30px;}
#site .banner {margin-bottom: 30px;}
#site .recommendations {margin-bottom: 30px;}

/* =recommendations */
#recommendations {clear:both;}
#recommendations h2 {}
#recommendations h3.category {color:#918962;margin-top:10px;text-transform:uppercase;font-size:11px;padding-left:10px;font-weight: normal;}
#recommendations h3.name-city {font-size:12px;padding-left:10px; color: #333; text-transform: none;}
#recommendations p {padding-left:30px; padding-right: 20px; margin-bottom: 0; padding-top: 5px; position: relative;}
#recommendations .odquo {font-size: 30px; font-weight: bold; position: absolute; top: 2px; left: 10px; display: block;}
#recommendations .cdquo {}
#recommendations .container { padding-bottom: 40px; position: relative;}

#recommendations ul {border-top:1px dotted #c2bda5;margin: 10px 0;}
#recommendations ul li {border-bottom:1px dotted #c2bda5;position:relative; padding-bottom: 20px;}
#recommendations ul li a.edit {position:absolute; right:40px; bottom:0px; width:17px; height:18px; background:url("/assets/img/btn_edit.gif") left top no-repeat;text-indent:-9000em;}
#recommendations ul li a.remove {position:absolute; right:20px; bottom:0px; width:17px; height:18px; background: url("/assets/img/btn_delete.gif") left top no-repeat;text-indent:-9000em;}
#recommendations ul li a.edit:hover,#recommendations ul li a.remove:hover {background-position:left bottom;}
#recommendations ul li a:hover {color:#d7cca9}

/* =site-keywords*/
#content-main #site-keywords h3 {font-size:12px; text-transform:uppercase; color:#918962;}
#site-keywords h3,
#site-keywords ul,
#site-keywords ul li {display:inline;}
#site-keywords ul li {color:#918962;}

/* =own-products*/
#own-products {}

#edit-recommendation { margin: 20px;}
#edit-recommendation h1 { margin: 0 0 20px 0; font-size: 24px; font-weight: bold; color: #333; text-transform: uppercase; letter-spacing: 0;}
#edit-recommendation #frm_recommend { padding: 0; margin: 0;}
#edit-recommendation #frm_recommend label span { margin: 3px 0 5px 0;}

.chars-left { color: #666;}

#modal-remove-image { padding: 10px; background: #E4DEC2;}
#rm_image { margin: 20px;}
#rm_image h1 { margin: 0 0 10px 0; }
#rm_image .buttons .button { float: left; margin-right: 5px;}
#rm_image form:after { content: '.'; display: block; height: 0; visibility: hidden; clear: both; }
#rm_image form { zoom: 1;}
#rm_image form img { float: left; margin-right: 10px;}
#rm_image form p { padding-top: 5px;}

