/* ---------------------------------------------------------------
Style Sheet

Site:         Experience Neutrik
Author:       Thomas Schedler - MASSIVE ART www.massiveart.com
Version:      1.0
--------------------------------------------------------------- */

/* ----------------
Reset */
@import url(reset.css);

/* ----------------
Main */

body {
  background-color:#fff;
  color:#000;
  font-family: Arial, sans-serif;
  font-size:13px;
  line-height:20px;
}

p {
  padding-bottom:10px;
}

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

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

.spacer {
  height:15px;
  line-height:15px;
  margin:0;
  padding:0; 
}

sup {
  vertical-align:super;
  font-size:9px;
  line-height:10px;
}

/* ----------------
Links */

a, a:hover {
  font-size:13px;
  line-height:20px;
  color:#01957d;
  font-weight:normal;
  text-decoration:none;
}

a:hover {
  text-decoration:underline;
}

/* ----------------
Headlines */

h1 {
  font-size:28px;
  line-height:30px;
  font-weight:bold;
  color:#000;
  padding:0 0 10px 0;
}

h1 a, h1 a:hover {
  font-size:28px;
  font-weight:bold;
  color:#000;  
  color:#01957d;
}

.head h1 a, .head h1 a:hover {
  line-height:30px;
}

h2 {
  font-size:21px;
  line-height:25px;
  font-weight:normal;  
  color:#000;
  padding:0 0 5px 0;  
}

h2 a, h2 a:hover {
  font-size:21px;
  line-height:25px;
  font-weight:normal;  
  padding:0 0 5px 0;
  color:#01957d;
}

h3 {
  font-size:17px;
  line-height:20px;
  font-weight:normal;
  padding:0 0 10px 0;
  color:#000;
}

h3 a, h3 a:hover {
  font-size:17px;
  line-height:20px;
  font-weight:normal;
  padding:0 0 10px 0;
  color:#01957d;
}

h4 {
  font-size:13px;
  line-height:20px;
  font-weight:bold;
  padding:0 0 10px 0;
  color:#000;
}

h4 a, h4 a:hover {
  font-size:13px;
  line-height:20px;
  font-weight:bold;
  padding:0 0 10px 0;
  color:#01957d;
}

h5 {
  font-size:11px;
  line-height:15px;
  font-weight:bold;
  padding:0 0 10px 0;
  color:#666;
}

h5 a, h5 a:hover {
  font-size:11px;
  line-height:15px;
  font-weight:bold;
  padding:0 0 10px 0;
  color:#01957d;
}

/* ----------------
Top & Main Navigation */

.header {
  height:110px;
  position:fixed;
  z-index:100;  
  width:100%;
  left:0;  
  background:#fff url(/website/themes/experience/images/bg_header.gif) repeat-x 0 0;
}

.header .inner{
  border-top:1px solid #efefef;  
}

.header .logo {
  padding:13px 0 0 20px;
  float:left;
}

.header .nav {
  float:left;
  position:relative;
  top:72px;
  left:60px; 
}

.header .nav ul {
  list-style:none;
  clear:both;
}

.header .nav li {  
  float:left;
  margin:0 10px 0 0px;
  height: 24px
}

.header .nav li a,
.header .nav li a:hover {
  font-size:17px;
  line-height:24px;
  font-weight:bold;
  text-decoration:none;
  text-transform:uppercase;
}

.header .nav li a:hover {
  text-decoration:underline;
}

.header .nav li .start,
.header .nav li.selected .start {
  height:24px;
  width:3px;
  float:left;
}

.header .nav li .middle,
.header .navli.selected .middle {
  height:24px;
  padding:0 5px 0 5px;
  float:left;
}

.header .nav li .end,
.header .nav li.selected .start {
  height:24px;
  width:3px;
  float:left;
}

.header .nav li.selected a,
.header .nav li.selected a:hover {
  font-size:17px;
  font-weight:bold;
  line-height:24px;
  color:#fff;
  text-decoration:none;  
}

.header .nav li.selected .start {
  background:url(/website/themes/experience/images/nav_left.gif) no-repeat 0 0;
}

