/*
========================================================================
Title:    Chu's Stylesheet (Screen)
Author:   matt.lansom@orcawebsites.com
========================================================================
*/

* {
    margin: 0;
    padding: 0;
    line-height: 100%;
    list-style: none;
    }

body {
    background: #ffffff;
    text-align: center;
    }


/*
========================================================================
Common Styles
========================================================================
*/

div, p, span, li, dd, dt, th, td, legend, h1, h2, h3, h4, h5, h6 {
    font-family: Geneva, Arial, Helvetica, Sans-Serif;
    color: #666666;
    }

div, p, span, li, dd, dt, th, td {
    font-weight: normal;
    font-size: 11px;
    }

div, p, span, dd, dt, th, td, label {
    line-height: 160%;
    }
p, ul, ol, table {
    padding: 0 0;
    }

h1, h2, h3, h4, h5, h6, legend {
    line-height: 120%;
    font-weight: normal;
    }

h2, legend {
    font-size: 20px;
    }
h2 {
    letter-spacing: 2px;
    }

h3 {
    font-size: 12px;
    }

.text,
.smalltext,
.mediumtext,
.largetext,
.password {
    border: 1px solid #FFF;
    background: #fff;
    color: #000;
    font-size: 9px;

    }

.image {
    position: absolute;
    }

select.dropdown {
    background: #000;
    border: 1px solid #FFF;
    color: #FFF;
    }

a {
    color: #000;
    }

a:hover {
    color: #666;
    }

pre {
    text-align: left;
    color: #000;
    }

label {

    }

fieldset {
    border: none;
    }

#detailed_image {
    float: right;
    border: 1px solid #000;
    margin: 15px 0 0 0;
    }
#section #children_wrapper {
    width: 100%;
    float: left;
    }
    #section #children dl{
        float: left;
        margin: 0 15px 0 0;
        }
        #section #children dl a {
            text-decoration: none;
            }
        #section #children dl a h3{
            color: #999999;
            }
#additional {
    float: left;
    }
#summary {
    float: left;
    width: 90%;
    margin: 0 0 0 20px;
    }
    #summary p {
        font-size: 15px;
        padding: 10px 0 10px 0;
        }


/*
========================================================================
Basic Layout
========================================================================
*/

