/* Collection List */

ul#collections {
    overflow: hidden;
}

    ul#collections li {
        display: block;
        float: left;
        margin: 0 6px 6px 0;
    }
    
        ul#collections li.last {
            margin-right: 0;
        }
    
        ul#collections li a {
            display: block;
        }
    
            ul#collections li a img {
            	background: url(../images/please-wait.gif) no-repeat center center;
                border: 1px transparent solid;
                height: 150px;
                padding: 3px;
                width: 150px;
            }

                ul#collections li a:hover img {
                    border: 1px #102102 solid;
                }
                
            ul#collections li a span {
                display: block;                
                padding: 2px 0;
                text-align: center;
                width: 156px;
            }
            
                ul#collections li a:hover span {
                    color: #102102;
                }
                
/* Collection */

div#collection {
    overflow: hidden;
}

    div#collection div.description {        
        background: transparent url(../images/home-page-content-bg.png) repeat-x top left;
    	float: left;
        height: 450px;
        padding: 10px 10px 0;
        position: relative;
    }
    
    	div#collection div.description h1 small {
   			clear: both;
   			display: block;
   		}
    
        div#collection div.big {
            width: 960px;
        }

        div#collection div.medium {
            width: 500px;
        }

        div#collection div.small {
            width: 390px;
        }

		div#collection div.description div#backButton {
			bottom: 20px;
			position: absolute;
		}

    div#collection div#images {
        float: right;
        position: relative;
        width: 450px;
    }
    
        div#collection div#images.big {
            width: 560px 
        }
    
    
            div#collection div#images div#mainImageHolder {
                display: block;
                float: left;
                position: relative;
            }
            
                div#collection div#images div#mainImageHolder ol#numbers {
                    bottom: 0;   
                    left: 10px;
                    overflow: hidden;
                    position: absolute;
                }
                
                    div#collection div#images div#mainImageHolder ol#numbers li {
                        float: left;
                    }
                    
                        div#collection div#images div#mainImageHolder ol#numbers li a {
                            background: #ffffff;
                            display: block;
                            line-height: 20px;
                            margin: 0 2px;
                            text-align: center;
                            width: 22px;
                        }
                        
                            div#collection div#images div#mainImageHolder ol#numbers li a:hover {
                                background: #e4e4e4;
                                color: #ffffff;
                            }
    
            div#collection div#images.big img#mainImage {
            }
    
            div#collection div#images.big ul {
                float: right;
                overflow: hidden;
            }
    
                div#collection div#images.big li {
                    display: block;
                }
                
                div#collection div#images.big li a {
                    display: block;
                }
                
                    div#collection div#images.big li a img {
                    	background: url(../images/please-wait.gif) no-repeat center center;
                        border: 1px transparent solid;
                        display: block;
                        height: 100px;
                        margin: 0 0 12px;
                        width: 100px;
                    }
                    
                        div#collection div#images.big li a:hover img {
                            border: 1px #102102 solid;
                        }