﻿.products 
{
    clear:both;
    width:760px;
}

.productsmall 
{
    width:180px;
    min-height:250px;
    float:left;
    background:url(images/bg-product.gif) no-repeat;
    position:relative;
    margin-right:10px;
}

.productsmall h3 
{
    font-size:1em;
}

.productsmall .mainimage 
{
    margin:10px 10px 10px 10px;
}

.productsmall .magnify 
{
    position:absolute;
    left:160px;
    top:160px;
}

.productsmall .text 
{
    padding-top:10px;
    padding-left:10px;
} 

.productsmall .color 
{
    color:#666666;
    font-size:0.916em;
}

.productsmall .color strong
{
    color:#333333;
}

.pageno 
{
    width:20px;
    height:19px;
    float:left;
    text-align:center;
    background:url(images/bg-productpage.gif) no-repeat;
    margin-right:5px;
    font-size:0.916em;
    padding-top:2px;
}

.pagenosel 
{
    font-weight:bold;
    background:transparent;
}

.pages 
{
    clear:left;
    padding-top:10px;
    border-top:2px solid #e5e5e5;
}

.nofloat 
{
    float:none;
}

.productlarge a 
{
    margin-left:10px;
    margin-top:10px;
}

.productlarge .mag2 
{
    position:absolute;
    left:275px;
    top:275px;
    z-index:100;
}

/* Product Detail */
.productlarge 
{
    float:left;
    width:300px;
    height:300px;
    background:url(images/bg-product-large.gif) no-repeat;
    position:relative;
}

.productthumbnails 
{
    float:left;
    width:60px;
    margin-left:10px;
}

.productthumbnails .holder
{
    
    height:270px;
    overflow:hidden;
    position:relative;
}

.productthumbnails .holder #thumbs
{
    position:absolute;
}

.productthumbnails a.tn
{
    display:block;
    width:55px;
    height:55px;
    background:url(images/bg-product-tn.gif) no-repeat;
    margin-bottom:10px;
    padding-top:5px;
    padding-left:5px;
}

.productdetails 
{
    float:left;
    width:360px;
    margin-left:20px;
    margin-bottom:30px;
    padding-top:10px;
}

.productdetails h4 
{
    text-transform:uppercase;
    font-size:.8em;
    line-height:1;
    margin-bottom:10px;
}

.productdetails h2 
{
    font-family:Arial, Sans-Serif;
    font-weight:bold;
    font-size:2em;
    line-height:1;
    margin-left:-2px;
    margin-bottom:12px;
}

.productdetails p 
{
    font-size:.9em;
}

#content .productdetails ul 
{
    margin-left:0;
    padding:5px 0;
}

.productdetails ul li 
{
    list-style-type:none;
    background:url(images/bullet-redsquare.gif) no-repeat left center;
    padding-left:10px;
    line-height:1;
    margin-bottom:8px;
    font-size:.9em;
}

.productdetails .productcode 
{
    font-size:10px;
    color:#999;
    line-height:1;
    margin-bottom:15px;
}

.productdetails .productoptions 
{
    padding-top:15px;
    border-top:solid 1px #e5e5e5;
    margin-bottom:15px;
}

.productoptions label 
{
    text-transform:uppercase;
    color:#000;
    font-size:.8em;
    font-weight:bold;
}

.list-quantity 
{
    color:#333;
    width:50px;
}

.list-size, .list-colour
{
    color:#333;
    width:100px;
}

.productoptions td 
{
    padding-right:20px;
}

.productoptions select 
{
    max-width: 175px;
}

.maywealsosuggest
{
    float:left;
    border-top:solid 2px #e5e5e5;
    clear:both;
    padding-top:20px;
    margin-bottom:30px;
}

h4.h4-maywealsosuggest 
{
    float:left;
    margin-right:30px;
    background:url(images/h4-maywealsosuggest.gif) no-repeat;
    width:79px;
    height:35px;
    line-height:1;
    text-indent:-9999px;
}

.productpreview 
{
    float:left;
    width:305px;
    margin-right:30px;
}

.maywealsosuggest .last 
{
    margin-right:0;
}

.productpreview img 
{
    float:left;
    margin-right:10px;
    max-width:111px;
    max-height:120px;
}

.productpreview .title 
{
    color:#000;
    margin:0;
}

.productpreview .summary p
{
    font-size:.9em;
    color:#666;
}

.tn_up 
{
    background:url(images/btn-up.gif) no-repeat;
    margin-bottom:10px;
}

.tn_down
{
    background:url(images/btn-down.gif) no-repeat;
    margin-top:10px;
}

.tn_up,.tn_down
{
    display:block;
    text-indent:-999px;
    overflow:hidden;
    width:60px;
    height:15px;
}