/*
-----------------------------------------------
bridgend camping base screen style
author: Robert Gale
----------------------------------------------- */

    /* ------------ Reset ------------- */

    /* Don't forget to set a foreground and background color 
       on the 'html' or 'body' element! */
    html, body, div, span,
    applet, object, iframe,
    h1, h2, h3, h4, h5, h6, p, blockquote, pre,
    a, abbr, acronym, address, big, cite, code,
    del, dfn, em, font, img, ins, kbd, q, s, samp,
    small, strike, strong, sub, sup, tt, var,
    dd, dl, dt, li, ol, ul,
    table, caption, tbody, tfoot, thead, tr, th, td {
	    margin: 0;
	    padding: 0;
	    border: 0;
	    font-weight: inherit;
	    font-style: inherit;
	    font-size: 100%;
	    line-height: 1;
	    font-family: inherit;
	    text-align: left;
	    text-decoration: none;
	    vertical-align: baseline;
    }
    a img, :link img, :visited img {
	    border: 0;
    }
    table {
	    border-collapse: collapse;
	    border-spacing: 0;
    }
    ol, ul {
	    list-style: none;
    }
    q:before, q:after,
    blockquote:before, blockquote:after {
	    content: "";
    }

    /* ------------ End Reset ------------- */
    
body
{
    background-color: #e1e1e1;
    background-image: url(../i/grad.jpg);
    background-repeat: repeat-x;
    font-family: Arial, Sans-Serif;
    font-size: 75%;
}

#outer-wrapper
{
    margin: 0 auto;
    margin-top: 35px;
    width: 756px;
}

#wrapper
{
    background-color: #576729;
    margin: 0 auto;
    width: 756px;
}  

h1#imgrep {
    padding: 170px 0 0 0;
    overflow: hidden;
    background-image: url("../i/caravan-banner-large.jpg"); 
    background-repeat: no-repeat;
    height: 0px !important; /* for most browsers */
    height /**/:170px; /* for IE5.5's bad box model */
}   

h2
{
    font-size: 120%;
    margin: 5px 0;
}  


p
{
    color: #222;
    font-size: 100%;
    line-height: 1.4;
    margin-bottom: 5px;
}

.generic-list
{
    margin-bottom: 10px;
    margin-left: 1em;
}

.generic-list li
{
    font-size: 100%;
    line-height: 1.5;
}


ul
{
    margin-bottom: 10px;
    margin-left: 2em;
}

ul li
{
    font-size: 100%;
    line-height: 1.5;
    list-style-type: square;
}

ol
{
    margin-bottom: 10px;
    margin-left: 2em;
}

ol li
{
    font-size: 100%;
    line-height: 1.5;
    list-style-type: lower-alpha;
}


/* =Structure
----------------------------------------------- */

#top-bar
{
    border-bottom: solid 3px #b3983d;
    height: 35px;
}


#content
{
    background: url(../i/bg.gif) repeat-y;
    border-left: solid 1px #576729;
    border-right: solid 1px #576729;
    border-top: solid 3px #b3983d;
    overflow: auto;
    padding: 0;
    width: 754px;
}

#content-left
{
    float: left;
    padding: 8px 0 10px 0;
    width: 160px;
}

#content-right
{
    background-color: #fff;
    float: left;
    padding-bottom: 5px;
    width: 570px;
}

#content-right-inner
{
    background-color: #fff;
    padding: 0 10px 10px 12px;
    overflow: auto;
    width: 570px;
}

#footer
{
    background-color: #576729;
    border-top: solid 3px #b3983d;
    height: 60px;
    margin: 0 auto;
    width: 756px;
}

#footer p
{
    background-color: #576729;
    color: #fff;
    font-size: 11px;
    padding-left: 10px; 
    padding-top: 3px;
}

.copyright
{
    margin-top: -3px;
}

.copyright a
{
    color: #ffff;
}

.copyright a:hover
{
    text-decoration: underline;
}


