body {
}

body,div,td,select,input,textarea {
    font-size: 12px;
    font-family: verdana, geneva, sans-serif;
}


body {
    background-color: #009a00;
    background-image: url(images/site_background.jpg);
    background-position:top center;
    background-repeat:no-repeat;
    background-attachment:fixed;
    color:#000;
}

body,div,td,select,input,textarea {
    font-size: 12px;
    font-family: verdana, geneva, sans-serif;
}

/*-- page layouts --*/

#bodywrap {
    width:1000px;
    margin:50px auto;
}

#header {

}

#contentwrap {
    background-color:#fff;
}

#leftcolumn {
    /*background:#F3BF09 url(images/left_column.jpg) top left no-repeat;*/
    background-color:#fff;
    width:200px;
    height:900px;
    padding-top:30px;
    float:left;
}
 

div#menubar {
    background-color:#009a00;
    color:#000;
    width:800px;
    height:30px;
    float:left;
}

div#menubar a {
    margin:5px 7px 0px 7px;
    display:block;
    float:left;
}    
div#menubar a.basket {
    margin:0px;
    float:right;
}

div#middle { 
    width:760px;
    height:760px;
    min-height:760px;
    height:auto !important;

    padding:5px 20px 20px 20px;

    background:#fff;
    float:left;
    line-height:150%;
}    

#footer {
    background-color:#fff;
    padding:6px 12px;
    color:#333;
    border-top:1px solid #e7e7e7;
}
#footer div {
    font-size:90%;
}
#footer ul li {
    margin-left:10px;
}
#footer a {
    color:#333;
}
/*-- menus --*/
#leftcolumn ul, #menubar ul, #footer ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
#menubar ul li, #menubar ul li, #footer ul li {
    display: inline;
    list-style-type: none;
}


#menubar ul a {
    width:82px;
    height:22px;
    display: block;
    background-position:left top ;
    background-repeat:no-repeat;
    overflow: hidden;
    text-decoration:none;
}
#menubar ul a:hover, #menubar ul a.current  {
    background-position:0px -22px ;
    text-decoration:none;
}
span.displace {
    visibility:hidden;
}   

#leftcolumn ul a {
    width:160px;
    height:20px;
    display: block;
    margin:10px 0px 10px 20px;

    background-position:0px 0px ;
    background-repeat:no-repeat;
    overflow: hidden;
    text-indent:1000px;
}
#leftcolumn ul a:hover, #leftcolumn ul a.current  {
    background-position:0px -20px ;
}


/*-- general --*/
.clearer {
    clear: both;
    padding:0;margin:0;
    line-height: 0px;
    height: 0px;
    background-color:transparent;
}

div.left { float:left; }
div.right { float:right; }


form {
    margin: 0;
    padding: 0;
}

table tr td,table tr th {
    vertical-align: top;
    text-align: left;
}

a:link img, a:visited img {
    border:0px;
}

a:link, a:visited {
    color:#000;
}
a:hover {
    color:#3974ae
}

pre {
    background-color:#eee;
}   

/*-- form elements --*/
.inputbox { 
    width:220px;
    border:1px solid #ccc;
    padding:2px;
}   
.short {
    width:100px;
}
textarea.inputbox { 
    width:300px;
    height:50px;
}

input.button, a.button:link,a.button:visited {
    background-color: #009a00;
    font-weight: bold;
    color: #fff;
    border: 1px outset #999;
    padding:4px 6px;
    cursor: pointer;
    text-align: center;
    margin-right:10px;

    float:left;
    display:block;
}
a.button:link,a.button:visited {
    text-decoration:none;
    padding:1px 6px 2px 6px;
    height:19px;
}   

.smallbutton, a.smallbutton:link,a.smallbutton:visited {
    background-color: #ccc;
    font-weight: normal;
    color: #333;
    font-size:90%;
    border: 1px outset #999;
    padding:3px 6px;
    cursor: pointer;
    text-align: center;
    text-decoration:none;
}   

#cartform select {
    width:230px;
    font-size:11px;
}
/*-- text styles --*/
.required {
    color: #f00;
    padding-left: 4px;
}

.hint {
    color: #666;
    /*width:320px;*/
}

.warning { 
    color: #c00;
}

.error, .success {
    padding: 6px;
    margin: 12px 0;
    text-align:center;
    /*  width: 400px; */
}   
.error {
    color: #c00;
    background-color: #FCEEF3;
}
.success {
    background-color: #009a00;
    color: #fff;
    font-weight:bold;
}
.success a {
    color:#fff;
}
/*-- page elements --*/

div.swatch { 
    width:50px; height:50px; border:1px solid #000; float:left; 
    margin:5px 8px 5px 0px;
    cursor:pointer;
}
div.noborder {
    border:1px solid #fff;
}

