html, body
{
    width: 100%;
}
html, body, div
{
    margin: 0;
    padding: 0;
}
body 
{
    background: #fff center top no-repeat;
    color: #555;
}
body, input, textarea
{
    font-family: Arial, Sans-Serif;
    font-size: 10pt;
}
form
{
    display: inline;
}
div.container
{
    margin: 0 auto;
    padding: 0;
    width: 994px;
}
div.clear
{
	clear: both;
}

div.hr
{
    background: url(/images/hr.gif) left top repeat-x;
    height: 2px;
    margin: 20px 0;
}
div.hr hr
{
    display: none;
}

h1
{
    margin: 7px 0 0 50px;
    padding: 0;
    width: 341px;
    height: 59px;
    text-indent: -5000px;
    background: left top no-repeat;
}
h1 a
{
    display: block;
    height: 100%;
    width: 100%;
}
h3
{
	font-size: 16pt;
    margin: 0 0 15pt 0;
}
h4
{
	font-size: 12pt;
    color: #900;
    margin-bottom: 0;
    display: inline;
}

ol.roman
{
    list-style-type: lower-roman
}

div.bar-top
{
    background: left bottom no-repeat;
    height: 24px;
}
    div.bar-top ul.tabs
    {
        list-style: none;
        margin: 0 29px 0 0;
        padding: 0;
        float: right;
    }
    div.bar-top ul.tabs li
    {
        margin: 0 0 0 3px;
        padding: 0;
        float: left;
        width: 112px;
        height: 24px;
    }
        div.bar-top ul.tabs li.aboutus a
        {
            background-image: url(../images/tab-aboutus-off.png);
        }
	        div.bar-top ul.tabs li.aboutus a.on
	        {
	            background-image: url(../images/tab-aboutus-on.png);
	        }
        div.bar-top ul.tabs li.treatments a
        {
            background-image: url(../images/tab-treatments-off.png);
        }
	        div.bar-top ul.tabs li.treatments a.on
	        {
	            background-image: url(../images/tab-treatments-on.png);
	        }
        div.bar-top ul.tabs li.store a
        {
            background-image: url(../images/tab-onlinestore-off.png);
        }
	        div.bar-top ul.tabs li.store a.on
	        {
	            background-image: url(../images/tab-onlinestore-on.png);
	        }
        div.bar-top ul.tabs li a
        {
            text-indent: -5000px;
            display: block;
            height: 100%;
            width: 100%;
            background-position: left bottom;
            background-repeat: no-repeat;
        }
        div.bar-top ul.tabs li a:hover
        {
            background-position: left top;
        }

div.bar-mid {
    width: 994px;
    background: left top repeat-y;
}
div.bar-main
{
    background: left top no-repeat;
}
div.bar-bot
{
    background: left bottom no-repeat;
}

div.maincontent
{
    clear: both;
    margin: 0;
    padding: 15px 0 0 55px;
    float: left;
    width: 763px; /* 763+55 = 818 */
    width: 939px; /* 939+55 = 994 */
}
div.footer
{
    width: 994px;
    margin: 10px auto 20px auto;
    padding: 0;
    color: #999;
    font-size: 8pt;
    text-align: center;
}
    div.footer ul
    {
        list-style: none;
        margin: 0;
        padding: 0;
    }
    div.footer ul li
    {
        display: inline;
        margin: 0 5px;
    }
    div.footer a
    {
        color: #999;
    }
    div.footer a:hover
    {
        color: #666;
    }

div.cols1to3
{
	width: 704px; /* 724-20 */
	padding: 0 20px 0 0;
	float: left;
}
div.cols1to2
{
	width: 456px;
	padding: 0 20px 0 0;
	float: left;
}
div.cols3to4
{
	width: 415px;
	padding: 0;
	float: left;
}
div.col1
{
	width: 218px;
	padding: 0 20px 0 0;
	float: left;
}
div.col2
{
	width: 218px;
	padding: 0 20px 0 0;
	float: left;
}
div.col3
{
	width: 228px;
	padding: 0 20px 0 0;
	float: left;
}
div.col4
{
	width: 187px;
	padding: 0;
	float: left;
}

