/* --- Typography ------------------------ */

div.left {float: left;}
div.right {float: right; }

body {
    font: 12px / 140% arial, helvetica, clean, sans-serif;
    background: #FFF;
}
body,table,input,select,textarea,tt {font:10px 'Century Gothic',Helvetica,Arial,sans-serif;}

select, input, button, textarea, button {
    font: 99% arial, helvetica, clean, sans-serif;
}

table {
    font-size: inherit;
    font: 100%;
}

h1 {
    font-size: 18px;
}

h2 {
    font-size: 11px;
}

h3 {
    font-size: 14px;
}

h2, h3, h4, h5 {
    margin-bottom: 10px;
}

h1, h2, h3, h4, h5, h6, b, strong, dt {
    font-weight: bold;
}

optgroup {
    font-weight: normal;
}

i, em {
    font-style: italic;
}

del {
    text-decoration: line-through;
}

a {
    color: #000;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

ul, ol {
    margin: 25px 30px;
}

li {
    padding: 3px 0;
    list-style: square;
}

ol li {
    list-style: decimal;
}

p {
    margin-bottom: 15px;
}

ul, ol {
    margin: 20px 30px;
}

ul ul, ol ul {
    margin: 10px 20px;
}

ol li {
    list-style-type: decimal;
    list-style-position: inside;
}

ol ol {
    list-style: upper-alpha;
}

ol ol ol {
    list-style: lower-roman;
}

ol ol ol ol {
    list-style: lower-alpha;
}

ul li {
    list-style: square;
}

ul li li {
    list-style: square;
}

form ul {
    margin: 0;
    padding: 0;
}

form ol {
    margin: 0;
    padding: 0;
}

form li {
    list-style: none;
    position:relative;
}

/* --- layout --------------------------------------- */


#header, #footer {
    clear: left;
}

#page:after, #header:after, #footer:after, #footer #panel:after, #details #attributes table:after, #navigation:after {
    clear: both;
    content: ' ';
    display: block;
    font-size: 0;
    line-height: 0;
    visibility: hidden;
    width: 0;
    height: 0;
}

#page {
    width: 960px;
    margin: 0 auto;
    position:relative;
}



div.sidebarRight #sidebar {
    float: right;
}





.clear:after, .basketFlyout li a:after, .basketFlyout .totals:after, .basketFlyout .title:after, .lineView li:after, .wrappingData li:after, .form li:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.clear, .basketFlyout li a, .basketFlyout .totals, .basketFlyout .title, .lineView li, .wrappingData li, .form li {
    display: inline-block;
}

/* start commented backslash hack \*/ * html .clear, * html .basketFlyout li a, * html .basketFlyout .totals, * html .basketFlyout .title, * html .lineView li, * html .wrappingData li, * html .form li {
    height: 1%;
}

.clear, .basketFlyout li a, .basketFlyout .totals, .basketFlyout .title, .lineView li, .wrappingData li, .form li {
    display: block;
}

/* close commented backslash hack */


/* --- Main page error or messages -----------*/

.status {
    padding: 8px 15px 8px 30px;
    margin-bottom: 15px;
    font-size: 14px;
}

.error {
    color: #4b0b0b;
    border: 2px solid #fed8d2;
    background: #ffe7e3 url(../../img/error-inline.png) no-repeat 12px 11px;
}

.success {
    border: 2px solid #edf8cb;
    color: #323b16;
    background: #f8ffe3 url(../../img/success-inline.png) no-repeat 12px 11px;
}

.status p {
    margin: 0;
}

.inlineError {
    color: #e70404;
    background: url(../../img/error-inline.png) no-repeat 0 0px;
    padding-left: 15px;
    margin-bottom: 10px;
}


/* --- box -------------------------------- */

.box {
    width: 172px;
    margin-bottom: 15px;
}

.box ul, .box ol, .box .content {
margin: 0;

}

.box li {
    list-style: none;
    padding: 0;
}

.box .content {
    padding: 10px;
}

/* --- News Box ----------------------- */
#newsBox.box li {
    padding-top: 7px;
}

#newsBox.box li:first-child {
    padding-top: 0;
}


/* --- Article  box & recommendation box --------------------- */
.featuredList a {
    padding: 7px 10px 5px 10px;
    display: block;
}

.featuredList .desc {
    padding: 0 10px 3px;
    display: block;
}

.featuredList ol a {
    padding-left: 0;
}

.featuredList li:last-child a {
    padding-bottom:11px;
}

.featuredList a:hover, .featuredList a:hover strong, .featuredList li.articleImage:hover + li.articleTitle > a {
    color: #fff;
    text-decoration: none;
    text-shadow: none;
}

.box .featured {
    height: 100px;
    width: 168px;
    display: block;
    text-align: center;
    border-left: 2px solid #58b3ca;
    border-right: 2px solid #58b3ca;
    line-height: 100px;
}

.box .featured.icon{
    border-bottom: 2px solid #58b3ca;
    overflow: hidden;
    height: auto;
    min-height: 100px;
}

.box .featured img {
    vertical-align: middle;
}

/* --- category list category boxes ---------------- */
.box .subcatPic {
    position: relative;
    height: 100px;
    left: -10px;
    top: -10px;
}

.box .subcatPic a{
    background:#fff;
    display:block;
    height: 100px;
    line-height:98px;
}

.box .catPicOnly {
    padding: 0;
}

.box .catPicOnly .subcatPic {
    left: 0;
    top: 0;
    text-align: center;

}

.box .catPicOnly .subcatPic img{
    vertical-align: middle;
}

.subcatList .box li.subcatPic {
    padding: 0;
}

/* --- promo boxes: bargain item -------------- */

.promoBoxes {
    margin-bottom: 20px;
}

.promoBoxes .box {
    margin-bottom: 0;
}

.specBox {
    width: 368px;
    float: left;
}

.specBox h3 {
    width: 158px;
    height: 74px;
    padding: 10px;
    margin: 0;
    position: relative;
    color: #fff;
    text-shadow: 0 -1px 0 #000000;
    z-index: 2;
    text-transform: uppercase;
}

.specBox h3 strong {
    font-size: 21px;
    padding-top: 3px;
    display: block;
    line-height: 21px;
    padding-right: 10px;
}

.specBox .rss {
    position: absolute;
    right: 10px;
    top: 10px;
    text-decoration: none;
}

.specBox .rss span {
    visibility: hidden;
    white-space: nowrap;
    right: -198px;
    color: #fff;
    padding: 5px 8px 0px 30px;
    height: 22px;
}

.specBox .deliveryInfo {
    display: block;
    font-size: 11px;
    color: #fff;
    line-height: 12px;
}

.specBox .deliveryInfo a {
    color: #fff;
    text-decoration: underline;
}

.specBox .deliveryInfo a:hover {
    text-decoration: none;
}

.specBox .toCart {
    color: #fff;
    font-weight: 700;
    text-decoration: none;
    font-size: 12px;
    text-transform: uppercase;
    text-shadow: 0 -1px 0 #000;
}



.specBox .price, .specBox .price .button{
    visibility: hidden;
}

.specBox:hover .price, .specBox:hover .price .button, .specBoxTitles a.title:hover .specBox .price {
    visibility: visible;
}

.specCatBox {
    width: 370px;
    float: right;
    position: relative;
    z-index: 1;
}

.specBoxTitles a.title {
    display: block;
    width: 158px;
    height: 44px;
    padding: 12px 10px 0 10px;
    font-size: 14px;
    text-decoration: none;
    font-weight: 700;
    text-shadow: 0px 1px 1px #fff;
}

.specBoxTitles {
    float: left;
    width: 178px;
}

.specBoxTitles a.title:hover {
    color: #fff;
    text-shadow: 0px -1px 1px #652b00;
}

.specBoxInfo {
    float: left;
    width: 190px;
    height: 150px;
    position: relative;
    text-align: center;
}

.specBoxInfo div {
    text-align: left;
}

.specBoxInfo .price {
    position: absolute;
    bottom: 0;
    padding: 25px 10px 0 10px;
    height: 51px;
    width: 167px;
    background:transparent url(../bg/fx-grad-darkblue-spiked.png) top center no-repeat;
}

.specBoxInfo .price.tight {
    padding-top: 20px;
    height: 56px;
}

.specBoxInfo .priceValue, .specBoxInfo .priceValue a {
    color: #fff;
    text-shadow: 0px -1px 1px #000;
    text-decoration: none;
    font-size: 14px;
    font-weight: 700;
}

.specBoxInfo .button{
    color:#fff;
    text-shadow:0 -1px 0px #8c4600;
    border:1px solid #fff;
    background:transparent;
    display: block;
    position: absolute;
    bottom: 8px;
    left: 8px;
    padding:1px 10px;
    visibility: hidden;
    text-decoration:none;
    font-size: 10px;
    font-weight: 100;
}

.specBoxInfo .tight .button{
    bottom: 5px;
}
.specBoxInfo .priceOld{
    font-size: 11px;
    color:#fff;
    text-shadow: 0px -1px 1px #000;
}

.specBoxInfo .pricePerUnit{
    font-size: 8px;
    color:#fff;
    line-height: 9px;
    display:block;
    margin-top:-1px;
    text-shadow: 0px -1px 1px #000;
}

.specBoxInfo .price:hover .button{
    background:#ec6105;
}

.specCatBox .viewAllHover {
    position: absolute;
    left: 105px;
    top: 75px;
    display: none;
}

.specCatBox:hover .specCatBox .viewAllHover {
    display: block;
}


/* ??? */
.list {
    clear: left;
}


#body .boxhead {
    color: #000000;
    float: left;
    font-size: 15px;
    font-weight: bold;
    height: 20px;
    line-height: 20px;
    margin: 0;
    padding: 10px 10px 0 15px;
    position: relative;
    text-transform: uppercase;
    width: 538px;
}

/* --- box -------------------------------- */

.box h2, .box h3, .sectionHead {
    color: #fff;
    text-transform: uppercase;
    padding: 5px 10px;
    font-size: 12px;
    position: relative;
    z-index: 2;
    margin: 0;
    line-height: 18px;
}

.box h2 {
    font-size: 14px;
}

.box h3 a {
    white-space: nowrap;
}

h2.sectionHead {
    font-size: 18px;
    padding: 13px 10px;
    position: relative;
}

h3.blockHead {
    font-size: 14px;
    padding: 5px 0;
    margin-top: 20px;

    color: #000;
    line-height:20px;
}


.sectionHead + .gridView, .sectionHead + .infogridView {
    margin-top: -2px;
}

div.lineBlock {
    padding: 5px 0;
    border-bottom: 5px solid #eceff0;
}

.viewAllHover {
    padding: 1px 10px 3px 8px;
    position: relative;
    height: 23px;
    line-height: 25px;
    display: inline-block;
    margin: 0 auto;
    color: #fff;
    font-size: 11px;
    text-transform: uppercase;
    text-decoration: none;
}

a.viewAllHover:hover {
    text-decoration: none;
}

a.viewAllHover span {
    padding-left: 25px;
    font-weight: 700;
    display: inline-block;
    line-height: 20px;
    background: url(../../img/plus.png) no-repeat 0 0px;
    text-shadow: 0px -1px 0px #ac5403;
}

/* --- underlined links in login page ---------------- */
a.textLink {
    text-decoration: underline;
}

/* --- RSS link ----------------------------- */
a.rss {
    text-decoration:none;
    float: right;
    height:16px;
    margin:1px 0;
    position: relative;
}

a.rss img {
    position: relative;
    z-index: 11;
}

a.rss span {
    visibility: hidden;
    display: block;
    position: absolute;
    white-space: nowrap;
    right: -6px;
    font-size: 12px;
    top: -5px;
    color: #fff;
    padding: 5px 30px 0px 8px;
    height: 21px;
    z-index: 5;
}

a.rss:hover span {
    visibility: visible;
}

h3.lightHead {
    color: #1d7e96;
    text-shadow: 0px 1px 1px #fff;
}

.widgetBox, .widgetBoxBottomRound {
    border: 1px solid #c9d3d7;
    padding: 10px;
    clear: both;
}

.widgetBox, .widgetBoxBottomRound, .tabbedWidgetBox {
    margin-bottom: 20px;
}

.tabbedWidgetBox {
    min-height:50px;
}
.widgetBoxBottomRound {
    margin-top: -1px;
}

.tabbedWidgetBox .widgetBoxBottomRound {
    top: -1px;
    position: relative;
    margin-top: 0;
    height:105px;
    overflow:hidden;
}

.tabbedWidgetBox .widgetBoxBottomRound .tabcontent{

    height:105px;
    overflow:hidden;
}
.widgetBoxBottomRound .ui-tabs-panel {display:none;}

.widgetBox h4, .widgetBoxBottomRound h4 {
    color: #515353;
    text-transform: uppercase;
    margin-bottom: 11px;
}

.pageHead + .widgetBoxBottomRound, .pageHead + css3-container + .widgetBoxBottomRound {
    border-top: 0;
}

/* --- Reviews ------------------------------- */
div.reviews h4 {
    margin-bottom: 5px;
}

div.reviews ul.rating {
    margin: 0 0 10px 0;
}

div.reviews textarea.areabox {
    width: 95%;
    height: 120px;
    margin-bottom: 10px;
}

div.reviews form {
    margin-bottom: 20px;
}

div.reviews dt {
    display: block;
    border-top: 1px solid #b4b8b8;
    padding: 10px 0 5px;
    margin-top: 10px;
}

div.reviews dt:first-child {
    margin-top: 5px;
}

div.reviews dt span,
div.reviews dt ul {
    float: left;
    margin-right: 10px;
}

div.reviews dd {
    line-height: 18px;
}

#writeReview {
    display: none;
}

/* --- Article details tabs  ----------- */
ul.tabs {
    position: relative;
    z-index: 2;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

ul.tabs li {
padding:0px; margin:0px;
    list-style:none;
    background: url("../bg/button-hintergrund-information-hover.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    cursor: pointer;
    float: left;
    font-size: 12px;
    height: 27px;
    margin-right: 2px;
    padding-top: 0px;
    position: relative;
    text-align: center;
    top: 0px;
    width: 118px;
    z-index: 50;

}

ul.tabs li.ui-state-active {
    z-index: 200;
    background: url("../bg/button-hintergrund-information.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-bottom: solid 1px #ffffff;
}

ul.tabs css3-container:first-child + li, .tabs li:first-child {
    margin-left: 0;
}

ul.tabs li.ui-state-active:first-child, .tabs css3-container:first-child + li.ui-state-active {
    border-left-color: #c9d3d7;
}

ul.tabs a {
    color: #000000;
    display: inline-block; width: 100%; height: 100%; line-height:30px;
}
ul.tabs a:hover {text-decoration: none; }

div.ui-tabs-hide {
    display: none;
}

ul.tabs li.fbTab a {
    background: url(../../img/facebook_icon.png) no-repeat 0 1px;
    padding: 0px 0px 0px 18px;
}

/* --- BUTTONS  ------------------- */
button {
    width: auto;
    overflow: visible;
    margin: 0;
    padding: 1px 20px;
    font-size: 11px;
    font-weight: bold;
    border: 0;
    color: #fff;
    text-align: center;
}

.submitButton {
    text-shadow: 0px -1px 0px #000;
    padding: 0 10px 1px 10px;
    font-size: 11px;
    height: 19px;
    line-height: 18px;
    cursor: pointer;
    width: auto;
    overflow: visible;
    font-weight: bold;
    text-transform: uppercase;
}

.largeButton {
    font-size: 11px;
    text-transform: uppercase;
}

div.lineBox .largeButton {
    font-size: 11px;
    text-transform: uppercase;
    height: 32px;
}

div.lineBox a.largeButton {
    display:inline-block;
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
    height: 28px;
    line-height:28px;
}

div.lineBox span.title {
    float: right;
    text-shadow: 0 -1px 0 #ffffff;
    font-size: 12px;
    font-weight: bold;
    color: #1A7990;
    text-transform: uppercase;
}


button[disabled].submitButton, button[disabled].submitButton:hover  {
    background: #cccccc;
    color:#fff;
    text-shadow:none;
}

a.submitButton {
    color: #fff;
    padding: 2px 17px;
    font-weight: bold;
}

.textButton {
    background: none;
    border: none;
    color: #000;
    cursor: pointer;
    padding: 0;
    text-shadow: 0px 1px 1px #fff;
}

.textButton:hover {
    text-decoration: none;
}

.removeButton {
    padding-left: 2px;
    text-shadow: 0px -1px 0px #aa6826;
}

.removeButton span {
    background: url(../../img/remove.png) no-repeat 0 1px;
    padding-left: 15px;
}

/* --- HEADER ELEMENTS ---------------- */
#logo {
    margin: 15px 50px 0px 0;
    float: left;
    clear: left;
}

#topMenu{
    display: block;
    float: right;
    margin: 0;
    position: relative;
    top: 4px;
    min-width: 200px;
}

#topMenu li {
float: left;
font-size: 12px;
line-height: 18px;
padding: 0 10px 0 8px;
list-style: none;
background: url("../../img/menu-divider.png")  no-repeat center right 2px rgba(0, 0, 0, 0);
font-family: 'Century Gothic',Helvetica;
}

/*#topMenu li:last-child {
    background: none;
    padding-right: 0;
}*/


#topMenu li p.errorMsg{
    text-transform: none;
}

.flyout .textbox {
    color: #b4b8b8;
}

.loginForm,.altLoginBox{
    border: 1px solid #c1c1c1;
    padding: 1px 11px 5px 11px;
    width: 140px;
    position: relative;
    z-index: 2;
}

.loginForm p {
  margin-bottom: 5px;
  position: relative;
}

.loginForm p.errorMsg {
    color: #ff0000;
}

.loginForm p.checkFields {
    margin-bottom: 4px;
}

.loginForm .submitButton{}

.loginForm .checkbox,
.loginForm p.checkFields label {
  float: left;
  text-transform: none;
  line-height: 14px;
}

.loginForm p.checkFields label {
    text-transform:none;
    color: #515353;
    display:block;
    line-height:11px;
    font-size:10px;
}

.loginForm .checkbox {
  margin-right: 5px;
}

.loginForm .textbox {
  width: 128px;
}

.loginForm .textbox:focus {
    color: #333;
}

.loginForm .passwordbox {
  width: 118px;
  margin-right: 3px;
}

.loginForm label.innerLabel{
  margin-top: 2px;
}

.altLoginBox {
    z-index: 1;
    top: -5px;
    padding-top: 10px;
    padding-bottom:6px;
    background: #d9dfe1;
}

.altLoginBox span {
    font-size: 10px;
    color: #515353;
    display:block;
    margin-bottom:5px;
    text-shadow: 0px 1px 1px #fff;
}

.altLoginBox .fb_button {
    float: left;
    margin-right:5px;
}


/* --- currency and language flyouts ----- */
#currencies,
#languages,
.flyoutMenu {
    font-size: 10px;
    border: 1px solid #c2c2c2;
    padding: 1px;
    margin: 0;
}

#currencies li,
#languages li,
.flyoutMenu li {
    border-top: 1px solid #b4b8b8;
    list-style: none;
    padding: 0;
}

#currencies li:first-child,
#languages li:first-child,
.flyoutMenu li:first-child {
    border: none;
}

#currencies a,
#languages a,
.flyoutMenu a {
  display: block;
  zoom: 1;
  min-width: 25px;
  box-shadow: none;
  text-decoration: none;
  padding: 2px 5px;
  line-height: 16px;
  font-weight:700;
  padding-left:8px;
  color:#29373C;
}

#languages a {
    width: 25px;
}

#currencies a:hover,
#languages a:hover,
#currencies a.selected,
#languages a.selected ,
.flyoutMenu a:hover,
.flyoutMenu a.selected{
  color: #fff;
}

#languages a span,
.selectedValue a.flag span{
    text-indent: -9999px;
    display: block;
}

#languages a.flag span,
.selectedValue a.flag span{
    background-image:url(../../img/lang/blank.png) ;
    background-position: 0 3px;
    background-repeat: no-repeat;
}

.selectedValue a.flag span{
    background-position: 0 2px;
}

.selectedValue a.flag{
    display: inline-block;
    width:15px;
    line-height:15px;
}

#languages li.active a {
   background:#fff url(../../img/arrow-down.png) no-repeat 27px 8px;
}


#currencies li:first-child a,
#services li:first-child a {
    background: none;
    color: #515353;
}



/* --- Footer ----------------------------- */
#footer #panel {
 margin: 0 10px;
 border:1px solid #3799B1;
}

#footer ul {
    margin: 0;
}

#footer li {
    list-style: none;
    padding: 0;
}

#footer dl dt {
    color:#29373C;
    padding:2px 20px;
    text-transform: uppercase;
}

#footer .list a  { line-height: 100%; display:block; padding:4px 20px; color: #29373c; text-shadow: 0px 1px 2px #fff;}
#footer .list a:hover  {
 text-decoration: none;
 color: #FFF;
 text-shadow: none;
}

#footer .tree ul {margin: 0; margin-left:10px;}

.fbInfoPopup {
    width: 500px;
}

.fbInfoPopup a {
    color: #1D7E96;
}

.fbEnableButton {
    float: left;
    border: 1px solid #c8d5e6;
    text-align: left;
    margin-right: 10px;
}

.fbEnableButton:hover {
    border-color: #9dacce;
}

.fbEnableButton a {
    display: block;
    float: left;
    line-height: 18px;
    background: url(../../img/facebook_icon.png) no-repeat 3px 3px;
    padding: 0px 0px 0px 21px;
    font-size: 10px;
    text-transform: uppercase;
    color: #2c5e97;
}

.fbEnableButton a:hover {
    text-decoration: none;
}

.fbEnableButton a.helpText {
    float: left;
    background: none;
    border-left: 1px solid #c8d5e6;
    margin-left: 5px;
    padding: 0 4px;
}

.fbEnableButton a.helpText:hover {
    background: #d7e3f1;
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}



/* --- Tags --------------------------------- */

p.tagCloud, div.tagCloud  {
    line-height: 1.5em;
}

a.tagitem_100 {
    font-size:12px;
}

a.tagitem_200 {
    font-size:14px;
}

a.tagitem_300 {
    font-size:16px;
}

a.tagitem_400 {
    font-size:18px;
}

a.tagitem_500 {
    font-size:20px;
}

a.tagitem_600 {
    font-size:22px;
}

a.tagitem_700 {
    font-size:24px;
}

a.tagitem_800 {
    font-size:26px;
}

a.tagitem_900 {
    font-size:28px
}

span.taggedText {
    color: #a2a9ab;
}

p.tagError {
    display: none;
}

a.tagText{
    vertical-align:middle;
    display:inline-block;
    line-height:12px;
}

a.tagText img{
    margin-right:3px;
    vertical-align:top;
}

a.compare.remove {display:none}


/* --- Grid View ------------------------------------ */
.gridView,
.infogridView {
    margin: 0;
    margin-bottom:20px;
}

.gridView li{
    width: 185px;
    height: 230px;
    overflow: hidden;
    float:left;
    position: relative;
    list-style: none;
    padding: 0;
    list-style: none;
    margin:1px;
}

.gridView li .titleBlock{
    height: 30px;
    padding:5px 10px;
    color:#29373c;
    line-height:15px;
    background:#eee;
    text-decoration:none;
    text-shadow: 0 1px 1px #fff;
    font-weight: 700;
    display:block;
}

.gridView li .titleBlock .gridPicture{
   display:block;
   margin: 20px -10px 0;
   top:40px;
   width: 185px;
   height: 150px;
   text-align: center;
}

.gridView li:hover .titleBlock{
    color:#fff;
    text-shadow: 0px -1px 0px #bf5001;
    background:transparent url(../bg/fx-grad-darkblue.png) bottom center no-repeat;
}

.gridView li:hover .titleBlock:hover{
    background:transparent url(../bg/fx-grad-orange.png) top center no-repeat;
}

.gridView li .priceBlock{
    height: 30px;
    width:165px;
    position:absolute;
    bottom:0;
    left:0;
    padding:5px 10px;
    background:#fff;
    font-size:14px;
}

