@import url(product.listitem.css);


#layout_content h2 {
	margin-bottom: 10px;
	color: #1b5c9d;
	font-size: 18px;
}

#layout_content h3 {
	color: #900b09;
	font-size: 16px;
}

#layout_content span.pipe {	
	margin-right: 6px;
	margin-left: 6px;
	color: #c7c7c7;
}




/**
 * Specification filter
 */

#specification_filter {
	width: 181px;
	float: left;
}

#specification_filter h4 {
	color: #555;
	font-size: 11px;
}

#specification_filter p {
	margin-bottom: 10px;
	color: #555;
	font-size: 11px;
}

#specification_filter p strong {
	color: #329403;
}

#specification_filter span {
	color: #555;
}

#specification_filter li {
	margin-bottom: 20px; 
	font-weight: bold;
}

#specification_filter li li {
	margin: 0;
	padding-left: 12px;
	background: url(/images/default/li_background.gif) no-repeat 2px 4px;
	font-weight: normal;
	font-size: 11px;
}

#specification_filter li.selected {
	font-weight: bold;
}

#specification_filter li img {
	width: 0;
	height: 0;
}

body.js #specification_filter li img {
	width: 14px;
	height: 14px;
	cursor: pointer;
	vertical-align: text-top;
	background: url(/images/default/question_icon_hover.png) no-repeat 0 0;
}

body.js #specification_filter li img:hover,
body.js #specification_filter li img.active {
	background-position: 0 -14px;
}

#specification_filter #specification_filter_resultcount {
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #ddd;
}


/**
 * Specification results
 */

#specification_results {
	margin-left: 191px;
}



/** Selected filters */

#specifation_results_selectedfilters {
	height: 1%;
	margin-bottom: 20px;
	padding-bottom: 5px;
	overflow: hidden;
	background: url(/images/default/specifation_results_selectedfilters_background.png) repeat-x 0 100%;
	font-size: 11px;
}

#specifation_results_selectedfilters li {
	margin-right: 10px;
	padding: 0 0 5px 12px;
	float: left;
	background: url(/images/default/li_background.gif) no-repeat 2px 4px;
	white-space: nowrap;
}

#specifation_results_selectedfilters li a {
	padding-right: 17px;
	background: url(/images/default/specifcationfilter_remove_button.png) no-repeat 100% 0;
}


/** Paging */

div.specifation_results_paging {
	height: 18px;
	padding: 2px 0;
	color: #555;
	font-size: 11px;
}

div.specifation_results_paging p {
	margin: 0 5px 0 0;
	float: left;
}

div.specifation_results_paging div.navigation_paging {
	float: right;
}

div.specifation_results_paging div.navigation_paging span.pagecount {
	margin-right: 5px;
	float: left;
}

div.specifation_results_paging div.navigation_paging ul {
	float: left;
}

div.specifation_results_paging div.navigation_paging li {
	margin-right: 3px;
	float: left;
}

div.specifation_results_paging div.navigation_paging li.button {
	width: 14px;
	height: 14px;
	overflow: hidden;
}

div.specifation_results_paging div.navigation_paging li.button a,
div.specifation_results_paging div.navigation_paging li.button span {
	width: 14px;
	height: 0;
	padding-top: 14px;
	display: block;
	background-image: url(/images/default/paging.png);
	background-repeat: no-repeat;
}

div.specifation_results_paging div.navigation_paging li.first a {
	background-position: 0 0;
}

div.specifation_results_paging div.navigation_paging li.first a:hover {
	background-position: 0 -14px;
}

div.specifation_results_paging div.navigation_paging li.first span {
	background-position: 0 -28px;
}

div.specifation_results_paging div.navigation_paging li.previous a {
	background-position: -14px 0;
}

div.specifation_results_paging div.navigation_paging li.previous a:hover {
	background-position: -14px -14px;
}

div.specifation_results_paging div.navigation_paging li.previous span {
	background-position: -14px -28px;
}

div.specifation_results_paging div.navigation_paging li.next a {
	background-position: -28px 0;
}

div.specifation_results_paging div.navigation_paging li.next a:hover {
	background-position: -28px -14px;
}

div.specifation_results_paging div.navigation_paging li.next span {
	background-position: -28px -28px;
}

div.specifation_results_paging div.navigation_paging li.last a {
	background-position: -42px 0;
}

div.specifation_results_paging div.navigation_paging li.last a:hover {
	background-position: -42px -14px;
}

div.specifation_results_paging div.navigation_paging li.last span {
	background-position: -42px -28px;
}



/** Results per page select */

#specifation_results_paging_top ul.pagingrecords li {
	margin-right: 5px;
	float: left;
}

#specifation_results_paging_top ul.pagingrecords li.selected a {
	color: #555;
	text-decoration: none;
	font-weight: bold;
}

body.js #specifation_results_paging_top ul.pagingrecords li {
	margin: 0;
	float: none;
}

#specifation_results_paging_top div.select {
	width: 43px;
	height: 17px;
	float: left;
	background: url(/images/default/select_background.png) no-repeat;
	font: 11px Arial, Sans-Serif;
}

