/*    JTL-Shop3 Tiny Theme "Green Fields" 
 * 
 *    @author JTL-Software.de (Daniel Böhmer)
 * 
 *    Dieses Theme basiert auf dem Theme "Lucid". Die Themes sind im Layout sehr ähnlich, haben aber grundsätzlich verschiedene Farben. 
 *    Die folgenden CSS-Regeln werden nach den CSS-Regeln vom Lucid-Theme geladen. 
*/


/* 	JTL-Shop3 Tiny Theme "Lucid"
** 
** 	@author JTL-Software.de
**	
*/

body { color: #3f3f3e; background: none repeat scroll 0 0 #FFFFFF; }
a, a:visited, a:link { color: #768B3F; }
a:hover, a:focus { color: #60742d; }
#content { border: none; padding: 10px; }
#contentmid { border: none; }
h1, h2 { text-transform: inherit; }

/* Tiny-Styles zuruecksetzen */
#headlinks, #headlinks.active { background: transparent url(images/main_backgrounds.png) no-repeat top left; height: 48px; border: none; }
#headlinks ul li > a, #headlinks ul li > a:hover, #headlinks li.basket > a, #headlinks li.basket > 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; }
.form fieldset select, .form fieldset textarea, .form fieldset input[type="text"], .form fieldset input[type="password"] { font-size: 1em; }
#styled_view li.gallery { width: 32.9%; }

/* Base Styles */
.page_width { width: 1080px; }
#page { background: transparent none; }
#content { background: #fff; border: 1px solid #ccc; padding: 10px; -moz-border-radius:5px 5px 5px 5px; }
.sidebox { background: #fff; }
#breadcrumb, #breadcrumb a { color: #999; }
#logo a { position:relative; display: block; margin-top: 10px; z-index: 999; }
#logo img { position: inherit; top: 0; }
#headlinks ul li > a, .sidebox h3, .sidebox .boxtitle { font: 12px "Trebuchet MS", sans-serif; font-weight: bold;  color: #3f3f3e !important; text-transform:uppercase; text-shadow:0 0 2px #AC5F24; }
#page_wrapper { margin-top: 10px; }

/* Eigene Header-Styles */

#header, #header_wrapper { height: 120px; position: relative; }
#style, #settings { top: 15px; right: 300px;  }

/* Suche */
#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: 15px 0 0 0; }
#search input[type="text"], #submit_search { vertical-align: top; }
#search input[type="text"] { width:180px; border: none; background: transparent url(images/search_input_bg.png) top left no-repeat; height: 25px; line-height: 25px; padding: 0 10px; }
#submit_search { width: 76px; border: none; background: transparent url(images/search_button_bg.png) top left no-repeat; height: 25px; line-height: 25px; padding: 0 20px 0 0px; font-size: 12px; }
#submit_search:hover span, #submit_search:focus span { text-decoration: underline; }
#ean { width: 12em !important; background: #f0f5e5 !important; border: 1px solid #cfcfcf !important; border-radius: 5px 5px 5px 5px !important; }
#page input[type="text"].placeholder { width: 12em !important; background: #f0f5e5 !important; border: 1px solid #cfcfcf !important; border-radius: 5px 5px 5px 5px !important; }
#page input[type="password"].placeholder { width: 12em !important; background: #f0f5e5 !important; border: 1px solid #cfcfcf !important; border-radius: 5px 5px 5px 5px !important; }

/* Inputs */
#page input[type="text"] { width:180px; border: none; background: transparent url(images/search_input_bg.png) top left no-repeat; height: 25px; line-height: 25px; padding: 0 10px; }
#page input[type="text"].quantity, #page input[type="text"].count, #page input[type="text"]#plz, #page input[type="text"].wunschliste_anzahl, #page input[type="text"].login { width: 38px; background: #f0f5e5; border: 1px solid #cfcfcf; border-radius: 5px 5px 5px 5px; }
#page input[type="text"]#wunschliste_public_url { width: 690px !important; background: #f0f5e5; border: 1px solid #cfcfcf; border-radius: 5px 5px 5px 5px; }
#page input[type="password"] { width:180px; border: none; background: transparent url(images/search_input_bg.png) top left no-repeat; height: 25px; line-height: 25px; padding: 0 10px; }
#page table.matrix input[type="text"] { width: 3em; background: #f0f5e5; border: 1px solid #cfcfcf; border-radius: 5px 5px 5px 5px; }

.submit, input.submit[type="submit"], button.submit[type="submit"], button.submit[type="button"] { background: url("images/button_bg.png") repeat-x scroll left top #f0f5e5; border: 1px solid #cfcfcf; text-shadow: 0 1px 0 #cfcfcf; color: #3f3f3e !important; }
#page select { background: #f0f5e5; border: 1px solid #cfcfcf; text-shadow: 0 1px 0 #cfcfcf; color: #3f3f3e; }
#page textarea { background: #f0f5e5; border: 1px solid #cfcfcf; text-shadow: 0 1px 0 #cfcfcf; color: #3f3f3e; }

/* Headlinks */
#headlinks ul li > a, #headlinks ul li > a > span { line-height: 48px; height: 48px; display: block; }
#headlinks ul li > a, #headlinks ul li.basket { background: transparent url(images/main_backgrounds.png) repeat-y 0 144px; padding-right: 0; }
#headlinks ul li > a:hover, #headlinks ul li > a:focus, #headlinks ul li.current > a { background-position: 0 96px !important; }

#headlinks ul li.first > a { background-position: top left; }
#headlinks ul li.first > a:hover, #headlinks ul li.first > a:focus, #headlinks ul li.first.current > a { background-position: 0 192px !important; }
#headlinks ul li > a > span { color: #3f3f3e; padding-right: 10px; }

#headlinks ul li.basket { position: relative; left: -10px; background-position: 9px 144px; }
#headlinks ul li.basket > a, #headlinks ul li.basket > a:hover { padding-left: 10px; position: relative; left: 10px; background: transparent url(images/main_backgrounds.png) top right !important; }
#headlinks li.basket.items > a { padding-right: 0; }
#headlinks ul li.basket > a > span { color: #3f3f3e; padding-left: 20px; background: transparent url(images/cart.png) no-repeat 0px 15px; }
#headlinks ul li.basket > a:hover, #headlinks ul li.basket > a:focus, #headlinks ul li.basket.current > a { background-position: right 192px !important; }

#headlinks li.basket div { top: 48px; }
#headlinks li.basket div.articles { border-color: #ccc; right: -10px; -moz-border-radius:5px 5px 5px 5px; }

/* Sidepanels */
.panel_left #sidepanel_left { width: 200px; }
.panel_left #content { margin-left: 210px; }
.panel_right #content { margin-right:210px; }

.sidebox { border: none; }
.sidebox h3, .sidebox .boxtitle { background: transparent url(images/main_backgrounds.png) 0 288px repeat-y; border: none; }
.sidebox .sidebox_content { border: 1px solid #ccc; border-top: none; }

#submit_search { background-image: url(images/search_button_bg.png); }

#headlinks ul li > a, .sidebox h3, .sidebox .boxtitle { text-shadow:0 0 2px #000; }


#footer { background: transparent none; color: #3f3f3e; } 
#footer > ul { padding: 10px; }
#footer a { color: #3f3f3e; }
#footer .master { background: transparent none; }
#footer ul.hlist { border: 1px solid #CCCCCC; border-radius: 5px 5px 5px 5px; }

#settings .expander_box { border: 1px solid #CCCCCC; border-radius: 5px 5px 5px 5px; }

#article_votes div.inner { background-color: #d1dfb3; }

#settings ul li span, #settings ul li a { color: #3f3f3e; }
#settings a.expander.active, #settings a.expander:hover { background: url("images/expander-down.png") no-repeat scroll right center #f0f5e5; border: 4px solid #f0f5e5; border-radius: 5px 5px 5px 5px; }
#content, .sidebox, #footer { -moz-border-radius:5px 5px 5px 5px; border-radius: 5px; }
.sidebox { padding-top: 1px; border: 5px solid #fff; width: 190px; }
.sidebox h3, .sidebox .boxtitle { background: transparent none; padding: 0 0 2px 0; margin-bottom: 5px; border-bottom: 1px solid #eee; }
.sidebox div.sidebox_content { border: none; }

#headlinks ul li > a, .sidebox h3, .sidebox .boxtitle, .submit { text-shadow: none; text-transform:lowercase; font:bold 14px "Trebuchet MS",sans-serif !important; }

#headlinks ul li > a:hover, #headlinks ul li > a:focus, #headlinks ul li.current > a, .sidebox h3, .sidebox .boxtitle { color: #3f3f3e !important; }

.submit { background: url(images/main_backgrounds.png) -15px -10px repeat-y; border-color: #3f3f3e; color: #fff; }
a.submit, a.submit:visited { color: #454545 !important; }
.submit:hover, a.submit:hover { background-position: -10px 96px !important; color: #3f3f3e !important;}

#footer .footer_box { color: #3f3f3e; }

ul.semtabs li a { color: #3f3f3e; }