/* import other styles (add more as needed) @import rules must always be first in a document */
@import url("reset.css"); /* reset browsers */
@import url("common.css"); /* styling for common stuff */
@import url("forms.css"); /* styling for forms */
@import url("flyoutmenu.css"); /* styling for flyout menus */
@import url("hacks.css"); /* styling for hacks and tricks (do not minify this file) */
/* end import other styles */
/* set defaults */
body{
    background-color:#fafafa;
    color:#494949;
    font:normal normal normal 62.5%/1.7em "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif; /* base font set to 10px/15px for easy calculations, see Typetester’s base font size | maratz.com http://bit.ly/FqHFU */
}
#wrapper{
    background:transparent url('/mimages/boxy09/bg-stage-shadow.gif') no-repeat scroll top center;
    margin:39px auto 1em;
    padding-top:1px;
    position:relative;
    width:1026px;
}
    #wrapper h1{
        background-color:#f1f1f1;
        color:#391221;
        font-size:2.6em; /* approx. 26px */
        font-weight:normal;
        /*line-height:1.7em;*/ /* approx. 44.2px; 170% of the font-size */
        line-height:.8em;
        letter-spacing:2px;
        margin:0 0 1.7em;
        text-transform:uppercase;
    }
        #wrapper h1 span{
            background-color:#fff;
            padding:0 .5em 0 0;
        }
    #wrapper h2{
        font-size:2em; /* approx. 20px */
        line-height:1.7em; /* approx. 34px; 170% of the font-size */
    }
    #wrapper h3{
        font-size:1.6em; /* approx. 16px */
        line-height:1.7em; /* approx. 27.2px; 170% of the font-size */
    }
    #wrapper h4{
        font-size:1.4em; /* approx. 14px */
        line-height:1.7em; /* approx. 23.8px; 170% of the font-size */
    }
    #wrapper h5{
        background-color:inherit;
        color:#481227;
        font-size:1.2em; /* approx. 12px */
        line-height:1.83em; /* approx. 20.4px; 170% of the font-size */
        margin:.5em 0 0;
    }
    #wrapper p,#wrapper li,#wrapper dt,#wrapper dd{
        font-size:1.2em; /* approx. 12px */
        line-height: 1.83em; /* approx. 22px as defined in the body */
    }
    #wrapper p,
    #wrapper ul,
    #wrapper ol,
    #wrapper dl{
        padding-bottom:1em; /* approx. 17px */
    }
    #wrapper .last-child{ /* it's easier to control elements across browsers if you use this class version vs. the pseudo version (:last-child)  */
        margin-bottom:0!important;
        padding-bottom:0!important;
    }
