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

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

body {
    background: #fff url(/images/header_bg.png) repeat-x;
    text-align: center;
    }



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

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

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

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

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

h2 {
    font-size: 20px;
    float: left;
    width: 100%;
    margin: 0 0 20px 0;   
    }
legend {
    font-size: 13px;
    font-weight: bold;
    }

h3 {
    font-size: 17px;
    }

.text,
.smalltext,
.mediumtext,
.largetext,
.password,
.numeric,
.date,
.email,
.file {
    border: 1px solid #999;
    background: #fff;
    color: #666;
    font-size: 11px;
    }

select.dropdown {
    background: #fff;
    border: 1px solid #999;
    color: #999;
    }

a {
    color: #666;
    outline: none;
    }

a:hover {
    color: #666;
    }
b, strong {font-weight:bold;}
:focus {
    -moz-outline-style: none;
    }

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

fieldset {
    border: none;
    }

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

table td {
    padding: 3px;
    }
table strong span {
    font-weight: bold;
    }
#header ul {list-style:none;}
#body ul {list-style-position:inside;list-style-type:none;}


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

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


    /* === Header === */

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

        #login {
            width: 410px;
            float: right;
            text-align: right;
            margin-top: 5px;
            }
            #login a {
                color: #fff;
                text-decoration: none;
                }
                #login a:hover {
                    text-decoration: underline;
                    }

        #logo {
            width: 340px;
            height: 165px;
            float: left;
            overflow: hidden;
            margin: 8px 0 3px 0px;
            *margin: 8px 0 3px 0;
            }
        #slogan {
            float: left;
            width: 272px;
            margin-top: 3px;
            }
#contact_dets{width:340px;float:left;margin-top:15px;}
p.head_tel,p.head_eml{float:left;width:170px;margin-right:10px;color:#6797BD;font-size:14px;}
p.head_tel{width:150px;}
            #newsletter_container {
                width: 510px;
                float: right;
                margin-top: 2px;
                _margin-top: 3px;
                
                }
            #newsletter_signup {
                width: 197px;
                float: right;
                margin: 5px 0 0 0;
                _margin: 0px;
                }
                #newsletter_signup form {
                    }
                    #newsletter_signup fieldset {
                        border: none;
                        }
                    #newsletter_signup legend {
                        color: #fff;  
                        margin: 0 0 8px 0;
                        float: right;
                        width: 160px;                    
                        }
                        #newsletter_signup ul {
                            padding: 0;
                            }
                            #newsletter_signup li {
                                margin: 0 0 5px 0;
                                width: 100%;
                                float: left;
                                }
                            #newsletter_signup label {
                                width: 70px;
                                float: left;
                                padding: 2px 0 0 0;
                                text-align: right; 
                                color: #fff !important;
                                }
                            #newsletter_signup .text {
                                float: right;
                                width: 113px;
                                height: 15px;
                                }
                        #newsletter_signup li.submit {
                            margin: 0;
                            }
                            #newsletter_signup label {
                                display: block;
                                line-height: 100%;
                                margin: 0 0 2px 0;
                                color: #fff;
                                font-size: 10px;
                                }
                        #newsletter_signup li.list {
                            width: 90px;
                            margin: 0 0 0 84px;
                            _margin: 0 0 0 42px;
                            float: left;
                            width: 100px;
                            }
                            #newsletter_signup li.list input.checkbox {
                                float: left;
                                }
                            #newsletter_signup li.list label {
                                display: block;
                                color: #fff;
                                float: left;
                                padding: 2px 0 0 4px;
                                }
                        #newsletter_signup li.submit {
                            width: 100%;
                            float: right;
                            margin: 5px 0 0 0;
                            *margin: 0 0 5px 0;
                            text-align: right;
                            }
