/* ##################################### */
/* STYLES SPECIFIC TO OSB CATINFO PAGES */
/* ##################################### */

@import 'lightbox.css'; /* Styles associated with lightbox plugin */

/* Arranged alphabetically by tag, then by class/id name where applicable, then class/id of parent elements */

/* <a> */
div#subcategory_list div.list_item a {
	background-color: #5B5B5B;
	color: #FFF;
	display: block;
	margin: 0;
}
div#subcategory_list div.list_item a:hover {
	background-color: #3A8ADE;
	text-decoration: none;
}

/* <div> */
div#range_list div.list_item {
	height: 1%;
	overflow: auto;
	margin: 0 0 18px 0; 
}
div.range_options {
	float: right;
	overflow: auto;
	width: 360px;
}
div#range_list.brackets div.range_options {
	width: 400px;
}
div#subcategory_list {
	margin: 1em 0 6px -6px;
	overflow: auto;
}
div#subcategory_list div.list_item {
	float: left;
	height: 155px;
	margin: 0 0 6px 6px;
	overflow: hidden;
	padding: 0;
	width: 188px;
}

div#subcategory_list div.list_item img {
	width: 188px;
	height: 110px;
}
	
div.range_image {
	background: #939393;
	float: left;
	overflow: hidden;
	text-align: center;
	width: 188px;
	height: 110px;
}
div.range_image img {
	width: 188px;
	height: 110px;
}

div.range_image.noheight, div.range_image.noheight img {
	height: auto !important;
}

div#range_list.brackets div.range_image {
	width: 160px;
}

/* <h3> */
h2.expand, h2.collapse {
	background: url(../images/expand.gif) no-repeat 8.7em 4px;
	cursor: pointer;
}
h2.collapse {
	background-image: url(../images/collapse.gif);
}
div.range_options h3 {
	font-size: 140%;
	font-weight: normal;
	margin: 0 0 4px 0;
}

/* <span> */
span.cat_name {
	display: block;
	margin: 0;
	padding: 8px 12px;
	height: 28px;
}

/* <ul> & <li> */
div.range_options ul {
	border-top: 1px solid #CBC9C2;
	list-style: none;
	margin: 0;
	padding: 0;
}
div.range_options ul li {
	border-bottom: 1px solid #CBC9C2;
	margin: 0;
	padding: 3px 0 4px 0;
}

/* Copyright (c) Studio 2 Online Ltd. */