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


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

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

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

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

p, td, th, li {
    line-height: 170%;
    color: #666;
    }

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

h2 {
    color: #000066;
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
    margin: 0 0 10px 0;
    }

h3 {
    color: #000066;
    font-size: 14px;
    margin: 0 0 10px 0;
    }

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

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

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

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



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

#header {
    width: 100%;
    float: left;
    background: url(/images/nav_background.png) repeat-x;
    }
    #logo {
        float: left;
        }
    #strapline {
        width: 400px;
        height: 96px;
        float: left;
        background: url(/images/positioning_statement.png) no-repeat;
        text-indent: -9999px;
        }
    #telephone {
        width: 228px;
        height: 96px;
        float: right;
        background: url(/images/telephone.png) no-repeat;
        text-indent: -9999px;
        }

#nav_bar {
    width: 100%;
    float: left;
    background: #FFF;
    padding: 0 0 5px 0;
    }
    #pri_nav {
        }
        #pri_nav ul {
            list-style: none;
            padding: 0;
            }
            #pri_nav li {
                float: left;
                margin: 0 15px;
                line-height: 100%;
                }
                #pri_nav li a {
                    color: #FFF;
                    display: block;
                    line-height: 35px;
                    vertical-align: middle;
                    }


#messages {
    width: 100%;
    float: left;
    background: #FFF;
    }
    #messages p {
        margin: 0 23px;
        }



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

#body {
    float: left;
    background: #FFF;
    }

    #content {
        margin: 0 24px 0 23px;
        }


        /* === Left Column === */

        #left_col {
            width: 700px;
            float: left;
            }
            #delivery_promo {
                width: 100%;
                height: 35px;
                background: url(/images/flash_panel_header.png);
                }
                #delivery_promo h2 {
                    color: #FFF;
                    font-size: 12px;
                    text-transform: none;
                    text-align: center;
                    line-height: 35px;
                    margin: 0;
                    }
            #featured {
                display: none;
                width: 100%;
                float: left;
                }
            #page_home #featured {
                display: block;
                }
                #featured dl {
                    float: left;
                    }
                    #featured #new {
                        width: 233px;
                        }
                        #featured #new dd.header {
                            height: 60px;
                            background: url(/images/home_whats_new_header.png) no-repeat;
                            text-indent: -9999px;
                            }
                        #featured #new dd.thumb {
                            height: 133px;
                            display: table-cell;
                            vertical-align: middle;
                            text-align: center;
                            }
                        #featured #new dt {
                            height: 25px;
                            background: url(/images/home_whats_new_footer.png) no-repeat;
                            }
                            #featured #new dt a {
                                text-indent: -9999px;
                                display: block;
                                position: relative;
                                top: 4px;
                                left: 139px;
                                width: 86px;
                                height: 18px;
                                }
                    #featured #ezilease {
                        width: 234px;
                        }
                        #featured #ezilease dd {
                            display: none;
                            }
                        #featured #ezilease dt {
                            height: 218px;
                            background: url(/images/home_repair.png) no-repeat;
                            }
                            #featured #ezilease dt a {
                                text-indent: -9999px;
                                display: block;
                                position: relative;
                                top: 197px;
                                left: 141px;
                                width: 86px;
                                height: 18px;
                                }
                    #featured #delivery {
                        width: 233px;
                        }
                        #featured #delivery dd {
                            display: none;
                            }
                        #featured #delivery dt {
                            height: 218px;
                            background: url(/images/home_delivery.png?a) no-repeat;
                            }
                            #featured #delivery dt a {
                                text-indent: -9999px;
                                display: block;
                                position: relative;
                                top: 197px;
                                left: 141px;
                                width: 86px;
                                height: 18px;
                                }


        /* === Right Column === */

        #right_col {
            width: 200px;
            float: right;
            margin: 0 0 0 3px;
            }
            #search_bar {
                height: 35px;
                background: #000066;
                }
                #search_bar form {
                    padding: 8px;
                    }
                    #search_bar #input_search {
                        width: 110px;
                        float: left;
                        }
                    #search_bar #input_submit {
                        float: right;
                        }


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

            #side_bar {
                margin: 3px 0 0 0;
                padding: 20px 0 0 0;
                background: url(/images/side_bar_background.png);
                float: right;
                width: 200px;
                }
                #categories {
                    margin: 0 10px 0 6px;
                    }
                    #categories ul {
                        padding: 0;
                        list-style: none;
                        }
                        #categories li {
                            background: url(/images/categories_bullet.gif) 98% 2px no-repeat;
                            line-height: 100%;
                            margin: 3px 0;
                            }
                            #categories a {
                                font-size: 11px;
                                color: #FFF;
                                font-weight: normal;
                                padding: 0px 10px 0px 3px;
                                }
                                #categories a:hover {
                                    text-decoration: underline;
                                    }
                #newsletter {
                    width: 100%;
                    float: left;
                    margin: 10px 0;
                    }
                    #newsletter form {
                        margin: 9px;
                        }
                        #newsletter h2 {
                            height: 66px;
                            width: 181px;
                            background: url(/images/newsletter_signup_label.gif?a) no-repeat;
                            text-indent: -9999px;
                            }
                        #newsletter ul {
                            list-style: none;
                            padding: 0;
                            }
                            #newsletter li {
                                margin: 5px 0 0 0;
                                }
                                #newsletter label {
                                    display: block;
                                    color: #FFF;
                                    margin: 0 0 2px 0;
                                    }
                                #newsletter input.text {
                                    width: 100%;
                                    }
                            #newsletter li.list label {
                                display: inline;
                                margin: 0 0 0 3px;
                                }



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

