/*
========================================================================
Title:    Bayfield & Bartlam Stylesheet (Screen)
Author:   andy@orcawebsites.com
========================================================================
*/


* {
    margin: 0;
    padding: 0;
    font-family: Arial, Verdana, Sans-Serif;
    font-size: 12px;
    line-height: 100%;
    }

body {
    background: url(/images/page_background.png) repeat;
    border-top: 25px solid #172048;
    text-align: center;
    }

p, table, ul, ol {
    padding: 5px 0;
    }

p, td, th, li, div {
    line-height: 130%;
    }

a {
    color: #000066;
    font-weight: bold;
    text-decoration: none;
    outline-none;
    }
    a:hover {
        color: #56B3AF;
        }

:focus {
    -moz-outline-style: none;
    }

h2 {
    color: #000066;
    font-size: 18px;
    font-weight: normal;
    }

h3, legend {
    color: #56B3AF;
    font-size: 14px;
    }

.text,
.password,
.date {
    background: #FFF;
    border: 1px solid #D6D6D6;
    padding: 2px 2px;
    color: #333;
    }

.required_icon {
    color: 56B3AF;
    font-size: 15px;
    }

.smalltext,
.mediumtext,
.largetext {
    background: #FFF;
    border: 1px solid #D6D6D6;
    padding: 2px 2px;
    color: #333;
    }

.button {
    position: absolute;
    }

#container {
    text-align: left;
    width: 925px;
    margin: 0 auto;
    padding: 50px 0;
    }

#additional dl {
    padding: 5px 0;
    }
    #additional dt {
        font-weight: bold;
        margin: 10px 0 0 0;
        line-height: 130%;
        }
    #additional dd {
        margin: 0 0 10px 0;
        line-height: 130%;
        }
#additional ul {
    margin: 0 0 0 25px;
    }
#additional h2 {
    margin: 0 0 15px 0;
    }
#additional h3 {
    margin: 20px 0 0 0;
    }
#additional h4 {
    margin: 0 0 10px 0;
    }



/*
========================================================================
Header
========================================================================
*/

#header {
    width: 100%;
    float: left;
    }


    /* === Logo === */

    #logo {
        width: 305px;
        height: 65px;
        float: left;
        }



    /* === User Links === */

    #user_links {
        width: 590px;
        height: 65px;
        float: right;
        text-align: right;
        }
        #user_links h2 {
            background: url(/images/h2_header_slogan.gif) 100% 0 no-repeat;
            height: 17px;
            text-align: left;
            text-indent: -9999px;
            margin: 31px 3px 0 0;
            }
        #user_links ul {
            list-style: none;
            margin: 10px 0 0 0;
            padding: 0;
            }
            #user_links li {
                display: inline;
                margin: 0 0 0 5px;
                line-height: 100%;
                }
                #user_links li a {
                    color: #000033;
                    text-decoration: none;
                    font-size: 10px;
                    font-weight: bold;
                    text-transform: uppercase;
                    }
                #user_links li a:hover {
                    color: #56B3AF;
                    }



    /* === Site Messages === */

    #messages {
        width: 100%;
        float: left;
        background: #56B3AF;
        margin: 15px 0 0 0;
        }
        #messages p {
            padding: 10px 15px;
            font-weight: bold;
            color: #FFF;
            }



/*
========================================================================
Body
========================================================================
*/

