/**************************
Product View Design
**************************/

.productViewContainer {    
}

.productImageGallery{
    float:left;
    width:290px;
    }
        
.productInformation{
    float:left;
    width:420px;
}

.productInformation .productTitle{	
	padding:5px;
	background:#30617F !important;
	text-align:center;
	font-family: Georgia, Verdana, Arial;		
	font-weight:bold;
    font-size: 1.6em;
	color:#fff;
}


.productInformation .priceContainer{	
	padding:5px;
	text-align:right;
	display:block;
	color:#751717;
}

.productInformation .productDescription {
    font-size:1.3em;
    line-height:1.4em;
    float:left;
    width:250px;
}

.productInformation .brandLogo {
    margin: 10px 0 0 0;   
    display:block;
}

.productInformation .helpSystemLauncher {
    width:150px;
    float:left;
    margin: 10px 0 10px 5px;
}

.goToCart{ margin-top:5px !important; }
	
/**************************
Product Image Gallery
**************************/

.productImageLarge {
	border: solid 1px #7B7B7B;
	height:400px;
	width:280px;
	background: url(images/spinner.gif) no-repeat center center;
	background-color: #EBEBEB;
	margin-bottom:3px;
}

.productImageLarge img{	
	height:400px;
	width:280px;
}

.productImageThumb {
	list-style: none;	
}

.productImageThumb li {	
	display:block;
	float:left;
	margin-right: 3px;	
}
.productImageThumb a {
	display:block;
    line-height:0;
    cursor:pointer;    
    padding: 2px !important;
    border: solid 1px #F3F3F3;
}
.productImageThumb a:hover {
	border-color: #B43131;
}


/**************************
Inventory Panel Design
**************************/

.attributeContainer  {
    border-bottom: dotted 1px #ccc;    
    padding: 5px 0;
    margin: 5px 0px 5px 0px;
    }
  
.attributeContainer div.title  {
    font-weight:bold;
    color:#30617F;
    border: none !important;
    background:none !important;
    font-size: 1.4em;
    }
    
.inventoryContainer{

    }

.inventoryContainer ul li {
    float: left;
    list-style-type: none;
    background: #649CBF !important;
    border: solid 1px #649CBF;
    color: #fff;
    padding:3px 7px;
    cursor:pointer;
    margin: 5px 5px 0px 0px;
    text-align:center;
    font-weight:bold;
    font-size: 1.1em;
    }
     
.inventoryContainer li:hover {
    color: #fff !important;
    background: #649CBF 50% 50% repeat-x !important;
    border: solid 1px #B43131;
    }

.inventoryContainer li.selected {
    color: #fff !important;    
    background: #B43131 50% 50% repeat-x !important;
    border: solid 1px #B43131;
    }

.inventoryContainer li.disabled, .inventoryContainer li.disabled:hover, .inventoryContainer li.outOfStock, .inventoryContainer li.outOfStock:hover {
    color: #ccc !important;
    border: dotted 1px #525252 !important;
    background: none !important;
    opacity: .35; 
    filter:Alpha(Opacity=35)
}

 .inventoryContainer ul li.image {        
    padding:3px !important;
    line-height:0;
    cursor:pointer;
    margin: 5px 5px 0px 0px;
    background: none !important;
    border: solid 1px #30617F;
    }

.inventoryContainer ul li.image:hover, .inventoryContainer ul li.image.selected {        
    padding:2px !important;  
    color: #fff !important;    
    background: #B43131 url(images/red_bar.png) 50% 50% repeat-x !important;
    border: solid 2px #B43131;
    }
    
    
.inventoryTip{
    margin-top:5px;
    font-size: 1.1em; 
    }
    
.attributeImageThumb {

}


/**************************
Cateogry TAG Design
**************************/

.categoryTagContainer {
    font-size: 1.1em; 
    background:#d8e7ef;
    padding: 5px;
    margin: 5px 0px 5px 0px;
    color:#649CBF;
    font-weight:bold;
    }
  
.categoryTagContainer .categoryTag {
    color:#30617F;
    text-decoration:none;    
    font-weight:normal;
    }

.categoryTagContainer .categoryTag:hover {
    text-decoration:underline;
    }