@CHARSET "UTF-8";

/************************************/
/* GENERAL							*/
/************************************/

html, body { height:100%; font-family:Georgia; }

body { position: relative; text-align:center; padding:0px; margin:0px; background:#f5f5fa; }
table { border-collapse:collapse; margin:0; padding:0; }
td { vertical-align:top; margin:0; padding:0; }

a { text-decoration:none; color:#fff; font-family:Arial; font-size:11px; }
a:visited{ color:#fff }
a:hover{ text-decoration:underline; }

h1 { font-size:24px; margin: 13px 0;  font-weight: normal;  font-family: Georgia; }
h2 { font-size:22px; margin: 10px 0;  font-weight: normal;  font-family: Georgia; }
h3 { font-size:19px; margin: 8px 0;  font-weight: normal;  }
h4 { font-size:12px; margin: 6px 0;  font-weight: normal; font-weight:bold;  }

fieldset { padding:4px; margin:20px 10px; width:80%; }
legend { font-weight:bold; margin-left: 10px; }


.no-display { display: none; }
.inline { display:inline; }
.clear	{ clear:both;}
.center { text-align: center; }

.small-font { font-size: 10px; }

.bold { font-weight: bold }
.no-whitespace { padding: 0; margin: 0 }

.white, a.white { color: #FFF }
.navy-blue, a.navy-blue { color:#002d81; }
.baby-blue, a.baby-blue { color:#639bfc; }
.teal, a.teal { color:#00b3ff; }
.pink, a.pink { color:#ff54c9; }
.orange, a.orange { color:#fc9738 }
.green, a.green { color: #006837; }

#main
{
	margin: 0px auto;
	padding: 0 8px;
	text-align: left;
	position: relative;
	width: 984px;	
	/*100% height trick for all browsers*/
	min-height: 100%;
	height: auto !important;
	height: 100%;
	background-color: #040e36;
	background: url(../images/body-bg.gif) left top repeat;
}

.content-wrapper
{
	float: left;
	padding-bottom: 66px; /* needed to prevent body text from flowing underneath the footer due to its absolute positioning */ 
	margin-top: 10px;
	width: 833px;
}

/************************************/
/* HEADER							*/
/************************************/

#header { width: 100%; height: 118px; behavior: url(js/iepngfix.htc); background: url(../images/header-bg.png) top left no-repeat;}

.link-to-home{ position: absolute; top: 0; left: 0; width: 600px; height: 125px;  z-index: 999; text-indent: -9999px; overflow: hidden; cursor: pointer;}

/* positions the social diary "emblem" for use in the header */
/* allows for .link-to-social-diary to be used / positioned in other places */   
#header .link-to-social-diary { float: right; position: relative; top: 10px; right: 4px; }
#header .link-apply { float: right; position: absolute; top: 71px; right: 10px; width: 158px; height: 18px; padding: 6px; background-color: #296de2; border: 1px solid #64a6f4; padding; 8px; text-align: center; font-family: Georgia; font-weight: bold; font-size: 16px; font-style: italic; }

/************************************/
/* NAV								*/
/************************************/
#nav{ float: left; width: 151px; margin-top: 10px; padding-bottom: 46px;}

/* TABS */

.nav-tabs a
{
	display: block;
	float: left;
	text-indent: -9999px;
	overflow: hidden;
	cursor: pointer;
	height: 32px;
	margin: 0;
	padding: 0;	
}

.nav-tabs a#category-tab	{background: url(../images/category-tab.png) left bottom no-repeat; width: 83px;}
.nav-tabs a#category-tab.selected {background-position: left top;} /* shifts image for selected tabs */


.nav-tabs a#brand-tab		{background: url(../images/brand-tab.png) left bottom no-repeat; width: 62px;}
.nav-tabs a#brand-tab.selected {background-position: left top;} /* shifts image for selected tabs */


/* CONTENT */
.nav-content
{
	clear: both;
	position: relative;

	width: 138px;
	padding: 12px 0 12px 5px;
	/* 46px of bottom padded needed to prevent body text from flowing underneath the footer due to its absolute positioning */ 
	/* 08/28/09: Changed padding-bottom to 12px per client request -- will monitore whether above issue is still present  */ 
	
	border-left: 1px #5597ef solid;
	border-right: 1px #5597ef solid;

	/*background: #296de2;*/
	background: #FFF;
	word-spacing: -0.5px;	
}
.nav-content h2, .nav-content a { color: #123277 !important; font-size: 12px; }

.nav-bottom
{
	position: relative;
	top: -3px;
	width: 145px;
	height: 15px;
	background: url(../images/nav-bottom.png) left bottom no-repeat;	
}
.nav-content h2{ color: #fff; margin-top: 20px;}

/* nav links */
.nav-content ul { list-style:none; }
.nav-content li { background:url(../images/pink-diamond-nav.gif) left 6px no-repeat; padding-left: 12px;}
.nav-content li a.selected { text-decoration: underline; }

.nav-content .scroll-pane { height: 500px; }
/************************************/
/* HOME PAGE						*/
/************************************/

#home{ width: 100%;}

.pager {}
.pager p { font-size:12px; font-family:Georgia; color:#639bfc; word-spacing:2px}
.pager a { color:#639bfc;  font-family:Georgia; font-size:12px; }
.pager .selected { color:#fff; font-weight:bold; }

/************************************/
/* STORE INFO						*/
/************************************/

.store-link { float: right; padding-right: 4px;}
.store-link a { position: relative; top: -13px; font-size: 16px; } /* necessary to defeat weird spacing shift with inline elements */
.store-link a { padding: 10px 6px; border-top: 1px #ffd8f2 solid; border-bottom: 1px #ffd8f2 solid; color: #ff66ce !important; }

.store-details { clear: both; padding: 6px 4px; }
.store-details a { color: #29abe2 !important; }
.store-details .store-name { font-size: 28px; color: #002d81; margin-bottom: 10px;}
.store-details #store-description { width: 60%; font-size: 14px; margin: 0; padding: 0;  height: expression( "auto" ); /* sets max-height for IE */ }
.store-details #store-description.truncate 
{
	height: expression( this.scrollHeight > 81 ? "82px" : "auto" ); /* sets max-height for IE */
	max-height: 82px; /* NOTE NOTE: if you change this value, you must update according value in store/view.phtml */
	overflow: hidden; 
}
.store-details .contact { color: #002d81; float: right; text-align: right;  }
.store-details .contact a { color: #29abe2 }

.products {clear: both; float: left; width: 100%; padding: 6px 0; }

.products .thumbnail-wrapper { float: left; background-color: #f5f5fa; padding:15px 0 4px 0; width: 100%; }
.products #thumbnails { padding: 0 5px; }
.products #thumbnails li 
{
	width: 84px; 
	height: 118px; /* 105px + 10 */
	margin: 0 10px; 
	display: block; 
	float: left;
}
.products #thumbnails li.selected {	background: url(../images/selected-product-indicator.png) center bottom no-repeat !important; /* for ie6 */ background: url(../images/selected-product-indicator-8bit.png) center bottom no-repeat; }
.products #thumbnails li.selected a img { border: 2px #ff66ce solid; }
.products #thumbnails li a img {  border: 2px #eaeaef solid; }
.products #thumbnails li a:hover img {border: 2px #ff66ce solid;}

.products .product-image { clear: left; float: left; border: 1px #b9a3b2 solid; width: 410px; height: 483px }
.products .product-description { float: left; padding-left:20px; width: 350px; font-size: 14px; }
.products .product-description .brand-link { color: #29abe2; font-size: 13px; } /* brand link */
.products .product-description .store-link { padding: 0; float: none; margin: 0 auto } /* overrides settings from previous usage of store-linke */

.products .control {   padding: 0 8px; font-size: 12px; color: #00237d; font-weight: bold; font-family: sans-serif; } 

/************************************/
/* ARTICLE							*/
/************************************/

.type-size-widget {}
.article-body { clear: left; width: 590px; overflow: hidden; padding: 10px 10px 100px 4px; border-right: 1px #cadbf8 dashed; font-family: Arial; font-size: 13px}
.article-image { float: right; width: 355px; margin: 5px 15px 0 15px; background-color: #d8e9fc; color: #333333; }
.article-image div { padding: 5px }
.more-articles { float: right; width: 163px; padding-right: 5px; font-size: 10px;}
.more-articles.rail { padding-top: 14px; }
.more-articles img { border: 1px #EEE solid }
.more-articles a.small-header { color: #296de2 !important; }


/* RESTORE TABLE DEFAULTS TO ARTICLE BODY */
.article-body  table           { display: table }
.article-body  tr              { display: table-row }
.article-body  thead           { display: table-header-group }
.article-body  tbody           { display: table-row-group }
.article-body  tfoot           { display: table-footer-group }
.article-body  td, th          { display: table-cell }
.article-body  th              { font-weight: bolder; text-align: center }
.article-body  table           { border-spacing: 0px; border-collapse: separate !important }
.article-body  thead, tbody, tfoot  { vertical-align: middle }
.article-body  td, th          { vertical-align: inherit }
.article-body  hr              { border: 1px inset }

/************************************/
/* TERMS OF USE	/POLICY				*/
/************************************/
.fine-print p, .fine-print li { font-size: 11px; padding: 5px 0;}
.fine-print ol { margin-left: 20px; padding-left: 20px;}

/********************************************************/
/* LISTING PAGE (all articles/events calendar/ etc		*/
/********************************************************/

.listing { clear: both; padding: 10px 0; width: 100%; }
.listing .header { width: 96%;  color: #002d81; background: url(../images/separator.gif) left bottom repeat-x; padding-bottom: 5px; margin: 5px auto 15px auto;}

.listing h4 { padding: 10px 0 10px 15px; clear: both;} /* Group header... eg. month name */
.listing ol { padding-left: 15px; padding-right: 10px; }
.listing ol li { clear: both; padding: 5px 0 10px 0; float: left;  font-size: 13px; width: 750px; }
.listing ol li .item-header { color: #002d81 !important; font-size: 20px; font-family: Georgia;}
.listing ol li .item-header a { color: #inherit; font-size: inherit; font-family: inherit;  } /* item main header (event / article title) */
.listing ol li .item-sub-header { display: block; color: #ff54c9; font-size: 14px; } /* event date, article author */
.listing ol li p { margin: 5px 0; clear: none !important; }
.listing ol li img { float: left; margin-right: 10px; border: 2px #eaeaef solid; margin-bottom: 3px; }

.listing h2.error { color: #F00; text-align: center; padding: 30px 0;}

/* event sign up */
.events ul { padding-top: 20px }
.events ul li { margin-bottom: 20px }
.events .field-text { float: left; color: #000; width: 150px; padding-right: 10px; text-align: right; }
.events .save-event-button { padding-left: 160px; }
.events textarea { width: 450px; height: 175px; }

/************************************/
/* BREADCRUMBS						*/
/************************************/

.breadcrumbs{ float: left; padding-left: 4px; }
.breadcrumbs a.crumb { color: #29abe2; background: url(../images/crumb-separator.png) right 4px no-repeat; padding-right: 15px;	margin-right: 6px; font-weight: bold;}
.breadcrumbs a.crumb.selected {	color: #ff54c9 !important;  background: url(../images/crumb-separator.png) right 4px no-repeat; padding-right: 15px;	margin-right: 6px; font-weight: bold; }


/************************************/
/* RECORDSET / PAGINATOR			*/
/************************************/

.paginator { font-size: 10px; color: #ff66ce; font-family: Sans-Serif;  margin-bottom: 10px; width: 100%; }
.paginator tr { }
.paginator td {vertical-align: baseline; padding: 0; width: 33%; font-weight: bold; }
.paginator .homepage-header { font-size: 22px; font-family: Georgia; color: #002d81; font-weight: normal; } /* should be an H2 but sticking with this so as to not break compatability */
.paginator a { color: #ff66ce; cursor: pointer; font-size: inherit; font-family: inherit; padding: 0 4px; }
.paginator a:hover { color: #64a6f4; font-weight: bold; }
.paginator a.selected { color: #64a6f4; }
.paginator a:hover.selected { text-decoration: none; }
.paginator.items-per-page  { color: #64a6f4 !important }
.paginator.items-per-page a { color: #296de2 !important; }

/*
STYLES FOR OLD RECORDSET WITH LIGHT ROUNDED DROP SHADOW
.record-set { clear: both; width: 615px; position: relative; left: 6px;}
.record-set-entry { float: left; position: relative; margin: 3px 7px 3px 0px; height: 218px; width: 146px; background: url(../images/record-set-entry-bg.gif) left top no-repeat; cursor: pointer;}
.record-set-entry .slides-container { overflow: hidden; position: relative; margin-left: 6px; margin-top: 8px; height: 153px; width: 130px; border: 2px #3e5797 solid; }
.record-set-entry .slides-container img { display: block; }
.record-set-entry .slides-container .store-icon {  position: absolute; z-index: 100; top: 0; border: 0; width: 32px; height: 16px; }
.record-set-entry .store-name { font-weight: bold; display: block; padding: 0px 12px 0px 10px;  height: 45px; overflow: hidden; font-size: 12px; font-family: Sans-Serif; }
*/
.record-set { clear: both; width: 615px; padding: 7px 0 7px 2px; background-color: #f5f5fa; float: left;  }
.record-set-entry { float: left;  position: relative; background: url(../images/record-set-entry-bg.gif) left top no-repeat; margin: 0 1px 8px 1px; height: 205px; width: 151px; cursor: pointer;}
.record-set-entry.hover { background: url(../images/record-set-entry-bg-hl.gif) left top no-repeat; }
.record-set-entry .slides-container { overflow: hidden; position: relative; border: 1px #74769e solid; height: 153px; width: 130px; margin-left: 9px; margin-top: 8px;   }
.record-set-entry .slides-container img { display: block; }
.record-set-entry .slides-container .icon { text-indent: -9999px; overflow: hidden; position: absolute; z-index: 100; top: 0; border: 0; width: 36px; height: 15px; /*background: url(../images/store-icon.gif) left top no-repeat; */}

.record-set-entry .store-label { display: none; /* !! */ width: 151px; font-size: 11px; font-family: Sans-Serif; color: #9a9a9a; font-weight: bold; padding: 4px 8px 0 8px; }
.record-set-entry .store-name { word-wrap: break-word; overflow: auto !important; width: 135px; font-weight: bold; color: #1f54ad; display: block; padding: 2px 8px 0 8px; line-height: 14px; height: 43px; font-size: 12px; font-family: Sans-Serif; }
.record-set-entry .store-name:hover { text-decoration: none; }

.record-set-entry.for-products { background-color: #FFF !important; }
.record-set-entry.for-products .slides-container { border-color: #714e9d !important; }
.record-set-entry.for-products .slides-container .icon { background-image: url(../images/product-icon.gif) !important }

/************************************/
/* SEARCH RESULTS STUFF				*/
/************************************/

.record-set-entry.for-articles { background-color: #FFF !important; }
.record-set-entry.for-articles .slides-container { height: 90px; border-color: #714e9d !important; }
.record-set-entry.for-articles .slides-container .icon { background-image: url(../images/product-icon.gif) !important }

.results-header { clear: both; margin: 0; margin-bottom: 4px !important; background-color: #3e5797; border: 1px #8ebef1 solid; color: #fff; padding: 5px 5px 5px 10px; font-size: 12px; font-family: Sans-Serif; }
.results-header.for-products { background-color: #714e9d; } 
.results-header.for-articles { background-color: none; }

.record-set-entry.view-all { background: none; border: none; }
.record-set-entry.view-all a{ position: absolute; bottom: 0px;}

.search-results-article-title { color:#001b61; font-family:Sans-Serif; font-size:12px; font-weight:bold; }
.search-results-article-title:visited { color:#001b61; font-family:Sans-Serif; font-size:12px; font-weight:bold; }
.search-results-article-leadin { color:#001b61; font-family:Sans-Serif; font-size:12px; }
.search-results-view-all-articles { margin:5px; font-family:Sans-Serif; font-size:16px; font-weight:normal; }

/************************************/
/* NOTIFY 							*/
/* User notifications - also called	*/
/* "Flash Messages" - of input		*/
/* errors, validation problems, etc.*/
/************************************/

.notify {}
.notify ul { margin:10px 0; }
.notify ul li { color:#001b61; padding:8px 0 8px 30px; font-weight:bold; background: url(../images/notify-warning-icon.png) left center no-repeat; }
.big-blue .notify ul li { color: #FFF !important; }
/****************************************/
/* UNIQUE								*/
/* these are items that appear once		*/
/* on the page.  The classes below		*/
/* give them their style, but their		*/
/* positioning comes from a sub-class	*/
/* of the element currently containing	*/
/* them.  This way they can be used		*/
/* in other places with different		*/
/* positioning rules					*/
/****************************************/

a.rss
{
	cursor: pointer;
	color: #fc9738 !important;
	display: block;
	height: 16px;
	padding-top: 5px; /* effectively vertical aligns the text center to the button */
	padding-bottom: 2px;
	padding-right: 19px;
	background: url(../images/rss-icon.png) right 0px no-repeat;
}

.link-to-social-diary
{
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	width: 268px;
	height: 58px;
	background: url(../images/social-diary-emblem.gif) left top no-repeat;
}

.save-event-button
{
	display: block;
	width: 111px;
	height: 22px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(../images/save-event-button.gif) right top no-repeat;	
}

.arrow-button
{
	width: 17px !important;
	height: 18px !important;
}

/************************************/
/* FOOTER							*/
/************************************/
#footer
{
	position: absolute;
	left: 0;
	bottom: 0;
	clear:both;
	width: 100%;
	height: 32px;
	padding-top: 13px;
	text-indent: 20px;
 	
	background-color: #040e36;
	
	border-top: 1px #18337d dashed !important;
}
#footer .copyright
{
	font-family: Arial;
	font-size: 11px;
	color: #FFFFFF;	
	padding-right: 15px;
}
#footer a
{
	margin: 0 15px;
	color: #ff54c9;
}

/**************************/
/* SPECIFIC BUBBLE STYLES */
/**************************/
.rail { font-size: 11px; line-height: 13px; }

/* SEARCH BUBBLE */
.search-box { padding: 5px 0; }
.search-box .header { font-family: Georgia; color: #FFF; font-size: 12px; font-weight: bold; font-style: italic; margin-bottom: 4px; }
.search-box input { float: left; display: block; width: 128px; height: 18px; border: 0px; margin-right: 4px; color: #888; }

.rail.articles { /* color: #123277; */ color: #002d81 }
.rail.articles h2 { color: #fff margin-top: 5px; }
.rail.articles a { color: #ff54c9 }

.rail h2 { margin: 0; }
.rail img { clear: both; }
.rail .buffer { padding: 15px 0 7px 0; }
.rail .small-header { clear: both; display: block; margin-top: 2px; color: #ff54c9; font-family: Sans-Serif !important; font-weight: bold !important; line-height: 14px !important; }
.rail .pink { line-height: 10px !important; font-size: 12px !important; }
.rail a.special-link { font-weight: normal !important; color: #ff54c9 !important; background: url(../images/special-link-arrow.gif) right 3px no-repeat; padding-right: 15px; }
.rail.white-page a.special-link { background: url(../images/special-link-arrow-on-white.gif) right 3px no-repeat !important; }



/* RSS BUBBLE */
.rss-box { padding: 12px 0 5px 19px; font-size: 10px; background: url(../images/rss-icon.png) left 10px no-repeat; }

/* MERCHANT LOGIN BUBBLE */
.merchant-login-box { padding: 9px 0; }
.merchant-login-box .header { font-size: 12px; font-weight: bold; font-style: italic; margin-bottom: 4px; }
.merchant-login-box input { color: #296de2; width: 120px; height: 18px; border: 0px; background-color: #fff; margin-bottom: 3px; }
.merchant-login-box input.short { width: 101px !important; float: left; margin-right: 3px; }
.merchant-login-box a { font-size: 10px; color: #ff54c9; font-family: Sans-Serif }




/*************************/
/* GENERAL BUBBLE STYLES */
/*************************/

.bubble {
	position:relative;
	margin:0px auto;
	min-width:8em;
	color:#fff;
	left: 12px; /* offset border overhang */
	margin-bottom:0.5em; /* spacing under dialog */
}

.bubble .content,
.bubble .t,
.bubble .b,
.bubble .b div {
	background: transparent no-repeat top right ;
}

.bubble .body { padding: 10px 4px;  }

.big-blue { width: 636px; float: left; }
.rail { width: 166px !important; margin-left: 0 !important; float: right !important; clear: right; left: 0; font-family: Sans-Serif;}
.nav { width: 136px !important; float: left; }

.white-page a { color: #29abe2; }
.white-page { width: 817px; font-family: Arial; color: #333333; float: left; margin-left: 4px;} /* margin left to adjust for margin crated by drop shadow on other bubble pngs */
.white-page .buffer { padding: 9px 1px; min-height:500px; height: auto !important; height: 500px;}

/* this png is much wider than the other bubbles */
.white-page .content,
.white-page .t,
.white-page .b,
.white-page .b div 
{
	background-image: url(../images/white-page-bg-3000.png) !important;
	background-image: url(../images/white-page-bg-8bit-3000.png);
}


/* this png is much wider than the other bubbles */
.big-blue .content,
.big-blue .t,
.big-blue .b,
.big-blue .b div 
{
	/*
	background-image: url(../images/home-content-bg.png) !important;
	background-image: url(../images/home-content-bg-8bit.png);
	*/
	background-image: url(../images/white-page-bg-3000.png) !important;
	background-image: url(../images/white-page-bg-8bit-3000.png);
}

.purple .content,
.purple .t,
.purple .b,
.purple .b div {
	background-image: url(../images/purple-box-bg.png) !important;
	background-image: url(../images/purple-box-bg-8bit.png);
}

.pink .content,
.pink .t,
.pink .b,
.pink .b div {
	background-image: url(../images/pink-box-bg.png) !important;
	background-image: url(../images/pink-box-bg-8bit.png);
}

.light-purple .content,
.light-purple .t,
.light-purple .b,
.light-purple .b div {
	background-image: url(../images/light-purple-box-bg.png) !important;
	background-image: url(../images/light-purple-box-bg-8bit.png);
}

.dark-blue .content,
.dark-blue .t,
.dark-blue .b,
.dark-blue .b div {
	background-image: url(../images/dark-blue-box-bg.png) !important;
	background-image: url(../images/dark-blue-box-bg-8bit.png);
}


.bubble .content 
{
	position:relative;
	zoom:1;
	_overflow-y:hidden;
	padding:0px 12px 0px 0px;
}

.bubble .t {
	/* top+left vertical slice */
	position:absolute;
	left:0px;
	top:0px;
	width:12px; /* top slice width */
	margin-left:-12px;
	height:100%;
	_height: 30000px; /* arbitrary long height, IE 6 */
	background-position:top left;
	overflow: hidden;

}

/* bottom */
.bubble .b { position:relative; width:100%; }

.bubble .b,
.bubble .b div {
	height: 8px; /* height of bottom cap/shade */
	font-size:1px;
}

.bubble .b { background-position:bottom right;}

.bubble .b div {
	position:relative;
	width:12px; /* bottom corner width */
	margin-left:-12px;
	background-position:bottom left;
}


.bubble .content p {clear: both; }
/* END GENERAL BUBBLE STUFF */






/*************************/
/* MERCHANT TOOLS		 */
/*************************/
.merchant-nav { font-family: Arial, Sans-Serif !important; float: left; position: relative; z-index: 1; color: #FFF; margin: 10px auto 0 auto; width: 983px; background: url(../images/merchant-nav-bg.gif) left top no-repeat; font-size: 12px; padding-left: 20px; }
.merchant-nav li { display: block; float: left; padding: 7px 0; }
.merchant-nav .header {  color: #006837; font-size: 12px; font-weight: bold;  }
.merchant-nav .links { padding-left: 50px; }
.merchant-nav .links a { font-size: 12px; padding: 0 10px; color: #FFF; font-weight: bold; border-left: 1px #72ab44 solid;}
.merchant-nav .links a.no-border { border: 0 !important }
.merchant-nav .account { position: absolute; z-index: 9999; top: 0; right: 40px; text-align: right; }

.merchant-nav .account #store-switcher { float: left; position: relative; color: #006837 }
.merchant-nav .account #store-switcher .show-store-list { font-weight: bold; padding-left: 3px; color: #fff; font-size: 10px; cursor: pointer; }
.merchant-nav .account #store-switcher #store-list { position: absolute; z-index: 9999; width: auto !important; top: 20px; right: -10px; padding-top: 9px; background-color: #8cc500; border-left: 1px #74a300 solid; border-right: 1px #74a300 solid; border-bottom: 1px #74a300 solid; border-top: 1px #7fb300 solid; }
.merchant-nav .account #store-switcher #store-list li { float: none; line-height: 1em; margin: 0; padding: 0px 16px 9px 16px; }
.merchant-nav .account #store-switcher #store-list li a { font-size: 12px; line-height: 1em; white-space: nowrap; }

.merchant-nav .account .logout { padding-left: 16px; margin-left: 16px; border-left: 1px #72ab44 solid; font-weight: bold; font-size: 12px; }

.notice-box { font-family: Arial;  position: relative; top: -1px; clear: both; padding: 10px; width: 955px; color: #00532c; font-size: 15px; margin: 0 auto; background: #e9ff50 url(../images/alert-box-bottom-edge.gif) left bottom no-repeat; border-top: 1px #618e25 solid;}
.notice-box b { color:#004f2a; }
.notice-box p { clear: both; }
.notice-box a { color:#004f2a; font-size:14px; font-weight:bold; }

.merchant h1 { font-size: 22px; font-size: Georgia; }
.merchant h2 { font-size: 18px; font-size: Georgia; }
.merchant h3 { font-size: 16px; font-size: Georgia; }
.merchant h4 { font-size: 14px; font-size: Georgia; }

/****************************************/
/* MERCHANT FORM STYLES					*/
/****************************************/
.merchant { font-family: Arial, sans-serif; font-size:12px; color:#333; }

.merchant p { font-size: 12px; padding: 5px 0; } /* effectively sets font size on FAQ page */
.merchant h2 { color: #001b62 }

.merchant a { font-weight: normal; color:#039; font-size: 12px; text-decoration: none; font-family: Arial;}
.merchant a:hover { text-decoration: underline; }

.merchant fieldset {  width: auto; border: none; clear: none; padding:0; margin:15px 0; padding-bottom:5px;  }
.merchant .legend { width: 100%; padding-bottom: 4px;  font-size: 14px; color: #001b62; font-weight: bold; }

.merchant span { padding:0 8px 0 0; } /* span wraps the actual legend text, not any links in the legend */

.merchant .legend a { color: #ff0eb2; margin-left: 5px; padding: 0px 8px; font-weight:bold; }
.merchant .legend a:hover { text-decoration: underline;  }
.merchant .legend .button { margin-right: 5px; }

.merchant ol { float: left; width: 100%; margin: 4px 0; }
.merchant dt {  clear: left; padding: 4px 0; float: left; margin-right: 15px;  width: 120px; }
.merchant dd { float: left; width: 640px; padding: 3px 0; font-style: italic;}

/* merchant events listing */
.merchant dd.events-list { width: 100%;}
.merchant dd.events-list li { border-top: 1px #c9daf8 dashed; padding-top: 3px; margin: 5px 0 20px 0; clear: both; } 
.merchant dd.events-list li p { width: 55%; clear: none !important; }

/* stuff for edit products page */
.merchant .edit-group { padding: 8px 0px; width: 100%; clear: both; float: left; }
.merchant .edit-group.alternate { border-top: 1px #c9daf8 dashed; border-bottom: 1px #c9daf8 dashed; background-color: #fafcff; }
.merchant .edit-group dt { padding-left: 4px; }
.merchant .edit-group dd { width: auto; }
.merchant .edit-group p { float: right; width: 300px; }
.merchant .edit-group .hint { font-size:12px; line-height:16px; margin:0; padding:5px 0 0 18px; background:url(../images/help2_16.png) left 4px no-repeat; font-style:italic; font-weight:normal; color:#333; font-size:12px;  }
.merchant .errors li { color:#700; font-weight:normal; font-style:normal; padding:8px 8px 8px 28px; background:url(../images/notify-warning-icon.png) 2px 4px no-repeat; background-color:#faa; font-size:12px; }



.merchant #formAction { clear: both; margin-top: 10px; } 

.merchant .graph-container { float:right; margin-right: 10px; margin-top: 10px; padding:0; width: 325px;  }
.merchant .graph-container #simplechart { width:100%; height:350px; }
.merchant .hint { font-size:10px; line-height:16px; margin:0;  padding:4px 4px 0 0; font-style:italic; font-weight:normal; color:#666; font-size:12px;  }
.merchant .required { background: url(../images/asterisk.gif) left center no-repeat; padding-left: 14px; }
.merchant .instructions { font-size:12px; color:#999; }

/* product listing on mystore page */
.merchant .store-product { padding: 7px 0; clear: both; float: left; width: 100%; border-top: 1px #c3dfff dashed; }
.merchant .store-product img { display: block; float: left;}
.merchant .store-product .description { float: left; color: #296de2; margin: 20px 0 0 20px; width: 375px; }


.merchant .controls { float: right; width: 330px; text-align: center; margin-top: 10px; }
.merchant .controls .button { float: left; margin: 10px; }
.merchant .controls .make-featured { clear: both; color: #969799 }
.merchant .controls .make-featured.selected { color: #000; }
.merchant .controls input { position: relative; top: 1px;}


/* BUTTONS!!!!!!!!!!!!!!! */
.button { display: block; float: right; background-position: left top; background-repeat: no-repeat; overflow: hidden; text-indent: -9999px; width: 140px; height: 34px; }
.button.edit { background-image: url(../images/edit-product-button.gif); }
.button.cancel { background-image: url(../images/cancel-button.gif); }
.button.delete-product { background-image: url(../images/delete-product-button.gif); }
.button.edit-event { background-image: url(../images/edit-event-button.gif); }
.button.delete-event { background-image: url(../images/delete-event-button.gif); }
.button.approve { background-image: url(../images/approve-button.gif); }
.button.decline { background-image: url(../images/decline-button.gif); }
.button.add-product { background-image: url(../images/add-product-button.gif); }
.button.post-event { background-image: url(../images/post-event-button.gif); }
.button.view-all-products { background-image: url(../images/view-all-products-button.gif); }
.button.view-all-stores { background-image: url(../images/view-all-stores-button.gif); }



.notconfigured {}

.open { color:#090; }

.closed {}

.suspended {}



#products-container { font-size:12px; }

#products-area { margin:10px 0; }