/*
========================================================================
Title:    Client Name Stylesheet (Screen)
Author:   andy@orcawebsites.com
========================================================================
*/

* {
    margin: 0;
    padding: 0;

    }

body {
    text-align: center;
    }



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

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

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

p, span, dd, dt, th, td, label {
    line-height: 160%;
    }

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

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

    }

h2, legend {
    font-size: 32px;
    }

h3 {
    font-size: 15px;
    }

.text,
.smalltext,
.mediumtext,
.largetext,
.password {
    border: 1px solid #000;
    background: #FFF;
    color: #000;
    font-size: 11px;
    padding: 2px;
    }

.image {
    position: absolute;
    }

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

a {
    color: #666666;
    }

a:hover *{
    color: #666666;
    font-weight: bold;
    }

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

label {
    font-weight: bold;
    }

fieldset {
    border: none;
    }



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

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


    /* === Header === */

    #header {
        width: 100%;
        float: left;
        margin: 20px 0;
        }

        #user_links {
            text-align: right;
            margin: 0 0 5px 0;
            }
            #user_links ul {
                list-style: none;
                padding: 0;
                }
                #user_links li {
                    display: inline;
                    margin: 0 0 0 5px;
                    }
                    #user_links a {
                        text-decoration: none;
                        color: #666;
                        font-size: 10px;
                        text-transform: uppercase;
                        }
                    #user_links a:hover {
                        color: #FFF;
                        }

        h1 a{
            background-image: url(/images/header_left.png);
            text-indent: -9999px;
            float: left;
            width : 384px;
            height : 194px;
            display : block;
            }

        h2.header_right  {
            background-image: url(/images/header_right.png?a);
            text-indent: -9999px;
            float : right;
            width : 420px;
            height : 149px;
            }


        #pri_nav {
            width: 914px;
            height: 47px;
            float: left;
            }
            #pri_nav ul {
                list-style: none;
                padding: 0;
                }
                #pri_nav li {
                    float: left;
                    }
                    #pri_nav a {
                        display: block;
                        width: 110px;
                        height: 47px;
                        text-indent: -9999px;
                        }
                    #pri_nav a:hover {
                        background-position: 0 50%;
                        }
                    #pri_nav li.home a {
                        background-image: url(/images/nav_prinav_home.png);
                        width : 65px;
                        }
                    #pri_nav li.about-tp-harris-leeds a {
                        background-image: url(/images/nav_prinav_about_us.png);
                        width : 79px;
                        }
                    #pri_nav li.heating-services-leeds a {
                        background-image: url(/images/nav_prinav_heating.png);
                        width : 77px;
                        }
                    #pri_nav li.plumbing-services-leeds a {
                        background-image: url(/images/nav_prinav_plumbing.png);
                        width : 81px;
                        }
                    #pri_nav li.gas-services-leeds a {
                        background-image: url(/images/nav_prinav_gas.png);
                        width : 105px;
                        }
                    #pri_nav li.bathroom-fitting-leeds a {
                        background-image: url(/images/nav_prinav_bathrooms.png);
                        width : 100px;
                        }
                    #pri_nav li.energy-conservation a {
                        background-image: url(/images/nav_prinav_conservation.png);
                        width : 159px;
                        }
                    #pri_nav li.emergency-call-out-leeds a {
                        background-image: url(/images/nav_prinav_emergency.png);
                        width : 150px;
                        }
                    #pri_nav li.contact-tp-harris-leeds a {
                        background-image: url(/images/nav_prinav_contact_us.png);
                        width : 98px;
                        }
                    #pri_nav a.selected {
                        background-position: 0 100%;
                        }

        #telephone {
            background: url(/images/tel_number.png) no-repeat;
            width: 400px;
            height: 32px;
            float: left;
            margin: 10px 0;
            text-indent: -9999px;
            }

        #brands {
            background: url(/images/brand_selector_background.png);
            width: 330px;
            height: 32px;
            float: left;
            margin: 10px 0;
            text-align: right;
            }
            #brands form {
                margin: 6px 5px;
                padding: 0;
                }
                #brands select {
                    width: 180px;
                    }


        #children {
             width : 580px;
             float : left;
             }
             #children li{
                 font-size : 12;
                 text-transform : lowercase;
                 padding-bottom : 15px;
                 float : left;
                 padding-left : 20px;
                 list-style: none;
                 }
                 #children li .selected {
                       font-weight : bold;
                       } 

        #page_home #children {
            display : none;
            }