#container {
    width: 822px;
    margin: 0 auto;
    text-align: left;
    }


    /* === Header === */

    #header {
        width: 688px;
        height: 170px;
        background: url(/images/header_bg.png) no-repeat;
        float: right;
        margin: 20px 0;
        border: 1px solid #000000;
        }

        #logo {
            width: 286px;
            height: 148px;
            float: left;
            overflow: hidden;
            margin: 10px 0 0 30px;
            padding: 0 0 0 0;
            }

            #newsletter_signup {
                float: right;
                width: 200px;
                margin: 30px 0 0 0;
                }
                #newsletter_signup form {
                    }
                    #newsletter_signup fieldset {
                        border: none;
                        width: 150px;
                        }
                        #newsletter_signup #legend {
                            font-size: 11px;
                            margin: 0 0 15px 0;
                            text-align: center;
                            color: #fff;
                            }
                        #newsletter_signup ul {
                            padding: 0;
                            }
                            #newsletter_signup li {
                                margin: 0 0 5px 0;
                                width: 200px;
                                float: left;
                                }
                        #newsletter_signup li.fullname {
                            height: 17px;                            
                            }
                        #newsletter_signup li.email {
                            margin: 0 0 0 0;
                            }
                            #newsletter_signup li.fullname label,
                            #newsletter_signup li.email label {
                                float: left;
                                width: 50px;
                                font-size: 9px;
                                color: #fff; 
                                line-height: 100%;
                                text-align: right;
                                margin: 3px 0 0 0;
                                }
                            #newsletter_signup .news_textinput {
                                height: 17px;
                                background: url(/images/news_box.png) 0px 0px no-repeat;
                                *background: url(/images/news_box.png) 0px 0px no-repeat;
                                *width: 115px;  
                                width: 112px; 
                                float: left;                                                             
                                }    
                                #newsletter_signup .news_textinput .text {
                                    border: none;
                                    width: 107px;
                                    _width:108px
                                    height: 14px;
                                    margin: 2px 0 0 3px;
                                    *margin: 1px 0 0 2px;
                                    background: transparent;
                                    }                            
                        #newsletter_signup li.list {
                            float: left;
                            margin: 0 0 5px 0;
                            }
                            #newsletter_signup li.list input.checkbox {
                                float: left;
                                margin: 4px 0 0 53px;
                                }
                            #newsletter_signup li.list label {
                                display: block;
                                float: left;
                                color: #fff; 
                                padding: 2px 0 0 4px;
                                }
                        #newsletter_signup li.submit {
                            width: 100%;
                            float: left;
                            margin: 0 0 0 53px;
                            }



    /* === Body === */

    #body {
        width: 100%;
        float: left;
        }
        #sidebar {
            width: 130px;
            float: left;
            }
        #sidebar input.text {
            width: 100%;
            }
            #pri_nav {
                float: left;
                margin: 0 0 10px 0;
                }
                #pri_nav ul {
                    list-style: none;
                    padding: 0;
                    }
                    #pri_nav li {
                        *display: none;
                        }
                        #pri_nav li.menu, 
                        #pri_nav li.takeaway,
                        #pri_nav li.special_occassions,
                        #pri_nav li.home,
                        #pri_nav li.about_us,
                        #pri_nav li.contact{
                        *display:list-item;
                        }
                    #pri_nav li a{
                        color: #cccccc;
                        text-decoration: none;
                        line-height: 130%;
                        }
                    #pri_nav li a.selected {
                        color: #333333;
                        }
                    #pri_nav ul.subcategories {
                        margin: 0 0 0 10px;
                        }
                        #pri_nav ul.subcategories li.restaurant_menu,
                        #pri_nav ul.subcategories li.takeaway_menu {
                            display: none;
                            }
                        #pri_nav ul.subcategories a { 
                            color: #999999;
                            }
                        #pri_nav ul.subcategories a:hover { 
                            color: #666666;
                            }
                        #pri_nav ul.subcategories a.selected {
                            color: #333333;
                            }                            
        #content {
            width: 688px;
            float: right;
            border: 1px solid #000000;
            background: #FDFFC3 url(/images/menu_bg.png) no-repeat;
            }
            #messages {
                background: #000;
                border: 1px solid #FFF;
                margin: 0 0 20px 0;
                padding: 10px 0 0 0;
                }
                #messages p {
                    margin: 0 10px 10px 10px;
                    padding: 0 0 0 23px;
                    background-repeat: no-repeat;
                    }
                    #messages p.ok {
                        background-image: url(/images/icn_tick.png);
                        }
                    #messages p.error {
                        background-image: url(/images/icn_error.png);
                        }
                    #messages p.info {
                        background-image: url(/images/icn_info.png);
                        }
            #footer {
                width: 100%;
                float: left;
                text-align: center;
                margin: 30px 0;
                }
                #footer ul {
                    list-style: none;
                    padding: 0;
                    }
                    #footer li {
                        border-left: 1px solid #cccccc;
                        display: inline;
                        padding: 0 7px 0 7px;
                        line-height: 100%;
                        }
                        #footer li.nopipe {
                           border: none; 
                           }
                        #footer li a,
                        #footer li.tel,
                        #footer #copyright,
                        #footer #powered a {
                           color: #999999;
                           text-decoration: none;
                           }
                #footer p {
                    float: left;
                    width: 180px;
                    margin: 5px 1px 0 1px;
                    }
                #footer #copyright {
                    margin: 5px 0 0 250px;
                    }
                #footer p a {
                    line-height: 160%;
                    }


/*
========================================================================
Home Page
========================================================================
*/

#page_home #content{
    height: 490px;
    }

/*
========================================================================
Menu Page
========================================================================
*/

#page_menu #content {
    *height: 645px;
    }
