/*
------------------------------------------
SEARCH CENTER RESULTS STYLES 
artbeads.com
------------------------------------------
*/

/* MAIN WRAPPER STYLES ------------------------------------------ */
#scResultsWrap { 
width:960px; 
border:1px solid #9600c6;
font-family: Arial, sans-serif;
font-size:12px;
padding:0 0 15px 0;
margin:0;
} 

a {font-weight: inherit;}

#scResultsWrap hr {margin:5px 0;clear:both;height:2px;border:0;width:100%;border-bottom:2px solid #ebd5f5;}

#scResultsWrap table { font-size:12px; }

#scResultsWrap a { 
color:#9803c8;
text-decoration:none;
}

#scResultsWrap a:hover { text-decoration:underline; }

#scResultsWrap a img { border:0; }

#scResultsWrap ul {
margin:0;
padding:0;
list-style-type:none;
}

/* LEFT COLUMN STYLES ------------------------------------------ */
#scResultsWrap #leftCol { 
float:left;
color:#9803c8;
font-family:'Trebuchet MS', 'Lucida Sans', Arial, sans-serif;
font-size:11px;
width:174px; 
margin:6px 0 20px 8px;
background: #ECDFF7 url(http://www.artbeads.com/lib/artbeads/v3-navbartop.gif) no-repeat -9px -6px;
}

#scResultsWrap #leftCol ul#leftTopLinks { 
font-size:11px;
text-align:center;
font-weight:bold;
margin:0 0 13px 0;
}

#scResultsWrap #leftCol ul#leftTopLinks li { margin:0 0 1px 0; }

#scResultsWrap #leftCol ul#leftTopLinks li { line-height:18.5px; }
#scResultsWrap #leftCol ul#leftTopLinks li#narrowResults,
#scResultsWrap #leftCol ul#leftTopLinks li#narrowResults a { color:#fff; }

#scResultsWrap #leftCol .btm  { 
width:175px;
height:14px;
margin:30px 0 0 0;
background:url(http://lib.store.yahoo.net/lib/artbeads/v3-navbottom.gif) no-repeat scroll -9px -14px;
} 

/* FACET STYLES ------------------------------------------ */
#scResultsWrap #leftCol .facet { 
margin:0 0 15px 8px; 
}
#scResultsWrap #leftCol .facet .count {
font-size: 10px;
}

#scResultsWrap #leftCol .facet .facet_name { 
font-weight:bold;
margin:0 0 5px 3px;
}

#scResultsWrap #leftCol .facet .facet_name span { 
text-transform:uppercase;
font-weight:bold;
}

#scResultsWrap #leftCol .facet .pullDown { 
font-family:'Trebuchet Ms', sans-serif;
color:#5b5b5b;
font-weight:bold;
width:158px;
font-size:11px;
border:1px solid #98a871;
padding:2px 0;
} 

#scResultsWrap #leftCol .facet ul {
font-family:Arial, sans-serif;
border:1px solid #97a770;
background-color:#fff;
width:157px;
padding:4px 0 0 0;
color:#545454;
max-height:85px;
overflow:auto;
}

#scResultsWrap #leftCol .facet ul li { margin:0 0 2px 5px; }
#scResultsWrap #leftCol .facet ul li a { font-weight: normal; }

#scResultsWrap #leftCol #color ul { 
border:0; 
background-color:transparent;
height:auto;
overflow:visible;
}

#scResultsWrap #leftCol #color ul li { 
display:block;
width:22px;
height:22px;
float:left;
margin:0 2px 2px 0;
padding:0;
background:url('../results_colorblock_shadow.gif') no-repeat;
}

#scResultsWrap #leftCol #color ul li a { 
display:block;
float:left;
/*border:1px solid #9803c8;*/
width:18px;
height:18px;
margin:0 0 0 2px;
}

#scResultsWrap #leftCol #color ul li span { display:none; }

#scResultsWrap #leftCol #color ul li .swatch1 { 
background-color:#000;
}

#scResultsWrap #leftCol #color ul li .swatch2 { 
background-color:#fff;
}

#scResultsWrap #leftCol #color ul li .swatch3 { 
background:url('../colorswatch3.jpg') no-repeat;
}

#scResultsWrap #leftCol #color ul li .swatch4 { 
background:url('../colorswatch4.jpg') no-repeat;
}

#scResultsWrap #leftCol #color ul li .swatch5 { 
background:url('../colorswatch5.jpg') no-repeat;
}