.gridView li .priceBlock .priceOld{
    font-size: 10px;
}

.gridView li .priceBlock .pricePerUnit{
    font-size: 9px;
    line-height: 9px;
    display:block;
}

.gridView li .priceBlock .button{
    display: block;
    position: absolute;
    bottom: 8px;
    left: 8px;
    padding:1px 10px;
    visibility: hidden;
    text-decoration:none;
    text-transform: uppercase;
    font-size: 10px;
}
.gridView li:hover .priceBlock{
    height: 60px;
    padding-top:30px;
    color:#fff;
    text-shadow: 0px -1px 1px #000;

    background:transparent url(../bg/fx-grad-darkblue-spiked.png) top center no-repeat;
}
.gridView li:hover .priceBlock .button{
    visibility: visible;
    color:#fff;
    text-shadow:0 -1px 0px #8c4600;
    border:1px solid #fff;
    background:transparent;
}

.gridView li:hover .priceBlock:hover .button{
    background:#ec6105;
}

.titleBox{
 width: 187px;
}

.titleBox a{
 display: block;
 padding: 10px;
 font-size: 14px;
 font-weight: 700;
}

.priceBox {
 padding: 10px;
 width: 167px;
}

.priceBox .toCart {
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
}

.priceBox strong {
 font-size: 14px;
 padding-right: 5px;
}

/* --- InfoGrid -------------------------------- */
.infogridView {
    margin: 0;
    padding: 0;
}

.infogridView li.productData{
    margin: 0;
    padding: 0;
    list-style: none;
    float: left;
    border-top: 5px solid #eceff0;
}


.infogridView .listDetails {
    float: left;
    position: relative;
    height: auto;
    width: 170px;
    padding-top:10px;

}

.infogridView .titleBox,
.infogridView .selectorsBox,
.infogridView .buttonBox,
.infogridView .priceBox {
    background: none;
    width: 170px;
    padding: 0;
}

.infogridView .titleBox {
    height: 40px;
}

.infogridView .selectorsBox {
    height: 35px;
    padding-left: 10px;
}

.infogridView .priceBox {
    height: 50px;
    padding-left: 10px;
}

.infogridView .buttonBox {
    height: 20px;
    padding-left: 10px;
}

.infogridView .titleBox a {
    padding-top: 10px;
}

.infogridView  a.compare {
    font-size: 11px;
    color: #1d7e96;
    font-weight: bold;
    text-transform: uppercase;
    padding-bottom: 3px;
}

.infogridView .priceBox .oldPrice {
     font-size: 9px;
}
.infogridView .priceBox .price {
     font-size: 14px;
     font-weight: bold;
}
.infogridView .priceBox .pricePerUnit {
     font-size: 9px;
     white-space:nowrap;
}

.infogridView .priceBox .content {
    position: absolute;
    bottom: 23px;
    line-height: 10px;
}

.infogridView .gridPicture {
    width: 187px;
    padding:10px 0 10px 0px;
}

.infogridView .gridPicture img {
    vertical-align: middle;
}

.infogridView .gridPicture img.pic.hover {
   margin-top:1px;
}

.infogridView .deliveryInfo {
    font-size: 11px;
}

.infogridView .title {
    font-size: 12px;
}
.infogridView .title:hover {
    color: #eb6005;
    text-decoration: none;
}

/* --- line view --------------------------- */
.lineView {
    margin: 0;
}

.lineView li.productData {
    padding: 10px 0 10px 0;
    list-style: none;
    position: relative;
    border-top: 5px solid #eceff0;
}

.lineView li:first-child {
    border: none;
}

.lineView .title {
    font-size: 18px;
}

.lineView .title:hover {
    color: #eb6005;
    text-decoration: none;
}

.lineView  a.compare {
    font-size: 11px;
    color: #1d7e96;
    font-weight: bold;
    text-transform: uppercase;
}

.lineView .pictureBox,
.lineView .info,
.lineView .description{
    float: left;
}

.lineView .infoBox {
    float: right;
    padding-bottom: 5px;
}

.lineView .functions .oldPrice {
     font-size: 10px;
}

.lineView .functions .price {
     font-size: 18px;
     font-weight: bold;
     line-height: 23px;
}
.lineView .functions .pricePerUnit {
     font-size: 9px;
     white-space:nowrap;
}

.infoBox {width: 558px; position: relative;}
.lineView .info {width: 260px; height: 50px;   float: left;    padding: 10px 0 0 10px;}
.lineView .description {width: 268px;    padding: 7px 0 0 20px;    font-size: 14px;    line-height: 18px;}
.lineView .functions {padding: 0 0 0px 10px; position: absolute; bottom: 10px; clear: right; float:left; left: 190px; width:550px;}
.lineView .functions label.price {
     margin: 10px;
}

.pictureBox {
    width: 190px;
    height:150px;
    float: left;
    text-align: center;
    line-height:150px;
    overflow: hidden;
}

.pictureBox img {
    vertical-align: middle;
}

.pictureBox {
    position: relative;
}

.pictureBox .viewAllHover {
    position: absolute;
    left: 23px;
    top: 62px;
    display: none;
}

.pictureBox:hover .viewAllHover {
    display: block;
}

.pictureBox .sliderHover {
    width: 100%;
    height: 150px;
}

.pictureBox:hover .sliderHover {
    display: block;
}

.pictureBox.gridPicture .sliderHover {
    margin-top: 10px;
    height: 150px;
}

.pictureBox.gridPicture .viewAllHover {
    top: 68px;
}


/* --- Modal Popup -------------------- */

.popupBox {
    position: absolute;
    border: 1px solid #c1c1c1;
    padding: 10px;
    display: none;
    background: #fff;
}

.popupBox img.closePop {
    position: absolute;
    right: 7px;
    top: 7px;
    cursor: pointer;
}

#modalbasketFlyout, #basketFlyout {display:none; }

/* --- Side Bar category tree ------------------------------ */
#sidebar .tree {
    margin: 0 0 20px 0;
}

#sidebar .tree ul {
    padding-left:0px;
    margin: 0;
}

#sidebar .tree li {
    list-style: none;
    padding: 0;
    background: #ddd;
}

#sidebar .tree li.active li {
    list-style: none;
    padding: 0;
    background: #fff;
}

#sidebar .tree ul li a  {
    padding-left: 5px;
    color: #333;
}

#sidebar .tree li.exp>a, #sidebar .tree li.active>a {
    position: relative;
}

#sidebar .tree ul li.active li a  {
    color: #000;
}

#sidebar .tree ul li.active li a:hover  {
    color: #fff;
}

#sidebar .tree ul li ul li a  {
    padding-left: 15px;
}

#sidebar .tree ul li ul li ul li a  {
    padding-left: 30px;
}


#sidebar .tree a  {
    border-bottom:1px solid #999;
    display:block;
    padding:5px;
    line-height: 17px;
}

#sidebar .tree a>i {
    width:14px;
    height: 14px;
    background: url('../bg/categorysprite.png') left top no-repeat;
    float:left;
    padding:0;
    margin:2px 5px 2px 0;
}

#sidebar .tree li.exp>a>i span, #sidebar .tree li.active>a>i span {
    width:14px;
    height: 14px;
    position: absolute;
    bottom: -14px;
    z-index: 20;
}

#sidebar .tree li.exp>a>i span {
    background: url('../bg/arrows-cat-exp-blue.png') no-repeat;
}

#sidebar .tree li.active>a>i span {
    background: url('../bg/arrows-cat-exp-orange.png') no-repeat;
}

#sidebar .tree li.end>a>i span {
    background: none;
}

#sidebar .tree a:hover {
    background: #ec6105 url("../bg/svg/grad_orange.svg");
    background: -moz-linear-gradient(#ff8604, #ec6105);
    background: -ms-linear-gradient(#ff8604, #ec6105);
    background: -webkit-gradient(linear, left top, left bottom, from(#ff8604), to(#ec6105));
    background: -webkit-linear-gradient(#ff8604, #ec6105);
    background: -o-linear-gradient(#ff8604, #ec6105);
    background: linear-gradient(#ff8604, #ec6105);
    color:#fff;
}

#sidebar .tree a:hover>i  {
    background-position: left -45px;
}

#sidebar .tree li.active>a {
    background: #ec6105 url("../bg/svg/grad_orange.svg");
    background: -moz-linear-gradient(#ff8604, #ec6105);
    background: -ms-linear-gradient(#ff8604, #ec6105);
    background: -webkit-gradient(linear, left top, left bottom, from(#ff8604), to(#ec6105));
    background: -webkit-linear-gradient(#ff8604, #ec6105);
    background: -o-linear-gradient(#ff8604, #ec6105);
    background: linear-gradient(#ff8604, #ec6105);
    color:#fff;
}

#sidebar .tree li.active>a>i {
    background-position: 1px -30px;
}

#sidebar .tree li.exp>a {
    background: #18778e url(../bg/svg/grad_blue.svg);
    background: -moz-linear-gradient(#adefff, #389cb4, #18778e);
    background: -ms-linear-gradient(#adefff, #389cb4, #18778e);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #adefff), color-stop(50%, #389cb4), color-stop(100%, #18778e));
    background: -webkit-linear-gradient(#adefff, #389cb4, #18778e);
    background: -o-linear-gradient(#adefff, #389cb4, #18778e);
    background: linear-gradient(#adefff, #389cb4, #18778e);
    color:#fff;
}

#sidebar .tree li.active>a, #sidebar .tree li.exp>a {
    box-shadow: 0 3px 5px -2px #555555;
    border-bottom: none;
}

#sidebar .tree li.exp>a>i {
    background-position: 1px -61px;
}

#sidebar .tree li.end>a>i {
    background-position: left 15px;
}

#sidebar .sidebarMenu {
    border: 1px solid #999;
    line-height: 18px;
}

#sidebar .sidebarMenu a:hover {
    text-decoration: none;
}

#sidebar .sidebarMenu .active {
    text-shadow: 0px -1px 0px #aa6826;
}


/* --- dropDown ------------- */
.drop li {
    list-style: none;
    padding: 0;
}

.dropDown{
    position:relative;
    float:left;
    cursor:pointer;
    padding-right: 10px;
    min-width: 120px;
    cursor: pointer;
}


.dropDown ul{
    position: absolute;
    top: -4px;
    display: none;
    left: -1px;
    margin: 0;
    z-index: 20;
    border: 1px solid #a4a9aa;
}

.dropDown ul a{
    text-decoration:none;
    display:block;
    padding: 3px 5px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #b4b8b8;
}


.dropDown li:first-child a {
    border-top: none;
}

.dropDown li:last-child a {
    border-bottom: none;
}


.dropDown ul a:hover,
.dropDown ul a.selected{
    color:#fff;
}
.dropDown p{
    color: #000000;
    margin: 0;
    background: url(../../img/dropdown.png) no-repeat 100% 2px;
    padding-right: 20px;
}

.dropDown p label {
    text-transform: uppercase;
}

.dropDown p span {
    font-weight: 700;
}

.dropDown .value {
    padding: 3px 10px 3px 0;
    border-bottom: 1px solid #b4b8b8;
}

.dropDown label {
    padding:0 3px 0 5px;
}

.dropDown li.asc span,
.dropDown li.desc span,
.dropDown p span.asc,
.dropDown p span.desc {
    padding-right: 15px;
    background: url(../../img/arrow-updown.png) no-repeat 100% -39px;
}

.dropDown li.desc span, .dropDown p span.desc {
    background-position: 100% -39px;
}

.dropDown li.asc span, .dropDown p span.asc {
    background-position: 100% 3px;
}



.lineBox {
    border: 1px solid #999;
    padding: 9px 10px 10px 10px;
    margin: 20px 0;
    background:#d9dfe1 url(../../img/line-innershadow.png) no-repeat 0 0;
}

.lineBox p.errorMsg {
    color: #ff0000;
}

h3.section {
    border-bottom: 5px solid #eceff0;
    padding-bottom: 7px;
    margin-top: 15px;
    text-transform: uppercase;
}

h3.section button {
    margin-left: 10px;
}

#productTitle {
    position: relative;
    z-index: 17;
    padding-right: 30px;
    text-shadow: 0px 1px 1px #fff;
}

/* --- Amount price select ---------- */
.pricePopup li {
    padding: 0 10px;
}

.pricePopup span{
    display: block;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #b2b6b6;
    padding: 3px 0;
}

.pricePopup label{
    width: 80px;
    float: left;
    padding: 3px 0;
}

.pricePopup li:first-child span{
    border-top: 0;
}

.pricePopup li:last-child span{
    border-bottom: 0;
}

.pricePopup h4{
    padding: 0 30px;
}

.pricePopup {
    display: none;
    position: absolute;
    z-index: 12;
    background: #D8DEE0;
    text-transform: uppercase;
    font-size: 11px;
    border: 1px solid #979797;
    padding: 7px 0;
}

/* --- Article action select ------ */
 .actionLinks {
    display: none;
    position: absolute;
    z-index: 16;
    background: #D8DEE0;
    text-transform: uppercase;
    font-size: 11px;
    border: 1px solid #979797;
    padding: 7px 0;
    margin: 0;
}

.actionLinks li {
    padding: 0 10px;
    list-style: none outside none;
    position: relative;
}

.actionLinks li:hover a {
    border-color: #fb8523;
    color: #fff;
}

.actionLinks a {
    display: block;
    padding: 3px 0;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #b2b6b6;
}

.actionLinks a:hover {
    text-decoration: none;
    color: #fff;
}

.actionLinks li:first-child span{
    border-top: 1px solid #b2b6b6;
    display: block;
}

.actionLinks li:last-child a{
    border-bottom: 0;
}

/* --- Social button like FB and etc. --- */
.social{
    padding-top:10px;
    margin-bottom:0;
    height:25px;
}

.social div.socialButton {
    float: left;
}

.social label {
    display: block;
    text-transform: none;
    padding: 3px 0 5px 0;
    font-weight: 700;
    text-shadow: 0px 1px 1px #fff;
}

.social a{
    display: block;
    border: 0;
    padding: 0;
}

.social .fbEnableButton a:first-child{
    padding: 0px 0px 0px 21px;
}

.social span {
    float: left;
    z-index:3;
}

.fb_share_count_hidden {
    margin: 3px 7px 0 0px;
    display:inline-block;
}

a.fb_button_simple {
    width: 14px;
    height: 14px;
    overflow: hidden;
    display:inline-block;
}

.social:hover {
    background: none;
}

/* --- Article Details ----------- */


#body .product.details {height:auto;min-height: 260px; margin-bottom: 0; border-bottom: none; border-color: #555555;}
#body .product.details strong.h4 {border-color:#555555;color:#555555;background:#e2e2e2;padding:1px 5px 8px 7px; display: block;}
#body .product.details h1 {border:none;margin:8px 0 0 0;padding:0;color:#000000;background: none;font-size:12px;font-weight: bold;}
#body .product.details tt {margin:3px 0 0 0;}
#body .product.details .desc {margin:3px 0 0 0;font-size: 11px;color:#555555;}

#body .product.details .picture {text-align:left;height: 250px;}

#body .product.details .exturls {position:absolute;top:260px;left:8px; width: 250px;}
#body .product.details .exturls a{color:#d11104;font-size:10px;margin-right:1em;}

#body .product.details .cats {margin:1em 0 0 0;font-size:10px;color:#555555;}
#body .product.details .cats a{font-size:10px;color:#555555;}
#body .product.details .cats img{margin-right:1em;}

#body .status {font-size:11px;color:#000;font-weight: normal;float: left;width: 400px; padding:0px; margin-top: 10px; margin-bottom:0px; }

#body .details-col.right .variants {float:left;}
#body .details-col.right .variants p{margin: 0;padding: 0;}
#body .details-col.right .variants a{margin-right:5px;float:left;}
#body .details-col.right .variants h2{width:420px;font-weight: normal;margin:0 0 5px 0;}

#body .details-col .actions {float:left;margin-top: 18px;width: 433px;position: relative;z-index: 200;}
#body .details-col .actions a{color:#000;padding-left:0px;float:left; line-height:16px;}
#body .details-col .actions a.reqlogin{background:none;padding-left:0;}
#body .details-col .wlist{float: left;margin-top:10px;margin-left:20px;padding-right:10px;}

#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:#555555;vertical-align:top;/*width:120px;display:block;word-wrap:break-word;*/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:#555555;font-size: 10px;}

#body .product.details .packing{clear:left;padding-top:.5em;font-size:10px;color:#757C83;}

#body .product.details .deltime{clear:left;padding-top:.5em;font-size: 11px;color:#555555;}
#body .pperunit{font-size:10px;color:#000;float: left;width: 180px;}


#body .product.details .amprice th{font-size: 10px; font-weight: bold;}
#body .product.details .amprice td{font-size: 10px; padding: 0;}
#body .product.details .amprice .am{color:#555555;}
#body .product.details .amprice .pr{font-weight: bold;}

#body .details-col.right{width:433px;margin-top: 20px; float:right; }
#body .details-col .amount {clear:left;float: left;padding: 0;margin-top: 10px;}
#body .details-col .amount label{color: #000;font-size: 12px;margin-right: 3px;}
#body .details-col .amount input{border: 1px solid #c5c4c3;font-size: 12px;text-align: center;}
#body .details-col form{width: 433px;}

#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: #555555;}

#body .product.details .tocart {float: left; margin-top:2px; margin-right: 40px; }

#body .product.details .socialbookmarks {padding-top:1em;}
#body .product.details a.sbookmarks {border-right:1px solid #e2e2e2; 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 { height: auto; width: 420px; border-top: none; padding: 5px 6px;border-color:#555555;}

#body  .morepics{overflow: hidden;width: 70px; float: left;margin-right: 60px;min-height: 500px;}
#body  .morepics ul{list-style: none;float: left;padding: 0;margin:0;}
#body  .morepics ul li{float: left;}
#body .tooltip{background:url('bg/icon-lupe.gif') no-repeat scroll 20px 0;float: left;margin-bottom: 5px;padding-left:45px;padding-top:2px;text-transform: uppercase;font-size: 11px;width:290px;color:#817E7A;font-weight: bold;font-family: 'Century Gothic',Helvetica,Arial;height: 15px;margin-top:-15px;}


#body div#product-wrapper{width: 950px;margin:auto;}
#body .details-col.left{float:left;width: 467px;position: relative;z-index: 300;margin-top: 0px;}
#body .details-col.left .picture{float: left;cursor: crosshair;}

#body .product.moredetails .longdesc {margin-top: 10px;padding: 15px 0 0; border-top: 1px solid #e2e2e2; line-height: normal;}
#body .product.moredetails .longdesc strong.h3 {font-size: 12px; height: auto; 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; border-top: 1px solid #e2e2e2;}
#body .product.moredetails .longdesc .question a {font-size: 10px; font-weight: bold; color:#d11104;}

#body .box .attributes td{border-bottom:1px solid #e2e2e2;font-size:10px;padding:.5em 0}
#body .box .attributes .last td {border-bottom:none}

#body .box .pricealarm {border-top:1px solid #e2e2e2;}
#body .box .pricealarm th {padding-top:.5em;}
#body .box .pricealarm th label{font-weight: bold;font-size: 10px;color:#555555;}

#body .welcome {min-height:433px;margin:auto;padding:0; margin-bottom:6px; border:none; }

#body .box .guestbook {margin-top: 9px;}
#body .box .guestbook .head td {border-top: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2; padding: 5px 0; color: #555555;}
#body .box .guestbook .head td.name {color: #555555;}
#body .box .guestbook .body td {font-size: 10px; padding: 5px 0;}


#body .socialbookmarks{float:left;margin-right:5px;}
#body .actions .socialbookmarks a{padding-left:0px;padding-right:5px;}
#body .details-col.right .facebook.like{float: left;z-index: 100;position: relative;top: -11px;height:25px;}
#body .details-col.right .actions .suggest{ padding-left: 0px;padding-bottom: 3px;padding-top: 2px;margin-right: 10px;float:left;}
#body .details-col.right .actions .wlist-button{padding-left: 27px;padding-bottom: 3px;padding-top: 2px;     line-height: 16px;}
#body .details-col.right .actions .socials{background: url("../bg/button-teilen.gif") no-repeat;padding-left: 15px;padding-bottom: 3px;padding-top: 2px;margin-right: 10px;cursor: pointer;float: left;width: 45px;position: relative;z-index: 250;}
#body .details-col.right .socials .socialbookmarks{display:none;position: absolute;top: 18px;left: 0px;float: none;width: 120px; border: 1px solid #c5c4c3;z-index: 300;padding: 3px;padding-bottom:1px;background: #fff;}


#body .details-col.right h1{margin: 0;margin-bottom:5px;font-weight: normal;}
#body .details-col.right h1 span{margin:0;}
#body .details-col.right #prod_title{font-size: 22px;line-height:22px;text-transform: uppercase;letter-spacing: 1px;margin-bottom:5px;}

#body .details-col.right .desc{font-size: 14px;margin-bottom: 5px;}
#body .details-col.right .price{font-size: 14px;font-weight: bold;}

#body .details-col.right .dinfo{float: left;width: 433px;margin-top: 10px;}
#body .details-col.right .dinfo a{color:#555}
#body .details-col.right span{width:433px;float:left;margin-top:10px;}
#body .details-col.right .cost big {width: auto; float:left; line-height: 18px; }
#body .details-col.right .cost .old {width: auto;float:left; margin-top:0px;line-height: 18px; margin-left:5px; }
#body .details-col.right .facebook.like span{width:auto;}
#body .details-col.right .tocart{float: left;margin-top: 10px;background: #82c895;padding-right: 10px;height:32px;}

#body .details-col.right .tocart:hover{background: #3f3f3f;}
#body .details-col.right .tocart input{
	background: url("../bg/arrow-1.png") no-repeat right 0px transparent;
	height: 32px;
	color: #fff;
	border: none;
	width: 150px;
	cursor: pointer;
	font-size: 13px;
	text-transform: uppercase;
	font-weight: normal;
	outline:none;


}
#body .moredetails{margin-bottom: 10px;margin-top: 20px;color: #000;float: left;}
#body .moredetails .longdesc{height: 150px;width:434px;position:relative;}
#body .moredetails .longdesc .tab{position: absolute;visibility: hidden;padding: 10px;border: 1px solid #C5C4C3;height: 100px;overflow-y:auto;z-index: 75;width: 411px;left:0px;right:0px;}
#body .moredetails .longdesc .tab.active{visibility: visible;}
#body .moredetails .longdesc .label{background: url("bg/button-hintergrund-information-hover.gif") no-repeat;cursor: pointer;font-size: 12px;padding-top: 8px;float: left;position: relative;margin-right: 2px;width: 118px;top:-26px;text-align: center;height: 27px;z-index: 50;}
#body .moredetails .longdesc .label.active{background: url("bg/button-hintergrund-information.gif") no-repeat;z-index: 100;}

#body .actions span#pinit {
    display: block;
    float: left;
    margin-left: 5px;
    margin-top: -1px !important;
    width: 40px;
}
.sbookmarks.facebook {
    background: url("../bg/button-teilen.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: block;
    height: 20px;
    margin-top: -1px;
    width: 55px;
}
.detailsRelated {
    clear:both;
    padding-top:20px;
}

.detailsInfo {
    position: relative;
}

.detailsInfo .picture {

    float: left;

}


.hasBrand {
    float:left;
    width:258px;
}

/* --- persistent params ---------------- */
.persparamBox {
    padding-bottom: 7px;
}

.basketitems .persparamBox {
    padding-top:5px;
    font-size: 12px;
}

.persparamBox label,
.persparamBox input {
    float: left;
}

.persparamBox input {
    width: 150px;
}

.persparamBox label {
    margin: 2px 5px 0 0;
}

/* --- articles details attributes ------------ */
.attributes {
    width: 100%;
}

.attributes th,
.attributes td {
    padding:4px 10px;
    border-top: 1px solid #ddd;
}

.attributes th {
    text-align: left;
    width: 35%;
    background: #f5f5f5;
}

.attributes tr:first-child th,
.attributes tr:first-child td {
    border: none;
}

.information h1 {
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 5px;
}

.itemCode {
    color: #515353;
}

.shortDescription {
    clear:both;
    font-size: 14px;
    margin-bottom: 10px;
}

.additionalInfo {
    padding-top: 7px;
}

.additionalInfo span{
    padding: 0 7px;
    margin-bottom: 3px;
    font-size: 11px;
    line-height: 12px;
    border-left: 1px solid #999;
}

.additionalInfo span:first-child {
    padding-left: 20px;
    border: none;
}

.additionalInfo .stockFlag {
    padding-left: 20px;
}

.tobasketFunction .selector {
    position: relative;
    z-index:14;
}

.selector {
    padding: 2px 6px 3px 6px;
    line-height: 16px;
    position: absolute;
    z-index: 18;
}

.selector img {
    vertical-align: middle;
}

.otherPictures {
    position: relative;
    z-index: 4;
}

.otherPictures ul {
    margin: 0 0 20px 0;
    padding: 0;
    overflow:hidden;
}

.otherPictures li,
.otherPictures a {
    list-style: none;
    padding: 0;
    float: left;
}

.otherPictures a {
    display: block;
    width: 100px;
    height: 100px;
    float: left;
    text-align: center;
    line-height: 100px;
    position: relative;
}

.artIcon {
    display: block;
    width: 98px;
    height: 105px;
    overflow: hidden;

}

.otherPictures a:hover {
    cursor: pointer;
}

.otherPictures a:hover .marker,
#zoomModal a:hover .marker {
    display:block;
}

.otherPictures img {
    vertical-align: middle;
    position: relative;
    z-index: 1;
}

.marker {
    position: absolute;
    width: 96px;
    height: 96px;
    border: 2px solid #eb6005;
    top: 0;
    left: 0;
    display: none;
    z-index: 99;
}

.marker img {
    position: absolute;
    top: -8px;
    left: 50%;
    z-index: 6;
    margin-left: -6px;

}

.otherPictures .selected .marker,
#zoomModal .selected .marker{
    display: block;
}

.shadowLine {
    width: 100%;
    height: 8px;
    position: absolute;
    top: 0;
    z-index: 4;
    background: url(../../img/shadow-line.png) repeat-x 0 0;
}

.relatedInfo {
    float: left;
    width: 561px;
    padding-right: 15px;
}

.relatedProducts {
    float: right;
    width: 172px;
}

.relatedInfoFull {
    float: none;
    width: auto;
    padding-right: 0;
}

/* --- Stock flags ----------------- */


#body .flag {width:5px;height: 5px;border:1px solid #969696;float:left;margin:2px 5px 0 0;}
#body .flag.red{background-color:#f00;}
#body .flag.orange{background-color:#ffb200;}
#body .flag.green{background-color:#00ab1f;}



/* --- Ratings ---------------------------- */
div.rating {
    margin-bottom: 10px;
}

ul.rating {
    width: 89px;
    height: 16px;
    margin: 5px 0;
    padding: 0;
    list-style: none;
    clear: both;
    float: left;
    position: relative;
    background: url(../../img/stars.jpg) no-repeat left top;
}

a.rates {
    float: left;
    color: #515353;
    padding: 6px 0 0 7px;
}

ul.rating li {
    cursor: pointer;
    float: left;
    padding: 0;
    list-style: none;
}

ul.rating li a {
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 16px;
    text-decoration: none;
    z-index: 10;
}

ul.rating li a b {
    display: none;
}

ul.rating li.s1 a {
    left: 0;
}

ul.rating li.s2 a {
    left: 17px;
}

ul.rating li.s3 a {
    left: 34px;
}

ul.rating li.s4 a {
    left: 51px;
}

ul.rating li.s5 a {
    left: 68px;
}

ul.rating li a:hover {
    z-index: 2;
    width: 89px;
    height: 16px;
    overflow: hidden;
    left: 0;
    background: url(../../img/stars.jpg) no-repeat 0 -18px;
}

ul.rating li.s1 a:hover {
    background-position: -72px -18px;
}

ul.rating li.s2 a:hover {
    background-position: -54px -18px;
}

ul.rating li.s3 a:hover {
    background-position: -36px -18px;
}

ul.rating li.s4 a:hover {
    background-position: -18px -18px;
}

ul.rating li.s5 a:hover {
    background-position: 0 -18px;
}


.rating li.currentRate {
    background: url(../../img/stars.jpg) left bottom;
    position: absolute;
    height: 16px;
    z-index: 1;
}

.rating li.ratingValue a,
.rating li.ratingValue a:hover {
       width: auto;
       height: auto;
       left: 90px;
       white-space: nowrap;
       padding-top: 3px;
       background: none;
}

/* ---- Reviews ------------------------ */
dl.review {
    margin: 5px 0;
    padding-top: 5px;
    border-top: 1px solid #ccc;
}

dl.review dt {
    margin-bottom: 7px;
    height: 1em;
}

dl.review dd.item {
    display: none;
}

dl.review dd {
    clear: both;
    margin: 0;
}

dl.review .param {
    margin-left: 20px;
    color: #757C83;
}
/* --- Account billing / shipping addresses ------ */
.addressCollumns {

}
.addressCollumns .collumn {
    float: left;
    width: 50%;
}
/* --- Account Downloads ------------------------ */
.downloadList {
    margin: 0;
    padding: 0;
    line-height: 18px;
}

.downloadList li {
    padding: 15px 10px;
    list-style: none;
    border-top: 5px solid #eceff0;
}

.downloadList li:first-child {
    border: 0;
    padding-top: 0;
}

.downloadList dd {
    padding: 3px 0;
}

.downloadList dt {
    border-bottom: 1px solid #ddd;
    padding-bottom: 3px;
    display: block;
    font-weight: 400;
    margin-bottom: 7px;
}

.downloadList dt strong {
    font-size: 18px;
    display: block;
}

/* --- Account Order List ----------------------- */
.orderList {
    margin: 0;
    padding: 0;
    line-height: 18px;
}

.orderList li {
    padding: 15px 10px;
    list-style: none;
    border-top: 5px solid #eceff0;
}

.orderList li:first-child {
    border: 0;
    padding-top: 0;
}

.orderList dl{
    width: 300px;
}

.orderList dd {
    padding: 3px 0;
}

.orderList dt {
    border-bottom: 1px solid #ddd;
    padding-bottom: 3px;
    display: block;
    font-weight: 400;
    margin-bottom: 7px;
}

.orderList dt strong {
    font-size: 18px;
    display: block;
}

.orderList dt span {
    font-size: 10px;
    color: #999;
}

.orderList dt label {
    color: #666;
}

.orderList td {
    vertical-align: top;
    width: 50%;
}

.orderList td table {
    text-align: left;
}

.orderList td table th {
    font-size: 14px;
    padding-bottom: 14px;
}

.orderList .orderitems, .orderList .orderhistory {
    width: 100%;
}

.orderList .orderitems td {
    vertical-align: top;
}

.orderhistory td {
    border-top: 1px dotted #bbb;
    padding: 2px 0;
    vertical-align: top;
    width:99%;
}

.orderhistory td.small {
    width:1%;
}

.orderhistory td .amount {
    display: block;
    font-size: 11px;
    color: #666;
}

.orderList h3 {
    padding-top: 12px;
    font-size: 16px;
}

/* --- Forms, Validation ---------------------------- */
.form {
    width: 354px;
}

.form li {
    padding: 5px 0;
    width: 354px;
}

.form li.formSubmit {
    padding-top: 10px;
    padding-left: 150px;
}

.form li.formNote {
    padding-bottom: 0;
    font-size: 11px;
    color: #666;
    line-height: 14px;
}

.form label,
.form input {
    float: left;
}


.form .oxDate select option{
	padding: 5px;
}

.form .oxDate select {
    float:left;
    width:100px;
    margin-right:2px;
    height: 20px;
}

.form .oxDate .innerLabel {
     margin-top: 1px;
     text-transform: none;
}

.form input[type="password"],
.form input[type="text"] {
    width: 190px;
}

.form select[data-fieldsize="normal"] {
	width: 202px;
}

.form input[data-fieldsize="xsmall"] {
    width: 25px;
    margin-right:2px;
}

.form input[data-fieldsize="small"] {
    width: 52px;
}

.form input[data-fieldsize="small"] {
    width: 52px;
}

.form input[data-fieldsize="medium"] {
    width: 86px;
}

.form input[data-fieldsize="xsmall"] + input[data-fieldsize="pair-xsmall"],
.form input[data-fieldsize="xsmall"] + css3-container + input[data-fieldsize="pair-xsmall"],

.form input[data-fieldsize="pair-xsmall"] + input[data-fieldsize="xsmall"],
.form input[data-fieldsize="pair-xsmall"] + css3-container + input[data-fieldsize="xsmall"],

.form input[data-fieldsize="small"] + input[data-fieldsize="pair-small"],
.form input[data-fieldsize="small"] + css3-container + input[data-fieldsize="pair-small"],

.form input[data-fieldsize="small"] + input[data-fieldsize="small"],
.form input[data-fieldsize="small"] + css3-container + input[data-fieldsize="small"],

.form input[data-fieldsize="medium"] + input[data-fieldsize="medium"],
.form input[data-fieldsize="medium"] + css3-container + input[data-fieldsize="medium"] {
    margin-left: 5px;
}

.form input[data-fieldsize="xsmall"] + .form input,
.form input[data-fieldsize="xsmall"] + css3-container + .form input {
    margin-left: 10px;
    margin-right: 0;
}

.form input[data-fieldsize="pair-xsmall"] {
    width: 148px;
}

.form input[data-fieldsize="pair-small"] {
    width: 121px;
}

.form input[data-fieldsize="verify"] {
    width: 103px;
}

.verificationCode {
    margin: 0 7px 0 0;
    float: left;
}

span.verificationCode {
    margin-top: 2px;
}

.form li.stateBox {
    padding-left: 150px;
}



.form li.checkFields {
    padding-left: 150px;
}

.form li.checkFields label {
    width: auto;
    margin-right: 10px;
}

.form li.checkFields input {
    margin: 2px 5px 0 0;
}

.form textarea {
    float: left;
    width: 186px;
}

.inputNote {
    display: block;
    clear: both;
    font-size: 11px;
    line-height: 14px;
    padding: 2px 0 0 0;
    color: #666;
}

.form .note {
    padding-left: 139px;
    font-size: 11px;
    color: #666;
    line-height: 14px;
    font-style: italic;
    padding-top: 7px;
}

.payment .form {
    margin: 15px 0 5px 0;
}

.payment .desc {
    margin-bottom: 15px;
}

#shipSetCost {
    padding-top: 5px;
}

.inlineForm button {
    margin-left: 5px;
}

.verify img {
    float: left;
    margin: 1px 5px 0 0;
}

.notice {
    font-size: 11px;
    font-style: italic;
    border-top: 1px solid #eceff0;
    margin-top: 10px;
    padding: 5px 0;
}

.inlineForm .notice {
    display: block;
    clear: both;
}

label.innerLabel{
  display:block;
  position:absolute;
  color:#B4B8B8;
  margin: 3px 0 0 5px;
  font-weight: normal;
  text-transform: uppercase;
}

label.innerLabel.textArea{
  text-transform: none;
}

.oxValidateError {
    display: none;
    clear: both;
    font-size: 11px;
    line-height: 14px;
    color: #ff0000;
    margin: 0;
    padding: 5px 0 5px 0px;
}

.oxValidateError span {
    /*display: none;*/
}

.oxValidateError span.req {
    float: none;
    display: inline;
}
.oxInValid label,
.oxInValid p {
    color: #ff0000;
}

.oxInValid input,
.oxInValid select,
.oxInValid input:focus {
    border-color: #e40000;
    background: #fff8f8;
}

.oxInValid select {
    border-style: solid;
    border-width: 1px;
}

.oxInValid .oxValidateError,
.oxInValid .oxValidateError .js-oxError_postError {
    display:block;
}



/* ??? */
/*.gridView li:hover a.sliderHover {
    display: block;
    width: 187px;
    height: 150px;
    z-index: 1;
}*/

/* --- Category lists ----------------------- */
.subcatList,
.subcatList ul {
    margin: 0;
}

.subcatList li{
    padding: 0;
    list-style: none;
}

.subcatList .box {
    float: left;
    margin-left: 20px;
}

.subcatList li .box:first-child {
    margin-left: 0;
}

.subcatList h3 a {
    color: #fff;
    font-size: 14px;
}

.subcatList .box li {
    text-transform: uppercase;
    padding: 3px 0;
}

.categoryDescription {
    background: #f2f4f5;
    padding: 10px 10px 10px 10px;
    font-size: 11px;
    border-bottom: 1px solid #B4B8B8;
}

.categoryTopDescription,
.categoryTopLongDescription {
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 20px;
}
.categoryTopLongDescription p {
    margin-bottom: 10px;
}
.categoryPicture {
    margin-bottom: 20px;
}




/* --- Layout helpers ---------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
    /* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
    /* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }


/* --- Interaction Cues ----------------------------------*/
.ui-state-disabled { cursor: default !important; }


    /* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%;min-height:2000px; z-index:800; }
.ui-widget-overlay { background: #000; opacity: .50;filter:Alpha(Opacity=50); }
.ui-dialog.ui-widget {z-index:900;}

.ui-dialog { position: absolute; padding: .2em; width: 300px;}
.ui-dialog .ui-dialog-titlebar { padding: .5em 1em .3em; position: relative;  }
.ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .2em 0; }
.ui-dialog .ui-dialog-titlebar-close {
	position: absolute;
	right: 0px;
	top: 10px;
	width: 25px;
	margin: -10px 0 0 0;
	padding: 1px;
	height: 25px;
	background: #fff;
	color: #000;
	cursor: pointer;
	}
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
.ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; overflow: auto; zoom: 1; }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; }
.ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }

#basketFlyout { background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #000000;
    display: block;height: 200px;    padding: 10px;
    left: 50%;
    margin-left: -135px;
    margin-top: -75px;
display:none;
    position: fixed;
    top: 280px;
    width: 260px;
    z-index: 2000; }

#modalbasketFlyout { background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #000000;
    display: block;    padding: 0;
    left: 50%;
    margin-left: -135px;
    margin-top: -75px;

    position: fixed;
    top: 280px;
    visibility: visible;
    width: 300px !important;
    overflow:hidden;
    z-index: 2000; }
#modalbasketFlyout p.title {background:#ECECEC;    display: block;  font-size: 12px; line-height: 13px;  margin: 0px; text-align: center;height:15px;padding:15px; }
/* --- ZOOM CLOUD ----------------------------- */

/* This is the moving lens square underneath the mouse pointer. */
.cloud-zoom-lens {
	border: 4px solid #888888;
	width:121.26px;
	height:119.286px;
	margin:-4px;	/* Set this to minus the border thickness. */
	background-color:#fff;
	cursor:move;
}
/* This is for the title text. */
.cloud-zoom-title {
	font-family:Arial, Helvetica, sans-serif;
	position:absolute !important;
	background-color:#000;
	color:#fff;
	padding:3px;
	width:100%;
	text-align:center;
	font-weight:bold;
	font-size:10px;
	top:0px;
}

/* This is the zoom window. */
.cloud-zoom-big {
	border:4px solid #ccc;
	overflow:hidden;
}

/* This is the loading message. */
.cloud-zoom-loading {
	color:white;
	background:none;
	padding:3px;
	border:none;
}

#wrap{z-index: 400 !important;}


/* --- Services ---------------------- */
#services {
    width: 175px;
}

#services a {
    text-decoration: none;
    text-transform: uppercase;
}

#services li {
    position: relative;
}

