/* This layout css file is basically the same as the bisi standard layouts and it is intended to be used in conjunction with the design css file.  Do not make changes to this file unless you understand css layout properties */


body, div, h1, h2, h3, h4, p, ul, ol, li, dl, dt, dd, img, form, fieldset, blockquote {
    margin: 0px;
    padding: 0px;
    border: 0px;
}
body {
    text-align: center;
}
p, div, li,  h1, h2, h3, h4, td, input, select, textarea {
    font-family: Arial, Helvetica;
    font-size: 13px;
    color: #000;
    line-height: 140%;
}
p, h1, h2, h3, h4, #content ul, #content ol, #content table {
    margin-bottom: 15px;
}
a img, :link img, :visited img {
    border: none
}
div.clear {
    clear: both;
    overflow: hidden;
    height: 1px;
}

.button {
    padding: 3px 5px;
    text-transform: uppercase;
    font-size: 9px;
    text-decoration: none !important;
    border: none;
    cursor: pointer;
}
#cart-total .button {
    font-size: 14px;
    font-weight: bold;
    padding: 6px 9px;
    margin-left: 20px;
}

/* ----------------------------------- */
/* WRAPPER
/* ----------------------------------- */
#wrapper {
    width: 870px;
    text-align: left;
    margin-right: auto;
    margin-left: auto;
}

 #top, #bar, #main, #footer {
    margin: 0 4px;
}

/* ----------------------------------- */
/* TOP
/* ----------------------------------- */
#top {
    padding: 5px;
    background-color: #FFFFFF;
}
#logo {
    margin-left: 200px;
    margin-top: 33px;
}
#login {
    float: right;
    width: 500px;
    text-align: right;
}

#welcome {
    clear: both;
    padding-top: 22px;
}


    #search {
    width: 190px;
    float: right;
    font-size: 11px;
    }
    
    #top h1 {
        font-size: 35px;
    }

/* ----------------------------------- */
/* BAR
/* ----------------------------------- */
#bar {
    padding: 0 30px;
    line-height: 33px;
    height: 33px;
}
    #cart {
        float: right;
        padding-left: 25px;        
        width: 242px;
        text-align: center;
        line-height: 33px;
    }
        #cart a {
            font-weight: bold;
        }
    
    #menu {
    float: left;
    line-height: 33px;
    width: 400px;
    text-align: left;
    }
        #menu a {
            margin: 0 7px; 
        }

/* ----------------------------------- */
/* CONTENT
/* ----------------------------------- */
#main {
    padding: 15px;
}

    #content {
    width: 566px;
    float: right;
    padding: 20px;
    margin-bottom: 35px;
    }

     #content h1 {
     font-size: 21px;
     }

        #content h2 {
            font-size: 21px;
        }
        #content h3, p.price {
            font-size: 16px;
            font-weight: bold;
        }
        
        #banner, #welcome, #featured {
            margin-bottom: 30px;
        }
        
        #crumb {
            font-weight: bold;
            margin-bottom: 25px;
            font-size: 11px;
        }
        
        #pagination {
            text-align: center;
            height: 20px;
        }
            #pagination a#prev {
                float: left;
            }
            #pagination a#next {
                float: right;
            }
        
        /* Category Page */
        #products td {
    text-align: center;
    font-weight: bold;
    width: 33%;
        }
            #products td h3 {
                margin-bottom: 3px;
                font-size: 12px;
            }
            #products td p {
                margin: 0;
            }
            #products td p img {
                vertical-align: middle;
                margin-left: 10px;
            }
        
        /* Product page */
        #photos {
            width: 290px;
            float: right;
            margin-left: 30px;
            display: inline;
        }
            #photos img {
                width: 290px;
                margin-bottom: 10px;
            }
            #photo-thumbs {
                text-align: center;
            }
            #photo-thumbs img {
                width: 80px;
                margin: 5px;
                vertical-align: middle;
            }
        
        /* Cart page */
        .cart-item {
            margin-bottom: 15px;
            padding-bottom: 15px;
        }
            .cart-item img {
                height: 70px;
                float: left;
                margin-right: 15px;
                display: inline;
            }
            .cart-item h3, .cart-item p {
                margin-bottom: 4px;
            }
        
        #cart-total {
            padding: 15px;
            text-align: center;
        }
            #cart-total strong {
                font-size: 21px;
            }
            #cart-total img {
                vertical-align: middle;
                margin-left: 20px;
            }

            p.product-options input {
                vertical-align: middle;
            }
        
        p#google-checkout {
            text-align: center;
        }
        p#google-checkout img {
            display: block;
            margin: 0 auto;
        }
        
        p#update-cart {
            font-weight: bold;
            font-size: 14px;
        }
        
 .productOption {
    margin-bottom: 10px;
}

            
    /* Common to all pages */
    #side {
    width: 190px;
    float: left;
    }
        #side h2 {
            font-size: 14px;
        }
        #side li {
            padding-bottom: 3px;
            margin-bottom: 3px;
            list-style: none;
            font-size: 12px;
        }
            #side li a {
                text-decoration: none;
            }
        
        #side li li {
            font-size: 11px;
            padding: 0;
            background: none;
            font-weight: normal;
            margin: 0 0 0 10px;
        }
        
        #side li.selected {
            font-weight: bold;
        } 


/* ----------------------------------- */
/* FOOTER
/* ----------------------------------- */
#footer {
    padding: 10px 30px;
    height:70px;
}
/* ----------------------------------- */
/* Advanced Search
/* ----------------------------------- */
.blur{
    background-color: #ccc; /*shadow color*/
    color: inherit;
    position:absolute;
    width:370px;    
    top:30px;
    float:right;
}

.shadow,
.content{
    position: relative;
    bottom: 2px;
    right: 2px;
}
.shadow{
    background-color: #666; /*shadow color*/
    color: inherit;
}

.content{
    background-color: #fff; /*background color of content*/
    color: #000; /*text color of content*/
    border: 1px solid #000; /*border color*/
    height: 250px;
    }
    
#emailsub_wrapper {
    text-align: center;
    padding-top: 0px;
    padding-bottom: 15px;
    clear: left;
    margin-top: 10px;
    margin-bottom: 20px;
}