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

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

body {
    background: #fff;
    text-align: center;
    }



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

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

legend {
   color:#fff;
}

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;
    }

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

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

h3 {
    font-size: 12px;
    }

.text,
.smalltext,
.mediumtext,
.largetext,
.password {
    background: #fff;
    color: #000;
    font-size: 10px;
    padding: 1px;
    border:none;
    }

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

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;
    }
li.promo {
    display:none;
}
li.promo .thumbnail {margin-right:10px;float:left;width:125px;height:125px;}

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

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


    /* === Header === */

    #header_container{
       background:url(/images/bg_header_repeat.jpg);
       width:100%;
       float:left;
       
       }
    #header {
        width: 900px;height:190px;
        margin: 0 auto;position:relative;
        }
.cont_info {position:absolute;right:9px;bottom:45px;color:#fff;font-size:30px;}
        #logo {
            width: 523px;
            height: 160px;
            float: left;
            overflow: hidden;
            }

        #pri_nav {
            width: 900px;
            height: 29px;
            float: left;
            margin-left:23px;
            }
            #pri_nav ul {
                list-style: none;
                padding: 0;
                }
                #pri_nav li {
                    float: left;
                    background-image: url(/images/bg_prinav.png);
                    margin-left:-25px;
                    height:29px;
                    width:133px;                    
                    }
                    #pri_nav a {
                        display: block;
                        text-decoration:none;
                        margin-top:10px;
                        color:#fff;
                        }
                    #pri_nav a:hover {
                        background-position: 0 50%;
                        }

                    #pri_nav li.selected {
                        background-image: url(/images/bg_prinav_sel.png);

                        }

                    #pri_nav li.selected a{
                        color:#000;
                        }
.sidebar {width:170px;float:left;}
#split_content {float:right;width:690px;margin-bottom:10px;}
.sidebar .side-ttl {padding-top:0px;font-size:14px;font-weight:bold;}
.sidebar li {margin-bottom:10px;}
.sidebar a, .side-ttl {color:#333333;}
.sidebar a {font-weight:bold;}
.sidebar a:hover, .sidebar .selected a {color:#F11F06;}
    /* === Body === */

    #body {
        width: 100%;
        float: left;
        background:white;
        }
        #sidebar {
            width: 160px;
            float: left;
            }
        #sidebar input.text {
            width: 100%;
            }
            #search {
                float:right;
                margin-top:50px;margin-right:8px;
                _width:160px;
                }
                #search form {
                    padding: 5px;
                    }
                    #search fieldset {
                        border: none;
                        _width:160px;
                        }
                        #search #input_search {
                            width: 128px;
                            float: left;
                            margin-top:3px;
                            }
                        #search #input_search_submit {
                            float: left;
                            margin-left:5px;
                            margin-top:3px;
                            }


            #newsletter_signup {display:none;
                float:left;
                width:140px;
                margin-left:40px;
                }


            #newsletter_signup form{
                  float:left;
                  width:140px;
                  }

                    #newsletter_signup fieldset {
                        border: none;
                        float:left;
                        margin-top:56px;
                        width:140px;
                        }

                    #newsletter_signup ul{
                           float:left;
                           padding:0;
                           width:130px;
                          }

                    #newsletter_signup li{
                           float:left;
                           width:100%;
                           
                           }
                    #newsletter_signup li label{
                           float:left;
                           }

                    #newsletter_signup li input{
                           float:left;
                           margin: 3px 0 5px 0;
                           width:120px;
                           }

                    #newsletter_signup li.submit input{
                            width:30px;
                           }

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

        #page {
              padding:20px 10px;
              

              }
.page_title {font-size:18px;color:#333;}
#visuals {width:auto;float:right;margin-right:10px;}
            #messages {
                background: #fff;
                border: 1px solid #FFF;
                margin: 0 0 20px 0;
                padding: 10px 0 0 0;
                }
                #messages p {
                    margin: 0 10px 10px 10px;
                    padding: 0 0 0 23px;
                    background-repeat: no-repeat;
                    }
                    #messages p.ok {
                        background-image: url(/images/icn_tick.png);
                        }
                    #messages p.error {
                        background-image: url(/images/icn_error.png);
                        }
                    #messages p.info {
                        background-image: url(/images/icn_info.png);
                        }

           
            #footer {
                width: 100%;
                float: left;
                text-align: center;
                margin: 0px 0;
                padding-bottom:50px;
                }

              #foot_bar {
                    width:886px;
                    height:5px;
                    float:left;
                    background:#000;
                    }
                #footer ul {
                    list-style: none;
                    padding: 0;
                    }
                    #footer li {
                text-decoration:none;
                float:left;
                margin:0px 10px;
                _margin:0px 5px;
                
                        }
                #footer p, #footer a{
                    padding: 0px 0 0 0;
                    text-decoration:none;
                    color:#000;
                    font-size:9px;
                    font-weight:bold;
                    line-height:100%;
                    }


#footlinks {
     float:left;
     width:100%;
     padding-top:10px;
     _padding-top:5px;
}


#copypow {
     float:right;
     width:250px;
}

#copypow p{
     float:right;
     line-height:120%;
      margin: 0 10px;
      _margin: 0 5px;
}



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