#services .counter {
    right: 5px;
    top: 1px;
}

#servicesTrigger {
    position: relative;
}

#servicesTrigger .counter {
    right: 0;
    top: 0;
    z-index: 11;
}

.hasNotifications {
    padding-right: 25px;
}

#services a:hover .counter {
    border: 1px solid orange;
    background: #fff;
    color: orange;
}


/* --- Login form ------------------------ */
.accountLoginView .col {
   float: left;
   width: 50%;
}

/* --- right corner message ---------------- */
#incVatMessage{
    position:fixed;
    bottom:-3px;
    right:-5px;
    font-size:11px;
    padding:4px 20px 6px 17px;
    background:url(../../img/vatmsg-bg.png) no-repeat 0 0;
    opacity:0.6;
    filter:alpha(opacity=60);
    z-index:9999;
}

#incVatMessageTsBadge{
    position:fixed;
    bottom:-3px;
    right:100px;
    font-size:11px;
    padding:4px 20px 6px 17px;
    background:url(../../img/vatmsg-bg.png) no-repeat 0 0;
    opacity:0.6;
    filter:alpha(opacity=60);
    z-index:9999;
}

/* --- Plain errors ------------------------ */
.errorBox {width: auto; font-size:12px; font-weight:bold; color:#D81F01; margin: 20px; padding: 0; border: none; width: 500px;}
.errorBox a {color:#D81F01; text-decoration: underline;}
.errorBox a:hover {color:#666;}
.errorBox .errHead {background: #D81F01; color: #fff; padding: 5px 15px;}
.errorBox .errBody {border: 1px solid #D81F01; padding: 15px;}
.errorBox .stackTrace { font-size: 11px; color: #000; font-weight: normal; margin: 10px 0; padding: 10px 0; border-top: 2px solid #EED8D2}


/* --- article box ------------------------ */
li.articleImage{
    height: 110px;
}

.featuredList a.articleBoxImage {
    height: 97px;
    line-height:97px;
    width:148px;
    background: #fff;
    text-align: center;
    display: block;
}

.featuredList a.articleBoxImage img{
    vertical-align:middle;
}

/* --- MD Variant Selects in details ----------- */
.selectorsBox {
    clear:both;
    background: none;
    padding: 10px 10px 0px 0px;
    font-size: 11px;
}

div.information .selectorsBox {
    margin-bottom: 55px;
}

.selectorsBox .dropDown {
    margin-bottom: 10px;
    min-width: 200px;
}

.selectorsBox .dropDown li.disabled a {
    color: #b4b8b8;
}

.selectorsBox p.underlined {
    border-bottom: 1px solid #29373c;
}

.selectorLabel label {
    min-width: 60px;
    display: inline-block;
}

.variantReset {
    padding-bottom: 10px;
    font-size: 11px;
    margin-top: -55px;
}

.variantReset label {
    text-transform: uppercase;
}

.variantReset  a.reset {
    color: #1d7e96;
    font-weight: bold;
    display: block;
    padding-bottom: 10px;
}

.variantReset  a.reset:hover {
    text-decoration:none;
    color: #EB6005;
}

/* --- MD Variant Selects in infoGrid ----------------- */
.listDetails .selectorsBox {
    background: none;
    padding: 10px 10px 0px 5px;
    font-size: 11px;
}

.listDetails .selectorsBox .dropDown {
    margin-bottom: 10px;
    min-width: 150px;
}

.listDetails .selectorsBox .dropDown li.disabled a {
    color: #b4b8b8;
}

.listDetails .selectorsBox p.underlined {
    border-bottom: 1px solid #29373c;
}

.listDetails .selectorLabel label {
    min-width: 45px;
    display: inline-block;
}

/* --- MD Variant Selects for line -------------------- */
.infoBox .selectorsBox {
    background: none;
    padding: 10px 10px 0px 0px;
    font-size: 11px;
}

.infoBox .selectorsBox .dropDown {
    margin-bottom: 10px;
    min-width: 200px;
}

.infoBox .selectorsBox .dropDown li.disabled a {
    color: #b4b8b8;
}

.infoBox .selectorsBox p.underlined {
    border-bottom: 1px solid #29373c;
}

.infoBox .selectorLabel label {
    min-width: 50px;
    display: inline-block;
}


/* ---- ajax loading icon -----------------------------*/

.loadingfade {
    background: #fff;
    z-index : 5000;
}
.loadingiconbg {
    background: url(../../img/loading_bg.png) no-repeat center center;
    z-index : 5001;
}
.loadingicon {
    background: url(../../img/loading.gif) no-repeat center center;
    z-index : 5002;
}

/* --- shop lupe ------------------------------ */
p.shoplupe {
    padding-top:15px;
    text-align: center;
}

/* --- category tree ----------------------------- */


a.fbEnableLink {
    display: inline-block;
    text-transform: uppercase;
    padding: 30px 0 15px 0;
    font-size: 12px;
    font-weight: bold;
    color: #2c5e97;
}

.fbEnableDesc {
    margin-bottom: 35px;
    font-size: 11px;
    color: #555;
}

.fbEnableDesc a {
    line-height: 25px;
    color: #2c5e97;
}

a.fbEnableLink, .fbEnableDesc {
    margin-left: 20px;
}

a.downloadableFile {
    color: #1d7e96;
    text-decoration: underline;
    background: url(../bg/download.png) left center no-repeat;
    padding:5px 0 5px 25px;
}

a.downloadableFile:hover {
    color: #ec6105;
    text-decoration: none;
}

a.downloadableFile.pending {
    color: #909090;
    text-decoration: none;
    background: url(../bg/download-pending.png) left center no-repeat;
    padding:5px 0 5px 25px;
}
.variantMessage{
    color: #e70404;
    display: block;
    padding-bottom: 5px;
}
.selectMessage{
    color: #e70404;
}


#cookieNote {
    position:fixed;
    top:0px;
    left:0px;
    width:100%;
    z-index:105;
    text-align:left;
    font-weight:normal;
    font-size:16px;
    color: #fff;
    background-color:#f77704;
    opacity: 0.9;
    filter: alpha(opacity = 90);
    padding:8px 0 8px 0;
    text-align: center;
    border-bottom: 1px solid #d36706;
    display: none;
}

#cookieNote span.dismiss {
    cursor:pointer;
    position: absolute;
    right: 10px;
    top: 8px;
    width: 18px;
    height: 18px;
    display: block;
    text-indent: -9999px;
    background: url(../../img/close.png) no-repeat 0 0;
}

#cookieNote a {
    color: #fff;
    text-decoration:underline;
    font-weight:bold
}

#cookieNote+#page {
    padding-top: 35px;
}

#cookieNote .notify{
    padding: 0px 35px;
}

#basketVoucher {
    position: relative;
    padding-bottom: 30px;
}

.smallFont {
    font-size: 12px;
    word-wrap: break-word;
    overflow: hidden;
    width: 350px;
}

#betaNote {
    position:fixed;
    top:0px;
    left:0px;
    width:100%;
    z-index:105;
    text-align:left;
    font-weight:normal;
    font-size:16px;
    color: #fff;
    background-color:#f77704;
    opacity: 0.9;
    filter: alpha(opacity = 90);
    padding:8px 0 8px 0;
    text-align: center;
    border-bottom: 1px solid #d36706;
    display:none;
}

#betaNote span.dismiss {
    cursor:pointer;
    position: absolute;
    right: 10px;
    top: 8px;
    width: 18px;
    height: 18px;
    display: block;
    text-indent: -9999px;
    background: url(../../img/close.png) no-repeat 0 0;
}

#betaNote a {
    color: #fff;
    text-decoration:underline;
    font-weight:bold
}

#betaNote+#page {
    padding-top: 35px;
}
.hidden {
    display: none;
}


#page .top.account_div { right: 0px; top:18px !important;  }
#page .top.account_div .top.account{ float:right; padding-top:0px !important;  line-height: 16px; }
#page .top.account_div .top.account a img { margin-top:1px;  }
#page #header .logo {height:75px; top:20px !important; }

#page #header .infobox {
		margin-left:65px !important;
		float: left;
		color: #bbb;
		height:75px;
		margin-bottom: 10px;
		/*margin-top: 25px;*/
	}
#page #header .top.basket {margin-top:31px; position:absolute; right: 0px; top:10px; }
/*#page #header #suche {top:71px !important;}*/


/*new header & footer*/

#page .top.account_div { right: 0px; top:18px !important;  }
#page .top.account_div .top.account{ float:right; padding-top:0px !important;  line-height: 16px; }
#page .top.account_div .top.account a img { margin-top:1px;  }
#page #header .logo {height:75px; top:20px !important; }

