.footerBox
{
width:20%;
float:left;
margin-bottom:10px;
}

/* 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/multi-column.html Copyright (c) 2005-2009 Stu Nicholls. All rights reserved. This stylesheet and the associated (x)html may be modified in any way to fit your requirements. */

#nav {height:51px; float:left; padding-left:10px; background:#fff url(/images/menu/TCAtabLeft2.gif) no-repeat left top; font-family:arial, sans-serif; margin-bottom:5px;}
#menu {width:960px; height:51px; position:relative; font-size:13px; margin: 0; z-index:10000; background:#fff url(/images/menu/TCAtabRight2.gif) no-repeat right top; float:left; padding-right:10px; }

#menu table.ie6 {border-collapse:collapse; margin:0; padding:0;}

#menu ul {padding:0; margin:0; list-style: none; text-align:center; }
#menu ul li {float:left; }
#menu ul li a.tabs {display:block; width:110px; float:left; padding:2px 10px 0 0; text-decoration:none; color:#fff; font-weight:bold; height:47px; line-height:14px; font-size:13px; background:url(/images/menu/TCAtabCenter2.gif) no-repeat 0px 0px;  }  /* right top */

/* tabs  */
#menu ul li a b {display:block; float:left; width:100px; padding:2px 0 0 10px; text-decoration:none; color:#fff; font-weight:bold; height:47px; line-height:14px; font-size:13px; background:url(/images/menu/TCAtabCenter2.gif)
0 -2px no-repeat ; cursor:pointer; }

#menu ul li div.holder {position:absolute; left:-9999px;}

#menu ul li div .dropContent {background:#FFF; border:1px black solid; border-top:0; }

/* tabs */
#menu ul li:hover {position:relative; }
#menu ul li a.tab:hover       { color:#FFF; background-image:url(/images/menu/TCAtabCenter2hoverPink.gif);
background-position:right top; position:relative; }
#menu ul li a:hover b     { color:#FFF; background-image:url(/images/menu/TCAtabCenter2hoverPink.gif);
background-position:0 -2px;}

/* do I need these??? */
#menu ul li a.sub:hover   { color:#FFF; background-image:url(/images/menu/TCAtabCenter2hoverPink.gif);
background-position:right top; position:relative; }
#menu ul li a.sub:hover b { color:#FFF; background-image:url(/images/menu/TCAtabCenter2hoverPink.gif);
background-position:0 -2px; }
/* ?? */

#menu ul li.dropRight:hover div.holder {left:auto; right:4px; top:51px;}
#menu ul li.dropRight a:hover div.holder {left:auto; right:3px; top:51px;}

#menu ul li:hover > a {color:#FFF; position:relative;}

#menu ul li:hover a.sub {height:51px;  color:#FFF; background-image:url(/images/menu/TCAtabCenter2hoverSubPink.gif);
background-position: right top; position:relative;}
#menu ul li:hover a.sub > b {color:#FFF;  background-image:url(/images/menu/TCAtabCenter2hoverSubPink.gif);
background-position:0 -2px;}

#menu ul :hover div.holder {position:absolute; top:51px; left:4px; margin: 0; padding: 0;}


#menu .menuPromo {padding:5px 20px; text-align:center; margin:5px 0; border-left:1px #999999 dotted;}

#menu ul dl {width:auto; margin:5px 0 10px 0; padding:0 5px; list-style:none;}

#menu ul dl dt {padding:0 0px; margin:0; line-height:20px; background:#fff; color:#eb618f; font-weight:bold; font-size:15px; white-space:nowrap;}

#menu ul dl dd {display:block; padding:0 10px; margin:0; }
#menu ul dd a {background-image:none; display:block; height:20px; line-height:20px; color:#3366ff; text-align:left; margin:0; padding:0; font-size:14px; font-weight:normal; white-space:nowrap; float:none;}
/* dean fix */
#menu ul dd a {display:inline; text-decoration:none;}
#menu ul dd a:hover {background-image:none; color:#eb618f;}

#menu ul table td {vertical-align:top;}

/* menu ends */

div.photoThumbnailOuter
{
    float:left;
    text-align:center;
}

img.photoThumbnail
{
    margin:0 9px 0px 0;
    border:1px #777777 solid;
}

.photoThumbnailOuter p
{
    margin-right:9px;
}

h4.photoThumbnailCaption
{
    text-align: center
}

.spacer
{
    clear: both;
}

.clearance
{
    display:block;
    background:red;
    color:white;
    font-weight:bold;
    text-align:center;
    padding: 2px;
}

