/* CSS Document */
/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.
The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/vertical-concertina.html
Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

#home {
background:#ddd;
border-left:1px solid #c9c;
border-right:1px solid #c9c;
border-top:1px solid #c9c;
border-bottom:0;
width:180px;
height:20px;
font:italic 13px Georgia, "Times New Roman", Times, serif;
font-weight:700;
text-indent:10px;
}

#home a {
display:block;
width:100%;
height:100%;
color:#000;
text-decoration:none;
}

#home a:visited {
display:block;
color:#000;
width:100%;
height:100%;
text-decoration:none;
}

#home a:hover {
display:block;
color:#c9c;
background:#eee;
width:100%;
height:100%;
}

#home a:focus {
background:#eee;
}

ul.slide {
list-style:none;
width:180px;
height:460px;
border:1px solid #C9C;
position:relative;
overflow:hidden;
margin:0;
padding:0;
}

* html ul.slide {
height:480px;
}

ul li div {
position:absolute;
left:-9999px;
background:#fff;
}

ul table {
border-collapse:collapse;
width:0;
height:0;
margin:-1px;
padding:0;
}

.slide li.top {
height:22px;
width:180px;
float:left;
}

.slide li.top a.outer {
display:block;
float:left;
height:20px;
line-height:20px;
width:180px;
text-indent:10px;
color:#000;
background:#e2e2e2;
text-decoration:none;
font:italic 13px Georgia, "Times New Roman", Times, serif;
font-weight:700;
border-bottom:1px solid #c9c;
}

* html .slide li.top a.outer {
font-size:13px;
height:21px;
line-height:21px;
}

.slide li.top a:focus {
color:#c9c;
background:#eee;
text-indent:14px;
}

.slide li:hover {
height:330px;
}

.slide a:hover div,.slide li.current div {
position:static;
height:350px;
width:172px;
line-height:16px;
font:normal 12px Verdana, Arial, Helvetica, sans-serif;
padding:2px 4px;
}

.slide li:hover div {
position:static;
height:344px;
width:172px;
line-height:1.2em;
font:normal 12px Verdana, Arial, Helvetica, sans-serif;
padding:4px;
}

.slide div img {
display:block;
border:1px solid #00f;
margin:4px 8px;
}

.slide div a img {
border:1px solid red;
}

.slide div img.fLeft {
clear:left;
float:left;
display:block;
margin:4px;
}

.slide div h3 {
font-size:12px;
font-weight:700;
color:#666;
text-indent:8px;
margin:0;
padding:10px 0 0;
}

.slide div p {
font-size:11px;
color:#888;
line-height:14px;
margin:0;
}

.slide :hover div a {
color:#00c;
text-decoration:none;
font-size:11px;
}

.slide :hover div a:hover {
text-decoration:underline;
background:#fff;
color:#00c;
}

.slide div a.big,.slide :hover div a.big {
height:20px;
line-height:16px;
font-size:11px;
color:red;
text-decoration:none;
text-indent:5px;
}

.slide :hover div a.big:hover {
background:#fff;
color:#000;
font-size:11px;
text-decoration:none;
}

.slide div dl {
border-bottom:1px solid #c9c;
padding-bottom:2px;
margin:2px 0 0;
}

.slide div dt {
font-size:11px;
font-weight:700;
color:#000;
}

.slide div dd {
line-height:16px;
font-size:11px;
color:#666;
font-weight:400;
width:172px;
margin:0;
padding:0;
}

.slide div dd a {
color:#000;
font:bold 11px Verdana, Arial, Helvetica, sans-serif;
background:#fff;
text-decoration:none;
}

.slide :hover div dd a {
color:#000;
text-decoration:none;
}

.slide :hover div dd a:hover {
color:#c9c;
text-decoration:none;
}

.cards {
color:red;
font:normal 18px Arial, Helvetica, sans-serif;
margin:0 0 -4px;
}

.cards_b {
color:#000;
font:normal 18px Arial, Helvetica, sans-serif;
margin:0 0 -4px;
}

#s_cart {
text-align:right;
}

#s_cart a:link {
color:#c9c;
text-decoration:none;
margin:0;
padding:1px 2px;
}

.slide li.top a:hover,.slide li.top a:focus,.slide li.top:hover > a {
color:#c9c;
background:#eee;
}

#s_cart a:hover,#s_cart a:focus {
color:#000;
background:#FCF;
}