#container
{
    width:670px;
}

#container h1
{
    font-family:Myriad Pro;
    font-size:26px;
    font-weight:normal;
    color:#e94e2e;
    padding-top:20px;
    padding-bottom:15px;
    /*
    margin-top:28px;
    margin-bottom:35px;
    */
}

#container .CatalogueContentBox
{
    text-align:left;
}

.item
{
    float:left;
    background-image: url(images/border_item.jpg);
    background-repeat:no-repeat;
    width:203px; height:313px;
    position:relative;
    margin-right:18px;
    margin-bottom:15px;
}

.CatalogueContentBox .column3
{
    margin-right:0;
}
.itemnew
{
    background-image:url('images/border_item_new.jpg');
    height: 313px;
}

.item img
{
    margin-top:11px;
    margin-left:11px;
}

.item .itemdesc
{
    margin-top:5px;
    margin-left:15px;
    margin-right:15px;
    line-height:18px;
    height:97px;
    position:relative;
}

.item .itemdesc h3
{
    font-weight:bold;
    margin:0;
    margin-top:15px;
}

.item .itemdesc .description
{
    font-weight:normal;
    line-height:15px;
    display:block; 
}

.item .itemdesc .price
{
    font-weight:bold;
    color:#000;
    font-size:1.1em;
}

/*********************** view item ************************/

#viewitem
{
    width:650px;
    overflow:hidden;
    padding-bottom:25px;
}

#viewitem .left
{
    float:left;
    width:203px;
    margin-top:13px;
}

#viewitem .left .itemrow
{
    padding-bottom:21px;
}

#viewitem .left .pricerow
{
    padding-top:4px;
}

#viewitem .left .itemrow .sizeconversion, #viewitem .left .itemrow .careinstruction
{
    color:#000;
    font-size:11px;
    text-decoration:underline;
    cursor:pointer;
}

#viewitem .left .title
{
    font-weight:bold;
    font-size:12px;
}

#viewitem .left .content
{
    color:#707070;
    font-weight:bold;
    font-size:12px;    
}

#viewitem .left .pricecontent
{
    font-size:18px;
}

#viewitem .left .sizedropdown
{
    margin-top:1px;
    width:95px;
    height:23px;
}

#viewitem .left .colordropdown
{
    margin-top:1px;
    height:23px;
}

#viewitem .left .addtoshop
{
    background-image: url(images/addtobasket.jpg);
    background-repeat:no-repeat;
    width:203px; height:38px;
    margin-top:25px;
    display:block;
}

#viewitem .left .checkout
{
    background-image: url(images/checkout.jpg);
    background-repeat:no-repeat;
    width:184px; height:31px;
    margin-top:40px;
    display:block;
}

#viewitem .left .tell_friend
{
    background-image: url(images/tell_friend.jpg);
    background-repeat:no-repeat;
    width:110px; 
    height:30px;
    margin-top:10px;
    display:block;
    text-indent:-9999px;
} 

#viewitem .left .backtocatalogue
{
    background-image: url(images/backtocatalogue.jpg);
    background-repeat:no-repeat;
    width:146px; 
    height:35px;
    margin-top:13px;
    display:block;
    text-indent:-9999px;
} 

#viewitem .right
{
    float:right; 
    width:427px;
}

#viewitem .right .mainimage
{
    background-image: url(images/border_item_big.jpg);
    background-repeat:no-repeat;
    width:427px; height:429px;
    padding-top:15px;
    padding-left:23px;
}

#viewitem .right .mainimage img
{
    cursor:pointer;
}

#viewitem .right .rollover
{
    margin-top:-10px;
    left:370px;
}

#viewitem .right .rollover img
{
    padding-left:130px;
}


/**/

#viewitem .right .colorbox
{
    background-image: url(images/bg_color.jpg);
    background-repeat:no-repeat;
    background-position:0 23px;   
    position:relative;
    width:427px;
    height:83px;  
}

#viewitem .right .viewcolors
{
    margin-top:10px;
    margin-left:141px;
}


#viewitem .right .viewcolors ul li:hover
{
    background-image: url(images/border_item_rollover.png);
}

/*
#viewitem .right .viewbox .viewcolors ul li .selected
{
    background-image: url(images/border_item_rollover.png);
}
*/