div.banner
{
    clear: both;
    display: block;
    margin: 40px 0 0 0;
    padding: 0 0 0 56px;
    width: 912px;
    height: 127px;
    text-indent: -5000px;
}

    div.banner a
    {
        display: block;
        width: 912px;
        height: 127px;
        background: left top no-repeat;
    }
    div.banner a:hover
    {
        background-position: left bottom;
    }

    div.banner a.banner_welcome
    {
        background-image: url(../images/banners/banner-welcome.png);
    }
    div.banner a.banner_we-treat-feet
    {
        background-image: url(../images/banners/banner-wetreatfeet.png);
    }
    div.banner a.banner_do-you-know-chiropody
    {
        background-image: url(../images/banners/banner-treatments1.png);
    }
    div.banner a.banner_treatment-process
    {
        background-image: url(../images/banners/banner-treatmentprocess.png);
    }
    div.banner a.banner_generic2
    {
        background-image: url(../images/banners/banner-generic2.jpg);
    }
    div.banner a.banner_generic3
    {
        background-image: url(../images/banners/banner-generic3.jpg);
    }
    div.banner a.banner_generic4
    {
        background-image: url(../images/banners/banner-generic4.jpg);
    }
    div.banner a.banner_generic5
    {
        background-image: url(../images/banners/banner-generic5.jpg);
    }
    div.banner a.banner_generic6
    {
        background-image: url(../images/banners/banner-generic6.jpg);
    }
    div.banner a.banner_generic7
    {
        background-image: url(../images/banners/banner-generic7.jpg);
    }
    div.banner a.banner_generic8
    {
        background-image: url(../images/banners/banner-generic8.jpg);
    }
    div.banner a.banner_generic9
    {
        background-image: url(../images/banners/banner-generic9.jpg);
    }
    div.banner a.banner_generic10
    {
        background-image: url(../images/banners/banner-generic10.jpg);
    }
    div.banner a.banner_generic11
    {
        background-image: url(../images/banners/banner-generic11.jpg);
    }
    div.banner a.banner_generic12
    {
        background-image: url(../images/banners/banner-generic12.jpg);
    }
    div.banner a.banner_generic13
    {
        background-image: url(../images/banners/banner-generic13.jpg);
    }
    div.banner a.banner_generic14
    {
        background-image: url(../images/banners/banner-generic14.jpg);
    }
    div.banner a.banner_generic15
    {
        background-image: url(../images/banners/banner-generic15.jpg);
    }
    div.banner a.banner_who-we-are
    {
        background-image: url(../images/banners/banner-who-we-are.jpg);
    }
    div.banner a.banner_mailog
    {
        background-image: url(../images/banners/banner-mailog.jpg);
    }
    div.banner a.banner_recruitment
    {
        background-image: url(../images/banners/banner-recruitment.jpg);
    }
    div.banner a.banner_stores
    {
        background-image: url(../images/banners/banner-stores.jpg);
    }
    div.banner a.banner_20percent
    {
        background-image: url(../images/banners/banner-20percent.jpg);
    }
    div.banner a.banner_10percent
    {
        background-image: url(../images/banners/banner-10percent.jpg);
    }
    
    /* Home page banner */
    div.bannerWrapper
    {
        margin: 40px 0 0 45px;
    }
        div.bannerWrapper div.bannerhome
        {
            float: left;
            width: 228px;
            margin: 0 0 20px 8px;
        }
        div.bannerWrapper div.bannerhome p
        {
            font-size: 1.1em;
            padding: 0 20px 0 10px;
        }
        div.bannerWrapper div.bannerhome strong
        {
            font-size: 1.1em;
        }


div.paper-mid
{
    background: url(../images/paper-box-mid.gif) left top repeat-y;
	margin: 0 0 15px 0;
}
  div.paper-top
  {
      background: url(../images/paper-box-top.gif) left top no-repeat;
  }
  div.paper-bottom
  {
      background: url(../images/paper-box-bottom.gif) left bottom no-repeat;
  	width: 392px;
  	padding: 30px;
  	font-family: Garamond;
  	font-size: 13pt;
  }


