/*
  $Id$

  osCommerce, Open Source E-Commerce Solutions
  http://www.oscommerce.com

  Copyright (c) 2010 osCommerce

  Released under the GNU General Public License
*/

.ui-widget {
  font-family: Lucida Grande, Lucida Sans, Verdana, Arial, sans-serif;
  font-size: 13px;
}

body {
  background: #3888af;
 color:#666666;
  margin: 0px;
  font-size: 13px;
  font-family: Lucida Grande, Lucida Sans, Verdana, Arial, sans-serif;
}

#bodyWrapper {
background:url(images/bg_footer.jpg) no-repeat bottom center #fff;
width:960px;
padding:10px 10px 95px 10px;
margin:10px auto 10px auto;
overflow:hidden;
border-radius:10px;
-moz-border-radius:10px;
}

#bodyContent {


}

#header {
background:url(images/bg_logos.jpg) no-repeat 140px bottom;
  height: 164px;
}

#storeLogo {
  float: left;
  margin-top: 0;
}

#columnLeft {
  padding-top: 5px;
}

#columnRight {
  padding-top: 5px;
}

.infoBoxContainer { }

.infoBoxHeading {
  padding: 2px;
  font-size: 13px;
}

.infoBoxContents {
  padding: 5px;
  font-size: 13px;
  line-height: 1.5;
}

.contentContainer {
  padding-bottom: 10px;
}

.contentContainer h2 {
  font-size: 22px;
  font-weight: normal;
  margin-bottom: 0;
  padding-bottom: 5px;
}

.heading_start {
padding-top:20px;
}

.contentText  {
  padding: 12px 0 5px 8px;
  font-size: 13px;
  line-height: 1.5;
  border:1px solid #e5e5e5;
border-radius:5px;
-moz-border-radius:5px;
overflow:hidden;
}

.productListTable {
  padding: 5px 7px 5px 0;
  font-size: 13px;
  line-height: 1.5;
}

.productListTable tr td {
border-bottom:1px solid #e5e5e5;
}

.productListTable tr.alt td {
  
}

.fieldKey {
  font-size: 13px;
  font-weight: bold;
  line-height: 1.5;
  width: 150px;
}

.fieldValue {
  font-size: 13px;
  line-height: 1.5;
}

h1 {
  font-size: 28px;
  margin-bottom: 0;
  padding-bottom: 5px;

}

img {
  border: 0;
}

table, p {
  font-size: 13px;
  line-height: 1.5;
}

#piGal ul {
  list-style-type: none;
}

#piGal img {
  -webkit-box-shadow: 0px 0px 3px #cccccc;
  -moz-box-shadow: 0px 0px 3px #cccccc;
}

#piGal .outer {
  margin-left: -30px;
}

.buttonSet {
  clear: both;
}

.buttonAction {
  float: right;
}

