/*******
    Reset CSS
    
    Legend:
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-family: Georgia, sans-serif;
        font-family: Helvetica, Arial, FreeSans, sans-serif;
        font-family:  Geneva, Tahoma, "Nimbus Sans L", sans-serif;
        font-family: "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Lucida, sans-serif;
        font-family: "Trebuchet MS", sans-serif;
        font-family: "Palatino Linotype", "Book Antiqua", Palatino, "Times New Roman", Times, serif;
    
        960px - 1 column
        480px - 2 columns
        320px - 3 columns
        240px - 4 columns
        160px - 6 columns
        120px - 8 columns
*******/
        html, body, div, span, applet, object, iframe,
        h1, h2, h3, h4, h5, h6, p, blockquote, pre,
        a, abbr, acronym, address, big, cite, code,
        del, dfn, em, font, img, ins, kbd, q, s, samp,
        small, strike, strong, sub, sup, tt, var,
        b, u, i, center,
        dl, dt, dd, ol, ul, li,
        fieldset, form, label, legend,
        table, caption, tbody, tfoot, thead, tr, th, td {
            margin: 0;
            padding: 0;
            border: 0;
            outline: 0;
            font-size: 100%;
            vertical-align: baseline;
            background: transparent;
        }
        body {
            line-height: 1;
        }
        ol, ul {
            list-style: none;
        }
        blockquote, q {
            quotes: none;
        }
        blockquote:before, blockquote:after,
        q:before, q:after {
            content: '';
            content: none;
        }
        
        /* remember to define focus styles! */
        :focus {
            outline: 0;
        }
        
        /* remember to highlight inserts somehow! */
        ins {
            text-decoration: none;
        }
        del {
            text-decoration: line-through;
        }
        
        /* tables still need 'cellspacing="0"' in the markup */
        table {
            border-collapse: collapse;
            border-spacing: 0;
        }

/*******
    Base Styles
*******/
        
    body {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        background: #FFFF99;
        height:100%;
        font-size: 12px;
        line-height: 1.5em;
    }
    
    a { color: #000; text-decoration: none; }
        a:hover { text-decoration: underline; }
        
    .container { width: 800px; margin: 0 auto; background: #FFFF99;}
        .container .container-wrap { margin: 0 auto; }
        
    .wrap {}
    .clear { clear: both; }
    .content li { margin-left: 20px; } /*same as .wrap class */
    p { margin-bottom: 1.5em; }
    
    h2 {
        font-size: 32px;
        margin-bottom: .5em;
        }
    
    h3 {
        font-size: 18px;
        }

/*******
    Header
*******/

    .header {
        position: relative;
        height: 80px;
        }
        
        .header a.logo {
            display: block;
            position: absolute;
            left: 0;
            top: 0;
            background: url(../images/logo.jpg) no-repeat;
            width: 226px;
            height: 80px;
            }
            
            .header a.logo h1 {
                margin-left: -9000px;
                }
        
        .header .page-name {
            position: absolute;
            top: 0;
            right: 0;
            background: #FFFF99;
            height: 80px;
            width: 574px;
            }
            
            .header .page-name p {
                margin-left: -9000px;
                }
                        
/*******
    Content
*******/

    .content {
        position: relative;
        padding: 25px 30px;
        line-height: 1.7em;
        }
        
        .content-background {
            display: none;
            }

    .content ul {
        padding: 1.5em 0;
        }
    
    .content p + ul {
        padding: 0 0 1.5em 0;
        }
    
    .content li {
        list-style-type: disc;
        }
/*******
    Footer
*******/

    .footer {
        background: #FFE682 url(../images/footer_carrots.jpg) no-repeat;
        position: relative;
        font-size: 11px;
        height: 115px;
        padding: 100px 0 0 0;
        text-align: center;
        display: none;
        }
    
    .developed-by {
        position: absolute;
        right: 30px;
        top: 100px;
        }
            
    .bottom {
        background: url(../images/bg-footer.png) bottom no-repeat;
        height: 15px;
        }

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

    body#home {
        background: #FFE682;
        }

        #home .header {
            height: 109px;
            }
            
            #home .header  a.logo {
                background: url(../images/home_logo.jpg) no-repeat;
                width: 277px;
                height: 109px;
                }
                
                #home .header .page-name {
                    background: #FFE682 url(../images/home_right.jpg) top right no-repeat;
                    height: 109px;
                    width: 523px;
                    }

    #home .nav {
      	background: none;
      	height: auto;
        }
                
    #home .nav ul#main-menu {
        background: url(../images/ground.jpg) no-repeat;
        margin: 0 0 0 0;
        padding: 25px 0 0 100px;
        width: 800px;
        height: auto;
        }

        #home ul#main-menu li a {
            width: 120px;
            height: 80px;
            padding: 80px 0 0 0;
            text-align: center;
            text-transform: lowercase;
            color: #000;
            font-style: normal;
            font-size: 12px;
            }
                    
            #home ul#main-menu li a#product-gallery {
                background: url(../images/home_navgallery.jpg) no-repeat;
                }
            #home ul#main-menu li a#fyi {
                background: url(../images/home_navfyi.jpg) no-repeat;
                }
            #home ul#main-menu li a#contact {
                background: url(../images/home_navcontact.jpg) no-repeat;
                }
            #home ul#main-menu li a#tell-a-friend {
                background: url(../images/home_navtell.jpg) no-repeat;
                }
            #home ul#main-menu li a#newsletter {
                background: url(../images/home_navmailing.jpg) no-repeat;
                display: block;
                }
    
    #home .content {
        background: #71CAF2 url(../images/home_content.jpg) bottom repeat-x;
        }
        
        #home .main-column {
            margin: -70px 0 -120px;
            width: 298px;
            height: 521px;
            background: url(../images/home_notepad.jpg) no-repeat;
            padding: 105px 20px 30px;
            font-size: 11px;
            line-height: 1.5em;
            float: left;
            }
            
            #home .main-column strong {
                color: #ff9933; 
                font-style: italic; 
                font-weight: bold;
                }
            
            #home .main-column p {
                margin-bottom: 1em;
                }
                
            #home .main-column ul {
                margin-top: -1em;
                padding-bottom: 0;
                }
                
                #home .main-column li {
                    margin-bottom: .5em;
                    }
    
    #home .right-column {
        /* background: url(../images/home_arrow.jpg) no-repeat; */
        width: 370px;
        margin-top: -70px;
        float: right;
        }

        #home .right-wrap {
            padding: 0 0 0 80px;
            text-align: center;
            }
        
    #home .footer {
        display: block;
        }

