*
{
    margin: 0;
    padding: 0;
}

.wrapper
{
    width: 100%;
    overflow: hidden;
}

.clear
{
    clear: both;
    font-size: 0%;
    line-height: 0%;
    height: 0;
}

input, select
{
    vertical-align: middle;
    font-weight: normal;
}

img
{
    border-style: none;
    border-color: inherit;
    border-width: 0;
    vertical-align: top;
    text-align: left;
}

ul /* removed ol selector from here */
{
    list-style: none;
}


a
{
    color: #777777;
}

a:hover
{
    text-decoration: none;
}

body
{
    background: white url('../images/_style/body_tail_gr.jpg') repeat-x; /* body-tail.jpg ... font-family: Georgia, "Times New Roman", Times, serif; */
    font-family: Calibri, Tahoma, Arial;
    font-size: 100%;
    line-height: 1em;
    color: #667149;
}

h1
{
    font-size: large;
}

h1.extra-indent
{
    padding: 0 0 15px 0;
}

h2
{
    font-size: 1.167em; /* was 1.167em */
    line-height: 1.214em;
    color: #777777; /* 165197 5b8100;*/
}

h2.extra-indent
{
    padding: 0 0 15px 0;
}

h3
{
    padding: 0 0 9px 0;
    font-size: 1.5em;
    font-weight: normal;
    line-height: 1.278em;
    color: #39441d;
}

h4
{
    padding: 0 0 16px 1px;
    font-size: 1em;
    line-height: 1.333em;
    color: #667149;
}

h4.extra-indent
{
    padding: 0 0 0 1px;
}

h4.extra-style
{
    padding: 0 0 16px 1px;
    color: #777777; /*678819; */
}

h5
{
    padding: 0 0 9px 0;
    font-size: 1.5em;
    font-weight: normal;
    line-height: 1.278em;
    color: #777777; /* #5b8101; */
}

h6
{
    font-size: 1.333em;
    line-height: 1.25em;
    color: #777777; /* #5b8101; */
}

h6.extra-indent
{
    padding: 0 0 10px 0;
}

thead
{
    font-weight: bold;
}

.fleft
{
    float: left;
}

img.fleft
{
    float: left;
    margin: 0 20px 20px 0;
}

img.fleft1
{
    float: left;
    margin: 0 19px 10px 0;
}

img.fleft2
{
    float: left;
    margin: 0 10px 4px 0;
}
.fright
{
    float: right;
}

#main
{
    width: 932px;
    margin: 0 auto; /* font-size: 0.75em; too small? changed 17/11/2009 */
    font-size: 0.80em;
}

#popup
{
    width: 560px;
    margin: 0 auto;
    font-size: 0.75em;
}


.col-1, .col-2, .col-3, .col-4, .col-5, .col-6
{
    float: left;
    overflow: hidden;
}

#header
{
    background: url('../images/_style/header.gif') no-repeat;
    /* was: header_new.jpg */ 
    height: 202px;
    position: relative;
}

#header ul
{
    background: url('../images/_style/menu-tail.jpg') repeat-x;
    width: 100%;
    height: 53px;
    overflow: hidden;
    position: absolute;
    top: 149px;
    left: 0;
}

#header ul li
{
    background: url('../images/_style/menu-divider.jpg') no-repeat;
    float: left;
    margin: 0 0 0 -1px;
    text-align: center;
    font-size: 1.167em;
    line-height: 53px;
}

#header ul li a
{
    display: block;
    width: 116px;
    height: 53px;
    margin: 0 0 0 1px;
    text-decoration: none;
    color: #fff;
}

#header ul li a:hover
{
    background: url('../images/_style/menu-act.jpg') repeat-x;
}

#header ul li#extra-width a
{
    width: 120px;
}

#header ul li.menu-act a
{
    background: url('../images/_style/menu-act.jpg') repeat-x;
}