#viewitem .right .viewcolors ul li
{
    background-image: url(images/border_item_thumb_normal.png);
    background-repeat:no-repeat;
    width:67px; height:65px;
    float:left; margin-right:10px;
}

#viewitem .right .viewcolors ul li.selected
{
    background-image: url(images/border_item_rollover.png);
}

#viewitem .right .viewcolors ul li a.colorbox_1
{
    margin-top:13px; 
    margin-left:13px;
    width:40px; 
    height:40px;
    display:block;
    text-indent:-9999px;
}

/**/

#viewitem .right .viewbox
{
    background-image: url(images/bg_view.jpg);
    background-repeat:no-repeat;
    background-position:center; 
    position:relative;
    width:427px;
    height:83px;
}

#viewitem .right .viewbox .left_arrow
{
    position:absolute;
    left: 85px;
    top:25px;
    cursor:pointer; 
    width:40px;
}

#viewitem .right .viewbox .right_arrow
{
    position:absolute;
    right: 14px;
    top:25px;
    cursor:pointer; 
    width:40px;
}

#viewitem .right .colorbox .left_arrow2
{
    position:absolute;
    left: 85px;
    top:18px;
    cursor:pointer; 
    width:40px;
}

#viewitem .right .colorbox .right_arrow2
{
    position:absolute;
    right: 14px;
    top:18px;
    cursor:pointer; 
    width:40px;
}


#viewitem .right .viewimages
{
    margin-left:138px;
    /*padding-top:10px;*/
    position:relative;
}
#viewitem .right .viewimages ul li
{
    background-image: url(images/border_item_thumb_normal.png);
    background-repeat:no-repeat;
    width:67px;
    height:65px;
    float:left; 
    margin-right:10px;
    position:relative;
    z-index: 44;
}
#viewitem .right .viewimages ul li a
{
}

#viewitem .right .viewimages ul li:hover
{
    background-image: url(images/border_item_thumb.png);
}

.normalrate
{
    font-size:14px;
    color:#8b559f;
    text-decoration:none;
}

.selectedrate
{
    font-size:14px;
    font-weight:bold;
    color:#000;
    text-decoration:none;
}

/************************* Paging *****************************/
#paging
{
   margin-top:22px;
   height:40px;
}

#paging .pagingbox
{
    height:51px;
    text-align:center;
}

#paging .pagingbox .numberbox
{
    background-image: url(images/bg_pager.png);
    background-repeat:repeat-x;
    display:block;
    height:34px;
    padding-left: 8px;
    padding-right:8px;
    float:left;
    position:relative;
    margin-left:5px;
}

#paging .pagingbox .numberbox .pleft
{    
    background-image: url(images/bg_pager_left.png);
    position:absolute;
    height:100%;
    width:8px;
    left:0;
    top:0;
}

#paging .pagingbox .numberbox .pright
{    
    background-image: url(images/bg_pager_right.png);
    position:absolute;
    height:100%;
    width:8px;
    right:0;
    top:0;
}

#paging .pagingbox .numberbox a.normal, #paging .pagingbox .numberbox span.selected
{
    margin-left:2px;
    margin-right:2px;
    margin-top:7px;
    color:#000;
    width:13px;
    height:13px;    
    padding:4px;
    float:left;
    display:block; 
}

#paging .pagingbox .numberbox span.selected, #paging .pagingbox .numberbox a:hover
{
    background-color:#8b559f;
    color:#FFF;
    text-decoration:none;
}

#paging .pagingbox .first_arrow
{
    background-image: url(images/first_arrow.png);
    background-repeat:no-repeat;
    width:40px; height:36px;
    display:block;
    float:left;
}

#paging .pagingbox .pleft_arrow
{
    background-image: url(images/left_arrow.png);
    background-repeat:no-repeat;
    display:block;
    width:40px; height:36px;
    float:left;
}

#paging .pagingbox .pright_arrow
{
    background-image: url(images/right_arrow.png);
    background-repeat:no-repeat;
    display:block;
    width:40px;
    height:36px;
    float:left;
    margin-left:4px;
}

#paging .pagingbox .last_arrow
{
    background-image: url(images/last_arrow.png);
    background-repeat:no-repeat;
    width:40px; height:36px;
    display:block;
    float:left;
}

.emptytext
{
    font-size:12px;
    padding-top:20px;
    padding-left:10px;
}