/*
========================================================================
Title:    SAR Signs Stylesheet (Screen)
Author:   matt.lansom@orcawebsites.com
Design:   matt.lansom@orcawebsites.com
========================================================================
*/

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

body {
    float: left;
    text-align: center;
    background: #fff url(/images/bg.png) no-repeat;
    }

#container {
    width: 918px;
    float: left;
    margin: 0 0 0 120px;
    }
#content {
   min-height: 370px;
   }
#copy {
   *height: 378px;
   }
html>body #copy {
   min-height: 360px;
   }
#additional {
   float: left;
   font-family: geneva;
   font-size: 12px;
   text-align: left;
   padding: 10px 0 10px 30px;
   width: 630px;      
   }
#additional span.extra{
      margin: 0 0 0 70px;
      html>body height: 50px;
      }
fieldset {
   border: none; 
   }
h2 {
   color: #000064;
   margin: 10px 0 10px 0;
   font-family: verdana;
   font-size: 20px;
   text-align: left;
   padding: 0 0 0 20px;
   }
#copy {
   width: 671px;
   float: left;
   padding: 0 0 10px 10px;
   border-bottom: solid #000064;
   }
/*
========================================================================
header
========================================================================
*/
#header {
   float: left;
   width: 798px;
   }
#top_logo {
   float: left;
   width: 250px;
   height: 165px;
   margin: 0 0 0 0;
   background: url(/images/logo.png) no-repeat;
   }
   #top_logo #top_logo{
      float: left;
      width: 89px;
      height: 88px;
      margin: 0px 0 0 15px;
      }

#newsletter_signup {
    float: right;
    text-align: left;
    margin: 20px 0 0 0;
    width: 220px;
    font-family: verdana;
    font-size: 13px;
    }
    #newsletter_signup legend {
        padding: 0 0 5px 90px;
        }
    #newsletter_signup label {
        float: left;
        width: 85px;
        text-align: right;
        padding: 3px 5px 0 0;
        }
    #newsletter_signup li.email,
    #newsletter_signup li.fullname {
        background: url(/images/inputbox.png) 100% 0 no-repeat;
        height: 22px;
        }
        #newsletter_signup li.email input,
        #newsletter_signup li.fullname input {
            background: transparent;
            border: none;
            width: 120px;
            margin: 1px 5px;
            }
    #newsletter_signup li.list {
        margin: 5px 0 5px 0;
        }
    #newsletter_signup li.list label {
        float: none;
        width: auto;
        }
        #newsletter_signup li.list input {
            margin: 0 0 0 90px;
            }
    #newsletter_signup li.submit input {
        margin: 0 0 0 90px;
        }

#content #messages {
      text-align: left;
      padding: 5px 0 0 10px;
      width: 670px;
      float: left;
      margin: 0 0 0 0;
      }
      #content #messages p {
         color: red;
         width: 670px;
         float: left;
         }
/*
===============================================================================
Newsletter Page
===============================================================================
*/
#page_newsletter_page #body {
   width: 922px;
   float: left;
   }
#page_newsletter_page #newsletter{
   width: 678px;
   float: left;
   }
#page_newsletter_page #copy {
   position: reletive;
   float: left;
   width: 678px;
   border-bottom: solid #000064;
   }
#page_newsletter_page #newsletter .summary {
         padding: 5px;
         text-align: left; 
         float: left;
         font-family: verdana;
         font-size: 13px;
         }
#page_newsletter_page #newsletter form {
         border: thin #000064;
         float: left;
         width: 350px;
         margin: 0 0 0 0;
         }
#page_newsletter_page #newsletter form p {
            text-align: left;
            margin: 10px 0 0 10px;
            }
#page_newsletter_page #newsletter form hr {
            margin: 10px 0 0 10px; 
            float: left;
            }
/*
========================================================================
Body
========================================================================
*/

#body {
   float: left;
   }