#logo
{
    position: absolute;
    top: 29px;
    left: 4px;
}

#header-pic
{
    background: url('../images/_main/Isabels_K_logo_200.jpg') no-repeat; 
    width: 200px;
    height: 150px;
    position: absolute;
    top: 0;
    left: 216px;
}

#slogan
{
    background: url('../images/_style/lowsalt_nosugar_veg.gif') no-repeat; 
    position: absolute;
    top: 10px;
    right: 80px;
    width: 260px;
    height: 93px;
}

#award
{
    position: absolute;
    top: 10px;
    right: 50px;
}

#side_flower
{
    background: url('../images/_style/side_flowers.gif') no-repeat; 
    width: 170px;
    height: 1019px;
    position: absolute;
    top: 0;
    left: 0px;
    /* how to put this behind the rest */ 
    z-index: -100;
}


#page1 #content
{
    background: white;  /* url('../images/_style/content-tail.jpg') repeat-x; */
    padding: 30px 17px 0 22px;
}

/* can reset a backgroung graphic here instead of white background */ 
#content
{
    background: white; /* url('../images/_style/content-tail.jpg') repeat-x; */ 
    padding: 12px 12px 12px 12px;
}

#content p
{
    padding: 0 0 8px 1px;
    line-height: 1.333em;
}

#content p i
{
    display: block;
    padding: 10px 0 0 0;
    text-align: right;
    font-weight: bold;
    font-style: normal;
    color: #777777; /*678819; */
}

#content p em
{
    float: right;
    padding: 0 30% 0 0;
    font-style: normal;
}

#content p.extra-indent
{
    padding: 0 0 12px 1px !important;
}

#content p.extra-indent1
{
    padding: 0 0 18px 1px !important;
}

#content p.extra-indent2
{
    padding: 0 0 24px 1px !important;
}

#content p.extra-indent-left
{
    padding: 0 0 12px 300px !important;
}



#content p.extra-style
{
    padding: 15px 0 0 0;
    font-size: 1.5em;
    line-height: 1.278em;
    color: #39441d;
}

#content p.extra-style1
{
    padding: 0 0 0 1px;
    line-height: 1.333em; /* added: */
    font-size: 1.3em;
}


#content p.extra-style2
{
    padding: 0 0 0 1px;
    line-height: 1.333em; /* added: */
    font-size: 1.3em;
    padding: 0 0 12px 20px 
}


#content p.extra-style3
{
    padding: 0 0 0 1px;
    line-height: 1.333em; /* added: */
    font-size: 1.3em;
    padding: 0 0 4px 20px;
    height: 51px;
}


.row-1
{
    padding: 0 0 12px 0;
}

.line-hor
{
    background: #597C5D; /* #A4B4C7 */  /* bac792; */
    width: 100%;
    height: 1px;
    overflow: hidden;
}

.line-hor1
{
    background: #597C5D; /* #A4B4C7 */  /* bac792; */
    width: 100%;
    height: 1px;
    overflow: hidden;
    margin: 0 0 21px 0;
}

.line-hor2
{
    background: #597C5D; /* #A4B4C7 */  /* bac792; */
    width: 100%;
    height: 1px;
    overflow: hidden;
    margin: 4px 0 26px 0;
}

.info-box
{
    background: white; /* #dbe6c0 url(images/_style/info-box-bg.jpg) repeat-x 0% 0%; */
    padding: 20px 10px 0 10px; /* 4/3/10 was: 20px 30px 0 30px; */
    text-align: center;
}

.info-box img
{
    margin: 0 0 19px 0;
}

/* ------------------------------------------------------------------------- */

.list
{
    overflow: hidden;
    padding: 0 0 18px 0;
}

.list.extra-indent
{
    padding: 0 0 5px 0;
}

