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

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

#main_bg {
     float:left;
     width:100%;
     background: url(/images/bg_repeat.png) 50% 50% repeat-y;
    }

body {
          width: 100%;
          background:url(/images/bg_footer_repeat.png) 50% 50%;
}


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

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

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: 8px 0;
    }

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

h3 {
    font-size: 12px;
    }

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


select.dropdown {

    border: 1px solid #FFF;
    color: #000;
    }

a {
    color: #000;
    outline: none;
    text-decoration:none;
    }

a:hover {
    color: #666;
    }

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

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

label {
    font-weight: bold;
    }

fieldset {
    border: none;
    }



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


#container {
    width: 745px;
    margin: 0 auto;
    }


    /* === Header === */

    #header {
        width: 744px;
        float: left;
        background: url(/images/bg_header.png) no-repeat;
        height:190px;
        }


            #search {
                width:270px;
                margin:10px 10px 0 0;
                float:right;
                background:url(/images/bg_search_input.png) no-repeat;
                }
                #search form {

                    }
                    #search fieldset {
                        border: none;
                        }
                        #search #input_search {
                            width: 226px;
                            height:27px;
                            float: left;
                            padding: 7px;
         
                            }
                        #search #input_search_submit {
                            float: left;
                            position: static;
                             background:url(/images/btn_go.png);
                             border:none;
                             width:30px;
                             height:27px;
                             text-indent:-9999px;
                            
                            }

        #pri_nav {
            margin-top:70px;
            width: 740px;
            height: 55px;
            float: left;
            }
            #pri_nav ul {
                list-style: none;
                padding: 0;
                }
                #pri_nav li {
                    float: left;
                    }
                    #pri_nav a {
                        padding-top:10px;
                        padding-left:10px;
                        display: block;
                        width: 100px;
                        height: 58px;
                        background:url(/images/bg_btn.png);
                        margin:0 6.6px;
                        }
                    #pri_nav a:hover {
                        color:#fff;
                        }
   
                    #pri_nav a.selected {
                        background:url(/images/bg_btn_sel.png);
                        }



    /* === Body === */

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




        #content {
            width: 740px;
            float: left;
            }

            #page {
                width:740px;
                float:left;
                }
             #copy {
                width:710px; 
                margin:10px 15px;
                }
            #messages {
                background: #fff;
                border: none;
                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;
                    float:left;
                    }
                    #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;
                background:url(/images/bg_footer_repeat.png) 50% 50% repeat;
                              
                    }
            

              #foot {
                background:url(/images/bg_footer.png) 50% 50% no-repeat;
                width: 100%;
                float: left;
                text-align: center;
                padding-bottom:20px;
                }

               #footlinks {
                   margin:0 auto;
                   width:730px;
                   }
                #footer ul {
                    width: 100%;
                    list-style: none;
                    padding: 0;
                    }
                    #footer li {
                        display: inline;
                        margin:0 5px;
                        }
                #footer p {
                    padding: 0px 0 0 0;
                    line-height:100%;
                    }
                 #links {
                    float:left;
                    }

                #copypow {
                    float:right;
                    width:100%;
                    }
                    #copypow #copyright,
                    #copypow #powered {
                        width:45%;
                        float: left;
                        }
                    #copypow #copyright {
                        text-align: right;
                        padding-right: 5px;
                        }
                    #copypow #powered {
                        text-align: left;
                        padding-right: 5px;
                        }

                #copyright {
                    float:left;
                    }

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

#page_home {
    }



     #quote_div {
            float:left;
            width:287px;
            height:168px;
            background:url(/images/bg_speech.png);
            margin-left:10px;
      }

     #quote {
            padding:30px 27px 30px 33px;
      }

       #flash_panel {
         float:right;
         }

        #front_div{
             width:287px;
             height:301px;
             float:left;
             background:url(/images/bg_front.png);
             margin:20px;
             }

         #front {
             padding:20px;
             }


    #featured_items {
        width: 392px;
        float: right;
        background: url(/images/bg_featured.png) no-repeat;
        margin-right:20px;
        margin-top:20px;
        _margin-right:10px;
        _margin-top:10px;
         
        }
        #featured_items dl {
            margin:30px 7px;
            _margin:30px 3px;
            float: left;
            width: 182px;
            }

            #featured_items dt {
                margin: 10px;
                height: 20px;
                text-align: center;
                line-height: 100%;
                }
                #featured_items dt a {
                    font-weight: bold;
                    text-decoration: none;
                    color: #000;
                    line-height: 100%;
                    width:100%;
                    float:left;
                    }
            #featured_items dd.thumbnail {
                width: 183px;
                height: 183px;
                float:left;
                vertical-align: middle;
                text-align: center;
                }
            #featured_items dd.thumbnail img {
                }
            #featured_items dd.price {
                text-align: center;
                color: #000;
                font-size: 18px;
                float:left;
                width:100%;
                padding:10px 0;
                _padding:none;
                }
                #featured_items dd.price span.currency {
                    color: #000;
                    }



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