div.greenbox
{
    background: #6a8812 url(../images/greenbox-back.gif) left top repeat-x;
    margin-bottom: 5px;
}
    div.greenbox div.greenbox-tl, div.greenbox div.greenbox-tr, div.greenbox div.greenbox-br, div.greenbox div.greenbox-bl
    {
      background: url(../images/greenbox-border.gif) no-repeat;
    }
    div.greenbox div.greenbox-tl
    {
        background-position: left top;
    }
    div.greenbox div.greenbox-tr
    {
        background-position: right top;
    }
    div.greenbox div.greenbox-br
    {
        background-position: right bottom;
    }
    div.greenbox div.greenbox-bl
    {
        background-position: left bottom;
        padding: 8px;
        min-height: 200px;
    }
    div.greenbox h5
    {
        color: #fff;
        margin: 0;
        padding: 0;
        font-size: 10pt;
    }
    div.greenbox h4.treatments
    {
        display: block;
        margin: 0 auto 8px auto;
        padding: 0;
        width: 78px;
        height: 13px;
        background: url(../images/greenbox-title_treatments.gif) left top no-repeat;
        text-indent: -5000px;
    }
    div.greenbox h4.related-treatments
    {
        display: block;
        margin: 0 auto 8px auto;
        padding: 0;
        width: 132px;
        height: 13px;
        background: url(../images/greenbox-title_related-treatments.gif) left top no-repeat;
        text-indent: -5000px;
    }
    div.greenbox a
    {
        color: #fff;
        text-decoration: none;
    }
    div.greenbox a img.treatment
    {
        margin: 0 auto 8px;
        border: 0;
        display: block;
        width: 164px;
    }
    div.greenbox a span.treatment
    {
        display: block;
        margin: 0 auto 8px;
        width: 164px;
        font-size: 9pt;
        font-weight: bold;
        color: #fff;
    }
        div.greenbox a:hover span.treatment
        {
            text-decoration: underline;
        }
    div.greenbox a span.treatment-desc
    {
        display: block;
        margin: 0 auto;
        width: 164px;
        font-size: 8pt;
        color: #fff;
    }


div.brownbox
{
    background: #b8a174 url(../images/brownbox-back.gif) left top repeat-x;
    margin-bottom: 5px;
}
    div.brownbox div.brownbox-tl, div.brownbox div.brownbox-tr, div.brownbox div.brownbox-br, div.brownbox div.brownbox-bl
    {
      background: url(../images/brownbox-border.gif) no-repeat;
    }
    div.brownbox div.brownbox-tl
    {
        background-position: left top;
    }
    div.brownbox div.brownbox-tr
    {
        background-position: right top;
    }
    div.brownbox div.brownbox-br
    {
        background-position: right bottom;
    }
    div.brownbox div.brownbox-bl
    {
        background-position: left bottom;
        padding: 8px;
        min-height: 200px;
    }
    div.brownbox h5
    {
        color: #fff;
        margin: 0;
        padding: 0;
        font-size: 10pt;
    }
div.bluebox
{
    background: #597672 url(/images/bluebox-back.gif) left top repeat-x;
    margin-bottom: 5px;
}
    div.bluebox div.bluebox-tl, div.bluebox div.bluebox-tr, div.bluebox div.bluebox-br, div.bluebox div.bluebox-bl
    {
      background: url(/images/bluebox-border.gif) no-repeat;
    }
    div.bluebox div.bluebox-tl
    {
        background-position: left top;
    }
    div.bluebox div.bluebox-tr
    {
        background-position: right top;
    }
    div.bluebox div.bluebox-br
    {
        background-position: right bottom;
    }
    div.bluebox div.bluebox-bl
    {
        background-position: left bottom;
        padding: 8px;
        min-height: 200px;
    }
    div.bluebox h5
    {
        color: #fff;
        margin: 0;
        padding: 0;
        font-size: 10pt;
    }
    div.bluebox h4.related-product
    {
        display: block;
        margin: 0 auto 8px auto;
        padding: 0;
        width: 110px;
        height: 16px;
        background: url(/images/bluebox-title_related-product.gif) left top no-repeat;
        text-indent: -5000px;
    }
    div.bluebox h4.related-products
    {
        display: block;
        margin: 0 auto 8px auto;
        padding: 0;
        width: 117px;
        height: 16px;
        background: url(/images/bluebox-title_related-products.gif) left top no-repeat;
        text-indent: -5000px;
    }
    div.bluebox a
    {
        color: #fff;
        text-decoration: none;
    }
    div.bluebox a img.related-product
    {
        margin: 0 auto 8px;
        border: 0;
        display: block;
        width: 164px;
    }
    div.bluebox a span.related-product
    {
        display: block;
        margin: 0 auto 8px;
        width: 164px;
        font-size: 9pt;
        font-weight: bold;
        color: #fff;
    }
        div.bluebox a:hover span.related-product
        {
            text-decoration: underline;
        }
    div.bluebox a span.related-product-desc
    {
        display: block;
        margin: 0 auto;
        width: 164px;
        font-size: 8pt;
        color: #fff;
    }