#nav_container {
    width: 100%;
    float: left;
    height: 31px;
}

        #pri_nav {
            height: 32px;
            float: left;

            }
            #pri_nav ul {
                list-style: none;
                padding: 0;
                }
                #pri_nav li {
                    float: left;
                    }
                    #pri_nav a {
                        display: block;
                        height: 32px;
                        text-indent: -9999px;
                        }
                    #pri_nav a:hover {
                        background-position: 0 100%;
                        }
                    #pri_nav li.home a {
                        width: 55px;
                        background-image: url(/images/nav_prinav_home.png?987);
                        }
                    #pri_nav li.about_us a {
                        width: 84px;
                        background-image: url(/images/nav_prinav_about_us.png?987);
                        }
                    #pri_nav li.products_services a {
                        width: 152px;
                        background-image: url(/images/nav_prinav_products_services.png?987);
                        }
                    #pri_nav li.repair_service a {
                        width: 132px;
                        background-image: url(/images/nav_prinav_repair_service.png?987);
                        }
                    #pri_nav li.case_studies a {
                        width: 105px;
                        background-image: url(/images/nav_prinav_case_studies.png?987);
                        }
                    #pri_nav li.news a {
                        width: 61px;
                        background-image: url(/images/nav_prinav_news.png?987);
                        }
                    #pri_nav li.sectors a {
                        width: 74px;
                        background-image: url(/images/nav_prinav_sectors.png?987);
                        }
                    #pri_nav li.downloads a {
                        width: 96px;
                        background-image: url(/images/nav_prinav_downloads.png?987);
                        }
                    #pri_nav li.contact a {
                        width: 87px;
                        background-image: url(/images/nav_prinav_contact.png?987);
                        }
                    #pri_nav a.selected {
                        background-position: 0 100%;
                        }
            #search_container {
                width: 510px;
                float: right;
                }
            #search {
                width: 175px;
                float: right;
                margin: 16px 0 0 0;
                .margin-top: 0px;
                }
                #search form {
                    }
                    #search fieldset {
                        border: none;
                        }
                        #search legend {
                            display: none;
                            }
                        #search #input_search {
                            width: 122px;
                            float: right;
                            height: 12px;
                            padding: 3px;
                            }
                        #search #input_search_submit {
                            float: left; 
                            color: #517C97;
                            border: none;
                            background: transparent;
                            width: 43px; 
                            _width: 38px
                            }


    /* === Body === */

    #body {
        width: 100%;
        float: left;
        min-height: 400px;
        }

            
        #content {
            width: 850px;
            float: right;
            }
            #messages {
                border: 1px solid #FFF;
                margin: 20px 0 20px 0;
                padding: 10px 0 0 0;
                }
                #messages p {
                    color: #000;
                    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_container {
                width: 100%;
                float: left;
                }
            #footer {
                width: 850px;
                text-align: center;
                margin: 20px auto;
                }
                #footer ul {
                    list-style: none;
                    padding: 0;
                    width: 530px;
                    float: left; 
                    text-align: left;
                    }
                #f_right {
                    float: right;
                    width: 320px;
                    }
                    
                    #footer li {
                        display: inline; 
                        font-size: 12px;                       
                        }
                        #footer a {
                            text-transform: lowercase;
                            text-decoration: none;                             
                            }
                    #footer #copyright,
                    #footer #powered  {
                        display: inline;
                        text-transform: lowercase;
                        width: 100%;
                        float: right;  
                        text-align: right;
                        line-height: 100%;
                        padding-bottom: 4px;
                        color: #666666;
                        }



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

#page_home {
    }
    #newsticker {
        width: 100%;
        float: left;
        height: 27px;
        overflow: hidden;
        margin-top: 25px;
        }
        #newsticker li a {
            color: #517c97;
            }
    #left_spacer {
        width: 6px;
        float: left; 
        height: 10px;
        }
    #flash_panel {
        width: 838px;
        float: left;
        margin-top: 20px;
        margin-bottom: 20px;
        }
    #featured_items {
        width: 100%;
        float: left;
        }
        #featured_items #sectors {
            float: left;
            width: 566px; 
            }
        #featured_items #sectors_bg {
            float: left;
            width: 566px;
            min-height: 222px;
            _height: 222px; background: #CBDCE9 url(/images/sector_bg.png) no-repeat;
            }
        #sectors h3 {
            color: #666;
            }
            .highlighter {
                color: #517c97;
                font-size: 17px;                    
                }
            #sectors dl {
                width: 264px;
                float: left;
                margin: 10px 0 0 13px;
                _margin: 10px 0 0 7px;
                }
                #sectors dt {
                    float: left;
                    width: 100%;
                    text-align: left;
                    font-size: 13px;
                    color: #517C97;
                    font-weight: bold;                    
                    }
                .summary,
                #downloads_summary {
                    width: 100%;
                    float: left;
                    font-size: 12px;
                    }
                #sectors p.more,
                #downloads .more {
                    width: 100%;
                    text-align: right;                    
                    }
                    #sectors p a,
                    #downloads .more a {
                        text-decoration: none;
                        color: #333;
                        font-size: 13px;
                        }
        #additional_services,
        #downloads {
            float: left;
            width: 244px;
            margin: 0 0 20px 20px;
            }
        #additional_services {
            background: url(/images/hr.png) 50% bottom no-repeat;
            padding-bottom: 20px;
            }
            #additional_services h3,
            #downloads h3 {
                width: 100%;
                margin: 0 0 10px 0; 
                color: #666;
                }
            #downloads h3 {
                height: 19px;
                background: url(/images/arrow.png) 85px 0px no-repeat;
                }
            .latest_downloads {
                width: 100%;
                margin: 10px 0 0 0;
                float: left;
                }
                .latest_downloads h4 {
                    font-size: 13px;
                    color: #333333;
                    padding: 0 0 0 10px;
                    background: url(/images/bullet.png) no-repeat;
                    }
            #additional_services .more a {
                color: #517c97;
                width: 100%;
                float: left;
                margin: 0 0 0px 0;
                }
        
  

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

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






