/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/*
 * item
 */

/* box */
#yoo-zoo .item div.box-1 { padding: 4px 14px 4px 14px; }

/* position headings */

#yoo-zoo .item h3 {
    color: #000000;
    font-family: arial;
    font-size: 17px;
    font-weight: normal;
    margin-bottom: 10px;
    margin-top: 0;
}
/* element type: textarea */
#yoo-zoo .item .element-textarea > * { margin: 0px 0px 10px 0px; }
#yoo-zoo .item .element-textarea *:last-child { margin-bottom: 0px; }

/* position: top */
#yoo-zoo .item div.pos-top {
	margin-bottom: 20px;
	overflow: hidden;
}
#yoo-zoo .item div.pos-top .element { margin-bottom: 20px; }
#yoo-zoo .item div.pos-top .element.last { margin-bottom: 0px; }

/* product box */
#yoo-zoo .item > div.floatbox { margin-bottom: 20px; }

/* position: media */
#yoo-zoo .item div.media-left {
	margin-right: 15px;
	float: left;
}


#yoo-zoo .item div.media-right {
    float: right;
    margin-left: 0;
    width: 100%;
}

#yoo-zoo .item div.media-center { text-align: center; }

#yoo-zoo .item div.pos-media .element { margin-bottom: 15px; }

/* title */

#yoo-zoo .item h1.pos-title {
    clear: both;
    color: #040633;
    font-size: 36px;
    font-weight: normal;
    line-height: 32px;
    margin: 0;
}
/* position: description */
#yoo-zoo .item div.pos-description {}
#yoo-zoo .item div.pos-description .element { margin-top: 20px; }

/* element type: rating */
#yoo-zoo .item div.pos-description .element-rating { margin-top: 0px; }

#yoo-zoo .item div.pos-description div.rating { overflow: hidden; }
#yoo-zoo .item div.pos-description div.rating div.rating-container {
	margin-right: 10px;
	float: left;
}
#yoo-zoo .item div.pos-description div.rating div.vote-message { line-height: 20px; }

/* position: specification */
#yoo-zoo .item div.pos-specification {
	margin-top: 20px;
	overflow: hidden;
}

#yoo-zoo .item div.pos-specification ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

#yoo-zoo .item div.pos-specification ul strong {
	display: inline-block;
	width: 120px;
}

/* position: bottom */
#yoo-zoo .item div.pos-bottom { overflow: hidden; }
#yoo-zoo .item div.pos-bottom .element { margin-top: 20px; }

/* position: related */
#yoo-zoo .item div.pos-related {
	margin-top: 40px;
	overflow: hidden;
}


#yoo-zoo .item div.pos-related h3 {
    color: #040633;
    font-size: 36px;
    margin-bottom: 15px;
    padding-bottom: 10px;
	font-family:'Helvetica_light_normal';
}

#yoo-zoo .item div.pos-related .element-relateditems > div {
	width: 24%;
	margin-bottom: 20px;
	float: left;		margin-right:8px;
}

/* related item */

/* position: media */
#yoo-zoo .pos-related div.media-left {
    float: left;
    width: 100%;
}


#yoo-zoo .pos-related div.media-right {
	margin-left: 15px;
	float: right;
}

#yoo-zoo .pos-related div.media-center { text-align: center; }

/* position: title */


#yoo-zoo .pos-related h4.sub-pos-title {
    float: left;
    font-size: 16px;
    font-weight: bold;
    line-height: 16px;
    margin: 10px 0 0px;
    text-align: center;
    width: 87%;
}

#yoo-zoo .pos-related h4.sub-pos-title a {
    color: #040633;
    font-family: arial;
    font-size: 13px;
    font-weight: bold;
    text-decoration:underline;
}

/* position: description */

#yoo-zoo .pos-related div.sub-pos-description {
    float: left;
    text-align: center;
    width: 87%;
}

#yoo-zoo .pos-related div.sub-pos-description .element { margin-top: 7px; }

/* element type: textarea */
#yoo-zoo .pos-related div.sub-pos-description .element-textarea > * { margin: 0px 0px 7px 0px; }
#yoo-zoo .pos-related div.sub-pos-description .element-textarea > *:last-child { margin: 0px; }

/* position: specification */
#yoo-zoo .pos-related ul.sub-pos-specification {
	list-style: none;
	margin: 7px 0px 0px 0px;
	padding: 0px;
}

#yoo-zoo .pos-related ul.sub-pos-specification strong {}

/* position: links */
#yoo-zoo .pos-related p.sub-pos-links { margin: 7px 0px 0px 0px; display:none; }

#yoo-zoo .pos-related p.sub-pos-links span a:after {
	content: " »";
	font-size: 14px;
}

/*
 * comments
 */

#yoo-zoo div#comments { margin-top: 0px; }

#yoo-zoo div#comments .comments-meta {
	margin: 0px 0px 15px 0px;
	font-weight: bold;
	color: #505050;
	font-size: 21px;
	line-height: 32px;
}


/* Responsive
----------------------------------------------------------------------------------------------------*/

