/* ---------------------------------------------------------------------
Original Author: Matt Tonak
Contributors: 

Target Browsers: IE6, IE7, IE8, Firefox3, Safari 4
Media Type: screen

CSS Coding Standards Documentation: http://wiki.bravo/index.php/CSS_Coding_Standards 
------------------------------------------------------------------------ */

/* ---------------------------------------------------------------------
General Stlyes
------------------------------------------------------------------------ */

#floor_tool {
	font-family: Arial, Helvetica, sans-serif;
	width: 592px;
	margin: 0 auto;
	/*background-color: #ebe2c6;   messed it up!!! */ 
	position: relative;
	overflow: hidden; /* clearing floats */
	font-size: 13px;
}

#floor_tool a {
	color: #4C913F;
}

#floor_tool_column_left {	
	float: left;
	width: 164px;
}

#floor_tool_column_right {	
	float: left;
	width: 399px;
}

#floor_tool_title {
	width: 397px;
	height: 60px;
	background-image: url(../img/choose-your-floor.png);
	text-indent: -9999px;
	overflow: hidden;
	border-left: 1px solid #3b210d;
	border-right: 1px solid #3b210d;
	border-bottom: 1px solid #3b210d;
	margin: 0 0 0 164px;
}

#floor_tool .floor_tool_column {
	float: left;
}

/* ---------------------------------------------------------------------
Filters
------------------------------------------------------------------------ */

#floor_tool #filters {
	width: 164px;
	margin-top: -4px;
}

#floor_tool #filters ul {
	margin: 0;
	list-style-type: none;
	padding-left: 29px;
}

#floor_tool #filters ul ul {
	padding-left: 0;
}

#floor_tool #filters .filter_category /* lte-ie7.css */ {
	background-image: url(../img/filter-divider.png);
	background-repeat: no-repeat;
	background-position: 4px top;
	padding-top: 9px;
	padding-bottom: 9px;
}

#floor_tool #filters .filter_category:first-child {
	background-image: none;
}

#floor_tool #filters .filter_item {
	margin-bottom: -2px;
}

#floor_tool .filter_title {
	font-weight: bold;
	color: #4c913f;
	text-transform: uppercase;
	font-size: 15px;
	padding-left: 5px;
	margin-bottom: 1px;
}

/* ---------------------------------------------------------------------
Thumbnails
------------------------------------------------------------------------ */

#floor_tool_thumbnails /* lte-ie7.css */ {
	background-image: url(../img/thumbs-bg.png);
	background-repeat: repeat-y;
	overflow: auto; /* adds scrolling and clears floats */
	border-left: 1px solid #3b210d;
	padding-left: 5px;
	padding-top: 7px;
	max-height: 321px;
	margin-right: 0px;
}

#floor_tool_thumbnails ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
	overflow: hidden; /* clearing floats */
}

#floor_tool_thumbnails li {
	float: left;
	width: 78px;
	height: 80px;
}

#floor_tool_thumbnails  a {
}

#floor_tool_thumbnails img {
	display: block;
	width: 72px;
	height: 73px;
	border: 2px solid #fff;
	float: left; /* Fixes extra spacing between images in IE6 */
}

#floor_tool_thumbnails .hover {
	border-color: #3b210d;
}

#floor_tool_thumbnails .selected img {
	border-color: #4C913F;
}

/* ---------------------------------------------------------------------
Large Image
------------------------------------------------------------------------ */

#floor_tool_large_images ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

#floor_tool_large_images li {
	float: left; /* removes extra space below li from IE6/7 */
}

#floor_tool_large_images img {
	display: block;
	width: 397px;
	height: 327px;
	border-top: 1px solid #3b210d;
	border-left: 1px solid #3b210d;
	border-right: 1px solid #3b210d;
}