/* ==========================================================

	Project: Grocery Outlet
	Author: Piehead Productions
	Master stylesheet

========================================================== */

/* global reset - helps reduce browser inconsistencies
-----------------------------------------------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* base foundation
-----------------------------------------------------------*/

body {
	font: 12px/1.5 Arial, Helvetica, "Lucida Grande", Tahoma, Verdana, sans-serif;
	background: #fff;
	color: #000;
}

/* header
-----------------------------------------------------------*/

#header_wrapper {
	width: 100%;
}
#header {
	margin: 0 auto;
	padding-top: 85px;
	width: 902px;
	height: 33px;
	position: relative;
}

/* different header backgrounds */
.header_fruit {
	background: url(../images/header_fruit.jpg) top center no-repeat;
}

/* logo */
a#logo, a#logo:visited, a#logo:hover {
	width: 203px;
	height: 139px;
	background: url(../images/logo.png) top left no-repeat;
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	position: absolute;
	top: 10px;
	left: 18px;
}

/* find a store form */
#find_a_store {
	width: 297px;
	position: absolute;
	top: 40px;
	right: 22px;
}
#find_a_store input {
	margin: 1px 0 0 0;
	padding-top: 6px;
	width: 165px;
	height: 15px;
	font-size: 11px !important;
	float: left;
	display: block;
}
#find_a_store button {
	float: right;
}

/* sub navigation */
#sub_nav {
	margin: 0;
	width: 268px;
	height: 23px;
	list-style: none;
	text-align: center;
	font-size: 11px;
	background: url(../images/navigation_sub_back.png) top left no-repeat;
	position: absolute;
	top: 42px;
	right: 352px;
}
#sub_nav li {
	line-height: 23px;
	display: inline;
}
#sub_nav li a, #sub_nav li a:visited {
	color: #000;
}
#sub_nav li a:hover {
	color: #7c7c7c;
}


/* content
-----------------------------------------------------------*/

#content_wrapper {
	margin: 0 auto;
	width: 902px;
	background: url(../images/store/background_content_middle.jpg) top center repeat-y;
}
#content {
	width: 902px;
	background: url(../images/store/background_content_top.jpg) top center no-repeat;
}

#page {
	width: 902px;
	min-height: 635px;
	background: url(../images/store/background_content_bottom.jpg) bottom center no-repeat;
}
#page .left_col {
	padding: 45px 0 25px 25px;
	width: 560px;
	float: left;
	position:relative;
}

#page .left_col p {
	font-size: 12px;
	line-height: 18px;
	
}
#page .right_col {
	padding: 25px 0;
	width: 305px;
	float: right;
}

/* store location */

/* Show only to IE6 */
* html #store_location {
        margin: 25px 0 0 0;
        width: 319px;
        height: 289px;
        background: url(../images/store/location_back.jpg) no-repeat top left;
        float: right;
}

#store_location {
        margin: 25px 0 0 0;
        width: 319px;
        height: 289px;
        background: url(../images/store/location_back.jpg) no-repeat top left;
        float: right;
}

#store_location a.arrow_white {
        float: right;
        margin-right:25px;
        /*
        position: relative;
        right: 25px;
*/
}

#store_location ul {
        width: 140px;
        margin: 2px 0 0 15px;
        list-style: none;
        float: left;
        clear: left;
}

#store_location ul ul {
        width: auto;
        margin: 0;
        list-style: none;
}

#store_location ul ul  li {
        padding: 0 0 9px 0;
}


#store_location li {
        padding: 4px 0 0 9px;
        font-size: 11px;
        line-height: 14px;
        clear:left;
}