#pri_nav {
   margin: 0 0 0 118px;
   height: 23px;
   border-bottom: solid #000064;
   padding: 2px 0 0 5px;
   width: 675px;
   *width: 678px;
   }
   
   #pri_nav ul li{
      float: left;
      display: inline;
      margin: 0 10px 0 0;
      font-family: verdana;   
      }
   #pri_nav ul li a{
      text-decoration: none;
      padding: 0 0 0 20px;
      }
    #pri_nav ul li a:hover {
      text-decoration: none;
      color: #000064;
      background: url(/images/nav_img.png) no-repeat;
      }   
    #pri_nav ul li .selected {
      text-decoration: none;
      color: #000064;
      background: url(/images/nav_img.png) no-repeat;
      }
    #pri_nav ul li :active {
       
       }
#sidebar {
   float: left;
   width: 120px;
   margin: 0 0 0 0px;
   }
#page_home #sidebar {
   background: url(/images/cat_bg.png) repeat-y;
   height: 672px;
   float: left;
   width: 120px;
   }

#search {
   width: 120px;
   float: left;
   margin: 0px 0 0 0;
   }
   #search legend {
   display: none;
   }
   #search #input_search {
   width: 100px;
   }
   #search #input_search_submit {
       float: right;
       margin: 5px 10px 0 0;
       }

#categories {
     }
                #categories h2 {
                    float: left;
                    color: #ffffff;
                    font-size: 15px;
                    padding: 10px 5px 0 5px;
                    }
                #categories ul {
                    float: left;
                    padding: 5px 0 0 10px;
                    font-family: verdana;
                    font-size: 9px;
                    text-align: left;
                    }
                    #categories li {
                        margin: 0 0 5px 0;
                        }
                        #categories a {
                            color: #FFF;
                            text-decoration: none;
                            }
                        #categories a:hover {
                            text-decoration: underline;
                            }
                        #categories ul ul {
                            background: #5F0E0E;
                            margin: 0 0 5px 0;
                            padding: 10px 10px 5px 10px;
                            }

/*
========================================================================
Flash Panel
========================================================================
*/
#page_home #content {
   width: 678px;  
   float: left;
   background: #ffffff url(/images/flash_bg.png) repeat-y;
   margin: 0 0 0 0px;
   overflow: visible;
     }
#composite {
   float: left;
   width: 678px;
   margin: 30px 0 0 0 ;
   }
#flash_panel {
   width: 678px;
   float: left;
   }
/*
========================================================================
Search Results
========================================================================
*/

#content #search {
   float: left;
   width: 678px;
   font-family: verdana;
   }
#content #search #summary {
   font-size: 12px;
   margin: 0 0 10px 0;
   }
#page_about_us #content #search {
   border-bottom: solid #000064;
   background: #ffffff; 
   }
#page_home #content #search {
   background: #ffffff;
   border-bottom: solid #000064; 
   }
/*#page #content #search {
   border-bottom: solid #000064; 
   }*/
/*
========================================================================
Featured Items
========================================================================
*/

#feature {
   z-index: 10;
   position: relative;
   background: url(/images/feature_bg.png?43627) no-repeat;
   width: 678px;
   height: 307px;
   float: left;
   margin: 3px 0 0 0px;
   }
html>body #feature {
   margin: 15px 0 0 0;
   }
#featured_items {
   float: left;
   width: 100%;
   height: 279px;
   }
   #featured_items dd {
      float: left;
      margin: 0px 0 0 20px;
      display: inline;
      }
      #featured_items dd.latest_news {
         width: 200px;
         height: 275px;
         background: url(/images/1.png?13453) no-repeat;
         }
      #featured_items dd.special_offers {
         width: 200px;
         height: 275px;
         background: url(/images/2.png) no-repeat;
         }
      #featured_items dd.case_studies {
         width: 200px;
         height: 275px;
         background: url(/images/3.png) no-repeat;
         }
      #featured_items dd.clients {
         width: 200px;
         height: 275px;
         background: url(/images/4.png) no-repeat;
         }
         #featured_items dd h3 {
            font-family: verdana;
            color: #000064;
            font-size: 13px;
            padding: 60px 0 0 0;
            }
         #featured_items dd img {
            margin: 10px 0 5px 0;
            }
         #featured_items dd p {
            font-size: 12px;
            font-family: verdana;
            text-align: left;
            margin: 0 0 0 5px;
            width: 190px;
            }
         #featured_items .window ul li p{
            margin: 10px 0 0 5px;
            }
         #featured_items .navigation li.previous {
            float: left;
            width: 55px;
            height: 15px;
            margin: 5px 0 0 10px;
            }
         #featured_items .navigation li.previous a{
            color: #000064;
            }
         #featured_items .navigation li.next {
            float: right;
            width: 32px;
            height: 15px;
            margin: 5px 10px 0 0;
            }
         #featured_items .navigation li.next a{
            color: #000064;
            }
         #featured_items dd .more_info {
            float: left;
            margin: 10px 0 0 10px;
            font-size: #;
            }
         #featured_items dd .more_info a {
            color: red;
            font-family: verdana;
            font-variant: small-caps;
            font-weight: bold;
            }
         