.boxText { font-family: Verdana, Arial, sans-serif; font-size: 13px; }
.errorBox { font-family : Verdana, Arial, sans-serif; font-size : 13px; background: #ffb3b5; font-weight: bold; }
.stockWarning { font-family : Verdana, Arial, sans-serif; font-size : 13px; color: #cc0033; }
.productsNotifications { background: #f2fff7; }
.orderEdit { font-family : Verdana, Arial, sans-serif; font-size : 13px; color: #70d250; text-decoration: underline; }

A {
  color: #000000;
  text-decoration: none;
}

A:hover {
  text-decoration: underline;
}

FORM {
	display: inline;
}

TR.header {
  background: #ffffff;
}

TR.headerNavigation {
  background: #bbc3d3;
}

TD.headerNavigation {
  font-family: Verdana, Arial, sans-serif;
  font-size: 13px;
  background: #bbc3d3;
  color: #ffffff;
  font-weight : bold;
}

A.headerNavigation { 
  color: #FFFFFF; 
}

A.headerNavigation:hover {
  color: #ffffff;
}

TR.headerError {
  background: #ff0000;
}

TD.headerError {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 13px;
  background: #ff0000;
  color: #ffffff;
  font-weight : bold;
  text-align : center;
}

TR.headerInfo {
  background: #00ff00;
}

TD.headerInfo {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 13px;
  background: #00ff00;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}

TR.footer {
  background: #bbc3d3;
}

TD.footer {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #bbc3d3;
  color: #ffffff;
  font-weight: bold;
}

.infoBox {
  background: #b6b7cb;
}

.infoBoxNotice {
  background: #FF8E90;
}

.infoBoxNoticeContents {
  background: #FFE6E6;
  font-family: Verdana, Arial, sans-serif;
  font-size: 13px;
}

TD.infoBoxHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 13px;
  font-weight: bold;
  background: #bbc3d3;
  color: #ffffff;
}

TD.infoBox, SPAN.infoBox {
  font-family: Verdana, Arial, sans-serif;
  font-size: 13px;
}

TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {
  background: #f8f8f9;
}

TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {
  background: #f8f8f9;
}

TABLE.productListing {
  border: 1px;
  border-style: solid;
  border-color: #b6b7cb;
  border-spacing: 1px;
}

.productListingHeader {

background:#f8f8f8;
  table-layout: fixed;
  font-weight: bold;
}

.productListingHeader A:hover {
  color:#666666;
}

.productListingData {
  table-layout: fixed;
}

.productListTable img {
margin:5px 0 5px 0;
}

A.pageResults {
  color: #666666;
}

A.pageResults:hover {
  color: #666666;
}

TD.pageHeading, DIV.pageHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 20px;
  font-weight: bold;
  color: #9a9a9a;
}

TR.subBar {
  background: #f4f7fd;
}

TD.subBar {
  font-family: Verdana, Arial, sans-serif;
  font-size: 13px;
  color: #000000;
}

TD.main, P.main {
  font-family: Verdana, Arial, sans-serif;
  font-size: 13px;
  line-height: 1.5;
}

a.produkt_link {
font-size:16px;
color:#2e639e;
} 

TD.smallText, SPAN.smallText, P.smallText {
  font-family: Verdana, Arial, sans-serif;
  font-size: 13px;
}

TD.accountCategory {
  font-family: Verdana, Arial, sans-serif;
  font-size: 13px;
  color: #aabbdd;
}

TD.tableHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 13px;
  font-weight: bold;
}

SPAN.newItemInCart {
  font-family: Verdana, Arial, sans-serif;
  font-size: 13px;
  color: #ff0000;
}

CHECKBOX, INPUT, RADIO, SELECT {
  font-family: Verdana, Arial, sans-serif;
  font-size: 13px;
}

TEXTAREA {
  width: 100%;
  font-family: Verdana, Arial, sans-serif;
  font-size: 13px;
}

SPAN.greetUser {
  font-family: Verdana, Arial, sans-serif;
  font-size: 13px;
  color: #f0a480;
  font-weight: bold;
}

TABLE.formArea {
  background: #f1f9fe;
  border-color: #7b9ebd;
  border-style: solid;
  border-width: 1px;
}

TD.formAreaTitle {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 13px;
  font-weight: bold;
}

SPAN.markProductOutOfStock {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 13px;
  color: #c76170;
  font-weight: bold;
}

SPAN.productSpecialPrice {
  font-family: Verdana, Arial, sans-serif;
  color: #ff0000;
}

SPAN.errorText {
  font-family: Verdana, Arial, sans-serif;
  color: #ff0000;
}

.moduleRow { }
.moduleRowOver { background-color: #D7E9F7; cursor: pointer; cursor: hand; }
.moduleRowSelected { background-color: #E9F4FC; }

.checkoutBarFrom, .checkoutBarTo { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #8c8c8c; }
.checkoutBarCurrent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; }

/* message box */

.messageBox { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.messageStackError, .messageStackWarning { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #ffb3b5; }
.messageStackSuccess { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #99ff00; }

/* input requirement */

.inputRequirement { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ff0000; }

/* buttons */

.tdbLink a { }

.tdbLink button { }

/* account link list */

.accountLinkList {
  list-style-type: none;
  margin: 2px 2px 2px 10px;
  padding: 5px;
}

.accountLinkListEntry {
  float: left;
  margin-right: 5px;
}

/*Breadcrump*/
#breadcrump {
height:25px;
font-size:11px;
color:#b0b0b0;
line-height:24px;
clear:both;
}

#breadcrump  a {
color:#b0b0b0;
text-decoration:none;
}


/* Component containers
----------------------------------*/
.ui-widget { font-family: Lucida Grande, Lucida Sans, Arial, sans-serif; font-size: 1.1em; margin:0 0 10px 0;}
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Lucida Grande, Lucida Sans, Arial, sans-serif; font-size: 1em; }
.ui-widget-content { color: #222222; }
.ui-widget-content a { color: #222222; }

#columnLeft .ui-widget {
border:1px solid #e5e5e5;
border-radius:5px;
-moz-border-radius:5px;
}
#columnLeft #main_navigation .ui-widget-header { 
background:url(images/bg_title_header.png) no-repeat; 
color: #ffffff; 
font-weight: bold;
height:46px;
width:227px; 
margin:10px 0 0 -6px;
padding:0 0 0 10px;
line-height:43px;
font-size:15px;
text-shadow:0 -1px 1px #999;
}

#manufacturer .ui-widget-header { 
background:url(images/bg_title_header_blue.png) no-repeat; 
color: #ffffff; 
font-weight: bold;
height:46px;
width:227px; 
margin:10px 0 0 -6px;
padding:0 0 0 10px;
line-height:43px;
font-size:15px;
text-shadow:0 -1px 1px #999;
}

.ui-widget-header a { color: #ffffff; margin:0 0 0 10px;}

/*Mainnavigation*/

#main_navigation a {
background:url(images/arrow_main.png) no-repeat 0 9px;
display:block;
padding:4px 0 4px 12px;
border-bottom:1px solid #e5e5e5;
color:#666666;
}

/*Produkt*/

.produkt {
border:1px solid #e5e5e5;
border-radius:5px;
-moz-border-radius:5px;
padding:10px;
width:195px;
height:230px;
margin:0 10px 10px 5px;
float:left;
text-align:center;
}

a.produkt_title {
font-size:16px;
color:#2e639e;
}

.produkt_preis {
font-size:16px;
color:#ff9c00;
}

/*Footer*/
.footer {
background:#fff;
border:1px solid #e5e5e5;
border-radius:5px;
-moz-border-radius:5px;
font-size:11px!important;
}

#footer a {
color:#666666;
}

.footer_navigation {
width:400px;
float:left;
padding:12px 0 12px 10px;
}

.footer_copyright {
float:right;
padding:12px 12px 12px 0;
}

/*TopNavigation*/

#top_navigation_content {
background:url(images/bg_main_navigation.jpg) no-repeat 0 40px;
width:945px;
height:97px;
margin:0 0 0 0;
float:left;
}

#top_navigation_content ul {
list-style:none;
margin:0;
padding:0;
}