#custom ul
{
    margin-bottom: 10px;
    padding-left: 2em;
    list-style-type: disc;
}


#dropdownMenu
{
    font: bold 12px Verdana, sans-serif;
}
.sf-menu-wrapper
{
    position:relative;
    z-index:10000;
}
div.feature
{
    position: relative;
    padding:0px;
    margin: 0 4px 5px 0;
    z-index:2;
}

div.featureTextBox, div.sliderFeatureTextBox
{
    position: absolute;
    padding-right:5px;
    left:5px;
}

div.featureTextBox h2, div.featureTextBox a, div.featureTextBox a:visited, div.featureTextBox a:hover, div.featureTextBox strong
{
    color: white;
    text-decoration: none;
    cursor: hand;
}
div.feature img
{
    margin: 0;
}
div.featureTextBox h2
{
    padding-right:5px;
    margin-bottom:0;
}

div.sliderFeature
{
    position: relative;
    padding:0px;
    margin: 0;
    z-index:2;
}

.autoDataLabel
{
    color: green;
    margin-left:5px;
}
#contest p.contestQ
{
    font-size:125%;
    font-weight: bold;
    color: #eb618f;
}

#contest ul
{
    padding-left:25px;
    margin-bottom:5px;
}
#contest li
{
    margin-bottom:2px;
}



div .promoBannerWide
{
    margin: 0 0 5px 0;
    background-color: #F0F0F0;
    border: 2px DOTTED #eb618f;
    padding:5px;
}


td.browseSwatch
{
    vertical-align:middle;
    text-align:center;
}

ul.browseSwatch
{
    list-style-type:none;
    margin:0 auto !important;
    padding:0 !important;
    width:180px;
}
ul.browseSwatch li
{
    display:inline;
}
td.browseSwatchRow
{
    vertical-align:middle;
    text-align:center;
}

.browseSwatchJQ, .browseSwatchSelected
{
    margin:1px;
    border:3px #DDDDDD solid;
    padding:1px;
}

.browseSwatchSelected
{
    border-color:#eb618f;
}

.compareLabel
{
    background: url(/images/icon_compare_24.gif) no-repeat top left;
    padding:4px 0 4px 28px;
}

div .compareStatus
{
    float:right;
    margin:0 5px;
    display:none;
    padding:4px 0 4px 28px;
    background: url(/images/icon_compare_24.gif) no-repeat top left;
}
/* gallery view table cells */
.gallery td
{
padding-left: 5px;
}

    
#productDetailCol
{
    padding-left: 5px;
    width:583px;
    width:583px;
    float: right;
}
#productPhotoCol
{
    width:392px;
    float: left;
}

img.prodPagePhoto
{
    width: 392px;
    height:392px;
    margin:0 0 5px 0;
}
/* General styles */


/* main content column */
#centerContent
{
min-height:400px;
}


    /* outerHead styles */
    #outerHead {
        clear:both;
        margin:auto;
        position:relative;
        width:980px;
        z-index:10000;
    }
    /* column container */
    .colmask {
        position:relative;        /* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
        clear:both;
        margin:auto;
        width:980px;                /* width of whole page */
        overflow:hidden;        /* This chops off any overhanging divs */
    }
    /* holy grail 3 column settings */
    .outer .colmid {
        float:left;
        width:200%;
        margin-left:-196px;     /* Width of right column */
        position:relative;
        right:100%;
        background:#fff;        /* Centre column background colour */
    }
    .outer .colleft {
        float:left;
        width:100%;
        margin-left:-50%;
        position:relative;
        left:392px;             /* Left column width + right column width */
    }
    .outer .col1wrap {
        float:left;
        width:50%;
        position:relative;
        right:196px;            /* Width of left column */
    }
    .outer .col1 {
        margin:0 196px;         /* Centre column side padding:  // 215
                                Left padding = left column width + centre column left padding width
                                Right padding = right column width + centre column right padding width */
        position:relative;
        left:200%;
        overflow:hidden;
    }
    .outer .col2 {
        float:left;
        float:right;            /* This overrides the float:left above */
        width:196px;            /* 170 Width of left column content (left column width minus left and right padding) */
        position:relative;
        right:0px;             /* Width of the left-had side padding on the left column */
    }
    .outer .col3 {
        float:left;
        float:right;            /* This overrides the float:left above */
        width:196px;            /* Width of right column content (right column width minus left and right padding) */
        margin-right:0px;      /* Width of right column right-hand padding + left column left and right padding */
        position:relative;
        left:50%;
    }
    /* end of 3 column display*/
















