@import url("global.css");
@import url("results.css");

/*------------------------------- Start section "Page Layout" --------------------------------*/
/*-- Temporary values until we know exactly what should go here --*/

#stage #content #rightcontent{
width:733px;
float:right;
}
#stage #content #rightcontent.centercontent{
float:none;
margin:0px auto;
}
#stage #content #maincontent{
width:483px;
float:left;
}
/*------------------------------- End section "Page Layout" --------------------------------*/

/*------------------------------- Start section "Category Hero" --------------------------------*/

#stage #content ul.hero{
width:730px;
}
#stage #content ul.hero li{
float:right;
height:152px;
margin-bottom:14px;
width:358px;
}
#stage #content ul.hero li a{
display:block;
height:100%;
width:100%;
}
#stage #content ul.hero li.feature{
float:left;
height:318px;
margin-right:10px;
}

/*------------------------------- End section "Category Hero" --------------------------------*/

/*----------- Start section "Category Sub-categories" --------------- */

#stage #content div.subcategories.rounded{
background:#f6f6f6;
border:1px solid #d2d2d2;
float:left;
margin:8px 0 20px;
padding:6px 10px 9px 0;
width:720px;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}
#stage #content div.subcategories h3{
color:#3e3e3e;
font-size:18px;
font-weight:normal;
line-height:22px;
margin-left:10px;
}
#stage #content div.subcategories ul.categories li{
float:left;
height:83px;
margin:10px 0 0 10px;
overflow:hidden;
width:170px;
}
#stage #content div.subcategories ul.categories li a img{
}
#stage #content div.subcategories ul.categories li a:hover img{
margin-top:-83px;
}
#stage #content div.subcategories ul.categories li.text h4{
color:#545454;
font-size:14px;
font-weight:bold;
margin:8px 0 0;
}
#stage #content div.subcategories ul.categories li.text{
font-size:11px;
line-height:16px;
padding-left:8px;
}
#stage #content div.subcategories ul.categories li.text.one{
width:162px;
}
#stage #content div.subcategories ul.categories li.text.two{
width:334px;
}

/*----------- End section "Category Sub-categories" --------------- */

/*------------------- Start section "Filter presets" ----------------------- */

#stage #content #rightcontent div.filter-presets h2.rounded{
background:#f7f7f7;
border:1px solid #ccc;
color:#333;
font-size:18px;
font-weight:normal;
line-height:38px;
padding-left:10px;
width:720px;
border-top-left-radius:5px; /* short version doesn't work */
border-top-right-radius:5px;
border-bottom-left-radius:0;
border-bottom-right-radius:0;
-moz-border-radius-topleft:5px; /* short version doesn't work */
-moz-border-radius-topright:5px;
-moz-border-radius-bottomleft:0;
-moz-border-radius-bottomright:0;
-webkit-border-top-left-radius:5px; /* short version doesn't work */
-webkit-border-top-right-radius:5px;
-webkit-border-bottom-left-radius:0;
-webkit-border-bottom-right-radius:0;
}
#stage #content #rightcontent div.filter-presets ul.presets{
background:transparent url("result_presets_gradient.gif") bottom repeat-x;
border:1px solid #ccc;
border-top:none;
height:176px;
padding-top:10px;
width:730px;
}
#stage #content #rightcontent div.filter-presets ul.presets li{
background:#fff;
border:1px solid #ccc;
float:left;
height:159px;
margin-left:10px;
padding-top:5px;
position:relative;
text-align:center;
width:132px;
}
#stage #content #rightcontent div.filter-presets ul.four li{
width:168px;
}
#stage #content #rightcontent div.filter-presets ul.presets li:hover{
border-color:#999;
cursor:pointer;
}
#stage #content #rightcontent div.filter-presets ul.presets li > img{
background:#ccc; /* temporary value */
display:block;
margin:10px auto;
}
#stage #content #rightcontent div.filter-presets ul.presets li h4{
color:#3e3e3e;
font-size:11px;
font-weight:normal;
line-height:14px;
margin:10px 0;
}
#stage #content #rightcontent div.filter-presets ul.presets li div.button3.rounded{
position:absolute;
bottom:9px;
left:36px;
}
#stage #content #rightcontent div.filter-presets ul.four li div.button3.rounded{
left:52px;
}

/*------------------- End section "Filter presets" ----------------------- */

/*------------------- Start section "Boutique pages" ----------------------- */

#stage #content #rightcontent.centercontent div.results-heading.rounded,
#stage #content #rightcontent.centercontent div.filter-presets h2.rounded{
margin-left:0px;
}

/*------------------- End section "Boutique pages" ----------------------- */

/*------------------- Start section "Quicklinks/Joker's wild overrides" ----------------------- */

#stage #content .jokerswild{
margin:0 0 0 24px;
}

/*------------------- End section "Quicklinks/Joker's wild overrides" ----------------------- */