#top_navigation_content ul li {
float:left;
}

#top_navigation_content ul li a {
display:block;
height:57px;
padding:0 20px 0 20px;
font-size:13px;
font-weight:bold;
color:#98ba3b;
line-height:45px;
}

/*Banner*/

#banner {
margin:5px 0 0 0;
height:300px;
border:1px solid #e5e5e5;
border-radius:5px;
-moz-border-radius:5px;
padding:5px;
}

/*============================*/
/*=== Custom Slider Styles ===*/
/*============================*/
#slider-wrapper {
    background:url(images/slider.png) no-repeat;
    width:698px;
    margin:0 auto;
}

#slider {
	position:relative;
    width:698px;
    height:246px;
	background:url(images/loading.gif) no-repeat 50% 50%;
	margin:0 0 200px 0;
}
#slider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
#slider a {
	border:0;
	display:block;
}

.nivo-controlNav {
background:#eeeeee;
border:1px solid #e5e5e5;
border-radius:12px;
-moz-border-radius:12px;
-webkit-border-radius:12px;
	position:absolute;
	left:305px;
	bottom:-16px;
}
.nivo-controlNav a {
	display:block;
	width:22px;
	height:22px;
	background:url(images/bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:3px;
	float:left;
}
.nivo-controlNav a.active {
	background-position:0 -22px;
}

.nivo-directionNav a {
	display:block;
	width:30px;
	height:30px;
	background:url(images/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
}
a.nivo-nextNav {
	background-position:-30px 0;
	right:15px;
}
a.nivo-prevNav {
	left:15px;
}

.nivo-caption {
    text-shadow:none;
    font-family: Helvetica, Arial, sans-serif;
}
.nivo-caption a { 
    color:#efe9d1;
    text-decoration:underline;
}


/* The Nivo Slider styles */
.nivoSlider {
	position:relative;
	
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:60;
	display:none;
}

/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	opacity:0.8; /* Overridden by captionOpacity setting */
	width:100%;
	z-index:89;
}
.nivo-caption p {
	padding:5px;
	margin:0;
}
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
    display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:99;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
	position:relative;
	z-index:99;
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}


/*
 * jQuery UI Menu 1.8.6
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Menu#theming
 */
.ui-menu {
	list-style:none;
	padding: 2px;
	margin: 0;
	display:block;
	float: left;
}
.ui-menu .ui-menu {
	margin-top: -3px;
}
.ui-menu .ui-menu-item {
	margin:0;
	padding: 0;
	zoom: 1;
	float: left;
	clear: left;
	width: 100%;
}

