/* -----------------------------------------------------------------------------------------
$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:#C4C0CD; font-family:Arial, Helvetica, 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;}
img { border:0;}
img.bikkembergs { float:right; position:relative; bottom:-4px;}
img.ugg { float:right; position:relative; bottom:5px;}
img.levis { float:right; position:relative; bottom:-2px;}
img.missioni { float:right; position:relative; bottom:11px;}
img.ralph { float:right; position:relative; bottom:10px;}
img.twenty { float:right; position:relative; bottom:-10px;}
img.ten{ float:right; position:relative; bottom:9px;}
img.lola { float:right; position:relative; bottom:13px;}
img.lucky { float:right; position:relative; bottom:14px;}
img.stpeter { float:right; position:relative; bottom:7px;}
img.gisele { float:right; position:relative; bottom:8px;}
img.strategia { float:right; position:relative; bottom:3px;}
img.newarrival { position:relative; top:-100px; right:-345px;}
img.new { float:right; position:relative; bottom:-7px;}
p.space {height:15px; margin:0; padding:0;}
strong.price { font-size:15px;}
strong.prodinfoprice { font-size:20px;}
#shop { padding:0; margin:0;}
#wrap { text-align:left; width:950px; padding:0; margin:0;}
#header { position:absolute; top:0px; width:950px; height:120px; padding:0; margin:0; background-image:url(img/header.gif); background-repeat:no-repeat;}
#header img { position:relative; top:10px; left:45px;}
#navigation { position:absolute; top:120px; width:950px; height:30px; padding:0; margin:0;background-image:url(img/navi.gif); background-repeat:no-repeat;}
#navigation ul#categories { font-size:15px; font-weight:bold; line-height:30px; margin:0; padding:0 0 0 15px; list-style:none;}
#navigation ul#categories li { float:left; padding-right:30px;}
#navigation ul#categories li a { display:block; color:#ffffff;}
#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:170px; width:950px; padding:0; margin:0; background-image:url(img/main_bg.gif); background-repeat:repeat-y;}
#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;}
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:670px; margin:0; background-color:#eeeeee; padding:15px 25px 15px 15px; font-size:12px;}
#main_content select { width:308px; padding:2px; margin:0 0 20px 0; display:inline; border:1px solid #cccccc;}
*:first-child+html #main_content select { width:308px; padding:0; margin:0 0 2px 0; display:inline;} /* ie7 */
* html #main_content select { width:308px; padding:0; margin:0 0 2px 0; display:inline;} /* ie6 and older */
#prodinfoimg { width:345px; border:1px solid #cccccc; float:left; margin-right:15px; background-color:#ffffff;}
#prodinfoimg img { }
.prodinfoimgmore { width:130px; border:1px solid #cccccc; background-color:#ffffff; float:right; display:block; margin-right:176px; z-index:100;}
.prodinfoimgmore img { width:130px;}
#prodinfobuy { margin-left:362px;}
#main_content_full {width:920px; padding:0; margin:0; background-color:#eeeeee; padding:15px;}
#leftcol {width: 240px; padding:0; 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 15px;}
#leftcol ul#subcategories li a { display:block; color:#4d4d4d;}
#footer { clear:both; border-top:3px solid #FC86C1; color:#999999; background-color:#ffffff; margin:0; font-size:11px; padding:5px 0px 10px 15px;}
#footer a { color:#999999;}
.product_listing { height:150px; background-color:#e5e5e5; padding:0 15px 0 0;}
.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; left:-15px; margin-bottom:-33px;}
* html img.catimage {position:relative; top:-15px; left:25px; margin-bottom:-33px;} /* ie6 and older */
img.indeximage {position:relative; top:-33px; left:-15px; margin-bottom:-51px;}
img.subnavimgfirst { margin:15px 0 0 0; padding:0;}
img.subnavimg { margin:0; padding:15px 0 0px 0;}
*: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:3px 0px 10px 0px;}
div.product_soldout form { padding:0; margin:0;}
p.product_soldout_left { float:left; width:180px; padding:0; margin:0px 30px 0px 0px;}
p.product_soldout_mid { float:left; width:180px; padding:0; margin:0px 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;}
p.product_soldout_mid input.email { width:130px; border:1px solid #cccccc; font-size:11px; padding:3px; margin:0px 0px 3px 0px; }
#main_content p.product_soldout_mid select.size { width:97px; margin:0; display:inline; font-size:11px; padding:2px; margin:0px 0px 8px 0px; border:1px solid #cccccc;}
.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;
}
td.contentsTopics { color:#de448a; font-size:14px; font-weight:bold;}
td.moduleHeading { color:#de448a; font-size:14px; font-weight:bold;}
td.orderdetails {border:4px solid #eeeeee;}
td.boxTextBG { background-color:#cccccc;border-bottom:4px solid #eeeeee;border-right:4px solid #eeeeee;}
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;}
span.only {font-size:14px;}
span.from {font-size:12px;}
#copyright {clear:both; text-align:center; position:relative; bottom:-175px; 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;
}
span.productOldPrice { color:#FF0000; text-decoration:line-through;}