/* -----------------------------------------------------------------------------------------
$Id: stylesheet.css 1262 2005-09-30 10:00:32Z mz $
XT-Commerce - community made shopping
http://www.xt-commerce.com
Copyright (c) 2004 XT-Commerce
-----------------------------------------------------------------------------------------
based on:
(c) 2000-2001 The Exchange Project (earlier name of osCommerce)
(c) 2002-2003 osCommerce(stylesheet.css,v 1.54 2003/05/27); www.oscommerce.com
(c) 2003 nextcommerce (stylesheet.css,v 1.7 2003/08/13); www.nextcommerce.org
Released under the GNU General Public License
---------------------------------------------------------------------------------------*/
body { background-color:#fff; font-family: "Trebuchet MS", Arial, sans-serif; margin:0; padding:0; color:#333333; line-height:1.5; font-size:12px;}
small {font-size:9px; line-height:1.3;}
input.input {border:1px solid #cccccc; width:200px; height:18px;}
textarea.contact {border:1px solid #cccccc; overflow:auto; width:340px; height:200px;}
a { color:#333333; text-decoration:none;}
a:hover { text-decoration:underline;}
hr { border:0; border-top: 1px solid #cccccc; border-bottom:transparent; margin:3px 0px 7px 0px;}
img { border:0;}
img.bikkembergs { float:right; position:relative; bottom:2px;}
img.ugg { float:right; position:relative; bottom:11px;}
img.levis { float:right; position:relative; bottom:3px;}
img.missioni { float:right; position:relative; bottom:11px;}
img.ralph { float:right; position:relative; bottom:10px;}
img.twenty { float:right; position:relative; bottom:-8px;}
img.ten{ float:right; position:relative; bottom:3px;}
img.lola { float:right; position:relative; bottom:2px;}
img.lucky { float:right; position:relative; bottom:2px;}
img.stpeter { float:right; position:relative; bottom:-5px;}
img.gisele { float:right; position:relative; bottom:-6px;}
img.strategia { float:right; position:relative; bottom:0px;}
img.juicy { float:right; position:relative; bottom:11px;}
img.winter { float:right; position:relative; bottom:9px;}
img.chloe { float:right; position:relative; bottom:-5px;}
img.pretty { float:right; position:relative; bottom:4px;}
img.citiz { float:right; position:relative; bottom:-8px;}
img.hunter { float:right; position:relative; bottom:5px;}
img.newarrival { position:relative; top:-100px; right:-415px;}
img.new { float:right; position:relative; bottom:-4px;}
p.space {height:15px; margin:0; padding:0;}
span.jubi { background-color:#dd317f; color:#fff; display:inline-block; font-size:12px; padding:0px 5px; line-height:20px; float:right; position:relative; top:-31px; right:-10px;}
strong.price { font-size:15px;}
strong.prodinfoprice { font-size:20px;}
#shop { padding:0; margin:0;}
#wrap { text-align:left; width:1000px; padding:0; margin:0;}
#header { position:absolute; top:0px; width:1000px; height:80px; padding:0; margin:0; background-image:url(img/logo.gif); background-repeat:no-repeat;}
.head_right { float:right; text-align:right; line-height:37px; color:#999999;}
.head_right a { color:#dd317f;}
.head_right a:hover { text-decoration:none;}
.head_right img { position:relative; bottom:-2px;}
#header img { }
#navigation { position:absolute; top:80px; width:1000px; height:35px; padding:0; margin:0; line-height:35px; background-color:#dd317f;}
#navigation ul#categories { font-size:14px; font-weight:bold; line-height:35px; margin:0; padding:0 0 0 0px; list-style:none; text-transform:uppercase;}
#navigation ul#categories li { float:left; padding-right:0px;}
#navigation ul#categories li a { display:block; color:#ffffff; padding:0px 20px;}
#navigation ul#categories li a:hover { display:block; color:#ffffff; background-image:url(img/nav_hover.gif); background-repeat:no-repeat; background-position:center; text-decoration:none;}
#navigation ul#categories li a.active { display:block; color:#ffffff; background-image:url(img/nav_hover.gif); background-repeat:no-repeat; background-position:center; text-decoration:none;}
input.inputsearch { border:0; height:23px; width:165px; color:#999999; font-size:12px; padding:0px 5px;}
#subnavigation { position:absolute; top:150px; width:930px; height:20px; padding:0 10px 0 10px; margin:0;background-image:url(img/subnavi.gif); background-repeat:no-repeat; color:#ffffff; font-size:13px; font-weight:bold; line-height:17px;}
#subnavigation a { color:#ffffff;}
#subnavigation p.left { float:left; text-align:right; width:225px; margin:0; padding:0;}
#subnavigation p.right { text-align:right; margin:0; padding:0;}
#content { position:relative; top:115px; width:1000px; padding:0; margin:0;}
#content p.proddesc {height:72px; margin:0; padding:0;}
#content p.left { float:left; margin:0; padding:0;}
#content p.right { float:right; text-align:right; margin:0; padding:0; line-height:14px;}
h1 { font-size:12px; font-weight:bold; margin:0; padding:0; border-bottom:1px solid #cccccc;}
h1.prodlisting { padding-top:8px;}
h1.prodinfo {color:#333333; font-size:16px; padding:0; margin:0; line-height:24px; border:0;}
h2 { font-size:12px; font-weight:bold; margin:0; padding:20px 0 0 0;}
h2 a {}
h3 { font-size:12px; font-weight:bold; margin:0; padding:0; color:#de448a;}
h4 { font-size:12px; font-weight:bold; margin:0; padding:20px 0 0 0; border-bottom:1px solid #cccccc;}
h5 { font-size:12px; font-weight:bold; margin:0; padding:20px 0 0 0;}
h5 a {}
#main_content { float:right; width:739px; margin:0; padding:15px 0px 15px 15px; font-size:12px; line-height:16px; color:#333333;}
#main_content select { width:325px; padding:2px; margin:0 0 10px 0; display:inline; border:1px solid #cccccc;}
*:first-child+html #main_content select { width:325px; padding:0; margin:0 0 2px 0; display:inline;} /* ie7 */
* html #main_content select { width:325px; padding:0; margin:0 0 2px 0; display:inline;} /* ie6 and older */
#prodinfoimg { width:390px; margin-right:15px; text-align:center;}
#prodinfoimg img { width:390px;}
.prodinfoimgmore { width:130px; float:left;}
.prodinfoimgmore img { width:130px;}
#prodinfobuy { margin-left:362px;}
#comingsoon { position:absolute; left:0px; top:15px; }
#main_content_full {width:982px; padding:0px 0px 0px 18px; margin:0; background-color:#ffffff; }
#leftcol {width: 225px; padding:25px 0px 0px 0px; margin:0;}
#leftcol ul#subcategories { font-size:12px; font-weight:bold; line-height:20px; margin:0; padding:0 0 10px 10px; list-style:none;}
#leftcol ul#subcategories li { padding:0 0 0 10px;}
#leftcol ul#subcategories li a { display:block; color:#666666;}
#footer { clear:both; color:#666666; background-color:#eeeeee; margin:0; font-size:13px; line-height:15px; padding:10px 0px 0px 10px; height:35px; font-weight:bold; margin-top:5px;}
#footer a { color:#666666;}
.product_listing { height:150px; padding:0 15px 0 0; border:1px solid #e5e5e5;}
.product_listing_image { background-position:center; background-repeat:no-repeat; width:150px; height:150px; background-color:#ffffff; float:left; margin-right:25px;}
.product_listing_image img { width:150px; height:150px;}
img.catimage {position:relative; top:-15px;}
* html img.catimage {position:relative; top:-15px; } /* ie6 and older */
img.indeximage {position:relative; top:-18px; left:-18px; margin-bottom:-18px; }
img.subnavimgfirst { margin:0; padding:0px 0 5px 10px;}
img.subnavimg { margin:0; padding:0px 0 5px 10px;}
*:first-child+html img.subnavimg { margin:0; padding:15px 0 0px 0; position:relative; left:-15px;} /* ie7 */
* html img.subnavimg { margin:0; padding:15px 0 0px 0; position:relative; left:-15px;} /* ie6 and older */
div.product_soldout { border-top:1px solid #cccccc; border-bottom:1px solid #cccccc; margin:0; padding:8px 0px 10px 0px;}
div.product_soldout form { padding:0; margin:0;}
p.product_soldout_left {width:325px; padding:0; margin:0px 30px 0px 0px;}
p.product_soldout_mid { width:325px; padding:0; margin:5px 30px 0px 0px;}
*:first-child+html p.product_soldout_mid span { font-size:12px; position:relative; bottom:9px;}
* html p.product_soldout_mid span { font-size:12px; position:relative; bottom:9px;}
.product_soldout_mid input.email { width:317px; border:1px solid #cccccc; font-size:11px; padding:0px 3px; margin:0px 0px 3px 0px; height:21px; line-height:21px; }
#main_content p.product_soldout_mid select.size { width:325px; font-size:11px; padding:2px; margin:0px 0px 8px 0px; border:1px solid #cccccc; height:23px; line-height:25px;}
.errorBox {
font-family : Verdana, Arial, sans-serif;
font-size : 10px;
font-weight: bold;
background-color: #ffb3b5;
}
.gvBox {
font-family : Verdana, Arial, sans-serif;
font-size : 14px;
font-weight: bold;
border-color: #FFFFFF;
border: 1px solid;
background-color: #ffb3b5;
}
.stockWarning {
font-family : Verdana, Arial, sans-serif;
font-size : 10px;
color: #cc0033;
}
.productsNotifications {
background-color: #f2fff7;
}
.orderEdit {
font-family : Verdana, Arial, sans-serif;
font-size : 10px;
color: #70d250;
text-decoration: underline;
}
.fblike { font-size:10px;}
td.contentsTopics { color:#de448a; font-size:16px; font-weight:bold; padding-top:15px;}
.moduleHeading { color:#de448a; font-size:16px; font-weight:bold; padding-top:15px;}
td.moduleHeading { color:#de448a; font-size:16px; font-weight:bold;}
td.orderdetails {border:4px solid #eeeeee;}
td.boxTextBG { background-color:#eeeeee; padding:5px;}
td.boxTextBGII { background-color:#cccccc;border-bottom:4px solid #eeeeee;}
td.boxTextBGIII { background-color:#ffdddd;border-bottom:4px solid #eeeeee;}
td.boxTextBGIII checkbox { border:1px solid #cccccc;}
td.boxTextBGIIII { background-color:#e6e6e6;border-bottom:4px solid #eeeeee;border-right:4px solid #eeeeee;}
td.boxTextBGIIII input { border:1px solid #cccccc;}
span.eur { font-size:12px;}
span.productOldPrice { font-size:12px; color:#333333;text-decoration:line-through;}
span.only {font-size:16px; color:#dd317f;}
span.from {font-size:12px;}
#copyright {clear:both; text-align:center; position:relative; bottom:-120px; font-size:9px; color:#999999;}
#copyright a { color:#999999;}
.zoomedimage { position:absolute; margin-left:361px; z-index:0;}
*:first-child+html .zoomedimage { position:absolute; margin-left:0px; z-index:0;}
* html .zoomedimage { position:absolute; margin-left:0px; z-index:0;}
/* Copyright 2008 MagicToolBox.com. To use this code on your own site, visit http://magictoolbox.com */
/* CSS class for zoomed area */
.MagicZoomBigImageCont {
border: 1px solid #cccccc;
}
/* Header look and feel CSS class */
/* header is shown if "title" attribute is present in the tag */
.MagicZoomHeader {
font: 10px Arial, sans-serif;
color: #fff;
background: #E261AD;
text-align: center !important;
}
/* CSS class for small looking glass square under mouse */
.MagicZoomPup {
border: 0px solid #aaa;
background: #ffffff;
cursor: hand;
}
/* CSS style for loading animation box */
.MagicZoomLoading {
text-align: center;
background: #ffffff;
color: #444;
border: 0px solid #ccc;
opacity: 0.8;
padding: 3px 3px 3px 3px !important;
display: none; /* do not edit this line please */
}
/* CSS style for gif image in the loading animation box */
.MagicZoomLoading img {
padding-top: 3px !important;
}
/* ©2008 MagicToolbox.com. To use this code on your own site, visit http://www.magictoolbox.com */
/* CSS class for thumbnail link */
.MagicThumb {
cursor: url(cursor/zoomin.cur), pointer;
outline: none;
}
/* CSS class for the thumbnail link when the big image is zoomed */
.MagicThumb-zoomed { cursor: default; }
/* CSS class for span inside the thumbnail */
.MagicThumb span { display: none; }
/* CSS class for the thumbnail image */
.MagicThumb img { border: 0px solid #808080; outline: none; }
/* CSS class for the big image while zooming */
.MagicThumb-image { border: 0px solid #cccccc; outline: none; }
/* CSS class for the zoomed big image */
.MagicThumb-image-zoomed { cursor: url(cursor/zoomout.cur), pointer;}
/* CSS class for the caption under the big zoomed image */
.MagicThumb-caption {
color: #333333;
background-color: #F0F0F0;
border: 1px solid #CCCCCC;
border-top: none;
font-family: Verdana, Helvetica;
font-size: 11px;
padding: 8px 16px;
}
/* CSS class for the control bar */
.MagicThumb-controlbar {
display: block;
height: 18px;
}
.MagicThumb-controlbar a {
display: block;
width: 18px;
height: 18px;
margin: 0px 1px;
outline: none;
float: left;
overflow: hidden;
}
.MagicThumb-controlbar a span {
display: block;
width: 1000px;
height: 1000px;
background: transparent url(graphics/controlbar.png) no-repeat 0 0;
outline: none;
position: absolute;
left: 0px;
top: 0px;
}
/* CSS class for the loading message box */
.MagicThumb-loading {
border: 0px solid #000000;
background: #ffffff url(graphics/loader.gif) no-repeat 2px 50%;
padding: 2px 2px 2px 22px;
margin: 0;
text-decoration: none;
text-align: left;
font-size: 8pt;
font-family: sans-serif;
}
ul#checkoutnavigation1 { background-image:url(img/01.jpg); width:1000px; height:60px; padding:0; font-size:12px; line-height:18px; margin-bottom:20px; margin-top:10px;}
ul#checkoutnavigation1 li { float:left; width:210px; list-style:none; padding:15px 20px;}
ul#checkoutnavigation1 li.active { color:#dd317f;}
ul#checkoutnavigation1 li span.title { font-weight:bold; font-size:14px;}
ul#checkoutnavigation2 { background-image:url(img/02.jpg); width:1000px; height:60px; padding:0; font-size:12px; line-height:18px; margin-bottom:20px; margin-top:10px;}
ul#checkoutnavigation2 li { float:left; width:210px; list-style:none; padding:15px 20px;}
ul#checkoutnavigation2 li.active { color:#dd317f;}
ul#checkoutnavigation2 li span.title { font-weight:bold; font-size:14px;}
ul#checkoutnavigation3 { background-image:url(img/03.jpg); width:1000px; height:60px; padding:0; font-size:12px; line-height:18px; margin-bottom:20px; margin-top:10px;}
ul#checkoutnavigation3 li { float:left; width:210px; list-style:none; padding:15px 20px;}
ul#checkoutnavigation3 li.active { color:#dd317f;}
ul#checkoutnavigation3 li span.title { font-weight:bold; font-size:14px;}
ul#checkoutnavigation4 { background-image:url(img/04.jpg); width:1000px; height:60px; padding:0; font-size:12px; line-height:18px; margin-bottom:20px; margin-top:10px;}
ul#checkoutnavigation4 li { float:left; width:210px; list-style:none; padding:15px 20px;}
ul#checkoutnavigation4 li.active { color:#dd317f;}
ul#checkoutnavigation4 li span.title { font-weight:bold; font-size:14px;}
.agbframe { height:150px; overflow:auto; border:1px solid #cccccc;}
/*
Magic Magnify Plus v2.0
Copyright 2011 Magic Toolbox
Buy a license to use Magic Scroll on your site.
Go to www.magictoolbox.com/MagicMagnifyPlus/
*/
/* Style of the small image link */
.MagicThumb, .MagicThumb:hover {
cursor: url(img/zoomin.cur), pointer;
outline: 0 !important;
}
/* Style of the small image when the large image is expanded */
.MagicThumb-expanded-thumbnail {
cursor: default;
}
/* Style of the span inside the small image link */
.MagicThumb span {
display: none !important;
}
/* Style of the small image */
.MagicThumb img {
border: 0;
outline: 0;
}
/* Style of the expanded image */
.MagicThumb-expanded {
cursor: url(img/zoomout.cur), pointer;
background: transparent;
border: 1px solid #ccc;
outline: 0;
padding: 0;
}
/* Style of the caption for the expanded image */
.MagicThumb-caption {
color: #333;
font: normal 10pt Verdana, Helvetica;
background: #ccc;
text-align: left;
padding: 8px;
border: 0 !important;
outline: 0 !important;
}
/* Style of the close/next/previous buttons */
.MagicThumb-buttons {
background: transparent url(img/buttons1.png) no-repeat 0 0;
height: 24px;
display: block;
}
.MagicThumb-buttons a {
width: 24px;
height: 24px;
margin: 0px 1px !important;
overflow: hidden;
}
/* Style of the loading message box */
.MagicThumb-loader {
font: normal 12pt sans-serif;
border: 1px solid #000;
background: #fff url(img/loader.gif) no-repeat 2px 50%;
padding: 2px 2px 2px 22px;
margin: 0;
text-decoration: none;
text-align: left;
}
/* Style of the small images which swap the main image */
.MagicThumb-swap {
}
/* Style to hide caption on page. Only needed for #id method. */
.MagicThumb-external-caption {
display: none;
}
/* Style of the span inside the small image link */
.MagicMagnifyPlus span {
display: none !important;
}
.MagicMagnifyPlus img {
display: block;
}
.fan_box a:hover{
text-decoration: none;
}
.fan_box .full_widget{
height: 23px;
width:150px;
border: 0 !important;
background: none !important;
position: relative;
}
.fan_box .connect_top{
background: none !important;
padding: 0 !important;
}
.fan_box .profileimage, .fan_box .name_block{
display: none;
}
.fan_box .connect_action{
padding: 0 !important;
}
.fan_box .connections{
padding: 0 !important;
border: 0 !important;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #666;
display:none;
}
span.total{
color: #FF6600;
font-weight: bold;
}
.fan_box .connections .connections_grid {
padding-top: 10px !important;
}
.fan_box .connections_grid .grid_item{
padding: 0 10px 10px 0 !important;
}
.fan_box .connections_grid .grid_item .name{
font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
font-weight: normal;
color: #666 !important;
padding-top: 1px !important;
}
.fan_box .connect_widget{
position: absolute;
bottom: 0;
right: 10px;
margin: 0 !important;
}
.fan_box .connect_widget .connect_widget_interactive_area {
margin: 0 !important;
}
.fan_box .connect_widget td.connect_widget_vertical_center {
padding: 0 !important;
}
/* GUTSCHEIN EINLÖSEN IM WARENKORB */
#gift_cart { }
/* RAHMEN FÜR EINGABEFELD */
#gift_cart #input_code { padding: 15px; background-color:#FFF2CC; border: solid #E9D28F 1px }
/* BUTTON EINLÖSEN */
#gift_cart #input_code input[type="image"] { position: relative; top: 6px; left: 5px; }
/* ENDE - GUTSCHEIN EINLÖSEN IM WARENKORB */
/* POPUP MIT INFOS */
/* RAHMEN FÜR INFORMATIONEN */
#gift_infos { margin: 0px; padding: 10px; border: 1px solid #000; background: #FFF; display: none; position: absolute; top: 50%; left: 40%; z-index: 1; }
/* LISTE GÜLTIGER ARTIKEL UND KATEGORIEN */
#gift_infos ul.restriction_list { margin: 5px 0px 5px 40px; }
/* ENDE- POPUP MIT INFOS */