﻿a, a:visited, a:link { color: #000000; }
a:visited { color: #000000; }
a:hover, a:visited:hover { color: #50619f; }

.custom_content h2 { margin-top: 1.5em; }
.custom_content em { font-weight: normal; color: #000; }


body { background: url("/xshop3/templates/JTL-Shop3-Tiny/themes/custom/images/bg_oben.png") repeat-x scroll left top #FFFFFF; }
#page { background: transparent none; }

#header_wrapper, #header { height:133px; background-color: transparent !important; }
#headlinks, #headlinks.active { border: none; }
#search { background:none repeat scroll 0 0 transparent; padding:0; position:relative; text-align:right; top:-100%; }
#search-form { width:300px; padding-right:10px; position:absolute; right:0; top:0; height: 40px; padding-top: 15px; background: url("images/bg_head_search.png") no-repeat scroll right bottom transparent; }
#speciallinks { display: none; /* background-color:transparent; margin:-34px auto 0; text-align:right; */ }
#search input[type="text"] { width:190px; }

#header {
	background: #ffffff;
	border-bottom-style: solid;
	border-bottom-color: #46638A;
	border-bottom-width: 2px;
}

.panel_left #sidepanel_left { width: 200px; }
.panel_left #content { margin-left: 200px; padding-right: 10px; }

#headlinks ul { margin-left: 20px; }

.sidebox h3 {
border-bottom: none;
padding: 5px 2px; 
margin: 2px; 
background: #F4F4F4 none;
color: #666666;
font-size: 1em !important;
}

#settings li span,
#settings > ul > li > a { color: #808080; }
#settings { top: 0; right:310px; text-align: right; width:400px; }
#settings > ul { float:right; height:40px; padding-left:15px; padding-top:15px; background: url("images/bg_head_search.png") no-repeat scroll left bottom transparent; }

#settings div.expander_box { text-align: left; }

#outer_wrapper { margin-top: 0; }
#page_wrapper { background: #fff; padding-top:5px; }

/* #settings a.expander { background-color: #5d6b9c; margin-left: 5px; } */
#headlinks ul li > a, #headlinks li.basket > a { background-color: #46638a; color: #fff; }
#headlinks ul li > a:hover, #headlinks li.basket > a:hover, #settings a.expander.active, #settings a.expander:hover { background-color: #3c5473; }
#settings a.expander.active, #settings a.expander:hover { border-color: #3c5473; color: #fff; }

#logo img { top:15px; left: 15px; }

#footer_wrapper { background: transparent none; }

#frontpage_banner { margin-top: -10px; }

#simplemodal-container { border-color: #46638A; }


#simplemodal-container { border: 0; background: url("../blue/images/popup_border.png"); padding: 8px; }

.simplemodal-data { background-color: #fff; padding: 12px; }

#settings .expander_box { border: 0; background: url("../blue/images/popup_border.png"); padding: 8px; }

#settings .expander_inner { background-color: #fff; padding: 8px; }
   
   

/* demoshop css */
#frontpage_banner { margin-top: -10px; }
#content .custom_content ul.features { list-style-type: none; margin: 0; margin-right: 30%; padding: 2px; padding-bottom: 0; border: 5px solid #eee; }
#content .custom_content ul.features li { background: url("images/checked.png") no-repeat scroll 5px 5px #f4f4f4; padding: 10px; padding-left: 36px; min-height: 20px; list-style-type: none; margin-bottom: 2px; }

#filter_group .label img, #article #attribute_list .item .label img { display: none; }

#headlinks li.basket.items > a { color: #4d3d0c !important; text-shadow:0 1px 0 #FFEE66; 
background: url("../base/images/button_bg.png") repeat-x scroll left top #FFAA22 !important;
}

#headlinks li.basket div.articles { 
background: url("../blue/images/popup_border.png") repeat scroll 0 0 transparent !important;
border:0 none;
padding:8px;
}

.datepicker { border-color: #46638A; }

#headlinks li.basket div.articles table { background-color: #fff; padding: 5px; }

/* Ab hier kommen meine neuen Einträge */

#footer p.jtl {
   margin: 0 auto;
   text-align: center;
   padding: 1.5em 0;
   font-size: 0.9em;
   background: url('images/lensweblogofooter.png') right center no-repeat;
}

ul.categories li a:hover {
	background-color: #E4E4E4;
}

ul.categories li.active {
	background-color: #F4F4F4;
}

h2 {
   font : 1.6em Verdana, Helvetica, Arial, sans-serif;
}

.box_error {
   border: 1px solid #ff0000;
   background-color: #fff3e3;
   padding: 0.5em;
   margin: 0 0 1em 0;
}
.box_success {
   border: 1px solid #94DF7F;
   margin: 0 0 1em 0;
   padding: 0.5em 30px 0.5em 0.5em;
}
.box_info {
   border: 1px solid #FFCC00;
   margin: 0 0 1em 0;
   padding: 0.5em 30px 0.5em 0.5em;
}

/* Startseite */

#x-content {
	width: 750px;
	margin: auto;
	text-align: left;
}

#x-bild1 {
    -webkit-box-shadow: 0px 1px 5px 0px #4A4A4A;
    -moz-box-shadow: 0px 1px 5px 0px #4A4A4A;
    box-shadow: 0px 1px 5px 0px #4A4A4A;
    height: 136px;
    width: 750px;
    margin-bottom: 35px;
}

#x-bild2 {
    -webkit-box-shadow: 0px 1px 5px 0px #4A4A4A;
    -moz-box-shadow: 0px 1px 5px 0px #4A4A4A;
    box-shadow: 0px 1px 5px 0px #4A4A4A;
    height: 220px;
    width: 750px;
    /* background-image: url('images1/oakley-prescription-lenses_750.jpg'); */
    margin-bottom: 35px;
    background-color: #000000;
}
#x-bild2-text{
	padding: 105px 10px 0px 10px;
}