/* Only Phones (Portrait) */
@media (max-width: 479px) {

	#yoo-zoo .item div.pos-related .element-relateditems > div { width: 100%; }

	/* Alignment */
	#yoo-zoo .item div.media-left,
	#yoo-zoo .item div.media-right,
	#yoo-zoo .pos-related div.media-left,
	#yoo-zoo .pos-related div.media-right {
		margin: 0 auto;
		float: none;
	}


}




/*********************** iSonic */

/*********************** Catalog Item Columns */
.pos-description > div:first-of-type	{
	float:left;
}
.pos-description > div:last-of-type	{
	float:right;
}
.pos-description > div	{
	width:50%;
	position:relative;
}
.pos-description > div p	{
	text-align:justify;
}
.pos-description:after {
	clear: both;
	content: " ";
	display: block;
	float: none;
}
.teaser-item .pos-description > div	{
	display:block;
	float:none;
}
.teaser-item .pos-media a	{
	font-size:18px !important;
	text-transform:uppercase;
}
.row .width50	{
	box-shadow:0 7px 20px -10px #CCCCCC;
	width:49% !important;
	padding:10px !important;
	transition: box-shadow 0.5s;
	-webkit-transition: box-shadow 0.5s;
}
.row > .width50:first-child	{
	float:left !important;
}
.row > .width50:last-child	{
	float:right !important;
}
.row .width50:hover	{
	box-shadow:0 7px 35px -10px #AAA;
}
/*********************** Catalog SlideShow */
.pos-media	{margin:0 !important;}
.element-gallery	{
	display:block;
	position:relative;
}
.zoo-gallery	{
	overflow:hidden;
	height:400px;
}
.element-gallery ul.slides {
  display: inline-block;
  list-style: none outside none;
  margin-right: 0;
  max-height: 400px;
  position: relative;
  text-align: center;
  max-width: 640px;
}
.element-gallery ul.slides > li	{
	max-height:455px;
	display:inline-block;
}
.element-gallery ul.slides > li img	{
	width:100% !important;
	display:block;
	height:auto !important;
}
.element-gallery ul.slides, .element-gallery ul.slides *	{
	vertical-align:middle !important;
}
.zoo-gallery-wall {
  clear: both;
  display: block;
  display: inline-block;
  height: auto;
  max-width: 185px;
  min-height: 500%;
  overflow: hidden;
  right: 0;
  top: -14px;
  white-space: pre !important;
  z-index: 5;
 margin-left: 5px !important;
}
.zoo-gallery-wall span.thumb {
  display: inline !important;
  height: 132px;
  margin: 0 0 2px;
  opacity: 0.85;
  overflow: hidden;
  text-align: center;
  transition: all 0.5s ease 0s;
}

.zoo-gallery-wall span.thumb:first-child	{
	margin-top:0 !important;
}
.zoo-gallery-wall span.thumb img	{
	height:100%;
	display:inline-block;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	margin:0;
}
.zoo-gallery-wall,.zoo-gallery-wall *	{
	white-space:nowrap !important;
}
.zoo-gallery-wall span.thumb.active	{
	opacity:1;
}
.zoo-gallery-wall span.thumb.active > img	{
	height:110%;
	margin-top:-2.5%;
	margin-left:-2.5%;
}
span.thumb.hideThumb	{
	width:0px !important;
	overflow:hidden;
}
.zoo-gallery	{overflow:hidden;}

#iSonicPrev,#iSonicNext	{
	position:fixed;
	top:50%;
	margin-top:-104px;
	height:209px;
	background-image:url('../images/slideNav.png');
	background-repeat:no-repeat;
	background-position:bottom left;
	left:0;
	opacity:0.75;
	width:80px;
	transition: opacity 0.5s;
	-webkit-transition: opacity 0.5s;
}


#iSonicNext	{
	background-position:top left;
	right:0;
	left:auto;
}
#iSonicPrev:hover,#iSonicNext:hover	{
	opacity:1;
	cursor:pointer;
}
.tm-main > *:nth-child(n+2)	{
	margin-top:0 !important;
}

h1 .socialbuttons	{
	float:right;
}
h1 > .element-print-button {
  clear: none;
  float: right !important;
  margin-right: 0.25em;
  margin-top: -10px;
}
h1 > .socialbuttons {
  clear: none;
  float: right !important;
  margin-top: -15px !important;
  margin-right:0 !important;
}
h1.pos-title > span	{
	font-size:60%;
	display:block;
	clear:both;
	color:#666 !important;
	font-style:italic;
}

#aStaticBoatBox	{
	display:block;
	clear:both;
}
#aStaticBoatBox:before,#staticBoatBox:after	{
	content:" ";
	display:block;
	clear:both;
	float:none;
	font-size:60%;
}
.clear	{
	float:none !important;
	clear:both !important;
	display:block !important;
}
#aStaticBoatBox > div.colLeft,#aStaticBoatBox > div.colRight	{
	width:46%;
	float:left;
}
#aStaticBoatBox > div.colLeft img	{
	max-width:25%;
	margin-right:1em;
}
#aStaticBoatBox > div.colRight	{
	width:40%;
	padding:12px;
	border-radius:6px;
	background:#EFF3F5;
	box-shadow:0 0 12px #999;
	margin-right:20px;
	float:right;
}
.pos-media	{width:100%;}