@charset "UTF-8";
/* CSS Document */

* { margin: 0px; padding: 0px; }

body { background: #333333 url(img/site_bg.jpg) repeat-x; }

#siteWrap { width: 900px; border: 1px solid #000000; margin: 25px auto; }

.wrap { width: 900px; clear: both; }
.push { padding: 10px 0px; }

.ie6push { display: block; height: 20px; clear: both; }

#header { width: 900px; height: 235px; display: block; position: relative; }
	.headerMoreschi { background-image: url(img/header_moreschi02.jpg); }
	.headerAccessories { background-image: url(img/headers_accessories/rotator.php); }
	.headerMen { background-image: url(img/headers_men/rotator.php); }
	.headerWomen { background-image: url(img/headers_women/rotator.php); }
	.headerGiftcards { background-image: url(img/headers_giftcards/rotator.php); }
	.headerMisc { background-image: url(img/headermisc02.png); }

#FPheader { width: 900px; height: 265px; padding-top: 235px; display: block; background-image: url(img/FrontPage_SpringSummer2009/rotator.php); position: relative; overflow: hidden; }

#FP_MailingList a { display: block; width: 300px; height: 150px; background-image: url(img/FP_MailingList.png); background-position: 0px 0px; position: absolute; top: 330px; left: 20px; /* margin-top: 95px; margin-left: 20px; */ text-decoration: none; text-indent: -6000px; }
#FP_MailingList a:hover { background-position: 0px -150px; }



/* #logoPush /* For some reason, the margin-top property in #logo pushes against #siteWrap. { height: 10px; display: block; }	 */
/* #logo a { width: 135px; height: 74px; display: block; background-image: url(img/logo.png); background-position: 0px 0px; text-decoration: none; text-indent: -6000px; margin-left: 10px; }
/* #logo a:hover { background-position: 0px -74px; }
*/

#logo a { width: 135px; height: 74px; position: absolute; top: 10px; left: 10px; display: block; background-image: url(img/logo.png); background-position: 0px 0px; text-decoration: none; text-indent: -6000px; }
#logo a:hover{ background-position: 0px -74px; }


#mainMenu { width: 650px; height: 40px; display: block; background-color: #000000; float: left; overflow: hidden; }
#mainMenu a { display: block; height: 40px; float: left; background-position: 0px 0px; text-decoration: none; text-indent: -10000px; }
#mainMenu a:hover { background-position: 0px -40px; }
	.menuMoreschi { background-image: url(img/moreschi.gif); width: 178px; }
	.menuMen { background-image: url(img/men2.gif); width: 230px; }
	.menuAccessories { background-image: url(img/accessories.gif); width: 234px; }
	.menuWomen { background-image: url(img/women.gif); width: 152px; }
.mainMenuOn { background-position: 0px -80px!important; }

#accountMenu { width: 250px; height: 40px; float: right; background-color: #1C1C1C;  overflow: hidden; }
#accountMenu a { display: block; height: 40px; float: left; text-decoration: none; text-indent: -6000px; background-position: 0px 0px; overflow: hidden; }
#accountMenu a:hover { background-position: 0px -40px; }
	a.menu_shoppingbag { width: 150px; background-image: url(img/menu_shoppingbag.gif); }
	a.menu_account { width: 100px; background-image: url(img/menu_account.gif); }

#submenu { width: 900px; height: 18px; padding-top: 8px; text-indent: 10px; background-color: #666666; font: 12px Helvetica, Arial, sans-serif; color: #999999; }

#submenu a { text-decoration: none; color: #CCCCCC; }
#submenu a:hover { color: #FFFFFF; }
#submenu em { font-style: normal; padding: 0px 10px; }
	a.submenuOn { color: #000000!important; }


#page { display: table; background: #FFFFFF; padding-bottom: 25px; }


#baseMenu { display: block; height: 50px; overflow: hidden; }
#baseMenu ul { list-style-type: none; }
#baseMenu a { display: block; width: 150px; height: 50px; float: left; background-position: 0px 0px; text-decoration: none; text-indent: -6000px;}
#baseMenu a:hover { background-position: 0px -50px; }
	a.gift_cards { background-image: url(img/gift_cards.jpg); }
	a.mailing_list { background-image: url(img/mailing_list.jpg); }
	a.international_shipping { background-image: url(img/international_shipping.jpg); }
	a.contact_us { background-image: url(img/contact_us.jpg); }
	a.online_policies { background-image: url(img/online_policies.jpg); }
	a.current_promotions { background-image: url(img/current_promotions.jpg);}
	


#base { background-color: #000000; padding: 5px 0px; text-align: center; font: 12px Helvetica, Arial, sans-serif; color: #666666; }
#base em { font-style: normal; padding: 0px 10px; }
#base a { font: 12px Helvetica, Arial, sans-serif; color: #666666; text-decoration: none; }
#base a:hover { color: #FFFFFF; }

.contentWrap /* MEANT TO OFFSET IE6-WIN BOX MODEL ISSUES; MOSTLY REDUNDANT */ { width: 880px; margin: 10px auto; display: table; }
.itemWrap { width: 150px; height: 140px; float: left; margin-left: 20px; margin-top: 25px; }
.itemBox { width: 146px; height: 100px; display: block; background-color: #FFFFFF; border: 2px solid #999999; background-repeat: no-repeat; }
	.itemBox a { display: block; text-decoration: none; }
	.itemBox a:hover {  border-color: #000000; }
	.itemBox img, itemBox item a { border: 0px; }
.itemName { width: 150px; height: 20px; display: block; background-color: #999999; font: 10px/18px Helvetica, Arial, sans-serif; text-align: center; }
	.itemName a { text-decoration: none; color: #000000; }
	.itemName a:hover { color: #FFFFFF; }
.itemPrice { width: 150px; height: 20px; display: block; background-color: #CCCCCC; font: 10px/18px Helvetica, Arial, sans-serif; text-align: center; color: #666666; }

.text { font: 12px Helvetica, Arial, sans-serif; color: #666666; }
.text a { color: #000000; text-decoration: none; }
.text a:hover { text-decoration: underline; }
.text h1 { display: block; font: 16px Helvetica, Arial, sans-serif; color: #666666; border-bottom: 1px solid #999999; text-transform: uppercase; margin-bottom: 10px; }
.text h2 { font: bold 12px Helvetica, Arial, sans-serif; font-variant: small-caps; color: #333333; margin-bottom: 5px; }
.text ul { list-style-type: circle; margin: 10px 0px; }
.text li { margin-left: 20px; margin-bottom: 3px;}

.blockquote { margin: 10px 20px; }


.oneThirdLeft { width: 290px; padding-left: 10px; float: left; }
.twoThirdsRight { width: 580px; padding-left: 10px; padding-right: 10px; float: right; }

.oneHalfLeft { width: 420px; padding-right: 5px; padding-left: 20px; float: left; }
.oneHalfRight { width: 420px; padding-right: 20px; float: right; }


#mailinglistBox { width: 390px; height: 390px; margin: 20px auto; display: block; background-image: url(img/mailinglist_bg.jpg); padding-left: 10px; padding-top: 10px; padding-right: 400px; }
#contactusBox { width: 390px; height: 390px; margin: 20px auto; display: block; background-image: url(img/contactus_bg2.jpg); padding-left: 400px; padding-top: 10px; padding-right: 10px; }

.FP_Random { display: block; vertical-align: middle; width: 200px; height: 250px; padding: 5px; background-color: #FFFFFF; margin-left: 10px; border: 2px solid #CCCCCC; float: left; }
.FP_Random a { font: 10px Helvetica, Arial, sans-serif; color: #333333; text-decoration: none; }
.FP_Random img a { border: 1px solid #FFFFFF; }
.FP_Random img a:hover { border: 1px solid #000000; }

#footertext { font: 8px Helvetica, Arial, sans-serif; color: #7F7F7F; text-decoration: none; }

.bodytext { padding-left: 25px }