/* COMMON
---------------------------------------------*/
tbody tr.catlisting:hover td, #productinfowrap tr td {background:none;}
tbody tr.trlisting:hover td {background:#F4F4F4;}
.colored, .gridinner .colored, #footer .colored {color:#0089B0;}
.black, .gridinner .black {color:#555;}
.red {color: #cc0000;}
.grey, .gridinner .grey, #content .grey {color:#777;}
.greyer {color:#888;}
.bigger {font-size:15px;}
.nospace {margin:0;padding:0;}
.bold {font-weight:bold !important }
.fl {float:left;}
.fr {position:absolute;right:0;}
.flr {float:right;}
.fltxt {float:left;margin:4px 10px 0 0;}
.imgfloat {display:block;float:left;margin: 5px 10px 0 0;}
.imgfloatr {display:block;float:right;margin-left:10px;}
.imgcenter {display:block;margin:0 auto;}
.nc {clear:none;}
.ac, .center {text-align:center;}
.ar, .right {text-align:right;}
.al, .left {text-align:left;}
.justify {text-align:justify;}
#content a.catlink {border-bottom:none;display:block;}
#addcart {}
.wraptocenter {display:table-cell;text-align:center;vertical-align:middle;}
.hr.grey {background:#ccc;}
.hidden{display:none;}
span img {border:0;}
.small {font-weight:normal;font-size:11px;}
.small p {line-height: 1.5;padding-bottom: 14px;}
label.check:hover {cursor:pointer;}
.divider {clear:both;float:none;width:100%;height:1px;margin:1.4em 0;border:0;background:#ddd;background-image:-webkit-gradient(linear,left bottom,right bottom,color-stop(0,#fff),color-stop(0.1,#ddd),color-stop(0.9,#ddd),color-stop(1,#fff));background-image:-moz-linear-gradient(left center,#fff 0,#ddd 10%,#ddd 90%,#fff 100%)}

/* INPUT AND CHECKOUT
---------------------------------------------*/
span.blue, span.inputRequirement {color:#0092BF;}
#content a.button {color:#fff;border:1px solid #0092BF;}
#content a.button:hover {color:#0092BF;}
#page_right input.button.search.contact {width:auto;}
#contact_form li.checkwork input {margin:0 10px 0 10px;width:inherit;}
#contact_small ul li input,
#contact_small ul li textarea {width:99%;min-width:270px;}
#content table.agbcheck tr:hover td {background:none;}
#content table.agbcheck,
#content table.agbcheck tbody td {border:0;}
#contact_form li label { display: block !important; }

/* CATLISTING
---------------------------------------------*/
#content #catlisting ul {margin:10px 0 0 0;padding:0;}
#catlisting ul li {display:block;float:left;}
#catlisting ul li a {border:1px solid #ccc;display:block;min-height:22px;line-height:22px;font-size:1.2em;margin:0 10px 10px 0;width:25px;vertical-align:middle;text-align:center;}
#catlisting ul li a.all {width:124px;}
#catlisting ul li a:hover {background-color:#E2E2E2;border:1px solid #ccc;}
#catlisting ul li a.activ {background-color:#E2E2E2;}
#catlisting ul {list-style:none;}

/* SHOPPING CART
---------------------------------------------*/
#cartPay li {float:left;list-style-type:none;margin:0 30px 0 0;}
#cartButton {line-height:25px;}

@media (max-width : 768px) {
    #cartButton a { text-align:center;display:block}
}

.box.cart.hasItems { background:#f5f5f5;margin: 10px 0}
.box.cart.hasItems .side_title_text {font-weight: bold;}

/* PRODUCTLISTING
---------------------------------------------*/
.productPreviewImage { max-width:163px;}
.productPreview:hover {background: #f5f5f5;border-radius: 5px}
.productPreview {padding:5px 0 5px 0}
.productPreviewContent .datacount {text-align:left;}
.productPreviewContent p {padding:0;text-align:right;}
.productListingButton {margin:10px 0 0 0;} 
.productListingButton a {display:inline-block;line-height:2em;}
.productPreview .datacount {padding:0;}
.productPreview {position:relative;}
.productPreviewContent .price, .productPreviewContent .datacount {color:#777770;}
.productPreviewContent {padding-top: 10px;}
#loginform table, #loginform table td, #quick_find .advbox {border:none;}
#loginform table tr:hover td {background:none;}
.highlightbox table, .highlightbox table td {border:0}
.highlightbox table tr:hover td {background:none;}
.highlightbox input.text {width:200px;}
div.highlightbox-new, div.highlightbox {background-color: #f8f8f8;border: solid #d9d9d9 1px;}
div.highlightbox { overflow:auto;padding: 15px;}
#content ul {padding:0 0 0 10px;}
#agbcheck table, #agbcheck table td {border:0}
#agbcheck table tr:hover td {background:none;}
#content table.nopad td {padding:2px;}
.errormessage table, .errormessage table td {border:0;}
.errormessage table td {padding:2px;}
.errormessage table tr:hover td, table.payAddress tr:hover td {background:none;}
.errormessage p {border:none;}
p.just {text-align:justify;}
#content .blist {width:540px;}
#content .blist .odd, #content .blist .even {padding:4px 0 4px 10px;}
#content .blist .even {background:#f5f5f5;}
#content .blist a {border:none;}
#content td.productPreviewImage a {border:none;}
.last-viewed .productboximage {height:97px;width:100px;}
.prod_title {font-size:17px;letter-spacing:0.4px;font-weight:bold;padding-bottom:10px;padding-top:0;line-height:1.4em;position:relative;}
.prodlist_nav {font-size: 14px;}

@media (max-width : 768px) {
    #productSorting ul li {
        padding:0 2px 0 2px;
    }
    .productboximage, .productImageBorder { width: 100%; margin-top: 20px; margin-bottom: 20px; }
    .prodname a {font-size:1.25em;letter-spacing:0.4px;font-weight:bold;padding-top:0;line-height:1.4em;position:relative;}
    .prodname { text-overflow: ellipsis;overflow: hidden} 

    #productinfowrap .productInfoImage {text-align: center;}

    .prodlist_nav .prod-list-totals, .prodlist_nav .prod-list-nav {text-align: center;}
    .prodlist_nav {font-size: 16px;}
}

@media (min-width : 768px) {
    #productSorting ul li {
        padding:0 5px 0 5px;
    }
    .productboximage, .productImageBorder {height:137px;width:140px;}
    .prodname a {letter-spacing:0.4px;font-size:1.4em;font-weight:bold;padding-top:0;line-height:1.4em;position:relative;}

    .prodlist_nav .prod-list-nav {text-align: center;}
}

#productSorting ul {margin:0;padding:0;}
#productSorting ul li {display:block;float:left;list-style-image:none;list-style:none;}
#productSorting a.sortsel {border:none;color:#333;font-weight:bold;}
#selektionApp {border:2px dotted #9DC43F;padding:10px;position:relative;}
#selektionApp .prodname {margin-bottom:10px;}
#selektionApp .selButton {bottom:8px;line-height:24px;right:8px;position:absolute;}

/* PRODUCT */
#productinfoprice .price {color:#555;font-size:22px;letter-spacing:0.4px;font-weight:normal;padding-top:0;line-height:1.4em;position:relative;}
#productinfowrap .gridinner h3 {font-size:17px;}
.taxandshippinginfo { white-space:nowrap }

/* CREATE ACCOUNT FORM */
input.plzinput {width:50px;}
input.ortinput {width:149px;}
#content .nobord, .nobord {border:0;border-style:none;}
.nowrap {white-space:nowrap;}
.somespace {display:block;height:5px;}
.midspace {display:block;height:10px;}
.bigspace {display:block;height:20px;}

/* OPTION TABLE */
#page_left table.optiontable tr td.blandcheck {text-align:center;}
#page_left table.optiontable tr td.price, #page_left table.optiontable tr td.datacount {text-align:right;}
#page_left table.optiontable td {padding:4px;}
#page_left table.optiontable tr:hover {background:#f5f5f5;cursor:pointer;}
#page_left table.optiontable tr.selected {background:#f5f5f5;}

/* PRODUCTLISTING OVERLAY
---------------------------------------------*/
#theoverlay {display:none;position:absolute;top:0;left:0;z-index:90;width:100%;height:500px;background-color:#000;}
#msgbox {background-color:#fff;height:150px;padding:15px;position:absolute;width:400px;z-index:91;}
#msgbox div {height:150px;position:relative;width:400px;}
#closeMsgbox {bottom:10px;right:10px;position:absolute;}

/* LAST VIEWED AND BESTSELLER BOX
---------------------------------------------*/
p.last-viewed a img {max-width:100px;}
p.last-viewed a {display:block;}
p.nopad {padding:0 0 2px 0;}
p.theprice {font-size:14px;font-weight:bold;padding:0 10px 0 0;text-align:right;}
.container_16.theBestseller {width:910px;} 
.container_16.theBestseller .grid_4 {background:right no-repeat url(../img/grid_space.png);height:165px;position:relative;width:212px;}
.container_16.theBestseller .grid_4.omega {background:none;}
.theBestseller h4 {font-size:12px;padding:0 0 5px 0;}

/* GRID SPECIALS
---------------------------------------------*/
.clearfix:after,
.clearspace:before,
.clearspace:after {content:' ';display:block;overflow:hidden;visibility:hidden;font-size:0;line-height:0;width:0;height:0;}
.clearfix:after,
.clearspace:after {clear:both;}
.clearfix {zoom:1;}
.clearspace {height:20px;}
.gridbord {
    border:1px solid #e9e9e9;
    -moz-box-shadow:0 0 5px rgba(0, 0, 0, .25);
    -webkit-box-shadow:0 0 5px rgba(0, 0, 0, .25);
    box-shadow:0 0 5px rgba(0, 0, 0, .25)
}
.gridinner {background:url(../img/grid_bg.png) left bottom repeat-x;margin:5px !important;padding:10px 5px 10px 10px;}
.gridinner table {width:98%;}
.gridinner table th {padding:0;}

@media (min-width:1200px) {
    .smallgrid {height:180px;}
    .midgrid {height:220px;}
    .textgrid {height:225px;}
}

@media (min-width: 992px) and (max-width: 1199px) {
    .smallgrid {height:165px;}
    .midgrid {height:220px;}
    .textgrid {height:225px;}
}

.gridinner h2, .gridinner h3, .gridinner h4 {padding-top:0;}

.contentgrid .gridinner ul li {list-style-type:disc;}
.contentgrid .gridinner ul.marker li { list-style-type: disc; } 
.contentgrid .gridinner ul ,#content .contentgrid .gridinner ul {padding:0 0 0 20px;}

.navbar-default {
    background-color: #fff !important;
    border-color: #fff !important
}

/* HOME SPECIAL STYLES
---------------------------------------------*/
#hsearch {padding:10px 0;}
.gridinner ul#home_menu li {line-height:25px;vertical-align:middle;}
.gridinner ul#home_menu {list-style: disc inside !important;}
#content .gridinner ul li a {border:none;font-size:15px;}
ul#home_menu {margin:0;padding:0;}
.front h1{font-size:18px;padding-bottom:5px}
.gridinner.front h2{font-size:15px}

/* PRODUCT_INFO
---------------------------------------------*/
#prodInfoIcons .sprite {background:url(../img/prodInfosprite.png) no-repeat scroll 0px 0px transparent;display:inline;height:64px;width:64px;margin-top:32px;}
#prodInfoIcons div.big {height:465px;}
#prodInfoIcons div.big ul {padding:0 0 0 20px;}
#prodInfoIcons h4, #prodInfoIcons .h4 {clear:inherit;padding:0 0 5px 0;height:auto}
#prodInfoIcons #quality {background-position:-134px;}
#prodInfoIcons #promotion {background-position:-65px;}
#prodInfoIcons #dsgvo {background-position:-294px;}
#prodInfoIcons #detail {background-position:-210px;}
#content #prodInfoIcons a {font-size:15px;}

/* BOXES
---------------------------------------------*/
#page_right .box.textbox li {background:none;line-height:24px;}
#content ul.marker, #page_right ul.marker {padding:0 0 0 25px;list-style-image:url(../images/tick.png);}
#content ul.marker, #page_right ul.marker li {padding-bottom:0;}
#page_right ul.mark li a {font-size:11px;}
.rightInner {}
#wrapper a.orange, #wrapper a.orange:hover {border-color:#F18226;color:#F18226;}

/* STEPS
---------------------------------------------*/
#stepbox {background:url(../img/step_bg_bot.png) bottom left repeat-x;height:42px;margin:0 0 20px 0;width:940px;}
#stepbox ul {margin:0;padding:0;}
#stepbox ul li {
    background:url(../img/step_bg_inactive.png) repeat-x;
    border:1px solid #C7C7C7;
    border-bottom:0 none;
    cursor:default;
    float:left;
    height:41px;
    list-style:none;
    margin-right:2px;
    width:180px;
}
@media (max-width : 768px) {
    #stepbox ul li { width:170px !important; }
    #stepbox { width:auto !important; }
    #stepbox ul li span.text { margin:12px 0 0 5px !important; }
}
#stepbox ul li#firststep {margin-left:20px;}
#stepbox ul li.active {background:#fff url(../img/step_bg_active.png) repeat-x;color:#0089B0;}
#stepbox ul li span {display:block;float:left;}
#stepbox ul li span.text {font-size:14px;margin:12px 0 0 10px;}
#stepbox li span.icon {
    background-image:url(../images/icons/cartsteps_inactive.png);
    margin:5px 0 0 9px;
    height:32px;
    width:32px;
}
#stepbox li.active span.icon {background-image:url(../images/icons/cartsteps_active.png);}
#stepbox li span.icon.acc {background-position:-32px 0;}
#stepbox li span.icon.pay {background-position:-64px 0;}
#stepbox li span.icon.dl {background-position:-96px 0;}

/* FOOTER
---------------------------------------------*/
#footer {background:#F7F7F7;border-top:1px solid #eee;font-weight:bold;padding-top:20px;padding-bottom:20px;margin-top:20px;}
#footer .inner {padding:0 0 0 15px;}
#footer .footer_title {border-bottom:1px dashed #CCC;font-size:12px;font-weight:bold;padding:0 0 5px 0;margin: 0 0 15px 0;text-transform:uppercase;}
#footer a {color:#555;text-decoration:none;} 
#footer a:hover {color:#018ab4;}
#seller li {padding: 0 0 5px 0;}

@media (max-width : 768px) { 
    #footer a, #seller li a { font-size: 15px; line-height:30px}
    #footer .bigger {font-size: 17px}
    #footer .footer_title {font-size:16px}
}

@media (min-width : 768px) {
    #footer a {font-size: 13px;}
    #seller li a {font-size:13px;}
    .highlightbox.login {height:260px;}
}

/* NEWBUTTON 
---------------------------------------------*/
.button2 {
    cursor:pointer;
    display:inline-block;
    font:13px/100% Arial, Helvetica, sans-serif;
    line-height:15px;
    outline:none;
    padding:5px 10px;
    text-align:center;
    text-decoration:none;
    text-shadow:0 1px 1px rgba(0,0,0,.3);
    -webkit-border-radius: .5em;
    -moz-border-radius: .5em;
    border-radius: .5em;
    -webkit-box-shadow:0 1px 2px rgba(0,0,0,.2);
    -moz-box-shadow:0 1px 2px rgba(0,0,0,.2);
    box-shadow:0 1px 2px rgba(0,0,0,.2);
}
.button2:hover {text-decoration:none;}
.button2:active {position:relative;top:1px;}

.button2.orange {
    color:#fff;
    border:solid 1px #da7c0c;
    font-weight:bold;
    background:#f78d1d;
    background: -webkit-gradient(linear, left top, left bottom, from(#f9a111), to(#f2771c));
    background: -moz-linear-gradient(top,  #f9a111,  #f2771c);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9a111', endColorstr='#f2771c');
}
.button2.orange:hover,
.orange.hover {
    background:#f47c20;
    background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
    background: -moz-linear-gradient(top,  #f88e11,  #f06015);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
}
.button2.orange:active,
.orange.active {
    color:#fcd3a5;
    background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
    background: -moz-linear-gradient(top,  #f47a20,  #faa51a);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
}

/* TO-TOP Scroll
---------------------------------------------*/
#toTop {
  display:none;
  text-decoration:none;
  position:fixed;
  bottom:.75rem;
  right:.75rem;
  overflow:hidden;
  width:43px;
  height:43px;
  border:none;
  z-index:100;
}
#toTopHover { display:block;overflow:hidden;float:left;}
#toTop:active,
#toTop:focus { outline:none; }


/* MISC 
---------------------------------------------*/
.gridinner.affiliate img {max-width:535px;}
#contact_us .smallf {float:left;width:48%}
#contact_us .smallf label {display:block;}
#contact_us .smallf input {width: 100%; min-width:125px;}
#contact_us .smallf:first-of-type {margin-right:10px;}
#faq h5 {color:#018AB4;}
#slider_con { position: relative; }
#slider_con h1 {position:absolute;left:25px;top:25px;}
#content .partner a {display:block;border-bottom:none;width:264px;}
div.acc {min-height:290px;}
.refer .pic {float:left;padding:5px 0 0 10px;position:relative;width:200px;}
.refer .pic a {border-bottom: 0 !important;}
.refer h3,
.refer .txt {width:366px;}
.refer h3 { white-space: nowrap; }
.panel-heading h5 { padding-bottom: 0; }

/* SUPPORT CHAT
---------------------------------------------*/
.fc-widget-small {right: 5px !important;bottom: 55px !important;}