@import url('product_page.css');
@import url('range_page.css');
@import url('product_list.css');
@import url('product_feature.css');
@import url('tooltip.css');
@import url('tables.css');
@import url('gallery.css');

/* ------ Horizontal Rule ------ */
div.horizontal_rule {
    height: 1px;
    width: 100%;
    float:left;
    margin: 0;
    background: #e9e9e9; /* Fallback for non supported browsers */
    background: -moz-linear-gradient(left, #eeeeee 0%, #e9e9e9 30%, #e9e9e9 70%, #eeeeee 100%);
    background: -webkit-linear-gradient(left, #eeeeee 0%, #e9e9e9 30%, #e9e9e9 70%, #eeeeee 100%);
    overflow: hidden; /* fixes ie6 lameness */
    }

/* ------ List Item ------ */
/* THIS IS USED FOR PRODUCT PAGE TAB CONTENT LISTSINGS - ie multiroom indoor units */

div.list_item_wrapper {
    float:left;
    width: 100%;
    min-height: 10px;
    margin-bottom: 30px;
    clear:both;    
    }
    
div.list_item {
    float:left;
    width: 100%;
    margin: 15px 0 15px 0;
    }
    
/* No top margin on first List Item */
div.list_item:first-child {
    margin: 0 0 15px 0;
    }

/* ------ Column 1 ------ */
div.column_1 {
    float:left;
    width:225px; /* width of left column */
    }

/* ------ Column 2 ------ */
div.column_2 {
    float:left;
    width:480px;
    }
    
/* ------ Thumbnail Image ------ */

a.thumbnail {
    display: block;
    position: relative; 
    width: 200px;
    height: 125px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #ddd;
    background: #fefefe;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f1f1f1'); 
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f1f1f1)); 
    background: -webkit-linear-gradient(top,  #fff,  #f1f1f1); 
    background: -moz-linear-gradient(top,  #fff,  #f1f1f1); 
    background: -ms-linear-gradient(top,  #fff,  #f1f1f1); 
    background: -o-linear-gradient(top,  #fff,  #f1f1f1); 
    background: linear-gradient(top,  #fff,  #f1f1f1); 
    box-shadow: inset 0 0  3px #eee;  
    }

a.thumbnail.square {
    width: 190px;
    height: 190px;
    }

a.thumbnail:hover {
    border: 1px solid #ccc;
    background: #f8f8f8; 
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#e8e8e8'); 
    background: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#e8e8e8)); 
    background: -webkit-linear-gradient(top,  #fafafa,  #e8e8e8); 
    background: -moz-linear-gradient(top,  #fafafa,  #e8e8e8); 
    background: -ms-linear-gradient(top,  #fafafa,  #e8e8e8); 
    background: -o-linear-gradient(top,  #fafafa,  #e8e8e8); 
    background: linear-gradient(top,  #fafafa,  #e8e8e8); 
    box-shadow: 0 0 5px #ddd; 
    }

       
a.thumbnail span {
    display: block;
    background-repeat: no-repeat;
    background-position: center center;
    
    border: 1px solid white;
    height: 100%;
    width: 100%;
    
    -moz-border-radius: 4px;
    border-radius: 4px;
    
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    }
  
/* ------ Name ------ */

div.list_item .name {
    margin:10px 0 10px 0;
    }

#m_content div.list_item .name a {
    font-family: 'Open Sans', sans-serif;
    color: #000000;
    font-size: 16px;
    font-weight:bold;
    text-decoration:none;
    }
    
#m_content div.list_item .name a:hover {  
    color: #95BF39;
    text-decoration:underline;
    }