.header .nav li.selected .middle {
  background-color:#bababa;
}

.header .nav li.selected .end {
  background:url(/website/themes/experience/images/nav_right.gif) no-repeat 0 0;
}

.header .search {
  float:right;
  margin:-24px 0 0 0;     
}

.header .search .start{
  height:40px;
  width:5px;
  float:left;
  background:url(/website/themes/experience/images/bg_search_left.gif) no-repeat 0 0;  
}

.header .search .middle {
  height:40px;
  width:230px;
  float:left;
  padding:8px 0 0 0;
  background:url(/website/themes/experience/images/bg_search_center.gif) repeat-x 0 0;
}

.header .search .end {
  height:40px;
  width:5px;
  float:left;
  background:url(/website/themes/experience/images/bg_search_right.gif) no-repeat 0 0;
}

.header .search .label  {
  float:left; 
  color:#666;
  line-height:24px;
  padding: 0 5px 0 15px;
}
 
.header .search .field  {
  float:left; 
}

.header .search .field .start{
  height:24px;
  width:13px;
  float:left;
  background:url(/website/themes/experience/images/bg_search_input_left.png) no-repeat 0 0;
}

.header .search .field .middle {
  height:24px;
  width:auto;
  float:left;
  padding:0px;
  background:url(/website/themes/experience/images/bg_search_input_center.png) repeat-x 0 0;
}

.header .search .field .middle input {
  border:0px;
  margin:4px 0 0 0;
  width:110px;  
  line-height:18px;
  font-size:13px;
  height:18px;
  background:transparent;
}

.header .search .field .end {
  height:24px;
  width:26px;
  float:left;
  cursor:pointer;
  background:url(/website/themes/experience/images/bg_search_input_right.png) no-repeat 0 0;
}

.header .search .field .end .loader {
  height:24px;
  width:22px;
  background:url(/website/themes/experience/images/search_loader.gif) no-repeat center center;
}

.header .search .field #searchIndicator {
  background:url(/website/themes/experience/images/bg_search_input_right2.png) no-repeat 0 0;
  position: relative;
  margin:0 0 0 -26px;
}

#livesearch{
  background-color:#fff;
  margin:3px 0 0 -78px;
  border: 1px solid #ccc;
  width:230px !important;
}

#livesearch li{
  padding:5px;  
}

#livesearch li a:hover{
  text-decoration: none;
} 

#livesearch .selected {
  background-color:#e4e4e4;
}

/* ----------------
Background */

.bgContainer {
  position:absolute;
  z-index:10;
  width:100%;
  height:100%;
  overflow: hidden;  
  top:0px;
  left:0px;
}

.bgContainer #bg,
.bgContainer #bg .image table,
.bgContainer #bg .image td { 
   width:100%;
   height:100%;
}

.bgContainer #bg .image { 
  position:fixed;
  width:100%;
  height:100%;
  padding: 110px 0 0 0;
  
}

.bgContainer #bg .image td { 
  vertical-align:middle;
  text-align:center;
}

.bgContainer #bg .image img { 
  height:100%; 
  width:100%; 
  margin:0 auto 0 auto; 
  display:block;
}

/* ----------------
Content */

.templateContainer {
  position:relative;
  z-index:50;
  padding:130px 0 20px 0;
}

.templateContainer .subnav {
  float:left;
  width:200px;
  text-align:left;  
  padding:30px 0 0 0;
}

.templateContainer .content {
  float:right;
  width:740px;
  text-align:left;
  padding:20px 0 0 0; 	
}

.templateContainer .content .description {
  padding:0 0 30px 0;
}

.templateContainer .block {
  padding:0 0 30px 0;
}

.content ul {
  list-style-type:disc;
  padding:0 0 20px 20px;  
}

/* ----------------
Content Subnavigation */

.subnav ul {
  padding:0;  
  margin:0;
}

.subnav li div {  
  margin:0 10px 5px 0;
  border-bottom:1px solid #addfc1;
  padding:0 0 5px 0;
  color:#fff;  
}

.subnav li div.top,
.subnav li div.bottom, 
.subnav li div.icon, 
.subnav li div.title,
.subnav li div.clear,
.subnav li div.spacer {
  border:0px;
  margin:0;
  padding:0;
}