/*
========================================================================
Topic Page
========================================================================
*/

#categories {
    width: 160px;
    float: left;
    margin: 20px 0 0 0;
    }

#topic .cats {
    width: 160px;
    float: left;
    margin: 0px;
    }
    #categories li {
        width: 100%;
        float: left;
        margin: 0px 0 7px 0;
        }
    #categories li ul {
        width: 140px;
        float: left;
        margin: 7px 0 0 10px;
        }
        #categories li ul ul {
            width: 120px;
            }
    #categories .selected {
        text-decoration: underline;
        }
        #categories li a {
            color: #517c97;
            font-size: 13px;
            float: left;
            text-decoration: none;
            }
            #categories .subcats li a {
                color: #666666;
                padding: 3px 0;
                }
                #categories .sub2cats li a {
                    color: #999999;
                    }
            #categories li a:hover {
                text-decoration: underline;
                }
            .subcat_products {
                _margin: 7px 0 0 0;
                }
            .subcat_products ul {
                margin: 10px 0px;
                }                
            .subcat_products li {
                margin: 0 0 7px 15px !important;
                font-size: 12px !important;
                font-weight: normal !important;
                }
                .subcat_products li a {
                    color: #999 !important;
                    }
#topic h2,
#topic #additional,
#topic #results {
    width: 690px;
    _width: 670px;
    float: right;
    }

/*
========================================================================
Section
========================================================================
*/

.article{margin-bottom:20px;float:left;width:100%;}
.article img{float:right;align:center;margin:0px 20px 20px 20px;}
.article .additional {}
/*
========================================================================
Testimonials Page
========================================================================
*/

#testimonial #children_wrapper {
    float: left;
    width: 100%;
    margin-top: 20px;
    }

#testimonial dl {
    width: 100%;
    float: left;
    margin-top: 20px;
    }
    #testimonial dl .image {
        width: 200px; 
        height: 200px;
        float: left;
        margin-right: 10px;
        text-align: center;
        }
        #testimonial dl .image a {
            color: #b7b7b7;
            text-decoration: none;
            }
            #testimonial dl span {
                float: left;
                width: 100%;
                }
    #testimonial dl h3,
    #testimonial dl .summary {
        width: 620px;
        float: left;
        }
    #testimonial dl h3 {
        margin-bottom: 10px;
        color: #517c97;
        }


/*
========================================================================
Image Gallery
========================================================================
*/

#image_gallery hr {
    width: 100%;
    color: #ffffff;
    float: left;
    margin: 30px 0px 20px 0px;
    }
    #image_gallery h3 {
        margin-bottom: 20px;
        }
        #image_gallery span {
            margin-left: 20px;
            }
    dl.gallery_image {
        width: 140px;
        height: 140px;
        overflow:hidden;
        float: left;
        margin-left: 25px;
        _margin-left: 12px;
        margin-bottom: 25px;
        border: 1px solid #cccccc;
        }
    

/*
========================================================================
News Page
========================================================================
*/

#news_index {
    width: 100%;
    float: left;
    margin-top: 30px; 
    }

#page_news dl.article {
            width: 700px;
            min-height: 70px;
            _height: 70px;
            margin: 10px auto;
            }
            #page_news dl.article dt {
                width: 100%;
                float: left;
                font-size: 14px;
                color: #517c97;
                _padding-bottom: 4px;
                }
                #page_news .article dt a {
                    float: left;
                    width: 600px;
                    padding-top: 3px;
                    text-decoration: none;
                    color: #517c97; 
                    }
                #page_news .article dt span {
                    float: right;
                    text-align: right;
                    width: 80px; 
                    }
            #page_news .hr {
                width: 650px;
                float: left;
                height: 1px; 
                background: #cccccc;
                margin: 5px 0px 5px 25px;
                _display: none;
                }
            #page_news dd.thumbnail {
                width: 100%;
                float: left;
                _padding-top: 4px;
                _border-top: 1px solid #CCC;
                }
            #page_news dd.more {
                width: 100%;
                float: left;
                text-align: right;
                }
                #page_news dd.more a {
                    color: #517c97;
                    }         