li.promo {
   display: none;
   }
#featured_items dt {
   display: none;
   }
#featured_items dd.window {
   width: 10px;
   height: 10px;
   background: red;
   }
/*
========================================================================
About Us 
========================================================================
*/

#page_about_us {
   }
#page_about_us #page{
   width: 678px;
   float: left;
   }

#page_about_us #categories h2{
   color: #ffffff;
   margin: 10px 0 0 0;
   font-family: verdana;
   font-size: px;
   text-align: left;
   padding: 10px 5px 0 5px;
   }
#page_about_us #copy {
   float: left;
   width: 678px;
   border-bottom: solid #000064;
   }
#page_about_us #copy h2{
   color: #000064;
   margin: 10px 0 0 0;
   font-family: verdana;
   font-size: px;
   text-align: left;
   padding: 0 0 0 20px;
   }
#page_about_us #additional span.links{
      margin: 0 0 0 120px;
      html>body height: 50px;
      }
/*
========================================================================
News
========================================================================
*/
#page_news1 #content {
   float: left;
   min-height: 370px;
   *height: 378px;
   width: 678px;
   border-bottom: solid #000064;
   font-family: verdana;
   }
#page_news1 #additional{
   font-family: lucida sans ;
   font-size: 13px;
   text-align: left;
   margin: 5px 0 20px 20px;
   }
#page_news1 #children dt {
   float: left;
   width: 180px;
   color: #000064;
   text-align: left;
   font-family: verdana;
   font-size: 13px;
   font-weight: bold;
   margin: 5px 0 10px 5px;
   }
#page_news1 #children dl {
   margin: 0 0 10px 45px;
   width: 600px;
   }
#page_news1 #children dd.date {
   float: left;
   width: 380px;
   text-align: left;
   font-family: verdana;
   font-size: small;
   margin: 5px 0 5px 30px;
   color: #333333;
   }
#page_news1 #children dd.content {
   float: left;
   width: 580px;
   margin: 0 0 10px 5px;
   font-family: verdana;
   font-size: 13px;
   text-align: left;
   }
#children .even {
   float: left;
   margin: 0 0 0 1px;
   background: url(/images/even.png) repeat-y;
   }
#children .odd {
   float: left;
   margin: 0 0 0 1px;
   background: url(/images/even.png) repeat-y;
   }

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

#page_links #copy {float:right;padding:0px;}

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

#page_products #content {
   float: left;
   width: 678px;
   border-bottom: solid #000064;
   }


#page_products h2 {
   margin: 10px 0 10px 0;
   }
#results {
    }
    dl.product {
        width: 125px;
        height: 200px;
        margin: 0 21px;
        float: left;
        text-align: center;
        border: none;
        }
        dl.product dd.thumbnail {
            display: table-cell;
            vertical-align: middle;
            text-align: center;
            width: 125px;
            height: 125px;
            }
        dl.product dt {
            text-align: left;
            }
        dl.product dt a {
            text-decoration: none;
            font-family: verdana;
            font-size: 14px;
            }
        dl.product dd.summary {
            text-align: left;
            }
        dl.product dd.price {
            text-align: left;
            font-size: 16px;
            }
        dl.product dd.more {
            text-align: left;
            margin: 5px 0 0 0;
            }
        dl.product dd.more a{
            text-decoration: none;
            font-family: verdana;
            }