#body {
    width: 100%;
    float: left;
    margin: 10px 0;
    }



    /* === Nav Bar === */

    #nav_bar {
        width: 200px;
        height: 355px;
        background: #00001E url(/images/nav_bar_background.png) no-repeat;
        float: left;
        }
        #nav_bar ul {
            list-style: none;
            padding: 10px 15px;
            }
            #nav_bar li {
                margin: 13px 0;
                line-height: 100%;
                }
                #nav_bar ul a {
                    display: block;
                    width: 170px;
                    height: 12px;
                    background-repeat: no-repeat;
                    text-indent: -9999px;
                    }
                #nav_bar ul a:hover,
                #nav_bar ul a.selected {
                    background-position: 0 100%;
                    }
                #nav_bar li.home a {
                    background-image: url(/images/nav_home.gif);
                    }
                #nav_bar li.contact_lenses a {
                    background-image: url(/images/nav_contact_lenses.gif);
                    }
                #nav_bar li.glasses a {
                    background-image: url(/images/nav_glasses.gif);
                    }
                #nav_bar li.sunglasses a {
                    background-image: url(/images/nav_sunglasses.gif);
                    }
                #nav_bar li.eye_examination a {
                    background-image: url(/images/nav_eye_examination.gif);
                    }
                #nav_bar li.contact_us a {
                    background-image: url(/images/nav_contact_us.gif);
                    }
                #nav_bar li.news a {
                    background-image: url(/images/nav_news.gif);
                    }
                #nav_bar li.rsvp_spectacle_oscars a {
                    background-image: url(/images/nav_rsvp.gif); height:26px;
                    }

        #nav_quote {
            margin:  0 15px;
            }
            #nav_quote p {
                color: #FFF;
                text-align: center;
                font-size: 11px;
                font-style: italic;
                }
            #nav_quote p.name {
                color: #56B3AF;
                font-weight: bold;
                font-style: normal;
                }



    /* === Content === */

    #content_wrapper {
        width: 720px;
        height: 355px;
        background: #FFF url(/images/content_background.png) no-repeat;
        float: right;
        }
        #content {
            width: 720px;
            height: 355px;
            float: right;
            overflow: auto;
            }




/*
========================================================================
Footer
========================================================================
*/

#footer {
    width: 100%;
    float: left;
    margin: 0 0 25px 0;
    }



    /* === Search Bar === */

    #search {
        margin: 0 0 10px 0;
        width: 100%;
        float: left;
        }
        #search ul {
            list-style: none;
            padding: 0;
            }
            #search li {
                float: left;
                line-height: 100%;
                }
            #search li.search #input_keyword {
                margin-right: 5px;
                text-align: center;
                }
            #search li.brands {
                float: right;
                }
                #search li.brands {
                    padding: 5px 0 0 0;
                    }



    /* === Legal Bar === */

    #legal {
        width: 100%;
        float: left;
        }
        #legal * {
            font-size: 10px;
            }
        #legal p {
            float: left;
            padding: 0;
            color: #56B3AF;
            }
        #legal ul {
            list-style: none;
            float: right;
            text-align: right;
            padding: 0;
            }
            #legal li {
                display: inline;
                margin: 0 0 0 5px;
                line-height: 100%;
                }
                #legal li a {
                    color: #56B3AF;
                    text-decoration: none;
                    }
                #legal li a:hover {
                    color: #000033;
                    }

    #comodo {
        position: absolute;
        bottom: 0px;
        right: 0px;
        }
    div > div#comodo {
        position: fixed;
        }




/*
========================================================================
Topics
========================================================================
*/