#page #header .infobox {margin-left:-44px !important; }
#page #header .top.basket {margin-top:31px; position:absolute; right: 0px; top:10px; }
#page #header #suche {float: right; clear: right;margin: 12px 0px;/*top:71px !important;*/}


#page #footer {padding-bottom: 50px;}

#page #footer.top-border {border-top: solid 1px #fff; }

#page #footer .footer_line {width: 100%; height:35px; border-top: solid 1px  #787573; margin-top: 54px; }

#page #footer .footer_social {margin: auto;  width: 145px; background: white; margin-top:-34px; height:35px; padding:0px 30px 0px 30px; }
#page #footer .footer_social a.social{ width:35px; height: 35px; display: block; float:left; margin-right:20px; padding-top: 0px; border-radius: 4px;  }
#page #footer .footer_social a.social.facebook{background: url(../bg/f_social_icons.jpg) no-repeat 0px 0px; }
#page #footer .footer_social a.social.pinterest{background: url(../bg/f_social_icons.jpg) no-repeat -52px 0px; margin-right: 0;}
#page #footer .footer_social a.social.instagram{background: url(../bg/f_social_icons.jpg) no-repeat -103px 0px; }
#page #footer .footer_social a.social.newoneblog{background: url(../bg/f_social_icons.jpg) no-repeat -206px 0px; }
#page #footer .footer_social a.social.twitter{background: url(../bg/f_social_icons.jpg) no-repeat -155px 0px; margin-right:0px;  }

#page #footer .bar.shop{width:700px;float:left;}
#page #footer .bar.shop .menu  {float:left; width: 175px; height:auto; color:#333333;  font-family: 'Didact Gothic', Helvetica,Arial; font-size:12px;  padding-right:0px;}
#page #footer .bar.shop .menu.payment  {}
#page #footer .bar.shop .menu.customerservice  {  }
#page #footer .bar.shop .menu.aboutus  {  }
#page #footer .bar.shop .menu.press  {}
#page #footer .bar.shop .menu.payment ul.del {margin-top:15px; }
#page #footer .bar.shop .menu .title {font-weight:bold;  display:inline-block; height:17px; }
#page #footer .bar.shop .menu ul {margin:17px 0px 0px 0px; padding:0px;  }
#page #footer .bar.shop .menu ul li {list-style:none; }
#page #footer .bar.shop .menu ul li a{line-height:12px; font-size:11px; margin:0px; color:#333333;  font-family: 'Didact Gothic', Helvetica,Arial; font-size:12px;  }

#page #footer .bar.shop .menu .trusted_shops {float:left;  position:relative; top:5px; left:-5px;}


#page #footer .newsletter.footer {width:248px; text-align:left;  color:#333333;  font-family: 'Didact Gothic', Helvetica,Arial; font-size:12px; margin-top:1px; }
#page #footer .newsletter.footer .title{font-weight:bold; text-transform: uppercase; margin-bottom:18px;  }
#page #footer .newsletter.footer div.text{margin-bottom:16px;   }
#page #footer .newsletter.footer form span.text{ text-transform: uppercase;      }
#page #footer .newsletter.footer .nlbutton { background: url(../bg/button_nl_f.gif) no-repeat scroll 0 0 transparent !important; font-size: 10px; height: 18px; line-height: 18px; width: 97px;  margin-top:4px; }
#page #footer .newsletter.footer input.txt {width:240px; text-align:left; background: #999999; color:#fff; font-size:12px; border:none; height:12px;  }



#page #footer.bg { background: url(../bg/footer_bg.gif) repeat-x !important; margin-top:6px; }
#page #footer.bg .footer_social { background: url(../bg/social_bg.gif) repeat-x scroll 0 0 transparent !important;  }


/*one popup message*/

.one_popup_box { clear: both; position: absolute;  top: 314px; left:0;  width: 100%;  }
.one_popup_box_inner { z-index:9000; position:relative;  display:block;  width: 338px;  background: white;  margin: auto;  box-shadow: 1px 1px 6px #C9C9C9; -webkit-box-shadow: 1px 1px 6px #C9C9C9; -moz-box-shadow: 1px 1px 6px #C9C9C9;}
.one_popup_box_inner .content{  text-align: center; font-size:14px; letter-spacing: 1px; font-family: 'Didact Gothic', Helvetica,Arial;  }


#footer .footer_socialize {font-size: 14px;  left: 0; margin: auto; position: relative; text-align: center; top: -44px; width: 215px; }
#sortselect option{padding: 0px;text-transform: none;}
#sortselect{padding: 1px;text-transform: none;}

#page .box.info .form label{padding-left:5px;padding-right:10px;}
#body .thankyoubox span.btn{background: #000;}
#body .thankyoubox span.btn:hover{background: #3f3f3f;}
#body .etrustdescocol span.btn{background: #000;}
#body .etrustdescocol span.btn:hover{background: #3f3f3f;}
.col2 .fs10{float:left;margin-top:5px;}

#body .wishlist .arrowright input{background: #949494;}


#popup.popup.on {height:200px !important;}
.popupbasket_buttons {float:left; width: 270px; padding:15px;}
.popupbasket_buttons .btnwrap {float:left; width: 100% !important; clear:both; text-align:center; padding:3px 0px; background:#82c895 }
.popupbasket_buttons .btnwrap.black {background: #000;margin-top:10px;}
.popupbasket_buttons .btnwrap.black span.btn  {background: #000;}
.popupbasket_buttons .btnwrap.black button  {background: #000;}

.popupbasket_buttons .btnwrap .btn.br{float:none !important; position:relative !important; top:0 !important; right:0 !important; margin: auto; display:inline-block !important;  height: 36px; padding:0;}
.popupbasket_buttons .btnwrap a:hover {text-decoration:none; }
.popupbasket_buttons .btnwrap .btn.br a {line-height:34px; background-position: right 3px; }
.popupbasket_buttons .btnwrap .btn.br button {height: 36px;  background-position: right 2px; width:100%; }
.popupbasket_buttons .btnwrap .btn.bl{float:none !important; position:relative !important; margin: auto;  top:0 !important; right:0 !important; left:0 !important; display:inline-block !important; height: 36px;}
.popupbasket_buttons .btnwrap.black .btn.bl a.bl {background-color: #000;}
.popupbasket_buttons .btnwrap .btn.bl a {line-height:34px; background-position: right 3px; font-size:14px; }

#content .box.info.wlist.large td label {padding-left:0px !important;}
.page-wrapper.payment .box.info table.form td label {padding-left:0px !important;}
#modalbasketFlyout {width: 260px; }
#modalbasketFlyout .basket_table table {width: 100%; }
#modalbasketFlyout .basket_table th {text-align:left; font-weight:normal;  }

.konf-basket .tocart {background: none repeat scroll 0 0 #000000;  float: left;  height: 32px;  margin-top: 10px;   padding-right: 10px;}
.konf-basket .tocart input{margin-top:0px;float:left; background: url("../bg/arrow-1.png") no-repeat scroll right 0 rgba(0, 0, 0, 0);  border: medium none;    color: #FFFFFF;   cursor: pointer;   font-size: 13px;  font-weight: normal;    height: 32px;    outline: medium none;    text-transform: uppercase;   width: 150px; line-height: 32px; }
.konf-basket .tocart input:hover{ background: url("../bg/arrow-1.png") no-repeat scroll right 0 rgba(0, 0, 0, 0);   }
.drop-here {padding: 15px 5px 10px !important;}

.konfigurator #selecttext {width:560px !important; padding-left: 2px;}

p.attrfilter label span {text-transform: capitalize;}


.flag_pic { float: none !important; position: relative;}
.flag_text {text-transform: uppercase; margin-right: 5px;}

.myselection span.selectedval { text-transform: capitalize; }

/* --  Vouchers , SB One Commerce 11.12.2013 -- */
.selectorsBox.clear.voucherbox { padding-top: 15px;}
.oxValidateError.vouchers { display:none; }
.voucher_element:first-child{ float: left; margin-right: 25px;}
#vouchermessage{ width:300px; margin-top: 5px;}
#vouchername { width: 180px !important; }
#vouchermail { width: 180px !important; }
.vouchermail { width: 170px;}
.vouchermessage { width: 170px;
height: auto;}
.form.vouchersform { line-height:20px !important;  list-style: circle outside !important; -webkit-padding-start: 0; list-style-type:circle; }
/* --  End -- */


#body .locator .locbody .sortoption a{font-size: 10px;}
.sortoption.selected{font-weight: bold;}

/* Locator */

#body .locator {margin:0 0px 16px 0px; color: #000;float:left;width:810px;overflow: visible;}
#body .locator.list{float:right;}
#body .locator.orders,#body .locator.guestbook{width: 950px;}
#body .locator.details{float: right;width: 292px;margin-top:0px; margin-bottom:0px;}
#body .locator .right{line-height: 24px;}
#body .locator.bottom{margin-top:45px;margin-bottom: 0px;}
#body .locator a{color:#000;}
#body .locator .lochead {background: #e2e2e2; color: #555555; padding: 8px .6em; height: 1.1em;}
#body .locator .lochead strong.h4 {margin: 0; padding: 0; color: #555555; font-size: 11px; font-weight: bold; float: left;}
#body .locator .locbody {padding: 5px 0.6em 5px 20px; text-align: right;  overflow: visible;float:left;font-weight: lighter;}
#body .locator .locbody.details{float: right;}
#body .locator.details .locbody{padding: 0px;line-height: 22px;}
#body .locator .locbody, #body .locator .locbody a {font-size: 11px;}
#body .locator .arrow {font-size: 10px; font-weight: bold;}

#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;}

#body .locator.large{width:950px;margin-bottom: 10px; }

#body a.nav, .epoq_resultpages .epoq_pageNo a{background: url("../bg/button-hintergrund-seitenzahl.gif") no-repeat scroll 0 1px;padding: 0px;margin-right: 2px;display: block;height: 24px;float: left;width:24px;text-align: center;line-height: 25px;}
#body a.nav.active, .epoq_resultpages .epoq_pageNo.epoq_active a,  .epoq_resultpages .epoq_pageNo:HOVER a{background: url("../bg/button-hintergrund-seitenzahl-hover.gif") no-repeat scroll 0 1px;color: #fff;}
#body a.nav:hover{background: url("../bg/button-hintergrund-seitenzahl-hover.gif") no-repeat scroll 0 1px;color: #fff;}
.refineParams .nav-back{background: url("../bg/sortierung-pfeil-hell-li.jpg") no-repeat scroll 0 0px;padding: 0px 5px;margin-right: -4px;height: 40px;width:40px;display: block;float: left;line-height: 25px; background-size: 70%}
.locator.details .nav-back{display:block;float:right;height:24px;padding: 0px 10px 0px 16px;background: url("../bg/button-hintergrund-zurueck.gif") no-repeat scroll 0 0;width: 37px;line-height: 25px;}

.next-art{display:block;background: url("../bg/button-hintergrund-naechster-artikel.gif") no-repeat scroll 0 0;padding: 0px 18px 0px 14px;height:24px;float:right;width:85px;line-height: 25px;}
#body a.next-art:hover{background: url("../bg/button-hintergrund-naechster-artikel-hover.gif") no-repeat scroll 0 0;color:#fff;}

#body .locator.details .nav-back:hover{background: url("../bg/button-hintergrund-zurueck-hover.gif") no-repeat scroll 0 0;}
#body a.nav-for:hover{background: url("../bg/button-hintergrund-weiter-hover.gif") no-repeat scroll 0 1px;color: #fff;}
.nav-for{display:block;background: url("../bg/sortierung-pfeil-hell-re.jpg") no-repeat scroll 0 0px;padding: 0px 5px;height:40px;width:40px;float:left;line-height: 25px;background-size: 70%;}
.nav-overview{background: url("../bg/button-hintergrund-zur-uebersicht.gif") no-repeat scroll 0 0px;padding: 0px 10px 0px 24px;display:block;height: 23px;width: 73px;line-height: 25px;}
#body a.nav-overview:hover{background: url("../bg/button-hintergrund-zur-uebersicht-hover.gif") no-repeat scroll 0 1px;color:#fff;}
#body .locator.list .nav-for{padding: 0px 19px 0px 10px;}
.sort-snippet{float: left;text-transform: uppercase;font-size: 11px;}
#body .locbody.details .left {float:left;}
.sort-snippet .sortheader{padding-right:7px;}
span.nav-back,span.nav-for{color: #ccc;}
.top-border{border-top: 1px solid #C5C4C3;}


/*newone CSS*/
#page .top.basket{height: 22px;/*border:1px solid #DAD7D5;background: url("../bg/hintergrund-warenkorb-top-1px.gif") repeat-x;*/min-width: 233px;margin-top:7px;float:right;}
#page .top.basket a{padding:0 6px;float: left;line-height: 24px;text-decoration: none;/*min-width: 212px;*/font-size: 12px;color:#000;font-family: 'Century Gothic',Helvetica;display:block;/*height: 22px;*/text-align: center;}
#page .top.account_div {position: absolute;right:215px;top:7px;z-index:600;}
#page .top.account_div .account{float:left;font-size: 12px;font-family: 'Century Gothic',Helvetica;padding-top:5px;position: relative;z-index:600;}
#page .top.account_div a{text-decoration: none;color: #000;line-height: 13px;}
#page .top.account_div img{float:left;}

#page .top.account_div div.top.account img{margin-top:-3px;}
#page .top.account_div .login.close{position: absolute;right:12px;bottom:10px;}
div.bar.oxid .logo  {padding:32px 0 11px 0;float:left;position: relative; top:7px;}
div.bar.categories   { background:#bdaca3; border:none;height: 26px;font-size: 12px;position: relative;z-index: 500;}
div.newsletter.footer{float:right;width:284px;text-align: right;font-size: 11px;color: #817e7a;padding: 0;margin: 0;position: relative;top:-1px;}
div.newsletter.footer input.txt{width:150px;}
div.newsletter.footer p{margin: 0;padding: 0;}
input.txt{width: 175px;height: 16px;border: 1px solid #817e7a;color:#817e7a;padding: 3px;margin: 0;}
#suche .submit_button{/*background: #949494;*/ background: url(../bg/lupe.gif) #000 center no-repeat;font-size:12px;height: 35px;color: #fff;padding:0px;cursor: pointer;border: none;margin: 0;width: 52px;vertical-align: top;line-height: 27px;}
#suche .submit_button:hover{background: url(../bg/lupe.gif) #000 center no-repeat; opacity: 0.85; /*background: #7f7f7f;*/}
div.newsletter.footer .submit_button{background: url("../bg/button-senden-2.gif") no-repeat;font-size:12px;height: 24px;color: #fff;padding:0px;cursor: pointer;border: none;margin: 0;width: 66px;vertical-align: top;}
div.newsletter.footer .submit_button:hover{background: url("../bg/button-senden-hover-2.gif") no-repeat;}
div.newsletter.footer fieldset, div#suche fieldset{margin: 0;padding: 0;border:none;}
#footer .copy{width: 400px;text-align: right;color: #817e7a;font-size: 12px;float: right;margin-top: 5px;}

#header div.bar .fixed {min-width:184px;border-right:1px solid #ffffff;float:left;}

div.bar.oxid        {background:#ffffff;padding-bottom:4px;width:950px;margin:auto;position:relative;z-index:600;}
div.bar.oxid h1{margin:0;}
div.bar.oxid h1 strong{position: absolute;display:block;left:-9999em;top:-9999em;}

div.bar.oxid dl.box {min-height: 98px;min-width:150px;margin:0 0 1px 2px; padding-bottom: 5px;}
dl.box           {background:#ffffff;border:1px solid #e2e2e2;width:150px;}
dl.box dt        {background:#e2e2e2;color:#555555;}
dl.box dt a      {color:#555555;padding:0 0 0 10px;background:transparent url(bg/oxid_pe_.gif) 0 -10px no-repeat;display:block;}
dl.box dd        {color:#555555;}
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:#e2e2e2 url(bg/oxid_pe_.gif) 0 -50px no-repeat;color:#555555;}
dl.box.open dd.dropdown ul li a:hover{background-color:#d11104;color:#ffffff;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:#555555;padding-left:10px;background:transparent url(bg/oxid_pe_.gif) 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%;}

.newsletter.footer .text {text-align:left; margin:0px;  }

#productinfo {float:left; }


	span.small{font-size: 7px;}
	#body span.inclversand{display: block;float: left;margin-top: 11px;color:#878686; }
	#body span.inclversand a{text-decoration: underline;color:#878686;}
	#body .details-col span.inclversand{margin-top: 3px;font-size: 10px;color: #868787;}
	#body .details-col span.inclversand a{color: #868787;}


#body .crossselings{float: left;margin-top: 30px;width:950px;border-top:1px solid #C5C4C3;}
#body  .crossselings strong.h2{font-size: 12px;font-weight:normal;color:#000;font-family: 'Century Gothic',Helvetica,Arial;display: block;margin-top:10px;}
#body  .crossselings ul{padding: 0;margin: 0; width: 100%; }
#body  .crossselings li{list-style-type: none;float: left;}
#body  .crossselings li div{text-align: center;}
/*#body .details-col.left .crossselings li div img{margin-bottom: 12px;}*/
#body .crossselings li div a{font-size: 11px;font-weight: normal;color: #000;text-transform: uppercase;}
#body .crossselings .box {width: 100%; float:left;  }

#body .errorbox.large {width:100%; padding:10px 0px 10px 0px; text-align:center; margin:auto; position:absolute; float:none; background: none; border:none;top:150px;z-index:100;left:0px;  }
#body .page-wrapper .errorbox.large {top:105px; }
#body .crossselings .item{height: 220px;margin-top:10px; width: 190px;}
#body .crossselings .item .desc {float: left;width: 130px;line-height: 15px; text-align:center; text-transform: none;padding:0 30px;}
#body .crossselings .item .cost {clear: both;  display: block;  float: left;  font-size: 12px;  font-weight: bold;  line-height: 15px; margin-top: 2px; width: 100%; }
#body .crossselings .item .desc, #body .crossselings .item .morecolors{font-size: 10px;line-height: 12px;}
#body .crossselings .item span {text-align: center; }
#body .crossselings li .upper{font-weight: bold;display:block;}
#body .crossselings .item img{margin-bottom:10px;text-align:center; }
#body .crossselings .item .artimage {text-align:center; display:block;  }
#body .crossselings .item a:hover {text-decoration:none; }
.upper {text-transform:uppercase; }
#body .crossselings .item .desc.description {color: #878686; }

#body .product .more-colors.soldout {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #878686;
    opacity: 1;
}
#body .product .more-colors {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #878686;
    display: block;
    float: left;
    font-size: 11px;
    font-weight: bold;
    height: 15px;
    padding: 0;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}

#body h1.headimg.large.white {background:none !important; margin-left: 17px; height: 55px;  line-height: 55px;}

#body .box {
    font-size: 12px;
    line-height: 15px;
    margin-bottom: 15px;
    float:left;
}
#body .box.info {
    padding: 10px 15px;
    width: 533px;
}
#body .box.info.large {
    background: none repeat scroll 0 0 #FFFFFF;
    width: 918px;
}
#body .morepics a#details-carousel-prev { background: url("../bg/scroll-up.gif") no-repeat scroll 25px 0 rgba(0, 0, 0, 0);  float: left; height: 10px;    margin: 0 0 5px; width: 70px;}
#body .morepics a#details-carousel-next {   background: url("../bg/scroll-down.gif") no-repeat scroll 25px 0 rgba(0, 0, 0, 0);  float: left;  height: 10px;  margin: 5px 0 0;  width: 70px;}

#body  .morepics{overflow: hidden;width: 70px; float: left;margin-right: 60px;min-height: 500px;}
#body  .morepics .jcarousel ul{list-style: none;float: left;padding: 0;margin:0; height: 20000em; position: relative;  list-style: none;   margin: 0;    padding: 0; }
#body  .morepics ul{}
#body  .morepics ul li{float: left;  padding:0px; margin:0px; padding-bottom:9px;    }
#body .tooltip{background:url('../bg/icon-lupe.gif') no-repeat scroll 20px 0;float: left;margin-bottom: 5px;padding-left:45px;padding-top:2px;text-transform: uppercase;font-size: 11px;width:290px;color:#817E7A;font-weight: bold;font-family: 'Century Gothic',Helvetica,Arial;height: 15px;margin-top:0px;}
#body .morepics a{outline: none;cursor: pointer;float:left;}
#body .morepics li{cursor:pointer; float:left;}
#body .morepics .jcarousel {  height: 447px; position: relative; overflow: hidden;    width: 70px; float:left; }
#productinfo .detailsInfo {width:950px; margin: auto;}

.sizetable{float: left;margin-top: 10px;margin-left: 10px;}
#body .details-col.right .variants {width: 100%; }
#body .details-col.right .variants select {  border: 1px solid #C5C4C3;  float: left; font-size: 11px; margin-top: 10px;  width: 140px;}
#body .box.large.suggest ul.form {width: 100%;}
#body .box.large.suggest ul.form li {width: 100%;}
#body .box.large.suggest label {font-weight:normal; }
#body .box.large.suggest input[type="text"] {width:300px; }
#body .box.large.suggest li.verify input[type="text"] {width:214px; }
#body .box.large.suggest textarea {width:300px; }
span.btn {
    background-color: #000;
    display: block;
    float: left;
    height: 32px;
    margin: 0;
    outline: medium none;
    padding-right: 10px;
}
span.btn input, span.btn button,  span.btn a {   background: url("../bg/arrow-1.png") no-repeat scroll right 0 #000;  border: medium none;  color: #FFFFFF;   cursor: pointer;   display: block;  float: left;    font-size: 13px;    font-weight: normal;    height: 32px;    margin: 0;    outline: medium none;    padding: 2px 10px;    position: relative;    text-transform: uppercase;}

/*nl layer*/
.nl_layer_overlay {width: 100%; height: 100%; position: fixed; top:0px; z-index:9000;  background: #d3dfd1; opacity: 0.5; display:none; }
.nl_layer_overlay.showlayer {display:block; }
.nl_layer_body {  position:relative;  z-index:9100;position:fixed; top:165px; height:400px; width: 100%; display:none;  }
.nl_layer_body.showlayer {  display:block;   }
.nl_layer_body .nl_layer_inner {position: relative; top:0%; margin:auto; height:412px; width:412px; background: url(../bg/circle.png) no-repeat; }
.nl_layer_body .nl_layer_inner .nl_layer_inner_body{ position:relative; height:412px; width:412px;}
.nl_layer_body .nl_layer_inner .nl_layer_inner_body .nl_text{ clear: both; float: left; margin-top: 81px; margin-bottom:30px; text-align: center; width: 412px;}
.nl_layer_body .nl_layer_inner .nl_layer_inner_body .nlform{clear: both; position: relative; width:240px; margin: auto; text-align:center;}
.nl_layer_body .nl_layer_inner .nl_layer_inner_body .nlform label{ clear: both; float: left; width: 100%; font-size:12px; text-transform:uppercase;  }
.nl_layer_body .nl_layer_inner .nl_layer_inner_body .nlform #one_nl_layer_newsletterUserName{ clear:both; width:238px; background: #cacaca; border: none; color:#000; font-size:12px; margin-bottom:11px;  }
.nl_layer_body .nl_layer_inner .nl_layer_inner_body .nlform #one_nl_layer__newsLetter_submit{ clear:both; cursor:pointer;background: url(../bg/nl_layer_sprite.png) no-repeat -47px -9px; width:115px; height:23px; border:none;}

.nl_layer_body .close_nl{background: url(../bg/nl_close_button.png) no-repeat center center; height: 36px; position: absolute; right: 80px; top: 17px; width: 36px; cursor:pointer; z-index:9200; }


/* Bundles CSS*/
.combo-article{float:left;border-bottom:1px solid #c5c4c3;}
.combo-article .img{float:left}
#body .combo-article .desc{float:left;margin-left:10px;width:322px;padding:15px;}
#body .combo-article .status{float:left;width:300px;margin-top:5px;}
.combo-article h2{width:300px;font-size: 13px;margin:0;font-weight: normal;}
.combo-article .qty{float:left;width:300px;margin-top: 5px;font-size:13px;}
.combo-article .cost{margin-top:5px;font-size:13px;}
#body .combo-article .cost .price{margin-top:5px;font-size:12px;}

 #body .actions  span#pinit{display:block;float:left;margin-top:-1px !important;width:40px;margin-left:5px;}
 #body .actions span#pinit span{display:block;float:left;width:31px;margin-top:0px !important;}

.newsletter input.email{width:275px;padding:5px;font-size:12px;}
.newsletter label.email{font-size:16px;}


.page-wrapper.search .headimg.large.search { background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;}
.page-wrapper.search .msg.large { background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;  border: medium none !important;  float: left; font-weight: bold;  left: 0;  margin-left: 0px;  width:100%; clear:both; margin-bottom:10px;  }
.page-wrapper.search #sortItems {padding-left:0px; }

div.bar.oxid.navigation #navigation {height:31px; }

.page-wrapper.newsletter h1 {  background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;  border: medium none !important;  height: 55px !important;   left: 17px;  line-height: 55px !important;  margin: 0 !important;  padding: 0 !important;  position: relative;}
#body .box.large { background: none repeat scroll 0 0 #FFFFFF;  width: 918px;}
#body .box {  font-size: 12px; line-height: 15px;  margin-bottom: 15px;}
#body .box {  float: left; padding: 5px 15px 15px; width: 948px;}
.page-wrapper.newsletter .box {  border: medium none !important;}
div.box.info.large div.newsletter{width:300px;text-align: justify;height:580px;padding-top:20px;}
div.box.info.large hr.newsletter{width: 300px;}

div.box.info.large div.newsletter .newsletter_bottom_text {float:left;  margin-top: 10px;}

#body div.box.info.large.newsletter{position: relative;}
#body div.box.info.large.newsletter form{margin-top:50px;height: 150px;}
#body .newsletter .image {position: absolute;right:0px;top:0px;}
#body .newsletter ul.form li label { width: 100%; }
#body .newsletter ul.form li label.req {font-size:16px;line-height:20px; }
#body .newsletter ul.form li input#newsletterUserName {clear:both;    font-size: 12px;  padding: 5px;  width: 275px;  }
#body .newsletter li.checkFields {padding-left:0px; }
#body .newsletter li.checkFields input.radiobox {float:left; }
#body .newsletter li.checkFields label {float:left; width: auto !important;}
#body .newsletter li {padding-left:0px; }
#body .part1 {  color: #FFFFFF;  font-size: 10px; left: 0 !important; position: absolute; text-align: center;  top: -50px !important;  width: 950px !important; }
#body .part2 {  background: none repeat scroll 0 0 #FFFFFF;   display: none;  padding-bottom: 5px;  padding-left: 0;  padding-top: 10px;  width: 950px; }
#body .cat-longdesc {  background: none repeat scroll 0 0 #FFFFFF;  color: #878686;  float: right;  height: 100%; margin-top: 0; padding: 0;  position: relative; text-align: justify; z-index: 2;}
div#selID_ArticleNavTop {width:182px; float:left; display:block; position: relative;}

.refineParams.bottomParams {padding-bottom:5px;}
#itemsPagerbottom.pager.bottom {float:right; width:auto;}
#sortItems ul.itemline a {text-transform:uppercase; }
#sortItems ul.itemline a:hover {text-decoration: none;  }
#sortItems ul.itemline a.selected {font-weight:bold;}
#sortItems ul.itemline a.selected {font-weight:bold;}


div#content.start {
    /*background: url("../bg/background-sale.jpg") no-repeat scroll center 0 rgba(0, 0, 0, 0);*/
    margin-top: -12px;
}
.startbanner1, .startbanner2, .startbanner3 {
    float: left !important;
    margin-right: 6px;
}
.startbanner4 {
    float: left !important;
}
.startbanner1 img, .startbanner2 img, .startbanner3 img, .startbanner4 img {
    border: 0 none !important;
}

#productList li.productData:hover img.photo.pic.hover, #searchList li.productData:hover img.photo.pic.hover {display:none; }


.form select {height:20px; }


.order_step_agb_error .error {color:red !important; clear:both; float:left; width: 100% !important; text-align:center; font-size:12px !important;   }
.order_step_agb_error {color:red !important; }

#thankyouPage h3.blockHead {text-transform: uppercase; }

.refineParams.clear.bottomParams {float:left; width: 794px; clear:both; }

body, table, input, select, textarea, tt {
    font: 11px 'Century Gothic',Helvetica,Arial,sans-serif;
}

body {
    background: none repeat scroll 0 0 #FFFFFF;
    margin: 0;
    padding: 0;
}

#page-wrapper {
    float: left;
    height: auto;
    width: 100%;
}

div#page {
    background: none repeat scroll 0 0 #FFFFFF;
    margin: 0 auto;
    padding: 0;
    position: relative;
    width: 100%;
}

div#content {
    background: none repeat scroll 0 0 #FFFFFF;
    clear: both;
    float: left;
    margin-top: 0;
    width: 100%;
}

div#details_container
{
	 margin: auto;
    width: 950px;
}

div#header {
    background: none repeat scroll 0 0 #FFFFFF;
    clear: both;
    margin-bottom: 12px;
    width:100%;
}

div#footer {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    clear: both;
    margin-top: 0;
    width: 100%;
}

div.footer-wrapper {
    margin: auto;
    width: 950px;
}

div#content.start div#body {
    float: left;
    min-height: 593px;
}
div#body {
    margin: 0;
    width: 100%;
}

div.page-wrapper {
    margin: auto;
    position: relative;
    width: 950px;
}

#body .product-list {
    float: right;
    width: 813px;
}

.filters {
    width: 137px;
    font-size: 11px;
}

p.attrfilter label span {
    text-transform: capitalize;
}




#body .old_box, .heading-wrapper {
    font: 10px 'Century Gothic',Helvetica,Arial,sans-serif;
}

@font-face {
    font-family: Century Gothic;
    src: url('../fonts/289B29_0_0.eot');
    src: local("☺"), url("../fonts/289B29_0_0.woff") format("woff"),  url("../fonts/289B29_0_0.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

.cmsContent {
    font-size: 12px;
    line-height: 15px;
    margin: 0 0 1em 0;
}

#content .cmsContent {
    width: 920px;
    padding: 15px;
}

.ordersteps {
    margin-bottom: 16px;
    background: #f3f3f3;
    width: 920px;
    border: none;
    height: 86px;
    margin-top: -6px;
    color: #000;
    padding-left: 15px;
    padding-right: 15px;
}

.ordersteps h1 {
    font-family: 'Century Gothic',Helvetica;
    font-size: 23px;
    line-height: 23px;
    color: #000;
    float: left;
    margin: 27px 0px 0px;
    font-weight: bold;
    text-transform: uppercase;
}

h1.headimg {

    color: #000;
    float: left;
    font-size: 23px;
    line-height: 23px;
    font-weight: bold;
    text-transform: uppercase;
}

.ordersteps .sepline {
    height: 1px;
    width: 100%;
}
.sepline {
    width: 100%;
    border-top: 1px solid #878686;
    float: left;
    height: 1px;
}

div.page-wrapper{width: 950px;margin:auto;position: relative;min-height: 90px;}

#body .old_box.large {
    width: 918px;
    background: #fff;
}
#body .old_box.content {
    background: #fff;
    width: 918px;
    padding-top: 30px;
}
#body .old_box {
    font-size: 12px;
    line-height: 15px;
    margin-bottom: 15px;
}
#body .old_box {
    padding: 5px 15px 15px;
    width: 948px;
    float: left;
}
.page-wrapper.cmscontentbox .old_box {
    border: none !important;
}

div#header {
    margin-bottom: 12px;
}

#body .old_box p {
margin: 0 0 1em 0;
}


#body .old_box ul {
padding: 0 0 0 2em;
margin: 0;
margin-bottom: 10px;
}

#body .old_box  li {
    padding: 0;
}

#body .account_header dl {
	border-bottom: 1px solid #e2e2e2;
	margin: 2px 0;
	padding-bottom: 5px;
	width: 97%;
}

