@import url('tabs.css');

#prod-list {
	margin:0;
	padding:0;
	clear:both;
}

.prod-list form {
	margin:0;
	padding:5px 0;
	float:right;
	clear:right;
	width:auto
}

#prod-list input, #tab-container input {
	font-size:1em;
}

#prod-list li {
	margin:0 0 5px 0;
	padding:0 0 5px 0;
	list-style:none;
	float:left;
	clear:both;
	width:100%;
	border-bottom:4px solid #ccc
}

#prod-list h2 {
	margin:0;
	padding:0;
	color:#626262;
	font-size:1.3em
}

#prod-list h2 a, #prod-list h2 a:visited {
	color:#626262;
	text-decoration:none
}

#prod-list h2 a:hover, #prod-list h2 a:visited:hover {
	color:#a02c37;
	text-decoration:none
}

#prod-list h2 span {
	font-size:0.75em;
	display:block;
	font-weight:normal
}

.img-cont {
	float:left;
	width:140px
}

.prod-thumb {
	float:left;
	padding: 5px 0;
}

div#price-info,div#price-info .price {
	clear:right;
	float:right;
	width:200px;
	text-align:right
}

#prod-list .price, #prod-list .hire-price, #prod-list .qty-select {
	float:right;
	clear:right;
	font-family:Arial;
	width:200px;
	padding:0;
	margin:0;
}

#prod-list .qty-select {
	width:auto;
	padding:10px 0 5px 0;
}

#prod-list .price span, #tab-container .price span {
	font-size:1.4em;
	color:#a02c37;
	font-weight:bold;
	font-family:arial
}
#prod-list .price span.sales-note {
	font-size:0.8em;
	color:grey;
	font-weight:normal;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	display:block
}

#prod-list .hire-price span, #tab-container .hire-price span {
	font-size:1.4em;
	color:#d89b17;
	font-weight:bold;
	font-family:arial
}

.price-rule,.rule{
	width:165px;
	height:1px;
	display:block;
	float:right;
	margin:2px 0;
	padding:0;
	background-color:#999999
}

.price-rule {
	width:165px;
	clear:both;
	margin-bottom:3px
}

.rule {
	width:100%;
}

div.prod-header{
	height:20px;
	padding-top:3px;
	padding-bottom:15px;
	float:left;
	width:100%
}

#prod_compare div.prod-header label {
	float:right;
	width:auto;
	color:#626262;
	display:block;
}

select.prod-sort {
	font-size:1em;
	color:#626262;
	font-weight:400;
}


input.prod-info {
	float:left;
	font-size:1em;
	color:#626262;
	font-weight:400;
}

div.prod-compare input, div.prod-compare span{
	margin:0 5px 0 0;
	float:right;
}

input.submit-compare{
	font-size:1em;
	color:#626262;
	font-weight:400;
	float:left;
}

.prod-info {
	padding-left: 150px
}

#tab-container .prod-info {
	padding-left: 0
}

#product-site-section-136 a.more-information:hover {
	color:#0075AF /*Cooling*/
}

#product-site-section-138 a.more-information:hover {
	color:#DF0009 /*Heating*/
}

#product-site-section-140 a.more-information:hover {
	color:#DFB200 /*Drying*/
}



/************************ *detail page* *************************/

.prod-wrap {
	float:left;
	padding-top:5px;
	clear:both;
}

.prod-wrap h1 {
	margin:0;
	padding:0;
	font-size:1.8em;
	font-weight:bold
}

.prod-img-primary {
	width:140px;
	float:left
}

.prod-detail {
	padding-left:150px;
	clear:right;
}

#prod-wrap .prod-detail h1 {
	clear:none;
}

#price-hireprice {
	float:right;
}

p.prod-summary {
	float:right;
}

div#prod-price, div#prod-hire-price, div#prod-price-1, div#prod-hire-price-1 {
	float:left;
	font-size:1.1em;
	font-family:arial;
	width:410px;
	margin-top:0;
}

/*
#prod-wrap {
	background:red
}

#price-hireprice {
	background:green
}
div#prod-price {
background:cyan
}

div#prod-hire-price {
background:yellow
}

div#prod-price-1 {
background:orange
}
div#prod-hire-price-1 {
background:purple
}
*/
#prod-price span, div#prod-price-1 span {
	font-size:1.4em;
	color:#a02c37;
	font-weight:bold
}

#main #prod-price-1 a,
#main #prod-price-1 a:link,
#main #prod-price-1 a:visited {
	color:#A12727;
}
#main #prod-price-1 a:hover {
	text-decoration:none
}

#prod-hire-price span, div#prod-hire-price-1 span{
	font-size:1.4em;
	color:#d89b17;
	font-weight:bold
}

form#add-basket {
	clear:both;
	float:left;
	width:410px;
	text-align:right;
	padding:5px 0;
	margin:0;
	margin-top:0
}

#add-basket label{
	font-weight:normal;
	font-size:1.0em
}	
	
.prod-detail form {
	margin:0;
	padding:5px 0;
	float:right;
	clear:both;
	width:auto
}

.prod-detail label {
	font-weight:normal;
	font-size:0.8em
}

.prod-detail input {
	font-size:1em;
}

.special-offer {
    color: #52ABDA;
    font-size: 1.1em;
    font-weight: bold;
    width:100%;
    float:left;
    clear:both;
    text-align:left
}

#special-offer {
    color: #52ABDA;
    font-size: 1.1em;
    font-weight: bold;
    padding-bottom: 0.1em;
    width:410px;
    float:left;
    clear:both;
    text-align:left
}

