@charset "utf-8";

/***
* @author viazenetti
* @project KangaROOS
* @version 1.0
* @pages Detailseite
***/


#emo_image{
    background-image:url(../images/header/default.jpg);
    width:791px;
    height:219px;
    background-color:#fff;
}

#store .row2 .col2 .articleHeader {
    padding: 13px 0 20px 0;
    width: 100%;
}

#store .row2 .col2 .articleTitle {
    width: 495px;
    float: left;
}

#store .row2 .col2 .articleTitle h1 {
    font-size: 16px;
    font-weight: bold;
    color: #98293e;
}

#store .row2 .col2 .articleSearch {
    float: right;
    width: 262px;
}

#store .row2 .col2 .articleImages {
    padding-bottom: 16px;
    width: 100%;
}

#store .row2 .col2 .articleImages .left {
    border: 1px solid #33455d;
    width: 418px;
    height: 418px;
    float: left;
}

#store .row2 .col2 .articleImages .right {
    width: 355px;
    float: right;
    position: relative;
}

#store .row2 .col2 .articleDescription {
    width: 100%;
    background: url(../images/background/content-seperator.gif) no-repeat left bottom;
}

#store .row2 .col2 .articleDescription .description {
    background: url(../images/background/content-seperator.gif) no-repeat left top;
    width: 527px;
    float: left;
}

#store .row2 .col2 .articleDescription .info {
    width: 232px;
    float: right;
}

#store .row2 .col2 .description {
    padding: 15px 0;
}

#store .row2 .col2 .description ul {
    padding: 0.5em 0 ;
    margin-left: 15px;
}

#store .row2 .col2 .description ul li {
    list-style-type: square;
}

#store .row2 .col2 .articleDescription .info .price {
    background: url(../images/background/background-sprite.png) no-repeat left top;
    width: 220px;
    height: 107px;
    color: #ffffff;
    font-size: 11px;
    text-align: center;
    padding-top: 5px;
    margin-bottom: 8px;
	position: relative;
}

#store .row2 .col2 .articleDescription .info .price .original-price div {
	background: url(../images/background/cross.png) no-repeat scroll center top transparent;
	left:44px;
	position:absolute;
	top:28px;
	width:128px;
	height:27px;
}

#store .row2 .col2 .articleDescription .info .price strong {
    font-size: 14px;
}

#store .row2 .col2 .articleDescription .info .price span {
    font-size: 34px;
    font-weight: bold;
}

#store .row2 .col2 .articleDescription .info .price div {
    font-size: 13px;
    font-weight: bold;
}

#store .row2 .col2 .articleDescription .info .price div strong {
    font-size: 23px;
}

#store .row2 .col2 .articleDescription .info .discount {
    background: url(../images/background/background-sprite.png) no-repeat left -112px;
    width: 220px;
    height: 78px;
    color: #ffffff;
    font-size: 14px;
    text-align: center;
    padding-top: 5px;
    margin-bottom: 8px;
}

#store .row2 .col2 .articleDescription .info .discount span {
    font-size: 50px;
    display: block;
}

#store .row2 .col2 .articleDescription .info .size {
    background: url(../images/background/background-sprite.png) no-repeat left -195px;
    width: 220px;
    height: 23px;
    color: #ffffff;
    font-size: 14px;
    text-align: center;
    padding-top: 8px;
    margin-bottom: 0;
}

#store .row2 .col2 .articleDescription .info .size a,
#store .row2 .col2 .articleDescription .info .size a:visited {
    color: #ffffff;
    text-decoration: none;
}

#store .row2 .col2 .articleDescription .info .size a:hover {
    color: #98293e;
}

#store .row2 .col2 .similarArticles {
    width: 100%;
    background: url(../images/background/content-seperator.gif) no-repeat left bottom;
    padding: 15px 0;
}

#store .row2 .col2 .shippingInfo {
    width: 100%;
    padding: 15px 0;
}

#store .row2 .col2 .shippingInfo .shipping {
    width: 515px;
    float: left;
}

#store .row2 .col2 .shippingInfo .right {
    width: 232px;
    float: right;
}

#store .row2 .col2 .shippingInfo .right .payment,
#store .row2 .col2 .shippingInfo .right .support {
    padding-bottom: 30px;
    width: 220px;
}

#store .row2 .col2 .shippingInfo .right .payment ul,
#store .row2 .col2 .shippingInfo .right .support ul{
    padding: 0.5em 0 ;
    margin-left: 15px;
}

#store .row2 .col2 .shippingInfo .right .payment ul li,
#store .row2 .col2 .shippingInfo .right .support ul li {
    list-style-type: square;
}

#store .row2 .col2 .shippingInfo .right .payment ul li.paypal {
    background: url(../images/background/background-sprite.png) no-repeat -328px -354px;
    padding-bottom: 5px;
}

#store .row2 .col2 .shippingInfo .right .support .smallFont {
    font-size: 11px;
}

#store .row2 .col2 .shippingInfo .right .support a,
#store .row2 .col2 .shippingInfo .right .support a:visited {
    color: #33455d;
}

#store .row2 .col2 .shippingInfo .right .support a:hover  {
    color: #98293e;
}


/***
* Article Images
***/

#store .row2 .col2 .articleImages .left {
	overflow: hidden;
	width: 400px;
	height: 400px;
    padding: 9px;
}