#body .box.large {
	width: 918px;
	background: #fff;
}

#body .box.account_header {
	margin-bottom: 15px;
	padding: 5px 15px;
}

hr {
	margin: 0 0 5px;
	height: 1px;
	text-align: center;
	color: #cbcbcb;
	background-color: #cbcbcb;
	border: 0;
	float: left;
	width: 100%;
}

#body .boxhead.large {
	width: 923px;
}
#body .boxhead {
	padding: 10px 10px 0px 15px;
	height: 20px;
	line-height: 20px;
	font-size: 15px;
	color: #000;
	width: 538px;
	float: left;
	position: relative;
	font-weight: bold;
	margin: 0;
	text-transform: uppercase;
}

.box.account_header.large {
	float: left;
	width: 100%;
}

#body .account_header dt a {
	font-weight: bold;
	font-size: 10px;
	text-decoration: none;
	color: #555555;
}

#body .account_header dt a.active {
	color: #d11104;
}

#body .account_header dd {
	margin: 2px 0;
	font-size: 10px;
	color: #555555;
}

.wishlistSearch hr {
	float: left;
	width: 100%;
}

.wishlistSearch .formTitle {
	border-bottom: none;
}

#body .account_header dl.lastInCol {
	border-bottom: 0;
	margin: 0;
	padding-bottom: 0px;
}

#body .wishlistView .oneWishlistSearchContent {
	float: left;
	padding: 10px 10px 0px 15px;
	width: 923px;
}

.wishlistView .oneWishlistSearchButton {
	border: none;
	height: 32px;
	outline: 0;
	position: relative;
	display: block;
	margin: 6px 0 0 7px;
	color: #ffffff;
	cursor: pointer;
	display: block;
	float: left;
	text-transform: uppercase;
	font-size: 13px;
	font-weight: normal;
	padding: 4px 10px;
	background: #949494;
	outline: none;
	padding-right: 20px;
	font-family: 'Century Gothic',Helvetica,Arial,sans-serif;
}

.oneWishlistSearchContent label {
	margin: 15px 0px 0px 5px;
	float: left;
}

.one_arrow {
	background: url(../bg/arrow-1.png) no-repeat right 0px transparent;
	width: 7px;
	height: 33px;
	right: 10px;
	top: -1px;
	position: absolute;
}

#body .box.info {
	padding: 10px 15px;
	width: 533px;
}

#body .box.info.large {
	width: 918px;
	background: #fff;
}

.box.info.wlist.large hr {
	width: 100%;
	float: left;
	margin: 0 0 10px;
}

.wishlistView {
	border-bottom: none;
	margin-bottom: 15px;
	padding-bottom: 15px;
}

.box.info.wlist.large {
	font-size: 12px;
}

#body div.bar.prevnext .arrowright {
	background: #000;
	padding-right: 10px;
}

#body .arrowright {
	background: #000;
	padding-right: 10px;
}

#body #test_BackToShop {
	background: url(../bg/arrow-1.png) no-repeat scroll right 0px #000;
	color: #fff;
	border: none;
	height: 32px;
	text-transform: uppercase;
	padding: 0px 11px 0px 12px;
	cursor: pointer;
	font-size: 13px;
	font-weight: normal;
	outline: none;
	font-family: 'Century Gothic',Helvetica,Arial,sans-serif;
}

#body #test_BackToShop > div{
	margin-bottom: 30px;
}

#body .form th {
	text-align: left;
	padding: 7px 0;
	font-weight: bold;
	font-size: 11px;
}

select[name="blpublic"] {
	margin-right: 5px;
	float: left;
	margin-top: 6px;
}

span.btn input, span.btn a {
	border: none;
	height: 32px;
	outline: 0;
	position: relative;
	display: block;
	margin: 0;
	color: #ffffff;
	cursor: pointer;
	display: block;
	float: left;
	text-transform: uppercase;
	font-size: 13px;
	font-weight: normal;
	padding: 2px 10px;
	background: url(../bg/arrow-1.png) no-repeat right 0px #949494;
	outline: none;
}

span.btn {
	height: 32px;
	display: -moz-inline-stack;
	display: block;
	float: left;
	margin: 0;
	outline: 0;
    background-image: none;
	padding-right: 10px;
	outline: none;
}

#tpl_name_forgotpwd span.btn
{
	background: #000;
}

#tpl_name_register span.btn
{
	background: #949494;
}

.one_wishlist td {
	width: auto;
}

#body .one_wishlist .one_wishlist_hr {
	margin-top: 20px;
}

#body .wishlist .product {
	height: 385px !important;
}
#body .wishlist .product {
	float: left;
	width: 203px;
	height: 340px;
	padding: 0px 12px 0px 33px;
	position: relative;
	background: #ffffff;
	margin-top: 10px;
	padding-top: 15px !important;
	margin-bottom: 30px;
	z-index: 1;
}

#body .wishlist a.url span.upper {
	margin: 0px;
	font-size: 12px;
	color: #000;
	font-weight: bold;
	display: block;
	width: 100%;
	text-align: center;
}

#body  .wishlist .product.w193 .desc {
	width: 193px !important;
	padding: 0px;
}
#body .wishlist .product .desc {
	color: #878686;
	font-size: 12px;
	font-weight: normal;
	float: left;
	width: 226px;
	line-height: 15px;
	text-align: center;
}

#body .wishlist .product .cost {
	line-height: 14px;
}

#body .wishlist .product .cost {
	width: 100%;
	text-align: center;
}

#body .wishlist .arrowright {
	background: #fff;
}

#body .wishlist .arrowright input{
	color: #fff;
	border: none;
	height: 32px;
	text-transform: uppercase;
	padding: 0px 9px 0px 10px;
	cursor: pointer;
	font-size: 13px;
	font-weight: normal;
	outline: none;
}

.wishlist div.left {
	width: 100%;
	padding: 5px 0 0 4px;
	text-align: center;
}

.one_wishlist_back_to_shop {
	clear: both;
	margin-bottom:50px;
}

.wishlistResults {
	margin-left: 20px;
}

#body .wishlistResults a {
	font-weight: bold;
	color: #000;
	display: block;
	width: 1%;
	white-space: nowrap;
	font-size: 12px;
	line-height: 20px;
}

.one_wishlist td {
	min-width: 139px;
	padding: 3px 0;
}

.one_wishlist td label {
	padding-left: 0px;
	padding-right: 10px;
}


.one_wishlist table td, .one_wishlist table td * {
    vertical-align: top;
}

.one_wishlist .form {
	width: auto;
}

#body h1.headimg.large {
	width: 933px;
}

#body .ordersteps h1 {
	font-family: 'Century Gothic',Helvetica;
	font-size: 23px;
	line-height: 23px;
	color: #000;
	float: left;
	margin: 27px 0px 0px;
	font-weight: bold;
	text-transform: uppercase;
}

#body h1.headimg {
	color: #000;
	float: left;
	font-size: 23px;
	line-height: 23px;
	font-weight: bold;
	text-transform: uppercase;
}

.wishlistSearch input[name="search"] {
	width: 158px;
	height: 20px;
	margin: 9px 0 0 -5px;
}

.oneWishlistSearchContent label {
	width: 246px;
}

.submitButton {
	text-shadow: none;
}


.mt10{margin-top:10px !important;}
.mb20{margin-bottom:20px !important;}
.mb15{margin-bottom:15px !important;}
.p0{padding: 0 !important;}
.ml120{margin-left:120px;}
.ml132{margin-left:132px;}
.ml100{margin-left:0px;}
.ml90{margin-left:90px;}
.ml0{margin-left:0px; }
.ml20{margin-left:20px; }
.ml30{margin-left:0px; }
.w170{width: 226px !important;}
.pl170{}

.w190{width:190px !important;}
.w193{width:193px !important;}
.w318{width: 318px !important;}
.pl50{padding-left: 50px !important;}
.pr50{padding-right: 50px !important;}
.pr73{padding-right: 73px !important;}
.pl73{padding-left: 73px !important;}


.one_wishlist .pl73{padding-left: 60px !important;}
.one_wishlist .pr73{padding-right: 40px !important;}

select, textarea, tt {
	font: 10px 'Century Gothic',Helvetica,Arial,sans-serif;
}

#body .box.info hr {
	margin: 0 0 10px;
}

.one_wishlist form[name="wishlist_wishlist_status"] {
	margin-top: 3px;
}

.one_wishlist form[name="basket"] {
	margin-bottom: 15px;
}

#one_account_change_password_heading {
	font-size: 11px;
	font-weight: bold;
	margin: 0;
	padding: 0;
	display: block;
}

#body .account small {
	font-size: 10px;
}

.note {
	color: #000;
}

.def_color_1 {
	color: #757C83;
}

.account form[name="changepassword"] {
	font-size: 11px;
}

.account form[name="changepassword"] {
	font-size: 11px;
}

.one_change_password li{
	padding: 3px;
	padding-left: 0px;
}

.one_change_password li label{
	width: 127px;
	padding-left: 2px;
}

.one_change_password li input[type="password"]{
	width: 108px;
	height: 12px;
}


#page .one_account_newsletter .box.info .form label {
	font-size: 12px;
	width: auto;
}
#page .one_account_newsletter .box.info .form label {
	padding-left: 0px;
	padding-right: 0px;
}

#page  .one_account_newsletter .one_margified {
	margin-top: 13px;
	margin-bottom: 5px;
}

#body .form.one_orderhistory td {font-size: 10px; padding: 2px 0; width: 50%;}
#body .form.one_orderhistory th {font-weight: bold; font-size: 11px; border: none; background: none; padding: 2px 0; width: 50%;}
#body .form.one_orderhistory tr.headrow td, #body .form.one_orderhistory tr.headrow th {font-size: 11px;}
#body .form.one_orderhistory a.tocart {height:18px; width: 20px; background: transparent url(bg/buttons_pe_.gif) 0 0 no-repeat; margin:0; border: none; padding:0; display: block;}
#body .form.one_orderhistory a.artlink {margin-right: 7px; color: #000; font-size: 10px;}
#body .form.one_orderhistory a.artlink:hover {color: #000;}
#body .form.one_orderhistory .amount {padding-right: 7px;}

.w50p {
	width: 50%;
}

#body .form.one_orderhistory.one_orderhistoryright td {
	width: 97%;
}

#body .form.one_orderhistory.one_orderhistoryright td.amount {
	width: 3%;
}

.inclversand.one_orderhistory {
	margin-left: 140px;
	margin-bottom: 20px;
	float: left;
}

.one_billship li{
	padding: 1px 0px;
	line-height: 20px;
}

#content  #body .one_billship li label{
	width: 150px;
}

.one_billship li input[type="text"]{
	height: 11px;
	width: 193px;
	font: 10px 'Century Gothic',Helvetica,Arial,sans-serif;
}

.one_billship span.heading{
	font-weight: bold;
	font-size: 11px;
}


.one_billship span.small{
	font-weight: normal;
	font-size: 10px;
}

/*div.bar.oxid.navigation {
	margin-top: -5px;
}*/

.one_billship .form li.stateBox {
	padding-left: 165px !important;
	margin-top: -3px;
	margin-bottom: 0px;
}

.one_billship .form li.formSubmit {
	padding-top: 0px;
	padding-left: 0px;
}

.backtoshop.one_billship_back_to_shop {
	margin-left: -15px;
}

.send_register.btn.one_billing_save {
	margin-top: 20px;
	margin-bottom: 30px;
}

.one_billship #invCountrySelect, #content #body .one_billship #delCountrySelect {
	width: 132px !important;
}

.one_billship .form select[data-fieldsize="normal"] {
	width: 188px;
	margin-top: -10px;
}

#content  #body .one_billship  .form input[data-fieldsize="small"] {
	width: 36px;
}

#content  #body .one_billship .city_field {
	width: 146px !important;
}

#content  #body .one_billship .one_shipping_fname {
	width: 52px;
}

#content  #body .one_billship .one_shipping_lname {
	width: 130px;
	margin-left: 5px;
}

#content  #body .one_billship .one_shipping_street, #content  #body .one_billship .one_billing_street {
	width: 150px;
}

#wishlistProductList .productData {
	float: left;
	width: 203px;
	height: 385px;
	padding: 0px 12px 0px 33px;
	position: relative;
	background: #ffffff;
	margin-top: 10px;
	padding-top: 15px !important;
	margin-bottom: 30px;
	z-index: 1;
}

#body .one_wishlist .w318 {
	margin-left: 70px;
	width: 248px !important;
}

#page .one_change_password.box.info .form label {
	font-size: 11px;
	width: 127px;
}

.one_account_newsletter .fs10 {
	color: #000;
}

.one_account_newsletter #status {
	margin-left: 3px;
}

#content  #body .one_billship #addressId {
	width: 163px;
	margin-top: 0px;
}






/* SB, OneCommerce 2014 */

/* NAV BAR TOP */

div.bar.oxid.navigation {
	float: left;
	width: 100%;
	/*background: #BDACA3;*/
	border: none;
	height: 31px;
	font-size: 12px;
	position: relative;
	z-index: 500;
	padding-bottom: 0px;
    background-color: #000;
}
div.bar.oxid.navigation a {
	min-width: 48px;
	text-align: center;
	line-height: 31px;
	color: #FFF;
	text-decoration: none;
	display: block;
	padding: 0px 12px;
	font-weight: normal;
	font-size: 12px;
	font-family: 'Century Gothic', Helvetica;
	text-transform: uppercase;
}

div.bar.oxid.navigation a.current {
	background-color: #3E3A38;
}

div.bar.oxid.navigation #navigation {
	padding: 0;
	list-style: none;
	width: 950px;
	margin: auto;
	float: none;
	background: #000; /*#BDACA3;*/
    text-align: center;
}

div.bar.oxid.navigation #navigation li {
    border: none;
    display: inline-block;
    float: none;
}

div.bar.oxid.navigation #navigation li:hover {
	background-color: #3E3A38;
}

div.bar.oxid.navigation #navigation li:first-child {
	width: 115px;
}

div.bar.oxid.navigation #navigation li:hover {
	background-color: #3E3A38;/*#000;*/
	border-radius: 0px;
}

div.bar.oxid.navigation #navigation li:hover ul {
	visibility: visible;
	display: block;
	top: 100%;
	padding: 0;
	margin: 0;
	z-index: 1000;
	background: #3E3A38;
	width: 158px;
	box-shadow: 1px 1px 3px #000;
	-webkit-box-shadow: 1px 1px 3px #000;
	-moz-box-shadow: 1px 1px 3px #000;
	border-radius: 0px;
	left: 0px;
	margin-left: 0px !important;
	opacity: 0.95;
}

div.bar.oxid.navigation #navigation li ul li a {
	text-align: left;
	padding: 0px 18px;
	background: none;
	color: #FFF;
	font-weight: normal;
	margin-top: 12px;
}

div.bar.oxid.navigation #navigation li ul li:hover, div.bar.oxid.navigation #navigation li ul li:hover > a {
	background: none;
	color: #000;
}

div.bar.oxid.navigation #navigation li ul li:last-child a {
	padding-bottom: 10px;
}
/* --- Search box ------------------------------- */
div.searchBox {
	text-align: right;
/*	width: 360px;*/
	/*position: absolute;
	right: 0px;
	top: 71px !important;*/
}

div.searchBox input.textbox {
	height: 16px;
	border: 1px solid #817E7A;
	color: #817E7A;
	padding: 3px;
	margin: 0;
	width: 161px;
	border-radius: 0px;
}

div.searchBox input.searchSubmit {
	background: #949494;
	font-size: 12px;
	height: 24px;
	color: #FFF;
	padding: 0px;
	cursor: pointer;
	border: none;
	margin: 0;
	width: 66px;
	vertical-align: top;
	float: right;
}

div.searchBox input.textbox:focus {
	color: #333;
}

input.txt#searchParam {
	width: 161px;
	margin-right: -3px;
}

div.searchBox label.innerLabel {
	left: 66px;
	top: 3px !important;
}

/* FLYOUTS LOGINBOX*/

.loginBox {
	position: relative;
	display: none;
}