.subnav li div.top,
.subnav li div.bottom {
  display:none;
}

.subnav li div.icon{
  float:left;
  padding:0 5px 0 5px; 
}

.subnav li div.title{
  float:left;
  padding:10px 0 0 0;  
  width:140px;
}

.subnav li.selected {
  margin:0 0 10px 0;
  line-height:0;
  font-size:0;
}

.subnav li.selected div.top,
.subnav li.selected div.bottom {
  display:block;
  height:5px !important;
  line-height:5px;
  font-size:5px; 
}

.subnav li.selected div.top {  
  height:5px;
  font-size:0;
  line-height:0;
  background:url(/website/themes/experience/images/bg_200_top.png) 0 0 no-repeat;
  width:100%;
}

.subnav li.selected div.bottom {
  height:5px;
  font-size:0;
  line-height:0;
  background:url(/website/themes/experience/images/bg_200_bottom.png) 0 0 no-repeat;
  width:100%;
}

.subnav li div.selected {
  padding:0 10px 10px 0;
  background-color:#fff;
  border-bottom:none;
  margin:0; 
}

.subnav li a,
.subnav li a:hover {
  font-size:17px;
  font-weight:bold;  
  color:#fff;/*#addfc1*/  
}

.subnav li div.selected a,
.subnav li div.selected a:hover {
  font-size:17px;
  font-weight:bold;   
  color:#000;
}

.subnav li.selected li a,
.subnav li.selected li a:hover {
  font-size:13px;
  color:#01957d; 
}

.subnav li ul {
  margin:4px 10px 0 50px;
  border-top:1px solid #ccc;
  
}

.subnav li ul li {
  background:none;
  padding:2px 0 2px 5px;
  border-bottom:1px solid #ccc;
}

.subnav li ul li a,
.subnav li ul li a:hover {
  font-size:13px;
  font-weight:normal;  
  color:#fff;
}

.subnav li ul li a.selected,
.subnav li ul li a.selected:hover {
  font-size:13px;
  font-weight:bold;
  color:#000;
  background:none;
}

/* ----------------
Content Breadcrumb */

.templateContainer .breadcrumb {
  position:absolute;
  z-index:50;
  margin:-20px 0 0 21px;
  color:#000;
  font-size:11px;
  line-height:20px;
  padding:0;
}

.templateContainer .breadcrumb span {
  color:#fff;
}

.templateContainer .breadcrumb a,
.templateContainer .breadcrumb a:hover {
  font-size:11px;
  line-height:15px;
  font-weight:normal;
  color:#fff;
}

/* ----------------
Content Tenor */

.templateContainer .content .tenor {
  margin:0 0 20px 0;
  padding:10px 0 0 0;
}

.templateContainer .content .tenor .top {
  height:4px;
  font-size:0;
  line-height:0;
  background:url(/website/themes/experience/images/bg_740_top.png) 0 0 no-repeat;
  width:100%;
}

.templateContainer .content .tenor .head {
  background-color:#fff;
  padding:15px 0 10px 20px;  
}

.templateContainer .content .tenor .headCarousel {
  padding:0 4px 0 4px; 
  background-color:#fff; 
}

.headCarousel #carouselTopImg {
  width:591px; 
  height:270px; 
  overflow:hidden; 
  float: left;
}

.headCarousel #carouselTopImg .topImg {
  width:591px; 
  height:270px; 
  position:absolute; 
  background-position:center center;
  background-repeat:no-repeat;  
}

.headCarousel #carouselTopImg .info{
  margin:200px 0 0 20px;  
}

.headCarousel #carouselTopImg .info div{
  overflow: hidden;  
}

.headCarousel #carouselTopImg h1 {
  margin:0;
  padding:5px 5px 0 5px;
  background:url(/website/themes/experience/images/trans_pixel.png) repeat;
  display:inline;  
}

.headCarousel #carouselTopImg h3 {
  margin:0;
  padding: 0 5px 5px 5px;  
  background:url(/website/themes/experience/images/trans_pixel.png) repeat;
  display:inline;
}

