/*============================================================

		CSS for Genie Search
		by Toby Vervaart
		for Consultants in Design
		info@consultantsindesign.co.uk
		www.consultantsindesign.co.uk

============================================================*/

/*============================================================

		GLOBALS

============================================================*/

* {
	margin: 0;
	padding: 0;
}

div.catalogueResult ul { list-style:none; font-size:.9em; }


/*============================================================

		STRUCTURE

============================================================*/

div#g_wrapper {
	width: 100%;
	margin:0;
}


div.g_inner {
	width: 100%;
	margin: 0 auto;
}

/* Progress Bar
------------------------------------------------------------*/

div#g_searchProgress {
	margin: 50px 0 0 0;
	padding: 50px 0 0 0;
	border:1px #000000 solid;
}

/* Advanced Search
------------------------------------------------------------*/

div#g_advancedWrap {
	background: #da251d;
	width: 180px;
	float: left;
	padding: 0 14px;
	_margin: 0;
	_padding: 0;
	color: #ffffff;
}


fieldset#g_advancedSearch {
border:0;
}

fieldset#g_advancedSearch label {
	display: block;
}

fieldset#g_advancedSearch input, fieldset#advancedSearch select {
	width: 170px;
}

fieldset#g_advancedSearch input.submit {
	width: auto;
}

fieldset#g_advancedSearch p {
	margin: 0;
	font-size: .9em;
	color:#ffffff;
}

/* Content
------------------------------------------------------------*/

div#g_content {
	_height: 1%;
	overflow: hidden;
	margin: 0 0 15px 0;
}

div#searchprogress {
/*	float: left;*/
}

div#searchresults {
	width: 100%;
	height: auto;
	float: left;
}

/* Results
------------------------------------------------------------*/

div.catalogueResult {
	width: 90px;
	height: 260px;
	padding: 5px;
	float: left;
	margin: 0 0 8px 8px;
	_margin: 0 0 0 2px;
	border:1px #f0f0f0 solid;
}

div.catalogueResult:hover {
	background: #efefef;
	border:1px #000000 solid;
}

div.catalogueResult ul {
	list-style-type: none;
	margin: 0 0 3px 0;
}

div.catalogueResult h2 {
	font-size: .8em;
	margin: 0 0 3px 0;
}

div.catalogueResult img {
	border: 1px solid #da251d;
}

div.catalogueResultContainer {
	height: 200px;
	vertical-align:baseline;
}

a.viewItem {
	display: block;
	padding: 5px;
	background: #da251d;
	text-align: center;
	color: #ffffff;
	vertical-align:baseline;
}

/* Detailed Result
------------------------------------------------------------*/

div.profileContent {
	width: 100%;
	margin: 0 0 0 10px;
	overflow: auto;
	_height: 1%;
	float: left;
}

div.profileContent h2 {
	font-size: 1.4em;
	font-weight: lighter;
	padding: 10px 0;
/*	border-top: 1px solid #da251d;*/
	border-bottom: 1px solid #da251d;
	margin: 0 0 15px 0;
}

div.profileContent img {
	border: 1px solid #da251d;
	padding: 5px;
}

div.profileContent p {
	font-size: 1em;
	line-height: 18px;
	margin: 0 0 10px 0;
}

div#leftColProduct {
	width: 210px;
	float: left;
	margin: 0 15px 0 0;
}

div#rightColProduct {
	width: 400px;
	_width: 300px;
	float: left;
}

ul.additionalInfo {
/*	border-top: 1px solid #da251d;*/
	padding: 10px 0 0 0;
	margin: 0 0 10px 0;
}

ul.additionalInfo li {
	font-size: .9em;
	padding: 5px 0;
	list-style:none;
}

/* Pagination
------------------------------------------------------------*/

div#searchpagination {
	width: 100%;
	float: right;
}

div#searchpagination a {
	color: #000000;
	font-size: .9em;
}
/*o2i--> */
UL#pagination {
	overflow:auto;
	height:34px;
	font-size:.8em;
	float:left;
}
UL#pagination li {
	display: inline;
	float:left;
}
UL#pagination li.pageNumber {
	padding:3px;
}
UL#pagination li a {
	text-decoration:none;
	border:#da251d 1px solid; padding:2px; margin-right:2px;
	float:left;
	 /*padding-right: 5px; PADDING-LEFT: 5px; DISPLAY: block; */
}
UL#pagination li a:hover {
	background: #da251d; COLOR: #ffffff; TEXT-DECORATION: none
}
UL#pagination li a.selected {
	background: #da251d; COLOR: #ffffff; TEXT-DECORATION: none
}

div#resultperpage
{
	color: #000000;
	font-size: 1em;
	padding-bottom:8px;
	text-align:right;
}
span#totalResult{text-align:left; display:block; float:left; padding-left:15px;}
/*<--o2i*/


/*============================================================

		USEFUL CLASSES
		
============================================================*/

.hidden {
	display: none;
}

.left {
	float: left;
}

.right {
	float: right;
}

.clear {
	clear: both;
}