#page_menu #additional {
    width: 60%;
    *width: 55%;
    float: right;
    text-align: right;
    margin: 30px 20px 0 0;    
    }
#menu_wrapper {
    float: left;
    width: 100%;
    }
    #menu_wrapper dl.article {
        float: left;
        display: block;
        height: 150px;
        width: 150px;
        background: white;
        border: 1px solid #999999;
        margin: 13px 34px 33px 40px;
        }
    #menu_wrapper #vegetarian_dishes {
        background: url(/images/chinese_vegetarian.jpg) no-repeat;
        }
    #menu_wrapper #rice_noodle_dishes {
        background: url(/images/chinese_noodles.jpg) no-repeat;
        }
    #menu_wrapper #banquets {
        background: url(/images/chinese_set_meal.jpg) no-repeat;
        }
    #menu_wrapper #extras {
        background: url(/images/chinese_extras.jpg) no-repeat;
        }
    #menu_wrapper #special_dishes {
        background: url(/images/chinese_special.jpg) no-repeat;
        }
        #menu_wrapper dt a,#children_wrapper dt a {
display:block;
font-size: 18px;
            margin: 105px 0 0 7px;


            text-decoration: none;
            }
        //#menu_wrapper dt a h3 {
         //   font-size: 18px;
            //margin: 105px 0 0 7px;
           // }

#page_vegetarian_dishes #dish_sub_menu,
#page_rice_noodle_dishes #dish_sub_menu,
#page_special_dishes #dish_sub_menu,
#page_extras #dish_sub_menu {
    display: none;
    }
/*
========================================================================
Sub menu
========================================================================
*/

#page_sub_menu {
    display: none;
    }
    #section h2 {
        float: left;
        margin: 20px 0 0 20px;
        }
#children_wrapper {
    float: left;
    }
    #children_wrapper #children dl.article {
        float: left;
        display: block;
        height: 150px;
        width: 150px;
        border: 1px solid #999999;
        margin: 13px 34px 33px 40px;
        }
    #menu_wrapper #starters,
    #children_wrapper #children #starters {
        background: url(/images/chinese_starter.jpg) no-repeat;
        }
    #children_wrapper #children #soups {
        background: url(/images/chinese_soup.jpg) no-repeat;
        }
    #children_wrapper #children #chicken {
        background: url(/images/chinese_chicken1.jpg) no-repeat;
        }
    #children_wrapper #children #pork {
        background: url(/images/chinese_pork.jpg) no-repeat;
        }
    #children_wrapper #children #beef {
        background: url(/images/chinese_beef.jpg) no-repeat;
        }
    #children_wrapper #children #king_prawn {
        background: url(/images/chinese_king_prawns1.jpg) no-repeat;
        }
    #children_wrapper #children #seafood {
        background: url(/images/chinese_seafood1.jpg) no-repeat;
        }
    #menu_wrapper #mains,
    #children_wrapper #children #duck {
        background: url(/images/chinese_duck1.jpg) no-repeat;
        }
        #children_wrapper dt a {
            text-decoration: none;
            }
        #children_wrapper dt a h3 {
            font-size: 18px;
            margin: 105px 0 0 7px;
            }
#page_starters #content {

    }
#page_starters #children_wrapper {
    padding: 0 0 0 115px;
    *padding: 0 0 20px 115px;
    } 
#page_mains #content {
    height: 440px;
    } 

/*
========================================================================
Dishes Page
========================================================================
*/

#dish {
    float: left;
    width: 100%;
    }
#dish_sub_menu {
    width: 100%;
    float: left;
    margin: 2px 0 20px 0;
    }

    #dish_sub_menu li {
        display: inline;
        margin: 2px 10px 0 1px;
         
        }
        #dish_sub_menu li a {
            color: #333333;
            text-decoration: none;
            margin: 20px 0 0 0;
            padding: 2px 0 0 2px;
            }
        #dish_sub_menu li a:hover {
            color: #999999;
            }
#dish h2 {
    width: 30%;
    float: left;
    margin: 0 0 0 20px;
    }
