/* common css to be kept in sync between ALL shops - other css to be written in `subshop.css` */


/* COLORS - sx: set colors */
a:focus, a:hover, a.sxcolor, .sxincolor a {
  color: #ef7f01;
}

.red-btn:hover {
    background: none repeat scroll 0 0 #ef7f01;
    border: 1px solid #ef7f01;
}


.button-grey, .buttonGrey {
    border: 1px solid #ef7f01;
}
.button-grey span, .buttonGrey span {
    background: #ef7f01;
}
.button-grey:hover, .buttonGrey:hover {
    border-color: #ef7f01;
}
.button-grey:hover span, .buttonGrey:hover span {
    border-color: #ef7f01;
}


a.more {
    border: 1px solid #ef7f01;
}
a.more span {
    background: #ef7f01;
}
a.more:hover {
    color: #ef7f01;
}
a.more:hover span {
    border-bottom: medium none #ef7f01;
    color: #ef7f01;
}

.hjrButtonHtml {
    border: 1px solid #ef7f01;
    background: #ef7f01;
}
.hjrButtonHtml:hover {
    border: 1px solid #ef7f01;
    color: #ef7f01;
}

a.button:active, a.buttonSmall:active,
a.button, a.button:hover, a.buttonSmall, a.buttonSmall:hover{
  background-color:#ef7f01;
  border:1px solid #ef7f01;
  color: #fff;
}
a.button:hover, a.buttonSmall:hover{
  color:#ef7f01;
  background:#fff;
}
a.more:hover span {
    border-bottom: medium none #ef7f01;
    color: #ef7f01;
}
a.button-grey:hover{border-color:#ef7f01;}

a.button-grey:hover span {
  color: #ef7f01;
  border-color: #ef7f01;
}
a.button-yellow:hover span {
  color: #ef7f01;
  border-color: #ef7f01;
}
a.button-yellow:hover{border-color: #ef7f01;}
.tab:hover{
  border:1px solid #ef7f01;
  color:#ef7f01;
}
a.tabLink:hover{color:#ef7f01}

/* COLORS - balettern.css */
#left .pager a:hover, #left .pager a.active, #left .pager a.active:hover {
    color: #ef7f01;
}
#left .sort a:hover, #left .sort a.active, #left .sort a.active:hover {
    color: #ef7f01;
}
#left .show a:hover, #left .show a.active, #left .show a.active:hover {
    color: #ef7f01;
}

/* details.css */
.breadCrumb dd a:hover{color:#ef7f01;}
.product.details .productMainInfo .desc a:hover{color:#ef7f01;}
.product.details .productPriceBox a.shippingCost:hover{color:#ef7f01}
.product.details .productPriceBox a.priceInfo2:hover{color:#ef7f01}
.product.details input.shoppingCartButton{
  background-color:#ef7f01;
  border:1px solid #ef7f01;
}
.product.details input.shoppingCartButton:hover{
  color:#ef7f01;
}
a.ansprechpartner:hover{
  color:#ef7f01;
}
ul.produktInfoNavi li a:hover{
  border-color:#ef7f01;
  color:#ef7f01;
}
ul.produktInfoNavi li a.active:hover{
  border:1px solid #ef7f01;
}

/* COLORS - filter.css */
#filter .dofiltertext{
  background-color:#ef7f01;
}
#filter .filterHeadlineLink:hover .innerText, #filter .openedInnerContainer .filterHeadlineLink:hover .innerText{color:#ef7f01}
#filter .checkboxContainer label:hover {color:#ef7f01;}
#filter .filterHeadlineLink:hover span {color: #ef7f01;}

ul.produktInfoNavi li a:hover .innerText,
ul.produktInfoNaviMenu li a:hover .innerText {
    color: #ef7f01;
}

/* COLORS - fotter.css */
.footerLink li a:hover {color:#ef7f01;}

/* COLORS - googlebooks.css */
#GBS_SResults a:hover {
  color: #ef7f01;
}
#layer_booksearch .head .tools select:focus, #layer_booksearch .head .tools input:focus {
    border-color: #ef7f01;
    color: #ef7f01;
}
div.layer a:hover {
    color: #ef7f01;
}

/* COLORS - header.css */
.loginInnerContainerHover{
  border:1px solid #ef7f01 !important;
  color:#ef7f01 !important;
}

#loginFormContainer{
  border-color: #ef7f01;
}

#loginFormContainer label .mandatory {
    color: #ef7f01;
}