/* =top 
----------------------------------------------- */

#banner
{
    height: 170px;
}

#cart
{
    color: #fff;
    float: right;
    font-size: 13px;
    margin: 10px 20px 0 0;
    text-align: right;
    width: 300px;
}

#cart a
{
    color: #fff;
    text-align: right;
}

.shoppingcart
{
    margin-left: 10px;
}

.tel-number
{
    float: left;
    margin: 1px 0 0 15px;
}

/* =headers 
----------------------------------------------- */

.side-content-header
{
    background-color: #576729;
    color: #fff;
    font-family: Arial;
    font-size: 13px;
    padding: 5px;
}

.content-header
{
    background-color: #576729;
    color: #fff;
    font-family: Arial;
    font-size: 13px;
    padding: 5px 0 5px 5px;
}

.content-header a
{
    color: #fff;
    text-decoration: none;
}

#we-sell
{
    border: solid 1px #ccc;
    height: 60px;
    padding: 0;
    margin: 10px 0 0 0;
}

#we-sell-header
{
    background-color: #c3c3c3;
    color: #fff;
    padding: 5px;
}

/* =nav 
----------------------------------------------- */

    /* -------------- TopNav (Image) -------------- */
    
    #horizontal-nav
    {
        background-color: #576729;
        border-top: solid 3px #b3983d;
        height: 35px;
        width: 756px;
    }
    
    #nav
    {
        background: url(../i/nav.jpg);
        height: 35px;
        margin: 0;
        padding: 0;
        position: relative;
        width: 754px;
    }
    
    #nav li
    {
        float: left;
        list-style-type: none;
    }
    
    #nav li a
    {
        background: url(../i/nav.jpg) no-repeat;
        bottom: 0;
        display: block;
        font-size: 1%;
        height: 26px;
        margin: 0;
        overflow: hidden;
        padding: 0;
        position: absolute;
        text-indent: 40px;
        color: #576729;   /* this needs fixing. shouldn't have to hide the text */
    } 
    
    li#nav_hom a
    {
        left: 31px;
        width: 112px;
        background-position: -31px -9px;
    }
    
    li#nav_abo a
    {
        left: 147px;
        width: 112px;
        background-position: -147px -9px;
    }
    
    li#nav_del a
    {
        left: 263px;
        width: 112px;
        background-position: -263px -9px;
    }
    
    li#nav_loc a
    {
        left: 379px;
        width: 112px;
        background-position: -379px -9px;
    }
    
    li#nav_faq a
    {
        left: 495px;
        width: 112px;
        background-position: -495px -9px;
    }
    
    li#nav_con a
    {
        left: 611px;
        width: 112px;
        background-position: -611px -9px;
    }
    
    li#nav_hom a:hover
    {

        background-position: -31px -44px;
        color: #fff;
    }
    
    li#nav_abo a:hover
    {
        background-position: -147px -44px;
        color: #fff;
    }
    
    li#nav_del a:hover
    {
        background-position: -263px -44px;
        color: #fff;
    }
    
    li#nav_loc a:hover
    {
        background-position: -379px -44px;
        color: #fff;
    }
    
    li#nav_faq a:hover
    {
        background-position: -495px -44px;
        color: #fff;
    }
    
    li#nav_con a:hover
    {
        background-position: -611px -44px;
        color: #fff;
    }    
    
    #body_hom li#nav_hom a
    {
        background-position: -31px -79px;
        color: #b3983d;
    }
    
    #body_abo li#nav_abo a
    {
        background-position: -147px -79px;
        color: #b3983d;
    }
    
    #body_del li#nav_del a
    {
        background-position: -263px -79px;
        color: #b3983d;
    }    
    
    #body_loc li#nav_loc a
    {
        background-position: -379px -79px;
        color: #b3983d;
    }    
    
    #body_faq li#nav_faq a
    {
        background-position: -495px -79px;
        color: #b3983d;
    }     
    
    #body_con li#nav_con a
    {
        background-position: -611px -79px;
        color: #b3983d;
    }                       
 

    /* ------------------ TopNav ------------------ */

    /*#horizontal-nav
    {
        background-color: #576729;
        border-top: solid 3px #b3983d;
        height: 35px;
        width: 756px;
    }

    ul#nav
    {
        margin-left: 25px; 
        margin-top: 9px; 
        width:700px
    }

    ul#nav li
    {
        float:left;
        font-size: 126%;
        list-style-type:none;
        margin:0;
        padding:0;    
        margin-right: 3.5px;
    }

    ul#nav a
    {
        float:left;
        width: 7em;
        padding: 5px 0;
        text-decoration:none;
        color: #fff;
        text-align: center
        
    }

    ul#nav a:hover
    {
        background: #b3983d;
        color: #FFF
    }

    ul#nav li.activelink a,ul#nav li.activelink a:hover
    {
        background: #FFF;
        color: #576729
    }*/

    /* ------------------ SideNav ------------------ */

    /*#side-navigation a
    {
	    display:block;
	    text-decoration:none;
	    padding: 8px 0px;
	    color:#000;
    }

    #side-navigation a:hover
    {
        background-color: #b3983d;
        color: #fff;
    }

    #side-navigation a:selected
    {
        background-color: #b3983d;
        color: #fff;    
    }

    #side-navigation
    {
        color: #000;
    }*/
    
    #sidenav
    {
        width: 160px;
    }

    #sidenavigation
    {
        overflow: auto;
        padding: 10px 5px;
    }

    #sidenavigation li
    {
        font-size: 11px;
        margin-bottom: 7px;
        padding: 0px 0px;
        list-style-type: none;
    }

    .sub-sidenavigation
    {
        padding-top: 7px;
        margin-left: 1em;
    }

    .sub-sidenavigation li
    {
    }

    .bold-li
    {
        xfont-weight: bold;
    }    





    /* ----------------- FooterNav ----------------- */

    .pipewrap 
    {
       float: left;
       height: 25px;
       text-align: center;
       width: 648px;
    }
    
    .privacy
    {
        height: 25px;
        text-align: center;
        width: 50px;
    }

    .pipelist 
    {
       margin: 0 auto 0em;
       margin-left: 10px;
       margin-top: 10px;
       overflow: hidden;
       width: 440px;
    }
    
    .smallpipelist 
    {
       margin: 0 auto 0em;
       margin-left: 10px;
       margin-top: 10px;
       overflow: hidden;        
       width: 95px;
    }

    .pipelist ul, .smallpipelist ul 
    {
       list-style: none;
       margin: 0;
       padding: 0;
    }

    .pipelist li, .smallpipelist li 
    {
       border-left: 1px solid #fff;
       float: left;
       font-size: 11px;
       line-height: 1.2em;
       list-style-type: none;
       margin: 0 .5em 0 -.5em;
       padding: 0 .5em 0 .5em;
       white-space: nowrap;
    }
    
    .pipelist a, .smallpipelist a
    {
        color: #fff;
    }
    
    .pipelist a:hover, .smallpipelist a:hover
    {
        text-decoration: underline;
    }
    
    #copyright
    {
        margin: 0;
    }
    
    .copyright p
    {
        margin: 0;
    }


    /* ---------------- BreadCrumbs --------------- */

    div#breadcrumbs 
    {
	    overflow:hidden;
	    margin:0;
	    margin-bottom: 10px;
	    padding: 4px 0;
        width: 510px;
    }

    div#breadcrumbs span
    {
        color: #576729;
        font-weight: bold;
    }

    div#breadcrumbs a
    {
        color: #000;
    }

    #navigation
    {
        height: 20px;
    }
    
    .sort
    {
        margin-top: 10px;
    }

