﻿/* --- two column --- */

/* Modifications needed to change this page as per our products design 
1. div.EktronProductListWrapper div.products - remove the border and background property
2. div.EktronProductListWrapper div.products .EktronProductListFiltering - add display:none property
3. div.EktronProductListWrapper - needs to be changed as per our layout
4. div.EktronProductListWrapper div.products ul.productList li - 
5. div.EktronProductListWrapper div.products ul.productList li span.productImage
6. div.EktronProductListWrapper div.products ul.productList li ul.prices li.priceOld
7. div.EktronProductListWrapper div.products ul.productList li img.fullImage 
8. div.EktronProductListWrapper div.products ul.productList li span.productName
9. div.EktronProductListWrapper div.products ul.productList li ul.prices li.priceCurrent

*/

.InnerUI
{
    /*height:210px;*/
	/*width:184px;*/
	width:741px;
	float:left;
	/*position:relative;
    border-left: 1px solid #ddddcd;
    border-right: 1px solid #ddddcd;
	border-bottom: 1px solid #ddddcd;*/
}

div.EktronProductListWrapper 
{
    float:left;
/*	margin-left:22px;*/
	font-weight:bold;
/*	border-right:solid 1px #dddcdc;		*/	
	width:741px;
    /*width:60em;
    padding-bottom:.75em;
    margin:0 auto 1em auto;
    font-family:Arial, Helvetica, Tahoma, Verdana, sans-serif;*/
    }

div.EktronProductListWrapper .clearfix:after {content:" ";display:block;height:0;clear:both;visibility:hidden;}
div.EktronProductListWrapper .clearfix {display:inline-block;}

div.EktronProductListWrapper h3 {margin:0 0 1em 0;padding:10px 0px 20px 58px;border-bottom:1px dotted silver;background-image:url('../../images/application/Commerce/productLarge.gif');line-height:35px;background-position:0px 5px;background-repeat:no-repeat;text-align:left;font-weight:bold;font-size:1.5em;}

div.EktronProductListWrapper div.products 
{
    list-style-type:none;
	/*margin-left:20px;*/
	/*border:1px solid silver;
    background-image:url('../../images/application/Commerce/background.gif');background-repeat:repeat;background-position:0px 0px;*/
}

div.EktronProductListWrapper div.products ul.productList {list-style:none;margin:0;padding:0;/*position:relative;margin:0;padding:1em 1em 0em 0em;*/}
div.EktronProductListWrapper div.products ul.productList li 
{
    /*height:210px;*/
    width:184px;
	float:left;
	/*position:relative;*/
    border-left: 1px solid #ddddcd;
    border-right: 1px solid #ddddcd;
    border-top: 1px solid #ddddcd;
    cursor:pointer;
    margin-top:-1px;
    margin-right:-1px;
    /*margin-bottom:-1px;*/
    bottom:-1px;
    /*float:left;*/
    /*width:26.25em;*/    
    /*display:block;*/
    /*margin:0em 0em 1em 1em;*/
    /*padding:1em;*/
    /*background-color:white;*/
    /*border:1px solid silver;*/
}
div.EktronProductListWrapper div.products ul.productList li .productBoxAlign
{
	position:relative;
}
div.EktronProductListWrapper div.products ul.productList li.hover,
div.EktronProductListWrapper div.products ul.productList li.hover li 
{/*background-color:#dff4ff;cursor:pointer*/}

div.EktronProductListWrapper div.products ul.productList li span.productImage 
{
    /*float:left;
    width:6em;
    height:6em;
    background-color:white;
    background-image:url('../../images/application/Commerce/productImageBackground.gif');
    background-repeat:no-repeat;
    background-position:center center;*/
    overflow:hidden;
    display:block;
    width:182px;
    height:209px;
    text-align:center;
    /*margin:0 1em 0 0;
    border:1px solid silver;*/
}
div.EktronProductListWrapper div.products ul.productList li span.productImage img 
{
    /*height:209px;
    width:182px;
    position:relative;
    display:none;*/
}

div.EktronProductListWrapper div.products ul.productList li img.fullImage 
{
    position:fixed;
    z-index:9999;
    border:1px solid silver;
    background-color:white;
    padding:.25em;
    margin:0;
display:none;
}

div.EktronProductListWrapper div.products ul.productList li span.productName 
{
    /*color:#666;
	text-decoration:underline;
	cursor:pointer;
    width:12em;
    float:left;
    margin:0;
    padding:0;
    
	bottom:0;
	left:0;
	
	height:75px;*/
	top:-78px;
	position:absolute;
	width:150px;
	display:block;
	padding-left:20px;
}

div.EktronProductListWrapper div.products ul.productList li ul.prices 
{
    /*width:6em;float:right;*/display:block;margin:0;padding:0;list-style:none;text-align:left;background:#cccccc;
}
div.EktronProductListWrapper div.products ul.productList li ul.prices li {float:none;border:none;margin:0;padding:0;width:auto;}

div.EktronProductListWrapper div.products ul.productList li ul.prices li a {font-weight:normal;text-decoration:none;display:inline;}
div.EktronProductListWrapper div.products ul.productList li ul.prices li a:hover {font-weight:normal;text-decoration:underline;}
div.EktronProductListWrapper div.products ul.productList li ul.prices li.priceOld 
{
    text-decoration:line-through;
    color:#9e9e9e;
    display:none;
    }
div.EktronProductListWrapper div.products ul.productList li ul.prices li.priceCurrent 
{
    color:#5c7f62;
	font-weight:bold;
    margin-top:6px;
	position:absolute;
	/*bottom:0;
	left:0;
	top:155px;*/
	width:165px;
	height:30px;
	padding-left:20px;
	border-bottom: 1px solid #ddddcd;
	margin-bottom:1px;
}

div.EktronProductListWrapper div.products .EktronProductListPaging{position:absolute; top:-60px;right:0px;}
div.EktronProductListWrapper div.products .EktronProductListPaging .EktronProductListPageLink{margin-left: 0.5em; color: Blue;}
div.EktronProductListWrapper div.products .EktronProductListPaging .EktronProductListPageLink_Selected
{
	margin-left: 0.5em; color: #BDB262; font-weight: normal;}
#products_table a.EktronProductListPageLink_Selected{color: #BDB262; font-weight: bold;text-decoration:underline;}

div.EktronProductListWrapper div.products .EktronProductListFiltering{display:none; /*border-bottom: 1px solid silver;*/ background-color: White; padding: 0.3em;}