#x-linkespalte {
    -webkit-box-shadow: 0px 1px 5px 0px #4A4A4A;
    -moz-box-shadow: 0px 1px 5px 0px #4A4A4A;
    box-shadow: 0px 1px 5px 0px #4A4A4A;
    float: left;
    height: 80px;
    width: 240px;
   /* background-image: url('../../../../bilder/startseite/Prada_Brillen.jpg'); */
}
#x-mittlerespalte {
    -webkit-box-shadow: 0px 1px 5px 0px #4A4A4A;
    -moz-box-shadow: 0px 1px 5px 0px #4A4A4A;
    box-shadow: 0px 1px 5px 0px #4A4A4A;
    float: left;
    height: 80px;
    width: 240px;
    margin-left: 15px;
}
#x-rechtespalte {
	-webkit-box-shadow: 0px 1px 5px 0px #4A4A4A;
    -moz-box-shadow: 0px 1px 5px 0px #4A4A4A;
    box-shadow: 0px 1px 5px 0px #4A4A4A;
    float: left;
    height: 80px;
    width: 240px;
    margin-left: 15px;
    margin-bottom: 35px;
}
.x-marken-box {
	-webkit-box-shadow: 0px 1px 5px 0px #4A4A4A;
    -moz-box-shadow: 0px 1px 5px 0px #4A4A4A;
    box-shadow: 0px 1px 5px 0px #4A4A4A;
	clear: both;
	background: #EFEFEF;
	display: block;
	width: 750px;
	margin-bottom: 60px;
}
.x-marken-logos {
	text-align: center;
	margin-bottom: 15px;
}
.x-text-innen {
	padding: 10px;
}
#x-aboutUs {	
	float: left;
	padding: 10px;
	width: 450px;
	margin-bottom: 15px;
}
#x-vorteile {
	-webkit-box-shadow: 0px 1px 5px 0px #4A4A4A;
    -moz-box-shadow: 0px 1px 5px 0px #4A4A4A;
    box-shadow: 0px 1px 5px 0px #4A4A4A;
	float: right;
	background-color: #EFEFEF;
	padding: 10px;
	width: 250px;
	margin-bottom: 60px;
}
#x-kontaktlinsen {
	-webkit-box-shadow: 0px 1px 5px 0px #4A4A4A;
    -moz-box-shadow: 0px 1px 5px 0px #4A4A4A;
    box-shadow: 0px 1px 5px 0px #4A4A4A;
	clear: both;
	background: #EFEFEF;
	width: 750px;
	margin-bottom: 35px;
}

#x-shadow {
	-webkit-box-shadow: 0px 1px 5px 0px #4A4A4A;
    -moz-box-shadow: 0px 1px 5px 0px #4A4A4A;
    box-shadow: 0px 1px 5px 0px #4A4A4A;
}

/*Block Navi (Hyperlinks) kompletter Div Container*/

.x-navigation a {
	display: block;
	height: 100%;
    width: 100%;
    text-decoration: none;
   /* padding: 5px 5px 5px 5px; */
}

.x-navigation a:hover {
	color: #000000;
}

/*Slider Hintergrundfarbe und Textfarbe vom Textfeld*/

.nivo-caption {
    background: none;
	color:#000;
}

/*Slider maximale Breite und zentriert*/

.nivoSlider {
    position:relative;
    max-width:750px;
    height:auto;
    overflow: hidden;
    margin-left:auto; 
    margin-right:auto;
}

/*Top Navi und Boxen Farbdesign von mir*/

#headlinks ul li > a, #headlinks li.basket > a {
    background-color: #1897FF;
}