#results {
color:#152A6D;
margin-bottom:20px;
float:left;
    }
    dl.product {
        width: 185px;
        height: 250px;
        margin: 0 25px;
        _margin: 0 19px;
        float: left;
        text-align: center;
        }
        dl.product dd.thumbnail {
            float:left;
            width:183px;
            height:183px;
            vertical-align: middle;
            text-align: center;
            }
        dl.product dt {
            text-align: center;
            font-size:15px;
            width:100%;
            float:left;
            }
        dl.product dd.summary {
            text-align: center;
            width:100%;
            float:left;
            }
        dl.product dd.price {
            text-align: center;
            font-size: 16px;
            width:100%;
            float:left;

            }
        dl.product dd.more {
            text-align: right;
            font-weight:bold;
            width:100%;
            float:left;
            }



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

#product {
   float:left;
   margin-bottom:10px;
    }
    #product #details {
        width: 320px;
        float: right;
        margin-top:10px;
        }
        h3.product_price {
            font-size: 16px;
            }
            h3.product_price span {
                font-size: 16px;
                }

    #product #gallery {
        margin-left:20px;
        width: 390px;
        float: left;
        }

     #product #detail_image {  
             width:280px;
             float: left;
             }
        #product #detail_image a.zoom_link {
            display: block;
            width: 18px;
            height: 18px;
            margin: -20px 0 0 250px;
            position: absolute;
            text-indent: -9999px;
            background: url(/images/btn_zoom_link.png) no-repeat;
            }
        #product #detail_image a.zoom_link:hover {
            background-position: 0 100%;
            }
        #gallery_thumbs {
            float:right;
            width:100px;
            }
            #gallery_thumbs ul {
                list-style: none;
                }
                #gallery_thumbs li {
                    float: left;
                    margin:3px;
                    }
                #gallery_thumbs li.image_2 {
                    }
    #product #related {
        width: 100%;
        float: left;
        margin: 20px 0 0 0;
        }
        #product #results {
            margin: 10px 0 0 0;
            }







/*
========================================================================
Documents
========================================================================
*/

#summary p {
    font-weight: bold;
    }

dl.article {
    padding: 10px 0;
    border-bottom: 1px solid #660000;
    }
    dl.article dt {
        font-size: 16px;
        }
        dl.article dt a {
            text-decoration: none;
            }




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


#search_results dl {
border-bottom:1px dashed;
}

/*
========================================================================
Downloads
========================================================================
*/


#download_items {
   float:left;
   color:#152A6D;
   margin-bottom:20px;
}

div.download_item {
   float:left;
   color:#152A6D;
   margin-bottom:10px;
   width:100%;
}

div.download_left {
   float:left;
   color:#152A6D;
   width:510px;
   background:#E4F4F8;
   padding:10px;
}

div.download_left div.title {
   float:left;
   color:#152A6D;
   width:400px;
   font-size:14px;
   font-weight:bold;
}



div.download_left div.summary {
   float:left;
   color:#152A6D;
   width:100%;
   font-size:11px;
}

div.download_button div.download_option {
   float:left;
   margin-left:10px;
   width:150px;
   height:92px;
   font-size:11px;
}

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

#page_contact {

    }

#page_contact h2{
     color:#152A6D;
     margin-left:25px;
    }

    #page_contact #addit_wrap {
        width: 50%;
        float: right;
        margin: 20px 0 0 0;
        }

    #page_contact #additional {
     width:300px;
     margin:0 auto;

        }

    #page_contact #additional p,#page_contact #additional a{
          color:#152A6D;
          }

    #page_contact #fields_wrap{
        width: 50%;
        float: left;
        margin: 20px 0 0 0;
     }
    #page_contact #fields {
     width:300px;
     margin:0 auto;
        }

    #page_contact #fields li{
        float:left;
        margin:5px 0;
        width:100%;
        }

    #page_contact ul {
        float:left;
        }

    #page_contact #fields li label{
        color:#152A6D;
        float:left;
        }

    #page_contact #fields li p{
        color:#152A6D;
        float:left;
        }

    #page_contact #fields li input,#page_contact #fields li textarea{
        float:right;
        border:1px solid #152A6D;
        }

    #page_contact #fields li.input_submit input{
        color:#152A6D;
        float:right;
        border:none;
        background:none;
        font-weight:bold;
        }

    #page_contact #form{
        float:left;
        margin-bottom:20px;
        }




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


ul.sitemap li {
    padding: 2px 15px;
}


