html
    {
         height: 100%;
         background: url(../pageTemplate/bgPage.jpg) center top repeat-y;
         font-family: Verdana;
         font-size: x-small; /* set's font size for IE 5.5 */
         f\ont-size: small; /* set's font size for other browsers */
    }

    body
    {
        height: 100%;
        margin: 0;
        padding: 0;
        text-align: center;
    }

    img
    {
        border: 0;
    }

    a
    {
        color: #CF2D18;
        font-weight: bold;
    }

    form
    {
        margin: 0;
    }

    hr
    {
        height: 1px;
        border: 0;
        background: #ECF1F9;
        padding:0px;
        margin:0px;
    }

    fieldset
    {
        border: 0;
    }

    legend
    {
        display: none;
    }

    input
    {
        vertical-align: middle;
        margin: 0 4px;
    }

    h1, h2, h3, h4
    {
        font-family: Arial, Helvetica, sans-serif;
        margin: 0px;
    }

    .clearFloats
    {
        clear: both;
    }

    em
    {
        font-weight: bold;
    }

    em strong
    {
        color: #cf2c17;
    }

    /* Used to hide any text equivalents for image based text.
    Dimensions are applied to the tag that the text appears in,
    eg h1, h2, h3.
    -------------------------------------------*/
    .graphicText
    {
        font-size: 1em;
        position: relative;
        overflow: hidden;
        display: block;
        color: #fff;
    }

    /* Used to apply the text image to
    -------------------------------------------*/
    .graphicText span
    {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        display: block;
    }

    /* Page Header styles
    ********************************************/
    #pageHeader
    {
        height: 101px;
        background: url(../pageTemplate/bgHeader.jpg) left top repeat-x;
    }

    #headerContent
    {
        width: 800px;
        margin: 0 auto;
        padding-top: 1px;
    }

    #logo
    {
        float: left;
        display: inline; /* fix for double margin bug in ie */
        margin: 0;
        margin-right: 116px;
    }

    #logo a
    {
        display: block;
        background: url(../logos/logo.gif) left top no-repeat;
        width: 192px;
        height: 69px;
        margin-top: 5px;
		margin-bottom:2px;
    }

    #logo img
    {
        display: none;
    }

    #pageHeader .bannerAd
    {
        margin-top: 9px;
    }

    #pageHeader #date
    {
        float: right;
        display: inline; /* fix for double margin bug in ie */
        margin-right: 30px;
        margin-top: 6px;
        font-family: Arial;
        font-size: 0.9em;
        font-weight: bold;
        color: #47b;
    }

    #navMenu
	{
		clear: left;
		float: left;
		display: inline; /* fix for double margin bug in ie */
		margin-left: 10px;
		margin-top: 6px;
		font-size: 0.9em;
		font-family: Arial;
		font-weight: bold;
		color: #47b;
	}

    /* Deals with the layout of the main content
    *  area of the page
    ********************************************/

    #pageMiddle
    {
        width: 800px;
        margin: 0 auto;
        text-align: left;
    }

    /* Site Breadcrumb
    ********************************************/

    #breadcrumb
    {
        font-size: 0.8em;
        margin: 8px;
    }

    #contentAreaNavContainer
    {
        width: 653px;
        float: left;
        position: relative;
    }

    #eStoreBuild #contentAreaNavContainer, #eStoreManage #contentAreaNavContainer,
    #siteinfo #contentAreaNavContainer, #estorebuilder #contentAreaNavContainer, 
	#moreInfo #contentAreaNavContainer, #secure #contentAreaNavContainer,
	#viewStats #contentAreaNavContainer, #statsMenu #contentAreaNavContainer,
	#pageStats #contentAreaNavContainer, #changeDesign #contentAreaNavContainer,
	#updateDetails #contentAreaNavContainer, #introduction #contentAreaNavContainer,
	#services #contentAreaNavContainer, #products #contentAreaNavContainer,
	#enquire #contentAreaNavContainer, #testimonials #contentAreaNavContainer,
	#contact #contentAreaNavContainer, #login #contentAreaNavContainer
    {
        width: 800px;
    }

    /* main content area on the page
    ********************************************/
    #contentArea
    {
        width: 490px;
        float: right;
    }
	
    #eStoreBuild #contentArea, #eStoreManage #contentArea, 
	#siteinfo #contentArea, #estorebuilder #contentArea, 
	#moreInfo #contentArea, #secure #contentArea,
	#viewStats #contentArea, #statsMenu #contentArea, 
	#pageStats #contentArea, #changeDesign #contentArea,
	#updateDetails #contentArea, #introduction #contentArea, 
	#services #contentArea, #products #contentArea,
	#enquire #contentArea, #testimonials #contentArea,
	#contact #contentArea, #login #contentArea
	{
        width: 630px;
    }

    #contentArea .gutter
    {
        padding: 0px;
    }

    /* column holding search box and
    * navigation links down the LHS
    ********************************************/

    #siteNavigationTools
    {
         width: 150px;
         margin-left: 3px;
         background: url(../pageTemplate/bgNavToolsBox.gif) center top repeat-y;
    }

    /* Box styles down the LHS of the page */
    .navBox
    {
        width: 150px;
        padding-bottom: 10px;
    }

    .navBox .gutter
    {
        margin: 0 4px;
    }

    .navBox a
    {
        font-size: x-small;
    }

    .navBox fieldset
    {
        border: 0;
        margin: 0;
        padding: 3px;
    }

    .navBox legend
    {
        display: none;
    }

    .navBox h2
    {
        background: url(../pageTemplate/bgBoxTitle.gif) 1px top no-repeat;
        margin: 0;
        color: #fff;
        font-style: italic;
        font-weight: normal;
        font-size: 1.35em;
        line-height: 1em;
        height: 28px;
        text-align: right;
        padding-right: 5px !important;
        padding-right: 2px;
        padding-top: 3px;
    }

    .navBox h2#top
    {
        background: url(../pageTemplate/bgBoxTitle.gif) right top no-repeat;
    }

    .navBox p
    {
        font-size: 0.75em;
        margin: 3px 0;
        float: left;
        display: inline; /* fix for double margin bug in ie */
    }

    .navBox label
    {
        font-weight: bold;
        float: left;
    }

    .navBox input, .navBox select
    {
        width: 65px;
        font-size: 0.9em;
        float: right;
    }

    .navBox input.price
    {
        width: 50px;
    }

    .navBox select
    {
        width: 73px;
    }

    .navBox #buttonSiteSearch
    {
        height: 23px;
        width: 74px;
        float: none;
        margin-left: 30px;
    }

    .navBox #buttonCatSearch
    {
        height: 23px;
        width: 104px;
        float: left;
        margin-left: 15px;
        margin-bottom: 5px;
    }

    .navBox ul
    {
        margin: 0 0 0 5px;
        padding: 0;
        list-style: none;
    }

    .navBox ul li
    {
        margin: 0;
    }

    #navBoxBottom
    {
        background: url(../pageTemplate/bgNavToolsBoxBottom.gif) center bottom no-repeat;
    }

    /* Page footer styles
    ********************************************/

    #footerContainer
    {
        clear: both;
        padding-top: 40px;
    }

    #pageFooter
    {
        font-size: x-small;
        text-align: center;
        width: 100%;
    }

    #pageFooter ul
    {
        margin: 0 auto;
        padding: 0;
        list-style: none;
        width: 580px;
    }

    #pageFooter ul li
    {
        display: inline;
        margin: 0 5px;
    }

    #footerContainer #pageFooter li a
    {
        color: #3F69BE;
        font-size: x-small;
        white-space: nowrap;
    }

    #pageFooter p
    {
        clear: both;
    }