textarea.techspec{
	 border:none;
	 font-size:1.15em;
	 width:300px;
	 height:200px;
}

.pdflink {
    float: left;
    clear:both;
    height: 55px;
    width:110px;
    background: #fff url(../img/acrobat.gif) ;
    background-repeat: no-repeat;
	position:center;
	margin:1em 0;
	background-position:50% 0%;
}

.pdflink a span{
    padding:0;
	text-align:bottom;
    text-decoration: none;
}

.pdflink a {
	clear:both;
    margin-top: 22px;
    padding-left: 36px;
    text-decoration: none;
	position:relative;
	top:25px        
}

.pdflink a:hover {    
    text-decoration: underline;
}

.pdfcontent	{
	width:20%;
	text-align:center;
	float:left;
}

#content #main #prod-wrap .downloadcontainer	{
	width:583px;
	clear:both;
	float:left;
	
}

#content #main #prod-wrap .downloadcontent	{
	width:550px;
	height:150px;
	border:1px solid #D6DADE;
	padding:2px 5px;
	}

/************************ compare table *************************/

table#compare {
    margin-bottom: 20px;
}
#compare td {
    padding: 2px;

}
#compare th.name {
    color: #626262;
    font-size: 1.1em;
}

#compare td.price {
	color:#a02c37;
	font-weight:bold
}

#compare .odd {
	background:#efefef;
}

#compare .key-items {
	text-align:left
}

#compare .header-row th {
	text-align:left;
	color:#7ebddf;
	padding:5px 2px 5px 2px;
	font-weight:bold;
	font-size:1.2em;
	border-top:1px solid #7ebddf;
	border-bottom:1px solid #7ebddf
}

#compare .key-items th, #compare .feature-items th {
	padding-right:12px
}

#compare .top-row th {
	font-size:1em;
	font-weight:bold;
}

#compare th {
	font-weight:normal;
	text-align:left;
	padding:4px 2px;
}

#compare .last td, #compare .last th {
border-bottom:10px solid #fff
}

/************************ compare table *************************/

.show-menu-wrap {
	width:100%;
	background:#535353;
	float:left;
	clear:both;
	padding-bottom:2px;
}

.prod-menu-list-wrap {
	width:100%;
	background:#7ebddf;
	float:left;
	clear:both;
	padding:5px;
}

.show-menu {
	margin:0;
	padding:0 2px 0 5px;
	float:left;
	clear:left;
	width:554px
}

.show-menu span {
	margin:0;
	color:#cf0000;
	padding:0 5px;
	list-style:none;
	float:left;
	font-weight:bold;
	display:block;
	margin-top:5px;
	border-left:1px solid #fff
}
.show-menu span.first {
	border-left:none
}

.show-menu span.previous {
	border-left:none;
	color:#ccc
}

.show-menu span.next, .prod-menu-list-wrap span.next {
	color:#ccc
}

.show-menu span.previous, .prod-menu-list-wrap span.previous {
	display:inline;
	margin-left:20px;
}

.show-menu-wrap .results-info {
	float:left;
	display:block;
	width:140px;
	color:#fff;
	font-weight:bold;
	padding:5px 5px 0 5px
}

.show-menu-wrap label select {
	font-size:1em;
	color:#626262;
}

.show-menu-wrap label {
	float:right;
	color: #fff; /*#666;*/
	font-weight:bold;
	padding:2px 5px 0 0;
}

#main .show-menu a {
	color:#666;
	font-weight:bold;
}

#main .show-menu a:hover {
	color:#a02c37;
}

.show-menu .title {
	color:#666;
	float:left;
	display:block;
	padding:0 10px 0 0;
	border-left:none
}

#prod_compare {
	float:left;
	width:100%;
	padding-bottom:10px
}

#content .out-of-stock-alert {
	display:block;
	font-style:normal;
	color:#A12727;
	font-size:1.1em;
	font-weight:bold;
	padding:0.5em 0
}

.to-top {
	display:block;
	float:left;
	clear:both;
	margin-top:20px;
	width:20em
}

.icon-list {
	padding:0;
	margin:0;
	float:left
}

.icon-list li {
	margin:0;
	padding-right:10px;
	float:left;
	list-style:none
}

.icons-explained {
	padding:0;
	margin:0;
	width:520px;
	float:left
}

.icons-explained li {
	margin:0;
	padding:0 10px 5px 0;
	width:250px;
	float:left;
	list-style:none
}

.icons-explained li img {
	float:left;
	display:inline;
	margin-right:5px
}

.icons-explained li span {
	float:left;
	display:inline;
	padding-top:10px;
	width:209px;
	
}

h2.tab-bar	{
	position: relative;
	height: 23px;
	width:560px; /* a width is required for Opera, older Mozilla browsers, and Konqueror browsers */
	margin-bottom:0;
	padding: 5px 0;
	background:#5e5e5e /*url('../img/tab_top.gif')*/ repeat-x;
	border-top: 1px solid #838383;
	border-right: 1px solid #838383;
	border-left: 1px solid #838383;
	
}

.tab	{
	color:#ffffff;
	width:96px;
	background:#2E355D;
	float:left;
	display:block;
	position:relative;
	top:1px;
	text-align:center;
	margin: 0;
	text-align: center;
	font-family: tahoma, verdana, sans-serif;
	font-size: 75%;
	text-decoration: none;
	color: #fff;
	font-weight:bold;
	border-right: 1px solid #838383;
	vertical-align:sub;
	padding: 4px 0 6px 0;	
}

.divider	{
	width:560px;
	height:3px;
	background:#5E5E5E;
	clear:both;
}