/* 2 column  */

.twoCols_colmask {
    position:relative;        /* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
    clear:both;
    width:980px;
    overflow:hidden;
    margin:auto;
}

.twoCols_leftmenu .twoCols_colright {
    float:left;
    width:200%;
    position:relative;
    left:196px;
}
.twoCols_leftmenu .twoCols_col1wrap {
    float:right;
    width:50%;
    position:relative;
    right:196px;
}
.twoCols_leftmenu .twoCols_col1 {
    margin:0 0px 0 196px;
    position:relative;
    right:100%;
    overflow:hidden;
}
.twoCols_leftmenu .twoCols_col2 {
    float:left;
    width:196px;
    position:relative;
    right:196px;
}











    /* outerFooter styles */
    #outerFooter {
        clear:both;
        margin:auto;
        position:relative;
        width:980px;
    }

    /* full width, no columns*/
    .fullWidth {
        clear:both;
        margin:auto;
        position:relative;
        width:980px;
    }

    

body
{
    font-family: Verdana, sans-serif;
    font-size: 13px;
    color: #555555;
    background: white;
}
body, form, input, ul, img, div
{
    padding: 0;
    margin: 0;
}

table
{
    margin: 0 0 5px 0;
}

#admin p, #adminTEST p, #adminSub p, #adminSubTEST p
{
    margin-bottom:3px;
}

/* set font sizes for table (IE6 quirks mode) */
p, li, table
{   font-size: 13px;    }

h1  {    font-size: 175%;}
h2  {    font-size: 150%;}
h3  {    font-size: 125%;}
h4  {    font-size: 110%;}
h5  {    font-size: 110%;}

h1, h2, h3, h4, h5, h2 a
{
    margin: 5px 0;
    font-family:  Arial, Helvetica, sans-serif;
    text-decoration: none;
}

p{    margin: 0 0 10px 0;}


h3 span.from
{
font-size: 80%;
font-weight: normal;
}

p.compact { margin: 0 0 5px 0; }


hr{    border: none;    height: 1px;    }

img{ border: 0; }

a:link, a:visited
{
text-decoration: underline;
color: #3366ff;
}

h1 a:link, h1 a:visited,
h2 a:link, h2 a:visited,
h3 a:link, h3 a:visited
{
text-decoration: none;
}
h1 a:hover,
h2 a:hover,
h3 a:hover
{
text-decoration: underline;
}

a:hover
{
text-decoration: underline;
color:#eb618f;
}

ul{    list-style: none; }
tr, td, th { vertical-align: top; text-align: left;}

/* compare sub headings */
td.compare
{
text-align:center;
vertical-align: middle;
}

span.quick
{
    color: white;
    background-color:#eb618f;
    font-weight: normal;
    padding-left: 3px;
    padding-right: 3px;
    padding-bottom: 1px;
    text-decoration: none;
}
span.quick a, span.quick a:visited
{
    color: white;
    text-decoration: none;
}

div.pageNav
{
border-top:1px solid #999999;
border-bottom:1px solid #999999;
margin:0 0 5px 5px;
}

span.pageIconLink
{
margin:4px 1px 0 0px;
padding: 2px;
border: 1px solid #3366ff;
font-weight: bold; font-size: 120%;
}

span.pageIcon
{
margin:4px 1px 0 1px;
padding: 2px;
border: 1px solid #999999;
font-weight: bold;
font-size: 125%;
color: #999999;
}

abbr
{
    cursor:default;
    border-bottom:1px dotted #555555;
}

/*
    sections
*/

#crumbs
{
    padding: 0px 0px 5px 0px;
}

#footerLinks ul li
{
    display: inline;
}

#crumbs ul li, #crumbs ul li a
{
    display: inline;
    margin-right: 5px;
    text-decoration: none;
}



/*
    Main content
*/

ul.horlist
{
    margin-bottom: 5px;
}
ul.horlist li
{
    display: inline;
    margin-right: 5px;
}

/*
    sidebar boxes
*/

div.boxl, div.boxr
{
    border: 1px solid #eb618f;
    margin-bottom: 5px;
    background-color: #F0F0F0;
}

div.quoteBoxr
{
background-color: #e1ffdf;
border: 1px dotted #00bf08;
margin-bottom: 5px;
color: #00bf08;
text-align:center;
font-style:italic;
}

div.boxl h4, div.boxr h4, div.boxr h4 a, div.boxr h4 a:visited
{
    margin: 0;
    padding: 1px 5px;
    color: white;
    text-align: left;
}