.list li
{
    background: url('../images/_style/point_leaf.gif') no-repeat 0% 1px; /* point_PDQ.gif */ 
    padding: 0 0 8px 22px;
    line-height: 1.333em;
    color: #777777; /*678819; */ /* added: */
    font-size: 1.1em;
}

.list li a
{
    text-decoration: none;
    color: #777777; /*678819; */ /* added: */
    font-size: 1.1em;
}

.list li a:hover
{
    text-decoration: underline;
}

/* ------------------------------------------------------------------------- */
/* ************************ special PDQ points for list ******************** */




/* ------------------------------------------------------------------------- */
/* ************************ added ****************************************** */

.list_product
{
    overflow: hidden;
    padding: 0 0 18px 0;
}

.list_product.extra-indent
{
    padding: 0 0 5px 0;
}

.list_product li
{
    background: none no-repeat 0% 1px;
    padding: 0 0 8px 22px;
    font-weight: bold;
    line-height: 1.333em;
    color: #777777; /*678819; */ /* added: */
    font-size: 1.1em;
}

.list_product li a
{
    text-decoration: none;
    color: #777777; /*678819; */ /* added: */
    font-size: 1.1em;
}

.list_product li a:hover
{
    text-decoration: underline;
}

/* ------------------------------------------------------------------------- */
.list-1
{
    width: 100%;
    overflow: hidden;
}

.list-1 li
{
    width: 20%;
    padding: 0 5% 0 0;
    float: left;
}

.list-1 li img
{
    margin: 0 0 8px 0;
}

/* ------------------------------------------------------------------------- */
.list-2
{
    width: 100%;
    overflow: hidden;
    padding: 0 0 8px 0; /* was 24px here */
}

.list-2.extra-style
{
    padding: 0;
}

.list-2 li
{
    width: 42%;
    padding: 0 4% 0 4%;
    float: left;
}

.list-2 li img
{
    float: left;
    margin: 0 20px 4px 0;
}

/* ------------------------------------------------------------------------- */


/* another set of list li's that split imgs into 3; 33%; */ 

.list-33
{
    width: 100%;
    overflow: hidden;
}

.list-33 li
{
    width: 33%;
    padding: 0 5% 0 0;
    float: left;
}

.list-33 li img
{
    margin: 0 0 8px 0;
}


/* ------------------------------------------------------------------------- */

.list-left
{
    width: 47%;
    padding: 0 5% 0 0;
    float: left;
}

.indent
{
    padding: 0 0 0 18px;
}

.indent_more
{
    padding: 0 0 0 24px;
}


.link
{
    background: url('../images/_style/marker.gif') no-repeat 1px 1px;
    padding: 0 0 5px 23px;
    line-height: 1.25em;
    font-weight: bold;
    text-decoration: none;
    color: #777777;
}

.link:hover
{
    text-decoration: underline;
}

.link-1
{
    background: url('../images/_style/marker.gif') no-repeat 1px 1px;
    display: inline-block;
    float: left;
    padding: 0 0 0 23px;
    margin: 0 0 12px 0;
    line-height: 1.25em;
    font-weight: bold;
    text-decoration: none;
    color: #777777;
    height: 17px;
}

.link-1:hover
{
    text-decoration: underline;
}

.link-2
{
    display: block;
    float: left;
    margin: 0 0 17px 0;
    font-weight: bold;
    color: #777777; /*678819; */
}


/* new style with large font and info graphic */ 
.bigBullet
{
    background: url('../images/_style/marker.gif') no-repeat 1px 1px;
    display: inline-block;
    float: left;
    padding: 0 0 0 20px;
    margin: 0 0 4px 0;
    /* line-height: 1.25em; */
    font-weight: bold;    
    font-size: larger; 
    text-decoration: none;
    color: #777777;
    height: 17px;
}


.box
{
    background: white; /* #dbe6c0 url(images/_style/info-box-bg.jpg) repeat-x 0% 0%; */
    padding: 25px 10px 3px 18px;
    border-top: 1px solid #597C5D; /* # 59B45D, A4B4C7,  b8c592; */
}