#page_starters #dish h2 {
    padding: 42px 0 0 70px;
    background: url(/images/starter.jpg) no-repeat;
    }
#page_soups #dish h2 {
    padding: 42px 0 0 70px;
    background: url(/images/soup.jpg) no-repeat;
    }
#page_chicken #dish h2 {
    padding: 42px 0 0 70px;
    background: url(/images/chicken.jpg) no-repeat;
    }
#page_beef #dish h2 {
    padding: 42px 0 0 70px;
    background: url(/images/beef.jpg) no-repeat;
    }
#page_pork #dish h2 {
    padding: 42px 0 0 70px;
    background: url(/images/pork.jpg) no-repeat;
    }
#page_duck #dish h2 {
    padding: 42px 0 0 70px;
    background: url(/images/duck.jpg) no-repeat;
    }
#page_king_prawn #dish h2 {
    padding: 42px 0 0 70px;
    background: url(/images/king_prawns.jpg) no-repeat;
    }
#page_seafood #dish h2 {
    padding: 42px 0 0 70px;
    background: url(/images/seafood.jpg) no-repeat;
    }
#page_vegetarian_dishes #dish h2 {
    padding: 15px 0 0 70px;
    height: 66px;
    background: url(/images/vegetarian.jpg) no-repeat;
    }
#page_special_dishes h2 {
    padding: 42px 0 0 70px;
    background: url(/images/special.jpg) no-repeat;
    }
#page_extras #dish h2 {
    padding: 42px 0 0 70px;
    background: url(/images/extras.jpg) no-repeat;
    }
#page_rice_noodle_dishes #dish h2 {
    padding: 15px 0 0 70px;
    height: 66px;
    *width: 220px;
    background: url(/images/rice_noodle.jpg) no-repeat;
    }
#dish #additional {
    width: 50%;
    float: right;
    margin: 0 20px 0 0;
    }
#dish_wrapper {
    width: 100%;
    float: left;
    margin: 30px 0 20px 0;
    }
    #dish_children .col1 {
       width: 47%;
       float: left; 
       margin: 0 0 0 20px;
       }
    #dish_children .col2 {
       width: 47%;
       float: right; 
       border-left: solid 1px #cccccc;
       margin: 0 20px 0 0;
       }
       #dish_children .col2 dl {
           padding: 0 0 0 8px;
           }
       #dish_children dl {
           width: 100%;
           float: left;
           }
           #dish_children dl dd{
           width: 35px;
           
           float: left;
           letter-spacing: 1px;           
           }
           #dish_children dl #col2_price {
               *width: 33px; 
               }
           #dish_children dl dt {
           width: 247px;
           *width: 240; 
           float: left;
           color: #999999;
           margin: 0 5px 0 0;
           letter-spacing: 2px;
           }

#page_vegetarian_dishes #dish_sub_menu,
#page_rice_noodle_dishes #dish_sub_menu,
#page_extras #dish_sub_menu {
    display: none;
    }
#page_vegetarian_dishes h2,
#page_rice_noodle_dishes h2,
#page_special_dishes h2,
#page_extras h2 {
    margin: 20px 0 0 20px;
    }
#page_vegetarian_dishes #additional,
#page_rice_noodle_dishes #additional,
#page_special_dishes #additional,
#page_extras #additional {
    margin: 30px 10px 20px 0;
    }

/*
========================================================================
Banquets
========================================================================
*/
#page_banquets #children_wrapper {
    margin: 0 0 20px 0; 
    }
#page_banquets #children_wrapper #children {float:left;}
#page_banquets #children dl {float: left;}
#page_banquets #children dl.odd {
    width: 50%;
    height: 430px;
    float: left;
    margin: 20px 0 0 0;
    }
    #children dl.odd dt {
        text-align: center;
        text-transform: uppercase;
        color: #cc0000;
        *margin: 0 40px 0 0;
        float: left;
        width: 100%;
        }
        #children dl.odd dt span {
            font-size: 20px;
            color: #cc0000;
            }
    #children dl.odd dd.headline {
        text-align: center;
        width: 60%;
        margin: 0 0 0 60px;
        float: left;
        }
    #children dl.odd dd.dishes {
        width: 60%;
        margin: 0 0 0 60px;
        float: left;
        }
    #children dd.dishes p {
        text-align: center;
        } 