/*******
    Design Gallery
*******/

    #product-gallery .content {
        background: #FFE682;
        }

        #product-gallery .main-column {
            float: left;
            width: 210px;
            padding-top: 25px;
            }

        #product-gallery .right-column {
            float: right;
            width: 490px;
            padding-top: 25px;
            }
        
        #product-gallery .product-gallery-even,
        #product-gallery .product-gallery-odd {
            margin: 0 8px 8px 0;
            width: 155px;
            float: left;            
            }

            .product-gallery-even .product-cell,
            .product-gallery-odd .product-cell {
                display: table-cell;
                width: 155px;
                height: 190px;
                text-align: center;
                vertical-align: middle;
                background: #FFFF99;
                }

            .product-gallery-even h3.title,
            .product-gallery-odd h3.title {
                font-weight: normal;
                font-size: 16px;
                }
            .product-gallery-even img,
            .product-gallery-odd img {
                margin: 10px;
                }
/*******
    Success Page
*******/
    #success .content {
        background: #99CC33;
        line-height: 1.4em;
        }

        #success .content strong {
            color: #fff;
            font-weight: normal;
            }
                    
/*******
    FYI
*******/
    #fyi .content {
        background: #99CC33;
        line-height: 1.4em;
        }
        
        #fyi .content strong {
            color: #fff;
            font-weight: normal;
            }
        
        #fyi .main-column {
            float: left;
            width: 360px;
            }
        
        #fyi .right-column {
            float: right;
            width: 360px;
            }

/*******
    Contact
*******/
    #contact .content {
        margin-top: 70px;
        background: #FFCCCC;
        }

        #contact .content-background {
            display: block;
            background: url(../images/jane.jpg) no-repeat;
            position: absolute;
            top: -41px;
            left: 300px;
            height: 243px;
            width: 153px;
            }
            
        #contact .main-column {
            float: left;
            width: 360px;
            }
        
        #contact .right-column {
            float: right;
            width: 360px;
            }

            #contact .right-wrap {
                padding: 10px;
                text-align: center;
                background: url(../images/note.jpg) top center no-repeat;
                }
                
                #contact .right-wrap p img {
                    margin-bottom: -8px;
                    }
                    
                #contact .right-wrap h2 {
                    padding-top: 0;
                    font-size: 16px;
                    font-weight: normal;
                    }

/*******
    Tell a Friend
*******/

    #tell-a-friend .content {
        background: #FFCCCC url(../images/ladies_03.jpg) top center no-repeat;
        text-align: center;
        }
        
        #tell-a-friend .main-column {
            padding-top: 339px;
            }