#topic {
    }


    /* === Sub Menu === */

    #sec_nav {
        width: 160px;
        height: 355px;
        float: left;
        }
        #sec_nav ul {
            list-style: none;
            margin: 18px 0 0 0;
            padding: 15px;
            }
            #sec_nav li {
                margin: 0 0 10px 0;
                line-height: 100%;
                }
                #sec_nav li a {
                    color: #000033;
                    text-decoration: none;
                    font-weight: bold;
                    text-transform: uppercase;
                    font-size: 11px;
                    }
                #sec_nav li a:hover,
                #sec_nav li a.selected {
                    color: #56B3AF;
                    }



    /* === Results === */

    #results {
        width: 530px;
        height: 355px;
        float: right;
        }
        #results dl.product {
            width: 140px;
            height: 130px;
            margin: 0 25px 10px 0;
            float: left;
            text-align: center;
            }
            #results dl.product dd.thumbnail {
                height: 85px;
                width: 140px;
                vertical-align: middle;
                display: table-cell;
                }
            #results dl.product dd.summary {
                font-size: 11px;
                }
            #results dl.product dd.price {
                margin: 3px 0 0 0;
                }
            #results dl.product dd.pack_quantity {
                float: left;
                margin: 3px 0 0 8px;
                width: 90px;
                text-align: left;
                }
    form.results {
        width: 100%;
        float: left;
        margin: 0 0 8px 0;
        }
        p.results_found {
            float: left;
            line-height: 100%;
            padding: 7px 0 0 0;
            margin: 5px 5px 0px 0;
            }
        p.order_by {
            padding: 8px 0 0 0;
            }
    .paging {
        text-align: right;
        margin: 7px 15px 5px 0;
        line-height: 100%;
        }
        .paging p {
            line-height: 100%;
            }
        .paging a {
            color: #56B3AF;
            text-decoration: none;
            font-weight: bold;
            text-transform: uppercase;
            }
        .paging a:hover {
            color: #000066;
            }



/*
========================================================================
Catalogue
========================================================================
*/

#catalogue {
    margin: 20px 25px;
    }



/*
========================================================================
Product Page
========================================================================
*/

#product {
    }



    /* === Details Column === */

    #product #details {
        width: 270px;
        height: 320px;
        overflow: auto;
        margin: 20px 0 0 0;
        padding: 0 10px 0 0;
        float: left;
        }
        #product #details h2 {
            }
        #product #details h3 {
            margin: 3px 0;
            }
            #product #details h3 span {
                font-size: 14px;
                }
        #product #details p.rrp {
            padding: 0;
            margin: 0 0 8px 0;
            font-size: 10px;
            font-size: italic;
            }
            #product #details p.rrp span {
                font-size: 10px;
                }
        #product #description {
            margin: 10px 0 0 0;
            }



    /* === Add To Basket Panel === */

    #product #add_to_basket {
        margin: 10px 0 20px 0;
        background: #E6E6E6;
        border: 1px solid #CCC;
        }
        #product #add_to_basket ul {
            list-style: none;
            margin: 0;
            padding: 5px;
            }
            #product #add_to_basket li {
                margin: 0 0 8px 0;
                }
                #product #add_to_basket label {
                    color: #56B3AF;
                    font-weight: bold;
                    float: left;
                    line-height: 21px;
                    margin: 0 4px 0 0;
                    }
                #product #add_to_basket li.options select {
                    width: 225px;
                    }
                    #product #add_to_basket select {
                        font-weight: bold;
                        }
                        #product #add_to_basket option {
                            padding: 0 10px 0 0;
                            }
            #product #input_quantity {
                font-weight: bold;
                }
            #product #add_to_basket li.submit {
                margin: 5px 0 0 0;
                display: block;
                }


    /* === Gallery Column === */

    #product #gallery {
        float: right;
        height: 320px;
        width: 228px;
        overflow: auto;
        margin: 20px 20px 0 0;
        }
        #product #gallery #detail_image {
            width: 200px;
            border: 1px solid #CCC;
            }
            a.zoom_link {
                display: block;
                width: 200px;
                height: 19px;
                border: 1px solid #56B3AF;
                text-indent: -9999px;
                background: url(/images/zoom_link.png?1);
                margin: 0;
                }
            a.zoom_link:hover {
                background-position: 0 100%;
                border: 1px solid #000066;
                }


    /* === Thumbnail Images === */

    #thumbnails {
        }
        #thumbnails ul {
            width: 200px;
            margin: 0;
            list-style: none;
            }
            #thumbnails li {
                border: 1px solid #CCC;
                width: 100%;
                float: left;
                margin: 0 0 5px 0;
                }
                #thumbnails a {
                    float: left;
                    padding: 3px;
                    }
                #thumbnails span.description {
                    width: 110px;
                    float: right;
                    line-height: 70px;
                    height: 70px;
                    padding: 3px;
                    }



