HTML
{
    background-image: url(/new/background1.jpg);
    min-width: 961px;
    padding-bottom: 0px;
    background-color: #302f2e;
    margin: 0px;
    padding-left: 0px;
    padding-right: 0px;
    background-repeat: no-repeat;
    font-family: verdana, arial, sans-serif;
    background-position: center top;
    height: 100%;
    color: #3e3e3e;
    font-size: 11px;
    padding-top: 0px;
}
BODY
{
    background-image: url(/new/background1.jpg);
    min-width: 961px;
    padding-bottom: 0px;
    background-color: #302f2e;
    margin: 0px;
    padding-left: 0px;
    padding-right: 0px;
    background-repeat: no-repeat;
    font-family: verdana, arial, sans-serif;
    background-position: center top;
    height: 100%;
    color: #3e3e3e;
    font-size: 11px;
    padding-top: 0px;
}
#main_container
{
    padding-bottom: 50px;
    margin: 0 auto;
    width: 979px;
    height: auto;
}
#header
{
}

#header a
{
    color: #111111;
    padding: 0px;
    font-family: Calibri, Arial, Verdana;
    margin: 0px;
}

#header a:hover
{
    color: #000000;
    padding: 0px;
    font-family: Calibri, Arial, Verdana;
    margin: 0px;
}

#logo
{
    background-image: url(/new/1-home_r1_c1.jpg);
    width: 659px;
    height: 88px;
    float: left;
}
#cart
{
    background-image: url(/new/1-home_r1_c5.jpg);
    width: 290px;
    height: 28px;
    float: left;
    padding: 60px 15px 0px 15px;
    font-size: 14px;
    text-align: center;
}
#navigation
{
    list-style: none;
    margin: 0px;
    padding: 0px;
}
#navigation li
{
    float: left;
}

#content
{
    height: 506px;
    background-color: White;
    clear: both;
}

#homeleft
{
    background-image: url(/new/1-home_r4_c1.jpg);
    width: 688px;
    height: 506px;
    float: left;
}
#homeright
{
    background-image: url(/new/1-home_r4_c6.jpg);
    width: 291px;
    height: 506px;
    float: left;
}
#footer
{
    background-image: url(/new/1-home_r5_c1.gif);
    width: 979px;
    height: 78px;
    float: left;
    padding: 0px;
    margin: 0px;
}

#footer p
{
    color: #eeeeee;
    padding: 6px 15px 6px 15px;
    font-family: Calibri, Arial, Verdana;
    margin: 0px;
}

#footer a
{
    color: #eeeeee;
    padding: 0px;
    font-family: Calibri, Arial, Verdana;
    margin: 0px;
}

#footer a:hover
{
    color: #ffffff;
    padding: 0px;
    font-family: Calibri, Arial, Verdana;
    margin: 0px;
}


#contactleft
{
    width: 449px;
    height: 486px;
    float: left;
    padding: 10px 20px 10px 20px;
}
#contactright
{
    width: 449px;
    height: 486px;
    float: left;
    padding: 10px 20px 10px 20px;
}

#aboutleft
{
    width: 195px;
    height: 506px;
    float: left;
    margin: 0px;
    padding: 0px;
}

.solidblockmenu
{
    margin: 0;
    padding: 0;
    float: right;
    font: bold 12px Arial;
    width: 195px;
    background-color: #222222;
    border-bottom: 1px solid #ffffff;
    border-top: 1px solid #ffffff;
}
.solidblockmenu li
{
    display: inline;
}
.solidblockmenu li a
{
    width: 187px;
    float: left;
    color: #ffffff;
    padding: 7px 4px;
    text-decoration: none;
    border-bottom: 1px solid white;
}
.solidblockmenu li a:visited
{
    color: #ffffff;
}
.solidblockmenu li a:hover, .solidblockmenu li .current
{
    width: 187px;
    color: white;
    background-color: #444444;
}

#aboutright
{
    width: 744px;
    height: 496px;
    float: left;
    padding: 0px 20px 10px 20px;
    overflow-x: hidden;
    overflow-y: scroll;
}

#aboutright a
{
   Color:#444444;
}
#aboutright a:hover
{
   Color:#777777;
}



.stockists
{
    width: 300px;
    float: left;
    padding: 0px 50px 20px 0px;
}






/*                    ###############################                           Brands Menu            ################################################  */


div#s1
{
    width: 195px; /* menu width */
}

div#s1 ul
{
    background-color: #222222;
    list-style-type: none; /* get rid of the bullets */
    padding: 0; /* no padding */
    margin: 0; /* no margin for IE either */
}

div#s1 ul li
{
    margin: 0;
    padding: 0;
    background-color: #eeeeee;
    display: block;
    border-top: 1px solid white; /* lines */
    margin-bottom:5px;
}
div#s1 ul li a
{
    display: block; /* lines extend to right, make area clickable */
    color: #ffffff;
    background-color: #222222;
    padding: 7px 4px;
    margin: 0;
    text-decoration: none; /*  height: 15px;  hint for IE, alternatively remove whitespace from HTML */
}
div#s1 ul ul li a
{
    margin-left: 8px; /* indent level 1 */
}
div#s1 ul ul ul li a
{
    margin-left: 16px; /* indent level 2 */
}
div#s1 ul li a:hover
{

       color: #222222; /* fix lower levels */
    background-color:#dddddd;
}



div#s1
{
    width: 195px; /* menu width */
}

div#s1 ul
{
    background-color: #222222;
    list-style-type: none; /* get rid of the bullets */
    padding: 0; /* no padding */
    margin: 0; /* no margin for IE either */
}

div#s1 ul li
{
    margin: 0;
    padding: 0;
    background-color: #222222;
    display: block;
    border-top: 1px solid white; /* lines */
}

div#s1 ul li a
{
    display: block; /* lines extend to right, make area clickable */
    color: #ffffff;
    background-color: #222222;
    padding: 7px 4px;
    margin: 0;
    text-decoration: none; /*  height:15px;            hint for IE, alternatively remove whitespace from HTML */
}

div#s1 ul ul li a
{
    margin-left: 5px; /* indent level 1 */
}

div#s1 ul ul ul li a
{
    margin-left: 10px; /* indent level 2 */
}

div#s1 li ul, div#s1 li.open li.closed ul
{
    display: none; /* collapse */
}

div#s1 li.open ul
{
    display: block; /* expand */
}

div#s1 ul li.open a
{
    background-image: url(bullet_open.gif);
    background-repeat: no-repeat;
}

div#s1 ul li.closed a
{
    background-image: url(bullet_closed.gif);
    background-repeat: no-repeat;
}

div#s1 ul li.leaf a
{
    background-image: url(bullet_leaf.gif);
    background-repeat: no-repeat;
}

div#s1 li.active a
{
    background-position: 0px -20px;
    color: #000000; /* highlight text */
     /*     color: #222222;    fix lower levels */
    background-color:#ffffff;
    
}

div#s1 li.active li a
{
    background-position: 0px 0px;
    color: #222222; /* fix lower levels */
    background-color:#dddddd;
}

div#s1 ul li a:hover
{
    color: white;
    background-color: #C41131; /* rollover effect */
}