/*
========================================================================
News Article Page
========================================================================
*/

#article #body {
    margin-top: 20px;
    }

/*
========================================================================
Download Page
========================================================================
*/

#download_wrapper {
    width: 100%;
    float: left;
    margin: 30px 0 0 0;
    }
    #download_box {
        width: 750px;
        float: left;
        margin: 0 0 0 25px;
        }
        #download_wrapper dl.article {
            width: 620px;
            min-height: 70px;
            _height: 70px;
            float: left;
            margin: 0 0 20px 0;
            }
            #download_wrapper dl.article dt {
                width: 500px;
                float: left;
                margin: 0 0 0 120px;
                _margin: 0 0 0 60px;
                font-size: 14px;
                color: #517c97;
                }
            #download_wrapper dl.article dd.summary {
                width: 500px;
                float: left;
                margin: 0 0 0 120px;
                _margin: 0 0 0 60px;
                }  
            #download_wrapper dl.article_1 {
                width: 130px;
                float: right;
                margin: 30px 50px 0px 0px;
                _margin: 30px 25px 0 0; 
                }        
            #download_wrapper dl.article_1 dd.download_option {
                background: url(/images/arrow.png) 110px 0 no-repeat;
                float: right;
                margin: auto;
                width: 130px;
                height: 20px;
                }
                #download_wrapper .download_option a {
                    font-size: 14px;
                    font-weight: bold; 
                    text-decoration: none;
                    }
        

/*
========================================================================
Members Area
========================================================================
*/

#page_members_login .additional,
#page_members_login .images,
#page_members_login .summary {
    display: none;
    }

        /* Login Page */

    #wide form {
        float: left;
        width: 300px; 
        } 
        #wide form li {
            width: 100%;
            float: left; 
            margin-top: 10px; 
            }
            #wide form label {
                width: 70px;
                float: left;
                text-align: right;
                margin-right: 5px;
                margin-top: 1px;
                }
            #wide form input {
                border: solid 1px #999999;
                width: 150px;
                }
            #wide #submit {
                margin-left: 75px;
                }
            #wide #submit input {
                border: none;
                width: auto;
                }


        /* Signing In */

    #loading {
        width: 100%;
        float: left;
        margin-top: 20px;
        }
        #loading p {
            font-size: 18px;
            } 
        #loading img {
            margin-top: 100px;
            margin-left: 10px;
            _margin-left: 5px;
            }
/*
========================================================================
Search Results
========================================================================
*/

#search_results,
#search_results #summary,
#search_results #results {
    width: 100%;
    float: left;
    }
#search_results #results {
    float: left;
    margin: 20px;
    }
#search_results {
    margin: 20px 0 0 0;    
    }
    #search_results #summary {
        margin: 0 0 20px 0;
        }
        #search_results dl {
            margin: 0px;
            float: left;
            width: 100%;
            min-height: 20px;
            _height: 20px;
            background: none;
            } 
        #search_results #navigation {
            display: none;
            }
            #search_results dl dt {
               margin: 0px; 
               }
    

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

#results { 
    float: left;
    width: 100%; 
    }
    #results form {
        width: 100%;
        float: left;
        }
    #results p.results_found {
        float: left;
        width: 100%;
        font-style: italic;
        }
        p.results_found strong {
            font-weight: bold;
            }
        #results .paging { 
            float: right;
            margin: 10px 10px 0 0;
            width: 40%;
            height: 12px;
            }
        #results .paging_bottom { 
            float: right;
            margin: 10px 10px 0 0;
            width: 100%;
            height: 12px;
            }
            .paging #previous_bg,
            .paging_bottom #previous_bg {
                float: right;
                width: 16px;
                height: 16px; 
                background: url(/images/previous_btn.png) no-repeat;
                text-indent: -9999px; 
                margin: 0 5px 0 0;               
                }
                #previous_bg a {
                    float: left;
                    width: 16px;
                    height: 16px; 
                    }
            .paging #numbers,
            .paging_bottom #numbers {
                float: right;
                height: 12px;
                display: inline;
                padding: 2px 0 0 0;
                }
                .paging li,
                .paging_bottom li {
                    width: 7px;
                    float: left;
                    color: #517c97;
                    margin: 0 3px 0 0; 
                    }
                    .paging li a,
                    .paging_bottom li a {
                        color: #517c97;
                        }
            #next_bg {
                float: right;
                width: 16px;
                height: 16px;
                background: url(/images/next_btn.png) no-repeat;
                text-indent: -9999px; 
                margin: 0 0 0 5px;
                } 
                #next_bg a {
                    float: left;
                    width: 16px;
                    height: 16px; 
                    }      
            .paging a
            .paging_bottom a {
                color: #666;
                font-weight: normal;
                text-decoration: none;
                } 
            .paging a:hover
            .paging_bottom a:hover {
                color: #666;
                text-decoration: underline;
                }

    #results p.order_by {
        width: 50%;
        float: left;
        font-style: italic;
        margin: 10px 0 0 0; 
        }
        #results p.order_by p {

            }
    dl.product {
        width: 140px;
        height: 190px;
        _height: 200px;
        float: left;
        text-align: center;
        margin: 20px 10px 0 15px;
        _margin: 20px 5px 0px 15px;
        _overflow: hidden;
        }
        dl.product dt {
            width: 100%;
            float: left;
            height: 45px;
            text-align: left;
            }
            dl.product dt a {
                text-decoration: none;
                font-weight: bold;
                color: #517c97;
                }
        dl.product dd.thumbnail {
            width: 100%;
            float: left;
            }
            dl.product dd.thumbnail a {
                display: table-cell;
                vertical-align: middle;
                text-align: center;
                width: 140px;
                height: 140px;
                }
        dl.product dd.price {
            text-align: left;
            font-size: 13px;
            width: 50%;
            float: left;
            }
        dl.product dd.more {
            text-align: right;
            width: 50%;
            float: right;
            font-size: 13px;
            }
            dl.product dd.more a {
                color: #999;
                text-decoration: none;
                }