/*
========================================================================
Contact Us Page
========================================================================
*/

#page_contact_us {
    }



    /* === Additional Content === */

    #page_contact_us #additional {
        width: 450px;
        float: left;
        margin: 15px 18px;
        }



    /* === Form === */

    #page_contact_us #fields {
        width: 200px;
        height: 355px;
        background: #00001E url(/images/nav_bar_background.png) no-repeat;
        float: right;
        }
        #page_contact_us #fields form {
            margin: 10px 10px;
            }
            #page_contact_us #fields form ul {
                list-style: none;
                }
                #page_contact_us #fields form li {
                    margin: 0 0 10px 0;
                    }
                    #page_contact_us #fields form label {
                        color: #56B3AF;
                        display: block;
                        margin: 0 0 3px 0;
                        }
                        #page_contact_us #fields .text,
                        #page_contact_us #fields .mediumtext {
                            width: 170px;
                            }
                        #page_contact_us #fields .mediumtext {
                            height: 140px;
                            }



/*
========================================================================
Checkout (Global)
========================================================================
*/

    /* === Checkout Progress === */

    #checkout_progress {
        margin: 0 0 10px 0;
        }
        #checkout_progress ul {
            list-style: none;
            margin: 0;
            padding: 0;
            }
            #checkout_progress li {
                display: inline;
                margin: 0 5px 0 0;
                background: #CCC;
                padding: 2px 5px;
                color: #FFF;
                }
            #checkout_progress li.previous {
                background: #56B3AF;
                }
            #checkout_progress li.selected {
                background: #000066;
                }
            #checkout_progress a {
                color: #FFF;
                font-weight: normal;
                }
                #checkout_progress a:hover {
                    color: #000066;
                    }



    /* === Checkout Navigation === */

    #checkout_navigation {
        width: 100%;
        float: left;
        margin: 0 0 20px 0;
        }
        #checkout_navigation ul {
            list-style: none;
            }
            #checkout_navigation li {
                float: left;
                }
            #checkout_navigation li.proceed {
                float: right;
                }

/*
========================================================================
Checkout: Basket
========================================================================
*/

#basket {
    margin: 20px 25px;
    }

    /* === Basket Table === */

    #basket_table {
        border: 1px solid #CCC;
        margin: 10px 0;
        }
        #basket_table table {
            margin: 2px;
            padding: 0;
            }
            #basket_table th {
                background: #56B3AF;
                color: #FFF;
                font-weight: bold;
                text-align: left;
                padding: 2px 5px;
                }
            #basket_table th.item_name {
                width: 364px;
                }
            #basket_table th.item_price {
                width: 50px;
                }
            #basket_table th.item_qty {
                width: 70px;
                }
            #basket_table th.item_total {
                width: 50px;
                }
            #basket_table th.item_remove {
                width: 60px;
                }
            #basket_table td {
                padding: 2px 5px;
                }
                #basket_table tr.odd td,
                #basket_table tr.even td {
                    border-bottom: 1px dashed #CCC;
                    }
            #basket_table td.odd {
                background: #E6E6E6;
                }
            #basket_table td.odd {
                }
            #basket_table td.label {
                text-align: right;
                font-weight: bold;
                }
                #basket_table a.update_qty {
                    padding: 0 0 0 3px;
                    }


    /* === Basket Footer === */

    #card_display {
        }
        #card_display ul {
            list-style: none;
            }
            #card_display li {
                display: inline;
                margin-right: 5px;
                }


    /* === Extra Checkout Fields === */

    #checkoutfields {
        margin: 10px;
        }
        #checkoutfields fieldset {
            border: 1px solid #56B3AF;
            padding: 0 10px 15px 10px;
            }
            #checkoutfields legend {
                padding: 0 5px;
                }
            #checkoutfields ul {
                list-style: none;
                }
                #checkoutfields li {
                    margin: 10px 0 0 0;
                    width: 100%;
                    float: left;
                    }
                    #checkoutfields li label {
                        float: left;
                        width: 250px;
                        text-align: right;
                        padding: 3px 10px 0 0;
                        }
                    #checkoutfields li .text,
                    #checkoutfields li textarea {
                        width: 200px;
                        }
            #input_existing_customer {
                margin: 10px 0 0 0;
                }
                #input_existing_customer label {
                    float: left;
                    width: 250px;
                    padding: 0 10px 0 0;
                    text-align: right;
                    }
                #input_existing_customer ul {
                    float: left;
                    margin: 0;
                    padding: 0;
                    }
                #checkoutfields #input_existing_customer li {
                    width: auto;
                    float: none;
                    margin: 0 0 3px 0;
                    }
                    #checkoutfields #input_existing_customer li label {
                        width: auto;
                        float: none;
                        }
                span.description {
                    font-size: 11px;
                    font-style: italic;
                    color: #666;
                    float: left;
                    width: 250px;
                    text-align: right;
                    padding: 3px 10px 0 0;
                    clear:both;
                    }