#loginFormContainer input.button:hover {
  color:#ef7f01;
  border:1px solid #ef7f01;
}
a.normal:hover{color:#ef7f01}

ul.menue li a:focus {
    background-color: #ef7f01;
}
ul.menue li a:hover, ul.menue li a.active {
    background: none repeat 0 0 #ef7f01;
}
#search{
  background-color:#ef7f01;
}
#search .srchBtn input {
    color: #ef7f01;
}
#shoppingCartContainer{
  border:1px solid #ef7f01;
}
.shoppingCartHeadlineHover{color:#ef7f01}
#shoppingCartListing{
  border-left:1px solid #ef7f01;
  border-right:1px solid #ef7f01;
  border-bottom:1px solid #ef7f01;
}
.shoppingCartListingText a:hover > span{color:#ef7f01 !important;}

.row4>div>a,.row4>div>a:hover,.row4 >div>a.active,.row3>div>a,.row3>div>a:hover,.row3>div>a.active,div.more{
    background-color: #ddd;
    border: 1px solid #ddd;
    color: #000;
    display: block;
    padding: 6px 12px;
  font-family:'Signika Negative',Arial,Helvetica,sans-serif ;
  font-size:16px;
  line-height:17px;
    position: relative;
    text-decoration: none;
}
.row4>div>a.active,.row3>div>a.active{
  background-color:#ef7f01;
  border:1px solid #ef7f01;
}
div.more{color:#ef7f01;}

.row4>div>a:hover, .row4>div>a.active:hover,
.row3>div>a:hover, .row3>div>a.active:hover,
div.more:hover{
  background-color: #fff;
  border:1px solid #ef7f01;
  color:#ef7f01;
}

/* COLORS - index.css */
a.sliderBig:hover,a.sliderSmall:hover{border:1px solid #ef7f01}
.mandatory {
    color: #ef7f01;
}
a.normal:hover{color:#ef7f01}

/* COLORS - jcarousel.css*/
.jcarousel-pagination a.active{
    background: #ef7f01;
  border: 1px solid #ef7f01;
}

.jcarousel-pagination a:hover {
    border: 1px solid #ef7f01;
}

/* COLORS - kacheln.css*/
.redBorder{background-color:#ef7f01}
.productFirst:hover .productHeadline,.productSecond:hover .productHeadline, .productThird:hover .productHeadline{color:#ef7f01}

/* COLORS - liste.css*/
.listRow .productHeadline a:hover{color:#ef7f01;}
.listRow .productAuthor a:hover{color:#ef7f01;}

/* COLORS - popup.css*/
div.layer input.button {
    background-color:#ef7f01;
}
div.layer input.button:hover {
  background-color:#fff;
  color:#ef7f01;
  border:1px solid #ef7f01;
}
div.layer a:hover {
    color: #ef7f01;
}
.shopForm label .mandatory {
    color: #ef7f01;
}

/* COLORS - rechteSpalte.css*/
.shopping dd a:hover {
  color:#ef7f01;
}
.tagBox li a:hover span {
  border: #ef7f01 1px solid;
}

#right .tagBox li a span:hover {
  color: #ef7f01;
}

/* COLORS - sxbasicstyle.css*/
div.layer a.close:hover {
  color: #ef7f01;
}
.jbasket  div.links a:hover {
  color: #ef7f01;
}
.shopForm label .mandatory {
    color: #ef7f01;
}
.customerRatingbox p.error {
  color: #ef7f01;
}
.customerRatingbox a.bewerten:hover {
  color: #ef7f01;
}
#layer_suche {
  border: 1px solid #ef7f01;
}
#layer_suche li:hover {
  border-bottom: 1px solid #ef7f01;
  border-top: 1px solid #ef7f01;
  color: #ef7f01;
}
#layer_suche li:hover a, #layer_suche li:hover a li {
  color: #ef7f01;
}

/* COLORS - sxcheckout.css*/
.basketPage .checkoutSteps li.active span, .basketPage .checkoutSteps li.active span a {
    color: #ef7f01;
}
.basketPage .checkoutSteps .defaultLast.active span {
    border-right: 1px solid #ef7f01;
}
.basketPage .checkoutSteps .step1.active span {
    border-left: 1px solid #ef7f01;
}
.basketPage .checkoutSteps .defaultLast.active:hover span {
    border-right: 1px solid #ef7f01;
}
.basketPage .checkoutSteps .step1.active:hover span {
    border-left: 1px solid #ef7f01;
}
.basketPage .contactDetail .tuv:hover, .basketPage .contactDetail .umtausch:hover, .basketPage .contactDetail .schutz:hover, .basketPage .contactDetail .lieferung:hover {
    color: #ef7f01;
}
.basketPage .basketInfo {
    border: 1px solid #ef7f01;
}
.basketPage #content .basketSummaryWrapper .couponBox .red-btn {
  border: 1px solid #ef7f01;
}
.basketPage .basketitems .thumbCol .titleBox a:hover { color: #ef7f01 !important; }


/* COLORS - tagcloud.css*/
#tagcloudContent ul li a:hover{color:#ef7f01}

/* COLORS - sxazure.oxid.css*/

/* COLORS - sxallstyle.css*/
.mandatory {
    color: #ef7f01;
}
.buttonSubmit, .hjrButton {
  background-color: #ef7f01;
  border: 1px solid #ef7f01;
}
.buttonSubmit:hover, .hjrButton:hover, .buttonSubmit:focus, .hjrButton:focus {
  color: #ef7f01 !important;
  border: 1px solid #ef7f01;
}
.button-grey:hover, .buttonGrey:hover {
    border-color: #ef7f01;
}
.button-grey:hover span, .buttonGrey:hover span {
    border-color: #ef7f01;
    color: #ef7f01;
}
.submitButton, .red-btn {
  background: #ef7f01;
  border-color: #ef7f01;
}
.submitButton:hover {
    background: none repeat scroll 0 0 #ef7f01;
    border: 1px solid #ef7f01;
}
.error {
  border: 1px solid #ef7f01;
  color: #ef7f01;
}
.error a {
  color: #ef7f01;
}
.fieldWrapper.error input {
  border: 1px solid #ef7f01 !important;
}
.fieldWrapper.error label {
  color: #ef7f01 !important;
}
#secondNavi .row4>div.active a, #secondNavi .row3>div.active a{
  background-color: #ef7f01;
  border: 1px solid #ef7f01;
}
.listRow .productText .shoppingCartButton {
    background-color: #ef7f01;
    border: 1px solid #ef7f01;
}
.listRow .productText .shoppingCartButton:hover {
    color: #ef7f01;
    border: 1px solid #ef7f01;
}


/* override Images */
#shoppingCartIcon {background: url("../../img/header/shoppingCartIcon.png") no-repeat;}
.shoppingCartListingTop {background: url("../../img/header/shoppingCartListingTop.png") no-repeat scroll center center;}
.shoppingCartListingSeparator {background: url("../../img/header/shoppingCartListingSeparator.png") no-repeat scroll center center;}

.loginIcon {background: url("../../img/header/login-icon.png") no-repeat;}
.loginIconHover {background-position: 0 -20px;}
.arrowDownIcon {background: url("../../img/header/login-arrow-down-icon.png") no-repeat;visibility:hidden;}
.arrowDownIconHover {background-position: 0 -6px;}
.loginFormContainerArrowTop {background: url("../../img/header/loginFormContainerArrowTop.png") no-repeat;}
div.layer a.close {background: url("../../img/googlebooks/close.png") no-repeat scroll right top;}
div.layer a.close:hover {background: url("../../img/googlebooks/close.png") no-repeat scroll right -50px;}
div.layer a:hover {color: #EF7F01;}

a.sliderBig .arrowRight, a.sliderBig:hover .arrowRight, a.sliderSmall .arrowRight, a.sliderSmall:hover .arrowRight {background: url("../../img/index/arrowRight.png") no-repeat scroll right 0;}
a.sliderBig:hover .arrowRight, a.sliderSmall:hover .arrowRight {background-position: right -18px;}


.jcarousel-control-prev {
    background: url("../../img/index/jcarousel-left.png") no-repeat;
}
.jcarousel-control-next {
    background: url("../../img/index/jcarousel-right.png") no-repeat;
}
.jcarousel-control-prev:hover {
    background-position: -40px 0;
}
.jcarousel-control-next:hover {
    background-position: -40px 0;
}
.jcarousel-control-prev.inactive {
    background-position: -80px 0;
    cursor: default;
}
.jcarousel-control-next.inactive {
    background-position: -80px 0;
    cursor: default;
}


#left a.listIcon, #left a.listIcon:hover, #left a.listIconActive, #left a.listIconActive:hover {
    background: url("../../img/kacheln/listIcon.png") no-repeat;
}
#left a.listIcon:hover, #left a.listIconActive, #left a.listIconActive:hover {
    background-position: 0 -13px;
}
#left a.blockIcon, #left a.blockIcon:hover, #left a.blockIconActive, #left a.blockIconActive:hover {
    background: url("../../img/kacheln/blockIcon.png") no-repeat;
}
#left a.blockIcon:hover, #left a.blockIconActive, #left a.blockIconActive:hover {
    background-position: 0 -13px;
}