#footer {
    width: 100%;
    float: left;
    padding: 56px 0 0 0;
    margin: 0 0 20px 0;
    background: url(/images/footer.png?a) no-repeat;
    }
    #legal {
        margin: 0 24px 0 23px;
        }
        #legal p {
            float: left;
            color: #999;
            font-size: 11px;
            }
        #legal ul {
            float: right;
            }
            #legal li {
                display: inline;
                margin: 0 0 0 8px;
                font-size: 11px;
                color: #999;
                }
                #legal a {
                    font-size: 11px;
                    color: #999;
                    font-weight: normal;
                    }
                    #legal a:hover {
                        text-decoration: underline;
                        }



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

dl.product {
    float: left;
    height: 250px;
    margin: 0 33px 10px 0;
    }
    dl.product dd.thumbnail {
        border: 1px solid #CCC;
        width: 140px;
        height: 140px;
        display: table-cell;
        text-align: center;
        vertical-align: middle;
        }
    dl.product dt {
        width: 140px;
        margin: 5px 0;
        }
        dl.product dt a {
            font-size: 14px;
            }
    dl.product dd.price {
        color: #000;
        font-size: 14px;
        margin: 5px 0;
        }
        dl.product dd.price span.currency {
            color: red;
            }



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

#product {
    }
    #product #details {
        float: left;
        width: 45%;
        margin: 10px 0;
        }
        h3.product_price span {
            font-size: 14px;
            }
    #product #gallery {
        width: 45%;
        float: right;
        border: 1px solid #CCC;
        margin: 10px 0;
        }
        #product #gallery a.zoom_link {
            background: url(/images/zoom_icon.png) 0 50% no-repeat;
            padding: 5px 0 5px 23px;
            line-height: 30px;
            margin: 0 5px;
            }



/*
========================================================================
Document Template
========================================================================
*/

#page {
    margin: 10px 0;
    }



/*
========================================================================
Form Template
========================================================================
*/

#form {
    margin: 10px 0;
    }



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

#newsletter_signup {
    margin: 10px 0;
    }



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

#page_home {
    }
    #page_home #flash_panel {
        margin: 3px 0;
        }
    #page_home #flash_panel_footer {
        background: #000066;
        width: 100%;
        float: left;
        }
        #page_home #flash_panel_footer div {
            width: 33%;
            float: left;
            }
            #page_home #flash_panel_footer div p {
                padding: 5px 10px;
                color: #FFF;
                }

/* Site Map */

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