/*
========================================================================
Product Details
========================================================================
*/



#product {
    width: 690px;
    float: right;
    }
    #product h2 {
        margin: 20px 0 20px 0;
        }
    #detail_image_container {
        float: left;
        width: 320px;
        height: 330px;
        background: url(/images/product_img_bg.png?987) no-repeat;
        } 
        #detail_image {
        display: table-cell;
        text-align: center;
        vertical-align: middle;
        width: 300px;
        height: 300px;
        padding: 10px 0 0 10px;
        overflow: hidden;
            }
    #product #detail_image_container a.zoom_link {
        display: block;
        width: 113px;
        height: 20px;
        margin: 0px 0 0 207px;
        position: absolute;
        text-indent: -9999px;
        background: url(/images/btn_zoom_link.png?987) no-repeat;
        }
        #product #detail_image a.zoom_link:hover {
            background-position: 0 100%;
            }
        #gallery_thumbs {
            width: 146px;
            height: 106px;
            float: left;
            margin: 0px 5px;
            }
            #gallery_thumbs ul {
                list-style: none;
                }
                #gallery_thumbs li {
                    float: left;
                    width: 106px;
                    height: 106px;
                    background: url(/images/thumb_img_bg.png) no-repeat;
                    }
                    #gallery_thumbs li a {
                        display: table-cell;
                        width: 100px;
                        height: 100px;
                        text-align: center;
                        vertical-align: middle;
                        padding: 3px 0 0 3px;
                        float: left;
                        }
                #gallery_thumbs li.image_2 {
                    margin: 6px 0px;
                    }
    #product #details {
        width: 300px;
        float: left;
        margin: 20px 0 0 25px;
        }
        h3.product_price {
            font-size: 16px;
            }
            h3.product_price span {
                font-size: 16px;
                }
        #add_to_basket {
            margin: 10px 0 0 0;
            }
            #add_to_basket form {
                padding: 0px;
                }
                #add_to_basket ul {
                    list-style: none;
                    margin: 3px 0 0 0;
                    padding: 10px 0px;
                    }
                    #add_to_basket li {
                        display: inline;
                        float: left;
                        }
                        #add_to_basket li.quantity {
                            width: 25px;
                            text-align: center;
                            margin: 0 10px 0 0;
                            }
                        #add_to_basket li.options {
                            width: 185px;
                            text-align: left;
                            margin: 0 10px 0 0;
                            }
                            
                            #add_to_basket li.quantity .text {
                                margin: 0 auto;
                                width: 20px; 
                                height: 19px;
                                _height: 20px;
                                text-align: center;
                                padding: 2px 0 0 0;
                                }
                        #add_to_basket label {
                            font-size: 11px;
                            }
                        #add_to_basket .options label {
                            
                            }
                        #add_to_basket #input_options {
                            margin: 0 3px 0 0;
                            width: 182px;
                            color: #517c97;
                            }
                        #add_to_basket .submit {
                            width: 50px;
                            height: 29px;
                            margin: 13px 0 0 0;
                            }
    #product #description {
        float: left;
        width: 100%;
        margin: 20px 0px;
        }
        #product #description h3 {
            margin: 0 0 10px 0;
            float: left;
            width: 100%;
            }
        #product #description li {
            margin: 5px 0 0 15px;
            list-style-type: disc;
            }   
    #product #related {
        width: 100%;
        float: left;
        margin: 10px 0 0 0;
        border-top: solid 1px #999;
        }
        #product #results {
            margin: 10px 0 0 0;
            }



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

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

    #checkout_progress {
        margin: 0 0 20px 0;
        }
        #checkout_progress ul {
            list-style: none;
            margin: 0;
            padding: 0;
            }
            #checkout_progress li {
                display: inline;
                margin: 0 5px 0 0;
                background: #000;
                border: 1px solid #000;
                padding: 2px 5px;
                color: #FFF;
                }
            #checkout_progress li.previous {
                background: #FFF;
                border: 1px solid #FFF;
                color: #000;
                }
            #checkout_progress li.selected {
                background: #5F0E0E;
                color: #FFF;
                border: 1px solid #FFF;
                }
            #checkout_progress a {
                color: #000;
                font-weight: normal;
                text-decoration: none;
                }
                #checkout_progress a:hover {
                    color: #666;
                    }



    /* === 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 {
    }
    .progress {
        display: block;
        width: 620px;
        height: 56px;
        margin: 30px auto 20px;
        }

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

    #basket_header {
        width: 100%;
        margin: 30px 0 0 0;
        float: left;
        }
        #basket_header h2 {
            color: #517c97;
            }
        #intro,
        #intro p,
        #intro h3 {
            width: 100%;
            float: left;
            } 
        #intro h3 {
            margin: 20px 0;
            }
        .continue_shopping
    #basket_table {
        width: 100%;
        float: left;
        }
        #basket_table table {
            margin: 2px;
            padding: 0;
            width: 100%;
            float: left;
            }
            #basket_table tr.header,
            #basket_table tr.odd {
                width: 100%;
                float: left;
                }
            #basket_table th {
                background: #E7E7E7;
                color: #000;
                font-weight: bold;
                text-align: left;
                margin: 2px 0px 2px 5px;
                float: left;
                border-bottom: 1px solid #FFF;
                }
            #basket_table th.item_name {
                width: 464px;
                padding: 0px 0px 0px 3px;
                }
            #basket_table th.item_price {
                width: 86px;
                padding: 0px 0px 0px 3px;
                }
            #basket_table th.item_qty {
                width: 90px;
                padding: 0px 0px 0px 3px;
                }
            #basket_table th.item_total {
                width: 84px;
                padding: 0px 0px 0px 3px;
                }
            #basket_table th.item_remove {
                width: 80px;
                padding: 0px 0px 0px 3px;
                }
            #basket_table td {
                padding: 2px 3px;
                }
            #basket_table td.odd {
                background: #E6E6E6;
                }
                #basket_table tr.odd td {
                    float: left;
                    margin: 0 0 0 2px;
                    }
                #basket_table tr.odd td.item_name {
                    width: 464px;
                    }
                #basket_table tr.odd td.item_price {
                    width: 86px;
                    }
                #basket_table tr.odd td.item_qty {
                    width: 90px;
                    }
                #basket_table tr.odd td.item_total {
                    width: 84px;
                    }
                #basket_table tr.odd td.item_remove {
                    width: 80px;
                    }
            #basket_table td.odd {
                }
            #basket_table td.label {
                text-align: right;
                font-weight: bold;
                }
                #basket_table a.update_qty {
                    position: absolute; margin: 1px 0 0 3px;
                    }


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

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



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

#checkin {
    }


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

    #checkin_form {
        }
        #checkin_form ul {
            list-style: none;
            margin: 5px 0;
            }
            #checkin_form li {
                margin: 5px 0;
                }

    #checkin #login_help {
        width: 100%;
        float: left;
        }



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

#checkout {
    }

    /* === 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;
                width: 100%;
                float: left;
                }
                #checkout #billing_details label {
                    display: block;
                    font-weight: bold;
                    margin: 2px 0;
                    width: 90px;
                    float: left;
                    }
                #checkout #billing_details input {
                    width: 150px;
                    float: left;
                    }
                #checkout #billing_details li.title input {
                    width: 50px;
                    float: left;
                    }
                #checkout #billing_details li.country select {
                    width: 150px;
                    float: left;
                    }


    /* === 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;
                        margin: 0 3px 0 0;
                        }
                    #delivery_details input.checkbox {
                        float: left;
                        margin: 0 3px 0 0;
                        }
                    #delivery_details label {
                        float: left;
                        }




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

#card {
    }



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

#newsletter form {
    width: 100%;
    float: left; 
    }
    #newsletter form p {
        width: 100%;
        float: left;
        margin: 10px 0 0px 0; 
        }
    #newsletter form label { width: 100px; float: left; padding: 3px 0 0 0; }    
    #newsletter .text {
        margin: 4px 0 0 4px;
        }
#newsletter p.email label {
    width: 100px;
    display: block;
    float: left;
    }

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



/*
========================================================================
Account: Login
========================================================================
*/