#header {
    border-bottom: 2px solid #1897FF;
}

#headlinks_wrapper {
    margin: 0 0 0 260px;
}

#headlinks ul {
    margin-left: -260px;
}

.sidebox {
    border: 0px solid #DDDDDD;
}

.sidebox h3 {
    color: #1897FF;
}

ul.categories li.active {
    background-color: #FFFFFF;
}

/*NH Design ab hier*/

.page_width{
                               width: 100%;
                               max-width: 1200px;
                               min-width: 900px;
                }
                #outer_wrapper{
                               margin-top: 20px;
                }
                #settings > ul,
                #search-form{
                               background-image: none !important;
                }
                #header_wrapper{
                               border-bottom: 1px solid #BBB;
                }
                #header{
                               border: 0px !important;
                }
                #headlinks * a{
                               border-radius: 0px !important;
                }
                #sidepanel_left * .boxtitle{
                               color: #222 !important;
                               background-color: transparent !important;
                               border-bottom: 1px dotted #222 !important;
                               text-transform: uppercase !important;
                }
                #sidepanel_left * .sidebox_content * a, 
                #sidepanel_left * .sidebox_content * span{
                               color: #888 !important;
                               margin-left: 3px;
                }
                
                ul.categories li.active > a {
                               background-color: transparent;
                }
                
                .styled_view > .gallery{
                               border-top: 1px solid #CCC;
                }
                .article_wrapper a,
                .next_article a,
                .prev_article a{
    text-decoration: none;
  }
                
                .next_article a,
                .prev_article a{
                               font-size: 0.8em;
                               font-weight: bold;
                               color: #AAA;
                }
                
  .styled_view li.gallery h3{
                               padding-left: 14px;
                               padding-right: 14px;
  }
                .article_wrapper > h3 a{
    font-size: 1.1em;
  }
  .article_price .price{
    color: #555;
    font-weight: bold;
    font-size: 1.2em;
  }
                #price{
                               color: #555;
                }
  #extended_design a,
  .footer_links a,
  .pagenavi a{
    text-decoration: none;
  }
  .article_image .image{
    border: 0px;
  }
  .styled_view li .article_wrapper{
    background-color: white;
    border: 3px solid transparent;
  }
  .styled_view li .article_wrapper:hover{
    background-color: white;
    -webkit-box-shadow: inset 0px 0px 5px 0px rgba(170,170,170,0.5);
    -moz-box-shadow: inset 0px 0px 5px 0px rgba(170,170,170,0.5);
    box-shadow: inset 0px 0px 5px 0px rgba(170,170,170,0.5);
    border-color: transparent;
  }
                
                .category_wrapper{
                               border: 0px;
                }
                
                .category_wrapper ul.category_item li.desc{
                               padding-left: 0px;
                }
                
                a.submit, a.submit:hover{
                               color: white !important;
                }
                
                .submit,
                input.submit[type="submit"], 
                button.submit[type="submit"], 
                button.submit[type="button"]{
                               color: white !important;
                               background-image: none;
                               background-color: #1897ff;
                               text-shadow: none;
                               border: 0px;
                               border-radius: 0px;
                               padding: 5px 10px !important;
                }

                .submit:hover, 
                input.submit[type="submit"]:hover, 
                button.submit[type="submit"]:hover, 
                button.submit[type="button"]:hover{
                               background-color: #3C5473;
                }
                
                #facebook_plugin,
                #google_plugin,
                #twitter_plugin{
                               display: inline-block !important;
                               height: 20px;
                               margin: 20px 0px;
                               padding: 0px;
                               overflow: hidden;
                }
                #facebook_plugin{
                               width: 130px;
                }
                #article_buyfield * iframe{
                               margin-top: 0px !important;
                               padding-top: 0px !important;
                }
                .financing, .comment, .differential_price, #article .article_matrix, #article fieldset.article_buyfield{
                               margin: 0px;
                               padding: 0px;
                               border-radius: 0px;
                               background-color: transparent;
                }
                #article fieldset.article_buyfield{
                               border-bottom: 1px solid #CCC;
                               margin-bottom: 10px;
                               padding-bottom: 5px;
                }
                #article fieldset.article_buyfield .choose_quantity{
                               text-align: right;
                }
                
                #attribute_list{
                               padding: 30px 0px !important;
                }
                
                .sidebox_content.tcenter > select,
                .sidebox_content.tcenter input{
                               width: 100%;
                               margin: 3px 0px;
                }

				/*NH Design für Klickschutz Plugin*/
				._s-plugin-main-content ._s-h3-style{
                font-size: 1em;
}
/*Lieferzeit ausblenden*/
.estimated_delivery , .shippingTime{
    display: none !important;
}