/*
@@@@@@@@@@@@@@@@@@@@@@
LIST
@@@@@@@@@@@@@@@@@@@@@@

	about				Lists of all sorts
	
	syntax

*/

	/*///////////////////////////////////////////////////////////////////////////////////////////////////////////
	list
	///////////////////////////////////////////////////////////////////////////////////////////////////////////*/
		
		[class^="list"]{}
		[class^="list"]:after{visibility: hidden; display: block;font-size: 0;content: " ";clear: both;height: 0;}

	/*///////////////////////////////////////////////////////////////////////////////////////////////////////////
	list
	///////////////////////////////////////////////////////////////////////////////////////////////////////////*/


		/*+ list
		..........................................................................*/

			.list{overflow:hidden; }
			.list li{}
			.list li a:hover{}
			
			.list.extraPadding{margin:0px 0px -2px 0px; }
			.list.extraPadding li{padding:2px 0px 2px 0px; }
			
			.list.columns li{width:50%; float:left;}

			.list.columns.lines{padding-bottom:1px; margin-top:3px; margin-bottom:5px;}
			.list.columns.lines li{padding:3px 0px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border-top:1px solid #c9c9c9; border-bottom:1px solid #c9c9c9; margin-bottom:-1px;}
			.list.columns.lines li:nth-child(odd){width:47%;}
			.list.columns.lines li:nth-child(even){width:47%; float:right;}
		
		/*+ listDate
		..........................................................................*/

			.listDate{}
			.listDate li time{display:inline-block; width:35px; }
			
		/*+ listBreadCrumb
		..........................................................................*/

			.listBreadCrumb{margin:-40px 0px 10px 0px; }
			.listBreadCrumb li{display:inline-block; }
			.listBreadCrumb li a{color:#9b8a7b; }
			.listBreadCrumb li a:after{content:">"; padding:0px 0px 0px 5px; }
			.listBreadCrumb li:last-child a:after{content:""; }
			
		/*+ listProducts
		..........................................................................*/

			.listProducts{margin:0px -30px -30px 0px; }
			.listProducts li{width:150px; float:left; margin:0px 30px 30px 0px; }
			
		/*+ listColors
		..........................................................................*/

			.listColors{margin-top:5px;}
			.listColors li{float:left; margin:0px 10px 0px 0px; }
			.listColors li a{width:50px; height:50px; display:block; text-indent:-4000px; overflow:hidden; -moz-border-radius-bottomright:10px; -webkit-border-bottom-right-radius:10px; border-bottom-right-radius:10px; }
			.listColors li a.border{border:1px solid #000; width:48px; height:48px;  }