/*******
    Newsletter
*******/

    #newsletter .content {
        background: #99CC33 url(../images/newsletter.jpg) top center no-repeat;
        text-align: center;
        }
        
        #newsletter .main-column {
            padding-top: 310px;
            margin-left: 110px;
            float: left;
            width: 250px;
            font-weight: bold;
            }
        
        #newsletter .right-column {
            padding-top: 310px;
            margin-right: 110px;
            float: right;
            width: 250px;
            }

/*******
    Products
*******/
    
    body.customize .content {
        background: #FFE682;
        padding-top: 65px;
        }

        body.customize .main-column {
            float: right;
            width: 490px;
            padding-top: 25px;
            }

        body.customize .right-column {
            float: left;
            width: 250px;
            padding-top: 25px;
            }

        .order-buttons {
            padding-top: 25px;
            }
                    
            a.previous span,
            a.next span,
            a.checkout span {
                margin-left: -9000px;
                }
            
            a.previous,
            a.next,
            a.checkout {
                display: block;
                width: 90px;
                height: 39px;
                padding: 30px;
                }
                
            a.previous {
                float: left;
                background: url(../images/button_back.jpg) no-repeat;
                padding-left: 0;
                }
                
            a.next {
                float: right;
                background: url(../images/button_next.jpg) no-repeat;
                }
            
            input.checkout {
                display: block;
                width: 90px;
                height: 39px;
                padding: 30px;
                border: none;
                float: right;
                background: url(../images/button_check.jpg) no-repeat;
                }

/*******
    Design Categories
*******/
#design-categories .container {
    padding: 25px;
    width: 650px;
    }
    
#design-categories .main-column {
    width: 640px;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    position: relative;
    }
    a.design-categories {
        display: block;
        width: 200px;
        margin: 0 10px 10px 0;
        float: left;
        text-align: center;
        text-decoration: none;
        }
        
        a.design-categories img {
            text-align: center;
            width: 200px;
            height: 100px;
            }
        a.design-categories h2 {
            font-size: 14px;
            text-align: center;
            }

/*******
    Individual Galleries
*******/
    h2.gallery-title {
        font-weight: normal;
        text-transform: lowercase;
        margin: 1em 0 0;
        }

/*******
    Highslide Gallery
*******/
    
    .highslide-item {
        clear: both;
        }
    
    .highslide-item div.image {
        float: left;
        margin-bottom: 10px;
        }
            
    .highslide-item div.text {
        float: right;
        text-align: left;
        width: 470px;
        margin-bottom: 1em;
        }
        
        .highslide-item div.text p {
            margin: 0 0 0 0;
            padding: 0 0 0 0;
            }
        
        .highslide-item a {
            font-size: 11px;
            font-style: italic;
            }

input#image {
    position: relative;
    top: -500px;
    left: -210px;
    width: 300px;
    height: 30px;
    background: #ff9900;
    }

/*******
    Products Mat
*******/
body.products .content {
    padding: 0 0 25px 0;
    text-align: center;
    }
    
    body.products .main-column {
        width: 800px;
        padding: 25px 0 0 0;
        margin: 0 0 0 0;
        float: none;
        }
        
        body.products .main-column img {
            margin: 0 auto;
            float: none;
            }

    body.products .right-column {
        display: none;
        width: 0px;
        margin: 0 0 0 0;
        }

/*******
    Image Galleries
*******/
    .qc_pager {
        position: absolute;
        bottom: 5px;
        right: 5px;
        }
        
    	.qp_counter {
    		margin:  10px;
    	}
	
	form#quicksearch {
        position: absolute;
        right: 0;
        top: 0px;
        width: 280px;
        background: #e3e3e3;
        border: 3px solid #666;
        padding: 10px 15px 15px;
	   }

	   form#quicksearch input.qs_label {
	       }
	       	   
	   form#quicksearch input.qs_input {
	       margin: 5px 0 0 5px;
	       }
	       
	   form#quicksearch .loader {
	       padding: 0 0 0 10px;
	       }
	
.back-note {
  border: 1px solid #e3e3e3;
  background: #FFFF99;
  padding: 10px 5px;
  font-size: 11px;
  color: #999;
  width: 224px;
  line-height: 1.3em;
}

#change-image {
  display: block;
  padding: 5px;
  margin: 5px 0 10px 0;
  border: 2px outset #99CC33;
  background: #99CC33;
  text-align: center;
  width: 222px;
  color: #fff;
  font-weight: bold;
}

#change-image:hover {
  background: #7AA329;
}

.bigfinish-info {
  border: 1px solid #CC6666;
  background: #FFCCCC;
  padding: 15px 15px 0 15px;
  font-size: 11px;
  line-height: 1.3em;
  margin: 15px 15px 15px 0;
}