#page_products #content{
    background: #ffffff;
    width: 678px; 
    border-bottom: solid #000064;
    }
#product {
   float: left;
   width: 678px;
   border-bottom: solid #000064; 
   }
    #product #details {
        width: 270px;
        float: left;
        }
        #product #details h2{
           margin: 10px 0 10px 0;
           }
        #product #description {
           float: left; 
           width: 350px;
           text-align: left;
           padding: 0 0 0 10px;
           }
        #product #description p {
            text-align: left;
            margin: 10px 0 10px 20px;
            font-family: tahoma;
            }
        #product #description u {
            text-align: left;
            margin: 10px 0 10px 20px;
            text-decoration: none;
            font-size: 18px;
            }
        #product #gallery {
        width: 270px;
        float: right;
        margin: 50px 5px 0 0;
        }
        #product #detail_image a.zoom_link {
            display: block;
            width: 18px;
            height: 18px;
            position: relative;
            top: -22px;
            left: 250px;
            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 {
            margin: 10px 0 0 0;
            }
            #gallery_thumbs ul {
                list-style: none;
                }
                #gallery_thumbs li {
                    float: left;
                    }
                #gallery_thumbs li.image_2 {
                    margin: 0 15px;
                    }
    #product #related {
        width: 100%;
        float: left;
        margin: 20px 0 0 0;
        }
        #product #results {
            margin: 10px 0 0 0;
            }

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

#page_services #page{
   width: 678px;
   }   
#page_services #additional{
   font-family: geneva;
   font-size: 12px;
   text-align: left;
   padding: 10px 0 0 30px;
   width: 630px;
   } 
#page_services #content {
   border-bottom: solid #000064;
   width: 678px;
   float: left;
   min-height: 370px;
   *height: 378px;
   }
#page_services #copy {
   margin: 0 0 10px 0;
   border: none;
   }
/*
========================================================================
Contact Us
========================================================================
*/

#page_contact #content{
   float: left;
   background: #ffffff;
   width: 678px;
   border-bottom: solid #000064;
   }
#page_contact #additional {
   float: left;
   width: 230px;
   }
#page_contact #additional p {
   text-align: left;
   font-family: verdana;
   font-size: 13px;
   margin: 15px 0 0 30px
   }

#page_contact #additional p b{
   color: #000064;
   }

#page_contact #fields {
   width: 251px;
   float: right;
   font-family: verdana;
   font-size: 14px;
   margin: 20px 0 0 0;
   }
   #page_contact #fields label {
      color: #000064;
      display: block;
      }
   #page_contact #fields li {
      text-align: left;
      width: 290px;
      margin: 0 0 5px 0; 
      }
   #page_contact #fields .radio_buttons li {
    height: 30px;
    }
   #page_contact #fields .input_submit {
      
      }
#page_contact #messages p {
   margin: 10px 0 0 0;
   color: red;
   }
#page_contact #copy{
   border: none;
   } 
   
/*
========================================================================
Footer
========================================================================
*/

#footer {
   float: left;
   width: 800px;
   background: #ffffff;
   margin: 5px 0 0 0px;
   }

#footer #copyright {
   float: right;
   font-family: tahoma;
   font-size: 11px;
   margin: 2px 0 0 0;
   }
#footer_nav {
   float: left;
   }
   #footer_nav ul li {
      display: inline;
      margin: 10px 0 0 0;
      }
      #footer_nav ul li a{
      font-family: tahoma;
      font-size: 11px;
      text-decoration: none;
      margin: 0 0 0 5px;
      }

/*
========================================================================
Send To Friend
========================================================================
*/

#sendtofriend {
   
   }
   #sendtofriend #container {
   margin: 120px 0 0 241px;
   width: 350px;
   float: left;
   }
   #sendtofriend #container form {
      width: 350px;
      }
   #sendtofriend #container td{
      padding: 6px 0 2px 0;
      text-align: right; 
      }
   #sendtofriend #container input {
      width: 200px;
      }
/*
========================================================================
Privacy Policy
========================================================================
*/   

#page_privacy_policy body{
   text-align: left;
   font-family: verdana;
   }