.headCarousel #carouselTopImg .mask {
  width:5px; 
  height:5px; 
  position:absolute; 
  background: url('/website/themes/experience/images/mask_top_left.png') no-repeat;
}

.headCarousel #carouselTopImg .banderole {
  width:130px; 
  height:130px; 
  position:absolute; 
  margin:-4px 0 0 -4px;
  background: url('/website/themes/experience/images/neutrik_artists.png') no-repeat;
}

.headCarousel .carousel .mask {
  width:140px; 
  height:5px; 
  position:absolute; 
  background: url('/website/themes/experience/images/mask_top_right.png') no-repeat top right;
}

.templateContainer .detail .content .tenor .head {  
  padding:15px 0 0 20px;  
}

.templateContainer .content .tenor .head .img {
  float:left;
  margin:0 20px 0 0;
}

.templateContainer .content .tenor .head .img div {
  width: 100%;  
}

.templateContainer .content .tenor .head h1 {
  margin:20px 20px 0 0;
}

.templateContainer .collection .content .tenor .head h1 {
  margin:20px 220px 0 0;
}

.templateContainer .detail .content .tenor .head h1 {
  margin:10px 20px 0 0;
}

.templateContainer .content .tenor .head h3 {
  margin:0 20px 0 0;
  line-height:25px;
}

.templateContainer .content .tenor h3 p,
.templateContainer .content .tenor h4 p {  
  padding:0; 
}

.templateContainer .content .tenor .middle {
  background:#fff none;
  padding:15px 0 0 20px;   
  height:100%;
}

.templateContainer .detail .content .tenor .middle {  
  padding:0 0 0 20px;  
}

.templateContainer .content .tenor .bottom {
  height:4px;
  font-size:0;
  line-height:0;
  background:url(/website/themes/experience/images/bg_740_bottom.png) 0 0 no-repeat; 
  width:100%; 
}

/* ----------------
Content Startpage */

.templateContainer .teaser{
  padding:10px 0 0 0;  
}

.templateContainer .teaser .top {
  height:4px;
  font-size:0;
  line-height:0;
  background:url(/website/themes/experience/images/bg_980_top.png) 0 0 no-repeat;
  width:100%;
}

.templateContainer .teaser .middle {
  background-color:#fff;
  text-align:center;
}

.templateContainer .teaser .bottom {
  height:4px;
  font-size:0;
  line-height:0;
  background:url(/website/themes/experience/images/bg_980_bottom.png) 0 0 no-repeat; 
  width:100%;   
}

.templateContainer .start .products {
    
}

.templateContainer .start .products .product {
  float: left;
  margin:0 0 0 20px; 
}

.templateContainer .start .products .product .title {
  width:140px;
  height:41px;
  overflow:hidden;  
  text-align:center;
  background:url(/website/themes/experience/images/products/bg_title.png) no-repeat;   
}

.templateContainer .start .products .product .title h3,
.templateContainer .start .products .product .title h3 a {
  padding:5px 0 0 0;
  margin:0px; 
}

.templateContainer .start .products .product .title div {
  font-size:11px;
  margin:-4px 0 0 0;
  color:#666;
}

.templateContainer .start .products .browseProducts {
  float:left;  
  margin: 21px 0 0 20px;
}

.templateContainer .start .products .browseProducts span {
  font-size:11px;
  color:#666;  
}

.templateContainer .start .products .browseProducts a {
  font-size:11px;
  color:#fff;  
}

.templateContainer .start .news .top {
  height:4px;
  font-size:0;
  line-height:0;
  background:url(/website/themes/experience/images/bg_980_top.png) 0 0 no-repeat;
  width:100%;
}

.templateContainer .start .news .middle {
  background-color:#fff;
  text-align:left;
  padding:0 0 10px 0;
}

.carousel {
  float: left;    
}

.carousel #prev {
  float: left;
  padding:55px 0 0 15px;  
}

.carousel #carousel-wrapper {
  float:left;
  width:420px;  
  height:120px;
  margin:20px 0 0 0;
  overflow:hidden;  
}

.carousel #carousel-wrapper #carousel-content {
  width:2520px;  
}