#specifation_results_paging_top div.select.active,
#specifation_results_paging_top div.select:hover {
	background-position: 0 100%;
}

#specifation_results_paging_top div.select a {
	padding: 0 2px 0 5px;
	display: block;
	color: #000;
	line-height: 17px;
	text-decoration: none;
}

#specifation_results_paging_top div.select a.selection {
	background: url(/images/default/select_selection_background.png) no-repeat 31px 0;
}

#specifation_results_paging_top div.select.active a.selection {
	background-position: 31px 100%;
}

#specifation_results_paging_top div.select ul.options {
	width: 40px;
	padding: 0 2px 2px 1px;
	display: none;
	clear: left;
	z-index: 1;
	position: absolute;
	list-style: none;
	background: url(/images/default/select_options_background.png) no-repeat 0 100%;
}

#specifation_results_paging_top div.select.active ul.options {
	display: block;
}

#specifation_results_paging_top div.select ul.options a {
	border-top: 1px solid #ccc;
	line-height: 15px;
}

#specifation_results_paging_top div.select ul.options a:hover {
	color: #fff;
	background: #80a2c3;
}

#specifation_results_paging_top div.select.active ul.options a.selected {
	color: #fff;
	background: #1b5c9d;
	cursor: default;
}

#specifation_results_paging_top div.select.active ul.options a.disabled,
#specifation_results_paging_top div.select.active ul.options a.disabled:hover {
	color: #999;
	background: #fff;
	cursor: default;
}



/** Comparison */

div.specification_results_comparison {
	height: 1%;
	overflow: hidden;
}

div.specification_results_comparison input.image {
	width: 95px;
	height: 24px;
	background: url(/images/default/specification_results_comparison_button.png) no-repeat 0 0;
}

div.specification_results_comparison input.image:hover {
	background-position: 0 100%;
}

div.specification_results_comparison div.comparison {
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 21px;
	float: left;
}

#specification_results_comparison_top {
	background: #e9e8ed url(/images/default/specification_results_comparison_top_background.png) no-repeat;
}

#specification_results_comparison_top.disabled {
	background: #e9e8ed;
}

#specification_results_comparison_bottom {
	border-top: 1px solid #fff;
	background: #e9e8ed url(/images/default/specification_results_comparison_bottom_background.png) no-repeat 0 100%;
}

#specification_results_comparison_bottom div.comparison {
	background: url(/images/default/specification_results_comparison_bottom_comparison_background.png) no-repeat;
}



/** Selected products */

#specification_results_comparison_selectedproducts {
	margin-left: 20px;
	padding-bottom: 5px;
	float: left;
	color: #555;
}

#specification_results_comparison_selectedproducts h4 {
	font-size: 12px;
}

#specification_results_comparison_selectedproducts h4 span {
	font-weight: normal;
}

#specification_results_comparison_selectedproducts li {
	margin-top: 3px;
	padding-left: 12px;
	background: url(/images/default/li_background.gif) no-repeat 2px 4px;
}

#specification_results_comparison_selectedproducts li a {
	padding-right: 17px;
	background: url(/images/default/specifcationfilter_remove_button.png) no-repeat 100% 0;
}



/** Sorting */

div.specification_results_comparison div.sorting {
	padding-right: 5px;
	float: right;
	color: #555;
	font-size: 11px;
	line-height: 28px;
}

div.specification_results_comparison div.sorting ul,
div.specification_results_comparison div.sorting li {
	display: inline;
}

div.specification_results_comparison div.sorting span.pipe {
	color: #555 !important;
	font-weight: bold;
}

div.specification_results_comparison div.sorting a {
	color: #1b5c9d !important;
}

div.specification_results_comparison div.sorting a.active {
	padding-right: 15px;
	font-weight: bold;
}

div.specification_results_comparison div.sorting a.active.ascending {
	background: url(/images/default/specification_results_sorting_ascending_background.png) no-repeat 100% 50%;
}

div.specification_results_comparison div.sorting a.active.descending {
	background: url(/images/default/specification_results_sorting_descending_background.png) no-repeat 100% 50%;
}



/** Product list item */

#specification_results div.selection {
	height: 1%;
	padding: 0 0 2px 18px;
	position: relative;
	border-top: 1px solid #fff;
	background: #f6f6f6 url(/images/default/specification_results_selection_background.png) no-repeat 0 100%;
}

#specification_results div.selection:hover {
	background-color: #eee !important;
}

#specification_results div.selection.selected {
	background-color: #ddd !important;
}

#specification_results div.selection label {
	float: left;
}

#specification_results div.selection input.checkbox {
	margin-top: -6px;
	position: absolute;
	left: 3px; /* Uses IE fix: IE needs this to be -1px */
	top: 50%;
}

#specification_results div.selection div.product {
	border-bottom: none;
	background: #fff;
}



/** Max. selection notication */

div.actionbox li {
	margin-top: 3px;
}

div.actionbox li a {
	padding-right: 17px;
	background: url(/images/default/specifcationfilter_remove_button.png) no-repeat 100% 0;
}