#page_home #additional {padding:0px!important;width:100%!important;}

        img.section_banner {
            float : right;
            }



            #flash_panel {
                float : left;
                padding-left : 2px;
                padding-bottom : 10px;
                }


            #menu { 
                }
                #menu div {
                   margin-left : 10px;
                   margin-bottom : 12px;
                   float : left;
                   }

               #search { 
                   background-image: url(/images/search.jpg);
                   background-repeat : no-repeat;
                   background-position : right top;
                   width : 185px;
                   height : 167px;
                   }

               #search form {
                    margin-top : 115px;
                    margin-left : 3px;
                    }
                    .go_img {
                       position : absolute;
                       margin-left : 5px;
                       margin-top : -1px;
                       }


    /* === Body === */

    #body {
        width: 100%;
        float: left;
        }
        #sidebar {
            width: 160px;
            float: left;
            }
        #sidebar input.text {
            width: 100%;
            }
            #search {
                }
 
            #categories {
                }
                #categories h2 {
                    padding: 5px 5px 0 5px;
                    }
                #categories ul {
                    padding: 5px;
                    }
                    #categories li {
                        margin: 0 0 5px 0;
                        }
                        #categories a {
                            color: #FFF;
                            text-decoration: none;
                            text-transform: uppercase;
                            }
                        #categories a:hover {
                            text-decoration: underline;
                            }
                        #categories ul ul {
                            background: #5F0E0E;
                            margin: 0 0 5px 0;
                            padding: 10px 10px 5px 10px;
                            }
            #newsletter_signup {
                }
                #newsletter_signup form {
                    padding: 5px;
                    }
                    #newsletter_signup fieldset {
                        border: none;
                        }
                        #newsletter_signup ul {
                            padding: 0;
                            }
                            #newsletter_signup li {
                                margin: 0 0 5px 0;
                                }
                        #newsletter_signup li.submit {
                            margin: 0;
                            }
                            #newsletter_signup label {
                                display: block;
                                line-height: 100%;
                                margin: 0 0 2px 0;
                                }
                        #newsletter_signup li.list {
                            width: 100%;
                            float: left;
                            }
                            #newsletter_signup li.list input.checkbox {
                                float: left;
                                }
                            #newsletter_signup li.list label {
                                display: block;
                                float: left;
                                padding: 2px 0 0 4px;
                                }
                        #newsletter_signup li.submit {
                            width: 100%;
                            float: left;
                            margin: 5px 0 0 0;
                            }
        #content {
            width: 100%;
            float: left;
            font-family: Avant Garde, Arial, Helvetica, Sans-Serif;
            color: #333333;
            font-size : 13;
            }
            #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);
                        }

        h2.strapline  {
            background-image: url(/images/strapline.jpg);
            text-indent: -9999px;
            float : left;
            width : 322px;
            height : 346px;
            }


        #text_box {
            width : 912px;
            float : left;
            }
            #text_box_top {
                background-image: url(/images/box-top.png);
                background-repeat : no-repeat;
                background-position : left bottom;
                height : 7px;

                   }
                   #text_box_middle {
                       background-image: url(/images/box-middle.png);
                       width : 912px;
                       float : left;
                          }
                          #text_box_bottom {
                              background-image: url(/images/box-bottom.png);
                              height : 7px;
                              background-repeat : no-repeat;
                              background-position : left top;
                              float : left;
                              width : 912px;
                                 }
             #text_1 {
                 float : left;
                 width : 40%;
                 margin-left : 50px;
                 text-align : justify;
                 }
             #text_2 {
                 float : right;
                 width : 40%;
                 margin-right : 50px;
                 text-align : justify;
                 }



/*
========================================================================
Copy
========================================================================
*/

       #additional {
          float : left;
          width : 500px;
          padding-left : 60px;
          line-height : 160%;
          text-align : justify;
          }
          #additional ul {
             padding-left : 40px;
             }

          img.copy_pic {
              float : left;
              }




            #footer {
                width: 100%;
                float: left;
                text-align: left; 

                margin: 30px 0;
                }
                #footer ul {
                    list-style: none;
                    text-align: right;
                    width : 40%;
                    float : right;
                    padding: 0;
                    }
                    #footer li {
                        display: inline;
                        }
                #footer p {
                    padding: 0 0 0 0;
                    }
                    #copyright {
                        float : left;
                        width : 35%;
                        }
                        #footer *{
                           color : #666666;
                           font-size : 10;
                           }

/* Search Results */

#search_results {
    float: right;
    width: 580px;
    }

                         
#page_contact_us ul {
list-style : none;
}
#page_contact_us label {
float : left;
padding-right : 10px;
}

li.input_submit {
padding-left : 100px;
padding-top : 10px;
}


#page_contact_us input {
width : 162px;
}

#fields {
float : right;
width : 300px;
}

#fields li {
float : right;
}

#page_contact_us #additional {
width : 200px;
}

/* Site Map */

.sitemap #flash_panel,
.sitemap #navigation
 {
   display: none;
    }