/* end set defaults */
/* content-area */
#content-area,#footer,#social,#language{
    background-color:#fff;
    margin:17px auto 0;
    position:relative;
    width:990px; /* creates a 18px margin on the left and right */
    /*width:988px;*/ /* need to make the shadow for the wrapper two pixels wider */
}
#content-area{
    border-bottom:1px solid #e7e7e7;
    padding-bottom:20px;
}
    /* container */
    #content-area #container{
        padding:0;
        margin:0 auto;
        position:relative;
        width:942px; /* creates a 24px margin on the left and right */
    }
        /* container top */
        #content-area #container #container-top{
            /* this uses min-height hack see hacks.css */
        }
            #content-area #container #container-top #header-block{
                position:absolute;
                right:61px;
                top:-27px;
            }
                #content-area #container #container-top #header-block #favorites{
                    background:transparent url('/mimages/boxy09/hdr-blck-divider.gif') no-repeat scroll center right;
                    padding-right:13px;
                }
                    #content-area #container #container-top #header-block #favorites a{
                        background:transparent url('/mimages/boxy09/favs-icon.gif') no-repeat scroll center right;
                        display:inline-block;
                        text-transform:uppercase;
                        padding-right:20px;
                    }
            #content-area #container #container-top #secondary-nav-area{
                line-height:50px;
                margin-left:157px;
            }
            #content-area #container #container-top #secondary-nav-area #secondary-nav li{
                background:transparent url('/mimages/boxy09/sec-nav-bullet.gif') no-repeat scroll center right;
                padding:0 14px 0 7px;
            }
                #content-area #container #container-top #secondary-nav-area #secondary-nav li.first-child{
                    padding-left:0;
                }
                #content-area #container #container-top #secondary-nav-area #secondary-nav li.last-child{
                    padding-right:0;
                }
                #content-area #container #container-top #secondary-nav-area #secondary-nav li.current-section{
                    background-color:inherit;
                    color:#6f6f6f;
                    text-transform:uppercase;
                }
                #content-area #container #container-top #secondary-nav-area #secondary-nav li.current-selection a{
                    background-color:inherit;
                    color:#481227;
                    font-weight:bold;
                }
            #content-area #container #container-top #secondary-nav-area #secondary-nav #secondary-home a{
                background:transparent url('/mimages/boxy09/sec-nav-home-icon.gif') no-repeat scroll bottom left;
                display:inline-block;
                height:13px;
                width:16px;
            }
        /* end container top */
        /* container middle */
        #content-area #container #container-middle{
            /* this uses min-height hack see hacks.css */
            position:relative;
            width:942px; /* required for IE */
        }
            #content-area #container #container-middle .substance{
                position:relative;
                width:942px; /* required for IE */
            }
                /* basic column settings */
                #content-area #container #container-middle .substance .single-column,
                #content-area #container #container-middle .substance .double-even-column,
                #content-area #container #container-middle .substance .double-uneven-column,
                #content-area #container #container-middle .substance .alt-double-uneven-column,
                #content-area #container #container-middle .substance .triple-even-column{
                    /* NOTE if you adjust the padding and/or width here the columns below will need to be adjusted */
                    max-width:942px; /* should be the same as #content-area #container minus any padding below */
                    padding:0; /* thus making the width 960 - 20 - 20 = 920px */
                    position:relative;
                    width:942px; /* should be the same as #content-area #container minus any padding below */
                    /* temp settings */
                    border-top:1px solid #999;
                }
                /* end basic column settings */
                    /* enhanced basic column settings */
                    /* ################################################################################ */
                    /* double-even-column enhanced settings */
                    #content-area #container #container-middle .substance .double-even-column .dec-left{
                        /* total width 495px */
                        border-right:1px solid #999; /* only works with a solid line */
                        float:left;
                        max-width:440px;
                        padding-right:30px;
                        width:440px;
                        /* creates a 60px space between */
                    }
                    #content-area #container #container-middle .substance .double-even-column .dec-right{
                        /* total width 495px */
                        border-left:1px solid #999; /* only works with a solid line */
                        float:right;
                        margin-left:-1px; /* used to overlap border from .dec-left */
                        max-width:441px;
                        padding-left:30px;
                        width:441px;
                        /* creates a 60px space between */
                    }
                    /* end double-even-column enhanced settings */
                    /* ################################################################################ */
                    /* double-uneven-column enhanced settings */
                    #content-area #container #container-middle .substance .double-uneven-column .duec-left{
                        /* total width 663px */
                        border-right:1px solid #999; /* only works with a solid line */
                        float:left;
                        max-width:596px;
                        padding-right:42px;
                        width:596px;
                    }
                    #content-area #container #container-middle .substance .double-uneven-column .duec-right{
                        /* total width 327px */
                        border-left:1px solid #999; /* only works with a solid line */
                        float:right;
                        margin-left:-1px; /* used to overlap border from .duec-left */
                        max-width:261px;
                        padding-left:42px;
                        width:261px;
                    }
                    /* end double-uneven-column enhanced settings */
                    /* ################################################################################ */
                    /* alt-double-uneven-column enhanced settings */
                    #content-area #container #container-middle .substance .alt-double-uneven-column .alt-duec-left{
                        /* total width 328px */
                        border-right:1px solid #999; /* only works with a solid line */
                        float:left;
                        max-width:261px;
                        padding-right:42px;
                        width:261px;
                    }
                    #content-area #container #container-middle .substance .alt-double-uneven-column .alt-duec-right{
                        /* total width 662px */
                        border-left:1px solid #999; /* only works with a solid line */
                        float:right;
                        margin-left:-1px; /* used to overlap border from .alt-duec-left */
                        max-width:596px;
                        padding-left:42px;
                        width:596px;
                    }
                    /* end alt-double-uneven-column enhanced settings */
                    /* ################################################################################ */
                    /* triple-even-column enhanced settings */
                    #content-area #container #container-middle .substance .triple-even-column .tec-left,
                    #content-area #container #container-middle .substance .triple-even-column .tec-center,
                    #content-area #container #container-middle .substance .triple-even-column .tec-right{
                        float:left;
                        max-width:288px;
                        width:288px;
                    }
                    #content-area #container #container-middle .substance .triple-even-column .tec-left{
                        /* total width 308px */
                        border-right:1px solid #999; /* only works with a solid line */
                        padding-right:20px;
                        width:287px;
                    }
                    #content-area #container #container-middle .substance .triple-even-column .tec-center{
                        /* total width 326px */
                        border:1px solid #999; /* only works with a solid line */
                        border-width:0 1px; /* border on the left and right */
                        margin:0 -1px;
                        padding:0 19px;
                    }
                    #content-area #container #container-middle .substance .triple-even-column .tec-right{
                        /* total width 308px */
                        border-left:1px solid #999; /* only works with a solid line */
                        float:right;
                        padding-left:20px;
                        width:287px;
                    }
                    /* end triple-even-column enhanced settings */
                    /* ################################################################################ */
                    /* boxy */
                    #content-area #container #container-middle .substance .boxy{
                        position:relative;
                        width:942px; /* required for IE */
                    }
                    #content-area #container #container-middle .substance .boxy .boxy_1{ /* sizing for one box */
                        float:left;
                        margin:0 12px 0 0;
                        position:relative;
                        width:147px;
                    }
                    #content-area #container #container-middle .substance .boxy .boxy_2{ /* sizing for two boxes */
                        float:left;
                        position:relative;
                        width:306px;
                    }
                        #content-area #container #container-middle .substance .boxy .boxy_2 .boxy-bucket{
                            width:306px;
                        }
                    #content-area #container #container-middle .substance .boxy .boxy_3{ /* sizing for three boxes */
                        float:left;
                        margin-right:12px;
                        position:relative;
                        width:465px;
                    }
                        #content-area #container #container-middle .substance .boxy .boxy_3 .boxy-bucket{
                            width:465px;
                        }
                    #content-area #container #container-middle .substance .boxy .boxy_5{ /* sizing for five boxes */
                        float:left;
                        position:relative;
                        width:783px;
                        z-index:1;
                    }
                        #content-area #container #container-middle .substance .boxy .boxy_5 .boxy-bucket .boxy-bucket-center{
                            width:783px;
                        }
						#content-area #container #container-middle .substance .boxy .boxy_5 .boxy-bucket-center #swf0{
							margin-left: auto;
							margin-right: auto
                        }
                    #content-area #container #container-middle .substance .boxy .boxy-bucket{
                        position:relative;
                    }
                    #content-area #container #container-middle .substance .boxy .first-boxy{ /* use additional space to the left by sucking up the margin and making the box wider */
                        margin-left:-24px;
                        position:relative;
                        width:171px; /* 147px (boxy width) + 24px (left margin) */
                    }
                    #content-area #container #container-middle .substance .boxy .first-boxy .boxy-bucket{ /* create pseudo first box to compensate for previous rule adjustment */
                        margin-left:24px;
                    }
                    #content-area #container #container-middle .substance .boxy .first-boxy .alt-boxy-bucket{ /* create unique first box */
                        margin-left:0;
                        width:153px; /* 147px (boxy width) + 6px (right margin) */
                    }
                    #content-area #container #container-middle .substance .boxy .last-boxy{
                        margin:0; /* remove right margin */
                    }
                    /* end boxy */
                    /* ################################################################################ */
                    /* end enhanaced basic column settings */
                /* other internal column settings - i.e., overrides or additional enhancements */
                
                /* end other internal column settings */
            .substance #search{
                margin:30px 0 17px 12px;
            }
            .substance #search #search-form label{
                display:none;
            }
            .substance #search #search-form #search-field{
                border:1px solid #e7e7e7;
                background-color:inherit;
                color:#9b9b9b;
                font-size:10px;
                width:118px;
            }
            .substance #search #search-form #submit-field{
                vertical-align:middle;
            }
            .substance #main-nav ul li,
            .substance #main-nav ul li ul li{
                border-top:1px solid #e7e7e7;
                font-size:11px;
                height:30px;
                letter-spacing:2px;
                text-transform:uppercase;
                width:153px;
            }
                .substance #main-nav ul li a,
                .substance #main-nav ul li ul li a{
                    display:block;
                    height:30px;
                    font-weight:normal!important;
                    padding-left:21px;
                }
                .substance #main-nav,
                * html .substance #main-nav ul li a,
                * html .substance #main-nav ul li a:visited,
                .substance #main-nav li ul,
                .substance #main-nav li ul li,
                .substance #main-nav ul li:hover ul li a,
                .substance #main-nav ul li a:hover ul li a{
                    width:153px;
                }
                /* override second menu styles */
                .substance #main-nav ul li ul{
                    border:2px solid #e7e7e7;
                    padding:0;
                    width:auto;
                }
                .substance #main-nav ul li ul li{
                    border:none;
                    height:auto;
                    letter-spacing:normal;
                    text-transform:none!important;
                    width:auto;
                }
                .substance #main-nav ul li ul li a{
                    height:auto;
                    padding:.5em 1em;
                }
            #wrapper .substance .boxy_2 .boxy-bucket p{
                font-size:11px;
            }
    /* end container */
