﻿@charset "utf-8";
/* CSS Document */
* { margin: 0px; padding:0; }

a:link { font: Arial; font-size: 12px; color: #BFA463; }
a:visited { font: Arial; font-size: 12px; color: #BFA463; }

a.subcategory_selected { font: Arial; font-size: 10pt; color: #a37f12; text-decoration: none; }
a.subcategory_selected : visited { font: Arial; font-size: 10pt; color: #a37f12; text-decoration: none; }

a.subcategory_not_selected { font: Arial; font-size: 10pt; color: #000000; text-decoration: none; }
a.subcategory_not_selected : visited { font: Arial; font-size: 10pt; color: #000000; text-decoration: none; }

input[type="submit"]{padding:0px 3px;}

.clear { clear:both; line-height:0; font-size:0; height:0; }
body { font-family: Arial, Helvetica, Nimbus Sans L, FreeSans; background:url(images/bg.jpg); background-attachment: fixed; margin-top: 20px; color: #585858;}
.wrap { width: 917px; margin: 0 auto; background-color: #FFF; }

b { color: #a37f12; font-size: 11pt; }

.mscTop {font-size: smaller; margin: 4px 0px 4px 0px;}
.mscBottom {font-size: smaller; margin: 4px 0px 4px 0px;}

body.PRINT {
   background-color: White;
   background-image: none;
   padding: 10px 10px 10px 10px;
}

.content_center {
   text-align: left;
   margin: 10px 40px 10px 40px;
}

/* Order Print HTML page styles */
.mscGridTable { width: 100%; border: solid 0px red; }
.mscGridTable tr th { text-align: left; padding: 1px 1px 1px 1px; border-bottom: solid 0px gray; }
.mscGridTable tr td { text-align: left; padding: 1px 1px 1px 1px; }

table.mscOrderTotals tr.mscSubTotal td.mscLabel {white-space: nowrap;}
table.mscLayoutTable tr td.mscCompanyInfo {text-align: right; vertical-align: top; border-bottom: solid 0px gray;}
table.mscLayoutTable tr td.mscLogo {text-align: left; vertical-align: top; border-bottom: solid 0px gray;}
/********************************/

/* header stuff */
table.OuterHeaderTable {background:url(images/header_index_bg.png) no-repeat;}

#header_index { height: 139px; padding: 0px 0px 0px 0px; width: 917px; background:url(images/header_index_bg.png) no-repeat;}
#header { height: 175px; padding: 0px 0px 0px 0px; width: 917px; background:url(images/header_bg.png) no-repeat;}
.spacer { padding-top: 40px; }
.spacer2 { padding-top: 32px; }

/* top header txt color and links */ 
.toptxt { font-family: Arial, Helvetica, sans-serif; font-size:11px; color: #ffffff; }
.toptxt a { color: #BFA463; text-decoration: none; }
.toptxt a:hover { color: #BFA463; text-decoration: underline; }
.toptxt a:visited { color: #BFA463; }
.toptxt2 { font-family: Arial, Helvetica, sans-serif; font-size:13px; color: #ffffff; }
.toptxt2 a { color: #BFA463;  text-decoration: none; }
.toptxt2 a:hover { color: #BFA463; text-decoration: underline; }
.toptxt2 a:visited { color: #BFA463; }
.subnavi { font-family:Arial, Helvetica, sans-serif; font-size: 11px; color: #585858; font-weight: bold; }
.subnavi a { font-family:Arial, Helvetica, sans-serif; font-size: 11px; color: #585858; text-decoration: none; font-weight: bold; }
.subnavi a:hover { font-family:Arial, Helvetica, sans-serif; font-size: 11px; color: #a37f12; text-decoration: none; font-weight: bold; }

#promotionDetails { font-size: 11px; color: White; float: right; padding-top: 10px; text-align: right; }
#promotionDetails h5 { color: #4DB3D0; font-size: 13px; }
#promotionDetails a { color: #BFA463;  text-decoration: none; }
#promotionDetails a:hover { color: #BFA463; text-decoration: underline; }
#promotionDetails a:visited { color: #BFA463; }

/* content wrapper for each content section */
#content_wrap { width: 917px; height: auto; background:url(images/content_bg.gif); padding: 10px 0px 10px 0px; }
#content_wrap_top { height: 11px; width: 859px; background:url(images/content_wrap_top.png) no-repeat center; }
#content_wrap_mid { height: auto; width: 859px; background:url(images/content_wrap_mid.png); text-align: left; }
.midspacer { padding: 5px 5px 10px 20px; }
.buffer { width: 65px; } /* made for products table buffer in between*/
.width_150 { width: 25%; text-align: center;} /* made for 145x145 product images*/
.width_270 { width: 270px; } /* made for 265x265 product images*/
#content_wrap_bot { height: 9px; width: 859px; background:url(images/content_wrap_bot.png) no-repeat center; }
#content_wrap p.p1 {margin-bottom:10px;}
#content_wrap h1.h1 {margin-bottom:15px;border-bottom:3px solid #DBDBDB; padding-bottom:5px;margin-right:25px;}
hr { margin: 5px 10px 5px 0px; }




/* content font sizes and link colors */
h1 { font-family: Arial; font-size: 16px; color: #a37f12; text-align:left; }
h2 { font-family: Arial; font-size: 11px; color: #000000; text-align:left; }
.content { font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #585858; }
.content a { font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #a37f12; text-decoration: none }
.content a:hover { font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #a37f12; text-decoration: underline; }
.content a:visited { font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #5d4601; } 
.price { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000; font-weight: bold; } 
.price_bold { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000; font-weight: bold; }


/* cart table */
.cart { border: 1px solid #cccccc; }
.grey { background-color: #ededed; height: 24px; padding-left: 6px; }
.white { background-color: #ffffff; height: 24px; border-top: 1px solid #cccccc; }
.white2 { background-color: #ffffff; height: 24px; border-top: 1px solid #cccccc;  padding-left: 6px; }
.prod_name { font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #a37f12; }
#cart_buttons { text-align: right; float:right; padding-right: 24px; padding-top: 10px; width: 300px; border: 0px solid #000; }



/* signup page */
.signup { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #000; } 




/* pagination - 1 of 10 >> next */
#pagination { font-size: 11px; color: #585858; font-family: Arial, Helvetica, sans-serif; float: right; text-align: right;  padding-top: 5px;  border: 0px solid #000; }
#pagination a { font-size: 11px; color: #a37f12; font-family: Arial, Helvetica, sans-serif; text-decoration: none; }
#pagination a:hover { font-size: 11px; color: #a37f12; font-family: Arial, Helvetica, sans-serif; text-decoration: underline; }



/* breadcrumb links */
#breadcrumb { font-size: 11px; color: #585858; font-family: Arial, Helvetica, sans-serif; float: left; text-align: left; padding-left: 40px; padding-bottom: 10px; width: 500px; border: 0px solid #000; }
#breadcrumb a { font-size: 11px; color: #a37f12; font-family: Arial, Helvetica, sans-serif; text-decoration: none; }
#breadcrumb a:hover { font-size: 11px; color: #a37f12; font-family: Arial, Helvetica, sans-serif; text-decoration: underline; }



/* found items links */
#founditems { font-size: 11px; color: #585858; font-family: Arial, Helvetica, sans-serif; float: left; text-align: left; padding-bottom: 10px; width: 500px; border: 0px solid #000; }
#founditems a { font-size: 11px; color: #a37f12; font-family: Arial, Helvetica, sans-serif; text-decoration: none; }
#founditems a:hover { font-size: 11px; color: #a37f12; font-family: Arial, Helvetica, sans-serif; text-decoration: underline; }




/* brown bottom wrapper and text color and links */
#brwn_bg_top { height: 8px; width: 859px; background:url(images/brwn_bg_top.png) no-repeat center; }
#brwn_bg_mid { height: auto; width: 859px; background:url(images/brwn_bg_mid.png); }
#brwn_bg_bot { height: 9px; width: 859px; background:url(images/brwn_bg_bot.png) no-repeat center; }
.midspacer2 { padding: 0px 5px 0px 20px; }

.whitetxt { font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #FFF; font-weight: normal; }
.whitetxt a { color: #FFF; text-decoration: none; font-size: 16px; }
.whitetxt a:hover { color: #FFF; text-decoration: underline; font-size: 16px; }

.whitetxt2 { font-family:Arial, Helvetica, sans-serif; font-size: 11px; color: #FFF; }
.whitetxt2 a { color: #FFF; text-decoration: none; }
.whitetxt2 a:hover { color: #FFF; text-decoration: underline; }


/* footer text */
#footertxt { font-size: 11px; color: #585858; font-family: Arial, Helvetica, sans-serif; width: 800px; margin: 0px auto; padding: 15px 0px; }
#footertxt a { font-size: 11px; color: #BFA463; font-family: Arial, Helvetica, sans-serif; text-decoration: none; }
#footertxt a:hover { font-size: 11px; color: #BFA463; font-family: Arial, Helvetica, sans-serif; text-decoration: underline; }
#footertxt .left { float: left; font-size: 11px; color: #BFA463; font-family: Arial, Helvetica, sans-serif;  overflow: hidden; }
#footer { height: 10px; padding: 0px 0 0 0px; width: 917px; background:url(images/footer.gif) no-repeat; }





/**********************************************************************/
.midspacer2 { padding: 5px 0px 10px 5px; }

.headerSearchType { width: 130px; }
.homeCenterSplash { height: 215px; padding: 0px 0 0 10px; width: 860px; background:url(images/home_graphic.jpg) no-repeat; margin-top: 20px; margin-bottom: 20px; }
/*.category_header_home { height: 215px; padding: 0px 0 0 10px; width: 860px; background:url(images/category_header_home.jpg) no-repeat; margin-top: 5px; }
.category_header_music { height: 215px; padding: 0px 0 0 10px; width: 860px; background:url(images/category_header_music.jpg) no-repeat; margin-top: 5px; }
.category_header_apparel { height: 215px; padding: 0px 0 0 10px; width: 860px; background:url(images/category_header_apparel.jpg) no-repeat; margin-top: 5px; }
.category_header_fashion_accessories { height: 215px; padding: 0px 0 0 10px; width: 860px; background:url(images/category_header_fashion_accessories.jpg) no-repeat; margin-top: 5px; }
.category_header_gifts { height: 215px; padding: 0px 0 0 10px; width: 860px; background:url(images/category_header_gifts.jpg) no-repeat; margin-top: 5px; }
.category_header_opera_glasses { height: 215px; padding: 0px 0 0 10px; width: 860px; background:url(images/category_header_opera_glasses.jpg) no-repeat; margin-top: 5px; }
.category_header_books { height: 215px; padding: 0px 0 0 10px; width: 860px; background:url(images/category_header_books.jpg) no-repeat; margin-top: 5px; }
.category_header_stationery { height: 215px; padding: 0px 0 0 10px; width: 860px; background:url(images/category_header_stationery.jpg) no-repeat; margin-top: 5px; }
.category_header_decor { height: 215px; padding: 0px 0 0 10px; width: 860px; background:url(images/category_header_decor.jpg) no-repeat; margin-top: 5px; }
.category_header_holiday { height: 215px; padding: 0px 0 0 10px; width: 860px; background:url(images/category_header_holiday.jpg) no-repeat; margin-top: 5px; }
*/
.category_description {
   color: White;
   font-size: 10pt;
   padding-top: 90px; 
   padding-left: 10px; 
   padding-right: 10px;
   text-decoration: none;
}

 
/*Phase 2*/

.category_header { height: 215px; padding: 0px 0 0 10px; width: 860px; margin-top: 5px; }
.mscPopup {padding: 2px 5px 2px 5px;}

.mscBilling {margin: 5px 0px 5px 0px;}
.mscShipping {margin: 5px 0px 5px 0px;}

.mscBreadCrumbs { font-size: 11px; color: #585858; font-family: Arial, Helvetica, sans-serif; float: left; text-align: left; padding-left: 40px; padding-bottom: 10px; width: 500px; border: 0px solid #000; }
.mscBreadCrumbs  a { font-size: 11px; color: #a37f12; font-family: Arial, Helvetica, sans-serif; text-decoration: none; }
.mscBreadCrumbs  a:hover { font-size: 11px; color: #a37f12; font-family: Arial, Helvetica, sans-serif; text-decoration: underline; }


.mscLoginForm .mscActions, .mscLoginForm .mscSubNotes { margin-left: 65px; }
.mscLoginForm .mscActions{ margin-top: 10px; }
.mscLoginForm .mscSubNotes, .mscCartAddressForm .mscActions, .Checkout .mscActions { font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #585858; }
.mscLoginForm .mscSubNotes h6 { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #000; }

.mscPaymentForm .mscInstructions {display:none;}

.mscRegistrationForm .mscFormLabel, 
.mscRegistrationForm .mscInstructions,
.mscPaymentForm .mscFormLabel,
.mscCartAddressForm .mscInstructions,
.mscCartReviewForm .mscInstructions,
.mscCartAddressForm .mscFormLabel, 
.Checkout .mscFormLabel, 
.mscCustomerForm .mscFormLabel,
.mscOrderDetailView .mscReviewTable .mscLabel,
.mscLoginForm .mscFormLabel { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #000; } 

.mscRegistrationForm .mscFormLabel, 
.mscCartAddressForm .mscFormLabel,
.Checkout .mscFormLabel, 
.mscPaymentForm .mscFormLabel,
.mscCustomerForm .mscFormLabel,
.mscOrderDetailView .mscReviewTable .mscLabel,
.mscLoginForm .mscFormLabel {text-align: right; }


.mscCartPaymentForm h3, .mscCartReviewForm h3, .mscCustomerForm h3 { text-align: left; font-size: 14px; color: #a37f12; margin-bottom: 10px; margin-top: 10px; }
.mscCartPaymentForm .mscPaymentForm { margin-left: 15px; }
.mscCartPaymentForm .mscTips { font-size: 10px; }

.mscRegistrationForm .mscActions { margin-left: 115px; margin-top: 10px; }
.mscSearchDescription {font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #a37f12; text-align:left;}

table.mscGridTable tr.mscGridHeaderRow th.mscGridHeaderCell mscOrderId {font-size: smaller;}

/*** cart review form ***/
.mscCartReviewForm .mscItems .mscGridTable .mscGridHeaderRow,
.mscCartValidationView .mscGridTable .mscGridHeaderRow  { background-color: #ededed; height: 24px; padding-left: 6px; font-size: 11px; font-weight: bold; color: #000; text-align:left;}
.mscCartReviewForm .mscItems .mscGridTable .mscGridHeaderRow .mscGridHeaderCell,
.mscCartValidationView .mscGridTable .mscGridHeaderCell { padding-left: 6px; }
.mscCartReviewForm .mscItems .mscGridTable,
.mscCartValidationView .mscGridTable { width: 100%; border: 1px solid #cccccc; font-family: Arial, Helvetica, sans-serif;} 
.mscCartReviewForm .mscItems .mscGridTable .mscGridHeaderRow .mscItemDescription { width: 60%; }
.mscCartReviewForm .mscItems .mscGridTable .mscGridCell,
.mscCartValidationView .mscGridTable .mscGridCell { background-color: #ffffff; height: 24px;  padding-left: 6px; border-top: 1px solid #cccccc; font-size: 11px;}
.mscCartReviewForm .mscItems .mscOrderFooter .mscOrderTotals .mscLabel {height: 24px; padding-left: 6px; font-size: 11px; font-weight: bold; color: #000; text-align:right; white-space: nowrap; padding-right: 10px;}
.mscCartReviewForm .mscItems .mscOrderFooter .mscOrderTotals .mscValue {background-color: #ededed; font-size: 11px; font-weight: bold; height: 20px; padding: 5px 5px 5px 10px; text-align: right;}

.mscOrderDetailView .mscReviewTable .mscValue {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000;}
.mscOrderDetailView h5 {color: #a37f12; margin-top: 10px;}
.mscOrderDetailView .mscLayoutTable, .mscCartValidationView .mscGridTable { width: 100%; margin-top: 10px; margin-bottom: 10px;}


/**************************************************************
** ACCOUNT
***************************************************************/
.accountDefault, .editAccountProfile { margin: 10px; }
.AccountNav 
{
	 text-align: center;	
	 padding: 5px;
	 margin-top: 0px;
	 margin-bottom: 0px;
}
.accountDefault .editProfile { float: right; }
.accountDefault .mscProfile .mscName { font-weight: bold; color: #37342E; font-size: 110%;}
.mscCustomerDetailView h5 { padding: 0px; margin: 0px;  font-weight: bold; color: #a37f12; padding-top: 5px;}
.accountDefault .CustomerAccountView .mscCustomerDetailSubView { margin-bottom: 15px; }
.accountDefault .CustomerAccountView .mscCarts { margin-bottom: 15px;  }
.accountDefault .CustomerAccountView .mscOrderHistory { margin-bottom: 15px;  }
.accountDefault .mscGridHeaderCell { text-align: left; background-color:#d4d4d4; padding: 2px; margin: 0px; color: #666666; }


/* CUSTOMER ACCOUNT NAVIGATION*/
.mscTabBody .mscTab {
	left:10px;
	position:relative;
	top:1px;
} 

.mscStepNavigation { padding-top: 10px; margin-bottom: 25px; }

.mscStepNavigation a:link { color: #000000; }
.mscStepNavigation a:visited { color: #000000; }
.mscStepNavigation a:hover { color: #000000; }
.mscStepNavigation a:active { color: #000000; }

.mscCustomerDetailView .mscLayoutTable { width: 100%; margin-top: 15px; margin-bottom: 15px;}
.mscCustomerDetailView .mscProfile, .mscCarts, .mscOrderHistory { margin-top: 10px; margin-bottom: 10px; }

table.mscLayoutTable {width: 100%; margin-bottom: 10px;}
   
/* Gift Wrap & Package Messages */
.LoginButton {
   width: 62px;
   height: 14px;
   margin: 2px 0px 2px 0px;
   line-height: 14px;
   font-size: 11px;
   font-weight: bold;
   padding: 0 0 2 0;
   text-indent: 5px;
   border: 0px;
   text-align: left;
   cursor: pointer;
   text-decoration: none;
   background-position: 0pt -14px;
   background-color: transparent;
   background-image: url(images/login-button.png);
   background-repeat: no-repeat;
   background-attachment: scroll;
   background-position: 0pt 0pt;
   color: #585858;
}

.mscGiftWrapForm legend, .mscPackageMessagesForm legend
 { font-family: Arial; font-size: 12px; color: #000000; text-align:left; font-weight: bold; }
.mscGiftWrapForm .mscWrapStyle, .mscPackageMessagesForm .PackageMessageAddressing, .mscPackageMessagesForm .PackageMessage
 { font-family: Arial; font-size: 11px; color: #000000; text-align:left; margin: 5px; }
 
 .mscPackageMessagesForm { }
.mscPackageMessagesForm label { font-weight: bold; }
.mscPackageMessagesForm .PackageMessageAddressing { float: left; width: 400px; }
.mscPackageMessagesForm .PackageMessageAddressing label { display: block; float: left; width: 70px; text-align: right; padding-right: 6px; }
.mscPackageMessagesForm .PackageMessage label { display: block; float: left; width: 70px; height:65px; text-align: right; padding-right: 6px; }

/* Phase 2  */
.CartEmptyRow {  border-bottom:solid 1px #CCCCCC; border-top: solid 1px #CCCCCC;}

.ForgotPasswordWording { font-size:smaller;}
.optionsSubmit .PackageMessage
{
    float:left; 
}
.metMembership {margin-bottom:10px;text-align:right;padding-right:30px;}
.metMembership a{text-decoration:none;}

#ConciergeForm .mscFormTable td {vertical-align:top;}
#ConciergeForm .mscFormTable .mscFormLabel{text-align:right;font-weight:bold;}
#ConciergeForm .mscFormTable .mscFormLeftSpacer{width:10px;}
#ConciergeForm .mscFormTable .mscFormValidation{width:7px;}
#ConciergeForm .mscFormTable .mscFormMiddleSpacer{width:25px;}
#ConciergeForm .mscFormTable .mscFormAction{vertical-align:bottom;text-align:center;}
#ConciergeForm .mscFormTable .mscFormHeading{text-indent:10px;font-weight:bold;}
#ConciergeForm textarea {overflow:hidden;}
#ConciergeForm .mscFormTable td{padding-bottom:3px;}

/*Banner style*/
#adWrapper { width: 850px; height: 380px; margin: 0px auto; position: relative; border: 0px; padding: 0px; background-color: White; }
#adWrapper div { display: none; width: 850px; height: 380px; padding: 0px; border: 0px; }
/*
#adWrapper .adItem { position: relative; text-align: left; width: 850px; height: 380px; }
#adWrapper a,
#adWrapper a:link,
#adWrapper a:visited,
#adWrapper a:hover,
#adWrapper a:active{color:transparent;}
*/
#adWrapper tblCategoryHeader{width:859;}
#rotatorNav { z-index: 50; position: absolute; top: 10px; right: 15px; display: none; }
#rotatorNav img { border: 0px; padding: 0px 1px; cursor: pointer; }

/* What's in store */
#whatsInStore { background:url(../../custom/images/home_whatsinstore_shadow.gif); background-position: top; height: 45px; width: 870px; border: 0px; margin: 0px auto; }
#ticker { width: 660px; height: 36px; border: 0px; margin: 0px 0px 0px 168px; }
#ticker div { height: 16px; font-size: 12px; margin-top: 13px; display: none; background-color: White; }

/* Featured Boxes */
#leftFeaturedContentBox { height: 170px; width: 230px; float: left; margin: 5px 8px 5px 33px; border: 0px; padding: 0px; text-align: left; display: none; background-color: #fff; }
#centerFeaturedContentBox { height: 170px; width: 230px; float: left; margin: 5px 8px 5px 7px; border: 0px; padding: 0px; display: none; background-color: #fff; overflow: hidden; }
#rightFeaturedContentBox { height: 170px; width: 361px; float: left; margin: 5px 0px 5px 7px; border: 0px; padding: 0px; display: none; background-color: #fff; }

#centerFeaturedContentBox ul { list-style-type: none; }
#centerFeaturedContentBox ul li a,
#centerFeaturedContentBox ul li a:link,
#centerFeaturedContentBox ul li a:visited,
#centerFeaturedContentBox ul li a:active { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #a37f12; text-decoration: none; }
#centerFeaturedContentBox ul li a:hover { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #a37f12; text-decoration: underline; }

#centerFeaturedContentNav { z-index: 50; position: absolute; bottom: 7px; left: 7px; display: none; }
#centerFeaturedContentNav img { border: 0px; padding: 0px 1px; cursor: pointer; }


/* Fat Footer */
#fatFooter { width: 800px; border: 0px; margin: 20px auto 10px auto; text-align: left; }

/* misc */
#metGiftCard .small{font-size: smaller;}
#metGiftCard .metMessages{color:#F28B33 !important;font-weight:bold;font-size:14px;}
#metGiftCard .metInstructions {font-size:smaller;}
#metGiftCard .metInstructions div {margin:5px 0px;}
#metGiftCard .cart {margin:5px 0px;}
#metGiftCard .cart tr{font-size:12px;margin:5px 0px;}
#metGiftCard .metMessages {margin:5px 0px;}

#metGiftCard h2{font-size:15px;}


/**********************************
Main Nav Highlighting
**********************************/
#MainNavMenu a,
#MainNavMenu a:link,
#MainNavMenu a:active,
#MainNavMenu a:visited
    { color: #BFA463; text-decoration: none; margin-right: 10px; font-size: 12px; }

#MainNavMenu a:hover { color: White; }

.mscRegistrationPanel {position:relative;}