#headerShortcuts .ui-menu .ui-menu-item a {
	text-decoration:none;
	display:block;
	height:50px;
	line-height:1.5;
	zoom:1;
}

.ui-menu .ui-menu-item a {
	text-decoration:none;
	display:block;
	padding:.2em .4em;
	line-height:1.5;
	zoom:1;
}
.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {
	font-weight: normal;
	margin: -1px;
}
/*
 * jQuery UI Button 1.8.6
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Button#theming
 */
 
 
#headerShortcuts {
  float: left;
  margin: 40px 0 0 25px;
}

#headerShortcuts span.ui-button-icon-primary{
float:left;
margin:22px 5px 0 0;
}
 
#headerShortcuts a {
background:none;
float:left;
display:block;
height:57px;
padding:0 12px 0 9px;
font-size:13px;
font-weight:bold;
color:#666666;
line-height:58px;
border:none;
border-left:1px solid #e5e5e5;
border-right:1px solid #fff;
text-shadow:0 2px 1px #fff;
}

/*SearcH*/

.search_top {
background:url(images/bg_search.png) no-repeat;
float:right;
width:280px;
height:30px;
margin:53px 10px 0 0;
padding:0 0 0 35px;
}

.search_top input {
border:1px solid #fff;
height:20px;
color:#666666;
margin:5px 0 0 0;
padding:0;
}

.search_top input#search_image {
height:30px;
border:none;
float:right;
margin:0 0 0 10px;
}

/*productlisting*/

.buynowbutton {
background:url(images/button_shop.png) no-repeat;
width:99px;
height:39px;
}
.buynowbutton a{
background:url(images/button_shop.png) no-repeat;
width:99px;
height:39px;
display:block;
color:#FFFFFF;
font-weight:bold!important;
font-size:12!important;
line-height:28px;
text-shadow:0 1px 1px #4f5c04;
text-align:left;
}

.buynowbutton .ui-button  { 
background:none;
border:none;
} 

.buynowbutton .ui-button-icon-primary, .produkt_left .buttonSet .ui-button-icon-primary {
display:none;
}

#free_delivery {
margin:0 0 10px 0;
}

/*Produkt*/

#produkt_info {
margin:5px 0 0 0;
}

#produkt_info h1 {
padding:0 0 0 0;
margin:0 0 0 0;
}

.produkt_left {
width:420px;
float:left;
}

.produkt_left .buttonSet {
border-bottom:1px solid #e5e5e5;
padding:0 0 5px 0;
margin:0 0 10px 0;
}

.price {
color:#ff9c00;
font-size:15px;
}

.produkt_left .buttonSet .ui-button {
background:url(images/button_cart.png) no-repeat;
width:161px;
height:43px;
display:block;
color:#fff;
text-shadow:0 1px 1px #4f5c04;
border:none;
cursor:pointer;
font-size:16px;
}

/*Shoppingcart*/

#shopping_cart .contentText{
padding:10px;
}

#shopping_cart .contentText p {
border-top:1px solid #e5e5e5;
padding:10px 0 0 0;
}

/*--------------------Slider--------------------------*/

.carousel {
background:url(images/bg_banner.jpg) no-repeat left bottom;
height:228px;
width:710px;
margin:20px 0 0 0;
border:1px solid #e5e5e5;
border-radius:5px;
-moz-border-radius:5px;
}

.container {
height:232px; 
overflow:hidden;
position:relative; 
}

.slides {
position:absolute; 
top:10px; 
left:0;
}

a img {
border:none;
}

.slides div {
float:left;
width:136px;
height:179px!important;
margin:4px 15px 0 0;
display:block;
}


.slides div a.produkt {
width:136px;
height:179px;
padding:0;
margin:10px 0 0 0;
display:block;
border:none;
}

.slides .produkt_titel {
display:block;
} 

.slides div {
position:absolute; 
top:0; 
width:136px; 
height:179px;
display:none; 
text-align:center; 
}

.slides div img {
display:block;
margin:0 auto 5px auto;
}


a.previous {
background:url(images/arrows_carousel.png) no-repeat 0 -10px;
height:179px;
width:33px;
display:block;
float:left;
margin:25px 0 0 -6px;
outline:none;
}

a.previous:hover {
background:url(images/arrows_carousel.png) no-repeat 0 -219px;
} 

a.next {
background:url(images/arrows_carousel.png) no-repeat -33px -10px;
height:179px;
width:33px;
display:block;
float:right;
margin:25px -6px 0 0;
outline:none;
}

a.next:hover {
background:url(images/arrows_carousel.png) no-repeat -33px -219px;
}

a.previous span, a.next span {
display:none;
}