/* CSS Document for SFC Homepage */

/* Page Basics */
body { line-height:16px; background:url(../images/homepage/main_bg_home.jpg) no-repeat center top #670099; }


/* Torso */
#torso { padding:10px 0 20px 0; background:#FFFFFF; }
* html #torso { margin-top:-10px; padding:20px 0 20px 0; }


/* Header */
#logo { margin:21px 0 0 0; }


/* Flash Holder */
#flash-holder { width:100%; height:304px; margin:-54px 0 0 0; float:left; text-align:center; position:relative; background:url(../images/homepage/flash_shadow.png) repeat-x left 252px; z-index:0; }
* html #flash-holder { background:none; }
#flash-holder img { margin:0 0 0 -2px; }



/* Categories */
#categories { width:100%; margin:0 0 6px 0; float:left; }
#categories div { width:240px; height:203px; float:left; position:relative; }
#category-athletic { background:url(../images/homepage/shoe_athletic.jpg) no-repeat left top; }
#category-dress { background:url(../images/homepage/shoe_dress.jpg) no-repeat left top; }
#category-casual { background:url(../images/homepage/shoe_casual.jpg) no-repeat left top; }
#category-safety { background:url(../images/homepage/shoe_work.jpg) no-repeat left top; }
#categories a.male { width:120px; height:55px; background:url(../images/homepage/btn_male.png) no-repeat left top; position:absolute; right:16px; top:61px; cursor:pointer; padding: 25px 0 0 35px; font-weight: bold; text-transform: uppercase; }
#categories a.male:hover, #categories a.male:focus { background:url(../images/homepage/btn_male_on.png) no-repeat left top; }
#categories a.female { width:120px; height:55px; background:url(../images/homepage/btn_female.png) no-repeat left top; position:absolute; right:16px; top:126px; cursor:pointer; padding: 25px 0 0 35px; font-weight: bold; text-transform: uppercase; }
#categories a.female:hover, #categories a.female:focus { background:url(../images/homepage/btn_female_on.png) no-repeat left top; }


/* Featured Products */
#featured-products { width:100%; margin:0 0 6px 0; float:left; position:relative; overflow:hidden; }
#featured-products .content { float:left; position:relative; left:50%; text-align:center; }
#featured-products ul { margin:0; float:left; list-style:none; position:relative; left:-50%; }
#featured-products li { width:191px; float:left; display:inline; position:relative; text-align:center; }
#featured-products a { width:100%; text-align:center; font-weight:bold; color:#666666; line-height:20px; }
#featured-products a img { position:relative; z-index:0; }
#featured-products a span { padding:2px 0; display:block; }
#featured-products a span.title { width:100%; margin:-191px 0 0 0; padding:180px 0 0 0; float:left; position:relative; z-index:1; color:#333333; }
#featured-products a.new .title { background:url(../images/homepage/tag_new.png) no-repeat 14px 96px; }
#featured-products a:hover .title, #featured-products a:focus .title { text-decoration:underline; }
#featured-products a span.cPrice { padding:0; color:#660099; }
#featured-products a span.price { text-decoration: line-through; display:inline; }

#featured-products a.add-to-cart { width:102px; height:25px; margin:9px 0 0 44px; background:url(../images/homepage/add_to_cart.gif) no-repeat left top; display:inline; clear:both; }
#featured-products a.add-to-cart:hover, #featured-products a.add-to-cart:focus { background:url(../images/homepage/add_to_cart_over.gif) no-repeat left top; text-decoration:none; }


/* Site Search */
#site-search { width:172px; margin:0 0 15px 20px; padding:0 10px 20px 10px; float:right; display:inline; background:url(../images/homepage/carosel_client_border_bot.gif) repeat-x left bottom; clear:right; }
#site-search .input input { width:139px; }



/* Mailing List */
#mailing-list { padding:0 10px 0 10px; background:none; }



/* Company Extras */
#company-extras { padding:0 0 5px 0; background:url(../images/homepage/footer_bg_bot.gif) no-repeat center bottom #FFF; border-top:none; }
#company-extras .center { padding:10px 0 35px 0; background:url(../images/homepage/carousel_top_shad.png) no-repeat center top #F5F5EB; border-top:1px solid #FEFFFD; }
