﻿#pageWrapper
{
    position:relative;
    float:none;
    clear:both;
    width:900px;
    margin-left:-10px;
}


#leftColumn
{
    float: left;
    position: relative;
    
}

#rightColumn
{
    position: relative;
    float:left;
    margin-left:10px;
    top: 0px;
    width: 670px;
}

#searchWrapper
{
    height: 79px;
}

#searchBox
{
    height:26px;
    background: url( "../images/search/searchBackground.gif" ) 0 0 no-repeat;
}

#searchTop2
{
    height:30px;
    background-image: url( "../images/search/searchTop.gif" );
    text-align:right;
}

a.searchLink:link, a.searchLink:visited
{
    position:relative;
    top:10px;
    right:16px;
    color:#FFFFFF;
}

#searchBottom2
{
    height:32px;
    background-image: url( "../images/search/searchBottom.gif" );
    text-align:right;
}

.searchFiller 
{
    background: url( "../images/search/searchFiller.gif" ) repeat-y;
}

#browseTop2
{
    height:34px;
    background-image: url( "../images/search/browseTop.gif" );
}

#browseBottom2
{
    height:32px;
    background-image: url( "../images/search/browseBottom.gif" );
}

#searchBox
{
    padding-top:11px;
    padding-left:24px;
}

#browseWrapper
{
}

#browseHeader
{
    background-image: url( "../images/search/browseTop.gif" );
    height: 36px;
    width: 211px;
}

#browseContent
{
    background-image: url( "../images/search/browseFiller.gif" );
    width: 271px;
}

#browseFooter
{
    background-image: url( "../images/search/browseBottom.gif" );
    height: 33px;
    width: 211px;
}

#filterTop
{
    background-image: url( "../images/search/filterTop.gif" );
    height: 28px;
}

#filterContents
{
    background-image: url( "../images/search/filterFiller.gif" );
    height: 75px;
    padding:6px 12px;
    overflow:auto;
}

#resultsWrapper
{
        position:relative;
        top:10px;
}

#resultsHeader
{
    background-image: url( "../images/search/resultsTop2.gif" );
    height: 50px;
    width: 881px;
}

#resultsContent
{
    position:relative;
    background-image: url( "../images/search/resultsFiller.gif" );
    width: 881px;
}

#resultsFooter
{
    position:relative;
    clear:both;
    background-image: url( "../images/search/resultsBottom.gif" );
    height: 35px;
    width: 881px;
}


#returnedCategories
{
    padding-left:15px;
    padding-right:10px;
    width:650px;
    position:relative;
}

#disclaimer
{
    padding: 5px 5px 0 5px;
}

.SaveLink
{
/*position:relative;
left:10px;
top:0px;*/
float:right;
padding-right:28px;
position:relative;
top:-14px;
}

