/* ---------------------------------------------------------------------
List of contact lens products
------------------------------------------------------------------------ */
#product-list {
	clear: left;
	overflow:hidden;
	padding: 0 10px;
}
    #product-list .product {
        overflow: hidden;
        padding: 15px 10px;
        width: 670px;
    }
    #product-list .product-even {
        background:url(/img/layout/pagelink-bg-wide.jpg) no-repeat top left;
    }
    #product-list .product img {
        float: left;
        margin-right: 15px;
        width: 195px;
    }        
    #product-list .product .product-content {
        float: left;
        padding: 10px 0;
        width:450px;
    }
        #product-list .product .product-content h2{
            background:none;
            font-size:1.2em;
            font-weight: bold;
            margin-bottom: 5px;    
            padding: 0;
        }
            #product-list a {
                text-decoration: none;    
                color: #484438;
            }
	        #product-list .product .product-content .dailyprice {
				font-weight:bold;
				line-height:normal;
				margin-top:5px;
        	}
            #product-list .product .product-content form {
               margin-top: 5px;    
            }
                #product-list .product .product-content form label{
	               font-weight:bold;    
	               line-height: 23px;
                   float:left;
                   margin-right:5px;
                }	            
                #product-list .product .product-content form select{
                   float:left;
                   margin-right:5px;
                   margin-top:2px;
                }               
                #product-list .product .product-content form input{
                   float:left;
                   margin-right:5px;
                }   
/* ---------------------------------------------------------------------
Featured Products
------------------------------------------------------------------------ */                

#featured-products .product{
	clear:both;
	overflow:hidden;
	padding: 10px 0 15px 0;
}
    #featured-products h2 {
        background: url(/img/layout/shade-6col-bottom.jpg) no-repeat bottom left;
	    clear: left;
	    margin:0;
	    padding: 20px 0;
    }
    #featured-products h3 a{
        color: #48443b;
    }
    #featured-products .product-image {
        float:left;
        width: 205px;
    }
    #featured-products .product-content {
        float:left;
        width: 230px;
    }
#featured-products .puff .header {
	color: #48433d;
	display:block;
	font-size:1.5em;
	padding-bottom: 15px;
	padding-left: 10px;
	width: 140px;
}
#featured-products .puff .price{
    color: #877E6F;
    display:inline;
    font-size: 3.7em;
    font-weight: normal;
    padding-left: 10px;
}
#featured-products .puff .permonth{
    color: #877e6f;
    display:inline;
    font-size: 1.25em;
    font-weight: normal;
}
#featured-products span {
    display:block;	
}

#storehome-sunglasses-sidepuffs {
    	
}
#storehome-sunglasses-sidepuffs a img{
    display:block;        
}
.puff-contacts-sidebar {
    background: url(/img/puffs/grey-puff.png) no-repeat top left;   
    margin-bottom: 20px;
    padding-top: 20px;
    position:relative;
}
    .puff-contacts-sidebar .puff-inner {
        background: url(/img/puffs/grey-puff.png) no-repeat bottom left;   
        padding-bottom: 10px;
    }
    .puff-contacts-sidebar p a, .pufflink {
        background: url("/img/buttons/chevron-blue-right.png") no-repeat scroll right 50% transparent;
        color: #0039a6;
        font-size: 1.2em;
        font-weight: bold;
        padding-right: 15px;
    }    
    .puff-contacts-sidebar h2 {
        font-size: 1.4em;
        margin: 0 10px 5px;
	    padding: 0 !important;
    }
    .puff-contacts-sidebar p {
        padding: 0 10px;
    }


/* ---------------------------------------------------------------------
Store Showcase
------------------------------------------------------------------------ */                
#store-showcase {
    float: left;
    height: 230px;
    margin-bottom: 20px;
    margin-top: -40px;
    position: relative;
    width: 710px;
}
	#store-showcase .tmpSlide{
	    display:none;
	    height: 230px;
	    left: 0;
	    position: absolute;
	    top: 0;
	    width:710px;    
	}

/* ---------------------------------------------------------------------
Sunglasses Product List
------------------------------------------------------------------------ */                
#product-list .product-row {
	background:url(/img/layout/shade-9col-bottom.jpg) no-repeat bottom left;
	clear:both;
	margin-bottom: 20px;
    overflow:hidden;
	padding-bottom:30px;
	width:100%;
}
    #product-list h2 {
        background:url(/img/layout/shade-9col-bottom.jpg) no-repeat bottom left;
        padding:0 0 20px 0;
        position:relative;
    }
.sunglasses-product {
    float:left;
    margin-bottom: 10px;
    margin-right: 35px;
    overflow:hidden;
    padding:0;
    position:relative;
    width: 200px;
}
.sunglasses-product-wide {
	float:left;
    margin-right: 40px;
    overflow:hidden;
    padding:0;
    position:relative;
    width: 320px;	
}
    #product-list .sunglasses-product-wide h2,
    #product-list .sunglasses-product h2 {
        background:none;
        font-size: 1em;
        font-weight: bold;
        margin:0;
        padding: 0;
    }
    .sunglasses-product .product-price, 
    .sunglasses-product-wide .product-price  {
        bottom:0;
    	color: #0039a5;
        font-size: 1.6em;
        right:0;
        position:absolute;
    }    