.carousel #carousel-wrapper #carousel-content .slide {
  float:left;
  width:405px;  
  padding:0 0 0 15px;  
}

.carousel #carousel-wrapper #carousel-content .slide .leftImg {
  float:left;  
  margin:0 15px 0 0;
}

.carousel #carousel-wrapper #carousel-content .slide .leftImg div {
  width: 100%;
}
 
.carousel #carousel-wrapper #carousel-content .slide .infoText {
  color:#666;
}
 
.carousel #next {
   float: left;
   padding:55px 15px 0 0;
}

.latest {
  float:left;
  margin:20px 0 0 10px;
}

.latest h3 {
  color:#666;
}

.latest .date {
  color:#666;
  font-size:11px;
  float:left;
  width:75px;
}

.templateContainer .start .news .bottom{
  height:4px;
  font-size:0;
  line-height:0;
  background:url(/website/themes/experience/images/bg_980_bottom.png) 0 0 no-repeat;
  width:100%;   
}

/* ----------------
Content Overview */

.overview {
       
}

.overview .carousel {
  width:140px; 
  height:270px; 
  float: right;   
}

.overview .carousel #carousel-wrapper {
  width:140px;  
  height:270px;
  margin:0;
  overflow:hidden;  
}

.overview .carousel #carousel-wrapper #carousel-content {
  width:140px; 
}

.overview .carousel #carousel-wrapper #carousel-content .slide {
  float:left;
  width:140px; 
  height:90px; 
  padding:0;
  margin:0;  
}

.templateContainer .overview .description {
  padding:0 0 10px 0;
}

.content .tenor .middle .main {
  width:480px;
  float:left;
  padding:0 20px 10px 0;
  margin:10px 0 10px 0;
  border-right:1px solid #ccc;
}

.overview .content .tenor .middle .sidebar {
  float:left;
  width:180px;
  margin:10px 0 0 0;
  padding:0 0 0 20px;
}

.overview .content .tenor .middle .sidebar div {
  padding:0 0 20px 0;
}

.sidebar h3 {
  padding:0 0 5px 0;
}

.sidebar span {
  color:#666;
}

.overview .item {
  padding-bottom:40px;
}

.overview .item .video {
  padding:0 0 10px 0;
}

.overview .item div{
  color:#000;
}
.overview .item .img{
  margin:0 0 20px 0;
  width:100%;
}

.overview .item img{
  display:block;    
}

/* Overview 2 col */

.overview .col2 {
 clear:both;
 width:100%;  
}

.overview .col2 .item {
  padding-bottom:40px;  
}

/* Overview List */

.overview .list {
  padding:0 0 30px 0;  
}

.overview .list .itemImg {
  padding:0 0 10px 0; 
}

.overview .list .itemImg .left {
  float:left;
  margin:0 20px 20px 0; 
}

.overview .list .itemImg .left img {  
  display: block;
}

.overview .list .itemImg .right {
  float:left;
  padding:10px 0 0 0;  
}

.overview .list .item {
  padding:0 0 10px 0;    
}

/* ----------------
Content Collection */

.collection {
       
}

.collection .element {
  float:left;
  padding:0 20px 20px 0;
}

.collection .element .img {
  background:url(/website/themes/experience/images/bg_element_img.png) 0 0;
  width:160px;
  height:95px;
  overflow:hidden;
  text-align:center;
  padding:6px 0 0 0;
}

.collection .element .info {
  background:url(/website/themes/experience/images/bg_element_info.png) 0 0;
  width:140px;
  height:60px;
  overflow:hidden;
  text-align:left;
  padding:13px 10px 0 10px;
}

.collection .element .info h3 {
  padding:0 0 2px 0;  
}

.collection .element .info span a {
  font-size:11px;
  line-height:15px;
}

.templateContainer .collection .content .tenor .middle,
.templateContainer .product .content .tenor .middle,
.templateContainer .blog .content .tenor .middle  {
  padding:15px 0 0 20px;
  background:url(/website/themes/experience/images/trans_pixel.png) repeat;
  height:100%;      
}