#page_home {
    }

            #categories {
                 float:left;
                 width:886px;
                 height:153px;
                 padding:0;
                 background:#ccc url(/images/bg_categories_repeat.jpg) repeat-x;
                }

            #categories a{
                 float:left;
                 margin:135px 0 0 25px;
                 text-decoration:none;
                 font-weight:bold;
                 }

            #categories div.cat {
                 width:221px;
                 float:left;
                 } 

            #categories #bathroom{
                 float:left;
                 background:url(/images/bg_cat_bath.jpg);
                 height:153px;
                 }

            #categories #kitchens{
                 float:left;
                 background:url(/images/bg_cat_kit.jpg);
                 height:153px;
                 }

            #categories #tiles{
                 float:left;
                 background:url(/images/bg_cat_tiles.jpg);
                 height:153px;
                 }

            #categories #wood{
                 float:left;
                 background:url(/images/bg_cat_wood.jpg);
                 height:153px;
                 }


#flash_panel {
    width:886px;
}

#promo {
   background:#ddd;
   display: none;
   margin:10px 0;
   }

#page_home #promo {
   float: left;
   display: block;
   }


#promo {
   float: right;
   width: 435px;
   height: 190px;
   border-right: 1px dotted #ccc;
   border-bottom: 1px dotted #ccc;
   }

.window {
   margin: 0px 17px 0 17px;
   vertical-align: middle;
   font-family: arial;
   height: 160px;
   }

.window h2 {
   padding-bottom: 7px;
   font-size:14pt;
   }

.navigation {
    margin: 0 17px;
    }
.navigation li {
    float: left;
    }

li.next {
    float: right;
    text-align: right;
    }

.navigation a {
            color: #32648C;
            text-decoration: none;
            font-weight: bold;
}

    #special_offers {
        width: 435px;
        float: left;
        background: #DDD;
        margin: 10px;
        height:191px;
        }

   #spec_off_tit {
        float:left;
        width:400px;
        font-size:14pt; 
        padding:5px 0 0 10px;

        }

  #spec_left {       
        width:50%;
        float:left;
        text-align:center;
        }

  #spec_right {       
        width:49%;
        float:left;
        height:100px;
        text-align:center;
        }
  div.spec_off_title {
       text-transform:uppercase;
       font-weight:bold;
       }

  div.special_price, div.price, div.special_price span, div.price span{
        color:#DC2121;
        }

  div.click_for_more a{
        font-weight:bold;
        color:#CC0000;
        }


  #spec_right div {
        margin:10px;
        }

        #special_offers  div.thumbnail {
            margin:0 auto;
            width: 120px;
            height: 100px;

            }
 




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

#additional p, #additional span{font-size:13px;}

#results {
    float:left;
}

div.results_found {
    float:left;
    margin:10px;
}
.paging {
    float: right;
    width: 250px;
    text-align: right;
    }

div.order_by {
    float:left;
    margin:10px;
}

div.order_by select{
     background:#fff;
     border:1px solid #ccc;
     color:#000;
}

#results form{
    float: left;
    width: 100%;
}
#type_selector {
    float:left;
    margin:10px;
    width:100%;
}
#type_selector form {
    width: 130px;
    }
    #type_selector p {
        padding-top: 5px;
        }

#results dl{
    float:left;
    margin:10px 27px;
    width: 170px;
    height: 285px;
   
}
.product .thumbnail {width:170px;height:170px;overflow:hidden;text-align:center;}
.product .thumbnail a {line-height:170px;width:170px;height:170px;float:left;}
.product .thumbnail img {max-width:170px;max-height:170px;}
#results dd.more{
   float:left
}

#results a.next,
#results a.previous {
    font-weight:bold;
    margin: 0 10px;
    }

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


#product {
   float:left;
   padding:10px;
}

#details {
   float:left;
   width:300px;
   margin-right:10px;
}


#details h2{
   float:left;
   width:100%;
   margin:10px 0;
}

#gallery {
float:left;
margin:10px 0;
}

#gallery_thumbs{
float:left;
margin:10px 0;
}

#detail_image {
  float:left;
  width:270px;
  margin-right:10px;
}

#detail_image a{
  float:left;
  margin:10px 0;
}


h3.was_price,dd.was_price  {
    color:red;
    margin:5px 0;
}

#related {width:100%;float:left;margin-top:30px;}
/*
========================================================================
Newsletter
========================================================================
*/

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

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



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

#form {
    }
    #form li {
        margin: 0 0 8px 0;
        width: 100%;
        float:left;
        }
        #form label {
            float: left;
            width: 100px;
            margin: 0 10px 0 0;
            }
#form ul.radio_buttons {
    float: left;
    }
    #form ul.radio_buttons li {
        float: none;
        }
#form ul.radio_buttons label {
    float: none;
    }
#form #input_submit {
    margin: 0 0 0 110px;
    }



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


#page_contact h2{
    margin:10px 0;
    font-weight:bold;
    }
    #page_contact #fields {
        width: 525px;
        float: left;
        margin: 5px 0 0 0;
        }
        #fields label {
            color: #333;
            font-size: 12px;
            }
        #fields .text {
            width: 400px;
            height: 19px;
            border: 1px dashed #999;
            }
        #fields .mediumtext {
            width: 400px;
            height: 150px;
            border: 1px dashed #999;
            }
            #google_map {
                padding-top: 50px;
                padding-right: 65px;
                float: right;
                width: 400px;
                }
    #page_contact #additional {
        width: 325px;
        float: right;
        }
    #page_contact #footer_container {
        margin-top: 40px;
        }
#map {
   float:left;
   margin:10px 0 20px 0;
}


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

#summary p {
    font-weight: bold;color:#333;
    }

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 {
    float:left;
    padding:5px;
}

#search_results #summary{
    margin-left:10px;
}


#search_results h2 {
    margin:10px 0 0 10px;
}