/* Headings */

h3.welcome
{
    margin: 0 0 -40px 0;
    padding: 0;
    width: 209px;
    height: 70px;
    text-indent: -5000px;
    background: url(/images/heading-welcome.gif) left top no-repeat;
/*
    margin: 10px 0 -50px 0;
    width: 417px;
    height: 132px;
    background: url(/images/heading-welcome_large.gif) left top no-repeat;
*/
}
h3.about-us
{
    margin: 0 0 -25px 0;
    padding: 0;
    width: 202px;
    height: 69px;
    text-indent: -5000px;
    background: url(/images/heading-about-us.gif) left top no-repeat;
}
h3.who-we-are
{
    margin: 0 0 -25px 0;
    padding: 0;
    width: 268px;
    height: 69px;
    text-indent: -5000px;
    background: url(/images/heading-who-we-are.gif) left top no-repeat;
}
h3.what-we-do
{
    margin: 0 0 -25px 0;
    padding: 0;
    width: 270px;
    height: 69px;
    text-indent: -5000px;
    background: url(/images/heading-what-we-do.gif) left top no-repeat;
}
h3.find-your-local-store
{
    margin: 0 0 -5px 0;
    padding: 0;
    width: 503px;
    height: 69px;
    text-indent: -5000px;
    background: url(/images/heading-find-your-local-store.gif) left top no-repeat;
}
h3.recruitment
{
    margin: 0 0 -10px 0;
    padding: 0;
    width: 281px;
    height: 69px;
    text-indent: -5000px;
    background: url(/images/heading-recruitment.gif) left top no-repeat;
}
h3.contact-us
{
    margin: 0 0 -25px 0;
    padding: 0;
    width: 263px;
    height: 69px;
    text-indent: -5000px;
    background: url(/images/heading-contact-us.gif) left top no-repeat;
}
h3.treatments
{
    margin: 0 0 -25px 0;
    padding: 0;
    width: 250px;
    height: 69px;
    text-indent: -5000px;
    background: url(/images/heading-treatments.gif) left top no-repeat;
}
h3.what-is-chiropody
{
    margin: 0 0 -5px 0;
    padding: 0;
    width: 449px;
    height: 69px;
    text-indent: -5000px;
    background: url(/images/heading-what-is-chiropody.gif) left top no-repeat;
}
h3.what-is-a-chiropodist
{
    margin: 0 0 -5px 0;
    padding: 0;
    width: 522px;
    height: 69px;
    text-indent: -5000px;
    background: url(/images/heading-what-is-a-chiropodist.gif) left top no-repeat;
}
h3.diagnose-your-foot-problem
{
    margin: 0 0 -10px 0;
    padding: 0;
    width: 669px;
    height: 69px;
    text-indent: -5000px;
    background: url(/images/heading-diagnose-your-foot-problem.gif) left top no-repeat;
}
h3.nail-problems
{
    margin: 0 0 -10px 0;
    padding: 0;
    width: 317px;
    height: 69px;
    text-indent: -5000px;
    background: url(/images/heading-nail-problems.gif) left top no-repeat;
}
h3.athletes-foot
{
    margin: 0 0 -10px 0;
    padding: 0;
    width: 306px;
    height: 69px;
    text-indent: -5000px;
    background: url(/images/heading-athletes-foot.gif) left top no-repeat;
}
h3.cracked-heels
{
    margin: 0 0 -10px 0;
    padding: 0;
    width: 330px;
    height: 69px;
    text-indent: -5000px;
    background: url(/images/heading-cracked-heels.gif) left top no-repeat;
}
h3.skin-health-hard-rough-dry-skin
{
    margin: 0 0 -10px 0;
    padding: 0;
    width: 525px;
    height: 115px;
    text-indent: -5000px;
    background: url(/images/heading-skin-health-hard-rough-dry-skin.gif) left top no-repeat;
}
h3.corns
{
    margin: 0 0 -10px 0;
    padding: 0;
    width: 149px;
    height: 69px;
    text-indent: -5000px;
    background: url(/images/heading-corns.gif) left top no-repeat;
}
h3.calluses
{
    margin: 0 0 -10px 0;
    padding: 0;
    width: 196px;
    height: 69px;
    text-indent: -5000px;
    background: url(/images/heading-calluses.gif) left top no-repeat;
}
h3.odour-control
{
    margin: 0 0 -10px 0;
    padding: 0;
    width: 368px;
    height: 69px;
    text-indent: -5000px;
    background: url(/images/heading-odour-control.gif) left top no-repeat;
}
h3.bunions
{
    margin: 0 0 -10px 0;
    padding: 0;
    width: 183px;
    height: 69px;
    text-indent: -5000px;
    background: url(/images/heading-bunions.gif) left top no-repeat;
}
h3.verrucas
{
    margin: 0 0 -10px 0;
    padding: 0;
    width: 217px;
    height: 69px;
    text-indent: -5000px;
    background: url(/images/heading-verrucas.gif) left top no-repeat;
}
h3.working-feet
{
    margin: 0 0 -10px 0;
    padding: 0;
    width: 302px;
    height: 69px;
    text-indent: -5000px;
    background: url(/images/heading-working-feet.gif) left top no-repeat;
}
h3.hammer-toe
{
    margin: 0 0 -10px 0;
    padding: 0;
    width: 365px;
    height: 69px;
    text-indent: -5000px;
    background: url(/images/heading-hammer-toe.gif) left top no-repeat;
}
h3.foot-arch-problems
{
    margin: 0 0 -10px 0;
    padding: 0;
    width: 464px;
    height: 69px;
    text-indent: -5000px;
    background: url(/images/heading-foot-arch-problems.gif) left top no-repeat;
}