.required{color:red;}


/*
========================================================================
Checkout: Details
========================================================================
*/

#details div.terms {
    float: right;
    width: 100%;
    margin-top: 20px;
    }


    #details .s_box {
        background: #FFFFFF;
        height: 300px;
        overflow: scroll;
        margin-top: 20px;
        margin-bottom: 20px;
        border: 1px #999999 solid;
        }
        #details .terms p {
            color: #000000;
            }
        #details .terms p a {
            color: #000;
            }
        #details .terms .tc_title {
            color: #000;
            font-size: 13px;               
            font-weight: bold;
            }
    #details .accept input {
        width: 20px;
        float: left;
        margin-right: 5px; 
        }
    #details .accept p {
        color: #000000;        
        }
        #details .accept span {
            color: #56B3AF;
            font-weight: bold; 
            }

/*
========================================================================
Checkout: Edit Personalisation
========================================================================
*/

#edit_personalisation {
    margin: 20px 25px;
    }



/*
========================================================================
Checkout: Checkin
========================================================================
*/

#checkin {
    margin: 20px 25px;
    }


    /* === Checkin Form === */

    #checkin_form {
        background: #E6E6E6;
        border: 1px solid #CCC;
        margin: 10px 0;
        }
        #checkin_form ul {
            list-style: none;
            margin: 5px 15px;
            }
            #checkin_form li {
                margin: 5px 0;
                }

    #checkin #login_help {
        width: 100%;
        float: left;
        }
        #checkin #login_help {
            margin: 0 0 0 13px;
            }



/*
========================================================================
Checkout: Checkout
========================================================================
*/

#checkout {
    margin: 20px 25px;
    }

    /* === Billing Details === */

    #checkout #billing_details {
        width: 50%;
        float: left;
        margin: 10px 0 0 0;
        }
        #checkout #billing_details ul {
            list-style: none;
            margin: 10px 0;
            }
            #checkout #billing_details li {
                margin: 0 0 5px 0;
                }
                #checkout #billing_details label {
                    display: block;
                    float: left;
                    width: 90px;
                    color: #56B3AF;
                    font-weight: bold;
                    }


    /* === Delivery Details === */

    #checkout #delivery_details {
        width: 50%;
        float: right;
        margin: 10px 0 0 0;
        }
        #checkout #delivery_details ul {
            list-style: none;
            margin: 10px 0;
            }
            #checkout #delivery_details #new_address {
                list-style: none;
                margin: 10px 0;
                width: 100%;
                float: left;
                }
                #checkout #delivery_details #new_address li {
                    display: inline;
                    margin: 0 10px 0 0;
                    }
                #delivery_details #new_address ul {
                    width: 100%;
                    float: left;
                    margin: 0 0 10px 0;
                    }
                #delivery_details #add_delivery li {
                    width: 100%;
                    float: left;
                    }
                    #delivery_details input.radio {
                        float: left;
                        }
                    #delivery_details label {
                        float: left;
                        }




