/*-------------------------------------------------------------------------
Typography

author:    Jason Hollett, RealDecoy Inc. 
___________________________________________________________________________

NOTE: text has already been zeroed via the YUI fonts css

YUI font sizes:
10px	77%
11px	85%
12px	93%
13px	100%
14px	108%
15px	116%
16px	123.1%
17px	131%
18px	138.5%
19px	146.5%
20px	153.9%
21px	161.6%
22px	167%
23px	174%
24px	182%
25px	189%
26px	197%

*/



/* =Global
___________________________________________________________________________ */
body { font-family: "Trebuchet MS", Arial; }



/* =Common Classes
___________________________________________________________________________ */
.underline { text-decoration: underline; }
.urgent .date { color: red !important; }



/* =Headers
___________________________________________________________________________ */
h1 { font-size: 123.1%; text-transform: uppercase; color: #f57a29; }
h2 { font-size: 116%; color: #1e3d73; /* #f57a29; */ }

/* =Text Colours
___________________________________________________________________________ */
.gray { color: #4d4d4d; }
.white { color: #fff; }
.black { color: #000; }
.orange { color: #f57a29; }
.darkOrange { color: #c60; }
.red { color: #c00; }

.blue{ color: #4c79d2; }
td.label label { text-align: right; width: 100%; float: right; }
.center { width: 100%; margin: auto; text-align: center; }


/* =Text Sizes
___________________________________________________________________________ */
.large { font-size: 123.1%; } /* 16px */
.medium { font-size: 108%; } /* 14px */
.small { font-size: 93%; } /* 12px */
.smaller { font-size: 77%; } /* 10px */



/* =Links
___________________________________________________________________________ */
a { color: #4c79d2; text-decoration: none; }
a:hover {  color: #204080; text-decoration: underline; }



/* =Forms
___________________________________________________________________________ */
input { color: #333; }



/* =Navigation
___________________________________________________________________________ */
#mainNav { color: #fff; }
	#mainNav span { color: #ff9; }
	#mainNav a { color: #fff; font-size: 93%; }
	#mainNav a:hover { text-decoration: underline; }
	#mainNav a.selected { color: #f69b20; }

#sideNav .title { color: #9c6919; font-weight: bold; }



/* =Footer
___________________________________________________________________________ */
#footer { color: #d3e66f; font-size: 85%; }
	#footer a { color: #2f4e86; }
	#footer a:hover { color: #1d3154; }



/* =Content
___________________________________________________________________________ */
#mainContent p {
	/*padding-top:30px;
	font-size: 93%;*/
}

/* #mainContent label { margin-left:10px; } */

#mainContent p span { line-height:30px; }


/* =Member Login
___________________________________________________________________________ */
.memberLogin { font-size: 85%; color: #000; }
	.memberLogin .title { font-weight: bold; color: #fff; font-size: 108%; }
	.memberLogin .notice { font-size: 93%; color: #666; }
	.memberLogin .search { color: #777777; }
	.memberLogin .forgot a { text-decoration: underline; }
	.memberLogin .notmember a { color: #ffc; }

	#mainNav .memberLogin a { color: #4c79d2; }



/* =Bread Crumbs
___________________________________________________________________________ */
#breadCrumbs { color: #333; font-size: 85%; }
	#breadCrumbs a { text-decoration: underline; }
	#breadCrumbs a:hover { text-decoration: line-through; }
	#breadCrumbs span { color: #336; font-weight: bold; }



/* =Search Information
___________________________________________________________________________ */
#searchInfo .terms { color: #1b3767; font-size: 108%; }
	#searchInfo .terms span { color: #666; font-size: 116%; }

#searchInfo .categorysTitle { font-size: 93%; font-weight: bold; color: #fff; }
#searchInfo .categorys { font-size: 85%; color: #666; }
	#searchInfo a { color: #36c; text-decoration: underline; }
	#searchInfo a:hover { color: #204080; }



/* =Results Nav
___________________________________________________________________________ */
.resultsNav { font-size: 93%; color: #330; }
	.resultsNav a { color: #fff; text-decoration: underline; }
	.resultsNav a:hover { color: #fc0; }
	.resultsNav .currentSort a { color: #2a4678; }

	.resultsNav span.yourArea { color: #fff; font-weight: bold; }



/* =Results - None
___________________________________________________________________________ */
#resultsNone { font-size: 85%; color: #333; } 



/* =Results Search
___________________________________________________________________________ */
#resultsSearch { font-size: 85%; }



/* =Side Nav
___________________________________________________________________________ */
#sideNav .filterTitle a { color: #fff; font-size: 85%; font-weight: bold;  } 
	#sideNav .filterTitle a:hover { text-decoration: none; } 

	#sideNav a.remove:hover, #sideNav a.searchTerm:hover { text-decoration: line-through; }

	#sideNav a.check { font-weight: bold; }
	#sideNav a.check:hover { /* text-decoration: line-through; */  text-decoration: none; color: #777; }

	#sideNav #my-choices ul li a span.primary { font-weight: bold; }
	#sideNav #my-choices ul li a { font-weight: normal; }

	#sideNav a#my-choices-link,
	#sideNav a#all-stores-link { color: #c60; }



/* =Product Display
___________________________________________________________________________ */
.productDisplay { font-size: 85%; }

.productDisplay .desc { font-weight: bold; }

.productDisplay a { color: #36c; text-decoration: underline; }
.productDisplay a:hover { color: #204080; }
		
.productDisplay .productWrapper .text,
.productDisplay .productWrapper .price { font-weight: bold; color: #f00; }
.productDisplay .productWrapper .text strong { color: #f00; }

.productDisplay .productWrapper .text span { font-weight: normal; color: #666; }
.productDisplay .productWrapper .price span { font-weight: normal; color: #666; text-decoration: line-through; }

/*.productDisplay .productWrapper .endDate span.date { }*/


.productDisplay .showDeals a { text-decoration: none; }
.productDisplay .showDeals a:hover { text-decoration: none; }
.productDisplay .showDeals span.text { text-decoration: underline; }
.productDisplay .showDeals span.symbol { color: #fff; }



/* =Deal Display
___________________________________________________________________________ */
.dealDisplay { font-size: 85%; }

.dealDisplay .price,
.dealDisplay .desc { font-weight: bold; }

.dealDisplay .price span,
.dealDisplay .desc span { font-weight: normal; color: #666;  }

.dealDisplay a { color: #36c; text-decoration: underline; }
.dealDisplay a:hover { color: #204080; }

.dealDisplay .price .endDate { color: #666; font-weight: normal; }
.dealDisplay .price strong { color: #f00; }
.dealDisplay .price span.strike { text-decoration: line-through; }

.dealDisplay .emailDeal { color: #333; }



/* =Product Details
___________________________________________________________________________ */
.productDetails td { color: #333; font-size: 93%; }
.productDetails h1 { color: #333; font-size: 125%; font-weight: bold; text-transform: uppercase; }



/* =Related Products
___________________________________________________________________________ */
#relatedProducts { font-size: 85%; }
#relatedProducts .title { font-weight: bold; color: #fff; font-size: 108%; }

#relatedProducts p { font-weight: bold; }
#relatedProducts p span { font-weight: normal; color: #666; line-height: 14px; }
#relatedProducts .salePrice { font-weight: bold; color: #f00; }
#relatedProducts p a { color: #c60; }



/* =Buttons
___________________________________________________________________________ */
.searchBack a { font-size: 85%; text-decoration: none; }

.dealBtn a, .printBtn a { color: #c60; text-decoration: none; }
.emailDealBtn a { text-decoration: none; }

.dealBtn a:hover, .printBtn a:hover { color: #f57a29; text-decoration: none; }
.emailDealBtn a:hover,
.searchBack a:hover { text-decoration: none; }



/* =Homepage / Stores
___________________________________________________________________________ */
.productCol, .productColFluid { font-size: 85%; }
	.productCol span,
	.productColFluid span { color: #666; }
	.productCol .price,
	.productColFluid .price { color: #930; font-weight: bold; font-size: 116%; }
	.productColFluid .price span.strike { text-decoration: line-through; }

#home h1.title, #home .title h1 { color: #000 !important; text-transform: none; font-size: 197%; }

#home .findDeals { }
	#home .findDeals .title { color: #fff; font-weight: normal; font-size: 146.5%; }
	#home .findDeals .content { font-size: 108%; }
	#home .findDeals a { color: #006; text-decoration: underline; font-style: italic; }
	#home .findDeals label.option { color: #006; font-style: italic; padding-left: 5px; }
	#home .findDeals .links label { color: #006; text-decoration: underline; font-style: italic; padding-left: 5px; }

	#home .findDeals input.btn { font-family: "Trebuchet MS", arial; font-weight: bold; } 
	#home .findDeals input.search { color: #777; }
	#home .findDeals input.searchOnClick { color: #000; }



#stores .title a { text-decoration: underline; }
#stores .title a:hover { color: #1d3154; }



/* =Grocery List
___________________________________________________________________________ */
#groceryList { font-size: 93%; }

	#groceryList .header .title { font-size: 110%; color: #fff; font-weight: bold; }
	#groceryList .footer .title { font-size: 80%; color: #fff; font-weight: bold; }
	#groceryList #tabs a { font-weight: bold; color: #c60; text-decoration: none; line-height: 11px; font-size: 93%; }
	#groceryList #tabs a:hover { color: #f57a29; }

	#groceryList .button a:hover,
	#groceryList .button2 a:hover { color: #204080; text-decoration: none; }

	#groceryList .itemName { color: #666; }
	#groceryList .itemName a { color: #000; }
	#groceryList .itemName span { color: #666; }
	#groceryList .itemName a:visited { font-weight: bold; }



/* =Static Page Styles
___________________________________________________________________________ */

.testimonial .signature { color: #666; }
.toTop { font-size: 85%; }



/* =Warning Alert
___________________________________________________________________________ */
.alertWrapper { font-size: 100%; color: #333; }
.alertWrapper .innerBorder .hideAlerts { font-weight: bold; } 



/* =Print Container
___________________________________________________________________________ */
#print-container *, #print-container * * {}
#print-container h1 { margin-top: 20px; }
#print-container h1,
	#print-container h2,
	#print-container h3,
	#print-container h4,
	#print-container h5,
	#print-container h6 { color: #F57A29; }
#print-container h2 { font-size: 18px; }
#print-container a { color: #F57A29; text-decoration: underline; font-weight: bold; }
#print-container #member-login { color: #204080; text-decoration: none; }
#print-container #save-on-weekly-groceries { font-size: 0px; }



/* =Instructions
___________________________________________________________________________ */
#instructions span { color: #7179d2; }


/* =Coupon Gallery
___________________________________________________________________________ */




/* =Tabs (Lizl)
___________________________________________________________________________ */

/* Tab links */
#secondaryNav { 
	font-size: 100%; 
	font-weight: bold; 
}

.tabs {
	/*white-space:nowrap;*/
}

/* Total deals beneath tabs */
#totalDeals { font-size: 93%; }

/* Current deals beneath total deals */
#currentDeals { font-size: 93%; }

/* Go to top anchor */
#anchor { font-size: 93%; }
#anchor .nextCategory { font-size: 100%; }




/* Next category link */
.nextCategory_top, .nextCategory_bottom { font-size: 100%; font-weight: bold; }



#paginationTop .categoryTitle { font-size: 138.5%; font-weight: bold; color: #3a62a7; }

/* Send page to a friend form */
#tellafriend td.label label { float: left; text-align: left; font-weight: bold; }
#tellafriend #strSubject, #tellafriend #txtMessage { width: 95%; }

/* Red highlight on error. */
.highlight .mandatory { border: 1px solid red !important; }

.missingInfo, .missingInfo p { color: red; }