/* general styles */
* { padding: 0; margin: 0; }

body { background: #85A238 url(images/img1.jpg) repeat-x fixed; margin: 0; padding: 0; font-family: "Arial", "Helvetica", "sans-serif"; font-size: 12px; color: #333333; }
a    { outline: none; }
td, input { font-size: 1.0em; }
h1 { padding-top: 8px; margin: 0; }
h2 { padding: 16px 0 16px 0; margin: 0; font-size: 1.4em; }
h3 { padding-top: 4px; margin: 0; }
h4 { padding-top: 4px; margin: 0; }
h5 { padding-top: 4px; margin: 0; }
h6 { padding-top: 4px; margin: 0; }

#wrapper { width: 970px; background: #FFFFFF; margin: 0px auto 0; }
.text-only { display: none; }
.clear { font-size: 1px; clear: both; }
.bold  { font-weight: bold; color: #337321; }
.brand-colour { color: #337321 !important; }
.sectionheadersbig
{
	font-weight: bold;
	color: rgb(0, 0, 0);
	/*background: url(images/sectionheader_big.jpg) no-repeat left top;*/
    background: rgb(240, 240, 240);
    border: 1px solid rgb(192, 192, 192);
	padding-left: 5px;
	padding-top: 6px;
    padding-bottom: 2px;
	height: 17px;
}
.sectionheaders
{
	font-weight: bold;
	color: rgb(0, 0, 0);
	/*background: url(images/sectionheader.jpg) no-repeat left top;*/
    background: rgb(240, 240, 240);
    border: 1px solid rgb(192, 192, 192);
	padding-left: 5px;
	padding-top: 6px;
	padding-bottom: 2px;
	height: 17px;
}
.sectionheaders p {
    float: left;
    padding: 0;
    margin: 0;
}
/* links */
a:link    { color: #000; text-decoration: none; }
a:visited {	text-decoration: none; color: #000; }
a:hover   {	text-decoration: underline;	color: #000000; }
a:active  {	text-decoration: none; }
a.brand-colour { color: #337321 !important; }

/* Header styles */

    #header {
	    width: 970px;
	    height: 140px;
	    margin: 20px auto 0px;
	    background: url(images/fc_corners.gif) no-repeat left top;
	    padding-top: 10px;
	    position: relative;
    }
    #header #topmenu {
	    font: 11px Arial, Helvetica, sans-serif;
	    display: block;
	    width: 235px;
	    z-index: 2;
	    position: absolute;
	    top: 35px;
	    right: 10px;
    }
    #header #topmenu .borderright {
	    border-right: 1px solid #FFFFFF;
    }

    #topmenu ul {
	    margin: 0px 0px 0px 3px;
	    padding: 0px;
	    list-style: none;
    }

    #topmenu li {
	    display: inline;
    }

    #topmenu a {
	    width: 75px;
	    text-align: center;
	    text-decoration: none;
	    padding-right: 0px;
	    color: #FFFFFF;
	    display: block;
	    float: left;
	    z-index: 2;
    }
/*
---------------------------------------------------------------------------
    menu styles
---------------------------------------------------------------------------
*/
    #menu {
	    width: 970px;
	    height: 35px;
	    margin: 0 auto;
	    background: #FFFFFF url(images/menu_bg.gif) no-repeat left top;
	    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    }
    #menu ul {
	    position: relative; left: +10px;
        margin: 0 0 0 3px;
	    padding: 0;
	    list-style: none;
    }
    #menu li {
        margin-top: 0; padding-top: 0;
	    float: left;
    }
    #menu a {
	    display: block;
	    float: left;
	    width: 128px;
	    text-align: center;
	    text-decoration: none;
	    text-transform: capitalize;
	    font-weight: bold;
	    padding-top: 7px;
	    padding-right: 0px;
	    padding-bottom: 7px;
	    color: #FFFFFF;
    }