#scResultsWrap #leftCol #color ul li .swatch6 { 
background:url('../colorswatch6.jpg') no-repeat;
}

#scResultsWrap #leftCol #color ul li .swatch7 { 
background-color:#5b2300;
}

#scResultsWrap #leftCol #color ul li .swatch8 { 
background-color:#ff3f00;
}

#scResultsWrap #leftCol #color ul li .swatch9 { 
background-color:#ff0019;
}

#scResultsWrap #leftCol #color ul li .swatch10 { 
background-color:#ffa9cc;
}

#scResultsWrap #leftCol #color ul li .swatch11 { 
background-color:#9803c8;
}

#scResultsWrap #leftCol #color ul li .swatch12 { 
background-color:#3f00b5;
}

#scResultsWrap #leftCol #color ul li .swatch13 { 
background-color:#007512;
}

#scResultsWrap #leftCol #color ul li .swatch14 { 
background-color:#eeff00;
}

#scResultsWrap #leftCol #color ul li .swatch15 { 
background:url('../colorswatch15.jpg') no-repeat; 
}


#scResultsWrap #leftCol #bottomContent {
border-top:1px solid #665e69;
width:155px;
padding:20px 0 0 0;
margin:0 0 0 8px;
font-family:Arial, sans-serif;
}

#scResultsWrap #leftCol #bottomContent p {
margin:0 0 8px 0; 
}

#scResultsWrap #leftCol #bottomContent a { 
text-decoration:underline;
font-weight: normal;
}

/* LEFT COLUMN CUSTOMER COMMENT STYLES ------------------------------------------ */

#scResultsWrap #leftCol  #custComments {
width:134px;
margin:30px 0 0 20px;
}


#scResultsWrap #leftCol #bottomContent #custComments {
margin-left:10px;
}


#scResultsWrap #leftCol #custComments .top {
overflow:hidden;
width:134px;
height:10px !important; 
background:url('../comments_top.gif') no-repeat;
}

#scResultsWrap #leftCol #custComments .btm {
width:134px;
height:10px;
margin:0;
background:url('../comments_btm.gif') no-repeat;
}

#scResultsWrap #leftCol #custComments .content { 
width:134px;
overflow:hidden;
text-align:center; 
background:url('../comments_bg.gif') repeat-y;
}

#scResultsWrap #leftCol #custComments .content p { 
margin:0 10px 10px 10px;
}

#scResultsWrap #leftCol #custComments .content p.custTitle { 
color:#000;
font-weight:bold;
font-family:'Trebuchet MS', 'Lucida Sans', Arial, sans-serif;
}

#scResultsWrap #leftCol #custComments .content p.quote {
text-align:left;
color:#000;
margin:0 11px 10px 13px;
}

#scResultsWrap #leftCol #custComments .content p.author { 
color:#000;
text-align:right;
font-family:Arial, sans-serif;
margin-right:13px;
}


/* RIGHT COLUMN STYLES ------------------------------------------ */

#scResultsWrap #rightCol {
width:750px;
float:left;
margin:13px 0 0 10px;
}

#scResultsWrap #rightCol ul { 
list-style-type:disc; 
margin:0 0 0 0;
padding:0 0 0 20px;
}

#scResultsWrap #rightCol ul a { font-weight:bold; }

#scResultsWrap #rightCol ul li { margin:0 0 4px 0; }

/* TOP RESULTS STYLES ------------------------------------------ */

#scResultsWrap #rightCol #topResults { font-weight:bold; color:#000; }

#scResultsWrap #rightCol #topResults h1 { 
color:#9600c6;
font-weight:bold;
font-size:16px;
margin:0 0 10px 0;
display:inline;
}

#scResultsWrap #rightCol #topResults p.noMatches { display:block; margin:10px 0 3px 0;} 

#scResultsWrap #rightCol #topResults span.resultCorrect { color:#9803c8; font-weight:bold; }

#scResultsWrap #rightCol #topResults span.resultDetail { 
color:#000;
font-size:12px;
font-weight:normal;
margin:0 0 0 4px;
}

/* SORT BAR STYLES ------------------------------------------ */

#scResultsWrap #rightCol .sortBar {
    width: 100%;
    margin: 10px 0 0 0;
}

.bottompagination { margin: 10px 10px 0; clear: both; }