/* end content-area */
/* footer */
#footer{
    background:#fff url('/mimages/boxy09/bg-footer.gif') no-repeat scroll top right;
    color:#6f6f6f;
    font-size:11px;
    margin-top:0;
    padding:37px 37px 0;
    width:914px;
}
    #footer #footer-nav li{
        background:transparent url('/mimages/boxy09/foot-nav-divider.gif') no-repeat scroll center right;
        font-size:11px;
        letter-spacing:1px;
        padding:0 20px 0 16px;
        text-transform:uppercase;
    }
        #footer #footer-nav li.first-child{
            padding-left:0;
        }
        #footer #footer-nav li.last-child{
            background-image:none;
            padding-right:0;
        }
    #footer #contact-info{
        font-size:10px;
        top:37px;
        position:absolute;
        right:37px;
    }
        #footer #contact-info #hours{
            text-align:right;
            margin-bottom:10px;
        }
            #footer #contact-info #hours-list li{
                background:transparent url('/mimages/boxy09/foot-nav-divider.gif') no-repeat scroll center right;
                font-size:11px;
                padding:0 5px 0 5px;
                text-transform:uppercase;
            }
                #footer #contact-info #hours-list li.first-child{
                    padding-left:0;
                }
                #footer #contact-info #hours-list li.last-child{
                    background-image:none;
                    padding-right:0;
                }
        #footer #contact-info #vcard-contact .vcard-separator{
            display:none;
        }
        #vcard-street-address,
        #vcard-postal-code{
            background:transparent url('/mimages/boxy09/foot-nav-divider.gif') no-repeat scroll center right;
            padding:0 5px 0 0;
        }
        #vcard-locality,
        #vcard-tel{
            padding-left:2px;
        }
    #footer #copyright{
        margin-top:10px;
    }
        #footer #copyright #footer-nav-two li{
            background:transparent url('/mimages/boxy09/foot-nav-divider.gif') no-repeat scroll center right;
            font-size:10px;
            padding:0 20px 0 16px;
        }
        #footer #copyright #footer-nav-two li.first-child{
            padding-left:0;
        }
        #footer #copyright #footer-nav-two li.last-child{
            background-image:none;
            padding-right:0;
        }
    #footer #partners p{
        font-size:11px;
        text-transform:uppercase;
        margin-top:35px;
        padding-bottom:0;
    }
    #footer #partners li{
        padding-right:30px;
    }
    #footer #partners #management-or-web{
        /*when there aren't hardcoded hours, change - "bottom:60px;" */
		bottom:10px;
        position:absolute;
        right:37px;
    }