.backLink { position:absolute; top:50px; right:20px;}
.directionsForm {padding:5px 0 10px 0;}
.directionsButton { display:block; margin:5px 0 5px 50px; width:80px; padding:2px 3px; text-align:left; background-color:#fff; border:1px solid #666; color:#c00; text-decoration:none; font-weight:bold;}
.directionsForm .formRow {display:block; clear:both;}
.directionsForm span {display:block;}
.directionsForm img {display:block; clear:left; padding-bottom:1em;}
.directionsForm label { color:#c00; font-weight:bold; width:50px; display:block; float:left; clear:left; padding-bottom:.5em;}
.directionsForm input {display:block; float:left; margin-bottom:.5em; width:180px;}


/* Show only to IE6 */
* html #store_location li {
        padding: 4px 0 0 0;
        font-size: 11px;
        line-height: 14px;
}

#store_location .map {
        float: right;
        clear: right;
        /* position: relative;
        top: 40px;
        right: 38px;
        */
        margin: 40px 38px 0 0;
}

/* Show only to IE6 */
* html #store_location .map {
        float: right;
        clear: right;
        margin: 40px 20px 0 0;
}

#store_location img.title {
        margin: 30px 0 0 20px;
}

/* flash receipt */
#receipt {
	margin: 0 0 3px 0;
}

/* newsletter sign up */
#newsletter {
	padding: 42px 20px 0 20px;
	width: 240px;
	height: 120px;
	font-size: 12px;
	text-align: center;
	background: url(../images/store/newsletter_back.jpg) top left no-repeat;
}
#newsletter p {
	margin: 0;
	padding: 5px 0;
	font-size: 11px;
}
#newsletter label {
	padding-right: 20px;
	text-align: right;
	display: block;
}
#newsletter input {
	margin-left: 7px;
	width: 150px;
}
#newsletter button {
	margin-top: 5px;
	font-size: 10px;
}

/* special offers */
#special_offers {
	margin: 5px 0 0 0;
	padding: 15px 30px 0 30px;
	width: 220px;
	height: 105px;
	font-size: 12px;
	text-align: center;
	background: url(../images/store/special_offers_back.gif) top left no-repeat;
}

#special_offers p {
	margin: 0;
	padding: 5px 0 0 0;
	font-size: 12px;
}

#special_offers img {
	margin: 1px 2px 0 0;
	padding-right: 3px;
	width: 124px;
	height: 19px;		
	float: left;
}

#special_offers a.shiny {
	margin: 3px 0 0 70px;
	line-height: 14px;
	float: left;
}


/* bargain hunting */
#bargain_hunting {
	margin: 5px 0 0 0;
	padding: 45px 30px 0 30px;
	width: 219px;
	height: 94px;
	font-size: 12px;
	background: url(../images/store/bargain_hunting_back.gif) top left no-repeat;
}
#bargain_hunting blockquote {
	padding-bottom: 7px;
	color: #fff;
}
#bargain_hunting cite {
	color: #fff;
	float: right;
}
#bargain_hunting a.shiny {
	margin-top: 3px;
	line-height: 14px;
	float: left;
}

/* bargain links */
.bargain_links {
	margin: 5px 0 0 0;
	padding: 15px 20px 0 20px;
	width: 239px;
	height: 135px;
	font-size: 12px;
	background: url(../images/store/bargain_links_back.gif) top left no-repeat;
}
.bargain_links a, .bargain_links a:visited {
	color: #fff;
	
}
.bargain_links blockquote {
	padding-bottom: 7px;
	color: #fff;
}
.bargain_links cite {
	color: #fff;
	float: right;
}
.bargain_links a.shiny {
	margin-top: 3px;
	line-height: 14px;
	float: left;
}

.bargain_links table, tr, td {
	vertical-align: middle;
}

/* news and announcements */
#news_announcements {
	float: left;
}
#news_announcements h1 {
	padding-top: 25px;
	margin: 0 0 7px 0;
}
#news_announcements ul {
	margin-left: 0;
	list-style: none;
}
#news_announcements ul li a.arrow {
	position: relative;
	top: 3px;
}

/* our community */
#our_community {
	float: left;
}
#our_community h1 {
	padding-top: 15px;
	margin: 0 0 7px 0;
}
#our_community ul {
	margin-left: 0;
	list-style: none;
}
#our_community ul li a.arrow {
	position: relative;
	top: 3px;
}