.loginForm {
	position: absolute;
	float: right;
	top: 0px;
	left: -32px;
	padding: 10px 0px 5px 13px;
	background: #FFF;
	border: 1px solid #C5C4C3;
	z-index: 550;
	width: 326px;
}

.loginForm .submitButton {
	border: none;
	background: url(../bg/button-senden-2.gif) no-repeat 0 1px;
	color: #FFF;
	height: 26px;
	padding-bottom: 0px;
	cursor: pointer;
	vertical-align: bottom;
	text-transform: uppercase;
	margin-left: 5px;
	padding-left: 8px;
	padding-right: 10px;
	width: 75px;
	font: 10px 'Century Gothic', Helvetica, Arial, sans-serif;
	font-weight: 100;
}

.loginForm .submitButton:hover {
	border: none;
	background: url("../bg/button-senden-hover-2.gif") no-repeat;
	text-shadow: none;
}

.loginForm .textbox {
	height: 16px;
	border: 1px solid #817E7A;
	color: #817E7A;
	padding: 3px;
	margin: 0;
	margin-top: 2px;
	width: 225px;
}

.loginForm .innerLabel {
	top: 5px !important;
	font-size: 9px;
}

.loginForm p {
	float: left;
	display: block;
}
.loginForm p#xtra_inputs {
	margin-top: 15px;
	width: 100%;
}

.loginForm p#xtra_inputs a#pw_input {
	float: left;
	display: block;
}

.loginForm p#xtra_inputs span {
	width: 150px;
	display: block;
}

.loginForm p#xtra_inputs span#close {
	width: auto;
	right: 14px;
	position: absolute;
}

.loginForm p#xtra_inputs span#close:hover {
	cursor: pointer;
}

/*LOCATOR*/

#body a.page {
	background: url("../bg/button-hintergrund-seitenzahl.gif") no-repeat scroll 0 1px;
	padding: 0px;
	margin-right: 2px;
	display: block;
	height: 24px;
	float: left;
	width: 24px;
	text-align: center;
	line-height: 25px;
}

#body a.page.active {
	background: url("../bg/button-hintergrund-seitenzahl-hover.gif") no-repeat scroll 0 1px;
	color: #FFF;
}

.pager {
	background: none;
	float: right !important;
	padding-right: 0px;
	border: none;
	font: 11px 'Century Gothic', Helvetica, Arial, sans-serif;
}

div.pager a.prev {
	background: url("../bg/sortierung-pfeil-li-dunkel.jpg") no-repeat scroll 0 0px;
	padding: 0px 5px;
	margin-right: -4px;
	height: 40px;
    width: 40px;
	display: block;
	float: left;
	line-height: 27px;
    background-size:70%;
}

div.pager a.prev.inactive {
	color: #CCC;
	cursor: default;
	text-decoration: none;
}

div.pager a.next{
	display: block;
	background: url("../bg/sortierungs-pfeil-re-dunkel.jpg") no-repeat scroll 0px 0px;
	padding: 0px 5px;
	height: 40px;
    width:40px;
	float: left;
	line-height: 27px;
	margin-left: 9px;
    background-size:70%;
}

.epoq_resultpages .epoq_pageNo.epoq_page_right a
{
	display: block;
	background: url("../bg/button-hintergrund-weiter.gif") no-repeat scroll 0px 1px;
	padding: 0px 27px 0px 0px;
	height: 24px;
	float: left;
	line-height: 27px;
	margin-left: 2px;
}

.epoq_resultpages .epoq_page_left a
{
	background: url("../bg/button-hintergrund-zurueck.gif") no-repeat scroll 0 1px;
	padding: 0px 14px 0px 6px;
	margin-right: 3px;
	height: 24px;
	display: block;
	float: left;
	line-height: 27px;
}

/* SORTING LOCATOR */

div#sortItems {
	width: auto;
	display: block;
	padding: 5px 0.6em 5px 20px;
}

p.sort_title {
	float: left;
	font-family: 'Century Gothic', Helvetica;
	font-size: 11px;
	text-transform: uppercase;
	line-height: 13px;
}

ul.itemline {
	display: inline-block;
	margin: 2px 0 0 10px;
}

ul.itemline li {
	float: left;
	display: block;
	font-family: 'Century Gothic', Helvetica;
	text-transform: uppercase;
	border-right: 1px solid grey;
	line-height: 4px;
	padding: 3px 5px;
	font-size: 10px;
}

ul.itemline li:hover {
	text-transformation: none;
}

ul.itemline li:last-child {
	border: none;
}

/* Checkout */

.checkoutSteps {
	position:relative;
	margin-bottom: 16px !important;
	float: left;
	background: #F3F3F3;
	width: 920px;
	border: none;
	height: 86px;
	margin: 0;
	color: #000;
	padding-left: 15px;
	padding-right: 15px;
}

.checkoutSteps .steps {

	position: absolute;
	right: 0px;
	top: 0px;
	width: 650px;
}

.checkoutSteps .steps li a {
	font-size: 14px;
	margin: 0;
	color: #949494;
	text-align: center;
	line-height: 27px;
	display: block;
}

.checkoutSteps .steps li a > span {
	background: none repeat scroll 0 0 #F3F3F3;
	border: 1px solid #949494;
	padding: 4px 7px 1px;
}

.checkoutSteps h1 {
	font-family: 'Century Gothic', Helvetica;
	font-size: 23px;
	line-height: 23px;
	color: #000;
	float: left;
	margin: 27px 0px 0px;
	font-weight: bold;
	text-transform: uppercase;
}

.checkoutSteps li {
	width: 135px;
	height: 63px;
	margin: 7px 25px 0 0;
	float: left;
	color: #949494;
	list-style: none;
}

.checkoutSteps .steps li > span {
	font-size: 14px;
	color: #949494;
	text-transform: uppercase;
	text-align: center;
	width: 100%;
	display: block;
	line-height: 27px;
}

.checkoutSteps .steps li.active > span, .checkoutSteps li.active > a {
	color: #000;
}

.error {
	color: #000;
	border: none;
	background: none;
}

/* CHECKOUT STEP 1 */

.lineBox {
	padding: 0;
	float: left;
	width: 950px;
	margin-bottom: 10px;
	margin-top: 5px;
	border: none;
	margin: 0;
	background: none;
}

.lineBox form {
	margin-top: 20px;
	margin-bottom: 10px;
}

div.lineBox .big_button, .big_button {
	padding-right: 10px;
	background-color: #82c895;
	display: inline-block;
	float:left;
}

.big_button.goshopping {
	padding-left: 10px;
}

div.lineBox .big_button:hover, .big_button:hover {
	background-color: #3F3F3F;
}

div.lineBox .big_button.right, .big_button.right {
	float: right;
}

div.lineBox .big_button.left, .big_button.left {
	float: left;
	padding-right: 0px;
}

.largeButton.nextStep {
	background: url(../bg/arrow-1.png) no-repeat scroll right -1px rgba(0, 0, 0, 0);
	color: #FFF;
	border: none;
	font: 13px 'Century Gothic', Helvetica, Arial, sans-serif !important;
	cursor: pointer;
	font-weight: normal;
	outline: none;
}

.largeButton.prevStep {
	background: url(../bg/arrow-2.png) no-repeat scroll 5px 0px rgba(0, 0, 0, 0);
	color: #FFF;
	border: none;
	font: 13px 'Century Gothic', Helvetica, Arial, sans-serif !important;
	cursor: pointer;
	font-weight: normal;
	outline: none;
	line-height: 30px !important;
}

.largeButton.prevStep:hover {
	text-decoration: none;
}

.largeButton.nextStep.std_button {
	height: 33px;
}

.big_button.grey {
	background-color: #949494;
}

.big_button.grey:hover, .big_button.grey button:hover {
	background-color: #7F7F7F;
}

/* BASKET STEP 1 */

#basket tbody tr {
	height: 10px;
}

.oxValidateError.voucher {
	padding: 5px 0 5px 0;
}

#body #basket th {
	background: #FFF;
	font-weight: bold;
	height: 25px;
	border-bottom: 1px solid #C5C4C3;
	border-top: 1px solid #C5C4C3;
	vertical-align: middle;
}

#body #basket th:first-child {
	text-align: left;
}

#body #basket tr td {
	vertical-align: top;
	padding-top: 5px;
	text-align: center;
}

#body #basket .art_title a {
	font-size: 14px;
	font-weight: normal;
	color: #000;
	font-family: 'Century Gothic', Helvetica, Arial, sans-serif;
	text-align: left;
	display: block;
}

#body #basket .art_num {
	font-size: 10px;
	color: #555;
	text-align: left;
}

#body #basket .basketImage {
	background: #FFF;
	text-align: center;
	display: block;
	padding: 0 20px 0 10px;
}

#body #basketSummary {
	width: 332px;
	background: #F7F7F7;
	float: right;
	padding: 10px 10px 10px 20px;
}

button.btn {
	height: 32px;
	display: block;
	float: left;
	margin: 0;
	background: #949494;
	padding-right: 10px !important;
	outline: none;
	padding: 0;
	margin-right: 10px;
	margin-top: 10px;
}

button.btn span {
	border: none;
	height: 32px;
	position: relative;
	margin: 0;
	color: #FFF;
	cursor: pointer;
	display: block;
	float: left;
	text-transform: uppercase;
	font-size: 13px;
	font-weight: normal;
	padding: 9px 10px;
	background: url(../bg/arrow-1.png) no-repeat right 0px rgba(0, 0, 0, 0);
	outline: none;
}

div.clear.summary, div#basketSummary table tr:last-child {
	border-top: 1px solid #C5C4C3;
	border-spacing: 2px;
	padding-top: 5px;
}

div.clear.summary div {
	float: left;
	display: block;
	width: 100%;
}

div#basketSummary table {
	width: 100%;
	float: left;
}

div#basketSummary table #basketDeliveryNetto {
	padding-top: 5px;
	margin-top: 5px;
	padding-bottom: 5px;
}

div#basketSummary table td, div#basketSummary table th {
	padding-right: 15px !important; min-width: 60px;
	text-align: right;
	padding-top: 5px;
	font: 12px 'Century Gothic', Helvetica, Arial, sans-serif;
}

div#basketSummary table tr:last-child > th, div#basketSummary table tr:last-child > td {
	padding-top: 5px !important;
	font-size: 15px !important;
	font-weight: normal !important;
	text-transform: uppercase;
}

div#basketVoucher {
	float: right;
	width: 362px;
	margin-bottom: 15px;
	background: #F7F7F7;
	margin-top: 20px;
}

#test_VoucherHeader {
	padding: 10px 10px 0px 15px;
	height: 20px;
	line-height: 20px;
	font-size: 15px;
	color: #000;
	width: 538px;
	float: left;
	position: relative;
	font-weight: bold;
	margin: 0;
	text-transform: uppercase;
}

div#basketVoucher div.couponBox {
	width: 300px;
	float: right;
	padding: 10px 15px;
	border: none;
}

div#basketVoucher div.couponBox label {
	display: block;
	margin-bottom: 5px;
	font-size: 12px;
	line-height: 15px;
}

div#basketVoucher div.couponBox input {
	width: 193px;
	border: 1px solid #C5C4C3;
	margin: 0;
	height: 22px;
	float: left;
}

div#basketVoucher div.couponBox .submitButton.btn {
	height: 26px;
	margin-right: 0px;
	margin-top: 0px;
}

div#basketVoucher div.couponBox .submitButton.btn span {
	height: 26px;
	padding: 5px 10px;
	background-position-y: -2px;
}

.lineBox label.checkout_header {
	vertical-align: middle;
	float: left;
	font-size: 15px;
	font-weight: bold;
	margin-top: 30px;
	padding: 0;
	text-transform: uppercase;
	line-height: 15px;
}

.lineBox.clear.check1_bot {
	margin-bottom: 30px;
}

.totalunitprice {
	padding-left: 37px;
}

/* STEP 2 CheCkOut*/

#optionNoRegistration, #optionRegistration, #optionLogin {
	background: #FFF;
	width: 289px;
	height: 310px;
	margin-right: 10px;
	padding: 10px;
	position: relative;
	font-size: 12px;
	line-height: 14px;
	border-right: 1px solid #9A9A9A;
	margin-bottom: 20px;
	margin-top: 20px;
	color: #000;
}

#optionRegistration {
	margin-right: 0px;
	border-right: none;
}

.btn_around {
	margin-top: 20px;
	background-color: #000;
}

.form.billinglist {
	margin-right: 10px;
	padding: 0 80px 0 0;
	display: block;
	float: left;
}

.billinglist_head {
	display: inline-block;
	margin-top: 0px !important;
	margin-bottom: 10px;
	font-size: 15px;
	text-transform: uppercase;
	border-bottom: none !important;
}

.checkoutCollumns div.collumn {
	display: block;
	float: left;
	width: 422px;
	padding-left: 35px;
}

.city_field {
	width: 127px !important;
}

.street_nr {
	width: 31px !important;
}

.country_input {
	width: 196px !important;
}

.form label.req {
	font-weight: 200;
}

label#billing_nl {
	width: 170px !important;
	padding-left: 10px;
}

.no_items {
	margin-top: 20px !important;
	margin-bottom: 20px !important;
	display: block;
}

.show_shipfields {
	height: 32px;
	display: block;
	float: left;
	margin: 0;
	outline: 0;
	background: #949494;
	padding-right: 10px;
	outline: none;
}

.show_shipfields input {
	border: none;
	height: 32px;
	outline: 0;
	position: relative;
	display: block;
	margin: 0;
	color: #FFF;
	cursor: pointer;
	display: block;
	float: left;
	text-transform: uppercase;
	font-size: 13px;
	font-weight: normal;
	padding: 2px 10px;
	background: url(../bg/arrow-1.png) no-repeat right 0px rgba(0, 0, 0, 0);
	outline: none;
}

.fs10 {
	display: inline-block;
	color: #757C83;
	font-size: 10px;
}

.fs10 .req {
	color: #000;
}

.marg_bot_15 {
	margin-bottom: 15px !important;
}

#show_shipfields {
	height: 40px;
}

.collumn .blockHead {
	font-size: 14px;
	margin-top: 0px !important;
	padding: 0;
	color: #000;
	line-height: 20px;
	text-transform: uppercase;
}

.left_billcolumn {
	padding: 0 0 0 40px;
	border-right: 1px solid #C7C7C7;
}

.right_shipcollumn {
	padding-left: 38px;
	margin-bottom: 50px;
	width: 325px;
	margin-top: 0px !important;
}

.right_shipcollumn h3 {
	padding-top: 0px;
}

div.collumn ul.form.billinglist li label, div.collumn ul#shippingAddress li label, div.collumn.left_billcolumn ul#addressForm li label {
	display: inline-block;
	width: 134px;
	float: left;
	padding-top: 5px;
}

div.collumn ul.form.billinglist li, div.collumn ul#shippingAddress li, div.collumn.left_billcolumn ul#addressForm li {
	padding: 1px 0;
}

.form li.stateBox {
	padding-left: 133px !important;
}

#subscribeNewsletter {
	margin-top: 0px;
}

div.steps li.active span a {
	color: #000;
}

div.steps li span a:hover, div.steps li a:hover {
	text-decoration: none !important;
}

.lineBox.userstep {
	margin-bottom: 20px;
	margin-top: 25px;
}

span.btn input, span.btn a {
	z-index: 9999;
}

.left_billcolumn ul li {
	padding: 3px 0;
}

#newsSubscribed {
	margin-top: 5px;
}

.form li.formNote {
	padding-bottom: 0;
	color: #000;
	line-height: 15px;
	font-size: 12px;
	margin-top: 25px;
}

.checkout_user {
	display: block;
	float: left;
	margin-top: 20px;
}

.fs11 {
	font-size: 11px !important;
}

.lineBox.option h3 {
	font-size: 13px;
	text-transform: uppercase;
}

.lineBox#optionLogin form ul.form li label {
	width: 70px;
	line-height: 25px;
}

.lineBox.option#optionLogin form ul li {
	padding: 0;
}

.lineBox.option#optionLogin form ul li span.big_button {
	margin-top: 15px;
}

form.js-oxValidate {
	display: block;
}

.checkoutCollumns.clear {
	margin-top: 12px;
}

#oxStateDiv_invadr[oxuser__oxstateid] {
	margin-left: 140px;
}

form#payment dl dt label {
	text-transform: uppercase;
}

form.payment dl dt label b,form#payment dl dt label b
{
	font-weight: 900;
	text-transform: none;
	font-family: arial;
	font-size: 14px;
}

.margb_30 {
	margin-bottom: 30px;
}

#page .box.info.user ul.form li {
	padding: 0;
}

#page .box.info .form li {
	width: 920px;
}

#page .box.info .form label {
	font-size: 11px;
	width: 145px;
}

#body .dot_sep {
	border: 0px none;
	height: 10px;
	margin: 0px;
}

.registration {
	padding-left: 15px !important;
}

.collumn.left_billcolumn.registration ul.form.billinglist li {
	width: 375px;
}

.collumn.left_billcolumn.registration ul.form.billinglist li label {
	padding-left: 5px;
	padding-right: 15px;
}

#step2PswdOpener {
	display: block;
	float: left;
	margin-top: 10px;
	width: 280px;
	background: url(../bg/oxid_pe_.gif) no-repeat 0 -385px;
	padding-left: 14px;
	font-size: 10px;
	text-decoration: none;
	color: #555 !important;
	line-height: 1.1em;
}

.step2PswdOpener
{
	display: block;
	margin-top: 3px;
	background: url(../bg/oxid_pe_.gif) no-repeat 0 -385px;
	padding-left: 14px;
	font-size: 10px;
	color: #555 !important;
	line-height: 1.1em;
	text-decoration: none !important;
}

div#optionLogin form {
	margin-top: 0px;
}

h3#deliveryHeader, h3#paymentHeader {
	padding: 10px 10px 0px 10px;
	line-height: 20px;
	font-size: 15px;
	color: #000;
	width: 915px;
	position: relative;
	font-weight: bold;
	margin: 0;
	text-transform: uppercase;
	float:left;
}

h3#paymentHeader {
	padding: 10px;
	background: #ececec;
	width: 930px;
	float: left;
	margin-top:25px;
}

ul.delivery_settings {
	padding: 10px 10px;
	margin-top: 10px;
	width: 930px;
	border-top: 1px solid #CBCBCB;
	float:left;

}
form#shipping {
	float:left;
}
form#shipping li.shipname {
	float:left; width: auto;  margin:0px; padding:0px;
}
form#shipping #shipSetCost {
	float:right ; width: auto;  margin:0px; padding:0px;
}
form#payment{
	margin-left: 0px;
	margin-top: 12px;
	float:left;
}

form.payment {
	width: 930px;
}

form#payment dt {
 margin-left: 10px;
}

form#payment dl {
	margin: 10px 0;
	float:left; clear:both;

}

form.payment dl {
	float:left;
	clear:both;
	padding: 30px 10px 20px 0;
	width:940px;
	border-bottom:1px solid #ccc;
}

#payment_oxidpaypal {
	float: left;

	margin-right: 5px;
}

input#payment_oxidcreditcard {
	float: left;
	margin-top: 10px;
}

label#oxcreditcardlabel {
	float: left;
	margin: 9px 10px 0 5px;
}

.cc {
	padding-left: 9px;
	width: 128px;
}

ul.form.ccard
{
	margin-top:70px;
}

ul.form.ccard li {
	padding: 3px 0 2px;
}

ul.form.ccard li input {
	width: 110px;
	font-size: 10px;
}

input#ccard_pruef {
	width: 38px;
}

.note#ccard_pruef {
	color: #757C83;
	font-size: 10px !important;
	font-style: normal;
}

img#pruef_visa_pic {
	display: block;
	float: right;
	margin-right: 33px;
}

.next_payment {
	display: block;
	margin-left: 460px;
	padding-right: 10px !important;
}

.status.error.errorbox {
	font-size: 10px !important;
	font-weight: bold !important;
	border: 1px solid #F00 !important;
	color: #F00 !important;
	padding: 5px !important;
	margin: 0px 15px 10px !important;
	width: 522px !important;
	float: left !important;
}

div#orderAgbTop div.agb {
	display: block;
	float: left;
	width: 100%;
	padding-top: 20px;
	border-top: 1px solid #C5C4C3;
}

.ta_right.total_col {
	padding-left: 25px;
}

.order.laststep_header {
	padding: 0px;
	border: none;
	background: #FFF;
	margin-top: 15px;
	float: left;
	width: 500px;
	font: 15px 'Century Gothic', Helvetica, Arial, sans-serif;
	font-weight: bold;
	margin-bottom: 15px;
}

.order.laststep_header .lineBox {
	float: none;
	margin-top: 0;
}

div #orderPayment {
	padding-bottom: 5px;
}

div#orderAddress {
	display: block;
	float: left;
	width: 100%;
	padding-bottom: 5px;
}

.fs15 {
	float: left;
	padding-top: 9px;
}

div#orderAddress dl {

	float: left;
	margin-right: 150px;
}

div#orderAddress dl dt {
	margin-bottom: 15px;
}

div#orderAddress dl dd {
	font-size: 12px;
}

.top_border {
	border-top: 1px solid #C5C4C3;
	padding-top: 20px;
	border-bottom: none !important;
}

.summary.orderSummary.lastpage {
	background-color: #FFF !important;
}

div.couponBox label {
	color: #000;
}

div.couponBox p span {
	font-size: 12px;
}

div#basketVoucher form {
	margin-top: 0px;
}

#basketVoucher {
	padding-bottom: 5px;
}

#orderShipping {
	float: left;
	margin-right: 285px;
}

#basketTotalProductsGross {
	padding-bottom: 5px;
}

.delivery_sum {
	border-top: 1px solid #C5C4C3;
}

.big_button.right.send_basket {
	margin-right: 10px;
}

.big_button.right.send_basket:hover {
	background-color: #3F3F3F;
}

.order.laststep_header.send_basket {

	margin-bottom: 35px;
}

#shipSetCost {
	margin-left: 15px;
	display: inline-block;
	width: 100%;
}

#thankyouPage {
	float: left;
	width: 930px;
	padding-left: 10px;
	margin-bottom: 30px;
}

#thankyouPage h3.blockHead {
	font-weight: bold;
	border-bottom: 1px solid #C5C4C3;
	width: 100%;
	margin-bottom: 20px;
}

.paymentstep {
	float: right !important;

}

.checkout_errors {
	padding-left: 35px;
	padding-bottom: 10px;
	color: #F00;
}

.big_black_button {
	background: url("../bg/arrow-1.png") no-repeat right 0px rgba(0, 0, 0, 0);
	height: 32px;
	color: #FFF;
	border: none;
	width: auto;
	cursor: pointer;
	font-size: 13px;
	text-transform: uppercase;
	font-weight: normal;
	outline: none;
	padding-right: 15px;
	line-height: 30px;
}

.big_black_button.goshopping {
	background: url("../bg/arrow-1.png") no-repeat right -10px rgba(0, 0, 0, 0);
}

.big_black_button.goshopping:hover {
	text-decoration: none;
}

#formTsShops {
	width: 485px;
}

.etrustlogocol {
	float: left;
	margin-right: 25px;
}

#shippingAddressText, #addressId {
	margin-top: 10px;
}

#openAccHeader {
	text-transform: uppercase;
	margin-top: 15px;
	font-size: 15px;
	padding-bottom: 15px;
	border-bottom: 1px solid #CBCBCB;
}

.blockHead.register_form {
	margin-top: 10px;
	font-size: 11px;
	padding-bottom: 0px;
}

.blockHead.register_form.bill {
	margin-top: 25px;
	display: block;
}

.header_info {
	font-size: 10px;
	font-weight: normal;
}

.form.registerform {
	width: 100%;
	margin-bottom: 30px;
}

.form.registerform li {
	width: auto;
	padding: 2px 0 0 0;
}

.form.registerform li label {
	width: 360px;
}

.form.registerform li label#billing_nl {
	width: auto !important;
	padding-top: 6px;
	font-size: 10px;
}

.form.registerform li.country_inp {
	padding-top: 5px;
}