.box_no_border
{
    background: white; /* #dbe6c0 url(images/_style/info-box-bg.jpg) repeat-x 0% 0%; */
    padding: 12px 10px 3px 18px;
}

blockquote
{
    padding: 0 13px 0 0;
}

blockquote p
{
    padding: 0 0 25px 0 !important;
}

blockquote p span
{
    display: block;
    text-align: right;
    font-weight: bold;
}

.indent-bot
{
    padding: 0 0 10px 0 !important;
}

#form
{
    padding: 0 0 26px 0; /* font-family: Georgia, "Times New Roman", Times, serif; */
    font-family: Calibri, Tahoma, Arial;
    font-size: 1em;
    color: #667149;
}

#form label
{
    display: block;
    width: 100%;
    height: 21px;
    overflow: hidden;
}

#form label span
{
    display: block;
    width: 59px;
    height: 17px;
    float: left;
}

#form input
{
    background: #fff;
    width: 171px;
    height: 14px;
    padding: 1px 6px 0 6px;
    border: 1px solid #bdc89b;
    float: left; /* font-family: Georgia, "Times New Roman", Times, serif; */
    font-family: Calibri, Tahoma, Arial;
    font-size: 0.833em;
    color: #667149;
}

#form input.extra-width
{
    width: 129px;
}

#form p
{
    padding: 7px 0 5px 0;
}

#form a
{
    background: url('../images/_style/marker.gif') no-repeat 1px 1px;
    padding: 0 0 0 23px;
    margin: 0 15px 0 0;
    line-height: 1.25em;
    font-weight: bold;
    text-decoration: none;
    color: #777777; /*678819; */
}

#form a:hover
{
    text-decoration: underline;
}

.price
{
    padding: 0 0 18px 0;
}

.price li
{
    width: 100%;
    overflow: hidden;
    line-height: 1.667em;
}

.price li span
{
    float: right;
    font-weight: bold;
}

.price li a
{
    text-decoration: none;
    color: #667149;
}

.price li a:hover
{
    text-decoration: underline;
}

.line-ver
{
    background: url('../images/_style/line-ver.gif') repeat-y 50% 0%;
    width: 100%;
    overflow: hidden;
    margin: 0 0 30px 0;
}

#contact-form
{
    width: 556px; /* font-family: Georgia, "Times New Roman", Times, serif; */
    font-family: Calibri, Tahoma, Arial;
    font-size: 1em;
    line-height: 1.167em;
    color: #667149;
}

#contact-form p
{
    width: 271px;
    float: right;
}

#contact-form textarea
{
    background: #f1f3ec;
    width: 263px;
    height: 108px;
    padding: 3px;
    border: 1px solid #b2c182;
    float: right;
    overflow: auto; /* font-family: Georgia, "Times New Roman", Times, serif; */
    font-family: Calibri, Tahoma, Arial;
    font-size: 1em;
    line-height: 1.167em;
    color: #667149;
}

#contact-form label
{
    display: block;
    height: 45px;
    padding: 2px 0 0 0;
    overflow: hidden;
}

#contact-form span
{
    display: block;
}

#contact-form input
{
    background: #f1f3ec;
    width: 231px;
    height: 16px;
    padding: 2px 3px 1px 3px;
    border: 1px solid #b2c182;
    float: left; /* font-family: Georgia, "Times New Roman", Times, serif; */
    font-family: Calibri, Tahoma, Arial;
    font-size: 1em;
    line-height: 1.167em;
    color: #667149;
}

#contact-form a
{
    background: url('../images/_style/marker.gif') no-repeat 1px 1px;
    float: right;
    padding: 0 0 0 23px;
    margin: 0 0 0 22px;
    line-height: 1.25em;
    font-weight: bold;
    text-decoration: none;
    color: #777777; /*678819; */
}