/*
========================================================================
Checkout: Card
========================================================================
*/

#card {
    margin: 20px 25px;
    }
    
    #threed iframe {
        width: 100%;
        height: 520px;
        }

    #card fieldset {
            border: 1px solid #56B3AF;
            padding: 0 10px 15px 10px;
            margin: 10px 0;
            }
    
    #card_details {
        margin: 10px 0;
        }
        #card_details td {
            padding: 3px 5px 3px 0;
            }
            #card_details td label {
                text-align: right;
                }



/*
========================================================================
Checkout: Receipt
========================================================================
*/

#checkout-receipt {
    margin: 20px 25px;
    }



/*
========================================================================
User: Account
========================================================================
*/

#account {
    margin: 20px 25px;
    }
    #account h2 {
        width: 100%;
        float: left;
        }
    #account fieldset {
        border: none;
        margin: 10px 0 0 0;
        }


    /* === Your Details === */

    #account fieldset.details {
        width: 55%;
        float: left;
        }
        #account fieldset.details ul {
            list-style: none;
            }
            #account fieldset.details li {
                margin: 0 0 5px 0;
                }
                #account fieldset.details label {
                    display: block;
                    width: 75px;
                    float: left;
                    margin: 4px 0 0 0;
                    }



    /* === Password === */

    #account fieldset.password {
        width: 35%;
        float: right;
        }
        #account fieldset.password ul {
            list-style: none;
            }
            #account fieldset.password li {
                margin: 0 0 5px 0;
                }


    /* === Addresses === */

    #account fieldset.addresses {
        width: 35%;
        float: right;
        }
        #account fieldset.addresses dl {
            width: 100%;
            float: left;
            padding: 5px;
            margin: 2px 0 0 0;
            background: #E6E6E6;
            }
            #account fieldset.addresses dd.select {
                float: left;
                margin: 0 5px 5px 0;
                }
        #account fieldset.addresses ul {
            width: 100%;
            float: left;
            list-style: none;
            margin: 10px 0 0 0;
            padding: 0;
            }
            #account fieldset.addresses li {
                display: inline;
                margin: 0 10px 0 0;
                }



/*
========================================================================
User: Login
========================================================================
*/


#login {
    margin: 20px 25px;
    }
    #login fieldset {
        border: none;
        margin: 10px 0 0 0;
        }
        #login ul {
            list-style: none;
            margin: 10px 0 0 0;
            }
            #login li {
                margin: 0 0 5px 0;
                }
                #login label {
                    display: block;
                    width: 95px;
                    float: left;
                    margin: 2px 0 0 0;
                    }



/*
========================================================================
User: Add/Edit Address
========================================================================
*/

#address {
    margin: 20px 25px;
    }
    #address fieldset {
        border: none;
        }
        #address ul {
            list-style: none;
            margin: 10px 0 0 0;
            }
            #address li {
                margin: 0 0 5px 0;
                }
                #address label {
                    display: block;
                    width: 70px;
                    float: left;
                    margin: 2px 0 0 0;
                    }
            #address li.email {
                margin: 0 0 15px 0;
                }
            #address li.cancel {
                float: left;
                margin: 0 10px 0 0;
                }



/*
========================================================================
User: Registration
========================================================================
*/

#registration {
    margin: 20px 25px;
    }
    #registration fieldset {
        border: none;
        }
        #registration ul {
            margin: 10px 0 0 0;
            list-style: none;
            }
            #registration li {
                margin: 0 0 5px 0;
                }
                #registration label {
                    display: block;
                    width: 85px;
                    float: left;
                    margin: 2px 0 0 0;
                    }
            #registration li.submit {
                width: 100%;
                margin: 10px 0 0 0;
                float: left;
                }



