/* reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;font: inherit;vertical-align:top;}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {display: block;}

body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse;border-spacing: 0;}

/* clearfix */
.clear {clear: both;display: block;overflow: hidden;visibility: hidden;width: 0;height: 0;}
.clearfix:after {clear: both;content: ' ';display: block;font-size: 0;line-height: 0;visibility: hidden;width: 0;height: 0;}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}

/* CSS document */

hr{height: 1px;width:100%;background:#EE9B59;line-height:0;border:0;}
html,body{height:100%;font-family:Geneva,Arial,sans-serif;font-size:12px;line-height:18px;color:#000;}
a{text-decoration:none;color:#666;}
strong,b{font-weight:bold;}
#pattern{background:url(/app/public/images/pattern.gif);min-width:1000px;width:100%;height:100%;min-height:100%;position:fixed;top:0;}

.container{background:url(/app/public/images/grad.jpg) 50% -200px no-repeat #ccc;min-width:1000px;max-width:100%;position:relative;z-index:100;}
#footer{background:url(/app/public/images/grad.jpg) 50% 100% repeat-x #ccc;min-height:200px}
.bodyContent,.mainContent {position:relative;}
.container .bodyContent,.mainContent{;margin:0 auto;padding:20px;width:980px;min-height:150px;}
.mainContent{overflow:hidden;}
.small,.large{display:inline-block;float:left}
.small{width:210px;}
.large{width:715px;float:right;}
.image {background:url(/app/public/images/loader.gif) 50% 50% no-repeat #fff;width:100%;height:100%;}

.error {display:block;clear:both;padding:2px 5px;color:#fff;background:#EE9B59;margin:10px 0;border-radius:3px;}

.bodyContent > a.logo{position:absolute;top:10px;left:0;display:block;background:url(/app/public/images/logo_slogan.png) no-repeat 0 0;width:280px;height:180px;}
.bodyContent > a.banner.benw{position:absolute;top:10px;left:50%;margin-left:-175px;display:block;background:url(/app/public/images/banner_benw.jpg) no-repeat 0 0;width:375px;height:75px;}

#nav ul{display:block;padding:80px 0 5px 250px;background:url(/app/public/images/hspacer.png) no-repeat 50% 100%;}
#nav ul li,ul.breadCrumbs li{display:inline-block;margin-right:10px;}
#nav ul li a,ul.breadCrumbs li a{display:block;background:url(/app/public/images/menu.png) no-repeat 100% 0;color:#fff;text-transform:uppercase;margin:0;padding:0;height:30px;}
#nav ul li a > span,ul.breadCrumbs li a > span{display:block;background:url(/app/public/images/menu.png) no-repeat 0 0;font-size:15px;margin:0 6px 0 -6px;padding:6px 6px 6px 12px;height:18px;line-height:18px;overflow:hidden;}
#nav ul li a:hover,#nav ul li.active a,ul.breadCrumbs li a:hover,ul.breadCrumbs li.active a{background-position:100% 100%;}
#nav ul li a:hover > span,#nav ul li.active a > span,ul.breadCrumbs li a:hover > span,ul.breadCrumbs li.active a > span{background-position:0 100%;}

#payoff{float:right;margin:20px 0 0 0;height:20px;}
#payoff a {color:#000;text-decoration:underline}

#footer .bodyContent > ul{display:block;float:left;width:320px;}
#footer .bodyContent > ul li{text-transform:uppercase;margin:0 0 10px 0;}
#footer .bodyContent > ul li > a {display:block;font-family:'Nothing You Could Do',cursive;font-weight:bold;color:#000;font-size:15px;}
#footer .bodyContent > ul li ul li{text-transform:none;margin:0;}
#footer .bodyContent > ul li ul li > a{font-family:Geneva,Arial,sans-serif;font-weight:normal;color:#666;font-size:12px;text-transform:lowercase;}

#footer .bodyContent > ul li .icon {display:block;float:left;width:100px;height:50px;background-repeat:no-repeat;background-position:50% 100%;}
#footer .bodyContent > ul li .icon:hover{background-position:50% 100%}
#footer .bodyContent > ul li .icon.ideal{background-image:url(/app/public/images/ico_ideal.png)}
#footer .bodyContent > ul li .icon.leder{background-image:url(/app/public/images/ico_echtleder.png);width:50px;}
#footer .bodyContent > ul li .icon.swarovski{background-image:url(/app/public/images/ico_swarovski.png)}
#footer .bodyContent > ul li .icon.mongo{width:60px;background-image:url(/app/public/images/ico_mongo.jpg)}

#footer .footerContainer > a.logo{position:relative;display:block;background:url(/app/public/images/logo_small.png) no-repeat 0 0;width:165px;height:105px;float:left;}
#footer .footerContainer{position:relative;top:-35px;float:right;width:300px;line-height:18px;background:url(/app/public/images/fcontainer.png) no-repeat 50% 0;padding:20px;height:180px;}
#footer .footerContainer span,.detail span.t{display:inline-block;width:15px;height:15px;background:url(/app/public/images/bullet.png) no-repeat 50% 50%;margin-right:5px;text-align:center;color:#fff;line-height:15px;font-family:'Nothing You Could Do',cursive;text-transform:uppercase;font-size:9px;}
#footer .footerContainer .payments {width:140px;color:#666;float:right;}
#footer .footerContainer .payments a {display:block;float:right;vertical-align:middle;}
#footer .footerLinks{clear:both;position:absolute;bottom:0;right:15px;}
#footer .footerLinks a {color:#000;margin-right:20px;}

.mainContent .bodyContent{padding:10px;margin:0 0 10px 0;background:#fff;-moz-box-shadow: 0 0 5px #666;box-shadow:0 0 5px #666;-webkit-box-shadow:0 0 5px #666;}
.mainContent .small h2 {font-family:'Nothing You Could Do',cursive;font-size:25px;line-height:20px;}
.mainContent .small > label {text-transform:uppercase;padding:10px 0;display:block;margin-bottom:10px;background:url(/app/public/images/hspacer_small.png) 50% 100% no-repeat;}

.mainContent .small ol {list-style-type:decimal;list-style-position:inside;}
.mainContent .small ol li.active,.mainContent .small ol li.active label {color:#000;}
.mainContent .small ol li {font-size:15px;color:#a7a7a7;background:url(/app/public/images/hspacer_small.png) 50% 100% no-repeat;line-height:30px;}
.mainContent .small ol li.last {background:none;}
.mainContent .small ol li a {text-decoration:underline;}
.mainContent .small ol li label,.mainContent .small ol li a {font-size:12px;}
.mainContent .small ol li label {color:#a7a7a7;}
.mainContent .small ul li {position:relative;display:block;text-align:right;}
.mainContent .small ul li a{float:left;text-decoration:underline;display:block;width:150px;text-align:left;padding:2px;}
.mainContent .small ul li a:hover,.mainContent .small ul li a.active{color:#fff;background:#000;text-decoration:none;}

.mainContent .small ul li.color {line-height:20px;}
.mainContent .small ul li.color a{border:1px solid #000;height:17px;width:17px;margin-right:2px;}

ul.breadCrumbs{display:inline-block;margin:0 10px;}

/* products */
#products,#checkout,.detail {display:block;margin:30px 0;}
#products .item img, #products .item .image {display:block;width:205px;height:154px;}
.display-grid .item {display:inline-block;width:205px;background-position:103% 102%;}
/*.display-grid .item:hover,.display-list .item:hover {border:1px dashed #ccc;margin:-1px;}*/
.display-grid .item p {display:none;}
.display-grid .item .price {float:left}
.display-grid .item img, .display-grid .item .image {margin:-16px -16px 0 -16px;padding:16px 16px 0 16px;}

.display-list .item {display:block;background-position:659px 102%;}
.display-list .item p {display:inline-block;width:350px;}
.display-list .item .price {float:right}
.display-list .item img, .display-list .item .image {float:left;margin:-16px 0 0 -16px;padding:16px 16px 0 16px;}

/* default */
.item {position:relative;padding:16px;overflow:hidden;background:url(/app/public/images/corner_lr.png) no-repeat;}
#products .item:hover {background-image:url(/app/public/images/corner_lr_hover.png);}
.item h2, .detail h1, .detail h2 {display:inline-block;min-width:210px;font-family:'Nothing You Could Do',cursive;font-size:28px;line-height:28px;margin:5px 0;padding:5px 0;background:url(/app/public/images/hspacer_small.png) 0 100% no-repeat;}
.item h2 a {color:#000;}
.detail h2 {background:none;font-size:22px;}
.set h2 {padding:5px 0;margin:0;width:350px;display:block;float:right}
.item img { background:url(/app/public/images/corner_ul.png) -5px -5px no-repeat; }
#products .item:hover img{background-image:url(/app/public/images/corner_ul_hover.png)}
.item .price .old {display:block;line-height:18px;font-size:15px;color:#666;}
.item .price .new {display:block;line-height:25px;font-size:20px;}
.item .info,#checkout .last .info{float:right;display:inline-block;padding:5px;background:#EE9B59;color:#fff;font-family:'Nothing You Could Do',cursive;font-size:15px;clear:left;margin-top:-25px;}
.item .info:hover,#checkout .last .info:hover{background:#000;}

.options {display:inline-block;float:right;}
.options label {display:inline-block;padding:5px;}
.options ol,.options ol li {display:inline-block;}
.options ol li {margin-right:2px;}
.options ol li a {display:block;padding:5px;text-decoration:underline;}
.options ol li a:hover,.options ol li a.active{background-color:#666;color:#fff;}
.options ol li.first > a,.options ol li.last > a,.options ol li a:hover,.options ol li a.active{text-decoration:none;}

.display{float:left;}
.display label{display:block;color:#666;}
.display ol li {margin-right:5px;}
.display ol li a {border:1px solid #ccc;padding-left:28px;background:url(/app/public/images/ico_layout.png) no-repeat;}
.display ol li.display-grid a {background-position: 1px -23px;}
.display ol li.display-grid a:hover,.display ol li.display-grid a.active {background-position: 1px 1px;}
.display ol li.display-list a {background-position: 1px -71px;}
.display ol li.display-list a:hover,.display ol li.display-list a.active {background-position: 1px -47px;}

/* detail */
.detail .item .zoom {width:40px;height:40px;display:block;position:absolute;background:url(/app/public/images/zoom.png) no-repeat;}
.detail .item img, .detail .item .image {margin:-16px -16px 10px -16px;padding:16px 16px 0 16px;display:inline-block;width:320px;float:left;}
.detail .item .image { height: 240px; }
.detail .item h1 {display:inline-block;padding:0 10px;float:left;clear:right;width:340px;}
.detail .item p,.detail .social {float:right;display:inline-block;padding:15px 10px 10px 10px;width:340px}
.detail .item .type,.detail .item .price {display:inline-block;padding:0 10px;width:340px;}
.detail .item .price .new {font-size:30px;padding:5px 0;}
.detail .item form {position:relative;display:block;width:340px;padding:10px;float:right}
.detail .item form label{display:block;color:#EE9B59}
.detail .item form label .info,#checkout .last .info{clear:none;font-size:11px;float:none;font-family:inherit;margin:0 0 0 5px;padding:0 5px;}
.detail .item form select{display:inline-block;margin:5px 0;}
.detail .item {background-position:100% 100%;}
.detail .item #gallery {clear:left;display:block;width:330px;float:left;margin:0 0 10px -10px;}
.detail .item #gallery img {margin:0;padding:0;width:56px;background:none;}
.detail .item #gallery a{margin:0 0 10px 10px;position:relative;display:block;float:left;overflow:hidden;}
.detail .item #gallery a.hidden{display:none}
.detail .item #gallery a .arrow{position:absolute;background:url(/app/public/images/arrow.png) 50% -5px no-repeat;width:30px;height:15px;display:none;top:0;left:13px;}
.detail .item #gallery a.active .arrow, .detail .item #gallery a:hover .arrow {display:block;}

.detail .item form a.color{text-indent:-9999px;display:inline-block;overflow:hidden;width:20px;height:20px;margin-right:5px;padding:2px;}
.detail .item form a.color:hover,.detail .item form a.active{padding:0;border:2px solid #ee9b59;}

.detail .item form a.buy,#checkout a.btn{position:absolute;bottom:0;right:10px;display:inline-block;background:url(/app/public/images/menu.png) no-repeat 100% 0;color:#fff;text-transform:uppercase;margin:0;padding:0;height:30px;}
.detail .item form a.buy > span,#checkout a.btn > span{display:block;background:url(/app/public/images/menu.png) no-repeat 0 0;font-size:15px;margin:0 6px 0 -6px;padding:6px 6px 6px 12px;height:18px;line-height:18px;overflow:hidden;min-width:150px;text-align:center;}
.detail .item form a.buy:hover,#checkout a.btn:hover{background-position:100% 100%;}
.detail .item form a.buy:hover > span,#checkout a.btn:hover > span{background-position:0 100%;}

.detail .description {padding:15px;}

/* icons */
.slides .type {display:block;float:right;height:19px;width:50px;margin:0;text-align:right;}

.type {margin:10px 0;}
.type a{display:inline-block;margin-left:5px;width:16px;height:19px;background:url(/app/public/images/ico_type.png) -16px 0 no-repeat;}
.type a.armband {background-position:-48px 0;}
.type a.halsband {background-position:-32px 0;}
.type a.collier {background-position:-64px 0;}
.type a.bootstraps,.type a.boot.straps {background-position:-80px 0;}
.type a.swarovski {background-position:-96px 0;}


/* highlights */
.slides{display:block;width:960px;height:240px;overflow:hidden;margin:5px auto;}
.slides > div{position:relative;display:inline-block;overflow:hidden;width:310px;height:240px;margin:0 5px;}
.slides > div h2{position:absolute;bottom:38px;left:5px;line-height:25px;display:block;padding:10px 5px;font-family:'Nothing You Could Do',cursive;font-size:25px;color:#fff;background:#000;}
.slides > div span{position:absolute;bottom:10px;left:5px;display:block;padding:5px;font-size:15px;background:#fff;}

#next,#prev{display:block;width:45px;height:80px;background:url(/app/public/images/sbuttons_r.png) no-repeat 100% 100%;position:absolute;z-index:100;top:100px;}
#prev{left:0px;}
#next{background-position:0 100%;right:0px;}
#prev:hover{background-position:100% 0;}
#next:hover{background-position:0 0;}

/* cart */

#cart{width:240px;position:fixed;top:0;right:0;background:url(/app/public/images/cart_shade.png) 100% 100% no-repeat;padding:0 15px 10px 0;z-index:9999;}
#cart h2,#cart li {padding:5px 10px 5px 40px;background:#fff;}
#cart h2 {font-family:'Nothing You Could Do',cursive;font-size:20px;font-weight:300;line-height:25px;display:block;cursor:pointer;}
#cart input[type="submit"]{width:58px;height:75px;text-indent:-9999px;border:0;background:url(/app/public/images/ico_cart.png) no-repeat;position:absolute;top:0;left:-30px;z-index:100;cursor:pointer;}
#cart form .pointer{width:25px;height:30px;background:url(/app/public/images/pointer.png) no-repeat 50% 50%;z-index:100;position:absolute;top:30px;left:-30px;}

#cart input[disabled="disabled"]{background-position:-59px 0}
#cart li {display:none;position:relative;border-bottom:1px solid #EE9B59;}
#cart li label, #cart li span{display:block;}
#cart li label {font-size:13px;font-weight:bold;}
#cart li label a,#checkout li label a {color:#000;}
#cart li .small,#checkout li .small {color:#666;font-size:10px;text-transform:uppercase;}
#cart li .qty{width:40px;display:inline-block;}
#cart li .price,#checkout li .price,#checkout li .total{width:65px;text-align:right;display:inline-block;}
#cart li.empty{height:65px;padding:0;border:0;}
#cart li.more {text-align:center;}
#cart li.more a {color:#EE9B59;text-decoration:underline;margin-left:-30px}
#cart li.last{display:block;background:#EE9B59;color:#fff;}
#cart li.last .qty{width:60px;}
#cart li.last .price{width:110px;font-size:16px;}
#cart li img {display:block;width:60px;height:45px;border:1px solid #666;}
#cart li .remove{position:absolute;top:4px;right:10px;overflow:hidden;width:62px;height:47px;}
#cart li .hover,#checkout li .hover {display:none;background:url(/app/public/images/transparent.png);width:100%;height:100%;text-align:center;position:absolute;top:0;left:0;}
#cart li .hover span,#checkout li .hover span {font-size:9px;color:#fff;text-align:center;display:block;position:relative;top:50%;margin-top:-15px;}
#cart li .remove:hover .hover,#checkout li .remove:hover .hover{display:block;}

/* checkout */
#checkout li {display:block;height:85px;}
#checkout li.last{height:25px;border-top:1px solid #EE9B59;padding:4px 0;}
#checkout li label{font-family:'Nothing You Could Do',cursive;font-size:25px;font-weight:300;line-height:30px;display:block;}
#checkout li.last label {font-family:inherit;font-size:inherit;display:inline-block;}
#checkout li.last label .info {color:#fff;font-family:Geneva,Arial,sans-serif;font-size:12px;margin:5px 0 0 5px;padding:0 5px;line-height:18px;}
#checkout li:last-child label {text-transform:uppercase;font-weight:bold;}
#checkout li .remove {position:relative;overflow:hidden;}
#checkout li .qty, #checkout li .price, #checkout li .small {display:inline-block;}
#checkout li > a,#checkout li > img{margin-right:10px;float:left;}
#checkout li .price,#checkout li .total {width:92px;}
#checkout li.last .price, #checkout li.last .total {float:right;}
#checkout li.last .total {font-size:15px;font-weight:bold;}
#checkout li .remark{width:164px;display:inline-block;}
#checkout li .qty {width:59px;}
#checkout li input.qty,#checkout li input.remark {padding:2px;border:1px solid #666;width:45px;border-radius:3px;}
#checkout li input.remark {width:160px;margin-right:10px;}
#checkout li .small {width:190px;}
#checkout li.last img.logo{float:right;display:block;height:25px;}
#checkout > a.btn {position:relative;right:0;float:right;}
#checkout > a.back{float:left;left:10px;}
#checkout > a.back > span {min-width:100px;}

#checkout .box{float:left;width:340px;margin:0 10px 10px 0;}
#checkout .box.right{border-left:1px solid #000;padding-left:12px; }
#checkout .box label {display:inline-block;min-width:150px;}
#checkout .box input[type='text']{border:1px solid #666;border-radius:3px;width:170px;display:inline-block;}
#checkout .box input[type='text'].nr{width:120px;}
#checkout .box input{margin:0 0 5px 5px;padding:2px;}
#checkout .box h2 {font-family:'Nothing You Could Do',cursive;font-size:20px;line-height:25px;}

/* slideshow */
#slideshow{position:relative;clear:both;padding:15px 0 5px 0;background:url(/app/public/images/sshadow.png) no-repeat 50% 100%;}
#slideshow ul{background:url(/app/public/images/hspacer.png) repeat-y 0 50%;}
#slideshow ul,#slideshow ul li{display:block;width:980px;overflow:hidden;}
#slideshow ul li{position:relative;height:300px;padding:1px 0;}
#slideshow ul li p{position:absolute;z-index:100;top:220px;right:20px;font-family:'Nothing You Could Do',cursive;font-size:30px;line-height:40px;padding:10px;background:#000;color:#fff;}

#navi{position:absolute;z-index:1000;top:16px;right:10px;}
#navi li{display:inline-block;width:20px;margin-left:1px;}
#navi li a{display:block;background:url(/app/public/images/pager.png) no-repeat -20px 0;text-align:center;width:20px;padding:5px 0;color:#000;}
#navi li a:hover,#slideshow #navi li.activeSlide a{background-position:0 0;color:#fff;}


/* social */
.social a{display:inline-block;width:24px;height:25px;margin:8px 0 2px 0;background:url(/app/public/images/social.png) no-repeat 0 0}
.social a.fb:hover{background-position:0 100%}
.social a.twitter:hover{background-position:-25px 100%}
.social a.hyves:hover{background-position:-50px 100%}
.social a.rss:hover{background-position:-75px 100%}
.social a.youtube:hover{background-position:-100px 100%}
.social a.twitter{background-position:-25px 0}
.social a.hyves{background-position:-50px 0}
.social a.rss{background-position:-75px 0}
.social a.youtube{background-position:-100px 0}


/* fancybox */
.help {width:600px;}
.help h2 {font-family:'Nothing You Could Do',cursive;font-size:18px;}
.help ul li {display:block;background:#000;color:#fff;padding:2px;line-height:18px;margin:10px 0;}
.help img {margin-left:10px;border-radius:5px;border:1px solid #666;}
.help label {display:block;clear:both;padding:10px 0;text-align:center;font-weight:bold;}
.help p{display:block;padding:10px 0;}
.help th {text-align:left;color:#fff;background:#666;}
.help th,.help td,.help table{border:1px solid #666;border-collapse:collapse;}
.help th,.help td{padding:2px;width:200px;}