#login {
    }
    #login ul {
        margin: 20px 0;
        }
        #login li {
            margin: 0 0 10px 0;
            }
            #login label {
                width: 90px;
                float: left;
                margin: 5px 0 0 0;
                }
            #login #input_submit {
                margin: 0 0 0 90px;
                }
    #login #login_help {
        margin: 0 0 0 90px;
        }



/*
========================================================================
Account: Forgotten Password
========================================================================
*/

#forgotten_password {
    }
    #forgotten_password #password_reset {
        }
        #forgotten_password #password_reset ul {
            }
            #forgotten_password #password_reset li {
                margin: 0 0 10px 0;
                }
                #forgotten_password #password_reset label {
                    width: 90px;
                    float: left;
                    }
    #forgotten_password #login {
        margin: 50px 0 30px 0;
        }
        #forgotten_password #login ul {
            margin: 0;
            }
            #forgotten_password #input_submit {
                margin: 0 0 0 90px;
                }



/*
========================================================================
Account: Registration
========================================================================
*/

#registration {
    }
    #registration ul {
        }
        #registration li {
            margin: 0 0 8px 0;
            }
            #registration label {
                width: 100px;
                float: left;
                }
            #registration #input_submit {
                margin: 0 0 0 100px;
                }



/*
========================================================================
Account: Details
========================================================================
*/

