﻿/* Catalog Header Layout   */

.catalogNavigation {
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px;
    background:url(images/catalogHeader_bkg.png);
    height:180px;
    margin: 15px 0 10px 0;    
    }
    
.catalogNavigation .leftColumn {
      float:left;
      width:200px;
      position:relative;
    }
    
.catalogNavigation .rightColumn {
      margin-left:205px;
      padding: 3px 10px 5px 0;
    }


.catalogNavigation .nonCatalogCategories, .catalogNavigation .categoryTitle {
    margin: 0 3px 10px 3px;
    font-weight:bold;
    text-decoration:none;
    font-family: Georgia, Verdana, Arial;
    font-style:italic;
    font-size: 1.8em !important; 
    }

.catalogNavigation .brandLogoContainer{
	float:left;
	}

.catalogNavigation .brandLogo{
    background:#fff !important;
    padding: 7px !important;
    margin-left: 10px !important;
    -moz-border-radius: 5px !important; 
    -webkit-border-radius: 5px !important;
    width:auto !important;
    height:auto !important;    
    }
    

.categoryContainer {
    padding-top: 10px;
}
           
.categoryContainer ul{
text-transform:uppercase;
list-style-type:none;
width:18%;
float: left;
}

.categoryContainer ul li {   
padding: 1px 5px;
}

.categoryContainer:hover ul a.isActive {   
text-decoration: none;
-moz-border-radius: 5px; 
-webkit-border-radius: 5px;
text-align:center;
}

.categoryContainer ul a{
text-decoration: none;
font-weight:bold;
padding: 2px 3px;
display:block;
}

.categoryContainer a:hover, .categoryContainer a.isActive{
-moz-border-radius: 5px; 
-webkit-border-radius: 5px;
text-align:center;
}   


/* Default Navigation Colors */
.catalogNavigation.default {    
    color:#fff;
}
.catalogNavigation.default .nonCatalogCategories a{    
    color:#fff;
    text-decoration:none;
}
.catalogNavigation.default .nonCatalogCategories a:hover {    
    color:#649cbf;
}

.catalogNavigation.default .categoryContainer ul{
border-right: dotted 1px #fff;
}

.catalogNavigation.default .categoryContainer ul a{
color: #d8e7ef;
}

.catalogNavigation.default .categoryContainer ul a:hover, .catalogNavigation.default .categoryContainer ul a.isActive{
color: #fff;
background:#30617F;
}

.catalogNavigation.default .categoryContainer:hover ul a.isActive {   
color: #c1d7e5;
background:#649CBF;
}


/* Catalog Table Design */

.catalogContainerHeader {	
	margin-bottom:5px;
    }

.productList .td {
	width:105px;
	text-align:center;
	margin-bottom:5px;
    }


/* Catalog Layout  */

.productList .td .image{
    padding: 2px;
    border: solid 1px #F3F3F3;    
	display:block;
    background: url(images/spinner.gif) no-repeat center center;
	margin-bottom:3px;
    line-height:0;
    }

.productList .td .image:hover {
	border: solid 1px #B43131;
}

.productList .td .title{
	color:#30617F !important;
	font-weight:bold;
	text-decoration:none;
	display:block;
	font-size: 1em;
    }

.productList .td a.title:hover{
	text-decoration:underline;	
}

.productList .td .price{
    display: block;
    color:#525252;
    font-size: .9em;
    }



/* Bread Crumb Design */

.catalogContainerHeader {
    background:#D1D3D4;
    margin: 3px 0 10px 0;
} 

.catalogContainerHeader .pageInfo {
	padding: 1px 5px;
	color: #666; 
	text-transform:lowercase;
}


.catalogContainerHeader .catalogBreadCrumb li {
    float: left;
    background: url(images/bc_separator.png) no-repeat right 50%;
    list-style-type:none;        
}
.catalogContainerHeader .catalogBreadCrumb a {
    color: #525252; 
    text-transform:uppercase;
    display:block;    
    font-weight:bold;
    padding: 2px 10px 2px 6px;
    text-decoration: none;
    font-size: 0.9em;
}

.catalogContainerHeader .catalogBreadCrumb li:last-child {
    background: none;
}

.catalogContainerHeader .catalogBreadCrumb a:hover {   
    color:#b43131;
}

.catalogPageInfo{
    color:#525252;
    text-transform:lowercase;    
    padding: 4px;
    position:absolute;
    right:5px;
    top:0;        
    }
    
.catalogContainerFooter {
    -moz-border-radius: 3px; 
    -webkit-border-radius: 3px;
    background:#D1D3D4;
    margin: 10px 0 3px 0;        
    height:25px;
    position:relative;
    padding: 0 4px;

} 
	
/* Random Product    */    

.catalogNavigation .slideFooter {
    margin-left:25px;
    width:140px;
    }
    
.catalogNavigation .slideFooter .controlsContainer{      
      width:40px;
      float:left;
}
    
.catalogNavigation .slideFooter .priceContainer{
    margin-left:50px;
    color:#751717;
    text-align:right;
}  

.randomProductContainer{
      background: url(images/header-photo-frame.png);
      width:190px;
      height:200px;
      position:absolute;
      left:5px;
      top:-10px;
    }
    
.randomProductContainer .randomProductImage{
      width:140px;
      height:150px;
      margin: 13px 10px 3px 25px;
      border: solid 1px #9D9D9D !important;
      display:block;
      background: no-repeat 0 -50px;
    }
.randomProductContainer .randomProductImage:hover {
      border: solid 1px #751717 !important;
    }


/*  */         
.brandContainer{
	margin: 10px 0;
	}

.brandContainer p {
	padding: 3px 0;
	}
	
.brandContainer li {
	float:left;
	list-style-type:none;
	padding:7px;
	height:40px;
	}
	
/* Price Filter */
.priceFilterContainer .priceFilterString {
	font-weight:bold;
	color:#30617f;
	}
.priceFilterContainer.active .priceFilterString {
	color:#b43131;
	}	

.priceFilterContainer.active .ui-slider { 	border-color:#b43131; } 
.priceFilterContainer.active .ui-slider .ui-slider-handle { border-color:#b43131; background:#e58b8b; }
.priceFilterContainer.active .ui-slider .ui-slider-handle.ui-state-hover { border-color:#b43131; background:#e58b8b; }
.priceFilterContainer.active .ui-slider .ui-slider-handle.ui-state-active { border-color:#b43131; background:#fff; }

.priceFilterContainer.active .ui-slider .ui-slider-range { background: #d8e7ef url(images/ui-bg_diagonals-thick_100_fae6e6_40x40.png) 50% 50% repeat; }

/* Size Filter */	
	
.sizeFilterContainer .tr { margin:5px; }
.sizeFilterContainer select { width:100%; }
.sizeFilterContainer select.active  {
	border: solid 1px #751717;
	font-weight:bold;
	color:#b43131;
	}

.sizeFilterContainer .showMore	 {
	display:block;
	margin:5px;
	text-transform:lowercase;
	}