.templateContainer .collection .content .tenor .bottom,
.templateContainer .product .content .tenor .bottom, 
.templateContainer .blog .content .tenor .bottom {
  height:4px;
  font-size:0;
  line-height:0;
  background:url(/website/themes/experience/images/bg_740_trans_bottom.png) 0 0 no-repeat;
  width:100%;
}


.product .content .tenor .img140 .top{
  height:3px;
  font-size:0;
  line-height:0;
  background:url(/website/themes/experience/images/bg_140_top.png) 0 0 no-repeat;
  width:100%;
}

.product .content .tenor .img140 .bottom{
  height:3px;
  font-size:0;
  line-height:0;
  background:url(/website/themes/experience/images/bg_140_bottom.png) 0 0 no-repeat;
  width:100%;
}

.product .sidebar .imgLeft {
  float:left;
  padding:0 5px 10px 0;
}

.product .sidebar .title {
  float:left;
  padding:5px 0 0 0;
}

/* ----------------
Content Blog */

.templateContainer .blog .content {
  float:left; 
}

.templateContainer .blog .content .tenor .middle {
  padding:15px 20px 0 20px;
}

.blog h1 {
  color:#76c49b; 
  magrin:0px;
  padding:0px;
}

.blog .content h1 {
  color:#000; 
  padding:0 0 10px 0;
}

.blog .sbookmarks {
  float: right;  
  margin: -3px 0 0 0;
}

.blog .sbookmarks img {
  margin:0 0 0 10px;
}

.blog .published {
  font-size: 11px;
}


.blog hr{
  border-style: solid;
  border-width: 1px;
  border-bottom: none; /* 4 firefox */
  border-left:none;
  border-right:none;
  border-color: #fff;
  height: 1px;
  padding: 0px;
  margin: 10px 0px 10px 0px;
}
  
.blog .sidebar {
  float:right;
  width:200px;
  text-align:left;  
  padding:30px 0 0 0;
}

.blog .sidebar hr{
  border-style: solid;
  border-width: 1px;
  border-bottom: none; /* 4 firefox */
  border-left:none;
  border-right:none;
  border-color: #ccc;
  height: 1px;
  padding: 0px;
  margin: 10px 0px 20px 0px;
}

.blog .sidebar ul {
  padding:0;  
  margin:0 0 10px 0;  
}

.sidebar .item {
  padding-bottom:20px;
}

.blog .sidebar ul li {
  line-height:16px;
  padding:0 0 10px 0;
  margin:0;  
}

.blog .sidebar ul li a{
  line-height:16px;
}

.blog .sidebar .middle{
  background-color:#fff;
  padding:10px 20px 10px 20px;
}

.blog .sidebar .top,
.blog .sidebar .bottom {
  display:block;
  height:5px !important;
  line-height:5px;
  font-size:5px; 
}

.blog .sidebar .top {  
  height:5px;
  font-size:0;
  line-height:0;
  background:url(/website/themes/experience/images/bg_200_top.png) 0 0 no-repeat;
  width:100%;
}

.blog .sidebar .bottom {
  height:5px;
  font-size:0;
  line-height:0;
  background:url(/website/themes/experience/images/bg_200_bottom.png) 0 0 no-repeat;
  width:100%;
}

/* ----------------
Content Forum */

.templateContainer .forum .content {
   padding:0;
   margin:-1px 0 0 0; 
}

/* ----------------
Content Page */

.content .tenor .middle .sidebar {
  float:left;
  width:180px;
  margin:10px 0 0 0;
  padding:0 0 0 20px;
}

.item {
  padding-bottom:40px;
}

.item div{
  color:#666;
}

.item h3{
  padding-top:5px;
}

/* ----------------
Content Video */

.video {
  padding:0 0 40px 0;
}

/* ----------------
Content Gallery */

.gallery {
  padding:0 0 30px 0;
}
	
.gallery .item {  
  float:left;    
  margin: 0 20px 20px 0;
  padding:0;
}

.gallery .item img {
  display: block;  
}

.gallery #showAll {
  float:left;
  padding-top:86px;
}

/* ----------------
Content Documents */

.documents {
  padding:0 0 10px 0;
}

.documents .item {
  padding:0 0 10px 0;
}

