/* !!! ======= Category List Pages Styling ========== !!! */

/* Parent Class: ws-catlst, category list */
.ws-catlst-panel {}
.ws-catlst {}
.ws-catlst-w-chldn {}

.ws-body-nocontent .ws-store .ws-catlst-panel .ws-panel-hd {
	white-space: nowrap; text-transform: uppercase; font-size: 20px; padding: 5px 5px 0 10px;
}

.ws-viewswch {
	width: 100%; overflow: hidden; margin: 0 0 1.5em 0;
}

.ws-viewswch ul {
	list-style: none; display: block;	
}

.ws-viewswch li {
	list-style: none; padding: 0 10px; float: left;	
}

.ws-viewswch-catlst {}

.ws-viewswch  .ws-lnk-lst {
	padding-left: 0;
	
	border-right: 1px solid #666; 
}

.ws-viewswch  .ws-lnk-glry {}

.ws-viewswch .ws-active a,
.ws-viewswch .ws-active a:link,
.ws-viewswch .ws-active a:visited,
.ws-viewswch .ws-active a:hover,
.ws-viewswch .ws-active a:active {
	font-weight: bold; text-decoration: none; cursor: default;
	
	color: #000; 	
}

.ws-catlst-hd {
	padding: 0 5px; margin: 0 0 10px 0;
	
	color: #000; 
}

.ws-catlst-hd a,
.ws-catlst-hd a:link,
.ws-catlst-hd a:visited {
	color: #000;
}

.ws-catlst-hd a:hover,
.ws-catlst-hd a:active {
	color: #898989;
}

.ws-catlst .ws-lst {
	width: 100%; overflow: hidden; margin: 0 0 1em 0; padding: 0; 
}

.ws-catlst .ws-lst ul {
	margin: 0; padding: 0; list-style: none; float: left; width: 33%;
}

.ws-catlst .ws-lst li {
	padding: 0 1.5em 0.5em 0;
}

.ws-catlst .ws-colsnum-1 ul {
	width: 100%; float: none;
}

.ws-catlst .ws-colsnum-2 ul {
	width: 49%;
}

.ws-catlst .ws-colsnum-3 ul {
	width: 33%;
}


.ws-catlst .ws-boxes {
	width: 100%; overflow: hidden; margin-bottom: 10px;
}

.ws-catlst .ws-box {
	position: relative; top: 2px; float: left; width: 24.9%; height: 225px; overflow: hidden;
 	
 	border-bottom: 2px solid #e5e5e5;
}

.ws-catlst-w-chldn .ws-box {
	width: 100%; float: none; height: auto; overflow: hidden; 
	padding: 0; margin: 0; position: relative; 
	
	background: #FFF url(../../common/assets/case_common/icon_back.png) no-repeat right center;
	border-top: 2px solid #d8d8d8; border-bottom-width: 0;
}

.ws-catlst .ws-box-img {
	width: 100%; height: 161px; position: relative; overflow: hidden; text-align: center;
}


.ws-catlst-w-chldn .ws-box-img {
	display: none;	
}

.ws-catlst .ws-box-img a {
	width: 94%; height: 160px; min-height: 160px; line-height: 160px; text-align: center; margin: 0 auto; display: block; position: relative; overflow: hidden;  
	
	border-bottom: 1px solid #ebebeb;
}

*:first-child+html .ws-catlst .ws-box-img a {
	font-size: 160px;
}
 
 * html .ws-catlst .ws-box-img a {
 	font-size: 160px;
}

.ws-catlst .ws-box-img img {
	display: block; position: absolute; bottom: 0; top: 0; left: 0; right: 0; margin: auto;
}

*:first-child+html .ws-catlst .ws-box-img img {
	display: inline; vertical-align: middle; position: static; margin: -8px 0 0 0;
}

* html .ws-catlst .ws-box-img img {
	display: inline; vertical-align: middle; position: static; margin: -8px 0 0 0;
}

.ws-catlst .ws-box-cont {
	padding: 5px 10px; height: 65px; 
}

.ws-catlst-w-chldn .ws-box-cont {
	width: auto; margin: 0; padding: 20px 160px 20px 20px;  height: auto;
}

.ws-catlst .ws-box-hd {
	font-weight: normal; font-size: 11px; text-align: center;
}

.ws-catlst-w-chldn .ws-box-hd {
	text-align: left;	
}

.ws-catlst-w-chldn .ws-box-hd .ws-icon {
	background-repeat: no-repeat; background-position: center center; position: absolute; width: 65px; height: 100%; top: 0; right: 35px;	
}

* html .ws-catlst-w-chldn .ws-box-hd .ws-icon {
	height: 65px; top: 5px;
}

.ws-catlst-w-chldn .ws-box-hd {
	font-size: 14px; margin-bottom: 10px;	
}

.ws-catlst-w-chldn .ws-box-hd a,
.ws-catlst-w-chldn .ws-box-hd a:link,
.ws-catlst-w-chldn .ws-box-hd a:visited {
	color: #000;
}

.ws-catlst-w-chldn .ws-box-hd a:hover,
.ws-catlst-w-chldn .ws-box-hd a:active {
	color: #898989;
}

.ws-catlst .ws-box-desc {
	display: none;
}

.ws-catlst-w-chldn .ws-box-desc {
	display: block;	
}

.ws-catlst-w-chldn .ws-box-desc .ws-desc {
	display: none;
}


/* welcome screen */
.ws-welc .ws-catlst-panel {
	float: left; width: 160px; position: relative; top: -40px; margin-bottom: -30px;
}

.ws-welc .ws-catlst-panel .ws-panel-hd {
	font-size: 12px; text-transform: uppercase; padding: 0 0 5px 10px; margin: 0; text-align: left;
	
	color: #757575; 
}

.ws-welc .ws-catlst .ws-boxes {
	margin-bottom: 0;
}

.ws-welc .ws-catlst-panel .ws-box-img {
	display: none;	
}

.ws-welc .ws-catlst-panel .ws-box-desc {
	display: none;
}

.ws-welc .ws-catlst-w-chldn .ws-box-cont {
	padding: 0;
}

.ws-welc .ws-catlst-w-chldn .ws-box {
	background: none; border: none;
}

.ws-welc .ws-catlst-panel .ws-box-hd {
	font-size: 10px; font-weight: normal; padding: 0; position: relative; width: 100%; overflow: hidden; margin: 0; text-align: left;
	
	border-bottom: 1px solid #ececec; 
}

.ws-welc .ws-catlst-panel .ws-box-hd a {
	display: block; float: left; padding: 8px 10px 8px 25px;
	
	background: transparent url(../../common/assets/case_common/cat_back_arrow.gif) no-repeat center right; 	
}

.ws-welc .ws-catlst-panel .ws-icon {
	width: 20px; height: 20px; display: block; background-repeat: no-repeat; position: absolute; left: 0; top: 3px;
}

.ws-welc .ws-catlst-panel .ws-more {
	font-size: 11px; font-weight: normal; padding: 0; position: relative; width: 100%; overflow: hidden; margin: 0; text-align: left;
	
	border-bottom: 1px solid #ececec; border-top: 1px solid #ececec;
}

.ws-welc .ws-catlst-panel .ws-more a {
	display: block; float: left; padding: 10px 10px 10px 8px;
	
	background: transparent url(../../common/assets/case_common/cat_back_arrow.gif) no-repeat center right; 	
}

.ws-trgt-home-replacement .ws-welc .ws-catlst-panel {
	display: none;
}
/* END Parent Class: ws-catlst */