div.boxr h4 a:hover
{
    color: white;
    text-decoration: underline;
}

div.boxl p,  div.boxl li,
div.boxr p,  div.boxr li
{
    margin: 0;
    padding: 1px 5px 4px 5px;
    color: #555555;
    text-align: left;
}
div.boxl a, div.boxr a, div.boxl a:visited, div.boxr a:visited
{
    margin: 0px;
    padding-bottom: 5px;
    font-weight: normal;
    text-decoration: none;
}


/*
    General modifiers
*/
.notlive
{
    color: red;
}
.left
{
    text-align:left;
}
.right
{
    text-align:right;
}
.cen
{
    text-align:center;
}
.vcen
{
    vertical-align:middle;
}
.small
{
    font-size: 60%;
}
.stockin
{
    color: #17BF1E;
    font-weight: bold;
}

.stockyes
{
    color: #17BF1E;
    font-weight: bold;
}
.stockdue
{
    color: #fb9f00;
    font-weight: bold;
}
.stockout
{
    color: red;
    font-weight: bold;
}
.stockno
{
    color: red;
    font-weight: bold;
}
.stockgrey
{
    color: grey;
}
.priceWas
{
    color: red;
    font-weight: bold;
    text-decoration: line-through;
}

.adminText
{
    color: #777777;
    font-style: italic;
}

.green
{
    color: #17BF1E;
}
.red
{
    color:red;
}
.shaded
{
    background-color:#F0F0F0;
}
.strike
{
    text-decoration: line-through;
}

.newWindow
{
    padding-right: 18px;
    background-image:url("/images/icon_new_window.png");
    background-repeat:no-repeat;
    background-position:right top;
}

select, input
{
    font-family: courier;
}
input
{
    padding: 2px 5px;
}
input.notbutton, textarea
{
    padding: 2px 5px;
    border:solid #eb618f 2px;
}
input.button,
a.button:link, a.button:visited, a.button:hover,
a.medbutton:link, a.medbutton:visited, a.medbutton:hover
{
/*    margin:1px;
    padding:3px;
    text-decoration:none;
    text-align:center;
    vertical-align:middle;
    font:bold 115% arial, sans-serif;
    border:solid #eb618f 2px;
    background-color: #F694B3;
    color:white;
    cursor:pointer; */
}

input.smartSearch
{
    padding: 5px 5px;
    border:solid #eb618f 2px;
    margin:5px;
    font-size: 140%;
}

.errorRequired
{
    background-color:#9AABEB;
}

label.smartSearch
{
    font-size: 140%;
    color: #eb618f;
}

input.navButton
{
    padding: 2px 5px;
    margin:5px;
}


/*
    special cases
*/
a.admin:link, a.admin:visited
{
    text-decoration:none;
    color:#3366ff;
    font-weight: normal;
}

a.simple, a.simple:visited { text-decoration:none;     font-weight: normal; }
img.border{ margin:5px; border:red 2px solid;}
img.prodphoto{ margin:0 0 5px 0; }
img.catheader
{
margin:0 5px 5px 0;
border: #3399ff 2px solid;
}
img.basketad{ margin:0 0px 5px 5px; }
.required, .error{ font-weight:bold; color:red;    }