#menu a:hover { color: #CDB89B; text-decoration: underline; }

/* Content Styles */
h6 { color: #337321; padding-top: 7px; }
#content { background: #FFFFFF; width: 970px; margin: 0px auto; padding: 2px 0px 0px; }
#content { float: left; width: 600px; color: #333; margin: 8px 0; height: auto; min-height: 350px; height: auto !important; position: relative; left: +10px; }
#content ul { padding: 7px; }
#content li { padding: 2px; list-style: square inside; }
#content hr { text-align: left; margin: 0 auto 0 0; border-top: 1px solid #CCCCCC; height: 1px; border-right: 0 none; border-bottom: 0 none; border-left: 0 none; }
#content h5 { color: #337321; padding-top: 7px; }
#content p { line-height: 1.2em; padding: 8px 0 8px 0; margin: 0; }

/* Left Hand Column Styles */
#leftcolumn { margin: 10px 0px 5px 10px; width: 165px; float: left; display: inline; }
#leftcolumn #categories { margin-bottom: 10px; }
#leftcolumn p, h6 { margin-top: 0; }
#leftcolumn #news { text-align: left; margin-bottom: 10px; padding-bottom: 10px; height: 58px; border-right: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; }
#leftcolumn #infobox { text-align: left; margin-bottom: 10px; padding-bottom: 10px; height: 58px; border-right: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; }
#leftcolumn #associates { margin-bottom: 10px; padding-bottom: 10px; height: 205px; border-right: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; }

/* Categories Styles */
#categories a.menu-sub { font-weight: bold; background: rgb( 255, 255, 255 ); color: rgb( 0, 0, 0 ); display: block; margin: 0; padding: 5px 0 5px 4px; text-decoration: none; }
#categories a.menu-sub:hover { color: rgb( 64, 128, 255 ); }
#categories .dijitAccordionTitle { font-weight: bold; background: rgb( 193, 173, 147 ); border: 0; }
#categories .dijitAccordionTitle-selected { background: rgb( 64, 128, 255 ); color: white; border: 0; }
#categories br { display: none; }


/* Featured project styles */
    #content .featured-product {
        float: left;
        width: 33%;
	    border-right: 1px solid #CCCCCC;
	    border-bottom: 1px solid #CCCCCC;
	    border-left: 1px solid #CCCCCC;
        text-align: center;
        min-height: 200px; height: auto! important; height: 200px;
    }

    #content .featured-product a {
		position: relative; top: +2%; left: +2%;
        display: block; width: 96%; height: 96%;
        color: black;
        text-decoration: none;
    }

    #content .featured-product .product-image {
        float: none; clear: both; display: block;
        width: 128px; height: 128px; margin: 0 auto;
        cursor: pointer;
    }

    #content .featured-product .product-desc {
        display: block;
        float: none; clear: both;
        text-align: left;
    }

/*
------------------------------------------------------------------------------------
   Shop Category View Styles
------------------------------------------------------------------------------------
*/

    #content .category-row {
        display: block;
        float: left;
        width: 47%;
        height: 130px;
        overflow: hidden;
        padding: 1%;
        margin-right: 4px;
        margin-bottom: 10px;
        border: 1px solid #ccc;
        border: 1px solid #ccc;
        color: rgb( 0, 0, 0 ) !important;
    }

    #content .category-row a {
        color: rgb( 0, 0, 0 ) !important;
    }

    #content .category-row .product-image {
        display: block;
		float: left;
    }

    #content .category-row .product-details {
        float: right;
        width: 128px !important;
        text-align: left;
    }
    
    .category-select {
        float: left;
        width: 220px; 
        margin: 3px 48px 0 4px;
        position: relative;
        left: +48px;
        height: 30px; 
        color: rgb(255,255,255);        
        background: top left no-repeat url(assets/images/arrow1.gif);
        background-color: #759D0D; 
    }
    
    .category-select:hover {
        background: top left no-repeat url(assets/images/arrow2.png);
        background-color: #759D0D;         
    }

    .category-select a {
        display: block;
        width: 220px;
        padding-top: 8px;
        padding-left: 36px;
        height: 24px;
        color: rgb(255,255,255) !important;        
    }