/*
========================================================================
User: Forgotten Password
========================================================================
*/

#forgotten_password {
    margin: 20px 25px;
    }


    /* === Reset Password === */

    #password_reset {
        width: 45%;
        float: left;
        }
        #password_reset fieldset {
            border: none;
            margin: 10px 0 0 0;
            }
            #password_reset ul {
                margin: 5px 0 0 0;
                list-style: none;
                }
            #password_reset li.submit {
                width: 100%;
                margin: 10px 0 0 0;
                float: left;
                }


    /* === Login === */

    #forgotten_password #login {
        margin: 0;
        width: 45%;
        float: right;
        }




/*
========================================================================
Eye Examination
========================================================================
*/

#page_eye_examination {
    }
    #page_eye_examination #additional {
        margin: 12px 0 0 25px;
        padding: 8px 10px 8px 0;
        width: 372px;
        float: left;
        height: 316px;
        overflow: auto;
        }
    #page_eye_examination #sec_nav {
        float: right;
        margin: 10px 12px 0 0;
        height: auto;
        width: auto;
        line-height: 100%;
        }
        #page_eye_examination #sec_nav ul {
            margin: 0;
            padding: 0;
            }
            #page_eye_examination #sec_nav li {
                margin: 0;
                }
        #page_eye_examination #sec_nav a {
            display: block;
            width: 300px;
            height: 165px;
            text-indent: -9999px;
            margin: 2px 0 0 0;
            }
        li.existing_patients a {
            background: url(/images/btn_existing_patients.png) no-repeat;
            }
        li.new_patients a {
            background: url(/images/btn_new_patients.png) no-repeat;
            }



/*
========================================================================
Search Results
========================================================================
*/

#content #search {
    margin: 20px 0 20px 25px;
    width: auto;
    }


    /* === Side Bar === */

    #content #search #search_header {
        width: 170px;
        float: left;
        }
        #content #search #search_header fieldset {
            border: none;
            margin: 10px 0;
            }
        #content #search #search_header legend {
            margin: 0 0 5px 0;
            }
        #content #search #search_header input.button {
            position: relative;
            top: 7px;
            margin: 0 0 0 2px;
            }


    /* === Search Results === */

    #content #search #results {
        width: 480px;
        height: auto;
        float: right;
        }

    #content #search div.paging {
        float: right;
        margin: 0 24px 0 0;
        }



/*
========================================================================
New Petients Form
========================================================================
*/

#page_new_patients #form {
    margin: 20px 25px;
    }
    #page_new_patients fieldset {
        margin: 0 0 20px 0;
        border: 1px solid #56B3AF;
        padding: 0 10px 15px 10px;
        }
        #page_new_patients legend {
            padding: 0 5px;
            }
        #page_new_patients #form ul {
            list-style: none;
            }
            #page_new_patients #form li {
                margin: 0 0 8px 0;
                width: 100%;
                float: left;
                }
                #page_new_patients #form li label,
                #page_new_patients #form li p.summary {
                    float: left;
                    clear: left;
                    width: 200px;
                    text-align: right;
                    margin: 0 10px 0 0;
                    padding: 3px 0 0 0;
                    }
                    #page_new_patients #form li ul {
                        float: left;
                        }
                    #page_new_patients #form li li label {
                        float: none;
                        margin: 0 10px 0 0;
                        }
                    #page_new_patients #form  li.input_if_you_do_not_wish_to_receive_such_information_please_tick_the_box label,
                    #page_new_patients #form  li.input_if_you_do_not_wish_to_receive_such_information_please_tick_the_box p.summary {
                        float: none;
                        width: auto;
                        text-align: left;
                        margin: 20px 0;}



/*
========================================================================
Terms & Conditions
========================================================================
*/

#page_terms_conditions #page {
    margin: 20px 25px;
    }
    #page_terms_conditions #page ol,
    #page_terms_conditions #page li {
        margin: 10px 0 10px 20px;
        }