.endofrow {
    margin-right: 0 !important;
}
.swatch {
	border:1px solid #88806B;
	display:inline-block !important;
	height:13px;
	margin-right:5px !important;
	padding:0 !important;
	width:24px;
}

/* ---------------------------------------------------------------------
Sunglasses Filter Form
------------------------------------------------------------------------ */
#product-filter-container {
    background: url(/img/layout/filter-bg.jpg) no-repeat top left;	
    margin-bottom: 30px;
    padding: 20px 5px;
}
#product-filter {
    color:#333;
}
    #product-filter td {
        padding-right:2px;
    }
    #product-filter th {
        border-bottom: 1px solid #d4d1ca;
        color: #48443b;
        font-weight:bold;
        text-align: left;
    }
	    #product-filter th.divider {
            border:0;
	    	padding-right:5px;
	    }
#product-filter label {
	display:block;
    padding-top:10px;
}
#product-filter select {
    font-size:1em;	
}
#product-list .ajax-loader {
	padding: 80px 0 600px 0;
	text-align:center;
    width: 670px;
}
/* ---------------------------------------------------------------------
Single Contact lens product
------------------------------------------------------------------------ */
#product {
	background: url(/img/layout/product-bg.png) no-repeat top left;
	overflow:hidden;
	padding: 20px 10px 20px 10px;
}
    #product p {
        padding:0;
    }
    #product .product-image{
        float: left;
        margin-right:20px;
    }
    #product .product-content {
        float: left;
        width: 390px;
    }
        #product .product-content label{
            font-weight:bold;    
            line-height: 18px;
            float:left;
            margin-right:5px;
        }               
        #product .product-content select{
            float:left;
            margin-right:5px;
        } 
        .price{
            font-size: 13px;
			font-weight: 700;
			line-height: 23px;
        	margin-bottom:10px;
        } 
	        #product .product-content .dailyprice {
	            font-size:13px;
	            font-weight:bold;
	            line-height:normal;
	            margin-top:5px;
	        }
 
    #product .addbasket{
        padding: 15px 0;
    }    
/* ---------------------------------------------------------------------
Single Sunglasses product
------------------------------------------------------------------------ */    
#sunglasses-product h1 {
    background: url(/img/layout/shade-9col-bottom.jpg) no-repeat bottom left;
	padding-bottom: 25px;
	position:relative;
}
    #sunglasses-product #product-details {
        padding-bottom: 20px;
    }
    #sunglasses-product #product-options-inner {
        padding:0 10px;
    }
        #sunglasses-product #product-options-inner h2{
            padding:0;
        }
    #sunglasses-product #price {
        color: #0039a5;
        font-size: 1.6em;
        padding: 10px 0;
    }
    
    #sunglasses-product #price .wasprice {
        color: #FF0000;
        font-weight: bold;
        text-decoration: line-through;
        font-size: 14px;
        margin-right: 5px;
    }
#sunglasses-product #product-specifications {

}      
    #sunglasses-product #product-specifications h2 {
	    background: url(/img/layout/shade-6col-bottom.jpg) no-repeat bottom left;
	    margin-bottom: 0;
	    padding-bottom: 15px;
    }
    #sunglasses-product #product-specifications p{
        line-height: 1em;
        margin-bottom: 5px;
    }
    #sunglasses-product #product-specifications .spec-title {
        display: block;
        font-weight: bold;
    }       
#sunglasses-product #product-size {
    background: url("/img/catalogue/per_glasses_vert.gif") no-repeat bottom left;
    height: 220px;
    margin-bottom: 10px;
    position: relative;
}
    #sunglasses-product #product-size h2 {
		background:url("/img/layout/shade-3col-bottom.jpg") no-repeat scroll left bottom transparent;
		margin-bottom:0;
		padding-bottom:21px;
    }
    #sunglasses-product #product-size div {
        font-size:11px;
    }
    #sunglasses-product #product-size span {
        font-weight:bold;
    }
    #sunglasses-product #product-size #frame-depth{
        left:124px;
        position:absolute;
        text-align:right;
        top:146px;
        width:60px;
    }
    #sunglasses-product #product-size #nosebridge {
        left: 60px;     
        position: absolute;
        top: 113px;
        width: 123px;
    }
    #sunglasses-product #product-size #lens-size {
        left:28px;
        position:absolute;
        text-align:center;
        top:146px;
        width:70px;
    }
    #sunglasses-product #product-size #arm-size {
		left:45px;
		position:absolute;
		top:40px;
    }
    #sunglasses-product #product-size #whole-size {
        left: 62px;     
        position: absolute;
        top: 195px;
    } 
    #sunglasses-product #product-images{
        margin-bottom: 10px;
        padding: 7px 2px;
    }
        #sunglasses-product #product-images #largeimage{
            cursor: url(/img/misc/magnify.cur), url(/img/misc/magnify.cur), default;
            text-align: center;
        }
        #sunglasses-product #product-images #enlargelink{
            background: url(/img/icons/expand.gif) no-repeat center left;
            background-position: 5px 0;    
            margin-left: 10px;        
            padding-left: 20px;
            text-decoration: none;
        }            
