/*****
*CSS for Rustica Hardware Home Page
*Created by Brent Leavitt
*Date Created: 23 March 2009
*Updated: 21 July 2009
*
*THIS IS THE HOME PAGE CSS TEMPLATE FILE
******/

@import url(master.css);
/*Calls in header and footer styles. */ 


/*********************
* SPOT LIGHT  BOX
**********************/

#spotlight_box{width: 480px; height: 302px; overflow: hidden; float: left; margin-right:10px; }

#spotlight_box h2{ background: url(img/main_window_21.jpg) no-repeat top left; width: 480px; height: 0; padding-top: 272px; overflow: hidden; }

/*  end  SPOT LIGHT BOX*/



/*********************
*COLLECTIONS BOX
**********************/

#collections_box{width: 490px; height: 302px; overflow: hidden; float: left; background: #B3B3B3;}

#collections_box #shop_by_title{padding: 13px 0 0 280px; width: 210px; height: 17px; overflow: hidden; background: #666666; text-align: left; }
#collections_box #shop_by_title h3{color: #FFF; font-weight: normal; font-size: 1em;}

#collections_box #collections_menu{float: right; height: 215px; overflow: hidden;}
#collections_box #collections_menu li{display: block; background:#F0F0F0 ; text-align: left; margin-bottom:1px !important; margin-bottom: 0; height: 32px; width: 210px; font-size: .9em; overflow: hidden;}/*IMPLEMENT AN IE6 FIX HERE*/
#collections_box #collections_menu li span{padding: 18px 0 0 6px; display: block;}
#collections_box #collections_menu li span a{font-weight: bold; color: #666666;}
#collections_box #collections_menu li.more{text-align: right; margin-bottom:1px; height: 16px; width: 210px; font-size: .8em; }
#collections_box #collections_menu li.more span{padding: 0 6px 0 0; display: block;}
#collections_box #collections_menu li.more span a{font-weight: normal; color: #666666;}

#collections_box #testimonial {float:left; background: transparent url(img/testimonial_bg.jpg) no-repeat left top; margin-left: 5px; width: 165px; height: 175px; padding: 40px 0 0 80px; text-align: right; color: #fff; font-size: .9em;}
#collections_box #warranty{height: 47px; padding: 10px; overflow: hidden; clear: both; background: #666666;  }

#collections_box #warranty a{color: #fff; } 

#collections_box #warranty a:hover{text-decoration: underline; } 

#collections_box #warranty div{line-height: 1em;}

#collections_box #warranty .large{ font-size: 1.5em;  width: 490px; height:26px; padding-top: 5px; letter-spacing: 4px;  overflow: hidden; }

#collections_box #warranty .small{ font-size: .8em; display: block !important; width: 470px; height:17px; padding: 0 5px; text-align: right; overflow: hidden; letter-spacing: 0; }

/*  end  COLLECTIONS BOX*/



/*********************
*  MID SECTION	
**********************/
#middle_box {background:#ccc; margin-top: 10px; width: 980px; clear: both; float: left;  }
#middle_box #welcome_box{float: left; text-align: left; width: 300px; margin: 14px 14px 28px 14px;}
#middle_box #welcome_box h2{background:#665D50 url(img/welcome_to_rustica.gif) no-repeat center top; height: 0; width: 300px; padding-top: 69px; overflow: hidden; }
#middle_box #welcome_box p{text-indent: 20px; margin: 15px 0 0 0; color: #333; font-size: .8em; line-height: 1.1em; }

#middle_box #styles_box {margin: 0 0 10px 0; }
#middle_box #styles_box li{ display: inline-block; float: left; margin: 15px 10px 0 0; height: 138px; width: 150px; }
#middle_box #styles_box li a span{ display: block; padding: 10px 0 0 5px; height: 15px; width: 145px; font-size:.7em; background: #999999; line-height: 15px; text-align: left; overflow: hidden;}
#middle_box #styles_box li a { display: block; padding: 0; height: 137px; width: 150px;  background: #ffffff; overflow: hidden;}

/*  end  */



/*********************
*
**********************/


/*  end  */



/*********************
*
**********************/


/*  end  */