/* 
 * JTL-Shop3 Theme "Neo" fuer das JTL-Shop3-Tiny Template
 *  
 * @author JTL-Software GmbH
 * modified by Schoenes und Seltenes IT Services
 */ 


/*sidebox */

.sidebox ul.categories > li > a {
    background: url("../custom/images/naviIcon.gif") no-repeat scroll 2px 5px transparent;
    padding-left: 15px;
}

ul.categories li a {
    cursor: pointer;
    display: block;
    padding: 2px 0;
    text-decoration: none;
}
div#page div#outer_wrapper.page_center div#page_wrapper.panel_left div#content_wrapper div#content form#improve_search.form fieldset.outer fieldset div#article_filter div#filter_group div li{
		width:300px;
		padding-top: 10px;
}

ul.categories li.active > a {
    font-weight: normal;
}

ul.categories li.active > a {
    background-color: #FFBB85;
}

#preisholder {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #EEEEEE;
    box-shadow: -2px 5px 5px #888888;
    display: block;
    float: right;
    padding: 10px 15px 10px 10px;
    position: fixed;
    width: 190px;
    z-index: 99;
}

#headlinks ul li > a {
    color: #555555;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 100%;
    font-weight: bold;
    text-decoration: none;
    text-shadow: 1px 1px 0 #FFFFFF;
}

#headlinks ul li > a:hover {

    color: #555;

    text-shadow: 1px 1px 0 #FFF, 2px 2px 3px #FFF, -2px -2px 3px #FFF, 2px -2px 3px #FFF, -2px 2px 3px #FFF, 3px 0 3px #FFF, -3px 0 3px #FFF, 0 2px 3px #FFF, 0 -2px 3px #FFF;

    background-color: #405ade;

    line-height: 28px;

    padding-top: 2px;

    margin-top: 0;

}

/* Hintergrund */

#page {
    background-attachment: fixed !important;
    background-image: url("./images/golf.jpg") !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: auto auto !important;
}

/* Basic Font */
html { font-family: 'Trebuchet MS', Tahoma, Helvetica, Arial; }

/* aussenabstaende */
#outer_wrapper, #header { padding-left: 15px; padding-right: 15px; background: #fff; border-left: 1px solid #E3E0DB; border-right: 1px solid #E3E0DB;}#header{background:transparent;}
#outer_wrapper { border-left: 1px solid #E3E0DB; border-right: 1px solid #E3E0DB; border-bottom: 1px solid #E3E0DB; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; overflow:hidden; position:relative; top:-32px; }
#footer { padding: 15px; background: #EEECE7; color: #000; }
#speciallinks { padding: 0 15px; border-radius: inherit; }
#settings { display:block; right: 125px; top: 55px;; }

/* 960px Shop-Breite, damit Darstellung bei 1024 okay ist */
.page_width {  width: 960px; }

body, #page, #footer_wrapper { background: #ececec none; }
#outer_wrapper { margin-top: 0; background: #fff; }
#page_wrapper { padding-top: 12px; background: #EEECE7; }
   
.panel_left #content { padding-left: 20px; }
.panel_right #content { padding-right: 20px; }

#logo { z-index: 1; left: 150px; }


/* basic colors */
#headlinks_wrapper, #page_wrapper { background: #fff none; }
html, body { color: #000; }
a, a:visited, a:link { color: #000; }
a:hover { color: #F6852B; }
body.page_type_2 ul.styled_view li.gallery div.article_wrapper h3 a, body.page_type_2 ul.styled_view li.list div.article_wrapper h3 a { color:#000;}

#configset ul.semtabs li.active a { background-color: #000; color: #fff; }

/* Header */
#header { height: 170px; }
#headlinks_wrapper { background: transparent url('images/tesigolf-logo.gif') no-repeat top left ; background-position: 15px 54px; margin: 0px; padding:0px; }
#header { margin-top: 15px; border-top: 1px solid #E3E0DB; border-top-left-radius: 5px; border-top-right-radius: 5px; }
#headlinks { bottom: 0; left: 150px; top: 120px; position: absolute; width: 826px; z-index: 100; }
#headlinks, #headlinks.active { background: transparent url('images/header_button_rightend.png') no-repeat top right; height: 36px; border: none; }
#headlinks ul li > a, #headlinks ul li > a:hover { background-color: transparent;  margin: 0; padding: 0 0 0 10px; -moz-border-radius: 0; border-radius: 0; }
#headlinks li { padding: 0; }
#speciallinks { display: none; }
#headlinks_wrapper { margin-left: 0; }
#headlinks ul li > a > span { line-height: 36px; height: 36px; display: block; }
#headlinks ul li > a { background: url('images/header_button.png') no-repeat top right ; line-height: 36px; height: 36px; display: block;  font-family: Arial,Helvetica,sans-serif; font-size: 100%; font-weight: bold; text-decoration: none; }
#headlinks ul li.leftend { background: transparent url('images/header_button_leftend.png') no-repeat top left ; line-height: 36px; height: 36px; width:23px;}
#headlinks ul li.first > a { background: url('images/header_button.png') no-repeat top right ; line-height: 36px; height: 36px; display: block; }
#headlinks ul li > a:hover, #headlinks ul li.current > a { background-position: right -36px; }
#headlinks ul li.first > a:hover, #headlinks ul li.first > a:focus, #headlinks ul li.first.current > a { background-position: right -36px; }
#headlinks ul li > a > span { padding-right: 10px; }
#settings a.link_lang {
   padding-left: 22px;
   line-height: 15px;
   display: inline-block;
}

#settings a.link_lang.ger {
   background: url('../custom/images/flags/ger.png') no-repeat left bottom;
}

#settings a.link_lang.eng {
   background: url('../custom/images/flags/eng.png') no-repeat left bottom;
}

#settings a.link_lang.fre {
   background: url('../custom/images/flags/fre.png') no-repeat left bottom;
}