.bottompagination .label {
    font-size: 11px;
    font-weight: bold;
    color: #9900cc;
    float: right;
    margin: 5px 20px 0;
}

    #scResultsWrap #rightCol .sortBar .pagination,
    .bottompagination {
        float: right;
        width: 150px;
        margin: -5px 0 0;
    }
    
    #scResultsWrap #rightCol .sortBar .pagination div.pagenav,
    .bottompagination div.pagenav {
        float: right;
        margin: -3px 0 0;
    }
    
        #scResultsWrap #rightCol .sortBar .pagination .pages a,
        .bottompagination .pages a { font-weight: bold; }
        
        #scResultsWrap #rightCol .sortBar .pagination a img,
        .bottompagination a img {
            position: relative;
            top: 2px;
        }

    #scResultsWrap #rightCol .sortBar .matches { 
        width: 314px;
        float: left;
    }

    #scResultsWrap #rightCol .sortBar .sortoptions {
        float: right;
        width: 190px;
        margin: -4px 0 0;
    }

    #scResultsWrap #rightCol .sortBar a,
    .bottompagination a { 
        font-weight:normal;
        color:#9900cc;
        font-size:12px;
        text-decoration:underline;
    }

    #scResultsWrap #rightCol .sortBar a.backtoproducts,
    .bottompagination a.backtoproducts {
        display: block;
        float: left;
    }
    
    #scResultsWrap #rightCol .sortBar a.noUnderline { text-decoration:none; }

    #scResultsWrap #rightCol .sortBar .matchesNum { 
        color:#9900cc;
        font-size:13px;
        font-weight:bold;
    }

    #scResultsWrap #rightCol .sortBar .matchesShown {
        color:#000;
        font-size:10px;
    }

/* PAGINATION STYLES ------------------------------------------ 

#scResultsWrap #rightCol table.pagination { 
float: right;
margin: 5px 0 0 0;
}

#scResultsWrap #rightCol table.pagination a { 
text-decoration:underline;
font-size: inherit;
}

#scResultsWrap #rightCol table.pagination .pages a { 
font-weight:bold; 
text-decoration:none;
}

#scResultsWrap #rightCol table.pagination a img {
  position: relative;
  top: 2px;
}

-------------------------------------------------------------- */


/* RESULT GRID STYLES ------------------------------------------ */

#scResultsWrap #rightCol .scResultsGridWrapper { }
#scResultsWrap #rightCol .scResultsGrid { 
width:100%;
padding:0 0 5px 0;
margin:0 0 5px 0;
}

#scResultsWrap #rightCol .scResultsGrid .resultBlock { 
/*width:145px;*/
width:19%;
float:left; 
margin:0 6px 10px 0;
font-size:11px;
}

/* RESULT GRID (product) STYLES ------------------------------------------ */

#scResultsWrap #rightCol .scResultsGrid.products {}

#scResultsWrap #rightCol .scResultsGrid.products .resultBlock td.image { 
height:120px; 
text-align:center;
}

#scResultsWrap #rightCol .scResultsGrid.products .prodDetail { 
margin:0 0 5px 0 ; 
}

#scResultsWrap #rightCol .scResultsGrid.products .prodname a{
text-decoration:underline;
color:#000;
}

#scResultsWrap #rightCol .scResultsGrid.products .prodprice {
color:#ff7e00;
}


/* RESULT GRID (learning center) STYLES ------------------------------------------ */

#scResultsWrap #rightCol .scResultsGrid.learningCenter { border:0; }

#scResultsWrap #rightCol .scResultsGrid.learningCenter .resultBlock {
width:167px;
margin:10px 13px 0 0;
}

#scResultsWrap #rightCol .scResultsGrid.learningCenter td.image  {
height:125px;
background:url('../grid_4bg.jpg') no-repeat top left; 
}

#scResultsWrap #rightCol .scResultsGrid.learningCenter td.image  img { 
margin:1px 0 0 7px; 
padding:0 0 9px 0;
display:block;
}

#scResultsWrap #rightCol .scResultsGrid.learningCenter ul.prodDetail li { 
margin:0 0 3px 0;
line-height:13px;
}

#scResultsWrap #rightCol .scResultsGrid.learningCenter .prodname a{
text-decoration:underline;
font-weight:bold;
}

#scResultsWrap #rightCol .scResultsGrid.learningCenter .proditem {
font-weight:bold;
color:#818386;
}




.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-block;}  /* for IE/Mac */

/* Added by agabidinova. Fix cross Styles ------------------------------------------ */
#v3-toplogin a, #v3-header a 
{
    font-weight:bold;
    /* text-transform:uppercase; */
}

.prodbuy img.saleflag {
    margin-top: 3px;
}