/* =searchbox 
----------------------------------------------- */

#search
{
    margin-top: 15px;
}

.search-box
{
    height: 14px;
    margin-left: 9px;
    width: 138px;
}

.search-button
{
    float: right;
    margin-right: 9px;
    margin-top: 7px;
}    

/* =categories 
----------------------------------------------- */

.catalogTable tr td
{
    height: 80px;
    margin-top: 0;
    padding-top: 0;
}

.cat-box
{
    xborder: solid 1px #ccc;
    float: left;
    height: 160px;
    margin-bottom: 10px;
    margin-right: 1px;
    padding: 2px;
    width: 184px;   
}

.cat-box-right
{
    xborder: solid 1px #ccc;
    float: left;
    height: 160px;
    margin-bottom: 10px;
    margin-left: 0px;
    padding: 2px;
    width: 184px;
}

.cat-box-header
{
    xbackground-color: #ccc;
    border-top: solid 1px #ccc;
    display: block;
    height: 21px;
    margin: 5px auto 0;
    width: 150px;
}

.cat-box-header p
{
    color: #666;
    font-size: 15px;
    font-weight: bold;
    padding-top: 2px;
    text-align: center;
}

.cat-box-content
{
}

.cat-image
{
    display: block;
    margin: 0 auto;
}