#account {
    }
    #account ul {
        }
        #account li {
            margin: 0 0 8px 0;
            }
            #account label {
                float: left;
                }
    #account fieldset.details label {
        width: 90px;
        }
    #account fieldset.details #input_submit {
        margin: 0 0 0 90px;
        }
    #account fieldset.password {
        margin: 50px 0;
        }
    #account fieldset.password label {
        width: 150px;
        }
    #account fieldset.password #input_submit {
        margin: 0 0 0 150px;
        }
    #account fieldset.addresses {
        }
        #account fieldset.addresses dl {
            width: 100%;
            float: left;
            }
            #account fieldset.addresses dd {
                float: left;
                margin: 0 5px 0 0;
                }
        #account #new_address {
            width: 100%;
            float: left;
            margin: 5px 0 0 0;
            }
            #account #new_address li {
                float: left;
                margin: 0 5px 0 0;
                }
                #account #new_address input.image {
                    position: static;
                    }



/*
========================================================================
Account: Add/Edit Address
========================================================================
*/

#address {
    }
    #address form {
        margin: 10px 0 0 0;
        }
        #address li {
            margin: 0 0 8px 0;
            }
            #address label {
                width: 90px;
                float: left;
                }
        #address li.cancel {
            float: left;
            margin: 10px 5px 0 90px;
            }
        #address li.submit {
            float: left;
            margin: 10px 0 0 0;
            }



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

#form {
    }
    #form li {
        margin: 0 0 8px 0;
        width: 100%;
        float:left;
        }
        #form label {
            float: left;
            width: 100px;
            margin: 0 10px 0 0;
            }
        #fields form .text,
        #fields form .numeric,
        #fields form .mediumtext,
        #fields form .email,
        #fields form .radio,
        #fields form .checkbox {
            margin-top: 3px;
            float: left;
            }
        #fields form .mediumtext {
            width: 230px;
            height: 130px;
            }
#form ul.radio_buttons {
    float: left;
    }
    #form ul.radio_buttons li {
        float: none;
        }
#form ul.radio_buttons label {
    float: none;
    float: left;
    margin: 4px;
    * margin-top: 7px;
    }
#form #input_submit {
    margin: 0 0 0 110px;
    }

/*
========================================================================
Repair and Service Page
========================================================================
*/

form li

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

#page_contact {
    }
    #page_contact #additional {
        width: 48%;
        float: left;
        margin: 20px 0 0 0;
        }
        #page_contact h5 {
            color: #517c97;
            margin: 10px 0 0 0; 
            }
        #page_contact p {
            line-height: 130%;
            }
    #page_contact #fields {
        width: 50%;
        float: right;
        margin: 20px 0 0 0;
        }
        #page_contact label,
        #page_repair_service label {
            color: #517c97;
            }
            label .required {
                color: #cc0000;
                }

/*
========================================================================
FAQ's
========================================================================
*/

#faqs {
    }
    #faq_index dt {
        margin: 20px 0 0 0;
        font-weight: bold;
        }
        #faq_index dt.on {
            }
        #faq_index dt.off {
            }



