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

/* Parent Class: categorylist, tab button group.  See also styles_main.css 'citCartWelcome' */
div.categorylist {
	width: 100%; overflow: hidden; margin: 0 0 2px 0; position: relative;
}

div.categorylist div.viewSwitcher {
	width: 200px; padding:0; 
	position: absolute; left: -9999em; top: -9999em;
}

div.categorylist div.viewSwitcher ul {
	list-style: none; display: block;
}

div.categorylist div.viewSwitcher li {
	list-style: none; padding: 0 10px; float: left;	
}

div.categorylist div.viewSwitcher li.list {
	border-right: 1px solid #666;	
}

div.categorylist div.viewSwitcher li.selected a,
div.categorylist div.viewSwitcher li.selected a:link,
div.categorylist div.viewSwitcher li.selected a:visited,
div.categorylist div.viewSwitcher li.selected a:hover,
div.categorylist div.viewSwitcher li.selected a:active {
	color: #000; font-weight: bold; text-decoration: none; cursor: default;	
}

div.categorylist div.itemBox {
	width: 184px; height: 260px; overflow: hidden; position: relative; left: -2px; bottom: -2px;
	float: left; border: 1px solid #dfdfdf; border-width: 0 0 1px 1px; text-align: left;
	
}

div.categorylist div.boxImage {
	margin: 0; padding: 0; 
}

div.categorylist div.boxImage a {
	width: 100%; height: 130px; min-height: 130px; line-height: 130px; 
	display: block; text-align: center; position: relative;	overflow: hidden;
}

*:first-child+html div.categorylist div.boxImage a {
 	font-size: 130px;
}

* html div.categorylist div.boxImage a {
	font-size: 130px;	
}

div.categorylist div.boxImage img {
	display: block; position: absolute; bottom: 0; top: 0; left: 0; right: 0; margin: auto; 
}

*:first-child+html div.categorylist div.boxImage img {
 	display: inline; vertical-align: middle; position: static; margin: -10px 0 0 0;
}
 
 * html div.categorylist div.boxImage img {
 	display: inline; vertical-align: middle; position: static; margin: -10px 0 0 0;
}

div.categorylist div.boxDetail {
	text-align: left; line-height: 1.3em; padding: 0 10px; font-size: 0.95em;
}

div.categorylist div.boxDescription * {}

div.categorylist div.boxDescription p {
	display: block;
}

div.categorylist h4.boxTitle {
	font-weight: bold; font-size: 1.1em; padding: 2px 0 0.25em; margin: 0; display: block;
}

div.categorylist ul {}

div.categorylist h4.boxTitle a {
	padding-right: 10px; background: transparent url(../assets/back_link_arrow.gif) no-repeat 100% 60%;
}

div.categorylist a, 
div.categorylist a:link, 
div.categorylist a:visited,
div.categorylist a:hover, 
div.categorylist a:visited {
	color: #a81a20;
}

div.citCartWelcome div.categorylist {}


div.categorylist table {
	width: 100%;
}

div.categorylist th,
div.categorylist td {}

div.categorylist tr.oddRow td {}

div.categorylist td.qty {}

div.categorylist td.qty input {}


div.categorylist th {}

div.categorylist th.image,
div.categorylist td.image {}

div.categorylist table img {}

div.categorylist table h4 {}

div.categorylist table p {}

div.categorylist div.simpleList {
	width: 100%; overflow: hidden; padding: 10px 0; font-size: 1.1em;
}

div.categorylist div.simpleList ul {
	float: left; width: 99.9%; display: block;
	list-style: none; margin: 0; padding: 0;
}

div.categorylist div.simpleList li {
	padding: 0.2em 0.5em 0.5em;
}

div.categorylist div.simpleList li a {
	font-weight: bold;
}

div.categorylist div.simpleList div.column-2 ul {
	width: 49.9%; 
}

div.categorylist div.simpleList div.column-3 ul {
	width: 33.3%;	
}

div.categorylist div.simpleList div.column-4 ul {
	width: 24.9%;	
}
/* END Parent Class: categorylist */