#page_privacy_policy #copy {
   float: left;
   width: 678px;
   border-bottom: solid #000064;
   }
#page_privacy_policy #additional {
   text-align: left;
   font-family: verdana;
   font-size: 12px;
   margin: 20px;
   width: 630px;
   }

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

#page_site_map body {
   
   }
#page_site_map #sitemap {
   float: left;
   width: 678;
   border-bottom: solid #000064;
   }
#page_site_map strong {
   font-family: verdana;
   font-size: 15px;
   text-decoration: none;
   color: #000064;
   }
   #page_site_map strong a{
   text-decoration: none;
   color: #000064;
   }
#page_site_map #sitemap ul {
   text-align: left;
   margin: 0 0 0 20px;
   }
#page_site_map #sitemap ul li {
   font-size: 14px;
   font-family: verdana;
   margin: 5px 0 5px 0;
   }
#page_site_map #sitemap ul li a {
   text-decoration: none;
   }
#page_site_map #content {
   float: left;
   width: 678;
   border-bottom: solid #000064;
   }

#page_site_map #content p {
   text-align: left;
   margin: 5px 0 5px 20px;
   }

/*
========================================================================
Special Offers
========================================================================
*/ 
#page_special_offers #composite_section {
   float: left;
   width: 678px;
   border-bottom: solid #000064; 
   }
#page_special_offers dt {
   color:#000064;
   float:left;
   font-family:verdana;
   font-size:13px;
   font-weight:bold;
   margin:5px 0pt 10px 5px;
   text-align:left;
   width:180px;
   }
#page_special_offers dd.date {
   color:#333333;
   float:left;
   font-family:verdana;
   font-size:small;
   margin:5px 0pt 5px 30px;
   text-align:left;
   width:380px;
   }
#page_special_offers dd.content {
   float:left;
   font-family:verdana;
   font-size:13px;
   margin:0pt 0pt 0px 30px;
   text-align:left;
   width:580px;
   }
#page_special_offers #additional {
   font-family:lucida sans;
   font-size:13px;
   margin:5px 0pt 20px 20px;
   text-align:left;
   }
/*
========================================================================
Case Studies
========================================================================
*/ 
#page_case_studies #composite_section {
   float: left;
   width: 678px;
   border-bottom: solid #000064; 
   min-height: 370px;
   *height: 370px;
   }

#page_case_studies dt {
   color:#000064;
   float:left;
   font-family:verdana;
   font-size:13px;
   font-weight:bold;
   margin:5px 0pt 10px 5px;
   text-align:left;
   width:180px;
   }

#page_case_studies dd.date {
   color:#333333;
   float:left;
   font-family:verdana;
   font-size:small;
   margin:5px 0pt 5px 30px;
   text-align:left;
   width:380px;
   }

#page_case_studies dd.content {
   float:left;
   font-family:verdana;
   font-size:13px;
   margin:0pt 0pt 0px 30px;
   text-align:left;
   width:500px;
   }
#page_case_studies dd.thumbnail {
   float: right;
   margin: 0 30px 0 0;
   }

#page_case_studies #additional {
   font-family:lucida sans;
   font-size:13px;
   margin:5px 0pt 20px 20px;
   text-align:left;
   }
/*
========================================================================
Clients
========================================================================
*/ 
#page_clients1 #composite_section {
   float: left;
   width: 678px;
   border-bottom: solid #000064; 
   }

#page_clients1 dt {
   color:#000064;
   float:left;
   font-family:verdana;
   font-size:13px;
   font-weight:bold;
   margin:5px 0pt 10px 5px;
   text-align:left;
   width:180px;
   }

#page_clients1 dd.date {
   color:#333333;
   float:left;
   font-family:verdana;
   font-size:small;
   margin:5px 0pt 5px 30px;
   text-align:left;
   width:380px;
   }

#page_clients1 dd.content {
   float:left;
   font-family:verdana;
   font-size:13px;
   margin:0pt 0pt 0px 30px;
   text-align:left;
   width:630px;
   }

#page_clients1 #additional {
   font-family:lucida sans;
   font-size:13px;
   margin:5px 0pt 20px 20px;
   text-align:left;
   }