* { padding:0; margin:0; outline:0; }
body {
	background:#fff;
	font-family: Arial, sans-serif;
	font-size:12px;
	line-height:17px;
	color:#6f6e6e;
}
input, textarea, select { font-family: Arial, sans-serif; font-size:12px; color:#333; }
textarea { overflow:auto;}

a img { border:0; }

a { color:#0088c4; text-decoration: none; cursor:pointer; }
a:hover { color:#333; }

.left, .alignleft { float:left; display:inline; }
.right, .alignright { float:right; display:inline; }

.cl { font-size:0; line-height:0; clear:both; display:block; height:0; }

.al { text-align: left; }
.ar { text-align: right; }
.ac { text-align: center; }

h3 { font-size:15px; line-height:18px; color:#bcbcbc; text-transform: uppercase; }

h1#logo { font-size:0; line-height:0; width:248px; height:61px; float:left; }
h1#logo a{ display:block; height:61px; text-indent: -4000px; background:url(images/logo.png); }

#navigation { float: left; display: inline; margin-left: 5px; position: relative; z-index: 40; }
.navigation-l { float: left; display: inline; width: 30px; height: 41px; background: url(images/navigation-left.png) no-repeat 0 0; }
.navigation-r { float: left; display: inline; width: 29px; height: 41px; background: url(images/navigation-right.png) no-repeat 0 0; }
.navigation-cnt { float: left; display: inline;  background: url(images/navigation-cnt.png) repeat-x 0 0; height: 41px; }
.navigation-cnt ul{ list-style: none outside none; }
.navigation-cnt ul li { float: left; display: inline;  height: 36px; background: url(images/navigation-separator.gif) no-repeat right 0; padding-right: 14px; margin-right: 14px; position: relative;  }
.navigation-cnt ul li.last { background: none; padding-right: 0; }
.navigation-cnt ul li a { float: left; display: inline;  height: 36px; font-size: 13px; color: #0088c4; font-weight: bold; line-height: 36px; }
.navigation-cnt ul li a:hover,
.navigation-cnt ul li a.hover{ text-decoration: none; color: #434343; background: url(images/navigation-hover-pointer.gif) no-repeat center bottom; }
.navigation-cnt ul li .dd-holder { position: absolute; top: 36px; left: -21px; width: 202px; z-index: 20; display: none; }
.navigation-cnt ul li .dd-holder .dd-t { width: 202px; height: 15px; background: url(images/dd-t.png) no-repeat 0 0; }
.navigation-cnt ul li .dd-holder .dd-cnt { width: 202px;  background: url(images/dd-bg.png) repeat-y 0 0; position: relative; z-index: 2; }
.navigation-cnt ul li .dd-holder .dd-b { width: 202px; height: 15px; background: url(images/dd-b.png) no-repeat 0 0; position: relative;  }
.navigation-cnt ul li .dd-holder .dd-inner { float: left; display: inline; width: 202px; position: relative; margin: -15px 0 -10px;  }
.navigation-cnt ul li .dd-holder .dd-cnt ul { padding: 0 6px; }
.navigation-cnt ul li .dd-holder .dd-cnt ul li { float: none; width: 190px; display: block; height: 36px; background: none; padding: 0; margin: 0; background: url(images/dd-li-bg.gif) repeat-x 0 0; border-bottom: 1px solid #e3e3e3 ; font-size: 0; line-height: 0; }
.navigation-cnt ul li .dd-holder .dd-cnt ul li a { float: none; display: block; background: none; padding: 0 0 0 12px; margin: 0; height: 100%; font-size: 12px; }
.navigation-cnt ul li .dd-holder .dd-cnt ul li a .arrow { float: right; display: inline; width: 10px; height: 13px; background: url(images/dd-arrow.png) no-repeat 0 0; margin: 12px 10px 0 0; }
.navigation-cnt ul li .dd-holder .dd-cnt ul li a:hover,
.navigation-cnt ul li .dd-holder .dd-cnt ul li a.hover { color: #fff; background: url(images/dd-hover.gif) repeat-x 0 0;}
.navigation-cnt ul li .dd-holder .dd-cnt ul li a:hover .arrow,
.navigation-cnt ul li .dd-holder .dd-cnt ul li a.hover .arrow { background: url(images/dd-arrow-hover.png) no-repeat 0 0;}
.navigation-cnt ul li .dd-holder .dd-cnt ul li.first { background:  url(images/dd-li-first.png) no-repeat 0 0; }
.navigation-cnt ul li .dd-holder .dd-cnt ul li.last { background:  url(images/dd-li-last.png) no-repeat 0 0; border: 0; }
.navigation-cnt ul li .dd-holder .dd-cnt ul li.first a:hover,
.navigation-cnt ul li .dd-holder .dd-cnt ul li.first a.hover { background: url(images/dd-li-first-hover.png) no-repeat 0 0; }
.navigation-cnt ul li .dd-holder .dd-cnt ul li.last a:hover,
.navigation-cnt ul li .dd-holder .dd-cnt ul li.last a.hover { background: url(images/dd-li-last-hover.png) no-repeat 0 0; }
.navigation-cnt ul li .dd-holder .dd-holder { left: 184px; top: 0px; }
.navigation-cnt ul li .dd-holder .dd-holder .dd-cnt ul li a.hover { background: none;}
.navigation-cnt ul li .dd-holder .dd-holder .dd-cnt ul li a:hover { color: #fff; background: url(images/dd-hover.gif) repeat-x 0 0; }
.navigation-cnt ul li .dd-holder .dd-holder .dd-cnt ul li.first a:hover { background: url(images/dd-li-first-hover.png) no-repeat 0 0; }
.navigation-cnt ul li .dd-holder .dd-holder .dd-cnt ul li.last a:hover { background: url(images/dd-li-last-hover.png) no-repeat 0 0; }

#navigation { margin-top: 3px; }

.socials { float: right; display: inline; margin: -30px 0 0 0; }
.socials a { float: right; display: inline; font-size: 0; line-height: 0; text-indent: -4000px; margin-right: 6px; }
.socials .twitter { width: 20px; height: 24px; background: url(images/ico-twitter.png) no-repeat 0 0; }
.socials .twitter:hover { background: url(images/ico-twitter-hover.png) no-repeat 0 0; }
.socials .facebook { width: 12px; height: 24px; background: url(images/ico-facebook.png) no-repeat 0 0; }
.socials .facebook:hover { background: url(images/ico-facebook-hover.png) no-repeat 0 0; }
.socials .pin { width: 23px; height: 24px; background: url(images/ico-pin.png) no-repeat 0 0; }
.socials .pin:hover { background: url(images/ico-pin-hover.png) no-repeat 0 0; }
.socials .youtube { width: 23px; height: 24px; background: url(images/ico-youtube.png) no-repeat 0 0; margin-right: 0; }
.socials .youtube:hover {background: url(images/ico-youtube-hover.png) no-repeat 0 0; }
.socials .rss-feed { width: 23px; height: 24px; background: url(images/ico-rss.png) no-repeat 0 0; margin-right: 0; }
.socials .rss-feed:hover {background: url(images/ico-rss-hover.png) no-repeat 0 0; }


.breadcrumbs,
.breadcrumbs .shell { height: 36px; background: url(images/breadcrumbs-bg.png) repeat-x 0 0; }
.breadcrumbs .shell { height: 36px; padding-top: 5px; }
.breadcrumbs h2 { font-size: 26px; color: #000000; font-weight: bold; text-transform: none; }
.breadcrumbs p { float: right; display: inline; padding-top: 5px; font-size: 24px; color: #808080;}


.shell { width:980px; margin:0 auto; }

#top { height:385px; background: #ffffff; background: -moz-linear-gradient(top, #ffffff, #e0eef4); background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e0eef4)); }
#header { height:61px; }
#header-heimat,
#header-heimat .shell { height: 142px; background: url(images/header-bg.gif) repeat-x 0 3px; position: relative; z-index: 40; }
h1#logo { float: left; display: inline; width: 275px; height: 55px; margin-top: 30px; }
h1#logo a { display: block; height: 75px; background: url(images/logo.png) no-repeat 0 0; }

#slider { width:980px; height:370px; position:relative; overflow:hidden; }
#slider-holder { width:980px; height:370px; position:relative; overflow:hidden; }
#slider-holder ul{ width:980px; height:378px; position:relative; overflow:hidden; list-style-type: none;}
#slider-holder .jcarousel-clip{ width:980px; height:378px; position:relative; overflow:hidden; }
#slider-holder ul li{ width:980px; height:378px; position:relative; overflow:hidden; float:left; display:inline; }
#slider-nav a{ position:absolute; top:180px; font-size:0; line-height:0; z-index:2; width:58px; height:58px; text-indent: -4000px;}
#slider-nav a.prev{ background:url(images/carousel1-prev.png); left:0;}
#slider-nav a.next{ background:url(images/carousel1-next.png); right:0;}

#main { width:100%; background:url(images/main.gif) repeat-x 0 0;}

.options { height:47px; white-space:nowrap; padding-top:3px;}
.options .search{ float:left; padding:6px 0 0 0; background:url(images/border.gif) repeat-y right 0; height:33px; margin-right:12px;}
.options .search .field{ float:left; width:191px; height:21px; background:url(images/field.gif); padding:6px 5px 0 5px;}
.options .search .field input{ width:191px; border:0; background:transparent; color:#fff; font-weight: bold;}
.search-submit{ float:left; font-size:0; line-height:0; width:24px; height:27px; background:url(images/search.gif); text-indent: -4000px; border:0; margin-left:9px; cursor:pointer; position:relative; top:1px; margin-right:13px;}

.options { height:47px; white-space:nowrap; padding-top:3px;}
.options a { color:#636363; text-decoration: underline;}
.options a:hover { color:#0088C4; text-decoration: none;}
.options span.left { padding:10px 0 0 0;}
.options span.left a { color:#0088c4; text-decoration: none;}
.options span.left a:hover { color:#636363; text-decoration: none;}
.options span.more-links { margin-left:2px;}
.options span.more-links a { margin-left:9px; color:#0088c4; text-decoration: none;}
.options span.more-links a:hover { margin-left:9px; color:#636363; text-decoration: none;}

.cart { float:left; position:relative; top:2px; }
.cart strong{ float:left; width:95px; height:36px; background:url(images/cart-price.gif); text-align: right; font-size:20px; color:#0088C4; line-height:36px; padding:0 7px 0 5px;}
.cart-ico{ float:left; width:47px; height:36px; background:url(images/cart.gif) no-repeat 0 0; font-size:0; line-height:0; text-indent: -4000px;}

#content { padding-top:20px; }

.tabs { height:36px; }
.tabs ul{ list-style-type: none; font-size:14px; text-transform: uppercase; font-weight: bold; }
.tabs ul li{ float:left; display:inline; margin-right:1px; }
.tabs ul li a,
.tabs ul li a span { float:left; height:36px; background:url(images/tab.gif) no-repeat 0 -37px; padding:0 0 0 20px;}
.tabs ul li a span { background-position:right -37px; padding:0 20px 0 0;}
.tabs ul li a { position:relative; line-height:36px; color:#ffffff; }


.tabs ul li a.red { background-position:0 -74px; color:#fff; }
.tabs ul li a.red span{ background-position:right -74px;}

.tabs ul li a.active,
.tabs ul li a:hover { background-position:0 0; color:#0088c4; }
.tabs ul li a.active span,
.tabs ul li a:hover span{ background-position:right 0;}

#wrapper { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -250px; }
.banner{margin:0 2px 0 1px; float:left}

#container { background:#fff url(images/container-t.gif) no-repeat 0 0; padding:30px 20px; }

.items { position:relative; width:960px; margin-right:-20px; padding-bottom:5px; }
.items ul{ list-style-type: none;}
.items ul .image{ text-align: center;}
.items ul li{ float:left; border:dashed 1px #cfcfcf; width:145px; height:360px; margin:0 18px 12px 0; padding:13px; }
.items ul li p span{ color:#0088c4}
.items ul li p.price{ padding-top:15px; }
.items ul li p.price strong{ color:#0088c4; font-size:14px;}

.brands h3 { padding-bottom:10px;}
.brands a { margin-right:30px;}

#footer,#footer-push { height: 50px; top: 0px; position:relative;}



.footer-links,
.footer-links .shell { height: 40px; background:none; margin-left:20px;}

.footer-links ul { list-style: none outside none; margin-top:20px; }
.footer-links ul li { float: left; display: inline; height: 20px; border-right: 1px solid #1a1a1a; padding-right: 10px; margin-right: 10px; }
.footer-links ul li.last { border: 0; } 
.footer-links ul li a {  display: inline;  height: 20px; line-height: 20px; }


.footer-links {text-transform: uppercase; color: #000000; font-size: 11px; }
.footer-links .right{ white-space:nowrap; height:20px; padding-top:9px; line-height:20px;}
.footer-links a{color: #000000;  }
.footer-links a:hover { color: #0088c4; }

.tab-content { display:none;}

.tabbed { min-height:420px;}