/* @override */
/* @group 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, font, 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 {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: top;
background: transparent;
}
body {
line-height: 1;
background: #ffffff url(../img/bgbody.png) repeat-x top left;
text-align:center;
font-family: Helvetica, Arial, sans-serif;
font-size: 13px;
color: #333333;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
:focus {
outline: 0;
}
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
/* @end reset */
/* @group rack */
#wrap {
width: 960px;
margin: 0 auto;
text-align: left;
}
#nav {
width: 170px;
background: transparent url(../img/shadownav.png) no-repeat top right;
padding: 25px 0 0 0;
float: left;
text-shadow: 0px 1px 0px #ffffff;
}
#nav h1 {
position: relative;
width: 111px;
height: 187px;
background: transparent url(../img/mtrshop24.png) no-repeat top left;
text-indent: -9999px;
margin: 0 0 20px 25px;
}
span.h1hover {
position: absolute;
top: 0px;
background: transparent url(../img/mtrshop24.png) no-repeat left -187px;
width: 111px;
height: 187px;
display: none;
text-indent: -9999px;
}
#nav h1 a {
display: block;
height: 187px;
}
/* #nav h1:active {
position: relative;
top: 1px;
}*/
#page {
position: relative;
width: 780px;
float: left;
border-left: 1px solid #6e6e6e;
border-right: 1px solid #6e6e6e;
background: #ffffff url(../img/bgpage.png) repeat-x top left;
min-height: 700px;
margin-bottom: -10px;
-webkit-box-shadow: 0px -5px 2px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0px -5px 2px #666666;
box-shadow: 0px -5px 2px rgba(0, 0, 0, 0.3);
}
/* @group usernav */
#user {
position: absolute;
z-index: 1000;
width: 100%;
height: 80px;
}
#user input {
width: 300px;
height: 40px;
background: transparent url(../img/spritesbuttonsneu.png) no-repeat left top;
border: 0px;
margin: 20px 0 20px 20px;
float: left;
font-family: Helvetica, Arial, sans-serif;
font-size: 24px;
font-weight: bold;
color: #c6c6c6;
text-indent: 10px;
text-shadow: 0px 1px 0px #ffffff;
}
#user input:focus {
background: transparent url(../img/spritesbuttonsneu.png) no-repeat -302px top;
}
#user input[type="image"] {
display: none;
width: 1px;
height: 1px;
}
#usernav {
width: 428px;
height: 48px;
background: transparent url(../img/spritesbuttonsneu.png) no-repeat left -50px;
float: left;
margin: 17px 0 0 14px;
padding: 0px 0px;
color: #ffffff;
text-shadow: 0px 1px 0px #000000;
}
#usernav #register {
width: 210px;
padding: 16px 0 0 15px;
float: left;
}
#usernav #cart {
width: 180px;
padding: 16px 15px 0 0;
text-align: right;
float: right;
}
/* @end usernav */
#brands {
position: fixed;
width: 730px;
height: 275px;
padding: 25px 25px 0px 25px;
background: transparent url(../img/bgbrands.png) no-repeat left top;
z-index: 9999;
top: 65px;
display: none;
text-align: center;
}
.brands {
margin: 20px 0px 0px 0px;
}
.off:hover {
cursor: help;
}
#brands a, .brands a {
background-image: url(../img/spritesbrands.png);
display: block;
text-indent: -9999px;
float: left;
margin: 9px 10px 20px 10px;
}
#brands .adidas, .brands .adidas {
width: 29px;
height: 25px;
background-position: 0px 0px;
}
#brands .adidas:hover, .brands .adidas:hover {
background-position: -250px 0px;
}
#brands .bettybarclay, .brands .bettybarclay {
width: 80px;
height: 25px;
background-position: 0px -25px;
}
#brands .bettybarclay:hover, .brands .bettybarclay:hover {
background-position: -250px -25px;
}
#brands .brunobanani, .brands .brunobanani {
width: 142px;
height: 25px;
background-position: 0px -50px;
}
#brands .brunobanani:hover, .brands .brunobanani:hover {
background-position: -250px -50px;
}
#brands .calvinklein, .brands .calvinklein {
width: 25px;
height: 25px;
background-position: 0px -75px;
}
#brands .calvinklein:hover, .brands .calvinklein:hover {
background-position: -250px -75px;
}
#brands .casio, .brands .casio {
width: 105px;
height: 25px;
background-position: 0px -100px;
}
#brands .casio:hover, .brands .casio:hover {
background-position: -250px -100px;
}
#brands .diesel, .brands .diesel {
width: 55px;
height: 25px;
background-position: 0px -125px;
}
#brands .diesel:hover, .brands .diesel:hover {
background-position: -250px -125px;
}
#brands .dkny, .brands .dkny {
width: 99px;
height: 25px;
background-position: 0px -150px;
}
#brands .dkny:hover, .brands .dkny:hover {
background-position: -250px -150px;
}
#brands .dg, .brands .dg {
width: 50px;
height: 25px;
background-position: 0px -175px;
}
#brands .dg:hover, .brands .dg:hover {
background-position: -250px -175px;
}
#brands .esprit, .brands .esprit {
width: 78px;
height: 25px;
background-position: 0px -200px;
}
#brands .esprit:hover, .brands .esprit:hover {
background-position: -250px -200px;
}
#brands .fossil, .brands .fossil {
width: 38px;
height: 25px;
background-position: 0px -225px;
}
#brands .fossil:hover, .brands .fossil:hover {
background-position: -250px -225px;
}
#brands .fubu, .brands .fubu {
width: 104px;
height: 25px;
background-position: 0px -250px;
}
#brands .fubu:hover, .brands .fubu:hover {
background-position: -250px -250px;
}
#brands .gucci, .brands .gucci {
width: 126px;
height: 25px;
background-position: 0px -275px;
}
#brands .gucci:hover, .brands .gucci:hover {
background-position: -250px -275px;
}
#brands .icewatch, .brands .icewatch {
width: 30px;
height: 25px;
background-position: 0px -300px;
}
#brands .icewatch:hover, .brands .icewatch:hover {
background-position: -250px -300px;
}
#brands .jacqueslemans, .brands .jacqueslemans {
width: 213px;
height: 25px;
background-position: 0px -325px;
}
#brands .jacqueslemans:hover, .brands .jacqueslemans:hover {
background-position: -250px -325px;
}
#brands .justcavalli, .brands .justcavalli {
width: 65px;
height: 25px;
background-position: 0px -350px;
}
#brands .justcavalli:hover, .brands .justcavalli:hover {
background-position: -250px -350px;
}
#brands .michaelkors, .brands .michaelkors {
width: 195px;
height: 25px;
background-position: 0px -375px;
}
#brands .michaelkors:hover, .brands .michaelkors:hover {
background-position: -250px -375px;
}
#brands .morellato, .brands .morellato {
width: 140px;
height: 25px;
background-position: 0px -400px;
}
#brands .morellato:hover, .brands .morellato:hover {
background-position: -250px -400px;
}
#brands .moschino, .brands .moschino {
width: 66px;
height: 25px;
background-position: 0px -425px;
}
#brands .moschino:hover, .brands .moschino:hover {
background-position: -250px -425px;
}
#brands .odm, .brands .odm {
width: 58px;
height: 25px;
background-position: 0px -450px;
}
#brands .odm:hover, .brands .odm:hover {
background-position: -250px -450px;
}
#brands .puma, .brands .puma {
width: 37px;
height: 25px;
background-position: 0px -475px;
}
#brands .puma:hover, .brands .puma:hover {
background-position: -250px -475px;
}
#brands .soliver, .brands .soliver {
width: 55px;
height: 25px;
background-position: 0px -500px;
}
#brands .soliver:hover, .brands .soliver:hover {
background-position: -250px -500px;
}
#brands .sector, .brands .sector {
width: 120px;
height: 25px;
background-position: 0px -525px;
}
#brands .sector:hover, .brands .sector:hover {
background-position: -250px -525px;
}
#brands .swatchbijoux, .brands .swatchbijoux {
width: 37px;
height: 25px;
background-position: 0px -550px;
}
#brands .swatchbijoux:hover, .brands .swatchbijoux:hover {
background-position: -250px -550px;
}
#brands .swatch, .brands .swatch {
width: 98px;
height: 25px;
background-position: 0px -575px;
}
#brands .swatch:hover, .brands .swatch:hover {
background-position: -250px -575px;
}
#brands .tokyoflash, .brands .tokyoflash {
width: 220px;
height: 25px;
background-position: 0px -600px;
}
#brands .tokyoflash:hover, .brands .tokyoflash:hover {
background-position: -250px -600px;
}
#brands .watchpeople, .brands .watchpeople {
width: 115px;
height: 25px;
background-position: 0px -625px;
}
#brands .watchpeople:hover, .brands .watchpeople:hover {
background-position: -250px -625px;
}
#brands .xen, .brands .xen {
width: 50px;
height: 25px;
background-position: 0px -650px;
}
#brands .xen:hover, .brands .xen:hover {
background-position: -250px -650px;
}
#hairlinel {
position: absolute;
z-index: 1000;
width: 1px;
height: 100%;
background: transparent url(../img/hairline.png) repeat left top;
}
#hairliner {
position: absolute;
z-index: 1000;
top: 0px;
right: 0px;
width: 1px;
height: 100%;
background: transparent url(../img/hairline.png) repeat left top;
}
#content {
position: relative;
z-index: 100;
font-size: 13px;
font-weight: normal;
min-height: 450px;
}
#content p {
line-height: 1.3em;
}
#content a {
color: #333333;
}
#contentstart {
position: relative;
z-index: 100;
font-size: 13px;
font-weight: normal;
}
/* @group footer */
#footer {
width: 100%;
height: 230px;
background: transparent url(../img/bgfooter.png) repeat-x left top;
}
#hotline {
width: 340px;
float: left;
font-size: 18px;
text-shadow: 0px 1px 0px #ffffff;
line-height: 1.3em;
margin: 25px 0 20px 20px;
background: transparent url(../img/hotline.png) no-repeat left top;
text-indent: 20px;
}
#trust {
width: 420px;
height: 110px;
float: right;
background: transparent url(../img/trust.png) no-repeat -10px top;
}
ul#footernav {
width: 760px;
height: 50px;
background: transparent url(../img/spritesbuttonsneu.png) no-repeat left -150px;
margin: 10px 0 0 15px;
}
ul#footernav li {
float: left;
margin: 16px 0 0 20px;
}
p#copyright {
text-align: center;
font-size: 10px;
padding: 15px 0px 20px 0px;
}
/* @end footer */
#right {
width: 8px;
height: 300px;
background: transparent url(../img/shadow.png) no-repeat left top;
float:left;
}
#attention {
width: 100%;
padding: 10px 0;
background: #000000 url(../img/bgieupdate.png) repeat left top;
color: #ffffff;
font-size: 18px;
font-weight: bold;
}
#attention span {
background: #000000;
padding: 2px 3px;
}
/* @end rack */
/* @group navi */
#nav ul li {
width: 170px;
text-transform: uppercase;
background: url(../img/spritesnav.png) no-repeat 0px top;
}
#nav ul li:hover {
background: url(../img/spritesnav.png) no-repeat -170px top;
}
/*
#nav ul li:active {
position: relative;
top: 1px;
}
#nav ul li:active ul li {
position: relative;
top: 0px;
}
*/
#nav ul li.act {
background: url(../img/spritesnav.png) no-repeat -340px -1px;
}
#nav ul li.sale {
background: url(../img/spritesnav.png) no-repeat -510px -1px;
}
#nav ul li.sale a {
color: #ffffff !important;
text-shadow: 0px -1px 0px #000000;
}
/*
#nav ul li:active ul li {
position: relative;
top: -1px;
}
#nav ul li:active ul li ul li {
position: relative;
top: 0px;
}
#nav ul li ul li:active ul li {
position: relative;
top: 0px;
}
*/
#nav ul li ul li.act, #nav ul li ul li ul li.act, #nav ul li ul li.act:active, #nav ul li ul li ul li.act:active{
background: url(../img/dot.png) no-repeat 9px 2px;
text-decoration: none;
}
/*
#nav ul li ul li.act {
text-decoration: underline;
}
*/
#nav ul li ul li:hover, #nav ul li ul li ul li:hover, #nav ul li ul li.act:hover, #nav ul li ul li ul li.act:hover{
background: url(../img/dot.png) no-repeat 10px 2px;
text-decoration: none;
}
/*
#nav ul li ul li.act ul li {
background: none;
font-weight: normal;
}
#nav ul li ul li:hover ul li {
background: none;
text-decoration: none;
}
*/
#nav ul li a {
display: block;
color: #333333;
height: 33px;
padding: 17px 0 0 25px;
text-decoration: none;
}
#nav ul li ul {
text-align: right;
padding: 10px 0 10px 0;
}
#nav ul li ul li {
width: 150px;
background: none;
text-transform: none;
height: auto;
}
#nav ul li ul li:active {
background: none;
}
#nav ul li ul li a {
display: inherit;
color: #333333;
height: 20px;
padding: 0 0 0 0;
text-decoration: none;
}
#nav ul li ul li ul {
text-align: right;
color: #000000;
}
#nav ul li ul li ul li {
padding-left: 0px;
}
#nav ul li ul li ul li a {
height: 20px;
padding: 0 0 0 0;
}
/* @end navi */
/* @group links */
a {
color: #333333;
text-decoration: none;
}
#social a {
color: #333333;
text-decoration: none;
font-weight: bold;
}
#social a:hover {
color: #000000;
}
ul#footernav li a, div#usernav a {
color: #ffffff;
text-decoration: none;
text-shadow: 0px -1px 0px #000000;
}
ul#footernav li a:hover, div#usernav a:hover {
color: #c3c3c3;
}
#pages a {
color: #333333;
text-decoration: none;
text-shadow: 0px 1px 0px #ffffff;
}
#pages a:hover {
color: #c3c3c3;
}
.product li a {
color: #333333;
text-decoration: none;
}
#content.yourcart ul li.a3 strong a:visited {
color: #333333;
text-decoration: none;
}
#pages a {
background: transparent url(../img/spritesbuttonsneu.png) no-repeat left -100px;
width: 28px;
height: 28px;
display: inline-block;
text-align: center;
padding-top: 5px;
color: #ffffff;
text-shadow: 0px 1px 0px #000000;
vertical-align: 0%;
}
#pages b {
vertical-align: middle;
}
#pages a:hover {
background: transparent url(../img/spritesbuttonsneu.png) no-repeat -30px -100px;
}
/*#pages a:active {
position: relative;
top: 1px;
}*/
/* @end links */
/* @group pages */
/* @group start */
#slider{}
#slider ul, #slider li {
margin:0;
padding:0;
height:519px;
overflow: hidden;
list-style:none;
}
#slider li {
width:780px;
height:519px;
overflow:hidden;
}
#prevBtn, #nextBtn {
display:block;
width:28px;
height:28px;
position:absolute;
background: transparent url(../img/spritesbuttonsneu.png) no-repeat left -100px;
right: 50px;
bottom: 10px;
}
#prevBtn:hover, #nextBtn:hover {
background: transparent url(../img/spritesbuttonsneu.png) no-repeat -30px -100px;
}
#prevBtn:active, #nextBtn:active {
background: transparent url(../img/spritesbuttonsneu.png) no-repeat -30px -99px;
}
#nextBtn {
right: 16px;
}
#prevBtn a, #nextBtn a {
display:block;
padding: 6px 11px;
font-size: 12px;
text-decoration: none;
color: #ffffff;
text-shadow: 0px 1px 0px #000000;
font-weight: normal;
}
#prevBtn a:hover, #nextBtn a:hover {
color: #c3c3c3;
}
#special {
position: relative;
width: 780px;
height: 238px;
background: transparent url(../img/bgspecial.png) repeat-x left top;
}
#special img.specialimg {
width: 238px;
height: 238px;
float: left;
}
#special h2.specialhl {
width: 542px;
height: 80px;
background: transparent url(../img/specialhl.png) no-repeat left 25px;
text-indent: -9999px;
float: left;
}
#special ul {
width: 542px;
height: 158px;
float: left;
}
#special ul li {
width: 271px;
padding-top: 30px;
float: left;
}
#special ul li:first-child {
background: transparent url(../img/pfeil.png) no-repeat 235px bottom;
}
#special ul li h3 {
font-size: 18px;
font-weight: normal;
line-height: 1.3em;
}
#special ul li h3 a {
color: #333333;
text-decoration: none;
margin-top: 15px;
}
#special ul li p {
line-height: 1.4em;
}
#special #specialprice {
position:absolute;
width: 220px;
height: 105px;
top: 110px;
right: 30px;
font-size: 24px;
color: #e6e6e6;
text-shadow: 0px 1px 0px #000000;
z-index: 1000;
background: transparent url(../img/bgliveshopping.png) no-repeat left top;
}
#special #specialprice #countdown {
position: absolute;
top: 36px;
left: 29px;
line-height: 23px;
height: 50px;
font-size: 24px;
}
#special #specialprice #sprice {
position: absolute;
width: 100px;
text-align: center;
top: 77px;
right: 5px;
font-weight: normal;
font-size: 18px;
color: #000000;
text-shadow: 0px 1px 0px #d64d4d;
}
#special #specialprice #sline {
position: absolute;
width: 220px;
height: 3px;
top: 45px;
left: 0px;
background: transparent url(../img/liveshoppingline.png) no-repeat left top;
}
#special #specialprice #liveshoppingled {
position: absolute;
width: 8px;
height: 6px;
top: 8px;
right: 10px;
background: transparent url(../img/liveshoppingled.gif) no-repeat left top;
z-index: 3333;
}
.countdown_row {
display:inline;
}
#morespecial {
position: relative;
width: 780px;
height: 82px;
}
#morespecial h3 {
position: absolute;
width: 820px;
height: 82px;
left: -20px;
background: transparent url(../img/bgmorespecial.png) no-repeat left top;
text-indent: -9999px;
z-index: 2000;
overflow: hidden;
}
#morespecial h3 a {
display: block;
height: 80px;
text-align: left;
}
#pro {
width: 780px;
height: 300px;
background: transparent url(../img/bgpro.png) repeat-x left top;
line-height: 1.4em;
text-shadow: 0px 1px 0px #ffffff;
}
#pro ul {
width: 735px;
height: 280px;
background: transparent url(../img/pro.png) no-repeat left top;
padding-left: 45px;
}
#pro ul li {
width: 225px;
margin: 20px 10px 0 10px;
float: left;
}
#pro ul li p {
margin-bottom: 20px;
}
#pro p.sichereinkaufen {
background: transparent url(../img/prosichereinkaufen.png) no-repeat left top;
}
#pro p.versandkostenfrei {
background: transparent url(../img/proversandkostenfrei.png) no-repeat left top;
}
#pro p.schnellversand {
background: transparent url(../img/proschnellversand.png) no-repeat left top;
}
#pro p.verfuegbarkeit {
background: transparent url(../img/proverfuegbarkeit.png) no-repeat left top;
}
#pro p.kundenhotline {
background: transparent url(../img/prokundenhotline.png) no-repeat left top;
}
#pro p.rabatt {
background: transparent url(../img/prorabatt.png) no-repeat left top;
}
#pro p {
text-indent: 20px;
}
#social {
width: 100%;
height: 133px;
background: transparent url(../img/bgsocial.png) repeat-x left top;
margin-top: -11px;
font-size: 18px;
line-height: 1.3em;
text-shadow: 0px 1px 0px #fff0b3;
}
#social p#twitter {
width: 210px;
padding: 37px 25px 27px 240px;
background: transparent url(../img/pfeilsocial.png) no-repeat left center;
float: left;
margin-top: 0px;
}
#social p#newsletter {
width: 210px;
padding: 37px 40px 27px 55px;
background: transparent url(../img/pfeil.png) no-repeat left 20px;
float: left;
margin-top: 0px;
}
#tagcloud {
height: 210px;
line-height: 1.3em;
margin-bottom: -11px;
background: transparent url(../img/bgtags.png) repeat-x left top;
text-shadow: 0px 1px 0px #ffffff;
}
#tagcloud ul {
text-align: center;
}
#tagcloud ul li {
display: inline;
}
#tagcloud h4 {
font-size: 13px;
margin-bottom: 10px;
}
#tagcloud #taglist h4 {
margin-bottom: 20px;
}
#tagcloud #brandlist, #tagcloud #taglist {
width: 350px;
padding: 20px;
float: left;
}
#tagcloud #brandlist a {
font-size: 16px;
margin-right: 10px;
}
#tagcloud #brandlist a:hover {
color: #000000;
}
#tagcloud #taglist {
background: transparent url(../img/bgtagcloud.png) no-repeat left center;
padding-bottom: 40px;
}
#tagcloud #taglist a {
display: inline-block;
line-height: 20px;
}
#social abbr {
border-bottom: 1px dotted #333333;
font-weight: bold;
}
#social abbr:hover {
cursor: help;
}
/* @end start */
/* @group productlist */
.productlist {
padding-left: 10px;
background: transparent url(../img/rauch.png) no-repeat left top;
}
.productlist h2 {
padding: 90px 20px 20px 10px;
text-shadow: 0px 1px 0px #ffffff;
line-height: 1.3em;
font-size: 24px;
}
.productlist h2 span {
color: #666666;
}
.productlist p.productinfo {
margin: 0px 20px 20px 10px;
}
.productlist p {
margin: 0px 20px 20px 10px;
text-shadow: 0px 1px 0px #ffffff;
}
.products {
padding-left: 10px;
}
.product {
position: relative;
float: left;
width: 190px;
min-height: 280px;
}
.productimg {
position: relative;
width: 170px;
height: 170px;
margin: 10px;
background: #ffffff;
text-align: center;
-webkit-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0px 2px 3px #666666;
box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.5);
filter: progid:DXImageTransform.Microsoft.Shadow(color='#666666', Direction=135, Strength=3);
}
.product .productimg a {
display: block;
}
.productimg img {
position: relative;
max-width: 170px;
max-height: 170px;
/* margin: 10px; */
z-index: 1100;
margin: auto auto;
}
.productimg .productbordertop {
position: absolute;
top: 0px;
left: 0px;
width: 170px;
height: 10px;
z-index: 1111;
background: transparent url(../img/productbordertop.png) no-repeat left top;
}
.productimg .productborderleft {
position: absolute;
top: 10px;
left: 0px;
width: 10px;
height: 150px;
z-index: 1111;
background: transparent url(../img/productborderleftright.png) no-repeat left top;
}
.productimg .productborderright {
position: absolute;
top: 10px;
right: 0px;
width: 10px;
height: 150px;
z-index: 1111;
background: transparent url(../img/productborderleftright.png) no-repeat left top;
}
.productimg .productborderbottom {
position: absolute;
bottom: -10px;
left: 0px;
margin: 0 0 10px 0;
width: 170px;
height: 10px;
z-index: 1111;
background: transparent url(../img/productborderbottom.png) no-repeat left top;
}
/* .productimg:active {
position: relative;
top: 1px;
}*/
.product ul {
margin-left: 20px;
font-size: 13px;
font-weight: normal;
line-height: 1.3em;
text-shadow: 0px 1px 0px #ffffff;
}
.product ul li:first-child {
font-weight: bold;
}
.product li span {
font-size: 10px;
}
.product ul li .productOldPrice {
color: #c61313;
display: block;
font-size: 13px;
background: transparent url(../img/oldprice.png) no-repeat left top;
text-shadow: none;
}
.newproduct {
position: absolute;
width: 80px;
height: 80px;
top: -7px;
left: -7px;
background: transparent url(../img/newproducts.png) no-repeat left top;
z-index: 1200;
}
#pages {
position: relative;
width: 740px;
margin: 20px 20px 20px 10px;
text-align: left;
}
#pages .pagesleft, #pages .pagesright {
width: 46%;
margin-top: 16px;
display: block;
float: left;
}
#pages .pagesright {
float: right;
margin-top: 0px;
text-align: right;
}
.brandslisting {
background: #000000;
color: #ffffff;
text-shadow: none;
}
/* @end productlist */
/* @group categorielist */
#contentspecialstart {
position: relative;
z-index: 100;
padding-left: 10px;
font-size: 13px;
font-weight: normal;
}
#contentspecialstart h2 {
padding: 90px 20px 20px 20px;
text-shadow: 0px 1px 0px #ffffff;
line-height: 1.3em;
font-size: 24px;
}
#contentspecialstart .product {
position: relative;
float: left;
width: 190px;
min-height: 320px;
}
#alsopurchased {
position: relative;
z-index: 100;
padding-left: 10px;
font-size: 13px;
font-weight: normal;
background: transparent url(../img/bgalsopurchased.png) no-repeat left top;
}
#alsopurchased h3 {
font-size: 18px;
margin: 20px 10px 20px 10px;
}
#productreviews {
position: relative;
z-index: 100;
padding-left: 10px;
font-size: 13px;
font-weight: normal;
background: #d4d4d4 url(../img/bgreviews.png) repeat-x left top;
text-shadow: 0px 1px 0px #ffffff;
}
#productreviews h3 {
font-size: 18px;
padding: 20px 10px 20px 10px;
}
#productreviews .jacket {
padding: 0px 10px 10px 10px;
}
#productreviews .reviewborder {
width: 740px;
height: 2px;
background: transparent url(../img/border.png) no-repeat left top;
}
#productreviews .row {
position: relative;
}
#productreviews .rating {
position: absolute;
top: -5px;
right: 8px;
}
#contentboxspecial {
position: relative;
z-index: 100;
padding-left: 10px;
font-size: 13px;
font-weight: normal;
padding-top: 23px;
top: -22px;
background: transparent url(../img/bgcontentboxspecial.png) no-repeat left top;
}
#contentboxspecial h2 {
padding: 90px 20px 20px 20px;
text-shadow: 0px 1px 0px #ffffff;
line-height: 1.3em;
font-size: 24px;
}
#contentboxspecial h3 {
padding: 20px 20px 20px 10px;
text-shadow: 0px 1px 0px #ffffff;
}
#contentboxspecial #manufacturer {
padding: 20px 20px 10px 20px;
margin-left:-10px;
text-shadow: 0px 1px 0px #ffffff;
line-height:1.3em;
background: transparent url(../img/bgmanufacturer.png) no-repeat left top;
}
#contentboxspecial #manufacturer .colleft {
width:360px;
padding-right:20px;
float:left;
}
#contentboxspecial #manufacturer .colright {
width:360px;
float:left;
}
#contentboxspecial #manufacturer p {
padding: 0px 0px 1.3em 0px;
text-shadow: 0px 1px 0px #ffffff;
line-height:1.3em;
}
#contentboxspecial #manufacturer a {
text-decoration:underline;
}
#categoriecontent {
position: relative;
z-index: 100;
font-size: 13px;
font-weight: normal;
min-height: 200px;
}
.categorielist {
padding-left: 10px;
background: transparent url(../img/rauch.png) no-repeat left top;
padding-bottom: 20px;
}
.categorielist h2 {
padding: 90px 0px 10px 10px;
text-shadow: 0px 1px 0px #ffffff;
line-height: 1.3em;
font-size: 24px;
float: left;
}
.categorielist h2 span {
color: #666666;
}
.categorielist h3 {
padding: 90px 0px 0px 0px;
text-shadow: 0px 1px 0px #ffffff;
line-height: 1.3em;
font-size: 24px;
color: #666666;
float: left;
}
.categorielist p {
margin: 0px 10px 10px 10px;
text-shadow: 0px 1px 0px #ffffff;
line-height: 1.3em;
}
.categorielist p a {
font-weight: normal;
text-decoration: underline;
}
.categorielist p.cat {
margin: 0px 10px 10px 10px;
text-shadow: 0px 1px 0px #ffffff;
line-height: 30px;
}
.categorielist p.cat a {
text-decoration: none;
white-space:nowrap;
}
.categorielist ul, .categorielist h3 {
margin: 0px 10px 10px 10px;
}
.listicewatch {
background: transparent url(../img/bglistingicewatch.jpg) no-repeat left top;
}
.listjacqueslemans {
background: transparent url(../img/bglistingjacqueslemans.jpg) no-repeat right top;
}
.listcalvinklein {
background: transparent url(../img/bglistingcalvinkleinuhr.jpg) no-repeat right top;
}
.listjustcavalli {
background: transparent url(../img/bglistingjustcavalli.jpg) no-repeat right top;
}
.listxen {
background: transparent url(../img/bglistingxen.jpg) no-repeat right top;
}
.listsector {
background: transparent url(../img/bglistingsector2.jpg) no-repeat right top;
}
.listbettybarclay {
background: transparent url(../img/bglistingbettybarclay.jpg) no-repeat right top;
}
.listbrunobanani {
background: transparent url(../img/bglistingbrunobanani.jpg) no-repeat right top;
}
.listswatch {
background: transparent url(../img/bglistingswatch.jpg) no-repeat right top;
}
.listmoschino {
background: transparent url(../img/bglistingmoschino.jpg) no-repeat right top;
}
.listdolcegabbana {
background: transparent url(../img/bglistingdolcegabbana.jpg) no-repeat right top;
}
.listtokyoflash {
background: transparent url(../img/bglistingtokyoflash.jpg) no-repeat right top;
}
.listadidas {
background: transparent url(../img/bglistingadidas.jpg) no-repeat right top;
}
.listcasio {
background: transparent url(../img/bglistingcasio.jpg) no-repeat right top;
}
.listdkny {
background: transparent url(../img/bglistingdkny.jpg) no-repeat right top;
}
.listesprit {
background: transparent url(../img/bglistingesprit.jpg) no-repeat right top;
}
.listgucci {
background: transparent url(../img/bglistinggucci.jpg) no-repeat right top;
}
.listodm {
background: transparent url(../img/bglistingodm.jpg) no-repeat right top;
}
.listsoliver {
background: transparent url(../img/bglistingsoliver.jpg) no-repeat right top;
}
.listdiesel {
background: transparent url(../img/bglistingdiesel.jpg) no-repeat right top;
}
.listfossil {
background: transparent url(../img/bglistingfossil.jpg) no-repeat right top;
}
.listpuma {
background: transparent url(../img/bglistingpuma.jpg) no-repeat right top;
}
.listmichaelkors {
background: transparent url(../img/bglistingmichaelkors.jpg) no-repeat right top;
}
.listtokyoflash {
background: transparent url(../img/bglistingtokyoflash.jpg) no-repeat right top;
}
.listswatchbijoux {
background: transparent url(../img/bglistingswatchbijoux.jpg) no-repeat right top;
}
.listfossilschmuck {
background: transparent url(../img/bglistingfossil_schmuck.jpg) no-repeat right top;
}
.listmuttertag {
background: transparent url(http://www.mtrshop24.de/temp/muttertagbg.png) no-repeat right top;
}
/* @end categorielist */
/* @group single */
.single {
position: relative;
background: transparent url(../img/rauch.png) no-repeat left top;
}
.single h2 {
padding: 90px 20px 0px 30px;
text-shadow: 0px 1px 0px #ffffff;
line-height: 1.3em;
font-size: 24px;
font-weight: normal;
}
.single .articlenr {
padding: 0 0 0 30px;
text-shadow: 0px 1px 0px #ffffff;
font-size: 13px;
font-weight: normal;
display: block;
}
.single .productbig {
margin-left: 10px;
height: 400px;
float: left;
}
/* .single .productbig:active {
position: relative;
top: 1px;
} */
.single .productbigimg {
position: relative;
width: 360px;
height: 360px;
margin: 10px;
background: #ffffff;
text-align: center;
-webkit-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0px 2px 3px #666666;
box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.5);
filter: progid:DXImageTransform.Microsoft.Shadow(color='#666666', Direction=135, Strength=3);
}
.single .productbigimg a, .single .productsmallimg a, .single .productwideimg a, .single .producthighimg a {
display: block;
}
.single .productbigimg img {
position: relative;
max-width: 360px;
max-height: 350px;
margin-top: 10px;
z-index: 1100;
}
.single .productbigimg .productbigbordertop {
position: absolute;
top: 0px;
left: 0px;
width: 360px;
height: 10px;
z-index: 1111;
background: transparent url(../img/productbigbordertop.png) no-repeat left top;
}
.single .productbigimg .productbigborderleft {
position: absolute;
top: 10px;
left: 0px;
width: 10px;
height: 340px;
z-index: 1111;
background: transparent url(../img/productborderleftright.png) repeat-y left top;
}
.single .productbigimg .productbigborderright {
position: absolute;
top: 10px;
right: 0px;
width: 10px;
height: 340px;
z-index: 1111;
background: transparent url(../img/productborderleftright.png) repeat-y left top;
}
.single .productbigimg .productbigborderbottom {
position: absolute;
bottom: -10px;
left: 0px;
margin: 0 0 10px 0;
width: 360px;
height: 10px;
z-index: 1111;
background: transparent url(../img/productbigborderbottom.png) no-repeat left top;
}
.single .productsmall {
height: 400px;
width: 190px;
float: left;
}
/* .single .productsmallimg:active {
position: relative;
top: 1px;
}*/
.single .productsmallimg {
position: relative;
margin: 10px 10px 20px 10px;
width: 170px;
height: 170px;
background: #ffffff;
text-align: center;
-webkit-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0px 2px 3px #666666;
box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.5);
filter: progid:DXImageTransform.Microsoft.Shadow(color='#666666', Direction=135, Strength=3);
}
.single .productsmallimg img {
position: relative;
z-index: 1100;
max-width: 170px;
max-height: 170px;
}
.single .productsmallimg .productbordertop {
position: absolute;
top: 0px;
left: 0px;
width: 170px;
height: 10px;
z-index: 1111;
background: transparent url(../img/productbordertop.png) no-repeat left top;
}
.single .productsmallimg .productborderleft {
position: absolute;
top: 10px;
left: 0px;
width: 10px;
height: 150px;
z-index: 1111;
background: transparent url(../img/productborderleftright.png) no-repeat left top;
}
.single .productsmallimg .productborderright {
position: absolute;
top: 10px;
right: 0px;
width: 10px;
height: 150px;
z-index: 1111;
background: transparent url(../img/productborderleftright.png) no-repeat left top;
}
.single .productsmallimg .productborderbottom {
position: absolute;
bottom: -10px;
left: 0px;
margin: 0 0 10px 0;
width: 170px;
height: 10px;
z-index: 1111;
background: transparent url(../img/productborderbottom.png) no-repeat left top;
}
.single .producthigh {
height: 400px;
width: 190px;
float: left;
}
/* .single .producthigh:active {
position: relative;
top: 1px;
}*/
.single .producthighimg {
position: relative;
margin: 10px 10px 20px 10px;
width: 170px;
height: 360px;
background: #ffffff;
text-align: center;
-webkit-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0px 2px 3px #666666;
box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.5);
filter: progid:DXImageTransform.Microsoft.Shadow(color='#666666', Direction=135, Strength=3);
}
.single .producthighimg img {
position: relative;
z-index: 1100;
max-width: 170px;
max-height: 360px;
}
.single .producthighimg .producthighbordertop {
position: absolute;
top: 0px;
left: 0px;
width: 170px;
height: 10px;
z-index: 1111;
background: transparent url(../img/productbordertop.png) no-repeat left top;
}
.single .producthighimg .producthighborderleft {
position: absolute;
top: 10px;
left: 0px;
width: 10px;
height: 340px;
z-index: 1111;
background: transparent url(../img/productborderleftright.png) repeat-y left top;
}
.single .producthighimg .producthighborderright {
position: absolute;
top: 10px;
right: 0px;
width: 10px;
height: 340px;
z-index: 1111;
background: transparent url(../img/productborderleftright.png) repeat-y left top;
}
.single .producthighimg .producthighborderbottom {
position: absolute;
bottom: -10px;
left: 0px;
margin: 0 0 10px 0;
width: 170px;
height: 10px;
z-index: 1111;
background: transparent url(../img/productborderbottom.png) no-repeat left top;
}
.single .productwide {
margin-left: 10px;
height: 400px;
float: left;
}
/* .single .productwide:active {
position: relative;
top: 1px;
}*/
.single .productwideimg {
position: relative;
width: 550px;
height: 360px;
margin: 10px;
background: #ffffff;
text-align: center;
-webkit-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0px 2px 3px #666666;
box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.5);
filter: progid:DXImageTransform.Microsoft.Shadow(color='#666666', Direction=135, Strength=3);
}
.single .productwideimg img {
position: relative;
max-width: 550px;
max-height: 360px;
z-index: 1100;
}
.single .productwideimg .productwidebordertop {
position: absolute;
top: 0px;
left: 0px;
width: 550px;
height: 10px;
z-index: 1111;
background: transparent url(../img/productwidebordertop.png) no-repeat left top;
}
.single .productwideimg .productwideborderleft {
position: absolute;
top: 10px;
left: 0px;
width: 10px;
height: 340px;
z-index: 1111;
background: transparent url(../img/productborderleftright.png) repeat-y left top;
}
.single .productwideimg .productwideborderright {
position: absolute;
top: 10px;
right: 0px;
width: 10px;
height: 340px;
z-index: 1111;
background: transparent url(../img/productborderleftright.png) repeat-y left top;
}
.single .productwideimg .productwideborderbottom {
position: absolute;
bottom: -10px;
left: 0px;
margin: 0 0 10px 0;
width: 550px;
height: 10px;
z-index: 1111;
background: transparent url(../img/productwideborderbottom.png) no-repeat left top;
}
.single .singlepro {
width: 170px;
margin: 10px;
line-height: 1.3em;
font-weight: normal;
font-size: 18px;
float: left;
}
.single .singlepro ul {
margin-top: 50px;
}
.single .singlepro li {
margin-bottom: 10px;
text-shadow: 0px 1px 0px #ffffff;
}
.single .price {
position: absolute;
width: 126px;
height: 108px;
top: 90px;
left: 520px;
z-index: 2222;
text-align: center;
background: transparent url(../img/bgprice.png) no-repeat left top;
}
.single .price span.pricevalue {
position: relative;
z-index: 2300;
width: 126px;
top: 35px;
text-align: center;
font-size: 24px;
color: #ffffff;
font-weight: normal;
text-shadow: 0px 1px 0px #000000;
}
.single .price span.pricevalue .productOldPrice {
font-size: 24px;
text-decoration: line-through;
margin-bottom: 30px;
display: none;
}
.single .descneu .bigdesc .productOldPrice {
font-size: 24px;
background: none;
display: none;
}
.single .price .priceoverlay {
position: absolute;
z-index: 2400;
width: 126px;
height: 51px;
top: 0px;
left: 0px;
background: transparent url(../img/price.png) no-repeat left top;
}
.single span.pricetax {
position: absolute;
top: 126px;
right: 35px;
font-size: 10px;
font-weight: normal;
text-shadow: 0px 1px 0px #ffffff;
}
.single span.pricetax a {
text-decoration: underline;
}
.topborder {
width: 780px;
height: 2px;
background: transparent url(../img/border.png) no-repeat left top;
}
.single .descneu {
position: relative;
width: 760px;
padding: 0px 0px 20px 20px;
background: #e1e1e1 url(../img/pro.png) no-repeat 350px center;
text-shadow: 0px 1px 0px #ffffff;
font-size: 24px;
font-weight: bold;
min-height: 390px;
}
.single .descneu div.bigdesc {
position: absolute;
width: 350px;
height: 300px;
padding: 20px 20px 0px 0px;
right: 0px;
line-height: 1.3em;
}
.single .descneu .saveprice {
background: transparent url(../img/yourprice.png) no-repeat right top;
}
.single .descneu div.bigdesc span {
font-size: 18px;
font-weight: bold;
color: #666666;
}
.single .descneu div.bigdesc span.artnr {
font-size: 13px;
font-weight: normal;
color: #333333;
line-height: 1.3em;
}
.single .descneu div.bigdesc p.cntr {
text-align: center;
}
#productaccordion {
width: 335px;
margin: 20px 20px 0px -5px;
float: left;
line-height: 1.3em;
font-size: 13px;
font-weight: normal;
}
#productaccordion .box {
height: 290px;
overflow: hidden;
}
#productaccordion .box h3 {
background-image: url(../img/spritesbuttonsneu.png);
background-repeat: no-repeat;
background-position: -361px -300px;
color: #333333;
height: 30px;
font-size: 14px;
padding: 10px 0px 0px 15px;
}
/* #productaccordion .box h3:active {
// position: relative;
// top: 1px;
}*/
#productaccordion .box .productcontent {
height: 233px;
width: 300px;
overflow: auto;
padding: 5px 10px 5px 15px;
color: #333333;
}
#productaccordion .box .productcontent#shipping {
background: transparent url(../img/bgshipping.png) no-repeat 3px 5px;
height: 205px;
overflow: hidden;
padding-top: 28px;
color: #000000;
}
#productaccordion .box .productcontent#shipping p, #productaccordion .box .productcontent#shipping li {
line-height: 14px;
}
#productaccordion .box .productcontent.acccontent {
background: transparent url(../img/bgacccontent.png) no-repeat 5px top;
padding-top: 12px;
height: 226px;
}
#productaccordion .box .productcontent a {
text-decoration: underline;
color: #333333;
}
#productaccordion .box .productcontent ul {
margin-bottom: 1.3em;
}
#productaccordion .box .productcontent li {
list-style: disc;
margin-left: 20px;
}
.contentsmall {
font-size: 10px;
text-shadow: 0px 0px 5px #ffffff;
}
#productaccordion .box .productcontent h3 {
padding: 0 0;
background: none;
cursor: inherit;
}
#productaccordion .box .productcontent p {
margin-bottom: 1.3em;
}
.single .descneu .intocart {
position: absolute;
bottom: 10px;
right: 15px;
width: 355px;
height: 70px;
margin: 20px 0px 10px 0px;
float: left;
}
.single .descneu .intocart input[type="text"] {
position: absolute;
width: 60px;
height: 40px;
bottom: 3px;
background: transparent url(../img/spritesbuttonsneu.png) no-repeat -604px top;
margin-top: 20px;
border: 0px;
font-family: Helvetica, Arial, sans-serif;
font-size: 24px;
font-weight: bold;
float: left;
color: #c6c6c6;
text-align: center;
}
.single .descneu .intocart input[type="text"]:focus {
background: transparent url(../img/spritesbuttonsneu.png) no-repeat -666px top;
}
.single .descneu .intocart input[type="submit"] {
position: absolute;
width: 288px;
height: 48px;
bottom: 0px;
right: 0px;
background: transparent url(../img/spritesbuttonsneu.png) no-repeat -60px -100px;
border: 0px;
font-family: Helvetica, Arial, sans-serif;
font-size: 24px;
font-weight: bold;
color: #333333;
text-shadow: 0px 1px 0px #ffffff;
text-align: center;
margin-left: 5px;
}
.single .descneu .intocart input[type="submit"]:focus, .single .desc .intocart input[type="submit"]:active {
background: transparent url(../img/spritesbuttonsneu.png) no-repeat -350px -100px;
}
.single .descneu .intocart span {
position: relative;
font-size: 11px;
text-transform: uppercase;
font-weight: normal;
display: block;
}
.single .descneu .intocart span .tweet-this {
position: absolute;
right: -3px;
top: -6px;
background: #ffffff url(../img/tweetthis.png) no-repeat right 1px;
padding-right: 22px;
}
.single .descneu .intocart img {
position: relative;
top: -2px;
}
/*
.single .desc {
position: relative;
width: 710px;
padding: 20px 20px 20px 50px;
background: #e1e1e1 url(../img/pro.png) no-repeat left center;
text-shadow: 0px 1px 0px #ffffff;
font-size: 24px;
font-weight: bold;
}
.single .desc p {
line-height: 1.3em;
}
.single .desc .detail {
width: 335px;
margin: 20px 20px 10px 0px;
float: left;
line-height: 1.3em;
font-size: 13px;
font-weight: normal;
}
.single .desc .intocart {
position: absolute;
bottom: 10px;
right: 15px;
width: 355px;
height: 80px;
margin: 20px 0px 10px 0px;
float: left;
}
.single .desc .intocart input[type="text"] {
position: absolute;
width: 60px;
height: 40px;
bottom: 4px;
background: transparent url(../img/spritesbuttonsneu.png) no-repeat -604px top;
margin-top: 20px;
border: 0px;
font-family: Helvetica, Arial, sans-serif;
font-size: 24px;
font-weight: bold;
float: left;
color: #c6c6c6;
text-align: center;
}
.single .desc .intocart input[type="text"]:focus {
background: transparent url(../img/spritesbuttonsneu.png) no-repeat -666px top;
}
.single .desc .intocart input[type="submit"] {
position: absolute;
width: 288px;
height: 48px;
bottom: 0px;
right: 0px;
background: transparent url(../img/spritesbuttonsneu.png) no-repeat -60px -100px;
border: 0px;
font-family: Helvetica, Arial, sans-serif;
font-size: 24px;
font-weight: bold;
color: #333333;
text-shadow: 0px 1px 0px #ffffff;
text-align: center;
margin-left: 5px;
}
.single .desc .intocart input[type="submit"]:focus, .single .desc .intocart input[type="submit"]:active {
background: transparent url(../img/spritesbuttonsneu.png) no-repeat -350px -100px;
}
.single .desc .intocart span {
font-size: 11px;
text-transform: uppercase;
font-weight: normal;
}
.single .desc .intocart img {
position: relative;
top: 3px;
}
*/
/* @end single */
/* @group yourcart */
.yourcart {
position: relative;
text-shadow: 0px 1px 0px #ffffff;
background: transparent url(../img/rauch.png) no-repeat left top;
margin-bottom: 20px;
}
.yourcart h2 {
padding: 90px 20px 0px 20px;
text-shadow: 0px 1px 0px #ffffff;
line-height: 1.3em;
font-size: 24px;
font-weight: bold;
}
.yourcart p {
margin-left: 20px;
}
.yourcart .col {
width: 380px;
margin: 40px 0 0 0px;
float: left;
}
.yourcart .col2 {
width: 380px;
margin: 40px 0 0 10px;
float: left;
font-size: 13px;
line-height: 1.3em;
}
.yourcart .col2 p {
margin: 20px 0 0 20px;
}
.yourcart ul.hl {
height: 15px;
padding: 0px 20px 0px 20px;
}
.yourcart ul.hl2 {
height: 15px;
padding: 20px 20px 0px 20px;
}
.yourcart ul {
padding: 20px 20px 0px 20px;
}
.yourcart ul li {
font-size: 18px;
font-weight: normal;
}
.yourcart ul li span{
font-size: 13px;
font-weight: normal;
}
.yourcart ul.hl li {
font-size: 13px;
font-weight: normal;
margin-top: 10px;
}
.yourcart ul.hl2 li {
font-size: 13px;
font-weight: normal;
margin-top: 10px;
}
.yourcart ul.hl2 li:first-child {
font-size: 24px;
font-weight: bold;
margin-top: 0px;
}
.yourcart ul li {
margin-right: 20px;
float: left;
}
.yourcart ul li.a1 {
width: 170px;
}
.yourcart ul li.a2 {
width: 60px;
}
.yourcart ul li.a3 {
width: 170px;
}
.yourcart ul li.a4 {
width: 90px;
}
.yourcart ul li.a5 {
width: 90px;
}
.yourcart ul li.a6 {
width: 60px;
margin-right: 0px;
}
.yourcart ul li.a3 .markProductOutOfStock {
color: #c61313;
}
.yourcart .productimg {
position: relative;
width: 170px;
height: 170px;
-webkit-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0px 2px 3px #666666;
box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.5);
margin: 0px;
filter: progid:DXImageTransform.Microsoft.Shadow(color='#666666', Direction=135, Strength=3);
}
.yourcart .productimg a {
display: block;
}
.yourcart .productimg img {
position: relative;
margin: 0px;
z-index: 1100;
}
.yourcart .productimg .productbordertop {
position: absolute;
top: 0px;
left: 0px;
width: 170px;
height: 10px;
z-index: 1111;
background: transparent url(../img/productbordertop.png) no-repeat left top;
}
.yourcart .productimg .productborderleft {
position: absolute;
top: 10px;
left: 0px;
width: 10px;
height: 150px;
z-index: 1111;
background: transparent url(../img/productborderleftright.png) no-repeat left top;
}
.yourcart .productimg .productborderright {
position: absolute;
top: 10px;
right: 0px;
width: 10px;
height: 150px;
z-index: 1111;
background: transparent url(../img/productborderleftright.png) no-repeat left top;
}
.yourcart .productimg .productborderbottom {
position: absolute;
bottom: -10px;
left: 0px;
margin: 0 0 10px 0;
width: 170px;
height: 10px;
z-index: 1111;
background: transparent url(../img/productborderbottom.png) no-repeat left top;
}
.yourcart ul li.a2 input {
width: 60px;
height: 40px;
background: transparent url(../img/spritesbuttonsneu.png) no-repeat -604px top;
border: 0px;
font-family: Helvetica, Arial, sans-serif;
font-size: 24px;
font-weight: bold;
color: #c6c6c6;
text-align: center;
}
.yourcart ul li.a2 input:focus {
background: transparent url(../img/spritesbuttonsneu.png) no-repeat -666px top;
}
.yourcart .topborder, .yourcart .bottomborder {
width: 740px;
margin-left: 20px;
height: 2px;
background: transparent url(../img/border.png) no-repeat left top;
}
.yourcart .bottomborder {
margin-top: 20px;
}
.yourcart ul.hb {
height: 48px;
}
.yourcart ul.hb li.a1 {
width: 250px;
}
.yourcart ul.hb li.a2 {
width: 450px;
height: 48px;
text-align: right;
}
.yourcart input.reload {
width: 49px;
height: 48px;
background: transparent url(../img/spritesbuttonsneu.png) no-repeat -640px -100px;
border: 0px;
font-family: Helvetica, Arial, sans-serif;
font-size: 24px;
font-weight: bold;
color: #333333;
text-shadow: 0px 1px 0px #ffffff;
text-align: center;
margin-left: -4px;
margin-right: 8px;
}
.yourcart input.reload:active {
// position: relative;
// top: 1px;
background: transparent url(../img/spritesbuttonsneu.png) no-repeat -690px -100px;
}
.yourcart .continue a {
width: 117px;
height: 48px;
background: transparent url(../img/spritesbuttonsneu.png) no-repeat -428px -50px;
border: 0px;
padding: 10px 24px;
margin-left: -5px;
font-family: Helvetica, Arial, sans-serif;
font-size: 24px;
font-weight: bold;
color: #333333;
text-shadow: 0px 1px 0px #ffffff;
text-align: center;
text-decoration: none;
}
.yourcart .continue a:active {
background: transparent url(../img/spritesbuttonsneu.png) no-repeat -547px -50px;
// position: relative;
// top: 1px;
}
.yourcart #gift, .yourcart .continue {
margin: 20px;
}
#infomessage {
position: relative;
width: 718px;
padding: 5px 10px;
margin: 0px 0 20px 20px;
background: #e28989;
border: 1px solid #ffb7b7;
color: #ffffff;
-webkit-box-shadow: 0px 0px 5px #999999;
-webkit-border-radius: 6px;
box-shadow: 0px 0px 5px #999999;
text-shadow: none;
line-height: 1.3em;
}
#infomessage .close {
position: absolute;
width: 20px;
height: 19px;
padding-top: 2px;
font-size: 10px;
text-align: center;
background: transparent url(../img/bgclose.png) no-repeat left top;
top: 5px;
right: 5px;
cursor: pointer;
display: none;
text-shadow: 0px -1px 0px #000000;
}
/* @end yourcart */
/* @group login */
.login {
position: relative;
background: transparent url(../img/rauch.png) no-repeat left top;
text-shadow: 0px 1px 0px #ffffff;
margin-bottom: 20px;
}
.login h2 {
font-size: 24px;
padding: 90px 20px 0px 20px;
}
.login h3 {
font-size: 13px;
padding-bottom: 10px;
}
.login p {
padding-bottom: 20px;
line-height: 1.3em;
}
.login .col {
width: 360px;
margin: 40px 0 0 20px;
float: left;
}
.login input[type="text"], .login input[type="password"],
.register input[type="text"], .register input[type="password"],
.other input[type="text"], .other input[type="password"],
.checkout input[type="text"], .checkout input[type="password"],
.yourcart .giftinput input,
.other input[name=vvcode]
{
width: 178px;
height: 25px;
border: 0px;
background: #f9f9f9;
margin: 0 0 10px 0px;
-webkit-border-radius: 5px;
-webkit-box-shadow: 0px 0px 6px #999999;
-moz-border-radius: 5px;
-moz-box-shadow: 0px 0px 6px #999999;
box-shadow: 0px 0px 6px #999999;
font-family: Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: normal;
color: #c6c6c6;
text-indent: 3px;
text-align: left;
}
.login input[type="text"]:hover, .login input[type="password"]:hover,
.register input[type="text"]:hover, .register input[type="password"]:hover,
.other input[type="text"]:hover, .other input[type="password"]:hover,
.checkout input[type="text"]:hover, .checkout input[type="password"]:hover,
.yourcart .giftinput input:hover {
-webkit-box-shadow: 0px 0px 3px #999999;
-moz-box-shadow: 0px 0px 3px #999999;
box-shadow: 0px 0px 3px #999999;
}
.login input[type="text"]:focus, .login input[type="password"]:focus,
.register input[type="text"]:focus, .register input[type="password"]:focus,
.other input[type="text"]:focus, .other input[type="password"]:focus,
.checkout input[type="text"]:focus, .checkout input[type="password"]:focus,
.yourcart .giftinput input:focus {
-webkit-box-shadow: 0px 0px 10px #f7d206;
-moz-box-shadow: 0px 0px 10px #f7d206;
box-shadow: 0px 0px 10px #f7d206;
background: #ffffff;
}
.yourcart .giftsubmit input {
height: 28px;
background: #e9e9e9;
border: 0px;
margin: 0 0 10px 10px;
border: 1px solid #ffffff;
-webkit-border-radius: 5px;
-webkit-box-shadow: 0px 0px 6px #999999;
-moz-border-radius: 5px;
-moz-box-shadow: 0px 0px 6px #999999;
box-shadow: 0px 0px 6px #999999;
font-family: Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: bold;
color: #333333;
text-shadow: 0px 1px 0px #ffffff;
text-align: center;
}
.yourcart .giftsubmit input:focus {
-webkit-box-shadow: 0px 0px 3px #999999;
-moz-box-shadow: 0px 0px 3px #999999;
box-shadow: 0px 0px 3px #999999;
}
div.label {
width: 168px;
float: left;
margin: 6px 10px 0px 0px;
}
.login input[type="submit"],
.register input[type="submit"],
.other input[type="submit"] {
width: 180px;
height: 25px;
background: #e9e9e9;
border: 0px;
margin: 0 0 10px 0px;
border: 1px solid #ffffff;
-webkit-border-radius: 5px;
-webkit-box-shadow: 0px 0px 6px #999999;
-moz-border-radius: 5px;
-moz-box-shadow: 0px 0px 6px #999999;
box-shadow: 0px 0px 6px #999999;
font-family: Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: bold;
color: #333333;
text-shadow: 0px 1px 0px #ffffff;
text-align: center;
}
.login input[type="submit"]:active, .login input[type="submit"]:focus,
.register input[type="submit"]:active, .register input[type="submit"]:focus,
.other input[type="submit"]:active, .other input[type="submit"]:focus {
-webkit-box-shadow: 0px 0px 3px #999999;
-moz-box-shadow: 0px 0px 3px #999999;
box-shadow: 0px 0px 3px #999999;
}
.register select,
.other select,
.checkout select {
width: 180px;
height: 25px;
font-size: 14px;
margin: 0 0 20px 0px;
}
.checkout .forward, .other .forward {
width: 130px;
height: 48px;
background: transparent url(../img/spritesbuttonsneu.png) no-repeat -362px -200px;
border: 0px;
margin: 0 10px 20px 0px;
text-indent: -5px;
font-family: Helvetica, Arial, sans-serif;
font-size: 24px;
font-weight: bold;
color: #333333;
text-shadow: 0px 1px 0px #ffffff;
text-align: center;
text-decoration: none;
}
.checkout .forward:active, .other .forward:active {
background: transparent url(../img/spritesbuttonsneu.png) no-repeat -492px -200px;
// position: relative;
// top: 1px;
}
/* @end login */
/* @group register */
.register {
position: relative;
background: transparent url(../img/rauch.png) no-repeat left top;
text-shadow: 0px 1px 0px #ffffff;
margin-bottom: 20px;
}
.register h2 {
font-size: 24px;
padding: 90px 20px 0px 20px;
}
.register h3 {
font-size: 13px;
padding-bottom: 10px;
}
.register p {
padding-bottom: 10px;
line-height: 1.3em;
}
.register .col {
width: 360px;
margin: 40px 0 0 20px;
float: left;
}
.register .col2 {
width: 360px;
margin: 90px 0 0 20px;
float: left;
font-size: 14px;
line-height: 1.3em;
}
.register .jacket {
padding: 0px 10px 10px 10px;
}
span.inputRequirement {
position: relative;
width: 0px;
top: 0px;
left: -10px;
height: 0px;
display: none;
}
.register .ttldiv {
position: absolute;
width: 250px;
background: #c6c6c6;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-webkit-box-shadow: 0px 0px 5px #999999;
-moz-box-shadow: 0px 0px 5px #999999;
box-shadow: 0px 0px 5px #999999;
border: 1px solid #e6e6e6;
padding: 5px;
text-align: center;
font-size: 14px;
font-weight: bold;
line-height: 1.3em;
display: none;
}
/* @end register */
/* @group account */
.account {
position: relative;
background: transparent url(../img/rauch.png) no-repeat left top;
text-shadow: 0px 1px 0px #ffffff;
margin-bottom: 20px;
padding-left: 10px;
}
.account h2 {
font-size: 24px;
padding: 90px 20px 10px 10px;
}
.account h3 {
padding: 0 20px 10px 10px;
}
.account p {
padding: 0px 10px 10px 10px;
}
.account ul.edit {
padding: 0 10px;
}
.account .col {
width: 370px;
margin: 40px 0 0 0px;
float: left;
}
.account .col .edit li {
height: 30px;
}
.account .col2 {
width: 360px;
margin: 40px 0 0 20px;
float: left;
}
.account .confirmationEdit {
font-size: 10px;
text-transform: uppercase;
margin-bottom: 20px;
}
.account #infomessage {
width: 720px;
// padding: 10px;
margin: 0px 0px 20px 10px;
}
.register #infomessage {
width: 720px;
// padding: 10px;
top: 80px;
// margin: 80px 0px 20px 20px;
}
.login #infomessage {
width: 720px;
// padding: 10px;
top: 20px;
// margin: 80px 0px 20px 20px;
}
/* @end account */
/* @group other */
.other {
position: relative;
background: transparent url(../img/rauch.png) no-repeat left top;
text-shadow: 0px 1px 0px #ffffff;
margin-bottom: 20px;
padding-left: 10px;
}
.other h2 {
font-size: 24px;
padding: 90px 20px 30px 10px;
}
.other h3 {
padding: 0 20px 10px 10px;
}
.other .adress {
font-size: 18px;
font-weight: bold;
padding: 0px 10px 10px 10px;
}
.other .jacket {
padding: 0px 10px 10px 10px;
}
.other .change {
margin-top: 10px;
}
.other p {
padding: 0px 10px 10px 10px;
}
.other .col {
width: 360px;
margin: 40px 0 0 10px;
float: left;
}
.other .col2 {
width: 360px;
margin: 40px 0 0 20px;
float: left;
}
.other #infomessage {
width: 720px;
// padding: 10px;
margin: 0px 0px 20px 10px;
}
.other #articleblock {
padding: 10px 0px 10px 20px;
margin: 0px 0px 10px -10px;
background: #e6e6e6;
border-top: 1px solid #999999;
border-bottom: 1px solid #999999;
}
.other textarea {
width: 350px;
height: 165px;
background: transparent url(../img/spritesbuttonsneu.png) no-repeat 0px -200px;
border: 0px;
margin: 0 0 16px 0px;
padding: 5px;
font-family: Helvetica, Arial, sans-serif;
font-size: 24px;
font-weight: bold;
color: #c6c6c6;
text-shadow: 0px 1px 0px #ffffff;
text-align: left;
resize:none;
}
.other ul.twoul li {
width: 50%;
float: left;
}
.reviews {
position: relative;
background: transparent url(../img/rauch.png) no-repeat left top;
text-shadow: 0px 1px 0px #ffffff;
margin-bottom: 20px;
padding-left: 10px;
}
.reviews h2 {
font-size: 24px;
padding: 90px 20px 30px 10px;
}
.reviews .row .left {
width: 200px;
float: left;
}
.reviews .row .left .product {
position: relative;
min-height: 195px !important;
}
.reviews .row .left .product .reviewrating {
position: absolute;
bottom: 25px;
left: 20px;
z-index: 3000;
}
.reviews .row .right {
width: 450px;
float: left;
}
.reviews .row .right h3 {
margin-left: 0px;
padding: 20px 20px 10px 0px;
}
.reviews textarea {
width: 350px;
height: 165px;
background: transparent url(../img/spritesbuttonsneu.png) no-repeat 0px -200px;
border: 0px;
margin: 0 0 16px 10px;
padding: 5px;
font-family: Helvetica, Arial, sans-serif;
font-size: 24px;
font-weight: bold;
color: #c6c6c6;
text-shadow: 0px 1px 0px #ffffff;
text-align: left;
resize:none;
}
.reviews ul.twoul li {
width: 50%;
float: left;
}
.reviews ul.twoul li p {
padding-left: 10px;
}
.reviews ul.threeul li {
width: 22%;
float: left;
}
.reviews ul.threeul li:first-child {
width: 50%;
float: left;
}
.reviews ul.threeul li p {
padding-left: 10px;
}
.reviews input[type=submit] {
height: 28px;
background: #e9e9e9;
border: 0px;
margin: 0 0 10px 10px;
border: 1px solid #ffffff;
-webkit-border-radius: 5px;
-webkit-box-shadow: 0px 0px 6px #999999;
-moz-border-radius: 5px;
-moz-box-shadow: 0px 0px 6px #999999;
box-shadow: 0px 0px 6px #999999;
font-family: Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: bold;
color: #333333;
text-shadow: 0px 1px 0px #ffffff;
text-align: center;
}
.reviews input[type=submit]:focus {
-webkit-box-shadow: 0px 0px 3px #999999;
-moz-box-shadow: 0px 0px 3px #999999;
box-shadow: 0px 0px 3px #999999;
}
.reviews .jacket {
margin: 0 0 0 10px;
}
/* @end other */
/* @group checkout */
.checkout {
position: relative;
text-shadow: 0px 1px 0px #ffffff;
}
.checkout h2 {
font-size: 24px;
padding: 90px 20px 30px 20px;
}
.checkout h3 {
padding: 0 20px 10px 20px;
}
.checkout #checkoutway {
height: 100px;
font-size: 18px;
font-weight: bold;
width: 100%;
background: transparent url(../img/bgcheckoutway.png) repeat-x left top;
}
.checkout #checkoutway ul {
margin: 0px 0px 0px -25px;
}
.checkout #checkoutway ul li {
height: 60px;
padding: 40px 45px 0px 45px;
float: left;
color: #333333;
text-shadow: 0px 1px 0px #ffffff;
background: transparent url(../img/pfeil.png) no-repeat center right;
}
.checkout #checkoutway ul li:last-child {
background: none;
}
.checkout #checkoutway ul li.act {
color: #ffffff;
text-shadow: 0px 1px 0px #000000;
}
.checkout .col {
width: 360px;
margin: 40px 0 0 10px;
float: left;
}
.checkout .col2 {
width: 360px;
margin: 40px 0 0 20px;
float: left;
}
.checkout ul.twoul li {
width: 50%;
float: left;
}
.checkout .forward, .other .forward {
width: 130px;
height: 48px;
background: transparent url(../img/spritesbuttonsneu.png) no-repeat -362px -200px;
border: 0px;
margin: 0 10px 20px 0px;
text-indent: -5px;
font-family: Helvetica, Arial, sans-serif;
font-size: 24px;
font-weight: bold;
color: #333333;
text-shadow: 0px 1px 0px #ffffff;
text-align: center;
text-decoration: none;
}
.checkout .forward:active, .other .forward:active {
// position: relative;
// top: 1px;
background: transparent url(../img/spritesbuttonsneu.png) no-repeat -492px -200px;
}
.checkout ul.twoul2 {
margin: 0px 20px 20px 20px;
}
.checkout ul.twoul2 li.a {
width: 20px;
float: left;
min-height: 20px;
}
.checkout ul.twoul2 li.b {
width: 330px;
float: left;
min-height: 20px;
}
.checkout p {
margin: 0px 20px 10px 20px;
}
.checkout textarea {
width: 350px;
height: 165px;
background: transparent url(../img/spritesbuttonsneu.png) no-repeat 0px -200px;
border: 0px;
margin: 0 0 16px 0px;
padding: 5px;
font-family: Helvetica, Arial, sans-serif;
font-size: 24px;
font-weight: bold;
color: #c6c6c6;
text-shadow: 0px 1px 0px #ffffff;
text-align: left;
resize:none;
}
.checkout iframe {
background: #e6e6e6;
width: 780px;
border-top: 1px solid #999999;
border-bottom: 1px solid #999999;
}
.checkout .total {
margin: 0 20px;
}
.checkout .sum {
margin: 0 20px;
border-bottom: 1px solid #999999;
}
.checkout #content.static {
background: none;
background: #e6e6e6;
border-top: 1px solid #999999;
border-bottom: 1px solid #999999;
}
.checkout #content.static p {
margin-left: 0px;
}
.checkout #content.static h2 {
font-size: 24px;
padding: 30px 20px 30px 10px;
}
.checkout #content.static .col2 {
width: 360px;
margin: 40px 0 0 30px;
float: left;
}
.checkout .checkbutton {
cursor: pointer;
margin-left: 20px;
}
.checkout #articleblock {
padding: 10px 0px;
background: #e6e6e6;
border-top: 1px solid #999999;
border-bottom: 1px solid #999999;
}
.checkout p.p14 {
font-size: 14px;
font-weight: bold;
}
.checkout p.p18 {
font-size: 18px;
font-weight: bold;
}
.checkout .confirmationEdit {
font-size: 10px;
text-transform: uppercase;
margin-bottom: 20px;
}
.checkoutbga {
background: transparent url(../img/bgcheckouta.jpg) no-repeat right top;
}
.checkoutbgb {
background: transparent url(../img/bgcheckoutb.jpg) no-repeat right top;
}
.checkoutbgc {
background: transparent url(../img/bgcheckoutc.jpg) no-repeat right top;
}
.checkoutbgd {
background: transparent url(../img/bgcheckoutd.jpg) no-repeat right top;
}
.checkout .jacket {
margin: 0 0 0 20px;
}
/* @end checkout */
/* @group static */
.static {
position: relative;
background: transparent url(../img/rauch.png) no-repeat left top;
text-shadow: 0px 1px 0px #ffffff;
margin-bottom: 20px;
padding-left: 10px;
line-height: 1.3em;
}
.static h2 {
font-size: 24px;
padding: 90px 20px 1.3em 10px;
}
.static h3 {
padding: 0 20px 1.3em 10px;
}
.static .col h3, .static .col2 h3 {
padding: 0 20px 1.3em 0px;
}
.static .adress {
font-size: 18px;
font-weight: bold;
padding: 0px 10px 10px 10px;
}
.static .jacket {
padding: 0px 10px 10px 10px;
}
.static .change {
margin-top: 10px;
}
.static p {
padding: 0px 10px 1.3em 0px;
}
.static .col {
width: 360px;
margin: 20px 0 0 10px;
float: left;
}
.static .col2 {
width: 360px;
margin: 20px 0 0 20px;
float: left;
}
.static ul.charges {
padding-left: 10px;
}
.static h3.charges {
padding-top: 10px;
padding-bottom: 10px;
font-size: 18px;
}
.static .last {
padding-bottom: 10px;
}
.static .first {
font-weight: bold;
padding-top: 10px;
}
.static .country {
font-size: 18px;
}
.border {
width: 740px;
margin-left: 10px;
height: 2px;
background: transparent url(../img/border.png) no-repeat left top;
}
.static p.p14 {
font-size: 14px;
font-weight: bold;
}
.static p.p18 {
font-size: 18px;
font-weight: bold;
}
.static p {
line-height: 1.3em;
}
.static h4 {
font-size: 18px;
padding: 0px 0px 1.3em 0px;
}
.static .free {
color: #c61313;
font-size: 14px;
font-weight: bold;
}
.static .charges li {
width: 25%;
float: left;
}
/* @end static */
/* @end pages */
.clear {
clear:both;
}
.rright {
text-align: right;
}
.ccenter {
text-align: center;
}
.inline {
display: inline;
}
#popupcontent {
text-align: left;
padding: 20px;
margin: 0px;
text-shadow: 0px 1px 0px #ffffff;
background: #9c9c9c url(../img/glass.png) no-repeat center top;
color: #333333;
text-shadow:0px 1px 0px #c3c3c3;
}
#popupcontent h2 {
font-size: 18px;
}
#mask {
background: #000000;
}
#popupcontent h2, #popupcontent p {
margin-bottom: 15px;
}
#tweet-it {
z-index: 9999;
}
.btn {
padding: 5px 7px;
margin-right: 7px;
background: #f9f9f9;
border: 1px solid #ffffff;
font-size: 10px;
font-weight: normal;
text-transform: uppercase;
text-decoration: none;
color: #999999;
vertical-align: top;
-webkit-border-radius: 5px;
-webkit-box-shadow: 0px 0px 3px #999999;
-moz-border-radius: 5px;
-moz-box-shadow: 0px 0px 3px #999999;
box-shadow: 0px 0px 3px #999999;
}
.btn:hover {
-webkit-box-shadow: 0px 0px 6px #999999;
-moz-box-shadow: 0px 0px 6px #999999;
box-shadow: 0px 0px 6px #999999;
color: #999999;
}
.btn:active {
// position: relative;
// top: 1px;
background: #fbfbfb;
-webkit-box-shadow: 0px 0px 3px #999999;
-moz-box-shadow: 0px 0px 3px #999999;
box-shadow: 0px 0px 3px #999999;
}
.spnbtn a {
padding: 5px 7px;
margin-right: 7px;
background: #f9f9f9;
border: 1px solid #ffffff;
font-size: 10px;
font-weight: normal;
text-transform: uppercase;
text-decoration: none;
color: #999999;
vertical-align: top;
-webkit-border-radius: 5px;
-webkit-box-shadow: 0px 0px 3px #999999;
-moz-border-radius: 5px;
-moz-box-shadow: 0px 0px 3px #999999;
box-shadow: 0px 0px 3px #999999;
}
.spnbtn a:hover {
-webkit-box-shadow: 0px 0px 6px #999999;
-moz-box-shadow: 0px 0px 6px #999999;
box-shadow: 0px 0px 6px #999999;
color: #999999;
}
.spnbtn a:active {
// position: relative;
// top: 1px;
background: #fbfbfb;
-webkit-box-shadow: 0px 0px 3px #999999;
-moz-box-shadow: 0px 0px 3px #999999;
box-shadow: 0px 0px 3px #999999;
}