p.key
{
    margin: 4px 0;
    color: white;
    font-weight: bold;
    font-size: 85%;
}
p.key .na, .half, .one, .two, .nb, .yb, .ob, .to
{
    padding: 1px 2px;
    margin-right:3px;
}
p.copyright
{
    text-align:center;
    font-size: 80%;
}
span.na{ background-color: #DDDDDD; }
span.key{ color: #555555; font-weight: normal; }
/* grobag tog colours */
.half { background-color: #FF6633; }
.one { background-color: #FF9933; }
.two { background-color: #FFCC33; }
/* grobag size colours */
.nb{ background-color: #00ADEF; color: white; }
.yb{ background-color: #0173BA; color: white; }
.ob{ background-color: #ED6DA8; color: white;}
.to{ background-color: #00A666; color: white;}

table.buyformhdr
{
    margin: 0;
    background-color: #F0F0F0;
    border-top: 1px solid #3399ff;
    border-left: 1px solid #3399ff;
    border-right: 1px solid #3399ff;
    width:100%;
}

table.buyform
{
    background-color: #F0F0F0;
    border-bottom: 1px solid #3399ff;
    border-left: 1px solid #3399ff;
    border-right: 1px solid #3399ff;
    width:100%;
}

table.buyformhdr th
{
    padding: 5px;
}

table.buyform td
{
    padding: 3px;
}

table.buyform h3, table.buyform input, table.buyform select
{
    margin:0px;
    padding:0px;
}

td.borderLeft, th.borderLeft
{
    border-left: 1px solid #3399ff;
    padding-left: 5px;
}

div#admin a
{
    margin-right: 5px;
}

span.price
{
    font-family:  Arial, Helvetica, sans-serif;
    font-size: 120%;
    font-weight: bold;
    text-decoration: none;
    color:#eb618f;
}
span.price a, span.price a:visited
{
    text-decoration: none;
    color:#3399ff;
}



div.quote
{
background-color: #e1ffdf;
border: 1px dotted #00bf08;
width: 100%;
margin-bottom: 5px;
color: #00bf08;
text-align:center;
font-style:italic;
}

div.quote p,
div.quoteBoxr p
{
    margin: 10px;
}

div.quote p strong,
div.quoteBoxr p strong
{
    font-size: 125%;
}
div.quote p strong,
div.quote a,
div.quote a:visited,
div.quoteBoxr p strong,
div.quoteBoxr a,
div.quoteBoxr a:visited
{
color: #00bf08;
}
/*
    underline for links in comments when on right
*/
div.quoteBoxr a,
div.quoteBoxr a:visited
{
text-decoration: underline;
}


/*
    OLD FORM CSS
*/
div.form, div.formNarrow
{
    text-align:center;
    background-color: #F0F0F0;
    border: 1px solid #3399ff;
    padding: 5px;
    margin: 0px auto;
    margin-bottom: 5px;
}
div.form{ width: 90%; }
div.formNarrow{ width: 50%;    }
div.row
    {
        clear: both;
        padding-top: 2px;
        padding-bottom: 2px;
    }
    div.row span.l
    {
        float: left;
        width: 20%;
        text-align: right;
        padding-top: 2px;
    }
    div.row span.r
    {
        float: right;
        width: 79%;
        text-align: left;
    }
span.formdata
{
    display:block;
    margin:1px;
    padding:2px;
    vertical-align:middle;
    border: solid #3366ff 1px;
    width:50%;
}
div.err
{
    margin: 0 20% 5px 20%;
    text-align: center;
    border: solid red 4px;
}
input.err, textarea.err, select.err
{
    border-style:solid;
    border-color:red;
    border-width:4px;
}
input.check
{
    padding:1px;
    border-style:none;
    background-color:#F0F0F0;
}
input.errradio
{
    border-width:0px;
    background-color:red;
}

input.num
{
    text-align:center;
    vertical-align:middle;
}


table.basket
{
    border:solid 1px #3399ff;
    background-color: #F7F7F7;
}

th
{
    color: #eb618f;
    padding-right: 3px;
}

td.num, th.num
{
    text-align:right;
    padding-left: 3px;
    padding-right: 3px;
}

table.smart
{
    border:solid 1px #3399ff;
    background-color:#F0F0F0;
    text-align:left;
}
table.data
{
    border:solid 1px #3399ff;
    background-color:#F0F0F0;
    width:98%;
    padding:5px;
    border-collapse:collapse;
}
table.prodPageData
{
    border:solid 1px #3399ff;
    background-color:#F0F0F0;
    text-align:left;
    padding:5px;
}
table.report
{
    border:solid 1px #3399ff;
    background-color:#F0F0F0;
    padding:5px;
    border-collapse:collapse;
}

/* compare info on prod page */
table.product
{
    margin: 0;
    margin-bottom: 5px;
    background-color: #F0F0F0;
    border: 1px solid #3399ff;
}

hr                                {    color: #eb618f;    background-color: #eb618f;    }
div.boxl h4, div.boxr h4        {    background: #eb618f;    }
strong, h1, h2, h3, h4, h5            {    color: #eb618f;            }
input.nav, input.notbutton, textarea        {    border:solid #eb618f 2px;}
div.boxl, div.boxr                {    border-color: #eb618f;    }
#crumbs                            {    border-color: #eb618f;    }
table.buyformhdr                {    border-color: #eb618f;    }
table.product                    {    border-color: #eb618f;    }
table.buyform                    {    border-color: #eb618f;    }
table.buyform td                {    border-top: dotted 1px #eb618f;    }
table.buyform tr.solid td        {    border-top: solid 1px #eb618f;    }
div.form, div.formNarrow        {    border-color: #eb618f;    }