﻿/* Filter Control */
#filter {width:184px;float:left;}
#main_results {width:100%;}
#TopFilter {height:28px;width:184px;background-image:url(../images/website/filter_top-Blue.jpg);background-repeat:no-repeat;}
#BottomFilter {height:5px;width:184px;background-image:url(../images/website/filter_bottom.jpg);background-repeat:no-repeat;}
.filter_list {float:left;width:165px;margin:5px 0px 3px 6px;color:#ffffff;font-size:11px;}
.FilterTitle {display:block;margin-left:3px;color:#ffffff;line-height:20px;}
#filter .filter_list a.close_filter{display:block;background:url(../images/website/remove_filter.jpg) no-repeat left;padding-left:15px;margin-left:3px;color:#ffffff;line-height:20px;}
#filter .filter_list .no_filter{color:#ffffff;font-size:10px;margin-bottom:5px;}
#filter #middle_filter{height:100%;width:184px;background-image: url(../images/website/filter_middle.jpg);background-repeat:repeat-y;}
		
/* MAIN FILTER */
#main_filter {float: left;width: 188px;height: 100%;padding-left: 6px;}
#main_filter div.filter_option{width: 175px;float:left;margin-bottom:5px;}
#main_filter div.filter_data{height:22px;width:174px;background-Image: url(../images/website/filterClosed.jpg);background-repeat: no-repeat;}
#main_filter div.filter_option_e{width: 170px;height: 100%;float: left;}
#main_filter div.filter_data a.filter_vis{width:168px;height:20px;padding:4px 0 0 6px;color:#ffffff;display:block;font-size:11px;font-weight: bold;}
#main_filter div.filter_data a{cursor: pointer;cursor: hand;}	
#main_filter div.filter_data .closedBlue{background: url(../images/website/filter_button-Blue.jpg) no-repeat top right;}
#main_filter div.filter_data .openBlue{background: url(../images/website/filter_button_expanded-Blue.jpg) no-repeat top right;}	
#main_filter div.filter_items{width:170px;background-color:#afb4c9;float:left;margin: 0 2px 4px 2px;white-space: nowrap;} 
#main_filter div.filter_item{width:164px;height:20px;margin-left:2px;float:left;display: block;white-space: nowrap;} 
#main_filter div.filter_item p{float: left;margin-top: 4px;margin-bottom: 4px;height: 20px !important;font-size:10px;color: #000d33;white-space: nowrap;} 
#main_filter div.filter_item a{color:#000d33;text-decoration:underline;}	
#main_filter div.filter_item a:hover{color:#758ba5;}
#main_filter div.filter_item img{height: 39px;width: 39px;float: left;}

/*Landing Page Header*/
#ResultsDescription {width:100%;height:279px;}
#ResultsHero {width:497px;height:279px;float:left;overflow:hidden;}
#ResultsHero h1{font-size:14px;font-weight:bold;position:relative;top:-30px;left:20px;}
#ResultsHero .TitleRight{margin-left:220px;}
.ExplanationBlue {width:241px;height:279px;float:left;overflow:hidden;background-repeat:no-repeat;background-image:url(../Images/LandingPages/Stone-Tile-Description-Holder.jpg);}
.ExplanationRed {width:241px;height:279px;float:left;overflow:hidden;background-repeat:no-repeat;background-image:url(../Images/LandingPages/Stone-Tile-Description-Holder-Red.jpg);}
.ExplanationBlue p{font-size:12px;color:#ffffff;line-height:18px;padding:20px}
.ExplanationRed p{font-size:12px;color:#ffffff;line-height:18px;padding:20px}

/* Pager Control */
#DisplayOptions {height:18px;width:100%;color:#4c4e51;font-size:12px;border-top: 1px solid #d6d6d6;border-bottom: 1px solid #d6d6d6;margin:10px 0px 5px 0px;padding:5px 0px 5px 0px;vertical-align:top;}
#DisplayOptionsLeft {width:350px;float:left;margin-top:-0px;margin-left:10px;}
#DisplayOptionsRight {width:300px;float:right;text-align:right;margin-top:2px;}
#DisplayOptionsRight a{margin-left:2px;margin-right:2px;}
.ViewingPage {color:black;font-weight:bold;}
.PagerArrow {color:#c2b67d;font-weight:bold;font-size:14px;}
.PagerEnabled {color:#4c4e51;}
.PagerDisabled {color:#d0d1d2;}
#LinkBack {width:100%;line-height:30px;border-top:1px solid #d6d6d6;}
.LinkBackA {color:#000d33;margin-top:10px;text-decoration:underline !important;}
.DDL {border:solid 1px #d6d6d6;color:#58585a;font-size:12px;vertical-align:baseline;margin:0px 15px 0px 5px;}

/*Results*/
#results{width:755px;}
/*#results div.searchResult{background-image: url(../images/website/resultBack.jpg);background-repeat:no-repeat;width: 184px;height: 229px;float: left;font-size:12px;}*/
#results div.searchResult{background-image: url(../images/website/resultBackWide.jpg);background-repeat:no-repeat;width:246px;height:229px;float: left;font-size:12px;}
#results img.mainimg{margin-top:6px;margin-left:5px;}
.SRProductName {width:100%;height:50px;}
#results h2 a{width:210px;height:22px;margin:7px 0 0 15px;color:#000e3f;display:block;line-height:15px;word-wrap:break-word;}
.price{margin:4px 0 0 15px;color:#c2b67d;font-weight:bold;display:block;}
.ResClass {font-family:Courier New Arial Sans-Serif;font-style:italic;padding-right:6px;}
.ResName {font-weight:bold;}
.ResMat1 {color:#c2b67d;padding-right:3px;}
.ResMat {color:#c2b67d;float:left;padding-right:3px;}
.ResFin {clear:both;display:block;font-weight:normal;}
.ResFin1 {clear:both;display:inline-block;font-weight:normal;color:#000e3f;}