/* end footer */
/* social */
#social{
    background-color:transparent;
    display:inline;
    left:932px;
    position:absolute;
    top:-27px;
    width:75px;
}
    #social #social-buttons li{
        padding-left:5px;
    }
/* end social */
/* language */
#language{
}
/* end language */
/* end main regions */
/* special text areas */
/* end special text areas */
/* default link settings */
a,a:link,a:visited{
    background-color:#fff;
    color:#76324b;
    font-weight:bold;
    text-decoration:none;
}
a:hover,a:active{
    background-color:#fff;
    color:#494949;
    text-decoration:underline;
}
/* end default link settings */
/* link overrides */
#main-nav a,#main-nav a:link,#main-nav a:visited{
    background-color:#fff;
    color:#494949;
    text-decoration:none;
}
#main-nav a:hover,#main-nav a:active{
    background-color:#391221;
    color:#fff;
    text-decoration:none;
}
#secondary-nav li a,
#secondary-nav li a:link,#secondary-nav li a:visited{
    background-color:#fff;
    color:#6f6f6f;
}
#secondary-nav li a:hover,#secondary-nav li a:active{
    background-color:#fff;
    color:#481227;
}
.notable,
a.notable,a.notable:link,a.notable:visited{
    background-color:#fff;
    color:#727d24;
    font-size:12px;
    text-decoration:none;
}
a.notable:hover,a.notable:active{
    background-color:#fff;
    /*border-bottom:1px solid #727d24;*/
    color:#727d24;
    text-decoration:underline;
}
#buttons a,
#buttons a:link,#buttons a:visited{
    background-color:inherit;
    color:#494949;
    font-size:10px;
}
#buttons a,
#buttons a:hover,#buttons a:active{
    background-color:inherit;
    color:#727d24;
}
#footer-nav a:link,#footer-nav a:visited,
#footer-nav-two a:link,#footer-nav-two a:visited{
    background-color:#fff;
    color:#6f6f6f;
    text-decoration:none;
}
#footer-nav a:hover,#footer-nav a:active,
#footer-nav-two a:hover,#footer-nav-two a:active{
    background-color:#fff;
    color:#6f6f6f;
    text-decoration:underline;
}
#logo a,#social-buttons a,#footer #partners a{
    background-color:transparent;
    color:#6f6f6f;
}
/* end link overrides */

#wrapper ul.info li {
	margin-bottom:14px;
	line-height:1.5;
}
ul.info li:first-line {
	font-weight:bold;
	/*text-transform:uppercase;*/
}
#wrapper p.address { line-height:1.7; margin-bottom:1em; }
div#favorites span.notable { background-color:transparent; font-weight:bold; }
div#buttons ul.guideActionButtons li { text-transform:uppercase; cursor:pointer; }
div#buttons ul.guideActionButtons li img { margin:0px 5px -8px 0px;}
div#buttons ul.guideActionButtons li span:hover { text-decoration:underline;}


/* jobs page */
table#outerDirTable {
	width: 80%;
}
table#outerDirTable td {
	vertical-align:top;
	font-size: 110%;
}

table#outerDirTable td.storeName{
    vertical-align: middle;
	padding-left: 10px;
}

table#outerDirTable td.jobBlock {
    vertical-align: middle;
}

table#outerDirTable td.storeLogo {
	width: 88px;
}

table#outerDirTable table {
	vertical-align: middle;
}

table#outerDirTable hr {
	color: #FFF;
	height: 1px;
}