/*
========================================================================
Privacy Policy
========================================================================
*/

#page_privacy_policy #page {
    margin: 20px 25px;
    }
    #page_terms_conditions #page ol,
    #page_terms_conditions #page li {
        margin: 10px 0 10px 20px;
        }



/*
========================================================================
Sub-Homepages
========================================================================
*/

#page_contact_lenses #additional,
#page_glasses #additional,
#page_sunglasses #additional {
    width: 510px;
    height: 317px;
    float: right;
    margin: 20px 25px 0 0;
    padding: 0 10px 0 0;
    overflow: auto;
    }



/*
========================================================================
Pages
========================================================================
*/

#page {
    margin: 20px 25px;
    }



/*
========================================================================
Newsletters
========================================================================
*/

#newsletter {
    margin: 20px 25px;
    }
    #newsletter form {
        margin: 10px 0;
        }
        #newsletter form p.email label,
        #newsletter form p.fullname label {
            float: left;
            padding: 3px 5px 0 0;
            width: 100px;
            }
        #newsletter form hr {
            margin: 10px 0;
            }



/*
========================================================================
About Us
========================================================================
*/

#page_about_us {
    }
    #page_about_us #page th {
        color: #56B3AF;
        text-align: right;
        padding: 0 5px 5px 0;
        }
    #page_about_us #page td {
        padding: 0 0 5px 0;
        }



/*
========================================================================
Comp Page
========================================================================
*/

#page_competition #content {
    background: #E0D1B0 url(/cms_media/images/mykita_comp.png) 0 100% no-repeat;
    }



    /* === Additional Content === */

    #page_competition #additional {
        width: 300px;
        float: left;
        margin: 15px 18px 0 200px;
        text-align: right;
        }



    /* === Form === */

    #page_competition #fields {
        width: 200px;
        height: 355px;
        background: #00001E url(/images/nav_bar_background.png) no-repeat;
        float: right;
        }
        #page_competition #fields form {
            margin: 10px 10px;
            }
            #page_competition #fields form ul {
                list-style: none;
                }
                #page_competition #fields form li {
                    margin: 0 0 10px 0;
                    }
                    #page_competition #fields form label {
                        color: #56B3AF;
                        display: block;
                        margin: 0 0 3px 0;
                        }
                        #page_competition #fields .text,
                        #page_competition #fields .mediumtext {
                            width: 170px;
                            }
                        #page_competition #fields .mediumtext {
                            height: 70px;
                            }

/*
========================================================================
Site Map
========================================================================
*/
#sitemap h2 {
    float: left;
    width: 90%;
    padding: 10px 0 0 10px;
    }
#sitemap ul,
#sitemap li {
    float: left;
    width: 90%;
    margin: 5px 0 0 10px;    
    }
#sitemap #navigation,
#sitemap #flash_panel,
#sitemap #newsletters {
    display: none;
    }
    

/* News Archive */
#newsarchive { padding: 20px; }
#newsarchive h2 { margin-bottom: 20px; }
.article { margin: 10px 0; position: relative; }
.article h3 { border-bottom: 1px dotted #56B3AF; margin-bottom: 5px; padding-bottom: 5px; }
.article h3 a { color: #56B3AF !important; font-weight: normal; font-size: 16px; }
.article h3 a:hover { color: #000066 !important; }
.article p.adate { position: absolute; padding: 3px; top: 0; right: 60px; text-align: right; color: #56B3AF; }
.article p.amore { position: absolute; top: 0; right: 0; }
.article p.amore a { color: #56B3AF; }
.article p.amore a:hover { color: #000066; }

#article { padding: 20px; position: relative; }
#article h2.aheadline { border-bottom: 1px dotted #56B3AF; margin-bottom: 5px; padding-bottom: 5px; }
#article p.adate { position: absolute; padding: 3px; top: 20px; right: 20px; text-align: right; color: #56B3AF; }