/* job opportunities */
#job_opportunities {
	float: left;
}
#job_opportunities h1 {
	padding-top: 15px;
	margin: 0 0 7px 0;
}
#job_opportunities ul {
	margin-left: 0;
	list-style: none;
}
#job_opportunities ul li a.arrow {
	position: relative;
	top: 3px;
}

/* store operators */
.store_operators {
	margin: 15px 0 0 0;
	width: 500px;
	position: relative;
	right: 6px;
	float: left;
}
.store_operators img {
	padding-right: 18px;
	float: left;
}
.store_operators ul {
	width: 350px;
	margin: 0;
	list-style: none;
	font-size: 11px;
	line-height: 14px;
	float: right;
}
.store_operators ul li {
	padding: 5px 0;
}

/* about our store */
.store_about {
	margin: 15px 0 0 0;
	width: 500px;
	position: relative;
	right: 6px;
	float: left;
}
.store_about img {
	padding-right: 18px;
	float: left;
}
.store_about ul {
	width: 350px;
	margin: 0;
	list-style: none;
	font-size: 11px;
	line-height: 14px;
	float: right;
}
.store_about ul li {
	padding: 5px 0;
}

/* special offers
-----------------------------------------------------------*/

.coupon {
	width: 500px;
	border: dashed 2px #a59060;
	padding: 20px;
}

.coupon p {
	font-size: 14px !important;
	line-height: 20px !important;
}

p.disclaimer {
	font-size: 10px !important;
	line-height: 11px !important;
	margin-bottom: 0;
	color: #666666;
}

.coupon h1 {
	font-size: 12px;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 0px;
}





/* footer
-----------------------------------------------------------*/

#footer {
	margin: 0 auto;
	padding: 10px 0 20px 0;
	width: 902px;
	text-align: center;
}
#footer ul {
	margin: 0 0 5px 0;
	color: #7a7a7a;
	list-style: none;
}
#footer ul li a {
	color: #7a7a7a;
}
#footer ul li {
	display: inline;
}
#footer p {
	color: #666;
}

/* commonly used class selectors
-----------------------------------------------------------*/

/* shiny links */
a.shiny, a.shiny:visited {
	color: #000;
	text-decoration: none;
	background: url(../images/button_shiny.png) bottom left no-repeat;
}
a.shiny:hover {
	color: #7c7c7c;
	text-decoration: none;
}
a.shiny span {
	margin: 0 0 5px 4px;
	padding: 5px 10px 5px 10px;
	line-height: 14px;
	font-size: 11px;
	border-top: 1px solid #bcba9f;
	border-right: 1px solid #bcba9f;
	display: block;
}

/* shiny buttons */
button.shiny {
	padding: 0;
	width: auto;
	border: none;
	text-align: center;
	background: none;
	cursor: pointer;
	overflow: visible;
	position: relative !important;
}
button.shiny span {
	padding-left: 4px;
	padding-bottom: 5px;
	display: block;	
	text-decoration: none;
	cursor: pointer;
}
button.shiny em {
	padding: 0 14px 0 12px;
	font-style: normal;
	font-weight: normal;
	font-size: 11px;
	line-height: 24px;
	white-space: nowrap;
	display: block;
}
button.shiny::-moz-focus-inner {
    padding: 0;
    border: none;
}
button.shiny span {
	background: url(../images/button_shiny.png) bottom left no-repeat;
}
button.shiny em {
	border-top: 1px solid #bcba9f;
	border-right: 1px solid #bcba9f;
}
button.shiny em:hover {
	color: #7f7f7f;
}

/* forms */
input.text, textarea.text {
	padding: 4px;
	background: url(../images/form_input_shadow.gif) top right no-repeat;
	border: 0;
}

/* bulletless unorderd lists */
ul.bulletless {
	margin-left: 0;
	list-style: none;
}

/* links with red arrow */
a.arrow, a.arrow:visited, a.arrow:hover {
	padding-left: 10px;
	background: url(../images/icons_red_arrow.gif) center left no-repeat;
}

/* links with white arrow */
a.arrow_white, a.arrow_white:visited, a.arrow_white:hover {
	padding-left: 10px;
	background: url(../images/icons_white_arrow.gif) center left no-repeat;
	color: #fff;
}