.cat-footer
{
    color: #000;
    font-size: 12px;
    padding: 4px 10px 0 0;
    text-align: right;
}




/* ---------------------- Items ------------------------- */

#catalogTable td
{
    font-size: 12px;
    width: 250px;
}

.item-box
{
    margin-right: 15px;
    min-height: 95px;
    height: auto !important;
    height: 95px;
    position: relative;
    width: 255px;
}

.item-box-left
{
    float: left;
    margin-right: 10px;
    width: 100px;
}

.item-box-right
{
    float: left;
    width: 140px;
}

.product_title
{
    color: #222;
    font-size: 12px;
    font-weight: bold;
    line-height: 1.2;
    text-transform: uppercase;
}

.soldout
{
    position: absolute;
}

/* ----------------- Item Details -------------------- */

#catalogTable TD
{
    line-height: 1.4;
    position: relative;
    vertical-align: top;
}

.item-detail-product-title
{
    color: #576729;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.4;
    margin-bottom: 5px;
}


.item-detail-product-info-rrp
{
    margin: 0;
}

.item-detail-product-info-ourprice
{
    color: #576729;
    font-size: 12px;
    font-weight: bold;
    margin: 0;
}

.enlarge-photo
{
    margin-top: 5px;
    text-align: center;
}



/* =About
----------------------------------------------- */

#about-banner
{
    border: 1px solid #ccc;
    margin-bottom: 10px;
}

#address
{
    border: solid 1px #ccc;
    height: 200px;
    float: right;
    margin: 0 0 15px 15px;
    width: 200px;
}

#store-gallery img
{
    position: relative;
    z-index: 10;
}

#store-gallery .store-img
{
    border:solid 1px silver;
    margin-right: 1em;
    padding:2px;
}

#store-gallery .store-img-right
{
    border:solid 1px silver;
    margin-right: 0;
    padding:2px;
}

/* =ShoppingCart
----------------------------------------------- */

#navigation
{
    height: 30px;
    width: 100%;
}


/* =Checkout
----------------------------------------------- */

.customer-login
{
    border: solid 1px #ddd;
    background-color: #eee;
    font-weight: bold;
    margin-top: 5px;
    padding: 10px;
}

.custom
{
    margin-top: 15px;
    width: 480px;
}

.custom td
{
    xbackground-color: #fff;
}

/*.label
{
    float: left;
    width: 10px;
}*/

.ddl
{
    margin-top: 8px;
    width: 200px;
}

.checkout-section
{
    border: solid 1px #d3d3d3;
    margin-bottom: 20px;
    margin-top: 15px;
    overflow: auto;
    padding: 10px 40px 10px 10px;
}

.required
{
    float: left;
    font-size: 10px;
}