a.SaveLink:link {color:#FFF;}

.ApplyFilterLink
{
/*    position:relative;
    left:5px;*/
    float:left;
    padding:0px 4px;
}

#permanentFilter
{
    position:relative;
    left:230px;
    top:7px;
}    

.filterToggle
{
    position:relative;
    top:-16px;
    left:266px;
}

a.SaveFilterLink:link {color:#FFF}

#blanker
{
    clear:both;
    position:relative;
    border:solid 1px black;
}

.categoryResult
{
    
    
}

/* styles for the modal popup */

/* dialog frame */
.modal-dialog
{
    position:absolute;
}

/* dialog contents container */
.modal-dialog .container
{
    font-family:tahoma,helvetica,arial,sans-serif;
    font-size:11px;
    width:340px;
    border:solid 1px #99aabd;
    background-color:#F2F9FF;
} 

/* dialog header */
.modal-dialog .header
{
    background:url(img/sprite.gif) repeat-x 0px -1100px;	
    height:25px;
    padding-top:5px;
}

/* dialog header message */
.modal-dialog .header .msg
{
    vertical-align:middle;
    padding-left:6px;
    color:#fff;
    font-size:12px;
    font-weight:bold;
}         

/* dialog body */
.modal-dialog .body
{
    height:40px;
    background-color:#F2F9FF;
} 

.modal-dialog .filterBody
{
    height:100px;
    background-color:#F2F9FF;
} 

/* dialog body message */
.modal-dialog .body h2
{
    padding-top:10px;
    background-color: #F2F9FF;
    font-size:11px;
    text-align:center;
    font-weight:normal;
}  

/* dialog footer */
.modal-dialog .footer
{
    height:30px;
    background-color: #F2F9FF;
} 

/* dialog footer buttons */
.modal-dialog .footer .right
{
    background-color: #F2F9FF;
    float:right;
    text-align:right;
    padding-bottom:6px;
    padding-right:6px;
} 

/* dialog footer checkbox */
.modal-dialog .footer .left
{
    background-color: #F2F9FF;
    float:left;
    text-align:left;
    padding-bottom:6px;
    padding-left:6px;
} 

/* dialog close */
.modal-dialog .close
{
    right:4px;	
    background: url(img/icons.gif) no-repeat -732px 0px;	
    width:16px;	
    cursor:hand;	
    position:absolute;	
    top:5px;	
    height:16px;
}

/* dialog close hover */
.modal-dialog .close:hover { background: url(img/icons.gif) no-repeat -749px 0px;	}

/* modal overlay */
.modalBackground 
{
    background-color:Gray;
    filter:alpha(opacity=50);
    opacity:0.5;
}

.productlist li
{
    display:block;
    margin-left:2px;
    clear:both;
    list-style-image:none;
    border-bottom:solid 2px #89887A;
}

.productName
{
    border-bottom:solid 2px #89887A;
    font-size:120%;
    color:#89887A;
    background-color:#E9E8D9;
    padding:2px 6px;
}

.productImage 
{
    padding-top:6px;
    text-align:center;
}

.productDescription
{
    padding-top:6px;
    padding-right:10px;
    text-align:left;
    font-size:105%;
}

.productNutrition 
{
    padding-top:6px;
    text-align:center;
}

.productAvail1
{
    padding:6px 0 6px 6px;
    text-align:right;
}

.productAvail1 h3
{
    font-size:120%;
    font-weight:bold;
    color:#a3d400;
    margin-top:0;
}

.productAvail2
{
    padding:6px 12px;
}

.pricecompare {background:url(../images/Products/pricecompare.gif) 0 0 no-repeat; width:106px; height:22px; margin-top:6px;}

a.moreinfo:link, a.moreinfo:visited {background: url(../images/search/i.gif) 0 center no-repeat; padding:5px 0 5px 20px; height:32px;}
a.addtolist:link, a.addtolist:link {background: url(../images/search/plus.gif) 0 center no-repeat; padding:5px 0 5px 20px; height:32px;}

ul{
list-style-type: none;
padding: 0;
margin-left: 0;
}

.datapager
{
    position:relative;
    text-align:center;
    top:12px;
    height:14px;
    left:80px;
    width:720px;
}

.datapager a:link {color:#333;padding:2px;}
a.pageon:link {background-color:#89887A; font-weight:bold; color:#FFF}

.ordering
{
    position:relative;
    top:-5px;
    float:right;
    padding-right:20px;
}

.SortOrder
{
    font-size:95%;
}

#noResults
{
    margin-top:20px;
    text-align:center;
    color: #838383;
    font-size: 14pt;
    width:880px;
    padding-bottom:50px;
}

#noResults h1
{
    font-weight:normal;
    font-size: 18pt;
    padding-bottom: 15px;
    text-align:center;
}

.filtersHeader {float:left; margin:0; padding:0; color:#888888; font-weight:bold; font-size:100%}

.FilterPannel
{
/*    position:relative;
    left:135px;
    top:-14px;
    height:4px;*/
    float:left; 
    padding-top:0px;
}
.FilterPannel a
{
    margin-left:10px;
    font-weight:bold;
    font-style:italic;
    height:0px;
}

.FilterPannel a:hover
{
    text-decoration:none;
    background-position:right 0;
    background-image: url( "../images/search/close.gif");
    background-repeat:no-repeat;
}

.filter 
{
    float:left;
    clear:both;
    margin:0; 
    padding:2px 0;
}

.colorQuery
{
    position:relative;
    left:14px;
    top:16px;
}