#page_banquets #children dl.even {
    width: 50%;
    height: 430px; 
    margin: 20px 0 0 0;
    float: right;
    }
    #children dl.even dt {
        text-transform: uppercase;
        color: #CC0000;
        text-align: center;
        *margin: 0 40px 0 0;
        }
        #children dl.even dt span {
            font-size: 20px;
            color: #cc0000;
            }
    #children dl.even dd.headline {
        text-align: center;
        width: 60%;
        margin: 0 0 0 47px;
        }
    #children dl.even dd.dishes {
        margin: 0 0 0 47px;
        width: 60%;
        text-align: center;
        }


            

/*
========================================================================
Special Occassions
========================================================================
*/
#page_special_occasions #copy {
    float: left;
    background: url(/images/takeaway_bg.png) 0 260px no-repeat;
    }

#page_special_occasions #summary {
    text-align: center;
    margin: 30px 0 0 20px;
    width: 649px;
    }

#page_special_occasions #additional {
    text-align: center;
    width: 649px;
    }

/*
========================================================================
Takeaway
========================================================================
*/
#page_takeaway #content {
    background: #FDFFC3 url(/images/menu_bg.png) no-repeat;
    }
#page_takeaway #copy {
    background: url(/images/takeaway_bg.png) 0 210px no-repeat;
    height: 448px
    }
    #page_takeaway #content h2 {
        float: left;
        height: 65px;
        margin: 20px 0 0 20px;
        }
    #page_takeaway #additional {
        float: right;
        width: 300px;
        color: red;
        margin: 20px 0 0 0;
        }
    #page_takeaway #summary {
        margin: 0 0 20px 20px;
        *padding: 20px 0 0 20px;
        *margin: 0 0 0 20px;
        
        }
    #downloads {
        width: 100%;
        float: left;
        *margin: 30px 0 0 0;
        }
    #downloads dl {
        width: 50%;
        float: left;
        }

        #downloads #item_restaurant_menu {
            margin: 0 0 5px 60px; 
            font-size: 12px;
            color: #999999;
            letter-spacing: 2px;
            }
        #downloads #item_takeaway_menu {
            margin: 0 0 5px 130px; 
            font-size: 12px;
            color: #999999;
            letter-spacing: 2px;
            }
        #downloads #item_wine_list {
            margin: 0 0 5px 60px; 
            font-size: 12px;
            color: #999999;
            letter-spacing: 2px;
            }

        #downloads #img_restaurant_menu {
            margin: 0 0 0 60px;
            }
        #downloads #img_takeaway_menu {
            margin: 0 0 0 130px;
            }
        #downloads #img_wine_list {
            margin: 0 0 0 60px;
            }

        #page_takeaway dl #img_takeaway_menu a {
            display: block;
            width: 144px;
            height: 180px;
            background: url(/images/takeaway_menu1.png) no-repeat;
            text-indent: -9999px;
            }
        #page_takeaway dl #img_restaurant_menu a {
            display: block;
            width: 144px;
            height: 180px;
            background: url(/images/restaurant_menu1.png) no-repeat;
            text-indent: -9999px;
            }
        #page_takeaway dl #img_wine_list a {
            display: block;
            width: 144px;
            height: 180px;
            background: url(/images/takeaway_menu2.png) no-repeat;
            text-indent: -9999px;
            }

        #page_takeaway dl #img_restaurant_menu {
            background: url(/images/takeaway_menu.png) no-repeat;
            }

        #downloads #summary_restaurant_menu {
            width: 200px; 
            margin: 5px 0 20px 35px;
            }
        #downloads #summary_takeaway_menu {
            margin: 5px 0 20px 105px;
            width: 200px; 
            }
        #downloads #summary_wine_list {
            margin: 5px 0 20px 35px;
            width: 200px; 
            }




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