#contact-form a:hover
{
    text-decoration: underline;
}

#footer
{
    width: 894px;
    height: 99px;
    margin: 0 auto;
    border-top: 1px solid #bec99a;
}

#footer ul
{
    float: right;
    padding: 19px 0 0 0; /* added */
    border-left: 1px solid #bec99a;
}

#footer ul li
{
    float: left;
    padding: 0 10px 0 9px;
    line-height: 1.25em;
    color: #555555; /*667149;*/
}

#footer ul li a
{
    text-decoration: none;
    color: #555555; /*667149;*/
}

#footer ul li a:hover
{
    text-decoration: underline;
}

#footer p
{
    padding: 18px 0 0 22px;
    line-height: 1.333em;
    color: #888888; /*667149*/
}

#footer p a
{
    text-decoration: none;
    color: #555555; /*5f8f00*/
}

#footer p a:hover
{
    text-decoration: underline;
}

/* --- styles added in for bits of text here and there... -- */

.styleGold
{
    color: Orange;
    font-size: 10pt;
    font-weight: bold;
}
.style8ptGrey
{
    font-size: 8pt;
    color: #333333;
}
.style8ptGreyBold
{
    font-size: 8pt;
    font-weight: bold;
    color: #333333;
}
styleRedBold
{
    font-size: 8pt;
    font-weight: bold;
    color: Red;
}

.styleQuestion
{
    font-size: medium;
    font-weight: lighter;
    color: Green;
    padding: 0 0 0 0;
}

.styleBigBlue
{
    font-size: large;
    font-weight: normal;
    color: Blue; 
}

.discount
{
    font-size: large;
    font-weight: bold;
}


.alignCentre
{
    text-align: center;
}

/*  --- table styling for basket repeater.... --- */

.t_header_row
{
    background-color: #507CD1;
    font-weight: bold;
    color: White;
    height: 24px;
}

.t_item_row
{
    background-color: White;
}

.t_alt_item_row
{
    background-color: #EFF3FB;
}

.t_text_qty
{
    text-align: right;
    color: Navy;
    font-size: smaller;
}
/* ------------- text boxes for address fields ------------- */
.txtBoxAdd
{
    width: 170px;
    color: Navy;
    font-size: small;
}

.txtBoxAddPC
{
    width: 70px;
    color: Navy;
    font-size: small;
}

/* ----------------- other style classes --------------- */

.li_indented
{
    padding: 0 0 0 30px;
    list-style-type: lower-alpha;
}
.li_indented_2
{
    padding: 0 0 0 40px;
    list-style-type: lower-roman;
}


.moat_around
{
    padding: 10px 5px 10px 5px;
}


.styleRegionHeader
{
    font-weight: bold;
    font-size: medium;
    color: Orange;
}


/* FOOTER LINKS */
#footer_links
{
    background: #606060 url('../images/_main/bf_wink_small.gif') no-repeat right bottom;
    padding: 30px 30px 30px 30px;
    text-align: left;
    margin-top: 10px;
    font-size: 85%;
}
.footer_list
{
    display: block;
    float: left;
    width: 185px;
    overflow: hidden;
    border-right: 1px gray dotted;
}
.footer_list h3
{
    color: #f3ac2c;
    margin: 0px 0px 5px 0px;
    padding: 0px 0px 0px 10px;
}
.footer_list ol
{
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}
.footer_list ol li
{
    padding: 2px 0px 2px 10px;
}
.footer_list ol a:link, .footer_list ol a:visited
{
    display: block;
    color: white;
    text-decoration: none;
}
.footer_list ol a:hover
{
    color: white;
    background: transparent;
    text-decoration: none;
}
.footer_list ol li:hover
{
    background: #838383 url('../images/_style/footer_link_arrow.jpg') no-repeat 2px 5px;
    cursor: pointer;
}

.paddingRight10
{
    padding: 0 10px 0 0;
}