/*-- cart --*/
table.tablelist {
    border-spacing: 0px;
    border-collapse: collapse;
    empty-cells: show;
    margin: 12px 0px;
}
table td.right, table th.right {
    text-align:right;
}           
table.tablelist th {
    background-color: #009a00;
    color: #fff;
    padding: 8px 12px;
}
table.tablelist th a:link, table.tablelist th a:visited {
    color: #fff;
    text-decoration:underline;
}

table.tablelist td {
    padding: 4px 12px;
    border-bottom: 1px solid #ccc;
}
table.tablelist tr.follow td {
    padding-bottom:1px;
    border:none;
}


td.label {
    text-align: right;
    vertical-align:top;
}
td.data {
    vertical-align:top;
    line-height:140%;
}
td.right {
    text-align:right;
}
table.tablelist td.money, table.tablelist th.money {
    text-align: right;
}
td.noborder, tr.noborder td {
    border:none;
    border:1px solid #fff;
}   
table.tablelist td.buttons {
    border: none;
    text-align: right;
}

tr.total td, td.total {
    font-weight: bold;
    text-align:right;
}


/*-- cart --*/
tr.separator td {
    border:none;
    XXheight:20px;
}
td.cartText, table.tablelist td.cartText {
    text-align:right;
    border:none;
}
td.cartTotalText, table.tablelist td.cartTotalText {
    text-align:right;
    border:none;
    font-weight:bold;
}

td.cartTotal, table.tablelist td.cartTotal {
    text-align:right;
    font-weight:bold;
    border:none;
}

/*-- breadcrumbs --*/
.breadcrumbs {
    padding:0px ; margin:0px;
    margin-bottom:12px;
    height:12px;
    font-size:10px;
    background-color:#fff;
    color:#474747;
    font-weight:bold;
}   

.breadcrumbs a:link, .breadcrumbs a:visited {
    color:#474747;
    font-weight:bold;
}   

.breadcrumbs .step {
    display:inline;
    color:#474747;
    font-size:10px;
    font-weight:normal;
    margin-right:2px;
}
.breadcrumbs .current {
    color:#111;
    font-weight:bold;
}
.breadcrumbs .done {
    color:#111;
}

div.productlist {
    margin-right:-20px;
}
div.productlist .link {
    float:left;
    margin-bottom:10px;
    margin-right:10px;
}


/*-- product layout --*/
.boldtext { font-weight:bold;font-size:11px;color:#333; }

#productstandalone .productimage { width:440px;float:right; }
#productstandalone .relatedproducts { width:440px;float:right;margin-top:20px; }
#productstandalone .related { float:left; margin:0px 25px 25px 0px; }
#productstandalone .related.last { margin:0px 0px 25px 0px; }

#productstandalone .producttext { width:310px;float:left; }
#productstandalone .colourchoices { padding:6px 0px;border-top:1px solid #ccc; }
#productstandalone .buyform { padding:6px 0px;border-top:1px solid #ccc; }

#productrange .producttext { width:310px;float:left; }
#productrange .productmenu { float:left;width:100px ;}
#productrange .productimage { width:340px;float:right; }
/* #productrange .relatedproducts { padding:6px 0px;border-top:1px solid #ccc; } */
#productrange .relatedproducts { width:340px;float:right;margin-top:20px; }
#productrange .colourchoices { padding:6px 0px;border-top:1px solid #ccc; }
#productrange .buyform { padding:6px 0px;border-top:1px solid #ccc; }


/*-- Sitemap --*/
dl.sitemap { padding-bottom: 1em; }
dl.sitemap dt {font-weight: bold; }
dl.sitemap dd { margin-left:20px;  }
dl.sitemap dd {  background-image: url(images/sitemapline.gif); background-repeat: no-repeat; padding-left: 23px;}
dl.sitemap dd.bottom {  background-image: url(images/sitemapline2.gif); background-repeat: no-repeat; padding-left: 23px;}

ul.sitemap {
    list-style-type:none;
    margin: 0;
    padding: 0;
    line-height:140%;
}
ul.sitemap li {
    padding-left:8px;
}
ul.sitemap li.level2 {
    padding-left:16px;
}
ul.sitemap li.level3 {
    padding-left:24px;
}

/*-- news page --*/
#newsitem {
    float:left;
    width:580px;
}

#newscolumn {
    float:right;
    width:150px;
}

.newsteaser {
    margin-bottom:2em;
    font-size:90%;
}

.newsteaser a img {
    display:block;
    padding:3px;
    border:1px solid #ccc;
}

.newsteaser p {
    margin:0px;
    padding:0px;
}