/* Design List */

ul#designs {
    overflow: hidden;
}

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

                ul#designs li a:hover img {
                    border: 1px #102102 solid;
                }

            ul#designs li a strong {
                display: block;
                padding: 2px 0;
                text-align: center;
                width: 156px;
            }
            
                ul#designs li a:hover strong {
                    color: #102102;
                }
                
            ul#designs li a span {
                display: block;
                font-size: 9px;                
                padding: 2px 0;
                text-align: center;
                width: 156px;
            }

            ul#designs li a em {
                display: block;
                font-style: normal;
                padding: 2px 0;
                text-align: center;
                width: 156px;
            }
            
                ul#designs li a:hover em {
                    color: #102102;
                }            
                    
/* Available Designs */

#availableDesigns {
    overflow: hidden;
}

    #availableDesigns h3 {
        background: transparent url(../images/header-bg.png) repeat-x top left;
        font-weight: bold;
        height: 34px;
        line-height: 34px;
        margin-bottom: 5px;
        padding-left: 10px;
    }
    
/* Design */

#design {
	overflow: hidden;
	position: relative;
}

	div#design div#image {
		background: url(../images/please-wait.gif) no-repeat center center;
		display: block;
		float: left;
		height: 450px;
		position: relative;
		width: 450px;
	}
	
		div#design div#image p {
			background: #102102;
			bottom: 10px;
			color: #ffffff;
			left: 10px;
			line-height: 22px;
			margin: 0;	
			padding: 0 8px;
			position: absolute;			
		}

    div#design div#information {        
        background: transparent url(../images/home-page-content-bg.png) repeat-x top left;
    	float: right;
        height: 450px;
        padding: 10px 10px 0;
        position: relative;
        width: 500px;
    }
    
    	div#design div#information h2 {
    		font-size: 20px;
   		}

    	div#design div#information h3 {
    		font-size: 14px;
   		}
   		
   		div#design div#information ul {
   			margin-top: 10px;
   			overflow: hidden;
  		}	
  		
  			div#design div#information ul li {  				
  				clear: both;
  				display: block;
  				overflow: hidden;
  				padding: 0 0 4px;
 			}
			 
				div#design div#information ul li strong {
					display: block;
					float: left;
					width: 150px;
				}
				
				div#design div#information ul li span {
					display: block;
					float: left;
					width: 350px;					
			 	}
			 	
			 		div#design div#information ul li span.collection {
			 			color: #102102;
		 			}

					div#design div#information ul li span img {
						display: inline-block;
						margin-right: 5px;
					}
		
        div#design div#information p#rolloverMessage {            
            color: #999999;
            cursor: pointer;
            font-weight: bold;
            margin-top: 20px;
            text-decoration: underline;            
        }
        			
		div#design div#information div#backButton {
			bottom: 20px;
			position: absolute;
		}					
					
	#design #fullWidth {
		cursor: pointer;
		display: none;
		height: 450px;
		left: 0;
		position: absolute;
		top: 0;
		width: 980px;
		z-index: 1;		
	}
	
		#design #fullWidth img {
			display: block;
		}