

/************************ *productlist page* *************************/
#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:#48C0F3;
    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;
    font-size: 0;
}

.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-image-wrap    {
    width:540px;
    margin:0px 0px 15px 0px;
    padding:0px;
    clear:both;
    float:left;
}

.prod-detail {
    margin: 0px;
    float:right;
    width:410px;
}

#price-hireprice {
    float:right;
}

p#prod-summary {
    clear:left;
}

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:408px;*/
    margin-top:0;
    clear:left;
    width:100%;
}

/*
#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
}

#prod-hire-price span span, div#prod-hire-price-1 span span {
    color: #000;
    font-weight:normal;
    font-size:1.0em;
}

form#add-basket, form#hire-form {
    /*clear:both;*/
    float:left;
    width:398px;
    text-align:right;
    padding:5px 0;
    margin:0;
    margin-top:0
}

#add-basket label, #hire-form 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:400;
    float:left;
    clear:both;
    text-align:left
}

#special-offer {
    color: #52ABDA;
    font-size: 1.1em;
    font-weight: bold;
    padding-bottom: 0.1em;
    width:400px;
    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;
    background: #fff url(../img/acrobat.gif) ;
    background-repeat: no-repeat;
    position:relative;
    margin:1em 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;
}


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

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

}

#compare td p{
    line-height: 1.2em;
    margin-top:5px;
}

#compare td ul{
    padding-left: 15px;
    float: left;
    margin-left:0px
   
}

#compare td li{
    margin-top: 2px;
    margin-left:0px;
    padding-left:0px;

}

#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 *************************/

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

table#compare-margin {
    margin-top: 60px;
    margin-bottom: 20px;
    float:right;
    clear:right;
}
#compare-margin td {
    padding: 2px;

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

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

#compare-margin .odd {
    background:#efefef;
}

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

#compare-margin .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-margin .key-items th, #compare-margin .feature-items th {
    padding-right:12px
}

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

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

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

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

.show-menu-wrap {
    width:100%;
    background:#7ebddf;
    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:#666;
    font-weight:bold;
    padding:2px 5px 0 0;
}

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

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

.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;
    width:400px;
}

.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;
}

.zoom-link {
    display: block;
    float: left;
    margin:0 10px 10px 0;
}

.zoom-link img.product-image {
    float:left;
    border:1px solid #D7D5C2;
}

.zoom-link:visited img.product-image {
    border:1px solid #D7D5C2;
}

.image-content  {
    width:100%;
    clear:both;
    height:100px;
    float:left;
}

.prod-image {
    width:187px;
    float:left;
    
}

#prod-imgs img {
    float:none
}

.zoom-multi {
    display: block;
    float: left;
    margin:0 10px 10px 0;
}

.zoom-multi img.product-image {
    float:left;
    border:1px solid #D7D5C2;
    margin-left:25px;

}

#popup  {
    width:100%;
    text-align:center;
}

.enlarge    {
    font-size: 0.8em;
    text-align:left;
    clear:left;
}

#prod-wrap .enlarge {
    margin-top:0px;
}


#compare-main   {
width: 812px;
float:right;
padding: 0 4px;
}

.yui-panel .hd {
background:transparent url(../img/info_symbol.gif) no-repeat 4px 4px;
color:#000000;
font-size:100%;
font-weight:bold;
line-height:100%;
padding:4px;
white-space:nowrap;
border: none;
height: 15px;
}

yui-panel .bd {
overflow:hidden;
padding:30px;
border: none;
}

.yui-panel {
font-family:Arial;
font-size:1em;
font-size-adjust:none;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
margin:0px;

}

.yui-panel .ft {
overflow:hidden;
padding:4px;
}