/*
------------------------------------------------------------------------------------
   Shop Product View Styles
------------------------------------------------------------------------------------
*/

    #content .product-row {
        position: relative; float: left;
        border: 1px solid rgb( 0, 96, 0 );
        padding-bottom: 10px;
        width: 598px;
    }

    #content .product-row .product-row-inner {
        padding: 4px;
    }

    #content .category-col {
        height: auto;
        overflow: hidden;
    }

    .product-thumbnails .product-thumbnail img {
        position: relative;
        width: 64px;
        background-position: top left; background-repeat:  no-repeat;
    }

    .product-thumbnails a {
        display: block; height: 100%; width: 100%; cursor: pointer;
    }

/* Styles for product Template 1 */
#shop_prod_1 .product-details { float: right; width: 250px !important; padding: 0 8px; margin: 0; }
#shop_prod_1 .product-details h1 { font-size: 1.8em; font-weight: bold; }
#shop_prod_1 .product-details h2 { padding: 0; margin: 0; }
#shop_prod_1 .product-image      { padding: 0 8px; margin: 0; border: 1px solid rgb( 240, 240, 240 ); }
#shop_prod_1 .product-formats    { float: left; clear: right; }
#shop_prod_1 .product-qty        { float: right; width: 100px; clear: right; }
#shop_prod_1 .product-qty .buy-button { padding-top: 8px; float: right; clear: both; }
#shop_prod_1 .product-thumbnails { float: left; position: relative; margin-top: 4px; }
#shop_prod_1 .product-thumbnail  { float: left; padding: 4px; border: 1px solid rgb( 240, 240, 240 ); }

/* Styles for product Template 2 */
#shop_prod_2 .product-details    { width: 320px; }
#shop_prod_2 .product-details h1 { background-color: black; color: white; font-size: 1.6em; padding: 4px; }
#shop_prod_2 .product-image      { float: right; position: relative; padding: 8px; margin: 8px; border: 4px solid rgb( 0, 0, 0 ); width: 284px; }
#shop_prod_2 .product-formats    { clear: both; float: none; }
#shop_prod_2 .product-qty        { float: left; clear: both; }
#shop_prod_2 .product-qty .buy-button { position: relative; top: +16px; }

/* Styles for product template 3 */
#shop_prod_3 .product-details { float: left; clear: left; width: 320px; }
#shop_prod_3 .product-details h1 { font-size: 1.6em; padding: 4px 0; }
#shop_prod_3 .product-image { float: left; padding: 8px; margin: 8px; width: 284px; height: 228px; }
#shop_prod_3 .product-formats { clear: both; float: none; }
#shop_prod_3 .product-qty { float: right; padding: 0 16px 16px 16px; background-color: rgb( 240, 240, 240 ); border: 1px solid rgb( 192, 192, 192 ); }
#shop_prod_3 .product-qty .buy-button { position: relative; top: +16px; }

/* Right Hand Menu Styles */
#rightcolumn a { text-decoration: underline; }
#rightcolumn { color: #333; margin: 10px 10px 0 0; width: 165px; float: right; display: inline; position: relative; right: 0; }
#rightcolumn .imgright { float: right; }
#rightcolumn #search { margin-bottom: 10px; padding-bottom: 10px; height: 58px; border-right: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; }
#rightcolumn p { margin-top: 0; }
#rightcolumn #basket { margin-bottom: 10px; padding-bottom: 10px; border-right: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; min-height: 58px; height: auto !important; height: 58px; text-align: left; }
#rightcolumn #subscribe { border-right: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; margin-bottom: 10px; padding-bottom: 10px; text-align: left; }
#rightcolumn #help { margin-bottom: 10px; padding-bottom: 10px; border-right: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; text-align: left; overflow: none; }
#rightcolumn #payments { margin-bottom: 10px; padding-bottom: 10px; height: 180px; border-right: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; }
#rightcolumn p { padding: 8px 4px; }
#rightcolumn #links { background: #E3E3E3; }
#rightcolumn .menu-box { border: 1px solid #cccccc; border-top: 0; margin-bottom: 10px; min-height: 160px; height: auto !important; height: 160px; }

