/*
Used by both OTS and bespoke sites



OTS sites
==========
Should only used on OTS sites for stuff which is GLOBAL to all catalogue_list layouts

OTS specific CSS *** must *** go in css/OTS_CatalogueListLayouts


Bespoke sites
==============
This is where you put your CSS for catalogue_list.php (the view product/item page)
*/




/*
====================
JQUERY UI [ START ]
====================
*/
.rangeSlider {
	margin:10px auto 0;
	padding-bottom:12px;
	position:relative;
	width:80%;
	max-width:200px;
}

.rangeSlider label {
	display:block;
	font-size:12px;
	font-weight:700;
	margin-bottom:15px;
	margin-left:-10px;
}

.rangeSlider .min {
	float:left;
	font-size:12px;
	margin:17px 0 0 -9px;
}

.rangeSlider .max {
	float:right;
	font-size:12px;
	margin:17px -11px 0 0;
}

.ui-widget-content {

}

.ui-slider-horizontal {
	height:2px;
}

.ui-slider {
	position: relative;
	text-align: left;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {

}

.ui-slider-horizontal .ui-slider-handle {
	top:-.6em;
	margin-left:-.3em;
}

.ui-slider .ui-slider-handle {
	cursor:pointer;
	height:22px;
	outline:none;
	position:absolute;
	width:7px;
	z-index: 2;
}

.ui-slider-horizontal .ui-slider-range {
	top:0;
	height:100%;
}

.ui-slider .ui-slider-range {
	display:block;
	position:absolute;
	z-index:1;
}

.ui-dialog-content a:link
{
	color: #000000;
}

.ui-dialog-content a:hover
{
	color: #000000;
}
/*
=====================
JQUERY UI [ FINISH ]
=====================
*/

.b{
	cursor:pointer;
}