/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/dd_valid.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* common styling */

ul.image {
padding: 0;
margin: 0;
list-style-type: none;
width: 98px;
}

.image li {
position: static;
margin: 0 0 5px 0;
}

.product ul {
list-style-type: none;
padding: 0;
margin: 0 0 0 16px;
width: 250px;
}

.puregreen .product ul {
list-style-type: square;
width: auto;
margin: 16px 0 0 16px;
}

.puregreen .product ul li {
font-size: 95%;
}

.product ul.comparison {
float: left;
display: inline;
}

.product ul.comparison li {
width: 82px;
background-color: #FCFFE0;
float: right;
clear: none;
margin: 0;
font-size: 95%;
padding: 0 0 0 8px;
text-align: right;
}

.product ul.comparison li.pic {
background: transparent url(images/blenders.gif) no-repeat scroll top left;
width: 250px;
height: 200px;
font-family: tahoma;
font-size: 160%;
padding: 11px 0 0 0;
margin: 0 0 2px 0;
text-align: left;
}

.product ul.comparison li.red {
color: #D64E2F;
width: 80px;
text-align: center;
padding: 0;
}

.product ul.comparison li.green {
color: #8DAB49;
width: 80px;
text-align: center;
padding: 0;
}

.product ul.comparison li.clearright {
clear: right;
}

.product ul.comparison li.green span, .product ul.comparison li.red span {
font-size: 85%;
}

.product ul.comparison li.trans {
background-color: transparent;
}

.product ul.comparison li.wide {
padding: 0 15px 0 0;
text-align: right;
width: 155px;
}

.blender .product ul.tick {
width: auto;
margin: 16px 0 0 0;
}

.blender .product .tick li {
min-height: 26px;
height: auto !important;
height: 26px;
font-size: 95%;
margin: 0 0 10px 0;
padding: 2px 0 0 40px;
}

.daisy ul {
float: left;
display: inline;
width: 788px;
margin: 16px 0 0 0;
}

.daisy li {
width: 221px;
}

.product ul.clear {
clear: both;
width: auto;
}

.product ul ul {
float: left;
width: 100%;
margin: 0;
}

.product li {
margin: 0 0 16px 0;
clear: left;
}

.product li.small {
font-size: 95%;
float: left;
width: 250px;
}

.product .tick li{
background: transparent url(images/tick.gif) no-repeat scroll top left;
line-height: normal;
padding: 0 0 0 40px;
}

.product .tick.tight li {
margin: 0 0 8px 0;
line-height: 30px;
height: 30px;
}

.product .tick li.heading {
background: transparent none;
color: #86A11B;
margin: 0 0 5px 0;
padding: 0;
letter-spacing: normal;
}

.product li.pop {
clear: none;
float: left;
position: relative;
margin: 0 8px 0 0;
}

.product li.ingredients {
float: left;
width: 100%;
margin: 0;
}

.product li.size {
margin: 0 0 8px 0;
}

.product li.end {
margin: 0;
}

.product li.price {
color: #566831;
font-weight: bold;
font-size: 170%;
font-family: tahoma;
height: 24px;
line-height: 24px;
margin: 0 16px 16px 0;
position: static;
text-align: center;
width: 84px;
float: left;
}

.product li.medal {
clear: none;
margin: -8px 0 16px 0;
float: left;
}

.product li.price span {
font-size: 70%;
vertical-align: 30%;
line-height: normal;
}

.image a:link, .image a:visited {
background: transparent url(images/zoom.gif) no-repeat scroll center center;
padding: 0;
height: 13px;
display: block
}

.image a:hover {
cursor: default;
}

.product ul a:link, .product ul a:visited {
color: #86A11B;
display: block;
padding: 0;
font-size: 90%;
height: 20px;
overflow: hidden;
}

.product ul a:hover {
text-decoration: none;
cursor: default;
color: #271406;
}

.product ul li p, .image li p {
display: none;
}

/* specific to non IE browsers */

.image li:hover p {
background: #FCFFE0 none;
border: 1px solid #A7A55C;
display: block;
position: absolute;
padding: 5px 60px;
width: auto;
margin: 0;
bottom: 0;
left: 114px;
z-index: 400;
}

.image li:hover.top p {
bottom: auto;
top: 0;
}

.product ul li:hover.pop p {
background: #FCFFE0 url(images/aco.gif) no-repeat scroll bottom right;
border: 1px solid #A7A55C;
padding: 15px 15px 30px 15px;
display: block;
position: absolute;
top: 31px;
left: 1px;
width: 270px;
z-index: 100;
font-size: 95%;
margin: 0;
}

.product ul li:hover p a {
background: transparent none;
color: #3366dd;
display: inline;
cursor: pointer;
font-size: 100%;
}

.product ul li:hover p img {
position: absolute;
left: -1px;
top: -16px;
margin: 0;
float: none;
}

.product ul li:hover p span.bold {
font-weight: bold;
display: block;
position: relative;
bottom: -11px;
}

.image li:hover p img {
position: static;
}