/* Linhi Green */

/* Base */
html,body {height: 100%;}

body,table,input,select,textarea,tt {font-size:11px; font-family: "Tahoma CE",Tahoma,"Arial CE",Arial,"Helvetica CE",lucida,sans-serif; line-height: 130%;}
input {font-family: "Tahoma CE",Tahoma,"Arial CE",Arial,"Helvetica CE",lucida,sans-serif;}
body {margin:0; padding:0; background: #fff url(images/body_bkg.png) repeat-x scroll left top; color:#333;}
h1 {font-size: 20px; line-height: normal;}
h2 {font-size: 15px; line-height: normal;}
h3 {font-size: 12px; line-height: normal;}
strong.h2 {font-size: 15px;}
strong.h3 {font-size: 12px;}
img {border:0 none;}
ul {padding:0 0 0 2em;}
hr {margin:4px 0; height:1px; text-align:center; color:#fff; background: transparent; border: 0 none; border-top: 1px solid #ddd;}
hr.line {border-color: #888;}
font[size] {line-height: normal !important;}

/* Typography */
a {text-decoration:none; color: #080;}
a:hover {text-decoration:underline; color: #f70;}

.hl {color:#F90 !important;}
.note {color:#F90;}
.req {color:#d00;}
.err {color:#f00; border: 1px dotted #f00; font-weight: bold; padding: 0 5px;}
span.err {border-width:0 0 1px;display:inline-block;}
.done {color:#00B910;}
.link {background: url(images/arrows.png) no-repeat 0 -385px; padding-left:14px; font-size:10px; text-decoration:none; line-height:1.1em;}
.link2 {background: url(images/arrows.png) no-repeat 0 -348px; padding-left:14px; font-size:10px; text-decoration:none; line-height:1.1em;}
.link:hover, .link2:hover {text-decoration: underline;}
.def_color_1 {}
.fs12 {font-size: 12px !important;}
.fs11 {font-size: 11px !important;}
.fs10 {}
.nobrd {border: none !important;}
.nobold {font-weight: normal !important;}
th div.ta_right,
th.ta_right {text-align: right !important;}
div.right, span.right {float:right;}
div.left, span.left {float:left;}
a.black_link {}
a.black_link:hover {}
.clear_left {clear: left;}
.clear_right {clear: right;}
.clear_both {clear: both;}


/* Forms */
form {margin-top:0px; margin-bottom:0px;}
input {color: #000;}
input.readonly, select.readonly {color: #777;}

#body div.bar.prevnext .right,
#body div.bar.prevnext .arrowdown,
#body div.bar.prevnext .arrowright,
span.btn {background: transparent url(images/buttons.png) right -150px no-repeat; padding: 0 2px 0 0; height:25px; line-height:25px; display:inline-block; margin:0; outline:0; vertical-align: middle;}

#body div.bar.prevnext .right input,
#body div.bar.prevnext .arrowdown input,
#body div.bar.prevnext .arrowright input,
span.btn input, span.btn a {border:none; height:25px; line-height:23px; outline:0; display:block; padding:0 3px 0 7px; margin:0; color:#333; font-weight: normal; cursor:pointer; background: transparent url(images/buttons.png) no-repeat left -150px;}
span.btn a {padding:0 8px; position:relative; line-height: 25px;}
#body span.btn a {color:#333;}
#body span.btn a:hover {text-decoration: none;}
#body div.bar.prevnext .arrowright {margin-bottom: 10px;}


input.btn.hl {border-color:#f90; color:#f90;}
input.chbox {vertical-align:middle; margin-top: 0px;}
input.chk {margin: 1px 5px 1px 0px;}
input.fullsize {width: 100%;}
textarea.fullsize {width: 100%;}
input.openid {background: #FFFFFF url(images/openid-icon-small.gif) no-repeat 0 50%; border:1px solid inactivecaptiontext; padding:1px 1px 1px 18px;}

/* Tables .....*/
table {border-collapse: collapse;}
th {text-align: left; padding: 0 5px 0 0; font-weight: normal;}
tr.sep td, tr.sep th {background: url(images/line_dotted_horizontal.png) repeat-x bottom;}
table.min_width {width:auto}
tr.row_sep td hr {display:none;}
tr.row_sep td div {background: url(images/line_dotted_horizontal.png) repeat-x; background-position: left center; margin: 0; height: 15px;}

/* Navigation - bars */
div.bar {vertical-align: middle;}
div.bar .left {float:left;}
div.bar .right {float:right;}

/* Navigation - boxes */
dl.box {padding:0; margin:0; float:right; position:relative;}
dl.box dt {padding:5px; font-weight:bold; font-size:11px; text-indent:5px;}
dl.box dd {margin:0; padding:4px 4px 0;}

/* Navigation - menues */
ul.menue {padding:0; margin:0; list-style:none;}
ul.menue li {margin:0; white-space:nowrap; position: relative;}
ul.menue li a {line-height: 100%;}
ul.menue.horizontal li {float:left;}
ul.menue.vertical li {float:none; height: 100%;}

.dropdown {visibility: hidden; display:block; position:absolute; left:0; top:100%; padding:0; margin:0; z-index:1000;}
.open .dropdown {visibility: visible;}
.open .dropdown li .dropdown {visibility: hidden; left: 90%; top: 5px; z-index: 1100;}
.open .dropdown li:hover .dropdown {visibility: visible;}

/* Layout */
div#page {width:100%; margin: 0 auto; padding: 0; position: relative; background: transparent url(images/footer_bkg.png) repeat-x scroll left bottom;}
 div#header {clear:both; margin:0 auto; width: 980px; height: 200px; position: relative; background: transparent url(images/header_bkg.png) no-repeat scroll center top;}
 div#content {clear:both; margin:0 auto; width: 980px;}
 div#path {margin:0 6px 10px 0; padding:15px 0 0 15px; width: 555px;}
 div#body {margin:0 0 50px 0; padding:0 4px 0 10px; overflow: hidden;}
 div#left {float:left; width:190px; margin:0;}
 div#right {float:right; width:200px;}
 div#footer {clear:both; margin:0;}
 div.clear {clear: both;}

/* Blank pages, popups */
div#body.plain {margin: 10px; padding: 10px; width: auto; background: #fff; min-height: 200px; height: auto !important; height: 200px;}

/* path */
div#path {color:#bbb; background: transparent url(images/path_bkg.png) no-repeat scroll left top; height: 25px; line-height: 11px; vertical-align: top; text-indent: 0;}
div#path .path-location {padding-left: 3px; font-weight: bold;}
div#path a {color:#bbb; background:transparent url(images/arrows.png) no-repeat scroll right -688px; padding-right: 15px; font-weight: normal;}
div#path a:last-child {font-weight: bold; background:transparent; padding-right:0;}
div#path a.dinfo {color:#bbb; font-weight: normal; background:transparent; padding-right:0;}
div#path .sep {display: none;}

/* + layout - header */
#header div.oxid {background: transparent url(../../../custom/img/banner.jpg) no-repeat scroll right top; height: 200px; margin: 0;}
#header div.oxid .logo {padding:0; float:left;}
#header div.oxid dl.box {min-height: 98px; min-width:150px; margin:0 0 1px 2px;}

dl.box {background:#def; width:150px;}
dl.box dt {background:#09c; color:#fff;}
dl.box dt a {color:#fff; padding:0 0 0 10px; background:transparent url(images/arrows.png) no-repeat scroll 0 -10px; display:block;}
dl.box dd {color:#000;}
dl.box dd ul {margin:0;}
dl.box.open dt {background:#06b;}
dl.box.open dt {background-position:0 -35px; color:#def;}
dl.box.open dd.dropdown {top:2em; margin-top:3px; width:150px; padding:0;}
dl.box.open dd.dropdown ul li a {display:block; padding:0 5px 0 15px; line-height: 20px; text-decoration: none; background:#cdf url(images/arrows.png) 0 -50px no-repeat; color:#06b;}
dl.box.open dd.dropdown ul li a:hover {background-color:#06b; color:#fff; background-position:0 -75px;}

dl.box.service dd ul {padding:0}
dl.box.service dd ul li {list-style: none; padding:1px 0;}
dl.box.service dd ul li a {color:#000; padding-left:10px; background:transparent url(images/arrows.png) 0 -100px no-repeat; text-decoration: none;}
dl.box.service dd ul li a:hover {text-decoration: underline;}

dl.box.account dd {line-height: 150%;}
dl.box.account dd a.logout {color:#000; font-weight:bold; display:block; padding:1px 2px 1px 8px; background:transparent url(images/arrows.png) -2px -247px no-repeat;}
dl.box.account dd b.user {font-size: 11px;}

dl.box.basket {}
dl.box.basket dt {}
dl.box.basket.open dt {}
dl.box.basket.open dt a {color:#fff;}
dl.box.basket.open dd.dropdown ul li a {}
dl.box.basket.open dd.dropdown ul li a:hover {}

dl.box.basket dd table {width:100%;}

#header div.bar .left,
#header div.bar .right {float:left; display: inline; display: block;}
#header div.bar .fixed {float: none; position: absolute; right: -10px; top: 6px; height: 20px;}
#header div.links {position: absolute; left:0; top:135px; color:#fff; font-size:12px; padding:0; width: 750px;}
#header div.single {}
#header div.links a {font-size:13px;color:#fff;font-weight:normal; padding:4px;line-height: 36px; cursor: pointer;}
#header div.links a:hover {text-decoration: underline;}

#header div.bar .fixed div.language {line-height: normal; display: inline-block; padding-right: 10px; float: right; margin-top: 1px;}
#header div.links a.language {margin:0; padding:0; border: 0 none; line-height: normal; height: auto; display: inline-block; font-size:11px;}
#header div.links a.language img {margin:0; vertical-align: middle; border: 0 none;}
#header div.links a.language.act img {opacity:.5; border: 0 none;}

#header div.bar .fixed div.currency {line-height: normal; display: inline-block; float: right; margin-right: 10px;}
#header div.links a.currency {margin:0; padding:0; border: 0 none; line-height: 20px; height: 20px; display: inline-block; font-size:11px;}
#header div.links a.currency.sep {padding-right: 5px; background: transparent url(images/topmenu_divider.png) no-repeat scroll right center;}
#header div.links a.currency.act {color:#fff;}

#header div.links .right a,
#header div.links .left a {display: block; float: left; height: 36px; line-height: 36px; padding: 0 13px 0 0; background: transparent url(images/topmenu_button.png) no-repeat scroll right -70px; text-transform: uppercase;}
#header div.links .right a span,
#header div.links .left a span {display: block; height: 36px; padding: 0 0 0 13px; background: transparent url(images/topmenu_button.png) no-repeat scroll left -70px;}
#header div.links .right a.active,
#header div.links .left a.active {background-position: right top; color:#333;}
#header div.links .right a.active span,
#header div.links .left a.active span {background-position: left top;}
#header div.links .left a:first-child {}
/*#header div.links .left a#test_HeaderHome {background: transparent; padding-left: 5px;}*/
/*
#header div.bar .right {background: transparent url(images/topmenu_divider.png) no-repeat scroll right center; padding-right: 5px;}
*/

/* structured cms */
#header div.bar.links ul.menue.dropdown.level1 {top: 35px;left: 3px;}
#header div.bar.links ul.menue a {text-decoration: none;}
#header div.bar.links li.open a,
#header div.bar.links li a.exp {text-decoration: none;color: #fff;}
#header div.bar.links ul.menue.horizontal,
#header div.bar.links ul.menue.horizontal li {display: inline-block;}
#header div.bar.links ul.menue.vertical {background:#178212; border-bottom: 1px solid #fff;}
#header div.bar.links ul.menue.vertical {box-shadow: 3px 3px 5px 0 #444;}
#header div.bar.links ul.menue.vertical li {float:none; border-top : 1px solid #fff;display: block;position: relative;}
#header div.links .right ul.menue.vertical li a,
#header div.links .left ul.menue.vertical li a,
#header div.bar.links ul.menue.vertical li a {min-width:50px; text-align:left; padding: 0 10px; background: #178212; color:#fff; font-weight: normal;display: block;position: relative;float: none;}
#header div.links .right ul.menue.vertical li a:hover,
#header div.links .left ul.menue.vertical li a:hover,
#header div.bar.links ul.menue.vertical li a:hover {background-color:#f40; color:#fff;}

/* top navigation */
div.bar.categories {background:#87c9e8; border-bottom: 1px solid #fff;}
#header div.categories a#test_HeaderHome {display: none;}
div.bar.categories a {min-width:50px; text-align:center; line-height:11px; color:#000; text-decoration: none; display:block; padding: 5px; font-weight: bold; font-size:11px;}
div.bar.categories li a.more {background: transparent url(images/arrows.png) no-repeat 5px -130px; text-indent: 10px;}
div.bar.categories li.open a.more {background-position: 5px -155px;}
div.bar.categories a.fixed {padding: 10px 0; text-align: center;}
div.bar.categories a.fixed:hover {background-color: #06b; color:#def; text-decoration: none;}
div.bar.categories li.open a, div.bar.categories li a.exp {background-color: #06b; color:#def; text-decoration: none;}

div.bar.categories ul.menue.horizontal li {float:left; border-right : 1px solid #fff;}
div.bar.categories ul.menue.vertical li {float:none; border-top : 1px solid #fff;}
div.bar.categories ul.menue.vertical li a {text-align:left; padding: 7px 10px; background: #87c9e8; color:#000; font-weight: normal;}
div.bar.categories ul.menue.vertical li a:hover {background-color:#06b; color:#def;}

/* + layout - footer*/
div#footer {padding-top: 3px; position: relative; height: 200px; color: #777;}
#footer a {text-decoration: none; color: #080;}
#footer a:hover {text-decoration: underline; color:#000;}
#footer div.bar {margin:0;}
#footer div.copy {padding-top: 15px;}
#footer div.copy a {font-size: 12px; color: #777;}
#footer div.shop {padding: 15px 0 10px; text-align: left; float: left; width: 550px;}
#footer div.shop a {margin:0;}
#footer div.icons {text-align: right;}
#footer .shopicons {padding: 0 150px;}
#footer .footertext {text-align: right; padding: 15px 0 0 10px;}
#footer .footertext .street,
#footer .footertext .phone {white-space: nowrap;}

/* minibasket */
.box.minibasket .hr {height: 2px; border-top: 1px solid #ddd; }
#left .box.minibasket .hr {border-color: #b2dde9;}
.box.minibasket table.total+.hr {border-top-width: 2px;}
.box.minibasket .tocart {height:25px; line-height:25px; background: transparent url(images/buttons.png) no-repeat right 0; margin-left:auto; border: 0 none; padding:0 2px 0 0; text-align: right;}
.box.minibasket .tocart input {height:25px; text-align:center; background: transparent url(images/buttons.png) no-repeat left 0; margin:0; border:0; color:#fff; padding:2px 0 2px 28px; cursor:pointer;}

/* + layout - left */
#left div#box-search,
#left div.box-wrapper {background: transparent url(images/left_box_bkg.png) repeat-y scroll left top; margin-bottom: 10px;}
#left div#box-trees {}
#left div#box-search {}
#left div#box-categorytree,
#left div#box-vendortree,
#left div#box-manufacturertree {background: transparent url(images/left_box_cat_bkg.png) repeat-y scroll left top; margin-bottom: 10px;}
#left div#box-trees-tail {}
#left ul.tree {background: transparent url(images/left_box_cat_bottom.png) no-repeat scroll left bottom; padding-bottom:15px;}
#left ul.info,
#left dl.news,
#left form.search,
#left div.box {padding: 10px 15px; background: transparent url(images/left_box_bottom.png) no-repeat scroll left bottom;}
#left strong.h2 {display: block; margin:0; padding:13px 15px;}
#left strong.h2 {font-size: 13px; color:#fff; background: #178601 url(images/left_box_header.png) no-repeat scroll left top;}
#left strong.h2 a {text-decoration: none; color: #fff;}
#left strong.h2 a:hover {text-decoration: underline;}
#left div#box-trees strong.h2 {}
#left p {padding:0; margin:0; position: relative;}
#left form.search {}
#left .search input.txt {width:133px; margin:0 0 4px 0; padding:1px 0;}
#left .search input.txt.ui-autocomplete-loading {background: #fff url(images/autocomplete-loader.gif) no-repeat scroll right center;}
#left .search select {width:163px; margin:0 0 4px 0; padding:1px 0;}
#left .search span.btn {position: absolute; top: 0px; left: 143px; background: transparent;}
#left .search span.btn input {width:20px; text-align: center; padding: 20px 0 0 0; background: transparent url(images/buttons.png) no-repeat scroll left -200px;}
#left .search span.btn input {font-size: 0;}

#left hr {margin: 3px 10px 3px 0;}

/* left minibasket */
#left .box.minibasket {}

/* information list */
ul.info {margin:0; padding:0;}
ul.info li {list-style: none; padding: 0; margin: 0;}
ul.info li a {background:url(images/arrows.png) no-repeat right -250px; color: #000; display: block; padding:7px 0 0;}

/* news list */
#left dl.news {margin-bottom: 0;}
dl.news dt {margin-bottom: 0; font-weight: bold; border-top: 1px solid #ccc; padding-top: 10px; line-height: normal;}
dl.news dt:first-child {border-top: 0 none; padding-top: 0;}
dl.news dt a {color: #444; text-decoration: none;}
dl.news dt a:hover {text-decoration: underline;}
dl.news dd {margin: 0 0 10px 0; font-size: .9em; line-height: normal;}
dl.news dt .newsitem-title {}
dl.news dd .newsitem-date,
dl.news dd,
dl.news dd a {color: #444; text-decoration: none;}
dl.news dd a:hover {text-decoration: underline;}
dl.news dd .newsitem-text {}
dl.news dd .newsitem-more {display: none;}

/* partners list */
#left .partners {margin: 7px 0;}
#left .partners .logo {text-align: center; margin-top: 20px;}

/* Navigation - tree */
ul.tree {padding:0; margin:0;}
ul.tree ul {padding:0; margin:0;}
ul.tree li {padding:0; margin:0; list-style: none; background: transparent url(images/left_box_cat_sep.png) no-repeat scroll left top;}
ul.tree li a {line-height: 1.1em; padding-left: 15px;}
ul.tree li li a {padding-left: 30px;}
ul.tree li li li a {padding-left: 45px;}
ul.tree li li li li a {padding-left: 60px;}
ul.tree li li li li li a {padding-left: 75px;}

ul.tree li a {background: transparent url(images/arrows.png) no-repeat scroll 15px -177px; color:#333; display:block; padding:7px 0 5px 15px;}
ul.tree li a.has {}
ul.tree li a.exp {background-position:-3px -202px;}
ul.tree li a.act {background-position: 0 -177px; font-weight: bold;}
ul.tree li a.exp.act {background-position: 0 -177px;}

ul.tree li li a {background-position:15px -177px;}
ul.tree li li a.exp {background-position:12px -202px;}
ul.tree li li a.act {background-position:15px -177px;}
ul.tree li li a.exp.act {background-position:15px -177px;}
ul.tree li li li a {background-position:30px -177px;}
ul.tree li li li a.exp {background-position:27px -202px;}
ul.tree li li li a.act {background-position:30px -177px;}
ul.tree li li li a.exp.act {background-position:30px -177px;}
ul.tree li li li li a {background-position:45px -177px;}
ul.tree li li li li a.exp {background-position:42px -202px;}
ul.tree li li li li a.act {background-position:45px -177px;}
ul.tree li li li li a.exp.act {background-position:45px -177px;}
ul.tree li li li li li a {background-position:60px -177px;}
ul.tree li li li li li a.exp {background-position:57px -202px;}
ul.tree li li li li li a.act {background-position:60px -177px;}
ul.tree li li li li li a.exp.act {background-position:60px -177px;}

ul.tree li a.root {background-position:0 -128px;}
ul.tree li a.root.exp {background-position:0 -153px;}
ul.tree li a.root.act {background-position:0 -642px;}
ul.tree li a.root.exp.act {background-position:0 -642px;}

/* + layout - right */
#right div.box-wrapper {margin-bottom: 10px; background: transparent url(images/right_box_bkg.png) repeat-y scroll left top;}
#right div#box-basket {}
#right div.boxlist {background: transparent url(images/right_box_list_bkg.png) repeat-y scroll left top;}
div#box-myaccount .link {font-size:11px; color:#444;}
#right strong.h2 {display: block; margin:0; padding:13px 15px; position: relative;}
#right strong.h2 {font-size: 13px; color:#fff; background: #178601 url(images/right_box_header.png) no-repeat scroll left top;}
#right strong.h2 a {text-decoration: none; color: #fff;}
#right strong.h2 a:hover {text-decoration: underline;}
#right div.boxlist strong.h2,
#right div#box-basket strong.h2 {}
#right div.boxlist strong.h2 a,
#right div#box-basket strong.h2 a {}
#right strong.h2 a:hover {text-decoration: none; color: #f40 !important;}
#right div.box {padding: 10px 15px; background: transparent url(images/right_box_bottom.png) no-repeat scroll left bottom;}
#right div#box-basket div.box {}
#right div.boxlist div.box {background-image:url(images/right_box_list_bottom.png);}
#right div.box p {margin: 0;}
#right form label {color:#444;}
#right span.btn input {}
#right input.fullsize {width: 116px; padding: 0;}
#right div.box a.arr {text-decoration: none; color: #f90; padding-left: 12px; background: url(images/arrow_details.gif) no-repeat 0 3px;}
#right div.box a.arr:hover {text-decoration: underline;}

#right div.forms div.box {}
#box-myaccount ul {margin: 1em 0; padding: 0; list-style: none;}
#right td.inpwrap,
#right td.btnwrap {text-align: right;}
#right td.inpwrap input {text-align: left;}

#right .listitem {margin: 2px 0 7px; padding-left: 75px; position: relative; min-height: 70px; height: auto !important; height: 70px; width: 95px;}
#right .listitem .picture {position: absolute; display: block; left: 0; top: 0; text-align:center;}
#right .listitem .picture {width: 70px; height: 70px; line-height: 67px; overflow:hidden; text-align: center; vertical-align: middle; background: transparent url(images/list_img_bkg.png) no-repeat scroll center center;}
#right .listitem .picture img {margin-top: 14px;}
#right .listitem a {text-decoration: none;}
#right .listitem a.arttitle,
#right .listitem a.title {font-weight: bold;}
#right .listitem a.title {overflow:hidden; width:108px; display:block;}
#right .listitem a:hover {text-decoration: underline;}
#right .listitem tt {display: block;}
#right .actions {margin: 3px 0 5px;}
#right .actions a {display: block;}

#right .listitem.bargain a.link {color: #cd0210;}

#right .listitem.rightlist {height:auto;}
#right .listitem.rightlist.lastinlist {margin-bottom: 3px;}
#right .listitem.rightlist .price {font-size: 12px; font-weight: bold; margin: 16px 24px 9px -75px; width: 150px; position: relative; text-align: right;}
#right .listitem.rightlist .price a {font-weight: normal;}
#right .listitem.rightlist .price a:hover {}
#right .listitem.rightlist .price .tocart {width: 19px; height: 19px; position: absolute; left: 155px; top: 0;}
#right .listitem.rightlist .price .btn {width: 19px; height:19px; margin:0; border:0; background: transparent url(images/buttons.png) no-repeat scroll -100px -250px; padding: 0; cursor:pointer;}
#right .listitem.rightlist .link {background: transparent url(images/arrows.png) no-repeat scroll 0 -323px; padding-left:14px; font-size:10px; text-decoration:none; line-height:1.1em;}
#right .listitem.rightlist .link:hover {text-decoration: underline; color: #f40;}

/* right minibasket */
#right .box.minibasket {}
#right .box.minibasket .tocart {margin-top: 5px; background-position: right -350px;}
#right .box.minibasket .tocart input {height:24px; text-align:center; margin:0; border:0; padding:2px 3px 2px 30px; cursor:pointer; font-weight: normal; background-position: left -350px; color:#333;}

#right .recommlist .btn {border:1px solid #cd0210; background: #cd0210; color:#ffffcc; font-weight: bold; width:30px; text-align: center; line-height: 100%;}

#right dl.actionslist {color: #000; margin-bottom: 5px;}
#right dl.actionslist dt {background: url(images/hr_right.gif) repeat-x top; font-weight: bold; padding-top: 5px;}
#right dl.actionslist dd {margin: 0; height: 12px;}
#right dl.actionslist dd tt {width: 80px; float: left;}
#right dl.actionslist dd span {float: left;}
#right dl.actionslist .link {background: url(images/arrows.png) no-repeat 0 -385px; padding-left:14px; font-size:10px; text-decoration:none; line-height:1.1em; float: right;}
#right dl.actionslist .link:hover {text-decoration: underline;}

#right .recommlistsearch .btn {width: auto;}
#right .recommlistsearch .search_input {width: 120px;}
#right input.openid {width: 99px; background: #FFFFFF url(images/openid-icon-small.gif) no-repeat 0 50%; border:1px solid inactivecaptiontext; padding:1px 1px 1px 18px;}

/* RSS */
#right .box {position:relative;}
a.rss {display:block; position:absolute; right:0; bottom:0; width:14px; height:14px; background: transparent url(images/rss.png) 0 0 no-repeat; text-decoration: none; bottom:5px; right:6px;}
#body strong.head a.rss, #body strong.head2 a.rss, #body .product strong.h4 a.rss {bottom:8px; right: 7px;}
#body strong.head, #body strong.head2 {position:relative; display: block;}
#right strong.h2 a.rss {top:13px;}
#right div.boxlist strong.h2 a.rss {background-image: url(images/rss_box.png);}

/* Path */
#path {position:relative;}
#path a {color:#888; text-decoration: none;}
#path a:hover {text-decoration: underline;}
#path a.dinfo {position:absolute; right:21px;}

/* Content */
#body a {text-decoration: none; color: #080;}
#body a:hover {text-decoration: underline; color: #f40;}

#body, #body td, #body th {}
#body strong.head, #body h1.head {margin:0 6px 0 0; padding:5px 0; height:20px; line-height:20px; font-size: 22px; font-weight: normal; color:#080; width:570px; float:left; position: relative;}
#body strong.head em, #body h1.head em {font-weight: normal; font-style:normal; font-size:11px; line-height: 11px;}
#body strong.head small, #body h1.head small {font-weight: bold; font-size:11px; line-height: 11px; display:block; position:absolute; top:9px; right:3.5em;}
#body strong.head h1 {margin:0; padding: 0; display: inline;}
#body strong.head2 {margin:0 6px 10px 0; color:#5a5a5a; float:left; width:570px; padding:5px 0; font-size: 15px; background: transparent url(images/arrows.png) no-repeat scroll 9px -720px; text-indent: 25px;}


#body .boxhead {margin:0 6px 0 0; padding:5px 0 0; min-height:25px; height: auto !important; height:25px; line-height:20px; font-size: 22px; font-weight: normal; color:#080; width:570px; float:left; position: relative; text-indent: 15px;}
#body .boxhead em {font-style: normal; font-weight: normal; font-size: .75em; color: #777;}
#body .boxhead h1 {margin: 0; padding: 0; display: inline; font-weight: normal;}
#body .boxhead small {padding-left: 1em; font-weight: normal;}
#body .box {float:left; padding: 5px 15px 10px; width:540px; margin: 0 6px 10px 0;}
#body .box.variantslist {padding: 5px 0 10px; width: 576px; margin: 0 0 10px 0;}
#body .box.variantslist .separator.inbox {width: 570px;}
#body .box.empty {display: none;}
#body .listdetails {background: transparent url(images/subcats_bkg.png) repeat-y scroll left top; padding: 0; margin: 5px 6px 5px 0; width: 570px;}
#body .listdetails .listdetails-top {background: transparent url(images/subcats_top.png) no-repeat scroll left top; height: 8px;}
#body .listdetails .listdetails-bottom {background: transparent url(images/subcats_bottom.png) no-repeat scroll left bottom; height: 8px;}
#body .listdetails .listdetails-content {padding: 0 15px;}

#body .empty {padding:0 6px !important; height: 0px; overflow: hidden;}
#body .box img {border:none; padding:0; margin:0;}
#body .box p {margin:0 0 1em 0;}
#body .box.info {}
#body .box.notice {}
#body .box .categorythumb {float: right;}

/* media icons */
#body .media p.micon {background: transparent url(images/icons/file.png) no-repeat scroll left top; min-height: 16px; height: auto !important; height: 16px; padding:1px 0 0 22px; margin-bottom: 5px;}
#body .media p.micon.mdoc {background-image: url(images/icons/doc.png);}
#body .media p.micon.mfile {background-image: url(images/icons/file.png);}
#body .media p.micon.mlink {background-image: url(images/icons/link.png);}
#body .media p.micon.mpdf {background-image: url(images/icons/pdf.png);}
#body .media p.micon.mpic {background-image: url(images/icons/picture.png);}
#body .media p.micon.mxls {background-image: url(images/icons/xls.png);}
#body .media p.micon.mzip {background-image: url(images/icons/zip.png);}
#body .media p.myoutube {text-align: center;}
#body .media p.myoutube object {margin-top: 5px;}

/* subcategories list */
#body .box ul.list {margin:0; padding:5px 0 5px 0;}
#body .box ul.list li {background: url(images/arrows.png) no-repeat 0 -100px; display:inline; padding-left:8px; margin-right:10px;}
#body .box ul.list li a {text-decoration: none; color:#444;}
#body .box ul.list li a:hover {text-decoration: underline; color:#f40;}
#body .box ul.list li.icon {background: transparent;}
#body .box ul.list li.icon img {vertical-align: middle;}
/* subcategories image list - only for subcategories, not for vendors nor manufacturers */
body.alist-page #body .box ul.imagecatlist {list-style-type: none;}
body.alist-page #body .box ul.imagecatlist li {display: block; float: left; padding: 0; margin: 0 16px 10px 0; width: 120px; background: #fff; overflow: hidden; white-space: nowrap;}
body.alist-page #body .box ul.imagecatlist li.contentcats {background-image: url(images/textincatimg.png);}
body.alist-page #body .box ul.imagecatlist li a {display: block; width: 120px; padding-top: 100px; padding-bottom: 3px; text-align: center; overflow: hidden; color: #def; background: transparent url(images/imagecatlist_bkg.png) repeat-x scroll bottom;}
body.alist-page #body .box ul.imagecatlist li a:hover {color: #fff;}
/* category filter */
#body .box .catfilter {padding-top: 1px; background: transparent url(images/line_dotted_horizontal.png) repeat-x scroll top; clear: left;}
#body .box .catfilter .boxhead {font-size: 15px;}
#body .box .catfilter table {width: 100%; border-collapse: collapse;}
#body .box .catfilter label {margin-right: 10px;}
#body .box .catfilter select {margin: 3px;}

#body .box .catfilter.manufacturerfilter input {margin: 0 2px 3px 0; vertical-align: middle;}
#body .box .catfilter.manufacturerfilter label {margin: 0 10px 0 0;}
#body .box .catfilter.manufacturerfilter ul.list {text-align: justify; line-height: 150%;}
#body .box .catfilter.manufacturerfilter ul.list li {white-space: nowrap; background: transparent; padding-left: 0; margin-right: 0; display: inline-block;}

#body.plain .boxhead {margin: 5px 5px 0 5px; width: auto; float:none;}
#body.plain .box {width: auto; float:none;}

#body div.bar.prevnext {margin:5px 6px 0 0; padding:0; height: 27px; float: left; width:570px;}
#body div.bar.prevnext input {background:#f40; color:#fff; border:1px solid #fff; cursor:pointer; font-size: 11px; font-weight:bold; padding:5px 35px; margin:0; line-height: 1.1em;}
/*
#body div.bar.prevnext input {-moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; -moz-border-radius-bottomleft: 3px; -moz-border-radius-bottomright: 3px;}
#body div.bar.prevnext input {-webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; -webkit-border-bottom-left-radius: 3px; -webkit-border-bottom-right-radius: 3px;}
*/

#body div.bar.prevnext.bottom {margin-bottom:15px;}

#body .form th {text-align: left; padding: 7px 0; font-weight: bold; font-size:11px; background: url(images/line_dotted_horizontal.png) repeat-x bottom;}
#body .form th.mid {/*border-top:1px dotted #000; */padding-top:3em;}
#body .form th small {font-weight: normal; font-size: 10px;}
#body .form td {padding: 3px 0;}
#body small {font-weight: inherit; font-size:69% ;}

/* Other */
#body .dot_sep {background: url(images/line_dotted_horizontal.png) repeat-x top; height:3px; margin-bottom:0px; margin-top:10px;}
#body .dot_sep.mid {margin: 5px 0;}
#body .errorbox {font-weight:bold; border:1px solid #f40; color:#e00; padding: 5px 15px; margin:5px 6px 10px 0; width:538px; float: left;}
#body .errorbox p {margin: 5px;}
#body .errorbox.inbox {width: 528px; margin: 5px 0; float: none;}

/* Plain errors*/
#body.plain .errorbox {width: auto; font-size:10px; font-weight:bold; color:#D81F01; margin: 20px; padding: 0; border: none; width: 500px;}
#body.plain .errorbox a {color:#D81F01; text-decoration: underline;}
#body.plain .errorbox a:hover {color:#666;}
#body.plain .errorbox .errhead {background: #D81F01; color: #fff; padding: 5px 15px;}
#body.plain .errorbox .errbody {border: 1px solid #D81F01; padding: 15px;}

/* Locator */
#body .locator {margin: 0 6px 5px 0; color: #777; float:left; width:570px;}
#body .locator .lochead {color: #777; padding: 5px 5px 2px; float: left; width: 560px;}
#body .locator .lochead strong.h4 {color: #777; font-size: 11px; font-weight: bold; float: left;}
#body .locator .locbody {padding: 2px 5px 5px; text-align: right; float: left; width: 560px; overflow: visible; background: transparent url(images/line_dotted_horizontal.png) repeat-x scroll top;}
#body .locator .locbody, #body .locator .locbody a {font-size: 10px;}
#body .locator .arrow {font-size: 10px; font-weight: bold;}
#body .locator a.active {font-weight: bold; color: #080;}
#body .locator .sep {padding: 0 2px; color: inherit;}

#body .locator .listlayoutswitch {padding: 0 5px 0 10px; display: inline-block;}
#body .locator .listlayoutswitch a {padding: 0; display: inline-block; width: 12px; height: 12px; vertical-align: middle;}
#body .locator .listlayoutswitch a {_margin-bottom: 1px;}
#body .locator .listlayoutswitch a {background: transparent url(images/listlayoutswitch.png) no-repeat scroll 0px -100px;}
#body .locator .listlayoutswitch a.active.big {background-position: -20px 0px;}
#body .locator .listlayoutswitch a.active.half {background-position: -20px -20px;}
#body .locator .listlayoutswitch a.active.small {background-position: -20px -40px;}
#body .locator .listlayoutswitch a.active.thin {background-position: -20px -60px;}
#body .locator .listlayoutswitch a.active.thinest {background-position: -20px -80px;}
#body .locator .listlayoutswitch a.active {}
#body .locator .listlayoutswitch a.big {background-position: 0px 0px;}
#body .locator .listlayoutswitch a.half {background-position: 0px -20px;}
#body .locator .listlayoutswitch a.small {background-position: 0px -40px;}
#body .locator .listlayoutswitch a.thin {background-position: 0px -60px;}
#body .locator .listlayoutswitch a.thinest {background-position: 0px -80px;}
#body .locator .listlayoutswitch a span {display: none;}


#body .locator .sort_row a.asc {background:url(images/sort_asc.gif) no-repeat right center; padding-right: 20px;}
#body .locator .sort_row a.desc {background:url(images/sort_desc.gif) no-repeat right center; padding-right: 20px;}
#body .locator .sort_row a.none {background:url(images/sort_none.gif) no-repeat right center; padding-right: 20px;}
#body .locator .btn {margin-bottom: 6px;}

#body .locator.compare .locbody {height: auto;}

/* Products */
#body .product {float:left; width:150px; height:182px; margin:0; padding:5px 8px 10px 130px; position:relative;}
#body .product {background: transparent url(images/product_frame_1-2.png) no-repeat scroll left top;}
#body .product .picture {display:block; width: 115px; text-align: center; position:absolute; top:8px; left:8px; overflow: hidden;}
#body .product strong.h3 {margin:0; min-height: 40px; height: auto !important; height: 40px; display: block;}
#body .product strong.h3 a {font-size: 12px; display: block;}
#body .product tt {display:block; font-weight: normal;}
#body .product .flag {width:6px; height: 6px; border:1px solid #888; float:left; margin:3px 8px 0 0;}
#body .product .flag.red {background-color:#f00;}
#body .product .flag.orange {background-color:#ffb200;}
#body .product .flag.green {background-color:#00ab1f;}
#body .product .desc {color:#000; font-size: 10px;}
#body .product .actions a {text-decoration: none; padding-left: 12px; background: url(images/arrows.png) no-repeat 0 -299px; font-size: 10px; display:block; width: 1%; white-space: nowrap; color:#da0;}
#body .product .actions a:hover {text-decoration: underline; color:#f70;}
#body .product .variants {}
#body .product .variants label {display:block; color:#000; font-size: 9px;}
#body .product .variants select {width: 136px;}
#body .product .amprice {clear: left; margin-top: 5px;}
#body .product .amount {padding-top:5px;}
#body .product .amount label {margin-right:5px; font-size: 10px;}
#body .product .cost {margin-bottom:4px; color: #080;}
#body .product .cost big {font-size: 15px; line-height: normal; font-weight: bold; white-space:nowrap;}
#body .product.big .cost big {font-weight: normal;}
#body .product .cost sup.dinfo {vertical-align:super; margin:0; padding:0;}
#body .product .cost sup.dinfo a {color: inherit; text-decoration: none; font-weight: bold; font-size: 13px;}
#body .product .cost sup.dinfo a:hover {text-decoration: underline; color: inherit;}
#body .product .cost small {font-weight: inherit; font-size:69% ;}

#body .product .tocart {height:24px; line-height: 1; background: transparent url(images/buttons.png) no-repeat right 0; margin:0; border: 0 none; padding:0 2px 0 0; clear:left; text-align: right;}
#body .product .tocart input {height:24px; line-height: 1; background: transparent url(images/buttons.png) no-repeat 0 0; border:0 none; color:#fff; padding:0 3px 0 27px; cursor:pointer; font-weight: normal; margin: 0;}

#body .product.head {margin-top:30px; border-top:none; border-color:#cd0210;}
#body .product.head strong.h4 {display: block;}
#body .product.head strong.h4 small {display:block; position:absolute; top:8px; left:49%; color:#888; font-size:10px; font-weight: normal;}

#body .product.head strong.h4.big {width: 100%;margin:0 0 10px 0; padding:5px 0; font-size: 15px; background: transparent url(images/arrows.png) no-repeat scroll 9px -717px; text-indent: 25px;}
#body .product.details strong.h4.big {padding:0 0 5px;position: relative; top: 0; background-position: 9px -722px;}

#body .product.head.topshop strong.h4 {}
#body .product.head.topshop {}

#body .product.big {width:283px; height:240px; padding-left:281px; margin-right: 6px; background: transparent url(images/product_frame_1-1.png) no-repeat scroll left top;}
#body .product.big .picture {width: 250px; top: 40px; height: 205px;}
#body .product.big strong.h3 {margin-top:40px; display: block; position: relative; min-height: 0; margin-bottom: 10px;}
#body .product.big strong.h3 a {font-size: 13px; position: absolute; left: -267px; top: -33px; width: 555px;}
#body .product.big .actions a {}
#body .product.big .cost big {font-size: 23px;}
#body .product.big .cost .old {font-weight: bold; font-size: 11px;}
#body .product.big .cost sub.only {display:block; float:left; font-weight: bold; font-size: 11px; margin-right:.5em; height: 3em;}
#body .product.big .cost .desc {color:#000; font-size: 10px;}
#body .product.big .variants {padding-bottom: 3px;}

body.start-page #body .product.big form,
body.alist-page #body .product.big form,
body.search-page #body .product.big form {position: absolute; left: 281px; bottom: 15px; width: 283px;}
body.start-page #body .product.big .tocart,
body.alist-page #body .product.big .tocart,
body.search-page #body .product.big .tocart {position: absolute; right: 0; bottom: 0;}
body.start-page #body .product.big .tocart input,
body.alist-page #body .product.big .tocart input,
body.search-page #body .product.big .tocart input {}

#body .product.half .picture {top: 42px;}
#body .product.half strong.h3 {margin-top:40px; display: block; position: relative; min-height: 0; margin-bottom: 10px;}
#body .product.half strong.h3 a {font-size: 13px; position: absolute; left: -115px; top: -37px; width: 260px; line-height:1.1em;}
#body .product.half .actions {}
#body .product.half .actions a {}
#body .product.half .actions a:hover {}
#body .product.half form {position: absolute; bottom: 10px; width: 146px;}
#body .product.half .tocart {}
#body .product.half .tocart input {}


#body .product.small {width:128px; height:115px; padding-left:5px; padding-right: 11px; padding-top:160px; background: transparent url(images/product_frame_1-4.png) no-repeat scroll left top;}
#body .compare .product.small {background: transparent;}
#body .product.small strong.h3 {margin:0; display: block; position: relative; min-height: 0; text-align: center;}
#body .product.small strong.h3 a {font-size: 13px; position: absolute; left: 0; top: -155px; width: 128px; line-height:1.1em;}
#body .product.small .variants {height: auto; margin-bottom:0; background-color: #fff;}
#body .product.small .picture {height: 105px; left: 12px; top: 55px;}
#body .product.small .cost {white-space:nowrap; text-align: center;}
#body .product.small .tocart {width:126px;}
#body .product.small .tocart input {width:126px;}
#body .product.small .variants select {width: 123px;}
#body .product.small form {position: absolute; bottom: 10px;}

#body .product.thin {width:432px; min-height:140px; height: auto !important; height:140px; background: transparent url(images/dotted_line.png) no-repeat scroll center top; margin:0 6px 5px 0; padding-top: 10px;}
#body .locator+.product.thin {background: transparent; }
#body .product.thin strong.h3 {margin-right: 120px;}
#body .product.head strong.h4 {margin:0; padding:5px 0 1px 0; height:20px; position:absolute; top:-30px; left:0; width:100%; line-height:20px; font-size: 11px; font-weight: bold; color: #5a5a5a;}
#body .product.head strong.h4.half a {padding-left:15px;}
#body .product.head strong.h4.thin {color:#FF4400; font-size:15px; text-indent: 15px;}
#body .product.head strong.h4.small {line-height:1.1em; padding:2px 0 1px;}
#body .product.thin .cost {position:absolute; top:5px; right:5px;}
#body .product.thin .amount {position:absolute; bottom:35px; right:5px;}
#body .product.thin .tocart {position:absolute; bottom:5px; right:5px;}
#body .product.thin .variants {position:absolute; bottom:35px; right:100px;}
#body .product.thin .actions {}
#body .product.thin tt {float: left;}
#body .product.thin .flag {float: left; margin-left:4px;}
#body .product.thin .desc {clear: left; padding-bottom: 10px;}

#body .product.thinest {width:480px; height:70px; padding-left: 82px; margin: 0 6px 0 0; border-top: 1px solid #b2dde9; background: transparent; }
#body .locator+.product.thinest {border-top: 0 none;}
/*
#body .product.thinest .picture {left: 0; height: 42px; width: 56px; border:1px solid #CBCBCB;}
*/
#body .product.thinest a.picture {width: 70px; height: 70px; display: inline-block; background: transparent url(images/detail_thumbnail.png) no-repeat scroll left top; vertical-align: middle; text-align: center; left: 0;}
#body .product.thinest a.picture img {margin-top: 14px;}


#body .product.thinest strong.h3 {height: 26px; margin-top: 3px; display: block; margin-right: 120px;}
#body .product.thinest strong.h3 a {display: block;}
#body .product.head strong.h4.thinest {width: 556px; border-color:#888; color:#444; background:#eee; padding:1px 5px 8px 7px;}
#body .product.thinest .cost {position:absolute; top:15px; right:5px;}
#body .product.thinest .cost big {font-size: 14px; line-height: 100%;}
#body .product.thinest .cost sup.dinfo a {font-size: 11px;}
#body .product.thinest .amount {position:absolute; bottom:5px; right:180px;}
#body .product.thinest .tocart {position:absolute; bottom:5px; right:5px;}
#body .product.thinest .actions {display: none;}
#body .product.thinest tt {float: left;}
#body .product.thinest .flag {float: left; margin-left:4px;}
#body .product.thinest .variants {display: none;}

#body .product.firstinlist {border-bottom:none; margin-bottom:0;}
#body .product.inlist {border-top:none; border-bottom:none; margin-bottom:0;}
#body .product.lastinlist {border-top:none;}

#body .separator {height: 10px; background:#fff url(images/line_dotted_horizontal.png) repeat-x scroll left 5px; margin:0; float:left; width:100%;}
#body .separator.inbox {width:100%; border: none; margin: 0;}
#body .txtseparator {height: 10px; margin:0 5px; float:left; width: 100%; border:1px solid #ddd; border-top:none; border-bottom: none;}
#body .txtseparator.inbox {margin:0; width: 100%; border: none; border-bottom:1px solid #ddd;}


#body .product.details {height:auto; min-height: 350px; width: 570px; padding: 0; margin: 0 6px 0 0; border: 0 none; background: transparent;}
#body .product.details strong.h4 {border-color:#888; color:#444; background:#eee; padding:1px 5px 8px 7px; display: block;}
#body .product.details h1 {border:none; margin:8px 0 0 0; padding:0; background: transparent; line-height: 1.1em;}
#body .product.details tt {margin:3px 0 0 0;}
#body .product.details .desc {margin:3px 0 0 0; font-size: 11px; color:#555;}

#body .product.details .picture {text-align:center; height: auto; float: right; position: relative; top: 0; left: 0; margin-left: 10px; width: 270px;}
#body .product.details .particulars {float: left; width: 275px; padding-left: 15px;}


#body .product.details .exturls {text-align: left; padding-top: 10px;}
#body .product.details .exturls a {display: block;}
#body .product.details .picture a.zoom:hover {text-decoration: none;}
#body .product.details .picture a.zoom img {margin-bottom: 3px;}

/* cursor */
#body .product.details .picture a.zoom {cursor: pointer; cursor:-moz-zoom-in;}

/* image set */
#body div.imgcont-on {display: block;}
#body div.imgcont-off {display: none;}


#body .product.details .cats {margin:10px 0 0 0; font-size:10px;}
#body .product.details .cats a {font-size:10px; color:#333;}
#body .product.details .cats img {margin-right:10px;}

#body .product.details .status {padding-top:10px; font-size:10px;}

#body .product.details .variants {padding-top:10px;}

#body .product.details .actions {padding-top:10px; clear:left;}
#body .product.details .actions a {display:block; white-space: normal; width: 80%;}
#body .product.details .actions a.reqlogin {color: #777; margin-top: 5px; background-position: 0 -412px;}

#body .product.details .cost {margin:1em 0;}
#body .product.details .cost big {display:block; float:left; margin-right:8px;}
#body .product.details .cost .old {font-weight: bold; font-size: 11px;}
#body .product.details .cost sup.dinfo {font-size:10px; font-weight: normal; color:#333; vertical-align:top; float:left; line-height: inherit; width:120px;}
#body .product.details .cost sup.dinfo a {font-size: 11px; font-weight: bold;}
#body .product.details .cost sub.only {display:block; float:left; font-weight: bold; font-size: 11px; margin-right:.5em; height: 3em;}
#body .product.details .cost .desc {color:#444; font-size: 10px;}

#body .product.details .packing {clear:left; padding-top:.5em; font-size:10px; color:#777;}

#body .product.details .deltime {clear:left; padding-top:.5em; font-size:10px; color:#777;}

#body .product.details .pperunit {clear:left; padding-top:.5em; font-size:10px;}

#body .product.details .amprice th {font-weight: bold;}
#body .product.details .amprice td {padding: 0;}
#body .product.details .amprice .am {padding-right: 5px;}
#body .product.details .amprice .pr {font-weight: bold;}

#body .product.details .amount {clear:left; float: left;}

#body .product.details .pricealarm {float: left; margin-top: 2px;}
#body .product.details .pricealarm a {font-size: 10px;}
#body .product.details .persparam {clear: left; padding-top: 7px;}
#body .product.details .persparam label {font-size: 10px; margin-right: 10px; color: #444;}

#body .product.details .tocart {float: right; margin-top:2px; margin-right: 40px; clear: none;}

#body .product.details .socialbookmarks {padding-top:1em;}
#body .product.details a.sbookmarks {border-right:1px solid #888; height: 20px; display:block; float:left; padding: 0px 3px 0px 3px; margin: 0px;}
#body .product.details a.sbookmarks.noborder {border:none; height: 20px; display:block; float:left; padding: 0px 3px 0px 3px; margin: 0px;}

#body .product.moredetails {margin:0 6px 10px 0; height: auto; width:540px; border-top: none; padding: 5px 15px; background: transparent;}

#body .product.moredetails .morepics {margin-top: 10px; padding: 5px 0; height: 44px; border-top: 1px dotted #eee;}
#body .product.moredetails .morepics a {border: 1px dotted #aaa; width: 56px; height: 42px; margin: 0 11px 0 2px; float: left;}

#body .product .picture .morepics {margin-bottom: 5px;}
#body .product .picture .morepics a {width: 70px; height: 70px; margin: 0 2px 2px 0; padding: 2px; display: inline-block; background: transparent url(images/detail_thumbnail.png) no-repeat scroll left top; vertical-align: middle;}
#body .product .picture .morepics a img {margin-top: 14px;}

#body .product.moredetails .longdesc {margin-top: 10px; padding: 15px 0 0; line-height: normal; background: transparent url(images/dotted_line.png) no-repeat scroll center top;}
#body .product.moredetails .longdesc strong.h3 {font-size: 12px; height: auto; min-height:0; margin: 0px; padding-bottom: 7px; font-weight: bold; display: block;}
#body .product.moredetails .longdesc p {margin: 0; padding:7px 0px;}
#body .product.moredetails .longdesc .question {margin: 10px 0 1px; padding-top: 11px; background: transparent url(images/dotted_line.png) no-repeat scroll center top;}
#body .product.moredetails .longdesc .question a {font-size: 10px; font-weight: bold;}

#body .box .attributes td {border-bottom:1px solid #ddd; padding:.5em 0}
#body .box .attributes .last td {border-bottom:none}

#body .box .pricealarm {border-top:1px dotted #ddd;}
#body .box .pricealarm th {padding-top:.5em;}
#body .box .pricealarm th label {font-weight: bold; font-size: 10px;}

#body .welcome {margin:0 6px 15px 0; padding:0 15px;}

#body .box .guestbook {margin-top: 9px;}
#body .box .guestbook .head td {border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 5px 0;}
#body .box .guestbook .head td.name {}
#body .box .guestbook .body td {font-size: 10px; padding: 5px 0;}

/* Links */
#body .box dl.links {margin: 0;}
#body .box dl.links dt {margin: 0 0 12px;}
#body .box dl.links dt a {color: #cd0210;}
#body .box dl.links dt a:hover {color: #cd0210;}
#body .box dl.links dd {background: url(images/line_dotted_horizontal.png) repeat-x bottom; padding-bottom: 10px; margin: 0 0 10px;}
#body .box dl.links dd.last {background: none; margin: 0; padding: 0;}

/* News list */
#body dl.news {margin: 0;}
#body dl.news dt {margin-bottom: 12px;}
#body dl.news dt a {font-weight: bold; color: #000;}
#body dl.news dt a:hover {text-decoration: none;}
#body dl.news dd {margin: 0 0 15px 0;}

/* Compare */
#body .box.compare {margin-bottom: 20px;}
#body .box.compare .reorder {margin-bottom: 5px; height: 10px; clear: both;}
#body .box.compare .reorder a {font-size: 10px; font-weight: bold; border: 1px solid #888; padding-left: 2px; line-height: 10px; width: 11px; color: #888; display: block;}
#body .box.compare .reorder a:hover {text-decoration: none; color: #f40; border-color:#f40;}

#body .box.compare .product {border: none; float: none; display: block;}
#body .box.compare .product .picture {top:0; left:6px;}
#body .box.compare .product.small {height:147px; margin: 0 auto; padding: 105px 0 0 0;}
#body .box.compare .product.small strong.h3 a {height:auto; left:0; top:0; position: relative;}
#body .box.compare .product.small form {bottom:0;}
#body .box.compare .actions {padding-top:1em; margin-bottom: 5px; width:123px; text-align:left;}
#body .box.compare .actions a {text-decoration: none; padding-left: 12px; background: url(images/arrows.png) no-repeat 0 -300px; font-size: 10px; display:block; width: 1%; white-space: nowrap;}
#body .box.compare .actions a:hover {text-decoration: underline;}

#body .box.compare .fromcompare {height:24px; line-height:1; width: 126px; background: transparent url(images/buttons.png) no-repeat right -50px; margin: 0; border: 0 none; padding:0 2px 0 0; clear:left;}
#body .box.compare .fromcompare input {height:24px; line-height:1; width: 126px; background: transparent url(images/buttons.png) no-repeat 0 -50px; margin:0; border:0; color:#fff; padding:0 0 0 27px; cursor:pointer;}

#body .box.compare table.cmp_tbl {margin-left: auto; margin-right: auto; width: 100%; border-collapse: collapse;}
#body .box.compare table.cmp_tbl td, #body .box.compare table.cmp_tbl th {font-size: 10px; padding: 3px 6px 3px 6px; border:1px dotted #aaa; border-top: 0 none;}
#body.plain .box.compare table.cmp_tbl td, #body.plain .box.compare table.cmp_tbl th {border-top:1px dotted #aaa;}
#body .box.compare table.cmp_tbl th {font-weight: bold;}
#body .box.compare .no_left_brd {border-left: none !important;}
#body .box.compare table.cmp_tbl .no_bot_brd td, #body .box.compare table.cmp_tbl .no_bot_brd th {border-bottom: 0 none; border-top: 1px dotted #aaa;}

#body.plain .box.compare table.cmp_tbl {margin: 0 auto; width: auto;}
#body.plain .box.compare .product.small {height: auto;}
#body.plain .box.compare .actions {display: none;}
#body.plain .box.compare .tocart {display: none;}
#body.plain .box.compare table.cmp_tbl th {width: 121px;}
#body.plain .box.compare form div {text-align: center;}
#body.plain .box.compare .price sup.dinfo {display: none;}

/* ORDER */

/* Order steps */
#body .ordersteps {margin:0; width: 576px; float:left; height: 80px;}
#body .ordersteps {background: transparent url(images/basket_steps.png) no-repeat scroll left top;}
body.basket-page #body .ordersteps {background-position: left -100px;}
body.user-page #body .ordersteps {background-position: left -200px;}
body.payment-page #body .ordersteps {background-position: left -300px;}
body.payment-page #body div.bar.prevnext .arrowright input:first-child {}
body.wrapping-page #body .ordersteps,
body.order-page #body .ordersteps {background-position: left -400px;}
body.thankyou-page #body .ordersteps,
body.start-page #body .ordersteps {background-position: left -500px;}

#body .ordersteps dl {width: 100px; height: 70px; padding:10px 5px 0 10px; margin: 0; float:left; color: #777;}
#body .ordersteps dl:first-child {}
#body .ordersteps .lastinrow {margin-right: 0;}
#body .ordersteps dt {padding:0 0 3px 0; margin: 0;}
#body .ordersteps dt,
#body .ordersteps dt a {font-size: 10px; font-weight: normal;}
#body .ordersteps dl big {font-size: 21px; line-height: 19px;}
#body .ordersteps dt a:hover big {}
#body .ordersteps dd,
#body .ordersteps dd a {font-size: 9px; margin: 0;}
#body .ordersteps dt a,
#body .ordersteps dd a {color: #333;}
#body .ordersteps dl.active {}
#body .ordersteps dl.active dt,
#body .ordersteps dl.active dd,
#body .ordersteps dl.active dd a,
#body .ordersteps dl.active dt a {color: #fff;}
#body .ordersteps dl.checked {}
#body .ordersteps dl.checked dt,
#body .ordersteps dl.checked dd {color: #aaa;}
#body .ordersteps dl.checked dd a,
#body .ordersteps dl.checked dt a {color: #333;}
#body .ordersteps.nofinalstep dl {width: 124px;}
#body .ordersteps.nofinalstep .lastinrow {width: 125px; margin-right: 0;}

/* Order back/next step button */
#body div.bar.prevnext .arrowdown input {}
#body div.bar.prevnext .arrowright input {}
#body div.bar.prevnext .minorderprice {font-size: 12px; font-weight: bold; line-height: 27px; text-align: center; width: auto;}
#body div.bar.prevnext .termsconfirm {width: auto; margin: 0 10px;}
#body div.bar.prevnext .termsconfirm td {font-size: 10px; color: #444; padding: 3px 3px 3px 0;}
#body div.bar.prevnext .termsconfirm a {font-size: 10px; color: #000; text-decoration: underline;}
#body div.bar.prevnext .termsconfirm a:hover {color: #000;}
#body div.bar.prevnext .termsconfirm .chkbox {background: none; border: none; vertical-align: middle; margin: 0px; padding: 0;}
#body div.bar.prevnext.terms {height: auto; margin-bottom: 10px;}

/* Basket */
#body .basket {float: left; margin: 0 6px 10px 0; border: 0 none; empty-cells: show; width:570px;}
#body .basket tbody td {padding-top: 10px;}
#body .basketsummary-header,
#body .basket th {color: #777; font-weight: bold; border-bottom: 2px solid #888; padding-left: 6px; text-transform: none;}
#body .basket th.brd {padding: 0;}
#body .basket th .brd_line {height: 25px;}
#body .basket th.lastcol {padding-left: 0;}
#body .basket td.brd {}

#body .basket .bsk_sep td {height: 9px; padding-top: 0;}
#body .basket .bsk_sep .line {border-bottom: 1px solid #eee;}
#body .basket .bsk_sep .bigline {border-bottom: 4px solid #eee;}

#body .basket .picture {border: 1px solid #888; background: #fff; text-align: center; display: block; height: 42px; width: 56px;}
#body .basket .art_title a {font-size: 10px; font-weight: bold;}
#body .basket .art_title a:hover {}
#body .basket .art_num {font-size: 10px;}
#body .basket .variants select {width: 136px; margin-top: 2px;}

#body .basket .btn, #body .basket .amount {margin-bottom: 7px;}
#body .basket .upd {width: 91px; cursor: pointer;}
#body .basket .price {padding-right: 25px; text-align: right;}
#body .basket .orderprice {padding-right: 20px; text-align: right;}
#body .basket .vat {padding-left: 20px;}
#body .basket .vat_order {padding-left: 15px;}
#body .basket .amount {padding-right: 20px;}
#body .basket .totalprice {padding-right: 6px; text-align: right;}
#body .basket .notice td {padding-top: 5px; font-size: 10px; color: #cd0210;}
#body .basket .sumrow td {padding-top: 3px;}
#body .basket .sumrow.total td {padding: 7px 0 4px;}
#body .basket .sumdesc {padding-right: 15px !important; text-align: right;}
#body .basket .discount, #body .basket .coupon {color: #cd0210; font-size: 10px;}
#body .basketsummary .couponrow,
#body .basketsummary .discountrow1 {
    color: #cd0210;
}
#body .basket .bottrow {height: 14px;}
#body .basket a.remove {display: block; width: 97px; height: 17px; line-height: 17px; border: 1px solid #cd0210; color: #ffffcc; background: #cd0210; text-align: center; font-weight: bold; font-size: 10px; text-decoration: none;}
#body .basket a.wrapremove {width: 70px;}

#body .basket .wrapmod {display:block; height:24px; line-height:1; width: 85px; background: transparent url(images/buttons.png) no-repeat right -100px; margin:0; border: 0 none; padding:0 1px 0 0; float: left}
#body .basket .wrapmod a {text-align: center; text-decoration: none; display: block; height:20px; line-height:20px; width: 63px; background: transparent url(images/buttons.png) no-repeat 0 -100px; margin:0; border:0; padding:2px 0 2px 20px;color:#333;}

#body .basketsummary .action-row .action-buttons .btn.remove,
#body .product .fromlist,
#body .basket .frombasket {height:24px; line-height:23px; width: 100px; background: transparent url(images/buttons.png) no-repeat right -50px; margin:0; border: 0 none; padding:0 2px 0 0; float: left}
#body .basketsummary .action-row .action-buttons .btn.remove input,
#body .product .fromlist input,
#body .basket .frombasket a,
#body .basket .frombasket input {height:24px; line-height:23px; width: 100px; background: transparent url(images/buttons.png) no-repeat 0 -50px; margin:0; border:0; padding:0 3px 3px 20px; cursor:pointer; font-weight: normal; color: #fff;}
#body .basket .frombasket a {width: 79px; padding:0 0 0 20px; text-align: center; text-decoration: none; display: block; line-height: 24px;}

#body .basketsummary .action-row .action-buttons .btn.remove,
#body .basketsummary .action-row .action-buttons .btn.remove input {
    width: auto;
    float: none;
}

#body .basketsummary .action-row .action-buttons .btn.remove input {
    padding-left: 25px;
    padding-right: 10px;
}

#body .basketsummary .action-row .action-buttons .btn.refresh input {
    padding-left: 10px;
    padding-right: 7px;
}

/* BRAND NEW ORDER PROCESS MOD */
#body .ordersteps {
    margin-bottom: 15px;
}

#body .ordersteps.orderstepsswapped {
    padding-right: 6px;
    box-sizing: border-box;
}

#body .basketsummary.review .item-img,
#body .basketsummary.order .item-img {
    width: 11%;
}

#body .basketsummary.review .item-title,
#body .basketsummary.order .item-title {
    width: 35%;
}

#body .payment-wrap .item-row .title-cell .item-ico-wrap {
    margin-right: 5%;
    max-width: 30%;
}

body #body .sub-main + .sub-sidebar {
    padding-top: 5px;
}

body #body .sub-main .boxhead,
body #body .sub-sidebar .boxhead {
    margin-top: 5px;
    margin-bottom: 15px;
    font-size: 20px;
}

.basketsummary-header {
    padding-right: 15px;
    box-sizing: border-box;
}

#body .basketsummary-header .item-general {
    text-indent: 15px;
}

#body .basketsummary .art_title {
    font-size: 1em;
}

#body .basketsummary .itemrow + .itemrow {
    padding-top: 1em;
    border-top: 1px solid #eee;
}

#body .basketsummary .sumrow.total {
    border-bottom-width: 4px;
    padding-bottom: 2px;
}

#body .basketsummary .itemrow + .itemrow,
#body .basketsummary .sumrow.total,
#body .basketsummary .sumrow.grossrow {
    border-color: #eee;
}

/* user options step */
#body .useroption {margin: 10px 5px 10px 0; padding-right: 5px; min-height:350px; height:auto !important; height:350px; background: transparent url(images/line_dotted_vertical.png) repeat-y scroll 98% top;}
#body .useroption-last {background: transparent;}
#body strong.useroptboxheadbig,
#body strong.useroptboxhead {margin:10px 0; font-size: 14px; font-weight: bold; color:#f40; display: block; width:180px;}
#body .useroptboxbig,
#body .useroptbox {width:180px; margin:10px 0; position:relative;}
#body .useroptboxbig {width: 262px;}
#body .useroptboxbig b,
#body .useroptbox b {font-size: 12px;}
#body .useroptbox .link {}
#body .useroptbox .err {margin-bottom: 10px;}
/*
#body .useroptboxbig .fs11 li,
#body .useroptbox .fs11 li {padding-bottom: 5px;text-indent: -.8em;}
#body .useroptboxbig .fs11 li:first-letter,
#body .useroptbox .fs11 li:first-letter {color: #fff;}
*/

/* payment step */
#body .paymentboxhead, #body .thankyouboxhead {margin-top: 5px;}

/* order step */
#body dl.orderinfocol {margin: 0 5px; width: 257px; float:left;}
#body dl.orderinfocol dt {padding:0; margin: 0 0 5px 0; height: 23px; font-weight: bold; border-bottom: 1px solid #eee;}
#body dl.orderinfocol dd {padding:0; margin: 0;}
#body .giftwrap {height:25px; width: 20px; background: transparent url(images/buttons.png) 0 -100px no-repeat; margin:0; border: 0 none; padding:0; display: block;}

#body .etrustlogocol {float: left; width: 100px;}
#body .etrustdescocol {float: left; width: 443px;}

/* Wrapping */
#body .wrapping {float: left; margin: 0 5px 10px 6px; border: 1px solid #888; border-left:none; empty-cells: show;}
#body .wrapping tbody td {padding-top: 10px;}
#body .wrapping th {background: #eee; color: #444; font-weight: bold; height: 25px; padding-left: 6px;}
#body .wrapping th.brd {padding: 0; border-left: 1px solid #888;}
#body .wrapping th .brd_line {background: #888; width: 7px; height: 25px;}
#body .wrapping td.brd {border-left: 1px solid #888;}
#body .wrapping .wrp_sep td {height: 9px; padding-top: 0;}
#body .wrapping .wrp_sep .line {border-bottom: 1px solid #eee;}
#body .wrapping .picture {border: 1px solid #888; background: #fff; text-align: center; display: block; height: 42px; width: 56px; margin-left: 5px;}
#body .wrapping .art_title a {font-size: 10px; font-weight: bold;}
#body .wrapping .art_title a:hover {}
#body .wrapping .art_num {font-size: 10px;}
#body .wrapping .wrapping_items td {padding-top: 0;}
#body .wrapptop {margin-top: 10px;}
#body .giftbigimg {padding-right: 12px;}

#body dl.orderinfocol.greetingcard {width: 540px; margin: 0;}
#body .cardbox {width: 257px; float: left; margin: 0 10px 5px 0;}
#body .cardbox .card_title {}
#body .cardbox .card_body {padding: 5px 0 5px 25px;}
#body .card_sep {clear: both;}
#body .giftmessage {width: 100%; height: 100px;}

/* More categories */
#body .morecats {margin: 0 5px; width: 569px; float: left;}
#body .morecats dl {margin: 0 0 25px;}
#body .morecats dt {background: #cd0210; border-bottom: 1px solid #fff;}
#body .morecats dd {background: #eee; border-bottom: 1px solid #fff; margin: 0; padding: 0;}
#body .morecats dl a {color:#000; font-weight:bold; padding: 4px 10px; display: block;}
#body .morecats dl a:hover {color:#000;}
#body .morecats dd a {background: url(images/arrows.png) no-repeat 7px -148px; padding-left: 22px;}

/* Account header */
#body .account_header dl {border-bottom: 1px dotted #eee; margin: 2px 0; padding-bottom: 5px; width: 97%;}
#body .account_header dl.lastInCol {border-bottom: 0; margin: 0; padding-bottom: 0px;}
#body .account_header dt {padding-left: 8px;}
#body .account_header dt a {font-weight: bold; font-size: 10px; text-decoration: none; color: #444;}
#body .account_header dt a:hover {text-decoration: underline; color: #444;}
#body .account_header dt a.active {color: #cd0210;}
#body .account_header dd {margin: 2px 0; font-size: 10px; color: #888; padding-left: 8px;}

.evidencelist table.table {width: 100%; line-height: normal;}
.evidencelist tr.head th {font-weight: bold; border-bottom: 1px #eee solid; padding-bottom: 2px;}
.evidencelist tr.head th.aright {padding-right: 0;}
.evidencelist table.table tr.itemodd td {background:#eee;}
.evidencelist table.table tr.itemfirst td {}
.evidencelist table.table tr.itemlast td {border-bottom: 1px #eee solid;}
.evidencelist .aright {text-align: right;}

.evidencedetail table {width: 100%;}
.evidencedetail table.table {width: 100%; line-height: normal;}
.evidencedetail tr.head th {font-weight: bold; border-bottom: 1px #000 solid; padding-bottom: 2px;}
.evidencedetail tr.head th.aright {padding-right: 0; padding-left: 5px;}
.evidencedetail table.table td {padding: 1px 5px 3px 0; vertical-align: top;}
.evidencedetail table.table td.aright {padding: 1px 0 3px 2px;}
.evidencedetail table.table tr.itemodd td {}
.evidencedetail table.table tr.itemfirst td {padding-top: 3px;}
.evidencedetail table.table tr.itemlast td {border-bottom: 1px #000 solid;}

.evidencedetail legend {color: #4B4B4B;}
.evidencedetail fieldset {}
.evidencedetail fieldset table {}

.evidencedetail table.total {margin-top: 10px;}
.evidencedetail .aright {white-space: nowrap; text-align: right;}
.evidencedetail td.sumvalue {white-space: nowrap; text-align: right; font-weight: bold;}


/* Account pages */
#body .account strong.h4 {font-size: 11px; font-weight: bold; margin: 0; padding: 0; display: block;}
#body .account small {font-size: 10px;}

/* Account remove from list button */
#body .product .fromlist {right: 125px; bottom: 5px; position: absolute;}
/*
#body .product .fromlist {right: 155px; top: 117px; height:25px; width: 100px; background: transparent url(images/buttons.png) 0 -50px no-repeat; margin:0; border: 0 none; padding:0; border-right: 1px solid #cd0210; position: absolute;}
#body .product .fromlist input {width: 100%; background: transparent; margin:0; border:0; color:#ffffcc; padding:2px 0 0 23px; cursor:pointer; font-weight: bold;}
*/

/* Account wishlist */
#body .wishlist .product {padding: 5px 0 5px 130px; margin: 0; border: none;}
#body .wishlist .product.thin {width: 413px;}
#body .wishlist .separator {margin: 0; width: 541px; border: none;}
#body .wishlist .dot_sep {clear: both;}


/* Account wishlist search results */
#body .wishsearchresults .searchitem {background: url(images/wishlist.jpg) no-repeat; line-height: 50px; margin: 5px 0;}
#body .wishsearchresults .searchitem a {padding-left: 60px; line-height: 50px; font-weight: bold; color: #000; display: block; width: 1%; white-space: nowrap;}
#body .wishsearchresults .searchitem a:hover {color: #000;}

/* Account order history */
#body .form.orderhistory td {font-size: 10px; padding: 2px 0;}
#body .form.orderhistory th {font-weight: bold; font-size: 10px; border: none; background: none; padding: 2px 0;}
#body .form.orderhistory tr.headrow td, #body .form.orderhistory tr.headrow th {font-size: 11px;}
#body .form.orderhistory a.tocart {height:19px; width: 19px; background: transparent url(images/buttons.png) no-repeat scroll -100px -250px; margin:0; border: none; padding:0; display: block;}
#body .form.orderhistory a.artlink {margin-right: 7px; color: #000; font-size: 10px;}
#body .form.orderhistory a.artlink:hover {color: #000;}
#body .form.orderhistory .amount {padding-right: 7px;}

/* Account reccomend list */
#body .recommendlist .product {padding: 5px 0 5px 130px; margin: 0; border: none;}
#body .recommendlist .product.thin {width: 413px;}
#body .recommendlist .separator {margin: 0; width: 541px; border: none;}
#body .recommendlist .dot_sep {clear: both;}

/* Suggest */
#body ul.suggest {margin: 0;}

/* Mall shops start page */
#body .mallbox {width: 980px; margin: 15px auto;}
#body .mallbox .mallhead {position: relative; clear: both; height: 75px;}
#body .mallbox .mallhead .mallmenu {position: absolute; right: 7px; top: 55px; margin: 0; padding: 0; list-style-type: none;}
#body .mallbox .mallhead .mallmenu li {float: left; margin: 0 5px; padding-right: 10px; border-right: 1px solid #999;}
#body .mallbox .mallhead .mallmenu li.last {border: none;}
#body .mallbox .mallhead .mallmenu li a {font-size: 10px;}
#body .mallbox .langbox {background:#24316E; border-bottom: 1px solid #fff; padding: 8px 7px; color: #fff;}
#body .mallbox .langbox a {font-size: 10px; color: #fff;}
#body .mallbox .langbox a.lang_active {font-weight: bold;}
#body .mallbox .locationbox {padding: 15px 0 2px 0; margin: 0 0 15px 15px; font-size: 10px; color: #A7A7A7; border-bottom: 1px solid #CBCBCB;}
#body .mallbox .welcomebox {position: relative; margin-left: 15px; width: 480px;}
#body .mallbox .welcomebox .shopselectbox {position: absolute; left: 510px; top: 7px; width: 240px; font-size: 10px;}
#body .mallbox .welcomebox #demoAdminLink {position: absolute; left: 760px; top: 7px; width: 202px;}
#body .mallbox .mallfooter {margin: 55px 0 0; position: relative;}
#body .mallbox .mallfooter .copyright {background: #24316E; color:#fff; height: 15px; margin: 2px; padding: 6px 0px; text-align:right;}
#body .mallbox .mallfooter a {font-size: 10px; color: #fff;}

/* Basket popup */
#mask {visibility: hidden; display:none;}
#mask iframe {visibility: hidden; border:none;}
#mask.on {visibility: visible; display:block; position:fixed; opacity:0.7; top:0; left:0; width:100%; height: 100%; background:#000; z-index: 1500;}

div.popup {visibility: hidden; display:none;}
div.popup strong {display: block; margin: 9px 0; font-size: 11px;}
div.on.popup {visibility: visible; display:block; position:fixed; top:50%; left:50%; width:250px; height: 150px; background: white; z-index: 2000; margin-top:-75px; margin-left:-125px; border:1px solid #aaa; padding:10px;}
div.on.popup.load {background: #fff url(images/ajax-loader.gif) center center no-repeat;}
div.on.popup table {width:100%;}
div.on.popup input {color:#06b; background:#fff; border:1px solid #06b; font-weight: bold; padding:2px; width:120px;}
div.on.popup input.disabled {color:#aaa; background:#eee; border:1px solid #aaa; font-weight: bold; padding:2px; width:120px;}
div.on.popup input.bl {position:absolute; bottom:10px; left:10px;}
div.on.popup input.br {position:absolute; bottom:10px; right:10px;}

div.fbMsg.on.popup { width: 400px; height: 200px; margin-top: -100px; margin-left: -200px;}

div.on.popup span.btn a{padding:3px 8px 2px; position:relative;}
div.fbMsg.on.popup .popupMsg { font-size: 11px; padding-bottom: 10px; border-bottom: 1px solid #ccc; margin-bottom: 5px;}
div.fbMsg.on.popup .popupFooter { position: absolute; bottom: 10px; left: 10px; }

#zoom {padding:0; overflow:auto; min-width:250px; min-height: 150px;}
#zoom ul.tabs {padding:0; margin:0; background:#fff; height: 28px; width:100%;}
#zoom ul.tabs li {list-style: none; margin:1px; float:left;}
#zoom a {display:block; padding:5px; background:#fff; width:20px; text-align: center; border:1px dotted #ddd; color:#777; font-weight: bold;}
#zoom li.active a {border:1px solid #080; color:#080;}
#zoom ul.tabs li.close {float:right;}

/* Message boxes */
#body .msg {float:left; width:550px; background: #eee; border: 1px solid #ddd; margin: 0 6px 10px 0; padding: 5px 10px;}
#body .msg .err {color: #cd0210; font-weight: bold;}
#body .msg.incentive {padding: 10px;font-weight: bold;font-size: 120%;margin-top: 10px;border-radius:8px;}
#body .msg.incentive {background-color:#F33620;border-color:#DA2818;color:#fff;}

/* Tags */
#body .box .tags {text-align: center;}
#body .box .tags a {line-height: 100%; padding:0 .2em; cursor: pointer; color:#000;}
#body .box .tags a.sel {color:green; font-weight: bold;}
#body a.tagitem_100 {white-space: nowrap; font-size: 100%;}
#body a.tagitem_200 {white-space: nowrap; font-size: 200%;}
#body a.tagitem_300 {white-space: nowrap; font-size: 300%;}
#body a.tagitem_400 {white-space: nowrap; font-size: 400%;}

/* Ratings */
#write_review {display: none;}
#body td.rating { width:89px; height:16px; margin:0; padding:0; background: url(images/stars.png) no-repeat 0 0;}
#body td.rating.s1 {background-position:-72px -38px;}
#body td.rating.s2 {background-position:-54px -38px;}
#body td.rating.s3 {background-position:-36px -38px;}
#body td.rating.s4 {background-position:-18px -38px;}
#body td.rating.s5 {background-position:0 -38px;}
#body ul.rating {width:89px; height:16px; margin:0 0 3px; padding:0; list-style:none; clear:both; position:relative; background: url(images/stars.png) no-repeat left top;}
#body ul.rating li {cursor: pointer; float:left;}
#body ul.rating li a {position:absolute; left:0; top:0; width:18px; height:16px; text-decoration:none; z-index: 200;}
#body ul.rating li a b {display: none;}
#body ul.rating li.s1 a {left:0;}
#body ul.rating li.s2 a {left:17px;}
#body ul.rating li.s3 a {left:34px;}
#body ul.rating li.s4 a {left:51px;}
#body ul.rating li.s5 a {left:68px;}
#body ul.rating li a:hover {z-index:2; width:89px; height:16px; overflow:hidden; left:0; background: url(images/stars.png) no-repeat 0 -18px;}
#body ul.rating li.s1 a:hover {background-position: -72px -18px;}
#body ul.rating li.s2 a:hover {background-position: -54px -18px;}
#body ul.rating li.s3 a:hover {background-position: -36px -18px;}
#body ul.rating li.s4 a:hover {background-position: -18px -18px;}
#body ul.rating li.s5 a:hover {background-position: 0 -18px;}
#body .rating_review_input {margin:0; height:16px;}
#body .rating li.current_rate {background: url(images/stars.png) left bottom; position: absolute; height: 16px; z-index: 1;}

#body dl.review {margin: 5px 0; padding-top: 5px; border-top: 1px solid #ddd;}
#body dl.review dt {margin-bottom: 7px; height: 1em;}
#body dl.review dd {clear: both; margin: 0;}
#body dl.review .param {margin-left: 20px;}

/* Recommendation lists */
#body dl.recommlistdesc {margin: 0 0 10px;}
#body dl.recommlistdesc dt {font-size: 10px; padding: 3px 0 7px; background: url(images/line_dotted_horizontal.png) repeat-x bottom;}
#body dl.recommlistdesc dt a {font-size: 10px;}
#body dl.recommlistdesc dd {font-size: 10px; margin: 3px 0;}

#body .recommitems .article {width: 125px; margin-right: 9px; float: left; color: #787F87; font-size: 10px;}
#body .recommitems .article a {font-size: 10px;}
#body .recommitems .article .picture {width: 56px; height: 42px; text-align: center; border: 0 none; margin-bottom: 3px;}
#body .recommitems input.btn {}

#body .recomm_author {font-weight: normal;}
#body .recomlistdesc {float: left; width: 415px;}

.verification_code {border: 1px solid #000; color: #000; padding: 2px; text-align:center; width:80px;}

.promotionsRow {float:left;width:580px;position:relative;margin: 0 0 5px 0;padding:0}
.promotionsRow .promotion {border:1px solid #ccc;float:left;width:268px;height:157px;margin:0px 5px 5px 5px;padding:5px;position:relative;background:#ffffff;overflow:hidden;}
.promotionsRow .promotion .timeouttext{font-style:italic;position:absolute;bottom:5px;}
.promotionsRow .promotion .activationtext{font-style:italic;position:absolute;bottom:5px;}

.promotionsRow .promotionFinished .timeouttext{display:none;}
.promotionsRow .promotionFinished .activationtext{display:none;}
.promotionsRow .promotionCurrent .activationtext{display:none;}
.promotionsRow .promotionFuture .timeouttext{display:none;}

.promotionsRow .promotion .finishedText{display:none;top:0;left:0;width:100%;height:100%;position:absolute;}
.promotionsRow .promotion .finishedText img{display:block; bottom:7px;right:7px;position:absolute;}
.promotionsRow .promotionFinished .finishedText{display:block;z-index:500;visibility: visible;}

.promotionsRow .promotion .upcomingText{display:none;top:0;left:0;width:100%;height:100%;position:absolute;}
.promotionsRow .promotion .upcomingText img{display:block; top:7px;right:7px;position:absolute;}
.promotionsRow .promotionFuture .upcomingText{display:block;z-index:500;visibility: visible;}

.promotionsRow .promotionCurrent .promoTimeout {font-weight:600;}


/* IE8 + IE7 */
#header div.links a.language.act img,
#mask.on {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";filter: alpha(opacity=70);}


/* hide help link */
#test_link_service_help {display: none !important;}
/* gallery */
.gallery-title { }
.gallery { margin: 0px; padding: 0px; }
.gallery li { list-style: none; display: block; /*width: 150px; height: 150px;*/ float: left; margin: 10px; padding: 0px; }
.gallery li p { height: 40px; overflow: auto; }
.gallery li a, .gallery li img { display: block; } 

/* anketa */
#pollbox {}
.poll-ask {font-weight: bold;}
.poll-bar {}
.poll-amount {white-space: nowrap;}
.poll-answer {margin: 5px 0 2px;}
.poll-answer input.radio {margin: 0 5px 0 0;}
.poll-bar-wrapper {background: transparent url(images/poll-bars.png) no-repeat scroll left -800px; padding-left: 11px;}
.poll-bar {text-align: right; height: 16px; line-height: 16px; background: transparent url(images/poll-bars.png) no-repeat scroll right -300px;}
.poll-bar {min-width: 6px;}
.poll-item1 .poll-bar-wrapper {background-position: left -750px;}
.poll-item1 .poll-bar {background-position: right -250px;}
.poll-item2 .poll-bar-wrapper {background-position: left -550px;}
.poll-item2 .poll-bar {background-position: right -50px;}
.poll-item3 .poll-bar-wrapper {background-position: left -700px;}
.poll-item3 .poll-bar {background-position: right -200px;}
.poll-item4 .poll-bar-wrapper {background-position: left -600px;}
.poll-item4 .poll-bar {background-position: right -100px;}
.poll-item5 .poll-bar-wrapper {background-position: left -500px;}
.poll-item5 .poll-bar {background-position: right 0px;}
.poll-item6 .poll-bar-wrapper {background-position: left -650px;}
.poll-item6 .poll-bar {background-position: right -150px;}
.poll-amount {margin-right: 3px; position: relative; left: -2px;}
.poll-amount .amount {color: #666;}
.poll-button-wrapper {text-align: right;}
#pollbox .btn {float: right;}
.poll-total {padding-top: 5px; clear: right;}
label {cursor: pointer;}

/* stavy produktu - produkt stats */

.productstats {}
.productstats-legend {margin: 10px 6px 0 0; display: block; float:left; width:570px;}
.productstats-wrapper {}
.productstats-caption {color: #666; font-weight: bold;}
.product.details .productstats-item,
.productstats-legend .productstats-item {margin-right: 0.5em;}
.productstats-item {white-space: nowrap;}
img.productstats-icon {vertical-align: middle; padding-bottom: 2px;}
.productstats-title {font-weight: bold; color: #aaa;}
.productstats-desc {font-weight: normal; font-size: 80%; color: #aaa; border-left: 1px solid #aaa; padding-left: 0.5em;}

.product.details div.productstats-wrapper {padding-bottom: 0; padding-top: 0.5em;}
.product.small .productstats-stat {display: none;}
.productstats-none {display: none;}


/* stav faktur */
#body .invoiceblock .paid { }
#body .invoiceblock .notpaid, #body .invoiceblock .notpaid a { color: red; }

.evidence-pdf { position: relative; top: -10px; float: right; }

/* BREZOVA RECOLOR */
body.brezova {background-image: url(images/brezova/body_bkg.png);}
body.brezova #header {background: transparent;}
body.brezova #header div.links .right a,
body.brezova #header div.links .right a span,
body.brezova #header div.links .left a,
body.brezova #header div.links .left a span {background-image: url(images/brezova/topmenu_button.png);}
body.brezova #left strong.h2 {background-image: url(images/brezova/left_box_header.png);}
body.brezova #right strong.h2 {background-image: url(images/brezova/right_box_header.png);}
body.brezova #left div#box-search, 
body.brezova #left div.box-wrapper {background-image: url(images/brezova/left_box_bkg.png);}
body.brezova #left div#box-categorytree, 
body.brezova #left div#box-vendortree, 
body.brezova #left div#box-manufacturertree {background-image: url(images/brezova/left_box_cat_bkg.png);}
body.brezova #left ul.tree {background-image: url(images/brezova/left_box_cat_bottom.png);}
body.brezova #left ul.info, 
body.brezova #left dl.news, 
body.brezova #left form.search, 
body.brezova #left div.box {background-image: url(images/brezova/left_box_bottom.png);}
/*body.brezova ul.tree li {background: transparent url(images/left_box_cat_sep.png) no-repeat scroll left top;}*/

body.brezova span.btn,
body.brezova span.btn input,
body.brezova span.btn a,
body.brezova .box.minibasket .tocart,
body.brezova .box.minibasket .tocart input,
body.brezova #left .search span.btn input,
body.brezova #right .listitem.rightlist .price .btn,
body.brezova #body .product .tocart,
body.brezova #body .product .tocart input,
body.brezova #body .box.compare .fromcompare,
body.brezova #body .box.compare .fromcompare input,
body.brezova #body .basket .wrapmod,
body.brezova #body .basket .wrapmod a,
body.brezova #body .basket .frombasket,
body.brezova #body .basket .frombasket input,
body.brezova #body .basketsummary .action-row .action-buttons .btn.remove,
body.brezova #body .basketsummary .action-row .action-buttons .btn.remove input,
body.brezova #body .giftwrap,
body.brezova #body .product .fromlist,
body.brezova #body .form.orderhistory a.tocart {background-image: url(images/brezova/buttons.png);}


body.brezova .hl,
body.brezova .note,
body.brezova input.btn.hl,
body.brezova #right div.box a.arr, 
body.brezova #body .product .actions a {color: #689c0a !important;}
body.brezova #body .product .actions a:hover,
body.brezova a,
body.brezova #footer a,
body.brezova #body a,
body.brezova #body strong.head, 
body.brezova #body h1.head,
body.brezova #body .boxhead,
body.brezova #body .locator a.active,
body.brezova #body .product .cost,
body.brezova #zoom li.active a {color: #20236b;}