.checkout-section .label
{
    display: block;
    float: left;
    font-size: 12px;
    margin-top: 5px;
    width: 145px;
}

.checkout-section .input
{
    margin-left: 10px;
    margin-bottom: 5px;
    width: 210px;
}

#checkout-section .validator
{
    float: left;
}

#calculateShipping
{
    display: block;
    margin: 0 auto;
}

#Payforyourorder
{
    margin-left: 180px;
    padding-bottom: 10px;
}

/* =Login
----------------------------------------------- */

#login-box
{
    background: #f0f0f0;
    border: solid 1px #d3d3d3;
    margin: 15px 0 10px 15px;
    overflow: auto;
    padding: 5px;
    text-align: left;
    width: 300px;
}

#login-box-heading
{
    background: #f0f0f0;
    float: left;
    padding: 10px 0 5px 10px;
    width: 290px;
}

#secure
{
    margin-right: 10px;
}

#login-box-content
{
    background: #f0f0f0;
    padding-left: 10px;
}

#login-box-content p
{
    font-size: 11px;
    margin-bottom: 10px;
}

#login-box-button
{
    background: #f0f0f0;
    clear: both;
    margin: 15px 0 5px 0;
    width: 290px;
}

#login-box-button #Login
{
    margin-left: 6.2em;
}

#login-box-message
{
    clear: both;
}

#login-box-content .label
{
    xfont-size: 12px;
    xmargin-right: 1em;
    xwidth: 10em;
    
        float: left;
        font-size: 12px;
        margin-right: 10px;
        margin-top: 10px;
        text-align: left;
        width: 64px;
}

#login-box-content .input
{
    height: 15px;
    margin-top: 5px;
    width: 195px;
}

#login-box .validation
{
    margin-left: 7em;
}

#Login
{
    float: left;
    margin-left: 5.2em;
    margin-top: -10px;
}

#PanelMessage
{
    color: #000;
    background: #ffc url(../i/messageerror.gif) 5px 8px no-repeat;	
    border: solid 1px #ccc;
    font-size: 105%;
    font-weight: bold;
    height: 50px;
    margin: 5px 0 5px 15px;
    padding: 10px 2px 0 2px;
    text-align: left;
    width: 306px;
}

#PanelMessage #dotnetCARTmessage
{
    margin: 0;
    padding-left: 50px;
    margin-top: 15px;
}

#login-message
{
    background: #ffc url(../i/secure.gif) 5px 8px no-repeat;	
    border: solid 1px #ccc;
    height: 50px;
    margin-bottom: 15px;
    padding: 2px;
    text-align: left;
}

#login-message p
{
    color: #000;
    font-size: 105%;
    font-weight: normal;
    margin: 0;
    padding-left: 50px;
    padding-top: 5px;
}

#login-message a
{
    cursor: pointer;
    display: block;
}

/* =Billing
----------------------------------------------- */

.billing-amount
{
    background-color: #f0f0f0;
    border: solid 1px #d3d3d3;
    color: #333;
    font-size: 110%;
    /*mod by Mike 07/10/07 height from 15px to auto*/
    height:auto;
    margin-bottom: 10px;
    margin-top: 10px;
    padding: 5px;
    overflow: auto;
}
#billing-amount-total
{
    float:right;
}

.billingtotal
{
    font-weight: bold;
}

#lblAdressToBill
{
    font-size: 11.5px;
    line-height: 1.3;
}

#payment
{
    border: solid 1px #ccc;
    margin-bottom: 15px;
    overflow: auto;
    padding: 5px;
}


#payment-details
{
    margin-top: 5px;
    padding-top: 5px;
    width: 100%;
}

.cards
{
    margin-left: 1.1em;
}

.top-row
{
    height: 23px;
    padding: 5px 0;
    width: 100%;
}

.row
{
    border-bottom: dotted 1px #ccc;
    height: 23px;
    padding: 5px 0;
    width: 100%;
}