.form.registerform li.country_inp select {
	width: 197px;
}

span.big_button.send_register {
	font-size: 12px;
}

.mb50 {
	margin-bottom: 50px !important;
}

.mt30 {
	margin-top: 30px !important;
}

#accUserSaveTop {
	height: 31px;
}

.checkout_error {
 	color: #FF0000 !important;
    display: block;
    float: left;
    padding-left: 15px !important;
    text-align: center;
    width: 100% !important;
}

#xtra_input_1 {
	width: 200px;
	display: block;
}

h1#loginAccount {
	font: 15px 'Century Gothic', Helvetica, Arial, sans-serif;
	padding: 10px 10px 10px 0;
	margin: 0 0 10px 0;
	display: block;
	height: 20px;
	line-height: 20px;
	color: #000;
	float: left;
	position: relative;
	font-weight: bold;
	text-transform: uppercase;
	width: 923px;
	background: #FFF;
	border-bottom: 1px solid #CBCBCB;
}

div.accountLoginView p {
	font-size: 12px;
}

div.accountLoginView form.js-oxValidate ul {
	width: 410px;
	float: left;
	display: block;
}

div.accountLoginView form.js-oxValidate ul li {
	width: 200px;
	display: inline-block;
    float: left;
}

div.accountLoginView form.js-oxValidate ul li label
{
	padding-left: 5px;
	padding-bottom: 10px;
}

div.accountLoginView form.js-oxValidate ul li.formSubmit {
	width: 110px;
	padding-left: 0px;
}

.accountLoginView .col {
	width: 700px;
}

.accountLoginView #signed_in {
	display: block;
	float: left;
}

.h33 {
	height: 33px;
}

input#loginUser, input#loginPwd {
	height: 20px;
}

.xtra_buttons_div {
	display: inline-block;
	width: 180px;
	padding-top: 25px;
}

#xtra_buttons
{
	display: block;
	margin-top: 5px;
}

li#signed_in label
{
	line-height:20px;
}

.big_button.goshopping.login
{
	clear: both;
	float: left;
	margin-top: 15px;
	margin-bottom: 15px;
}

input[type="checkbox"]#showShipAddress
{
	position: absolute;
  	clip: rect(0,0,0,0);
}
input[type="checkbox"]#showShipAddress ~ label.inpt_label {
	background: url(../bg/arrow-1.png) no-repeat right 0px #94948E;
	display: inline-block;
	font-size: 13px;
	font-weight: normal;
	color: #FFF;
	cursor: pointer;
	padding: 10px 10px 10px 10px;
	text-transform: uppercase;
	width: auto;
	border-right: 10px solid rgba(0, 0, 0, 0);
}

.hide
{
	display:none !important;
}

h3#paymentHeader + div#payment
{
	display: block;
	width: 100%;
	float: left;
	margin-left: 15px;
	margin-top: 10px;
	margin-bottom: 20px;
}

h3#paymentHeader + div#payment-wrapper
{
	display: block;
	width: 100%;
	float: left;
	margin-top: 10px;
	margin-bottom: 20px;
}

h3#paymentHeader + div#payment div
{
	margin-bottom:5px;
}

h3#paymentHeader + div#payment div.note
{
	margin-top:5px;
	font-size:10px;
}

h3#paymentHeader + div#payment ul.form.heidelpay li
{
	width:450px;
	padding: 0;
}

h3#paymentHeader + div#payment ul.form.heidelpay li label
{
	width: 150px;
	line-height: 25px;
}

.verifiy_field
{
	width:35px !important;
}

#validate_datebox
{
	display: block;
	padding-top: 5px;
}

span.mobile_switcher
{
	display: inline-block;
	width: 100%;
	height: 30px;
	float: left;
	border-top: 1px solid #000;
	margin-top: 15px;
	text-align: center;
}

span.mobile_switcher form button
{
	background-color: rgba(0, 0, 0, 0);
	color: #000;
	font-weight: 300;
	text-transform: uppercase;
	width: 100%;
	height: 30px;
}

div#sidebar.filters div.categoryBox div#multifilter_filters form div.listFilter div.multifilter_reset_sidebar.last
{
	display:none;
}

div#sidebar.filters div.categoryBox div#multifilter_filters form div.listFilter div.myselection div.multifilter_reset_sidebar.last
{
	display:block;
}

div#payment div form dl dt
{
	margin-top: 15px;
}

#body .status.error
{
	font-size: 11px !important;
	color: #000 !important;
	font-weight: normal;
	float: left;
	width: 890px !important;
	padding: 15px 15px;
	margin: 10px 0 10px 15px;
	border: 1px solid #FF3030;
	background-color: #F3F3F3;
}



.infogridView li.productData{
    float: left;
    width: 226px;
    height: 340px;
    padding: 0px 12px 0px 33px;
    position: relative;
    background: #ffffff;
    margin-top: 10px;
    padding-top: 15px !important;
    margin-bottom: 30px;
    z-index: 1;
    border:none !important;
    text-align: center;
}
.wishlist .infogridView li.productData{
    height: 385px;
}

.infogridView li.productData{
    width: 226px;
}
.itemSlider a.sliderHover, a.sliderHover{
    opacity: 1;
    background: #ffffff;
}
.gridPicture a.listproduct_pic{
    display: block;
}
.gridPicture a.pic{
    height: 255px;
}
.infogridView .pictureBox{
    height: 255px;
    padding: 0;
}
.product-list a.url span.upper, #searchList a.url span.upper, .wishlist a.url span.upper {
    margin: 0px;
    font-size: 12px;
    color: #000;
    font-weight: bold;
    display: block;
    width: 100%;
    text-align: center;
}
.infogridView li.productData .listDetails .desc {
    color: #878686;
    font-size: 12px;
    font-weight: normal;
    line-height: 15px;
    text-align: center;
}
.infogridView .priceBox{
    height: auto;
    padding: 0;
}
.infogridView .productData .titleBox{
    height: auto;
}
.infogridView .productData .titleBox a{
    padding: 0;
}
.productData .cost big, .infogridView .priceBox .price {
    font-size: 12px;
    line-height: 15px;
    font-weight: normal;
    white-space: nowrap;
}
.wishlist .productData .cost big{
    font-weight: bold;
}
.productData .cost sup.dinfo {
    vertical-align: super;
    margin: 0;
    padding: 0;
    position: relative;
    top: 2px;
    right: 1px;
}
.infogridView .productData .more-colorsBox .more-colors.soldout {
    background: none;
    opacity: 1;
    color: #878686;
}
.infogridView .productData .more-colorsBox .more-colors {
    background: none;
    color: #878686;
    font-size: 11px;
    font-weight: bold;
    height: 15px;
    padding: 0px;
    text-transform: uppercase;
}
.infogridView .productData a:hover{
  text-decoration: none;
}

.konfigurator .body .product-tabs { margin-left: -2px !important; }
.konf-basket { right:11px !important; }



.footer_inclversand {float:left; width: 100%; clear:both; }
.footer_wrapper_inclversand {   margin: auto;   width: 950px;}
.footer_wrapper_inclversand .inclversand {position:relative; top:20px; left:0px;  }
.footer_wrapper_inclversand.search .inclversand {position:relative; top:-20px; left:20px;  }


#sidebar.filters.de p.attrfilter label span { text-transform: none !important;}
#sidebar.filters.en p.attrfilter label span { text-transform: capitalize !important;}
#sidebar.filters.en p.attrfilter label span#attrtitle_3adbdb3ac060038aa0e6e6c138ef9873_3de0d14dddff83900f81bf0a01218113 { text-transform: none !important;}

.empty_search {    float: left;  margin: 30px 0;  min-height: 50px;  text-align: center;  width: 100%; font-size:13px; }

span.contact.statusmessage
{
	width: 100%;
	display: inline-block;
	text-align: center;
	padding: 15px 0;
	color: #000;
	font-size: 13px;
	background-color: #F3F3F3;
	border-radius: 6px;
	border: 1px solid #C7C7C7;
	margin-bottom: 25px;
}

#body .details-col.right .information.en .variants select {  text-transform:lowercase; }

/*EPOQ*/

.searchBox #epoq_typeahead
{
	float:right;
}

.epoq_select
{
	float: left;
	height: 12px;
	width: 12px;
	background-color: #FFF;
	border: 1px solid #C7C7C7;
	margin-right: 9px;
}

div.epoq_filterresult.active a div.epoq_select img
{
	display: block;
	height: 15px;
	margin-top: -3px;
}


/** sprite: mysprite; sprite-image: url('epoq/mysprite.png'); sprite-layout: vertical */

#epoq_search_container  {
	float: left;
	font-family: 'Century Gothic',​Helvetica,​Arial,​sans-serif;
	width: 813px;
	margin-bottom: 20px;
}

/* epoq searchinput & typeahead */

/* epoq searchinput */

#epoq_typeahead {
	font-family:'Century Gothic',​Helvetica,​Arial,​sans-serif;
}

#epoq_submit {
	float: left;
	/*background: url(/out/newonenew/src/bg/button-suchen-2.gif);*/
	background-color: transparent;
	background: url(../bg/lupe.gif);
	border: medium none;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 12px;
    height: 24px;
    margin: 0;
    padding: 0;
    vertical-align: top;
    width: 66px;
    text-transform: uppercase;
}

#epoq_submit:HOVER {
	background: url(/out/newonenew/src/bg/button-suchen-hover-2.gif);
}

#epoq_typeaheadbox {
	float: left;
	border: 1px solid #817E7A;
    color: #000;
    height: 17px;
    margin: 0;
    padding: 8px 3px;
    width: 300px;
}

#epoq_contentresult {
	float: right;
	width: 813px;
}

#epoq_bannerresult {
	float: right;
    text-align: right;
    width: 813px;
}
/* end epoq search input */

.ui-widget {
	font-family: 	'Century Gothic',​Helvetica,​Arial,​sans-serif;
}

/* autocomplete style */

ul.ui-autocomplete {
	position: absolute;
}

.ui-autocomplete {
	z-index:1000 !important;
}

.ui-autocomplete .ui-state-hover {
	cursor: pointer;
}

#epoq_suggbox {
	z-index: 1;
}

.epoq_field_match {
	float: right;
}

.epoq_ta_a {
	font-size: 12px;
	margin: 0;
	border: 0 none;
	border-radius: 0 0 0 0;
	-moz-border-radius: 0 0 0 0;
}

.epoq_ta_a.ui-state-hover {
	margin: 0;
	border-color: transparent;
	background: #817E7A;
	color: #FFFFFF;
}

.epoq_ta_li {
	float: left;
	border: 0 none;
	border-radius: 0 0 0 0;
	-moz-border-radius: 0 0 0 0;
}


.epoq_highlight {
}

.epoq_sugg_label2 {

}

.ui-autocomplete.ui-menu {
	z-index:1000 !important;
	width: 204px;
	padding: 5px;
	border: 1px solid #817E7A;
	border-radius: 0 0 0 0;
	-moz-border-radius: 0 0 0 0;
}

.epoq_ta_li {
	margin: 0;
	padding: 0;
	width: 100%;
}

.epoq_ta_a {
	margin: 0;
	padding: 0;
	color: #787878;
	font-family:Helvetica;
}

.epoq_sugg_label {
	font-size: 13px;
	text-decoration: underline;
}

.epoq_ac_close {
}

.epoq_ac_close:HOVER {
	cursor: pointer;
}

/* end autocomplete style */

/* end epoq searchinput & typeahead */

/* epoq current search */

#epoq_currentSearch {
	float: right;
	width: 100%;
	margin: 0 0 10px;
}

#epoq_search {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
	border: medium none !important;
	float: left;
	font-weight: bold;
	left: 0;
	margin-left: 0px;
	clear: both;
	margin-bottom: 10px;
}

/* query and number of results */

.epoq_search_term {
	display: inline;
	font-weight: bold;
}

.epoq_search_hits {
	display: inline;
	font-size: 11px;
}

/* end query and number of results */

/* do you mean */

#epoq_doYouMean {
	float: left;
    font-size: 12px;
    margin: 0 10px 5px;
}

.epoq_doYouMeanLabel {
	display:inline;
	cursor:default;
}

#epoq_doYouMean a {
	cursor: pointer;
}

#epoq_doYouMean a:hover {

}

/* end do you mean */

/* end epoq current search */

/* result page style */

#epoq_searchresult {
	float:right;
	width: 813px;
}

#epoq_resultrows_header .epoq_sortlist, #epoq_resultrows_footer .epoq_sortlist {
	float:right;
	list-style-type:none;
}

#epoq_resultrows_header .epoq_sortlist div, #epoq_resultrows_footer .epoq_sortlist div {
	float: left;
}

#epoq_resultrows_header .epoq_header, #epoq_resultrows_footer .epoq_header {
	float: left;
}

#epoq_resultrows_header .epoq_header
{
	font-family: 'Century Gothic', Helvetica;
	font-size: 11px;
	text-transform: uppercase;
	line-height: 13px;
	margin-right: 25px;
}

#epoq_resultrows_footer
{
	display:none;
}

.epoq_navigate {
	padding: 0 0 0 33px;
	float:right;
}

.epoq_navigate .epoq_header {
	float:left;
	font-size: 12px;
	height: 23px;
	line-height: 23px;
	margin-right: 4px;
	display:none;
}

/* epoq sort */

.epoq_sort {
	float:right;
	margin-left: 20px;
}

.epoq_sortlist {
}

.epoq_sortlist div{
	text-align:center;
}

.epoq_sortlist div a{
	color: black;
	text-decoration: none;
}

.epoq_sort_down {
	cursor:pointer;
}

.epoq_active
{
	font-weight: bold;
}

.epoq_sort_down.epoq_active {
	background-image: url(sort_desc_active.png) !important;  /** sprite-ref: mysprite; sprite-alignment: left */
	cursor:default;
}

.epoq_sort_down:HOVER {
	background-image: url(sort_desc_active.png) !important;  /** sprite-ref: mysprite; sprite-alignment: left */
}

.epoq_sort_up {
	cursor:pointer;
}
.epoq_sort_up.epoq_active {
	background-image: url(sort_asc_active.png) !important;  /** sprite-ref: mysprite; sprite-alignment: left */
	cursor:default;
}

.epoq_sort_up:HOVER {
	background-image: url(sort_asc_active.png) !important;  /** sprite-ref: mysprite; sprite-alignment: left */
}

.epoq_separate {
}

.epoq_highlight
{
	color: #000;
	font-weight: 700;
}
/* end epoq sort */

/* epoq results per page */

.epoq_resultsize {
	float:left;
	display:none;
}

.epoq_resultsizes {
	float: left;
}

.epoq_resultsizes .epoq_limitNo {
	display: inline;
    float: left;
	cursor:pointer;
	background: url(/out/newonenew/src/bg/button-hintergrund-seitenzahl.gif);
	width: 24px;
	height: 23px;
	line-height: 23px;
	text-align: center;
	margin: 0 0 0 4px;
}

.epoq_resultsizes .epoq_limitNo.epoq_active {
	cursor:default;
	background: url(/out/newonenew/src/bg/button-hintergrund-seitenzahl-hover.gif) repeat scroll 0 0 rgba(0, 0, 0, 0);
    cursor: default;
}

.epoq_resultsizes .epoq_limitNo:HOVER {
	text-decoration:none;
}

.epoq_resultsizes .epoq_limitNo a {
    color: black;
    text-decoration: none;
    font-size: 11px;
    display: block;
    height: 100%;
    width: 100%;
}

.epoq_resultsizes .epoq_limitNo.epoq_active a {
	color: #FFFFFF;
	font-weight: bold;
}

/* end epoq results per page */

/* epoq changepage */

.epoq_changepage {
	float: right;
}


.epoq_resultpages {
}

.epoq_resultpages .epoq_pageNo {
    display: inline;
    float: left;
	cursor:pointer;
	background: url(/out/newonenew/src/bg/button-hintergrund-seitenzahl.gif);
	width: 24px;
	height: 23px;
	line-height: 23px;
	text-align: center;
	margin: 0 0 0 4px;
}

.epoq_resultpages .epoq_pageNo.epoq_active {
	cursor:default;
	background: url(/out/newonenew/src/bg/button-hintergrund-seitenzahl-hover.gif);
}

.epoq_resultpages .epoq_pageNo:HOVER {
}

.epoq_resultpages .epoq_pageNo.more {
	cursor:default;
	background: none;
	width: auto;
	display:none;
}

.epoq_resultpages .epoq_pageNo.epoq_page_left {
	background-repeat:no-repeat !important;
	background-position:left !important;
	background-image: url(/out/newonenew/src/bg/button-hintergrund-zurueck.gif) !important;  /** sprite-ref: mysprite; sprite-alignment: left */
	text-decoration: none;
	width: 52px;
	padding: 0 0 0 10px;
	margin: 0;
	margin-right: 12px;
}

.epoq_resultpages .epoq_pageNo.epoq_page_right {
	background-repeat:no-repeat !important;
	background-position:right !important;
	background-image: url(/out/newonenew/src/bg/button-hintergrund-weiter.gif) !important;  /** sprite-ref: mysprite; sprite-alignment: right */
	text-decoration: none;
	width: 52px;
	padding: 0 12px 1px 0;
}

.epoq_resultpages .epoq_pageNo.epoq_page_right:HOVER a{
	text-decoration:underline;
	color:#000;
}

.epoq_resultpages .epoq_pageNo.epoq_page_left:HOVER a{
	text-decoration:underline;
	color:#000;

}



.epoq_resultpages .epoq_pageNo a{
	text-decoration: none;
		display: block;
	height: 100%;
	width: 100%;
	font-size: 11px;
	color: #000000;
}

.epoq_resultpages .epoq_pageNo.epoq_active a {
	color: #FFFFFF;
	font-weight: bold;
}

/* end epoq changepage */

/* epoq count */

.epoq_count {
	float:right;
	display: none;
}

/* end epoq count */

#epoq_resultrows_header {
	float:left;
}

#epoq_resultrows_footer {
	float:left;
}

#epoq_resultrows {
	min-height: 1400px;
	display: block;
	margin-top:50px;
}

.epoq_resultrow {
	background: none repeat scroll 0 0 #FFFFFF;
    float: left;
    height: 350px;
    margin-bottom: 20px;
    margin-top: 10px;
    padding-bottom: 0;
    padding-left: 33px;
    padding-right: 12px;
    padding-top: 15px !important;
    position: relative;
    width: 226px;
    z-index: 1;
    text-align: center;
}

.epoq_resultrow.no_result {
	width: 100%;
	padding: 0 0 0 33px;
	text-align: center;
	font-size: 14px;
}

.epoq_resultpic {
	cursor: pointer;
    float: left;
    text-align: center;
    width: 226px;
}

.epoq_resultpic img {
	max-height: 255px;
	max-width: 170px;
}

.epoq_title {
	float:left;
	cursor:pointer;
	width: 226px;
	text-align: center;
	display: none;
}

.epoq_title a {
	font-size: 11px;
}


.epoq_designer {
	float:left;
	cursor:pointer;
	width: 226px;
	text-align: center;
	color: #000000;
	font-size: 12px;
	font-weight: bold;
}

.epoq_priceBox {
	float: left;
	width: 100%;
	text-align: center;
	font-size: 12px;
}

.epoq_price {
	display: inline;
	width: auto;
	float: none;
}

.epoq_wasPrice {
	display: inline;
	text-decoration: line-through;
}

.epoq_sale {
	float: left;
	width: 100%;
	color: #878686;
	font-size: 11px;
	font-weight: bold;
}

.epoq_description {
	float:left;
	cursor:pointer;
	font-size: 12px;
	width: 226px;
	text-align: center;
	color: #878686;
}

.epoq_description a {
	color: #878686;
	text-decoration: none;
	cursor: pointer;
}

.epoq_typ {
	float:left;
	cursor:pointer;
}

.epoq_quantity {
	float: left;
	width: 100%;
	text-align: center;
	text-transform: uppercase;
	color: #878686;
	font-weight: bold;
}

/* end result page style */

/* statistics style */

#epoq_filterresult {
	float:left;
	width: 137px;
	font-family: 'Century Gothic',​Helvetica,​Arial,​sans-serif;
}

#epoq_filterHeader {
	float: left;
	background: #000000;
	height: 24px;
	line-height: 24px;
	width: 123px;
	padding: 0 7px;

}

#epoq_filterHeaderLabel {
	float:left;
	cursor:pointer;
	color: #FFFFFF;
	font-size: 11px;
	text-transform: uppercase;
}

#epoq_filterHeaderLabel.epoq_open {
	background-image:url(drivein.png);  /** sprite-ref: mysprite; sprite-alignment: left */
}

#epoq_filters {
	float:left;
	width: 137px;
}

.acc_filter {
	width: 123px;
	padding: 0 7px;
	background:  #F3F3F3;
	margin: 0 0 5px;
	float: left;
}

.acc_filter .ui-accordion-header {
	background: #F3F3F3;
	padding: 0;
	height: 24px;
	line-height: 24px;
	position: relative;
	margin-top: 2px;
}

.acc_filter.ui-accordion .ui-accordion-header .ui-icon {
	left: 110px;
	height: 8px;
	width: 13px;
	top: 8px;
	margin: 0;
	background: url(/out/newonenew/src/bg/new_arrows.png);
	position: absolute;
}

.acc_filter .ui-widget-content {
	border: 0 none;
	background: transparent;
	height: auto !important;
}

.epoq_filterTitle {
	color: #030303;
	font-size: 11px;
	text-transform: uppercase;
	font-weight: normal;
}

.epoq_filterRow {
	float: left;
	width: 100%;
}

.epoq_singlefilter {
	float:left;
	width: 300px;
	width: 123px;
}

.epoq_singlefilter .epoq_header {
	float:left;
	cursor:default;
	width: 100%;
}

.epoq_filterstat {
	float:left;
}

.epoq_filterList {
	float: left;
	width: 123px;
}

.epoq_filterresult {
	float:left;
	width: 100%;
	min-height: 15px;
	line-height: 15px;
	margin: 0 0 5px;
	font-size: 11px;
}

.epoq_filterresult a{
	text-decoration: none;
	color: black;
}

.epoq_filterchart {
	float: left;
	cursor:default;
	width: 20px;
	height: 5px;
	display: none;
}

.ui-progressbar-value {
	float:left;
	cursor:default;
}

.epoq_filterresult:HOVER .epoq_select {
	background-position: -280px -22px;
}

.epoq_filterresult.active .epoq_select {
	background-position: -220px -82px;
}

.epoq_filterresult.active:HOVER .epoq_select {
	background-position: -200px -102px;
}

.epoq_filter_value {
	float:left;
	cursor:pointer;
	font-size: 11px;
	width: 100px;
}

.epoq_filter_value:HOVER {
}

.epoq_root .epoq_filter_value, .epoq_sliderreset.epoq_root {
	float: right;
	cursor: pointer;
}

.epoq_count_stat {
	cursor:default;
	float: right;
	font-size: 11px;
	color: #CCCCCC;
	display: none;
}

.epoq_extend {
	cursor:pointer;
}

.epoq_collapse {
	cursor:pointer;
}

/* filter hierarchy */



/* end filter hierarchy */

/* sliderfilter price */

.epoq_sliderfilter_price {
	float:left;
}

.epoq_priceSpark {
	position:relative;
	float:left;
}

.epoq_sliderContainerLeft {
	float: left;
	width: 50%;
	font-size:10px;
	margin-top:10px;
}

.epoq_sliderContainerLeft div {
	float:left;
}

.epoq_sliderContainerRight {
	float: right;
	width: 50%;
	font-size:10px;
	margin-top:10px;
}

.epoq_sliderContainerRight div {
	float:right;
}

.epoq_sliderLabels {
}

.epoq_sliderLeft {
}

.epoq_sliderRight {
	text-align: right;
}

.epoq_sliderInputs {

}

.epoq_sliderInputs input{
	cursor: pointer;
	border:1px solid #DDDDDD;
	font-size: 11px;
	width: 30px;
}

.epoq_sliderLabelLeft {
}

.epoq_sliderLabelRight {
}