.documents .item .icon {
  float:left;
  width:16px;
  padding:2px 10px 0 0;
}

.documents .item .text {
  float:left;
  width:134px;
}

.docTemplate .documents .item .text{
  width:auto;
}

.documents .item .text span {
  font-size:11px;
  color:#999; 
}

.documents .item .text span.black {
  color:#333; 
}

/* ----------------
Content Contact */

.contactContainer {
  padding:0 0 10px 0;  
}

.person { 
  padding:0 0 20px 0;
}

.person .img {
  float:left;
  width:80px;
  padding:0 20px 0 0;
}

.person .img img {
  border:3px solid #fff;
}

.person .detail {
  float:left;
  padding:0;
}

.person .name {
  color:#48403c;
  font-weight:bold;
}
  
.person .function {
  font-size:12px;
  line-height:20px;
}

.person .infos {
  font-size:12px;
  line-height:1.3em;
  float:left;
}

/* ----------------
Content categories */

.links {
  padding:0 0 20px 0;
}

.links .icon {
  float:left;
  width:16px;
  padding:2px 8px 0 2px;
}

.links .text {
  float:left;
  width:140px;
}

/* ----------------
Content categories */

.categories {
  padding:0 0 10px 0;
}

.categories ul {
  margin:5px 0 0 0;
  padding:0 0 5px 5px;
  list-style:none;
}

.categories li {
  font-weight:bold;
}

/* ----------------
Content Dealers */
  
.dealers,
.onlineDealers {
  padding:0 0 20px 0;
}

.dealers span, 
.onlineDealers span {
  font-size:11px;
  color:#000;
}

.dealers span a,
.dealers span a:hover {
  font-size:11px;
}

.dealers sup a,
.dealers sup a:hover {
  font-size:9px;
}

.dealers a.small,
.dealers a.small:hover {
  font-size:11px;
}

.mapSmallContainer {
  padding:10px 0 10px 0;
  width:180px;
  height:130px;
  position:relative;
  overflow:hidden;
  z-index:30;
}

#mapSmall {
  width:178px;
  height:128px;
  overflow:hidden;
  position:relative;
  border: 1px solid #fff;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  z-index:35;
}

.resultSmall {

}

.resultSmall .name {
  font-weight:bold;
  font-size:14px;
}

.resultSmall .infos {
  
}

  
/* ----------------
Image Definitions */

.imgLeft {
  float:left;
  padding:0 20px 0 0;
}

.imgLeft img {
  margin:0 0 10px 0;  
}


.imgRight {
  float:right;
}

.mainImage {
  padding:0 0 20px 0;
}

.mainImage div,
.imgLeft div,
.gallery .item div,
.itemImg .left div {
  width:100%;
}

/* ----------------
Store Finder */

.mapContainer {
  width:700px;
  height:300px;
  position:relative;
  overflow:hidden;
  padding:0 20px 20px 20px; 
  z-index:30; 
  background-color:#fff;
}

#map {
  width:698px;
  height:298px;
  overflow:hidden;
  position:relative;
  border: 1px solid #009966;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  z-index:35;
}

#mapSearch {
  width:335px;
  height:86px;
  position:absolute;
  top:95px;
  right:40px;
  z-index:40;
}

#mapSearch .searchContainer {
  background:url(/website/themes/experience/images/storefinder/search_bg.png) no-repeat 0 0;
  height:76px;
  width:320px;
  padding:10px 0 0 15px;
}

#mapSearch .headline {
  font-size:18px;
  font-weight:bold;
  color:#fff;
  padding:0 0 5px 0;
}

#mapSearch .mapSearchFields {
  
}

#mapSearch .mapSearchFields .field {
  float:left;
  padding:0 1px 0 0;
  background:url(/website/themes/experience/images/storefinder/search_input.png) no-repeat 0 0;
  width:212px;
  height:26px;
}

#mapSearch .mapSearchFields .field input {
  font-size:14px;
  font-weight:bold;
  color:#000;
  background:none;
  border:0;
  width:202px;
  height:20px;
  line-height:20px;
  padding:4px 5px 2px 5px;
  margin:0;
}