.instructions
{
    font-size: 90%;
    padding-left: 10px;
}


.bottom-row
{
    border: none;
    height: 23px;
    padding: 5px 0;
    width: 100%;    
}

.billinglabel
{
    float: left;
    margin-right: 10px;
    padding-top: 5px;
    text-align: right;
    width: 120px;
}

.billinginput
{
    width: 200px;
}

.billingddl
{
}

#CompleteOrder
{
    margin-left: 143px;
}



/* ------------------- Location ---------------------- */

#location-map
{
    border: 1px solid #ccc;
    margin: 10px 0;
}

.directions
{
    background-color: #576729;
    height: 400px;
    margin: 20px 0 0 0;
    width: 480px;
}

.directions-header
{
    height: 21px;
    margin-top: 4px;
}

.directions-header p
{
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    margin-left: 5px;
    padding-top: 4px;
}

.directions-content
{
    background-color: #fff;
    border-left: solid 2px #576729;
    height: 340px;
    padding: 4px;
    width: 488px;
}

#map
{
    border: solid 1px #8f8f8f;
    margin: 4px 0 10px 0;
}


/* =Contactform 
----------------------------------------------- */

#contact-left
{
    float: left;
    padding-left: 5px;
    width: 349px;
}

#contact-right
{
    border: solid 1px #ccc;
    float: right;
    overflow: auto;
    padding-bottom: 5px;
    text-align: center;
    width: 200px;    
}

#contact-message
{
    margin-bottom: 15px;
}

#contact-box
{
    width: 350px;
}

    /* ----------------------- Contact Form ------------------------ */

    #contact-box .label
    {

        float: left;
        font-size: 95%;
        margin-right: 10px;
        margin-top: 5px;
        text-align: right;
        width: 50px;
    }

    #contact-box .input
    {

	font-family: Arial, Sans-Serif;
        font-size: 110%;
        margin-bottom: 5px;
        width: 150px;
    }

    #contact-box .button
    {
        border: solid 1px #ccc;
        margin-left: 4.8em;
    }

    #info-message
    {
        background: #ffc url(../i/messagetick.gif) 5px 8px no-repeat;	
        border: solid 1px #ccc;
        height: auto;
        min-height: 30px;
        margin-bottom: 15px;
        overflow: auto;
        padding: 2px;
        text-align: left;
    }

    #info-message p
    {
        color: #000;
        font-size: 105%;
        font-weight: normal;
        margin: 0;
        padding-left: 30px;
        padding-top: 5px;
    }

    #error-message
    {
        background: #ffc url(../i/messageerror.gif) 5px 8px no-repeat;	
        border: solid 1px #ccc;
        height: auto;
        min-height: 30px;
        margin-bottom: 15px;
        overflow: auto;
        padding: 2px;
        text-align: left;
    }

    #error-message p
    {
        color: #000;
        font-size: 105%;
        font-weight: normal;
        margin: 0;
        padding-left: 30px;
        padding-top: 0;
    }

    #error-message .bold-p
    {
        font-weight: bold;
        xline-height: 0.8;
        padding-top: 5px;
    }
    
    /* ---------------------- Contact Details ---------------------- */
    
    #contact-right-header
    {
        background: #f0f0f0;
        border-bottom: solid 1px #ccc;
        color: #515151;
        font-weight: bold;
        height: 13px;
        padding: 3px 3px;
        text-transform: uppercase;
    }
    
    .address-box
    {
        margin: 0;  
        padding: 8px;   
    }
    
    .address-bold
    {
        font-size: 95%;
        font-weight: bold;
        xline-height: 1.6em;
        margin: 0;
        text-transform: uppercase;
    }

    .address
    {
        font-size: 95%;
        margin: 0;
        padding: 0;
    }

    .email a
    {
        xcolor: #fff;
        font-size: 95%;
        text-decoration: none;
    }

    .email a:hover
    {
        xcolor: #fff;
        text-decoration: underline;
    }

    .telephone
    {
        font-size: 95%;
    }
    
    