.epoq_left_slider {
	background-repeat: no-repeat;
	background-image:url(./sliderhandle-left.png) !important;  /** sprite-ref: mysprite; sprite-alignment: left */
}

.epoq_right_slider {
	background-repeat: no-repeat;
	background-image:url(./sliderhandle-right.png) !important;  /** sprite-ref: mysprite; sprite-alignment: left */
}

#epoq_priceSlider {
	float:left;
}

.ui-slider .ui-slider-handle {
	float:left;
    cursor:default;
    z-index:2;
}

.ui-slider .ui-state-hover {
	cursor: w-resize;
	border: 0;
}

.ui-slider-range {
}

.epoq_hide {
	display:none;
	float:left;
	clear:right;
}

/* end sliderfilter price */

/* end statistics style */

/* active filters style */

#epoq_activefilters {
	float: left;
}

#epoq_activefilters .epoq_header {
	background: none repeat scroll 0 0 #000000;
    float: left;
    height: 24px;
    line-height: 24px;
    padding: 0 7px;
    width: 123px;
    color: #FFFFFF;
    font-size: 11px;
    text-transform: uppercase;
}


.epoq_activeFilterList {
	list-style-type: none;
}

.activeValue {
	cursor: pointer;
    display: inline;
    float: left;
    margin: 0 0 7px;
}

.activeValue p {
	margin: 2px 0;
	color: #696969;
}


.epoq_activeFilterList {
	float: left;
	width: 123px;
	font-size: 12px;
	padding: 7px;
	background: #F3F3F3;
}

.epoq_reset {
	float: right;
	width: 8px;
	height: 15px;
	line-height: 15px;
	font-size: 11px;
}

.epoq_activeFilter {
	float: left;
	width: 123px;
}

.epoq_activeFilter a {
	text-decoration: none;
	color: #000000;
}

.epoq_activeFilterHeader {
	float: left;
	width: 115px;
	font-size:12px;
	height: 15px;
	line-height: 15px;
}

#epoq_removeAllFilters {
	color: #696969;
    float: right;
    font-size: 12px;
    margin: 0 0 7px;
    text-align: right;
    text-decoration: underline;
    width: 123px;
}

#epoq_removeAllFilters:HOVER {
	cursor: pointer;
}

/* end active filters style */

.ui-accordion .ui-accordion-content  {
	padding: 5px 0;
	float: left;
}

.ui-accordion-header {
	border: 0 none;
}

/*Colors*/
.epoq_filterresult.epoq_color {
	width:15px;
	height:15px;
	overflow:hidden;
	margin-right:9px;
	font-size:11px;
	color:#696969;
	background:#FFFFFF;
	border:1px solid #CCCCCC;
	padding:1px;
	-moz-border-radius:2px;
}

.epoq_filterresult.epoq_color.active {
	border:1px solid #000000;
}

.epoq_filterresult.epoq_color.last {
}

.epoq_filterresult.epoq_color .epoq_filter_value {
	width:13px;
	height:13px;
	border:1px solid #CCCCCC;
}
/*End of Colors*/

/* CONTENT-SEARCH */
div#epoq_content_service .epoq_content_header {
	color: #404040;
    font-size: 18px;
}

div#epoq_content_service {
	width: 813px;
	float: left;
}

#epoq_contentsearch_img1 {
/* 	border: 1px solid red; */
	float: left;
	width: 200px;
}

.epoq_contentsearch_result {
/* 	border: 1px solid blue; */
	float: right;
	width: 780px;
}
.epoq_contentsearch_result a {
	color: #404040;
	text-decoration: none;
}
.epoq_contentsearch_result a:HOVER {
	color: #878686;
}

.epoq_contentsearch_row {
	width: 755px;
	float: left;
	font-size: 12px;
	margin: 5px 0;
}

.epoq_contentsearch_left {
	float: left;
	width: 250px;
}

.epoq_contentsearch_right {
	float: right;
	width: 495px;
}
/* END: CONTENT SEARCH */

/* loading overlay */
#epoq_loading_overlay
{
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	width: 100%;
	height: 200px;
	text-align: center;
	line-height: 50px;
	color: white;
	float: left;
	text-align: center;
	background-image: url("../css/konfigurator/bg/ajax-loader.gif");
	background-repeat: no-repeat;
	background-position: center;
	z-index: 100;

}

/* BANNER-SEARCH */
div#epoq_banner_service {
	border: 2px solid #B7D801;
	padding: 0px;
	float: left;
	width: 996px; /* (header-width=1000px - 2*2px) */
	margin-bottom: 10px;
}
.epoq_banner_obj{
	/*border: 1px solid red;*/
	padding:10px;
	margin:0px;
	float:left;
}
div.epoq_banner_obj{
/* 	border: 1px solid red; */
/* 	min-height:85px; */
}

.active_epoqfilter
{
	display:none;
}

#epoq_resultrows.noResult
{
	min-height: 80px;
}
/** one, ys, 2015-05-19 **/
/* auf der Detailsseite kriegt die <ul>-Liste id=ui-id-4 */
ul#ui-id-1,
ul#ui-id-4
{
	background-color:#FFF;
}
ul#ui-id-1 li,
ul#ui-id-4 li
{
	list-style:none;
	padding:5px 0;
}

ul#ui-id-1 li:hover a,
ul#ui-id-4 li:hover a
{
	cursor:pointer;
}

ul#ui-id-1 li:first-child a,
ul#ui-id-4 li:first-child a
{
	font-size: 13px;
	padding-bottom: 10px;
	text-decoration: underline;
	cursor:default;
}
/***********/
.epoq_sugg_head1
{
	margin-right:5px;
}





/*goodies*/

#goodies {float:left; width: 100%; }
#goodies .title { height:40px; display:inline-block; position:relative; width: 100%; text-align:center; margin-bottom:30px; text-transform: uppercase; border-top: 1px solid #c5c4c3; margin-top: 30px;   }
#goodies .title span{font-size:25px; background: #ffffff; padding:0px 10px;  position:relative;  top:20px;font-weight: bold;letter-spacing: 3px;}
#goodies .sub_title {font-size:14px; text-align:center; width: 100%;}
#goodies form#basketgoodies {float:left;}
#goodies .goodieitem {float:left; width:250px; height:425px;  text-align: center; margin:0px 45px; position:relative;  }
#goodies .goodieitem .big_button {cursor:pointer; height:40px; width: 220px; line-height:40px; font-size:12px; font-weight: bold; text-transform:uppercase; position: absolute; bottom:20px; left:25px;  }
#goodies .goodieitem .big_button button{cursor:pointer; height:40px; line-height:40px; font-size:12px; font-weight: bold; text-transform:uppercase; background-position: right 3px;  font-weight:bold !important;}
#goodies .goodiesbox {float:left; width: 835px; text-align:center; padding:26px 60px 0px 60px; }
#goodies .goodies_note {float:left; clear:both; width: 92%; font-size:12px; padding:35px 25px 8px 25px; }

#goodies .goodieitem.left{
    margin-left:105px;
}

/*goodies*/
/*landing*/
.tvspotlandingpage {}
.tvspotlandingpage .landing-title {font-family: 'Century Gothic',Helvetica; }
.tvspotlandingpage .landing-subtitle {font-family: 'Century Gothic',Helvetica; }
.tvspotlandingpage .landing-action {padding-bottom:30px; }
.tvspotlandingpage .landing-action .landing-title { float:left; }

#tvproducts {float:left; width: 100%; margin-top:60px;}
#tvproducts .item.product{float:left; width: 250px; margin: 0px 20px;}
#tvproducts .item.product .artimage{width: 100%; float:left; clear:both; text-align: center; margin-bottom:10px; }
#tvproducts .item.product .upper{width: 100%; float:left; clear:both; text-align: center; font-weight:bold; }
#tvproducts .item.product .desc{width: 100%; float:left; clear:both; text-align: center; color:#7a7a7a; }
#tvproducts .item.product .cost{width: 100%; float:left; clear:both; text-align: center;}
/*tv products*/



div.bar.oxid.navigation #navigation li:first-child {	width: 105px; }

.one_wishlist .wishlist_send_box_ {float:left; }


#wishlistProductList {}
#wishlistProductList li { width: 226px; position:relative; background: none repeat scroll 0 0 #ffffff;  border: medium none !important;  float: left;  height: 340px;  margin-bottom: 30px;  margin-top: 10px;  padding-bottom: 0;  padding-left: 33px;   padding-right: 12px;   padding-top: 15px ;  text-align: center;  width: 226px !important;   z-index: 1;}
#wishlistProductList li .lineView .functions { left:0px; }

#wishlistProductList .listDetails {float: left; position: relative;height: auto;width: 170px;padding-top: 10px;}

#wishlistProductList a.url span.upper {   color: #000;  display: block;  font-size: 12px;  font-weight: bold;  margin: 0;   text-align: center;  width: 100%; }

.lineView .description {width: 100%;    padding:0px;    font-size:12px; color: #878686;  font-size: 12px !important;  font-weight: normal;  line-height: 15px;  text-align: center; padding:0px !important; width: 100%;  }
#wishlistProductList .functions {position: relative; left:0px; top:0px;  width: 100%;  }
#wishlistProductList .functions .price {  font-size: 12px;  font-weight: normal;  line-height: 15px;  white-space: nowrap; }

#wishlistProductList .manufacturerBox {width: 187px; }
#wishlistProductList .listDetails {float: left; position: relative; height: auto; width: 100%;padding-top: 10px;}
#wishlistProductList .pictureBox {height: 255px;    padding: 0;  width: 187px; }
#wishlistProductList .pictureBox .sliderHover { width: 100%;height: 255px;}



.oxKlarnaPaymentDetails {padding-left: 23px; }
.oxKlarnaPaymentDetails li {line-height:14px; }
.oxKlarnaPaymentDetails li label {line-height:14px !important; margin-right:5px;  }
.oxKlarnaPaymentDetails a {color:#000000; text-decoration: underline; }
.oxKlarnaPaymentDetails a.oxKlarnaPaymentKlarnaPrivacy {float:left; position: relative; left:0px; top:0px; margin-top:10px; }

.wishlistView.clear.bottomRound dl.wishlistResults {padding-bottom: 50px; }

.klarna-tooltip img
{
	margin-left: 20px;
}
.creditcard
{
	float: left;
	margin: 9px 10px 0 5px;
}

.popupbasket_buttons .btnwrap.display_cart_green {margin-top:10px;  }
.popupbasket_buttons .btnwrap.display_cart_green span{background:#82C895; }
.popupbasket_buttons .btnwrap.display_cart_green span a {background: url(../bg/arrow-1.png) no-repeat #82C895; }

.delivery_settings li.shipname{float:right !important; width:100% !important;}
.delivery_settings li.shipname.wprice{ width:auto !important;}
.delivery_settings #shipSetCost{float:left !important; }


.payment dl {border-bottom: 1px solid #cbcbcb; margin:0px !important; padding:15px 3px 10px 3px;  }
.payment dl.activePayment { }
.payment dl.selectedPayment {background: #ececec;  }
.payment .payment_informations {padding: 10px 10px 0px 24px; font-weight: normal !important; float:left; width: 100%; clear:both;  }
.payment .payment_informations p{margin-bottom:0px; }
.payment .paypalExpressCheckoutMsg {padding-left: 20px;float:Left; }
.payment .paypalHelpIcon {left:220px; top:0px; }

.payment .userstep .big_button { background:#82C895; }
.payment .userstep .big_button:hover { background:#82C895; }
.payment .userstep .paymentstep {float: right; }
.newsletter span.btn{background:#000;}

.page-wrapper.contact span.btn{background:#000;}

.page-wrapper.account_user span.btn{background:#000;}

.one_account_newsletter form .right span.btn {background: #949494; }
.one_change_password form .right span.btn {background: #949494; }


.wishlist_send_box_ span.btn {background: #949494; }
.oxKlarnaPayment .hinweis
{
	display:block;
	float:left;
	margin-top:5px;
	font-weight: bold;
}
/* one, ys, 26-02-2015 */
.account_order form.createPDF_form a{
	display: block;
	line-height: 18px;
}
/** one, ys, 2015-04-07 **/
.category.giftcards{
	text-align: center;
	margin: 30px 0px 50px;
}
.category.giftcards .delimiter{
	display:block;
	height: 1px;
	border-bottom: 1px solid black;
	margin: 30px 0px;
}
.category.giftcards a{
	display: inline-block;
}
.category.giftcards span.btn{
	width: 100px;
}
.category.giftcards span.btn,
.category.giftcards .btn button{
	background-color: #000;
	float: none;
	display: inline-block;
	font-size: 12px;
}
.category.giftcards p{
	text-align: center;
	margin-top: 3px;
}
.category.giftcards label{
	text-transform: uppercase;
	font:16px 'Century Gothic',Helvetica,Arial,sans-serif;
	/*font-size: 16px;*/
	font-weight: bold;
	letter-spacing: 4px;
}
.category.giftcards div.info{
	margin-top: 30px;
}
.footer_inclversand.giftcards{
	display: none !important;
}
/** Vouchers, one, ys, 2015-04-21 **/
.voucher_msg input[type="radio"]{
	vertical-align: bottom;
	margin-left: 0;
}
div.information .selectorsBox.voucher_msg {
	margin-bottom: 10px;
}
.voucher_msg ul,
.voucher_msg ul li {
	list-style: disc inside !important;
	list-style-type: disc;
}
.voucher_msg ul{
	margin: 0;
}
.voucher_msg .li{
	margin:5px 0px;
}
#voucherother{
	margin-top:	5px;
}
#voucherother li label{
	min-width: 120px;
	line-height: 20px;
}
/** one, ys, 2015-06-12 **/
/* My Account new Design */
.account_header table td{
	text-align: center;
	border: 1px solid #cbcbcb;
	background: #f3f3f3;
	line-height: 25px;
	text-transform: uppercase;
}
.account_header table td.active{
	border-bottom: none;
	background: none;
}
#body .boxhead {
  padding: 10px 10px 21px 15px;
 }

#tpl_name_wishlist .page-wrapper.wishlist {float:none; }

.loadbill, .bill_load_headline{
    font-weight: 600;
    font-size: 11px;
    letter-spacing: 0.3px;
    font-family: arial;
}

.loadretoure{
    font-weight: 600;
    font-size: 11px;
    color: #B40404;
    letter-spacing: 0.3px;
    font-family: arial;
}

.bill_load_headline{
    text-transform: uppercase;
}

.orderelement{
    border-bottom: 1px solid #cbcbcb;
}

.one_form .orderelement > td{
    padding-bottom:5px;
}

.dl-arrow {
    height: 5px;
    display: inline-block;
    position: relative;
    width: 13px;
    background: url(../bg/arrow-dl.png) top center no-repeat;
    top: -2px;
    left: 6px;
}


/* PayPal Button Anpassungen */

.basket .paypalExpressCheckoutBox{
    border-right: none;
    margin-top: 0px;
    margin-right: 0;
    float: left;
    height: auto;
}

.basket .paypalExpressCheckoutBox .paypalCheckoutBtn{
    float: left;
    margin-right: 35px;
}

.basket .paypalExpressCheckoutBox .paypalExpressCheckoutMsg{
    float: left;
    margin-top: 5px;
}

.pp_subtext{
    width: 100%;
    display: inline-block;
    padding: 15px 0 0;
    font-weight: 800;
    font-size: 12px;
    font-family: arial;
}

.pp_extension{
    display: inline-block;
    width: 100%;
    padding-top: 10px;
    border-top: 1px solid #ECECEC;
}

.pp_extension .pp_flyout_addtext{
    display: inline-block;
    white-space: normal;
    text-align: center;
    margin-bottom: 5px;
    font-family: arial;
    font-weight: 500;
    padding: 0 20px;
    width: 86%;
}

.pp_extension .paypalExpressCheckoutBox{
    width: 100%;
    margin: 0;
    float: left;
    padding: 0;
}

.pp_extension .paypalCheckoutBtn{
    margin: 0 auto 5px;
    display: block;
}

.pp_extension .paypalExpressCheckoutMsg{
    display: inline-block;
    margin: 0 auto;
    left: 50%;
    margin-left: -85px;
}

.accountLoginView .big_button.grey{
    background-color: #82c895;
}

.accountLoginView .big_button.grey:hover,.accountLoginView .big_button.grey button:hover{
    background-color: #7F7F7F;
}

.accountLoginView #xtra_buttons #openAccountLink{
    width: 190px;
    float: left;
    padding-top: 2px;
    font-size:13px;
}

.accountLoginView #xtra_buttons #forgotPasswordLink{
    float: left;
    padding-top: 2px;
    font-size:13px;
}

.send_wishlist_form{
    display: block;
    float: left;
    width: 100%;
    padding-left: 15px;
}

.wl_headline{
    display: block;
    float: left;
    padding: 0 15px 0;
}

.wl_headline #test_WishlistSendHeader{
    padding-left: 0px;
    padding-bottom: 10px;
}

.twlsend{
    background-color: #949494 !important;
    padding-right: 10px !important;
    margin-top: 10px !important;
    background-color: #82c895 !important;
}


#test_Wishlist_save, .btn #test_Wishlist_save{
    background-color:#949494 !important;
}

#test_Wishlist_send, .wishlist_send_box_ #test_WishList_SendMsg, .sendWLspan{
        background-color: #82c895 !important;
}


.send_wishlist_form table{
    width: 100%;
}

.oneWishlistSearchContent label{
    margin-left:0px;
}

.text_wlist_additional{
    line-height: 16px;

}

.text_wlist_additional a{
    text-decoration: underline;
}

.dropDown li span, .dropDown li a{
    background:none !important;
    color:#000 !important;
}


#sortingdirItems p{
    background: url(../../img/arrow_down_liner.png) no-repeat 90% 13px;
    display: inline-block;
    padding: 10px 15px;
    border: 1px solid #cecece;
    position: relative;
    background-size: 12%;
    min-width:87px;
 }


#itemsPerPage p{
    background: url(../../img/arrow_down_liner.png) no-repeat 90% 13px;
    display: inline-block;
    padding: 10px 15px;
    border: 1px solid #cecece;
    position: relative;
    background-size: 26%;
    min-width:25px;
}

/*#sortingdirItems p span{
    font-weight: 700;
    border: 1px solid #cecece;
    padding: 7px 25px 7px 7px;
    display: inline-block;
    text-transform: uppercase;
}*/

#sortingdirItems p span{
    display: inline-block;
}


#itemsPerPage ul{
    background-color: #FFF;
    top: 0px;

}

#sortingdirItems ul{
    background-color: #FFF;
    top: -4px;
    left: -1px;
  }

#sortingdirItems ul li.selected, #itemsPerPage ul li.value{
    display:none;
}

#sortingdirItems .value{
    padding:0;
}

#sortingdirItems .value p.select{
    border: none;
    padding: 5px;
    background: none;
}

#sortingdirItems .openList{
    width: auto !important;
    right: 0px;
    left: 91px;
    top: 0;
    padding: 0;
}

#itemsPerPage .openList{
    width: auto !important;
    right: 0px;
    left: 97px;
    top: 0;
    padding: 0;
}

.product-list .dropDown ul{
    border: 1px solid #cecece;
}

.product-list .dropDown ul .value{
    border-bottom: none;
}

.product-list .dropDown ul a{
    border: none;
}

#sortingdirItems .openList li{
    padding: 5px 10px;

}

#itemsPerPage .openList li{
    padding: 7px 10px;

}

#sortingdirItems .openList li:last-child, #itemsPerPage .openList li:last-child{
    border-bottom: none;
}

#sortingdirItems ul a, #itemsPerPage ul a{
    border-bottom:none !important;
}

.product-list .dropDown ul li:hover{
    background: #f3f3f3;
}

.pager .dropDown{
    background: none;
    min-width:60px;
}

.pager .dropDown p{
    background: none;
    padding: 10px 15px;

}

.pager .dropDown .value{
    padding:0px;

}

.pager .dropDown ul li{
    padding-left:10px;

}

.pager .dropDown .openList{
    width: auto !important;
    right: 0px;
    left: -1px;
    top: 0px;
    background:#fff;
}

.refineParams{
    padding-left:33px;
    width:794px;
}

.pp_flyout_addtext .addresshinweis { font-weight:bold; }

.epoq_resultpages .epoq_pageNo.epoq_page_left:HOVER a{background: url("../bg/button-hintergrund-zurueck.gif") no-repeat scroll 0 1px;}

#one_wishlist_text{
    display:block;
    float:left;
    padding: 10px 15px;
}

div.bar.oxid.navigation #navigation > li {
    width: auto !Important;
    display: inline-block;
}

.freeshippingbold {font-weight:bold;}


.account_order form.createPDF_form .problemsdownloadreturn {float:left; clear:both; margin-top:5px; line-height: 13px;}
.account_order form.createPDF_form .problemsdownloadreturn a {display: inline; color:#4380ff; font-size: 11px; text-decoration: underline; }

#payment #paymentFrameForm .lineBox { padding-bottom: 50px; padding-top:30px;}
#payment #paymentFrameForm .desc { float:right; font-size: 13px; }
#payment #paymentFrameForm .largeButton {   background-color: #82C895; }
#payment #paymentFrameForm .largeButton:hover {   background-color: #3F3F3F; }
#payment #paymentFrameForm .largeButton.nextStep {  background-color: #82C895; float:right;  }
#payment #paymentFrameForm .largeButton.nextStep:hover{background-color: #3F3F3F;}
#payment #paymentFrameForm .d3timeOut { font-weight: bold !important; }
h1.pageHead.d3hp_ccinput {text-transform: uppercase;   border-bottom: solid 1px #cccccc;   padding-bottom: 20px;   float: left;   width: 100%;   margin: 30px 0px 37px 0px; }


.kk-hinweis{
    margin:0;
    width:600px;
    padding:25px;
    font-size:13px;
    color:#fff;
    background: #82C895;

}

.agb a{
    text-decoration: underline;
}

#tpl_name_order .ui-dialog{
    background: #fff;
    color: #000;
    opacity: 0.85;
    width: 470px !important;
    top:300px !important;

}



#d3HeidelpayOutOfTime{
    background: #fff;
    display: block;
    width: auto;
    min-height: 185px;
    border: none;
    opacity: 0.85;
    padding: 40px 40px 60px 40px;
}

#d3HeidelpayOutOfTime .d3HeidelpayInfoTable{
    height: 150px;
    width: 100%;
    font-size: 13px;
    margin-top: 25px;
    font-weight: bold;
}

#d3HeidelpayOutOfTime .d3HeidelpayInfoTable .big_button{
    margin-top: 20px;
    margin-left:131px;
}

#d3HeidelpayOutOfTime .d3HeidelpayInfoTable .submitButton.largeButton{
    background: url(../bg/arrow-1.png) no-repeat scroll right 1px rgba(0, 0, 0, 0);
    padding: 10px;
    display: inline-block;
    width: 100px;
    height: 14px;

}
#paymentFrameForm .submitButton.largeButton.prevStep{
    background: url(../bg/arrow-2.png) no-repeat scroll 6px -1px rgba(0, 0, 0, 0);
}


#d3HeidelpayOutOfTime .d3HeidelpayInfoTable .submitButton.largeButton:hover{
    background-color: #3F3F3F;
}



input[type="button"], input[type="submit"], input[type="reset"], input[type="file"]::-webkit-file-upload-button, button {
    border-radius: 0;
}

.paypalHelpBox {
    top: -46px;
    left:auto;
    width: 190px;
    white-space: normal;
    color: #333;
    position: relative !important;
}

#cookieNote {
    float: left;
    height: 30px;
    position: relative;
    width: 100%;
    z-index: 9999;
    background: #ECECEC;
    text-align: center;
    padding: 0;
    margin-bottom: 0px;
    color: #817e7a;
    font-size: 12px;
    line-height: 30px;
    border:none;
}
#cookieNote a {color: #000000; text-decoration: underline; font-weight: bold;}

#footer .newsletter.footer .nl_infotext { font-size: 9px; margin-top: 15px; }
#footer .newsletter.footer .nl_infotext a{ text-decoration: underline;}