h3.register-for-offers
{
    margin: 0 0 -10px 0;
    padding: 0;
    width: 445px;
    height: 69px;
    text-indent: -5000px;
    background: url(/images/heading-register-for-offers.gif) left top no-repeat;
}
h3.special-offers
{
    margin: 0 0 -10px 0;
    padding: 0;
    width: 325px;
    height: 69px;
    text-indent: -5000px;
    background: url(/images/heading-special-offers.gif) left top no-repeat;
}
h3.brochure
{
    margin: 0 0 -25px 0;
    padding: 0;
    width: 223px;
    height: 69px;
    text-indent: -5000px;
    background: url(/images/heading-brochure.gif) left top no-repeat;
}
h3.privacy-policy
{
    margin: 0 0 -25px 0;
    padding: 0;
    width: 337px;
    height: 69px;
    text-indent: -5000px;
    background: url(/images/heading-privacy-policy.gif) left top no-repeat;
}
h3.terms-and-conditions
{
    margin: 0 0 -25px 0;
    padding: 0;
    width: 448px;
    height: 69px;
    text-indent: -5000px;
    background: url(/images/heading-terms-and-conditions.gif) left top no-repeat;
}
h3.returns-policy
{
    margin: 0 0 -25px 0;
    padding: 0;
    width: 338px;
    height: 69px;
    text-indent: -5000px;
    background: url(/images/heading-returns-policy.gif) left top no-repeat;
}

/* Buttons */

a.button-find-vacancies-in-your-area 
{
    display: block;
    background: url(/images/button-findvacancies.gif) left top no-repeat;
    width: 182px;
    height: 58px;
    text-indent: -5000px;
}
    a.button-find-vacancies-in-your-area:hover
    {
        background-position: left bottom;
    }

a.button-recruitment-application-form
{
    display: block;
    background: url(/images/button-download-an-application-form.gif) left top no-repeat;
    width: 198px;
    height: 44px;
    text-indent: -5000px;
    float: right;
    margin: 0 55px 0 0;
}
    a.button-recruitment-application-form:hover
    {
        background-position: left bottom;
    }


/* Brochure */

ul.brochure-thumbs
{
    list-style: none;
    margin: 0;
    padding: 0;
}
    ul.brochure-thumbs li
    {
        display: inline;
        margin: 0;
        padding: 0 50px 0 0;
    }
    ul.brochure-thumbs li a img
    {
        margin: 0 0 50px 0;
        border: none;
    }
    
/* Promo Star */

a.star-5pounds-off-first-treatment
{
    margin: 20px 0;
    display: block;
    width: 240px;
    height: 246px;
    background: url(/images/star-5pounds-off-first-treatment.gif) left top no-repeat;
    text-indent: -5000px;
}