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

        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;
}
	.store_image {
	margin: 0;
	padding: 0;
	padding-right: 0;
	float: left;
	clear: both;
	}
	
	.store_image img {
	margin: 0;
	padding: 0;
	padding-right: 0;
    border: 9px solid #FFFFFF;
	-webkit-box-shadow: -2px 3px 4px #222222;
	-moz-box-shadow: -2px 3px 4px #222222;
	}


#page .left_col {
        padding: 35px 0 25px 25px;
        width: 560px;
        float: left;
		}

#page .right_col {
        padding: 25px 0;
        width: 305px;
        float: right;
}

/* flash homepage marketing message and image */

/* Show only to IE6 */
* html #storepage_marketing {
        margin: 48px 0 0 10px;
        float: left;
        width: 529px;
        height: 267px;
        background: #d1e6b5 url(../images/store/circular_back.jpg) no-repeat top left;
}

#storepage_marketing {
        margin: 48px 0 0 23px;
        float: left;
        width: 529px;
        height: 267px;
        background: #d1e6b5 url(../images/store/circular_back.jpg) no-repeat top left;
/*        position: relative; */
/*        left: 23px; */
}

#storepage_marketing p {
        width: 190px;
        margin: 50px 20px 0 0;
        font-size: 12px;
        line-height: 18px;
        float: right;
        clear: right;
}

#storepage_marketing a.shiny {
        margin-top: 15px;
        line-height: 14px;
        float: left;
}


/* 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 17px 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;
}

/* 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 10px 0;
}

/* newsletter sign up */
#newsletter {
        padding: 42px 20px 0 20px;
        width: 240px;
        height: 140px;
        font-size: 12px;
        text-align: center;
        background: url(../images/store/newsletter_back.gif) top left no-repeat;
}
#newsletter p {
        margin: 0;
        padding: 5px 0;
        font-size: 12px;
        line-height: 18px;
	height: 40px;
}
#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;
}

/* 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;
}
*/

/* 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 {
        width: 500px;
        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 {
        width: 500px;
        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 {
        width: 500px;
        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 20px 0;
        width: 500px;
        position: relative;
        right: 6px;
        float: left;
}
		
		.store_operators img.opPhoto {
		-moz-box-shadow:-2px 3px 4px #222222;
		-webkit-box-shadow: -2px 3px 4px #222222;
		border: 9px solid #FFFFFF;
        float: left;
}
	
		.store_operators img {
        vertical-align : top;
		}
	
.store_operators ul {
	display:inline;
	float:left;
	font-size:12px;
	line-height:18px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
        margin: 0;
	padding-left:18px;
	padding-top: 7px;
	width:330px; 
}

.store_operators ul li {
        padding: 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: 12px;
        line-height: 18px;
        float: right;
        padding-top: 7px;
}
.store_about ul li {
        padding: 0;
}

.titlemargin {
	margin-left: 18px;
	}



/* 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;
        clear: left;
}

/* 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;
        clear: left;
}



/* 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;
        line-height: 18px;
}
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;
    float: left;
    position: relative;
    left: 23px;
	}

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

	#featured_items div.wowItem {
    width: 134px;
    margin: 25px;
    padding: 0;
    float:left;
    text-align:center;
	}

	#featured_items img {
    display: block;
    border: 9px solid #FFFFFF;
	margin:0 auto;
	-webkit-box-shadow: -2px 3px 4px #222222;
	-moz-box-shadow: -2px 3px 4px #222222;
	}

/* WOW Items*/
.wowImage img{
	display: block;
	width: 134px;
	height: 109px;
	-moz-box-shadow:-2px 3px 4px #222222;
	border:9px solid #FFFFFF;
}

/* 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}

/* Show only to IE6 */
* html #homeStoreInfo {margin:0 0 0 0 60px; width:218px; height:69px; background: #fffff;}

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

.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
}

#StoreMap {
width:100%;
height:250px;
vertical-align:middle
}

#fmsContent {
height:271px;
background:transparent url('../Images/card.png') top right no-repeat;
padding-top:10px
}

#fmsTable {
z-index:200;
position:relative
}

#fmsContent span {
font:11px Arial, Helvetica, sans-serif
}

#fmsContent .input {
width:50px;
float:left;
margin-top:2px;
z-index:200;
position:relative
}

.inputButton {
z-index:200;
position:absolute
}

#fmsContent .circular {
top:15px;
margin-left:-33px;
float:left
}

#fmsContent .chooseRegion {
top:15px;
left:363px
}

#fmsContent .stateLinks {
top:45px;
left:337px
}

#fmsContent .stateLinks ul {
list-style:none;
height:150px;
margin:0
}

#fmsContent .stateLinks li {
padding:0 0 6px 9px
}

#StoreMap .msg {
font:11px Arial, Helvetica, sans-serif;
color:#b71234;
position:absolute;
margin-top:-57px;
margin-left:335px
}

#fmsContent .stateLinks a {
color:#b71234;
font:11px Arial, Helvetica, sans-serif;
background:url('../Images/arrow_bullet.gif') no-repeat 0 4px;
padding:0 0 0 9px
}

#fmsContent .map {
width:148px;
float:right;
margin-top:-237px;
top:4px;
left:0;
z-index:200;
position:relative
}

#popup {
display:none;
position:fixed;
width:300px;
height:350px;
top:50%;
left:50%;
margin-top:-150px;
margin-left:-175px;
background:#b9d89d;
border:1px solid #7ba45a;
z-index:10000
}

#popup .close {
position:absolute;
top:320px;
width:90%;
display:block;
text-align:right;
margin:10px
}

#popup #storeTable {
margin:30px
}

#find_a_store button,#StoreMap #storeMapFlash {
float:right
}

#bargain_hunting,.bargain_links {
width:239px;
height: 180px;
font-size:12px;
background:url(../images/bargain_hunting_back.jpg) top left no-repeat;
margin:5px 0 0;
padding: 49px 20px 0
}

#bargain_hunting a,.bargain_links a,.bargain_links a:visited {
color:#fff
}

#bargain_hunting blockquote,.bargain_links blockquote {
padding-bottom:7px;
color:#fff
}

#bargain_hunting cite,.bargain_links cite {
color:#fff;
float:right
}

#bargain_hunting a.shiny,.bargain_links a.shiny {
margin-top:3px;
line-height:14px;
float:left
}

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

#news_announcements,#bargainista_blog {
float:left;
width:100%
}

#news_announcements h1,#bargainista_blog h1 {
padding-top:15px;
margin:0 0 7px
}

#news_announcements ul,#bargainista_blog ul,ul.bulletless {
margin-left:0;
list-style:none
}

#news_announcements ul li a.arrow,#bargainista_blog ul li a.arrow {
position:relative;
top:3px
}

#footer ul li a,#footer a {
color:#7a7a7a
}

.right,.RadMenu {
float:right !important
}