/* basic alignments */
.left {
	float: left !important;
}
.right {
	float: right !important;
}
.clear_left {
	clear: left;
}
.clear_right {
	clear: right;
}
.clear_both {
	clear: both;
}
.center {
	margin-left: auto !important;
	margin-right: auto !important;
	text-align: center !important;
}

/* clearfix */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}

/* commonly used elements
-----------------------------------------------------------*/

p, ul, ol, dl {
	margin-bottom: 15px;
	font-size: 12px;
}
span, strong, em {
	font-size: 12px;
}
ul {
	margin-left: 15px;
	list-style: disc;
}
ol {
	margin-left: 15px;
	list-style: decimal;
}
strong {
	font-weight: bold;
	color: #181818;
}
h1, h2, h3, h4 {
  	margin-bottom: 15px;
	font-weight: normal;
	color: #505050;
}
h1 {
	margin-top: 30px;
	font-size: 40px;
}
h2 {
	margin-top: 30px;
	margin-bottom: 18px;
	font-size: 30px;
}
h3 {
	font-size: 20px;
}
h4 {
	font-size: 18px;
}
h5 {
	font-size: 12px;
	color: #1e1e1e;
}
a, a:visited {
	color: #b71234;
	text-decoration: underline;
}
a:hover {
	color: #7c7c7c;
	text-decoration: underline;
}


/* Featured Items */ 

#featured_items {
	background: #d1e6b5;
	width: 848px;
	height: 345px;
	float: left;
	position: relative;
	left: 23px;
}

#featured_items p {
	padding: 5px 10px 0 10px;
	font-size: 11px;
	line-height: 14px;
}

#featured_items table {
	margin: 20px 0 0 55px;
	width: 750px;
	height: 280px;
}

#featured_items td {
	width: 150px;
	height: 140px;
}

/* Home store block */
#homeStoreInfo {margin:-30px 0 0 60px;width:218px;height:69px;background: url(../images/bg_home_store.png) 0 0 no-repeat}
#homeStoreInfo h4{font:bold 11px Arial;color:#b71234;margin:0;padding:0}
#homeStoreInfo .address{font-weight: bold; padding:8px 0 0 13px;font-size:10px;}
#homeStoreInfo .address .addr{font-weight: bold; width:160px}
#homeStoreInfo .address .links{font-weight: bold; color:#b71234;}
#homeStoreInfo .address .changeButton{font-weight: bold; float:right;margin-right:8px}



#main_nav {
height:33px;
background:url(../images/navigation_main_bar.jpg) top left repeat-x;
margin:0
}

.RadMenu {
float:right !important
}

.RadMenu a {
font:10px Arial;
text-decoration:none
}

.RadMenu .rmItem a,.RadMenu .rmItem a:visited {
color:#B90F33;
cursor:hand;
text-align:center;
vertical-align:middle;
width:156px;
margin-left:1px;
height:33px;
display:block;
background:url(../images/navigation_main_buttons.jpg) top left repeat-x;
overflow:hidden
}

.RadMenu .rmItem a:hover {
background-position:bottom left
}

.RadMenu .rmItem a .rmText {
margin-top:8px
}

.RadMenu .rmItem .rmSlide {
margin-left:-1px;
z-index:10000
}

.RadMenu .rmItem .rmSlide a {
-moz-opacity:.95;
filter:alpha(opacity=95);
opacity:.95;
color:#3D3B3E;
cursor:hand;
background:#C2D4D6;
text-align:left;
width:155px;
border-color:#7FB6DF;
border-style:solid;
border-width:0 1px 1px
}

.RadMenu .rmItem .rmSlide a span {
margin-left:10px
}

.RadMenu .rmItem .rmSlide a:hover {
background:#94BFDF;
color:#fff
}

.RadMenu .rmItem .rmSlide .rmSlide {
margin:10px 0 0 -10px
}

.RadMenu .rmItem .rmSlide .rmSlide .rmFirst a {
border-top:1px solid #7FB6DF
}