﻿.category_header
{
    white-space:nowrap;
    padding:5px;
}

.category_header h3	{
	border:none;
	color : #106580;
	font-size:18px;
	font-weight:bold;
}

#contents {
	clear : both;
	margin : 0px;
}

#categoryWrapper { width:auto;overflow:hidden;position:relative; }
#categoryWrapper .categoryContainer				{ float:left; width:20%; margin:0; min-height:350px; }
#categoryProductWrapper	{ width:auto; }


#categoryProductWrapper:after,.subSectionTag:after { clear: both; }

.paddingDiv {
    padding-top: 10px;
    margin: 10px;
}

.sub_header
{
	background-color:#efefef;
    color:#106580;
    font-size:16;
    font-weight:bold;
    padding:5px;
}

.sub_header_sm
{
    font-weight:normal;
}

.imagecontainerdiv {  position: relative; } 
.detailsimage { position: absolute; bottom:3px; right:20px; } 
.cornerimage  
{
    position: absolute; 
    top: 0px; left: 10px; 
    opacity:0.9;filter:alpha(opacity=90); 
}
.cornerimage2
{
    position: absolute; 
    top: 0px; left: 10px; 
    opacity:0.9;filter:alpha(opacity=90); 
}

.product_container 
{ 
  float:left;position: relative;width:181px;border:solid 1px #c0c0c0;padding: 10px 0 0 0;margin: 10px 0 10px 10px; text-align:center;min-height:365px;
} 
.min400 { min-height:525px; }
.min100 { min-height:125px }

.product_showcase {
    border: solid 1px #c0c0c0;
    padding: 10px;
    min-height: 123px;
    overflow: auto;
}
.pro_showcase_img {
    float: left;
    width: 160px;
}
.pro_showcase_details {
    float: left;
    width: auto;
    padding: 0 10px 0 10px;
}
.pro_showcase_keys {
    float: left;
    width: 250px;
    border-left: solid 1px #C0C0C0;
    padding: 0 10px 0 10px;
}

.detailscontainer {
        position: absolute;
        width: 182px;
        height: 325px;
        top: 0;
        left: -1px;
        background-color: #fff;
        border: 1px solid #ccc;
    }

.detailsdiv{padding:5px;background-color:#fff;} 
.detailsclose{padding:3px;height:18px;background-color:#efefef;color:#fff;}

A.headerLink:Link { text-decoration:none;color:#503c33;}
A.headerLink:Visited {text-decoration:none;color:#503c33;}
A.headerLink:Hover {text-decoration:none;color:#999;}

#ProductLink	{ margin-bottom:10px;min-height:57px;	}
A.productLink:Link { text-decoration:none;color:#10657F;font-size:15px !important;}
A.productLink:Visited {text-decoration: none;color: #10657F;font-size: 15px !important;}
A.productLink:Hover {text-decoration:underline;color:#10657F;font-size:15px !important;}
#ProductLink a						{ color: #10657F; text-decoration:none;font-size:15px !important; }
#ProductLink a:hover				{ color: #10657F; text-decoration:none;font-size:15px !important; }
#ProductLink a:visited				{ color: #10657F; text-decoration:none;font-size:15px !important; }
#ProductLink span {font-size:15px;}

.price {color:#8BA32C;font-weight:bold;font-size:15px;} 
.priceGrey{	color:#7F7F7F;font-size:15px;}
.priceRed{	color:#ff0000;font-size:15px;}
.saleprice
{
	color:#FF6600;
	font-weight:bold;
	font-size:15px;
}

#descriptionIntroDiv			{ margin-bottom:25px; }

#categorySort {float:right;}



@media only screen and (max-width : 925px) 
{
	#categoryWrapper .categoryContainer	{ width:30%; }
}

@media only screen and (max-width : 850px) {
    #categoryWrapper .categoryContainer, .product_container	{ width:31%; text-align:center; }
    .paddingDiv table	{ width:93%; text-align:center; }
    .imagecontainerdiv .imageBorder{width:90%;height:auto;}
    .product_container {min-height:440px;}    
}

@media only screen and (max-width : 650px) 
{
	#compareTable { display:none; }
}

@media only screen and (max-width : 600px) 
{
	#categoryWrapper .categoryContainer	{ width:50%; }
    .pro_showcase_img,
    .pro_showcase_details,
    .pro_showcase_keys {
        width:100%;
    }
    #categoryWrapper .categoryContainer, .product_container	{ width:46%; text-align:center; } 
    .product_container {min-height:475px;}
}

@media only screen and (max-width : 405px) 
{
	#categoryWrapper .categoryContainer, .product_container	{ width:93%; text-align:center; }
	 
}