#searchform { vertical-align: top; margin: 0; padding: 0; width: 145px;	height: 34px; }
.searchfield { float: left; margin: 6px 8px 0 0; padding: 0; }
.search-image { float: left; background: top left no-repeat url(assets/images/search.gif); border: 0; width: 24px; height: 32px; }
#basket p { padding: 4px; }
#links ul { padding: 7px; list-style: square inside; }
#links li {	padding: 2px; }

/* Footer Styles */
#footer { width: 970px; clear: both; color: #333; margin-bottom: 10px; margin-top: 0px; background: #FFFFFF; }
#footer p { margin: 0px; padding-top: 7px; text-align: center; color: #999999; padding-bottom: 7px; }
#footer a { color: #666666; }
#footer a:hover { color: #333333; }
.fl { float: left; }
img { border: 0; }

/* Basket Styles */

    .button-updatebasket {
        display: block;
        width: 125px; height: 22px;
        background: top left no-repeat url(images/navigation/updateshopping.jpg);
    }

    .button-continueshopping {
        margin-left: 16px;
        display: block;
        width: 125px; height: 22px;
        background: top left no-repeat url(images/navigation/continueshopping.jpg)
    }

    .button-checkout {
        margin-left: 8px;
        display: block;
        width: 75px; height: 22px;
        background: top left no-repeat url(images/navigation/checkout.jpg)
    }

    .button-viewbasket {
        float: left;
        margin-left: 8px;
        display: block;
        width: 192px; height: 22px;
        background: top left no-repeat url(images/navigation/viewbasket.jpg)
    }

    .button-basket-remove {
        display: block;
        width: 16px; height: 16px;
        background: top left no-repeat url(images/navigation/button_remove.png);
    }

    .button-checkout-next {
        float: left; clear: right;
        width: 146px; height: 22px;
        /*background: top left no-repeat url();*/
    }

/*
-----------------------------------------------------------------------------
    Checkout Steps Styles
-----------------------------------------------------------------------------
*/

#checkout-billing-details { position: relative; left: +16px; float: left; width: 48%; }
#checkout-delivery-details { float: right; width: 48%; }
#checkout-steps  { width: 500px; margin: 0 auto; height: 91px; margin-top: 16px; }
.checkout-step-1 { width: 500px; height: 91px; background: top left no-repeat url(images/navigation/step1.gif); }
.checkout-step-2 { width: 500px; height: 91px; background: top left no-repeat url(images/navigation/step2.gif); }
.checkout-form { width: 98%; margin: 0 auto; }
.checkout-form p { padding: 0; margin: 0; }
.checkout-form span.label { font-weight: bold; }
.delivery-message { padding: 4px; background-color: rgb( 192, 240, 192 ); border: 2px solid rgb(140,192,140); }

#dojoxLightboxDialog_underlay { background-color: green !important; }

/* IE needs to know a fixed height for accordion or gets confused */
#category_accordion {
    min-height: 580px; height: 580px !important;
}




.menu-level2 {  }
.menu-level3 { text-indent: 8px; color: #678018 !important; }
.menu-level3:hover { color: black !important; }
.menu-level4 { text-indent: 16px; color: #678018 !important; }
.menu-level4:hover { color: black !important; }
.menu-level5 { text-indent: 24px; color: #678018 !important; }
.menu-level5:hover { color: black !important; }