/* OXID look&feel generated CSS */

/* Base */
html,body {height: 100%;}


h1   {font-size: 13px;}
h2   {font-size: 11px;}
h3   {font-size: 10px;}
strong.h2 {font-size: 11px;}
strong.h3 {font-size: 10px;}
img  {border:none;}
ul {padding:0 0 0 2em;}
hr {margin:4px 0;height:1px;text-align:center;color:#cbcbcb;background-color:#cbcbcb;border: 0;}
hr.line{background-color:#EEEFF0;border:none;color:#EEEFF0;height:1px;margin:4px 0}

/* Typography */
a{text-decoration:none;}
a:hover{text-decoration:underline;}

.hl  {color:#F90 !important;}
.note{color:#F90;}
.req {color:#F90;}
.err {color:#F90;}
.done {color:#00B910;}
.link2       {padding-left:0;font-size:10px;text-decoration:none;color:#757C83 !important; line-height:1.1em;}
.link:hover, .link2:hover  {text-decoration: underline;}
.def_color_1 {color:#757C83;}
.fs12 {font-size: 12px !important;}
.fs11 {font-size: 11px !important;}
.fs10 {font-size: 10px !important;}
.nobrd {border: none !important;}
.nobold {font-weight: normal !important;}
.ta_right {text-align: right !important;}
div.right, span.right {float:right;}
div.left, span.left  {float:left;}
a.black_link {color: #000 !important;}
a.black_link:hover {color: #f90 !important;}
.clear_left {clear: left;}
.clear_right {clear: right;}
.clear_both {clear: both;}




/* Tables .....*/
table {border-collapse: collapse;}
table.min_width {width:auto}
th {text-align: left;padding: 0 5px 0 0;font-weight: normal;}
tr.row_sep td hr{display:none;}
tr.row_sep td div{background: url(bg/sepatator_pe_.gif) no-repeat center center; margin: 0;height: 15px;}
tr.sep td, tr.sep th {background: url(bg/sepatator_pe_.gif) no-repeat center center;}



/* 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.horizontall li {float:left;}
ul.menue.verticall   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; }





/* Blank pages, popups */
div#body.plain {margin: 0; padding: 0; width: auto;}

/* + layout - header */
#header div.bar .fixed {min-width:184px;border-right:1px solid #ffffff;float:left;}



dl.box           {background:#ffffff;border:1px solid #efefef;width:150px;}
dl.box dt        {background:#efefef;color:#5e5e5e;}
dl.box dt a      {color:#5e5e5e;padding:0 0 0 10px;background:transparent url(bg/oxid_pe_.gif) 0 -10px no-repeat;display:block;}
dl.box dd        {color:#5e5e5e;}
dl.box dd ul     {margin:0;}
dl.box.open dt   {background-color:#d11104;color:#ffffff;}
dl.box.open dt a {background-position:0 -35px;color:#ffffff;}
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:#efefef url(bg/oxid_pe_.gif) 0 -50px no-repeat;color:#5e5e5e;}
dl.box.open dd.dropdown ul li a:hover{background-color:#d11104;color:#ffffff;background-position:0 -75px;}



dl.box.account dd {line-height: 150%;}

dl.box.basket{background:#ffffff;border-color:#efefef;}
dl.box.basket dt {background:#efefef;}
dl.box.basket.open dt   {background-color:#d11104;}
dl.box.basket.open dt a {color:#ffffff;}
dl.box.basket.open dd.dropdown ul li a{background-color:#efefef;color:#5e5e5e;}
dl.box.basket.open dd.dropdown ul li a:hover{background-color:#d11104;color:#ffffff;}

dl.box.basket dd table {width:100%;}






/* minibasket */


/* + layout - left */





/* right minibasket */

#right .recommlist .btn{border:1px solid #5e5e5e;background: #5e5e5e;color:#ffffff;font-weight: bold;width:30px;text-align: center;line-height: 100%;}

#right dl.actionslist {color: #5e5e5e;  margin-bottom: 5px;}
#right dl.actionslist dt {background: url(bg/sepatator_pe_.gif) no-repeat top center; 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 .recommlistsearch .btn {width: auto;}
#right .recommlistsearch .search_input {width: 120px;}
#right input.openid {width: 99px; background: #fff url(bg/openid-icon-small.gif) no-repeat 0pt 50%; border:1px solid activeCaption; 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(bg/rss.gif) 0 0 no-repeat;text-decoration: none;bottom:5px;right:6px;}


#right strong.h2 a.rss{bottom:6px;}

/* Path    */
#path{ position:relative;}
#path a{color:#5e5e5e; text-decoration: none;}
#path a:hover{text-decoration: underline;}
#path a.dinfo{position:absolute;right:0;}

/* Other */
#body .dot_sep{background: url(bg/sepatator_pe_.gif) no-repeat center center; border:0px none;height:10px;margin:0px;}
#body .dot_sep.mid {margin: 5px 0;}

#body .errorbox p{margin: 0;}
#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 .locbody {padding: 5px 0.6em; text-align: right; height: 1.3em; overflow: visible;}

#body .locator .arrow {font-size: 10px; font-weight: bold;}
#body .locator  a.active {font-weight: bold; color: #d11104;}
#body .locator .sep {padding: 0 2px; color: inherit;}

#body .locator .sort_row a.none {background:url(bg/oxid_pe_.gif) no-repeat right -750px; padding-right: 20px;}
#body .locator .sort_row a.asc  {background:url(bg/oxid_pe_.gif) no-repeat right -775px; padding-right: 20px;}
#body .locator .sort_row a.desc {background:url(bg/oxid_pe_.gif) no-repeat right -800px; padding-right: 20px;}
#body .locator .btn {margin-bottom: 6px;}

#body .locator.compare .locbody {height: auto;}










/* Links */
#body .box dl.links {margin: 0;}
#body .box dl.links dt {margin: 0 0 12px;}
#body .box dl.links dt a {color: #5e5e5e;}
#body .box dl.links dt a:hover {color: #5e5e5e;}
#body .box dl.links dd {background: url(bg/sepatator_pe_.gif) no-repeat bottom center; 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: #5e5e5e;}
#body dl.news dt a:hover {text-decoration: none;}
#body dl.news dd {margin: 0 0 15px 0;}





/* Wrapping */
#body .wrapping {float: left; margin: 0 5px 10px 6px; border: 1px solid #5e5e5e; border-left:none; empty-cells: show;}
#body .wrapping tbody td {padding-top: 10px;}
#body .wrapping th {background: #ffffff; color: #5e5e5e; font-weight: bold; height: 25px; padding-left: 6px;}
#body .wrapping th.brd {padding: 0;border-left: 1px solid #5e5e5e;}
#body .wrapping th .brd_line {background: #5e5e5e; width: 7px; height: 25px;}
#body .wrapping td.brd {border-left: 1px solid #5e5e5e;}
#body .wrapping .wrp_sep td {height: 9px; padding-top: 0;}
#body .wrapping .wrp_sep .line {border-bottom: 1px solid #efefef;}
#body .wrapping .picture {border: 1px solid #efefef; background: #ffffff; text-align: center; display: block; height: 42px; width: 56px; margin-left: 5px;}
#body .wrapping .art_title a {font-size: 10px; font-weight: bold; color: #000000;}
#body .wrapping .art_title a:hover {color: #000000;}
#body .wrapping .art_num {font-size: 10px; color: #5e5e5e;}
#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: #efefef; border-bottom: 1px solid #ffffff;}
#body .morecats dd {background: #efefef; border-bottom: 1px solid #ffffff; margin: 0; padding: 0;}
#body .morecats dl a {color:#5e5e5e; padding: 4px 10px; display: block;font-weight:normal;}
#body .morecats dl dt a{font-weight:bold;}
#body .morecats dl a:hover {color:#5e5e5e;}
#body .morecats dd a {background: url(bg/oxid_pe_.gif) no-repeat 10px -650px; padding-left: 22px;}



/* Account pages */
#body .account strong.h4 {font-size: 11px; font-weight: bold; margin: 0; padding: 0; display: block;}
#body .account small{font-size: 10px;}



/* 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: 400px; font-size: 10px;}
#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: #ffffff;z-index: 2000;margin-top:-75px;margin-left:-125px;border:1px solid #000000;padding:10px;}
div.on.popup.load {background: #fff url(bg/ajax-loader.gif) center center no-repeat;}
div.on.popup table {width:100%;}
div.on.popup input {color:#5e5e5e;background:#efefef;border:1px solid #5e5e5e;font-weight: bold;padding:2px;width:120px;}
div.on.popup input.disabled {color:#cbcbcb;background:#fff;border:1px solid #cbcbcb;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;}

#zoom {padding:0;overflow:auto;min-width:250px;min-height: 150px;background:#efefef;border-color:#000000;}
#zoom ul.tabs{padding:0;margin:0;background:#ffffff;height: 28px;width:100%;}
#zoom ul.tabs li{list-style: none;margin:1px;float:left;}
#zoom a{display:block;padding:5px;background:#efefef;width:20px;text-align: center;border:1px solid #5e5e5e;color:#5e5e5e;font-weight: bold;}
#zoom ul.tabs li.close{float:right;}

/* Message boxes */
#body .msg{ float:left;width:548px;background: #ffffff;border: 1px solid #efefef;margin: 0 5px 10px 5px;padding: 5px 10px;}
#body .msg .err{color: #5e5e5e;font-weight: bold;}

/* 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;}



/* Recommendation lists */
#body dl.recommlistdesc {margin: 0 0 10px;}
#body dl.recommlistdesc dt {font-size: 10px; padding: 3px 0 7px; background: url(bg/sepatator_pe_.gif) no-repeat bottom center;}
#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:1px solid #CBCBCB; margin-bottom: 3px;}
#body .recommitems input.btn {border:1px solid #5e5e5e;border-width: 1px 0;}

#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;}

#body #demoAdminLink {border: 1px solid; position:absolute; left:778px; top:160px;  height: 80px; width: 200px; opacity:0.7;z-index:1000;}
#body #demoAdminLink .closeAdminLink {display: block; width: 15px; height: 12px; border: none; margin-left: 185px;}
#body #demoAdminLink .openAdminLink  {display: block; width: 185px; height: 18px; border: none; margin-left: 7px; margin-top: 32px;}

.user_actions{float:right; padding-top:10px;}
.user_actions span{float:left; padding-left:10px;}
.user_actions strong{float:left;}
.user_actions span.loginLinks,.user_actions span.lang,.user_actions span.currency{padding-left:25px;}
.user_actions a{float:left; padding-left:10px;}
div.bar.oxid div.box.service{clear:right;}

.counter{padding-top:15px;}