#mapSearch .mapSearchFields .button {
  background:url(/website/themes/experience/images/storefinder/search_button.png) no-repeat 0 0;
  font-size:12px;
  color:#000;
  float:left;
  width:92px;
  height:26px;
  text-align:center;
  line-height:26px;
  cursor:pointer;
}

#mapSearch .note {
  font-size:11px;
  color:#fff;
  background:none;
}

.mapResult {
  width:100%;
  padding:0;
  margin:0;
}

.mapResult td {
  border-bottom:1px solid #d1ece8;
  padding-top:5px;
  padding-bottom:5px;
  padding-right:5px;
  vertical-align:top;
}

.mapResult td.first {
  font-weight:bold;
  padding-left:10px;
}

#tooltip_location { 
  background: url(/website/themes/experience/images/storefinder/bg_info.png) no-repeat 0 0;
  z-index:60;
  width:168px;
  height:84px;
}

#tooltip_location div {
  font-size:11px;
  line-height:16px;
  padding:20px;
} 

#storefinder {

}

.sidebar .busy {
  background: url(/website/themes/experience/images/storefinder/loader.gif) no-repeat 50% 50%;
  width:100%;
  height:64px;
}

.storefinder .busy {
  background: url(/website/themes/experience/images/content_loader.gif) no-repeat 50% 50%;
  width:100%;
  height:64px;
}

.storefinder .sidebar .busy {
  background: url(/website/themes/experience/images/content_loader.gif) no-repeat 50% 50%;
  width:100%;
  height:54px;
}

.item .onDealerItem {
  padding:0 0 20px 0;
}

.storefinder .onDealerItem {
  padding:0 0 10px 0; 
}

#storefinder ul {
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:5px 0 0 0;
  padding:0;
}

#storefinder .imgLeft {
  float:left;
  padding:0 5px 5px 0;
  width:32px;
}

#storefinder .title {
  float:left;
  padding:6px 0 0 0;
  width:140px;    
}

/* ----------------
Footer */

.footer {
  position:relative;
  z-index:50;
  font-size:11px;
  line-height:32px;
  color:#666;
  text-align:left;
  padding: 0 0 20px 0;
}

.footer .top{
  height:4px;
  font-size:0;
  line-height:0;
  background:url(/website/themes/experience/images/bg_980_top.png) 0 0 no-repeat;
}

.footer .middle{
  background-color:#fff;
  padding:0 0 0 20px;
  height:32px;
}

.footer .middle .links{
  float:right;
}

.footer .middle .links a{
  font-size:11px;
  line-height:32px;
}

.footer .middle .links select{
  margin:0 20px 0 20px;
}

.footer .bottom{
  height:4px;
  font-size:0;
  line-height:0;
  background:url(/website/themes/experience/images/bg_980_bottom.png) 0 0 no-repeat;
}

/* ----------------
Font Weight */

.bold {
  font-weight:bold;
}

.normal {
  font-weight:normal;
}

.lighter {
  font-weight:lighter;
}

.bolder {
  font-weight:bolder;
}

/* ----------------
Colors */

.yellow {
  color:#ffff00;
}

.blue {
  color:#3366ff;
}

/* ----------------
Paddings */

.ptop10 {
  padding-top:10px;
}

.ptop20 {
  padding-top:20px;
}

.pbottom10 {
  padding-bottom:10px;
}

.pbottom20 {
  padding-bottom:20px;
}

.pleft10 {
  padding-left:10px;
}

.pleft20 {
  padding-left:20px;
}

.pright10 {
  padding-right:10px;
}

.pright20 {
  padding-right:20px;
}

/* ----------------
Margins */

.mtop10 {
  margin-top:10px;
}

.mtop20 {
  margin-top:20px;
}

.mbottom10 {
  margin-bottom:10px;
}

.mbottom20 {
  margin-bottom:20px;
}

.mleft10 {
  margin-left:10px;
}

.mleft20 {
  margin-left:20px;
}

.mright10 {
  margin-right:10px;
}

.mright20 {
  margin-right:20px;
}

/* ----------------
Floats */

.left {
  float:left;
}

.right {
  float:right;
}