/* ---------------------------------------------------------------------
The "Why Choose Us" boxout
------------------------------------------------------------------------ */    
#product-whychooseus {
  	background: url("/img/catalogue/whychooseus/wcu-bg.jpg") no-repeat top left;
  	clear:both;
 	float: left;
}
    #product-whychooseus div {
        padding: 20px 0;        
    }
    #product-whychooseus h2{
        border-bottom: 1px solid #c2c3bd;
        color:#015eab;
        display:inline-block;
        font-size: 1.8em;
        margin: 0 10px;  
        padding: 0;
    }
    #product-whychooseus h2 em{
        color:#464237;
        font-style: normal;
    }
		#product-whychooseus ul {
			list-style-type:none;
			margin:20px 0;
			overflow:hidden;
			padding:0;
		}
		#product-whychooseus ul li {
			display:block;
			float:left;
			font-size:1.1em;
			height:70px;
			line-height:1.2em;
			margin:0 10px;
			width:210px;
		}
		#product-whychooseus ul li img {
			float:left;
			padding-right:5px;
		}	        
        #product-whychooseus ul li em{
	       	font-style: normal;
	       	font-weight: bold;
        }
/* ---------------------------------------------------------------------
BASKET
------------------------------------------------------------------------ */        
#basket {
	line-height:30px;
    margin: 0 10px;	
}
    #basket thead {
        background-color: #efefef;
        color: #0c3792;
        text-align:left;
    }
        #basket thead th {
            font-weight:bold;
        	padding-left: 10px;
        }
    #basket tbody {
        text-align:left;
    }
        #basket tbody td {
            border-bottom: 1px solid #ebebeb;
            padding-left: 10px;
        }
        #basket tbody td.empty{
            border-bottom: 0;
        }
        #basket tbody td.checkout{
            text-align: right;
            padding-right: 16px;     
        }        
        #basket tbody td.total{
            color: #0c3792;
            font-weight: bold;
            padding-right: 10px;
            text-align: right;
        }
            #basket tbody td .quantity{
                width: 20px;
            }
            #basket tbody td.checkout table{
                float: right;
                display: block;          
            }
                #basket tbody td.checkout table td{
                    border: 0;
                }
/* ---------------------------------------------------------------------
Related Products
------------------------------------------------------------------------ */                
#basket-relatedproducts {
    	
}
	#basket-relatedproducts h3{
        font-size:1.2em;
		font-weight:bold;
		margin-bottom:5px;
		padding:0;	        
	}
        #basket-relatedproducts h3 a {
	        color:#484438;
	        text-decoration:none;
        }
    #basket-relatedproducts p{
        padding:0;          
    }
/* ---------------------------------------------------------------------
Subnav for ecommerce section
------------------------------------------------------------------------ */
.subnav-ecommerce {
    padding-top: 10px;	
}
    .subnav-ecommerce .quicksearch {
        float:left;
        overflow:hidden;
        padding: 5px 0 10px 10px;
        position:relative;
        zoom:1;
    }
    .subnav-ecommerce .quicksearch input {
        float:left;
    }
        #sgquicksearch {
            font-size: 0.8em;
            margin-right: 5px;
            width: 170px;
        }
    .subnav-ecommerce .push-down {
        margin-top: 25px !important;
    }        
.subnav-ecommerce #accordion h2 {
    background: url(/img/buttons/chevron-grey-right.png) no-repeat 190px center;  
    border-bottom: 1px solid #e6e6e6;
    font-size: 1em;
    font-weight: bold;
    line-height: 26px;
    margin: 0 10px 0 0;
    padding: 0 12px;
    position:relative;
}
    #accordion h2.ui-state-active {
        background: url(/img/buttons/chevron-grey-down.png) no-repeat 190px center;  
    }
    .subnav-ecommerce #accordion div {
        background:none;
        border: none;
        display:block;
    	margin:0 0 0 10px;
    	padding:0;
    	position:relative;
        zoom:1;
    }
    .subnav-ecommerce #accordion ul {
        margin-bottom: 0;
    } 
    .subnav-ecommerce #accordion .divider {
        margin-bottom: 25px;
    }       
/* ---------------------------------------------------------------------
    Table for Competitor Lenses
------------------------------------------------------------------------ */     
.competitor-lenses {
    line-height: 20px;
    margin-bottom: 20px;
    text-align: left;       
    width:440px; 
}
    .competitor-lenses th {
        font-weight:bold;
    }
	.competitor-lenses td, .competitor-lenses th {
		text-align:left;
		border-bottom: 1px solid #e6e6e6;
	    padding-left:10px;
	}
	.competitor-lenses .competitor {
	    width: 225px;
    }