/* Breadcrumb */
#breadcrumb { border-bottom: none; }
#breadcrumb a, #breadcrumb a:visited, #breadcrumb a:link { color: #000; }
#breadcrumb a:hover { color: #F6852B; }


/* Warenkorb im Header */
#headlinks > ul > li.basket > a { background-color: transparent; height: 18px; line-height:18px; width: 89px; color:white;  text-shadow: none !important;}
#headlinks li.basket { position: absolute; top: -60px; margin-left: 720px; bottom: 38px;  height: 18px; z-index:999999 !important;}
#headlinks li.basket > a, #headlinks li.basket > a:hover { padding-right: 0px;  height: 18px; padding-left:5px;}
#headlinks li.basket > a, #headlinks li.basket.items > a { background: transparent url('images/warenkorb.png') no-repeat top left !important; color: #000; font-size: 1em; background-position; top left !important; }
#headlinks li.basket > a:hover { color: #F6852B; background: transparent url('images/warenkorb_a.png') no-repeat top left !important; font-size: 1em; color:white; }

#headlinks li.basket div.articles { top:18px; right:5px; border-color: #000; background-color:#FFFFFF; display:none; z-index:999999;  }
ul.categories li.active { background-color: #FFBB85 !important; border-radius: 5px 5px 5px 5px; }
#headlinks li.basket:hover div.articles { top:18px; right:5px; border-color: #000; background-color:#FFFFFF; display:block; z-index:999999; }

/* Suche */
#search { padding: 0; position:relative; width: 330px; left:300px; top: -43px; display:block; padding: 0px; background-color: transparent; }
#search > form { position: relative; display:block; top: 0px; z-index: 300; width: 380px; height: 32px; line-height: 32px; vertical-align: top; }
input#suggest, input#suggest[type="text"] { background: transparent url('images/search_background.png') no-repeat top left; border:0px; height: 20px; line-height: 20px; width: 287px; padding: 2px 20px 2px 6px !important; position: relative; right: 17px; font-size: 1.2em; vertical-align: top; z-index:51;}
input#submit_search { text-indent: -999em; background: transparent url('images/search_button.png') no-repeat top left; width: 20px; height: 20px; border: none !important; padding: 0; position: relative; right: 30px; vertical-align: top; width: 24px; z-index:50;}

/* Sideboxes */
.sidebox { border: none; }
.sidebox h3 { background-color: none; background: transparent url('images/boxen_ hintergrund.gif'); }
.sidebox .boxtitle { border-bottom: none; font-size: 1em !important; }
.sidebox .categories .current { font-weight: bold; }

/* Startseite-Boxen */
#sidepanel_bottom { overflow: hidden; }
#sidepanel_bottom .sidebox { margin: 0; margin-bottom: 5px; float: left; width: 99.9%; border: none; }
#sidepanel_bottom .sidebox .boxtitle { display: block }
#sidepanel_bottom .sidebox div.sidebox_content { background-color: transparent; text-align: center; }

/* Hauptkategorien-Level */
ul.categories > li > a > span, ul.categories li.node > a > span { background: transparent none; padding-left: 0px; }
ul.categories li.active { background: transparent none; }
ul.categories li a:hover { background-color: #fafafa; }
/* Unterkategorien-Level */
ul.categories ul.subcat span, ul.categories ul.subcat li.node > a > span { background: transparent none; padding-left: 12px; font-size: 0.9em; }


/* Button Styles */
.submit, a.submit, a.submit:visited, a.submit:hover, input[type="submit"].submit, button[type="submit"].submit, button[type="button"].submit { border: none; font-weight: bold; padding: 5px 10px !important; background: #000 none;  color: #fff !important; text-shadow: none; -moz-border-radius: inherit; -webkit-border-radius: inherit; -khtml-border-radius: inherit; }
input[type="submit"].submit:hover, button[type="submit"]:hover.submit, button[type="button"].submit:hover, a.submit:hover { background-color: #F6852B; }


/* Preise */
span.price { color: #F6852B; }

#configset .item a.submit { color: #000 !important; }


.comparebutton:hover{
background:#46a5ee !important;
color:#ffffff !important;
}

.comparebutton{
background:#ffffff !important;
color:#46a5ee !important;
border: 1px solid #46a5ee !important;
font-weight:bold;

}



#sus_its_Fax_Bestellung span{
background:#fff !important;
color:#fff !important;
border:1px solid #000;
}

#sus_its_Fax_Bestellung span:hover{
background:#F6852B !important;
border:1px solid #000;
}

/*Merkmalfilter */

#filter_group .item {
    background-color: #F8F8F8;
    clear: none;
    float: left;
    margin-bottom: 0px;
    margin-left: 0;
    width: 50%;
}


#filter_group strong.label {
    display: block;
    float: left;
    font-weight: bold;
    line-height: 15px;
    margin-left: 0;
    padding-left: 5px;
    padding-top: 5px;
    text-align: left;
    width: 26%;
}


#article_filter select {
  
    width: 150px;
}

#filter_group ul.values li {
    display: inline;
    height: 18px;
    line-height: 34px;
    margin-right: 5px;
}


#filter_group ul.values {
    background-color: #F8F8F8;

}

div#page div#outer_wrapper.page_center.page_width div#page_wrapper.panel_left.panel_bottom div#content_wrapper div#content div#contentmid.hproduct div#article form#buy_form div.outer div.article_details div.left.p50.tright ul#preisholder.article_list{
width: 190px;}
.config_overlay { visibility: hidden !important; }