.searchItem_outer a.more em {
    background: url("../../img/back-serch-arrow.png") no-repeat scroll left 4px;
}
.searchItem_outer a.more:hover span em {
    background: url("../../img/back-serch-arrow.png") no-repeat scroll left -23px;
}

ul.produktInfoNavi li a .smallArrowRight,
ul.produktInfoNavi li a.active .smallArrowRight, {
  background-image: url(../../img/detail/smallArrowRight.png);
}
ul.produktInfoNavi li a:hover .smallArrowRight {
    background-position: 0 -9px;
}


.naviMoreIcons, .naviMoreIconsOpen {
  background-image: url("../../img/header/naviMoreIcons.png");
}

.loadingicon.sxloadingbigicon2 {
    background-image: url(../../img/loading2.gif);
}

a.boxRSS {
    background-image: url("../../img/rss.jpg");
}

#search .srchBtn,
#search .srchBtn:hover,
#search .srchBtn input,
#search .srchBtn input:hover, #search .srchBtn:hover input {
  background-image: url(../../img/header/search-btn.png);
}

.product.details .inputBackRedBorder {
  background-image: url("../../img/detail/inputBackRedBorder.png");
}
.function-block li a {
  background-image: url(../../img/fuction-icons.png);
}
a.ansprechpartner:hover {
  background-image: url("../../img/bg-ansprechpartner.png");
}
.basketPage .sxbasketicon,
.basketPage header .basketInfoTools .help,
.basketPage header .basketInfoTools .hotline,
.basketPage .contactDetail .umtausch,
.basketPage .contactDetail .schutz,
.basketPage .contactDetail .lieferung,
.basketPage .sxbasketicon,
.basketPage h3 .change, .basketPage table .change {
  background-image: url(../../img/basket-icons.png);
}
#sxtopmenu li.font a {
  background-image: url(../../img/font-txt.png);
}
#sxtopmenu .login, #sxtopmenu .user {
  background-image: url(../../img/login-icon.png);
}
#sxtopmenu .list a, #sxtopmenu .list a:hover {
  background-image: url("../../img/product-icons.png");
}
#sxtopmenu .list .sxwishlistcnt {
  background-color:#EF7F01;
}
.basketPage .checkoutSteps li {
  background-image: url("../../img/bg-checkout-steps.png");
}
.basketPage .red-btn .fax, .basketPage .red-btn .buy, .basketPage .red-btn .print, .basketPage .red-btn .faxDownload {
  background-image: url("../../img/basket-button-icons.png");
}
.basketPage .red-btn:hover {
  border: 1px solid #ef7f01;
}
.basketPage .red-btn:hover span {
  color: #ef7f01;
}
.submitButton:hover, a.submitButton:hover {
  border: 1px solid #ef7f01;
  color: #ef7f01 !important;
  text-shadow: 0 -1px 0 #ef7f01;
}
a.submitButton:hover span {
  color: #ef7f01;
}

ul.sxrating,
ul.sxrating li a:hover,
.sxrating li.current_rate,
.customerRatingbox .rating li.rate a,
.customerRatingbox form#rating li.current_rate,
.customerRatingbox .rating li.current_rate {
  background-image: url("../../img/stars.jpg");
}
#layer_suche li .choice li {
  background-image: url("../../img/icons-searchsuggest.png");
}
.productInfoContainer .textBox a {
  color: #EF7F01;
}


/* preload images */
body:after{
    display: none;
    content: url(../../img/loading2.gif);
}

.myhjrSpecial {
    padding-bottom: 0px;
}
.myhjrSpecial h3 {
    font-size: 18px;
}
.OverviewWrapper h3 {
    font-size: 18px;
    font-weight: normal;
    margin-top: 1em !important;
}


.sxnewsletterinfo {
    border-color: #EF7F01;
}