/*
========================================================================
Portfolio
========================================================================
*/

#portfolio {
    }
    #example h3 {
        margin: 10px 0 0 0;
        text-transform: none;
        }
        #example #thumbnail {
            float: right;
            margin: 0 0 20px 20px;
            }
        #example #description {
            margin: 10px 0 0 0;
            }
        #example #images {
            margin: 10px 0 0 0;
            }
    dl.example {
        width: 100%;
        float: left;
        border-bottom: 1px solid #990000;
        padding: 10px 0;
        }
        dl.example dd.thumbnail {
            width: 120px;
            float: left;
            }
        dl.example dt.client_name {
            font-size: 14px;
            }




/*
========================================================================
Client List
========================================================================
*/

#clients {
    }
    #client_index {
        margin: 10px 0 0 0;
        }
        dl.client {
            width: 100%;
            float: left;
            border-bottom: 1px solid #990000;
            padding: 10px 0;
            }
            dl.client dd.thumbnail {
                width: 180px;
                float: left;
                }
            dl.client dt.client_name,
            dl.client dd.summary,
            dl.client dd.website {
                width: 350px;
                float: right;
                margin: 5px 0;
                }
            dl.client dt.client_name {
                margin: 0;
                font-size: 14px;
                }



/*
========================================================================
Jobs
========================================================================
*/

#jobs {
    }
    #job_index {
        margin: 10px 0 0 0;
        }
        dl.job {
            width: 100%;
            float: left;
            border-bottom: 1px solid #990000;
            padding: 10px 0;
            }
            dl.job dt.job_title {
                font-size: 14px;
                }
            dl.job dd.salary,
            dl.job dd.salary span {
                font-size: 14px;
                }
            dl.job dd.summary {
                margin: 10px 0 0 0;
                }
            dl.job dd.requirements {
                margin: 10px 0 0 0;
                }
            dl.job h3 {
                font-weight: bold;
                }
#job {
    }
    #job #thumbnail {
        float: right;
        margin: 0 20px 20px 0;
        }
    #job h3 {
        margin: 20px 0 0 0;
        }



/*
========================================================================
Services
========================================================================
*/

#services {
    }
    #services_index {
        margin: 10px 0 0 0;
        }
        dl.service {
            width: 100%;
            float: left;
            border-bottom: 1px solid #990000;
            padding: 10px 0;
            }
            dl.service dt.name {
                font-size: 14px;
                }
            dl.service dd.summary {
                margin: 10px 0 0 0;
                }
            dl.service dd.thumbnail {
                float: left;
                margin: 0 20px 0 0;
                }
#service {
    }
    #service h2 {
        margin: 0 0 10px 0;
        }
    #service #thumbnail {
        float: right;
        margin: 0 0 20px 20px;
        }



/*
========================================================================
Services
========================================================================
*/

#staff {
    }
    #employee_index {
        margin: 10px 0 0 0;
        }
        dl.employee {
            width: 100%;
            float: left;
            border-bottom: 1px solid #990000;
            padding: 10px 0;
            }
            dl.employee dt.name {
                font-size: 14px;
                }

/*
========================================================================
Site map
========================================================================
*/

#page_site_map #navigation {
    display: none; 
    }
#sitemap {
    width: 100%;
    float: left;
    margin-top: 20px;  
    }
    .sitemap li {
        width: 100%;
        float: left;
        margin: 3px 0px; 
        }
    .sitemap li li{
        width: 100%;
        float: left;
        margin: 3px 0 3px 10px;
        }
    .sitemap li ul { margin-top: 3px; float: left; width: 100%; }
    .sitemap li a { clear: both; }
       

/* Section */
#section2 #children { width: 100%; float: left; background: url(/images/shop_bg.png) repeat-y; }
#section2 .article { width: 50%; float: left; text-align: center; }
#section2 .article h3,#section2 .article .images,#section2 .article .summary { text-align: left; float: none; width: 210px; margin: 5px auto; }
#section2 .article h3 { text-align: center; }

/* Additional Copy */
#additional p,#additional ul,#additional ol,#additional table { padding: 5px 0; }
.additional p,.additional ul,.additional ol,.additional li,.additional table { padding: 5px 0; }
#additional ul,.additional ul { margin-left: 20px; list-style: square; }
#additional li,.additional li { line-height:150%;list-style-position: outside;list-style: square; padding-left: 0px; }


/* Services Page */
#page_services #children { background: none; }
#page_services .article { width: 100%; text-align: left; }
#page_services .article h3,#page_services .article .images,#page_services .article .summary { text-align: left; width: auto; margin: 5px auto; }