#store .row2 .col2 .articleImages .left div.center {
	display: table;
	table-layout: fixed;
	width: 400px;
}

#store .row2 .col2 .articleImages .left span {
	display: table-cell; 
	vertical-align: middle;
	width: 400px;
	height: 400px;
}

#store .row2 .col2 .articleImages .left a {
	max-width: 400px;
	max-height: 400px;
	display: block;
	margin: auto;
  z-index: 50;
}

#store .row2 .col2 .articleImages .item_thumbs {
	float: left;
	width: 342px;
	padding-left: 3px;
}

#store .row2 .col2 .articleImages .item_thumbs .thumb {
	width: 99px;
	height: 100px;
	padding: 4px;
	margin: 0 0 5px 5px;
	float: left;
	background: #ffffff;
	display: inline;
	border: 1px solid #000000;
}

#store .row2 .col2 .articleImages .thumb div {
	display: table;
	table-layout: fixed;
	width: 102px;
}

#store .row2 .col2 .articleImages .thumb span{
	display: table-cell; 
	vertical-align: middle;
	width: 102px;
	height: 102px;
}

#store .row2 .col2 .articleImages .thumb img {
	max-width: 102px;
	max-height: 102px;
	display: block;
	margin: auto; 
	cursor: pointer;
}

#store .row2 .col2 .articleImages .note {
	clear: both;
	font-size: 11px;
	padding-left: 30px;
	background: url(../images/background/background-sprite.png) 5px -383px no-repeat;
  padding-bottom: 3px;
  padding-top: 10px;
  width: 100%;
}

#store .row2 .col2 .articleImages .note2 {
	clear: both;
	font-size: 11px;
	padding-left: 30px;
	background: url(../images/background/background-sprite.png) 5px -486px no-repeat;
}


/***
* Zoom
***/

#store div.mojozoom_marker {
 position: absolute !important; cursor: crosshair; z-index: 100;
}
#store div.mojozoom_border {
 border: #c6b6a6 2px solid; position: absolute !important; width: 100% !important; height: 100%; top: 0px; left: 0px;
}
#store div.mojozoom_fill {
 position: absolute !important; 
 width: 100% !important;
 height: 100%;
 top: 0px;
 left: 0px;
}

#store img.mojozoom_img {
 border: 0px; padding: 0px;
}
#store div.mojozoom_imgctr {
 border: black 1px solid;
 position: absolute !important;
 margin-left: 20px;
}
 
#store .row2 .col2 .articleImages #item_image_large_zoom {
	position: absolute;
	visibility: hidden;
    width: 335px;
    height: 418px;
    background: #ffffff;
    border: 1px solid #33455d;
    left: 8px;
    z-index:1000;
}

/***
* Search
***/

#store .col2 .articleSearch {
	float: right;
	width: 265px;
}

#store .articleSearch #quick_find {
	padding: 0;
	margin: 0 28px 0 0;
	float: right;
	width: 237px;
}

#store #quick_find .input_field {
	float:left;
	width: 168px;
	margin-top: 1px;
	border: 1px solid #AAAAAA;
	color: #7F7F7F;
	padding: 1px 0 0 4px;
	height: 19px;
}

#store #quick_find .input_button {
	background: url(../images/button/search-white-bg.gif) no-repeat right top;
	border:medium none;
	margin-left: 5px;
	padding: 0;
	width: 55px;
	height: 22px;
	float: right;
}

/***
* Navigation
***/

#store .footerNavigation {
    float: right;
}

#store .footerNavigation ul li {
    float: left;
    background: url(../images/background/bg-footer.gif) right 3px no-repeat;
    padding: 0 7px;
}

#store .footerNavigation ul li.last {
    background: none;
    padding-right: 0;
}

#store .leftNavigation {
    margin-left: -1px;
}

#store .leftNavigation ul {
    font-weight: bold;
    font-size: 18px;
}

#store .leftNavigation ul ul {
    font-size: 14px;
}

#store .leftNavigation ul a,
#store .leftNavigation ul a:visited{
    color: #808e9b;
    text-decoration: none;
    display: block;
    padding: 7px 0 7px 20px;
    background-position: -313px 3px;
    background-repeat:no-repeat;
}

#store .leftNavigation ul a:hover {
    background-image: url(../images/background/background-sprite.png);
    color: #ffffff;
}

#store .leftNavigation ul.sub {
 display:none;   
}

#store .leftNavigation ul ul a,
#store .leftNavigation ul ul a:visited {
    color: #2d435a;
    padding: 7px 0 7px 30px;
    background-position: -313px 0;
}

#store .leftNavigation ul ul a:hover {
    background-image: url(../images/background/background-sprite.png);
    color: #ffffff;
}

#store .leftMeta ul {
    background: url(../images/background/leftNavigation03.gif) left top no-repeat;
    padding: 12px 0;
}

#store .leftMeta a,
#store .leftMeta a:visited {
    color: #2d435a;
    text-decoration: none;
    font-size: 13px;
    display: block;
    padding: 7px 0 7px 20px;
}

#store .leftMeta a:hover {
	color: #98293e;
}

#store .leftMeta .special a,
#store .leftMeta .special a:visited {
    background: url(../images/background/background-sprite.png) no-repeat -461px -485px;
    padding: 0px 0 2px 47px;
    font-size: 12px;
}