#page_about_us #content {
    _position:relative;
    _left:30px;
    _bottom:400px;
    }
#copy h2 {
    margin: 20px 0 0 20px;
    }
    #copy #additional {
        margin: 20px 20px 20px 20px;
        }

/*
========================================================================
Newsletter
========================================================================
*/

#newsletter p.email label {
    width: 100px;
    display: block;
    float: left;
    }

#newsletter p.fullname label {
    width: 100px;
    display: block;
    float: left;
    }


/*
========================================================================
Forms
========================================================================
*/

#form {
    }
    #form li {
        margin: 0 0 8px 0;
        width: 100%;
        float:left;
        }
        #form label {
            float: left;
            width: 100px;
            margin: 0 10px 0 0;
            }
#form #input_submit {
    margin: 5px 0 0 130px;
    }



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

#page_contact #content{
    background: #FCF6EF url(/images/menu_bg.png) no-repeat;
    border: 1px #000 solid;
    height: 290px;
    }
    #page_contact #form {
        float: left;
        }
        #page_contact #copy {
            width: 100%;
            margin: 20px 0 0 20px;
            }
    #page_contact h2 {
        margin: 0 0 0 0;
        }
    #page_contact #additional {
        width: 32%; 
        float: left;
        margin: 20px 0 0 0;
        }
        #page_contact #additional #telephone {
           float: left;
           width: 100%;
           padding: 0 0 5px 0;
           }
        #page_contact #additional #address {
           float: left;
           width: 100%;
           padding: 5px 0 0px 5px; 
           }
        #page_contact #additional .contact_text {
           margin: 10px 0 0 0;
           width: 100%;
           float: left;
           background: #FCF6EF;
           font-family: Geneva;
           font-size: 14px;
           }
        #page_contact #additional #contact_address {
           margin: 20px 0 0 0;
           }
        #page_contact #additional #email {
           float: left;
           width: 100%;
           padding: 5px 0 5px 7px; 
           }
        #page_contact #additional p{
           float: left;
           width: 100%;
           }
    #page_contact #fields {
        width: 60%;
        float: right;
        margin: 20px 30px 0 0;
        }
        #page_contact #fields li label{
           text-align: right;
           width: 120px;
           font-size: 13px;
           }
        #page_contact #fields li input.text {
           width: 160px;
           height: 20px;
           border: solid 1px #666666;
           margin: 2px 0 0 0;
           }
        #page_contact #fields li #input_comments {
           width: 220px;
           border: solid 1px #666666;
           margin: 2px 0 0 0;
           }
    #page_contact #fields li.input_submit {
       float: left;
       }
    #page_contact #fields li #input_submit {
        *float: none;
        *position: absolute;
        *top: 460px;
        *left: 607px;
        *margin: 0 0 0 200px;
        }
/*
====================================================
Signup page
====================================================
*/

#newsletter {
    float: left;
    width: 688px;
    }
    #newsletter h2 {
        float: left;
        width: 667px;
        margin: 0 0 0 20px
        }
    #newsletter div.summary {
        float: left;
        width: 667px;
        margin: 5px 0 15px 20px;
        }
    #newsletter form {
        float: left;
        padding: 0 0 20px 20px;
        }
        #newsletter form p.email,
        #newsletter form p.fullname  {
            float: left;
            width: 687px;
            margin: 0 0 10px 0;
            } 
            #newsletter #input_email {
                width: 200px; 
                }  
       #newsletter p {
            float: left;
            width: 667px;
            margin: 0 0 10px 0;
            }
       #newsletter #input_subscribe {
            float: left;
            margin: 0 0 20px 0;
            }

/*
====================================================
Links page
====================================================
*/

#page_links1 {
    
    }
    #page_links1 #additional a {
        width: 500px;
        float: left;
        margin: 0 0 10px 0;
        }


/*
====================================================
Site Map page
====================================================
*/

#sitemap .sitemap {
    width: 500px;
    margin: 20px 0 20px 20px;
    }
    .sitemap li {
        margin: 10px 0 10px 10px;
        }


#section {float: left;}