/* =Thankyou 
----------------------------------------------- */    

#thankyou-link
{
    font-size: 90%;
    text-decoration: underline;
}

/* =FAQ
----------------------------------------------- */ 

.faq-q
{
    font-weight: bold;
}

.faq-a
{
    margin-top: -5px;
}

.faq-a a
{
    text-decoration: underline;
}

/* =Sitemap 
----------------------------------------------- */


.sitemaplist
{
    margin-left: 3em;
}


.sitemaplist li
{
    font-size: 1.2em;
    line-height: 1.7;
    list-style-type: square;
}

.sitemaplist-sub
{
    margin-left: 1.5em;
}

.sitemaplist-sub-sub
{
    margin-left: 3em;
}

.sitemaplist-sub-sub-sub
{
    margin-left: 2em;
}

.sitemaplist a:link
{
    color: #576729;
}

.sitemaplist a:active
{
    color: #576729;
}

.sitemaplist a:hover
{
    color: #576729;
}

.sitemaplist a:visited
{
    color: #576729;
}




/* =ExpandingNavigation 
----------------------------------------------- */


ul#menu 
{
    width: 158px;
    list-style-type: none;
    margin: 5px 0 0 0;
    padding: 0;
    font-family: 'Trebuchet MS','Lucida Grande',Verdana,Lucida,Geneva,Helvetica,Arial,sans-serif;
}

ul#menu ol 
{
    display: none;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

ul#menu li, ul#menu a 
{
    font-family: 'Trebuchet MS','Lucida Grande',Verdana,Lucida,Geneva,Helvetica,Arial,sans-serif;
    font-size: 11px;
    color: #333;
    display: block;
    line-height: 2;
    text-indent: 0;
}

ul#menu li 
{
    border-top: solid 1px #eee;
    border-bottom: solid 1px #eee;
    line-height: 21px;
    background-color: #f0f0f0;
    color: #333;
    display: block;
    xpadding-left: 5px;
}

ul#menu ol li 
{
    border-bottom: none;
    display: block;
    padding: 0;
}



ul#menu a 
{
    border-bottom: solid 1px #ddd;
    text-decoration: none;
    outline: none;
}

ul#menu li a
{
    padding-left: 5px;
}

ul#menu a:hover 
{
    background-color: #576728;
    color: #fff;
    text-decoration: none;
}

ul#menu a.active 
{
    background-color: #576728;
    color: #fff;
}

      
ul#menu li ol li 
{
    background-image: url(../i/arrow.gif);
    background-repeat: no-repeat;
    background-position: 0.7em .70em; 
    background-color: #fff;
    color: #000;
    padding: 0 0 0 14px;
}    

ul#menu li ol li a
{
    border-bottom: none;
    color: #333;
    display: block;
    line-height: 1.8;
    padding-left: 3px;
    text-decoration: none;
    outline: none;
}

ul#menu li ol li a:hover
{
    background-color: #fff;
    color: #333;
    text-decoration: underline;
}
    

/* =NewHomePage 
----------------------------------------------- */

        #top-banner
        {
            height: 170px;
            margin: 10px 0;    
        }
        
        #mini-banners-top, #mini-banners-bottom
        {
            clear: both;
            height: 132px; 
        }
        
        #bottom-banner
        {
	    clear: left;
            margin-bottom: 6px;
        }
        
        #banner-open img
        {
            border: none;
        }
        
        #top-banner img, #mini-banners-top img, #mini-banners-bottom img, #bottom-banner img
        {
            border: solid 1px #ccc;

        }
        
        .mini-banners-top-l, .mini-banners-bottom-l
        {
            float: left; 
            height: 122px;
            xmargin-right: 10px;

        }
        
        .mini-banners-top-r, .mini-banners-bottom-r
        {
            float: right;
	    height: 122px;
        }