/* 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("hacks.css"); /* styling for hacks and tricks (do not minify this file) */
/* end import other styles */
/* set defaults */
body{
    background-color:#fff;
    color:#333;
    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{
    position:relative;
}
    #wrapper h1{
        font-family:"Times New Roman",Georgia,serif;
        font-size:3.5em; /* approx. 35px */
        line-height:.7em;
        margin:0;
        padding:0 0 20px;
    }
    #wrapper h2{
        font-family:"Times New Roman",Georgia,serif;
        font-size:2.5em; /* approx. 25px */
        line-height:1.7em;
    }
    #wrapper h3{
        font-size:1.8em; /* approx. 18px */
        line-height:1.7em;
    }
    #wrapper h4{
        font-size:1.3em; /* approx. 13px */
        line-height:1.7em;
    }
    #wrapper h5{
        font-size:1.2em; /* approx. 12px */
        line-height:1.7em;
    }
    #wrapper p,#wrapper li,#wrapper dt,#wrapper dd{
        font-size:1.2em; /* approx. 12px */
        line-height:1.7em;
    }
        #wrapper dt{
            font-size:1.3em;
        }
    #wrapper p,
    #wrapper ul,
    #wrapper ol,
    #wrapper dl{
        padding-bottom:1.5em;
    }
    #wrapper .last-child{ /* it's easier to control elements across browsers if you use the class version */
        margin-bottom:0!important;
        padding-bottom:0!important;
    }
/* end set defaults */
/* content-area */
#content-area,#footer,#social,#language{
    margin:0 auto;
    width:960px;
}
    /* masthead */
    #content-area #masthead{
        height:130px;
        margin:20px 0;
        padding:0;
        position:relative;
    }
        #content-area #masthead #logo{
            background:transparent url('/mimages/design/coopdesign09/logo.gif') no-repeat scroll top left;
            height:81px; /* height of logo */
            width:291px; /* width of logo */
			padding:0px;
        }
            #content-area #masthead #logo a{
                display:block;
                height:81px; /* height of logo */
                width:291px; /* width of logo */
            }
/* mall hours */
#content-area #masthead ul#mallhours{
	position:absolute;
	top:0;
	right:0px;
	border-right:1px dashed #ccc;
	padding:0 20px 0 0;
}
	#content-area #masthead ul#mallhours li{
		font-size:95%;
		letter-spacing:2px;
		text-align:right;
	}
    #content-area #masthead ul#mallhours li#lastitem{
        border-bottom:1px solid #ccc;
     	padding-bottom:5px;   
    }
	#content-area #masthead ul#mallhours li span{
		font-weight:bold;
	}
	
/* primary menu */ 
ul#primary-nav {
	margin:0;
	padding: 0;
	list-style-type: none;
	float:right;
}
ul#primary-nav  li{
	position: relative;
	display: inline;
	float: left;
	font-size:95%;
	font-weight:bold;
	letter-spacing:2px;
	text-align:right;
	text-transform:uppercase;
	padding-right:25px;
}
ul#primary-nav   li a{
	padding:0 5px;
	height:auto;
	width:100px;
}
ul#primary-nav   li a:hover, ul#primary-nav   li a:active{
	background-color:#000;
}

    /* end masthead */
    /* container */
    #content-area #container{
        padding:0;
        width:960px;
    }
        #content-area #container #container-top{
            border-bottom:1px dashed #ccc;
        }
            /* header image area */
            #content-area #container #container-top #header-block{
                max-width:960px;
                position:relative;
                width:960px;
            }
                #content-area #container #container-top #header-block #header-img{
                }
                #content-area #container #container-top #header-block #header-caption{
                    bottom:10px;
                    font-size:1.2em;
                    position:absolute;
                    right:10px;
                }
            /* end header image area */
            #content-area #container #container-top #hintbox{
                padding:0 2em;
            }
                #content-area #container #container-top #hintbox #legend{
                    height:50px;
                    float:left;
                    text-align:left;
                    text-transform:uppercase;
                    width:49%;
                }
                #content-area #container #container-top #hintbox #map-nav{
                    height:50px;
                    float:right;
                    text-align:right;
                    text-transform:uppercase;
                    width:49%;
                }
                #content-area #container #container-top #hintbox #map-nav,
                #content-area #container #container-top #hintbox #map-nav a{
                    color:#717c83;
                }
                #content-area #container #container-top #hintbox #map-nav a:hover{
                    color:#000;
                }
                    #content-area #container #container-top #hintbox li{
                        line-height:50px;
                    }
                    #content-area #container #container-top #hintbox #legend ul,
                    #content-area #container #container-top #hintbox #map-nav ul{
                        height:50px;
                        line-height:50px;
                        padding:0;
                    }
        #content-area #container #container-middle{
            /* this uses min-height hack see hacks.css */
            width:960px; /* required for IE */
        }
            #content-area #container #container-middle .substance{
                position:relative;
            }
                /* 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{
                    max-width:920px; /* should be the same as #content-area #container */
                    padding:30px 20px 20px; /* thus making the width 960 - 20 - 20 = 920px */
                    position:relative;
                    width:920px; /* should be the same as #content-area #container */
                }
                #content-area #container #container-middle .substance .single-column{
                }
                #content-area #container #container-middle .substance .double-uneven-column,
                #content-area #container #container-middle .substance .alt-double-uneven-column{
                    padding-bottom:30px; /* to clear the border set on the columns within */
                }
				#content-area #container #container-middle .substance .single-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{
                    border-bottom:1px dashed #ccc;
                }
                /* end basic column settings */
                    /* double-even-column enhanced settings */
                    #content-area #container #container-middle .substance .double-even-column .dec-left{
                        float:left;
                        max-width:430px;
                        width:430px;
                        /* creates a 60px space between */
                    }
                    #content-area #container #container-middle .substance .double-even-column .dec-right{
                        float:right;
                        max-width:430px;
                        width:430px;
                        /* 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{
                        /*border-right:1px solid #ccc;*/ /* only works with a solid line */
                        background:transparent url('/mimages/design/coopdesign09/vertborder.gif') repeat-y scroll 100% 0;
                        float:left;
                        max-width:587px;
                        padding-right:42px;
                        width:587px;
                    }
                    #content-area #container #container-middle .substance .double-uneven-column .duec-right{
                        /*border-left:1px solid #ccc;*/ /* only works with a solid line */
                        background:transparent url('/mimages/design/coopdesign09/vertborder.gif') repeat-y scroll 0 0;
                        float:right;
                        margin-left:-1px; /* used to overlap border from .duec-left */
                        max-width:250px;
                        padding-left:42px;
                        width:250px;
                    }
                    /* 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{
                        /*border-right:1px solid #ccc;*/ /* only works with a solid line */
                        background:transparent url('/mimages/design/coopdesign09/vertborder.gif') repeat-y scroll 100% 0;
                        float:left;
                        max-width:250px;
                        padding-right:42px;
                        width:250px;
                    }
                    #content-area #container #container-middle .substance .alt-double-uneven-column .alt-duec-right{
                        /*border-left:1px solid #ccc;*/ /* only works with a solid line */
                        background:transparent url('/mimages/design/coopdesign09/vertborder.gif') repeat-y scroll 0 0;
                        float:right;
                        margin-left:-1px; /* used to overlap border from .alt-duec-left */
                        max-width:587px;
                        padding-left:42px;
                        width:587px;
                    }
                    /* 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:250px;
                        width:250px;
                    }
                    #content-area #container #container-middle .substance .triple-even-column .tec-left{
                        /*border-right:1px solid #ccc;*/ /* only works with a solid line */
                        background:transparent url('/mimages/design/coopdesign09/vertborder.gif') repeat-y scroll 100% 0;
                        padding-right:42px;
                    }
                    #content-area #container #container-middle .substance .triple-even-column .tec-center{
                        /*border-left:1px solid #ccc;*/ /* only works with a solid line */
                        background:transparent url('/mimages/design/coopdesign09/vertborder.gif') repeat-y scroll 0 0;
                        margin-left:-1px;
                        padding-left:43px;
                        padding-right:44px;
                        width:250px;
                    }
                    #content-area #container #container-middle .substance .triple-even-column .tec-right{
                        /*border-left:1px solid #ccc;*/ /* only works with a solid line */
                        background:transparent url('/mimages/design/coopdesign09/vertborder.gif') repeat-y scroll 0 0;
                        float:right;
                        padding-left:42px;
                        padding-right:0;
                    }
                    /* end triple-even-column enhanced settings */
                /* other internal column settings */
                #content-area #container #container-middle .substance dl dt{
                    font-weight:bold;
                    text-transform:uppercase;
                }
                #content-area #container #container-middle .substance ul li{

                }
                    #content-area #container #container-middle .substance ul li li{
                        font-size:1em;
                    }
					#content-area #container #container-middle .substance .block-view-link a{
    					background:transparent url('/mimages/design/coopdesign09/sm-adv-arrow.gif') no-repeat scroll 100% 4px;
    					padding:0 10px 0 0;
					}
                    #content-area #container #container-middle .substance ul li .sale-block,
                    #content-area #container #container-middle .substance ul li .event-block{
                        border-bottom:1px dashed #CCCCCC;
                        margin-bottom:1.5em;
                    }
                    #content-area #container #container-middle .substance ul li .directory-block{
                        border-bottom:none;
                        margin-bottom:0;
                        padding:0;
                    }
                    #content-area #container #container-middle .substance ul li .directory-block .directory-name{
                        letter-spacing:1px;
                    }
                    #content-area #container #container-middle .substance ul li .db-first{
                        border-bottom:1px dashed #ccc!important;
                        margin-bottom:1.5em!important;
                        padding-bottom:1em!important;
                    }
                    #content-area #container #container-middle .substance ul li .db-last{
                        border-top:1px dashed #ccc!important;
                        margin-top:1.5em!important;
                        padding-top:1em!important;
                    }
                    #content-area #container #container-middle .substance ul li .db-neither{
                        border:1px dashed #ccc!important;
                        border-width:1px 0!important;
                        margin:1.5em 0!important;
                        padding:1em 0!important;
                    }
                        #content-area #container #container-middle .substance ul li .directory-block dt{
                            cursor:pointer;
                            font-weight:normal;
                            text-transform:none;
                        }
                        #content-area #container #container-middle .substance ul li .directory-block dd{
                            display:none; /* by default this information is hidden but jquery expands them into view on end user click on the dt */
                        }
                #content-area #container #container-middle .substance ul li dt{
                    font-size:1.084em; /* reset to 13px */
                }
                #content-area #container #container-middle .substance ul li dd{
                    font-size:1em; /* reset to 12px */
                }
                #content-area #container #container-middle .substance .instructions{
                    font-size:2em; /* approx. 20px */
                }
                #content-area #container #container-middle .substance .column-foot{
                    clear:both;
                    margin:.8em 0 0 0;
                    line-height:1em;
                    padding-bottom:.5em;
                    text-align:right;
                    text-transform:uppercase;
                }
                #content-area #container #container-middle .top-page-turner,
                #content-area #container #container-middle .bottom-page-turner{
                    padding:0;
                    position:absolute;
                    width:920px; /* width of container */
                }
                #content-area #container #container-middle .top-page-turner{
                    right:20px;
                    top:10px;
                    width:36px;
                }
                    #content-area #container #container-middle .top-page-turner .top-page-prev{
                        background:transparent url('/mimages/design/coopdesign09/prv-arrow.gif') no-repeat scroll center left;
						cursor:pointer;
                        float:left;
                        height:1.7em;
                        line-height:1.7em;
                        padding:0 0 0 10px;
                        width:8px;
                    }
                    #content-area #container #container-middle .top-page-turner .top-page-next{
                        background:transparent url('/mimages/design/coopdesign09/adv-arrow.gif') no-repeat scroll center right;
						cursor:pointer;
                        float:right;
                        height:1.7em;
                        line-height:1.7em;
                        padding:0 10px 0 0;
                        width:8px;
                    }
                    #content-area #container #container-middle .top-page-turner a{
                    }
                #content-area #container #container-middle .bottom-page-turner{
                    bottom:0;
                }
                    #content-area #container #container-middle .bottom-page-turner .bottom-page-prev{
                        background:transparent url('/mimages/design/coopdesign09/prv-arrow.gif') no-repeat scroll center left;
						cursor:pointer;
                        float:left;
                        height:1.7em;
                        line-height:1.7em;
                        padding:0 0 0 20px;
                    }
                    #content-area #container #container-middle .bottom-page-turner .bottom-page-next{
                        background:transparent url('/mimages/design/coopdesign09/adv-arrow.gif') no-repeat scroll center right;
						cursor:pointer;
                        float:right;
                        height:1.7em;
                        line-height:1.7em;
                        padding:0 20px 0 0;
                    }
                    #content-area #container #container-middle .bottom-page-turner a{
                        
                    }
                #content-area #container #container-middle .duec-left #keep-in-touch,
				#content-area #container #container-middle .alt-duec-left #keep-in-touch{
                    background:transparent url('/mimages/design/coopdesign09/pg-hdr-keep-in-touch.gif') no-repeat scroll top left;
                    height:35px;
                    width:250px;
                }
                #content-area #container #container-middle .duec-right #find{
                    background:transparent url('/mimages/design/coopdesign09/pg-hdr-find.gif') no-repeat scroll top left;
                    height:35px;
                    width:250px;
                }
                /* end other internal column settings */
    /* end container */
/* end content-area */
/* footer */
#footer{
    background-color:transparent;
    color:#717C83;
}
    #footer #footer-content{
        text-transform:uppercase;
        padding:10px;
    }
        /* footer nav */
        #footer #footer-content ul#footer-nav{
            display:inline;
            float:left;
            width:52%;
        }
            #footer #footer-content ul#footer-nav li{
                font-size:1em; /* bring font back down to approx. 10px */
                float:left;
                padding:0 10px 0 0;
            }
                #footer #footer-content ul#footer-nav li.first-child{
                    padding-left:0;
                }
                #footer #footer-content ul#footer-nav li.last-child{
                    padding-right:0;
                }
        /* end footer nav */
        /* contact */
        #footer #footer-content div#contact-info{
            font-size:1em; /* bring font back down to approx. 10px */
            float:right;
            text-align:right;
            width:45%;
        }
        /* end contact */
        /* copyright */
        #footer #footer-content div#copyright{
            margin-left:52%; /* must match the width of #footer #footer-content ul#footer-nav so not to effect :hover state in the left area */
            padding:30px 0 0;
            position:relative;
            text-align:right;
        }
        /* end copyright */
/* end footer */
/* social */
#social{
    height:30px;
    margin-bottom:1em;
}
    #social #social-content{
        padding-right:20px;
    }
    #social #social-content #social-buttons{
        float:right;
        padding:0;
    }
    #social #social-content #social-buttons li{
        line-height:28px;
        padding:0;
        vertical-align:top;
    }
    #social-label{
        text-transform:uppercase;
    }
/* end social */
/* language */
#language{
    height:27px;
}
    #language #language-content #language-buttons li{
        float:right;
        padding:0 10px 0 0;
    }
/* end language */
/* end main regions */
/* special text areas */
/* end special text areas */
/* default link settings */
a,a:link,a:visited{
    background-color:transparent;
    color:#333;
    text-decoration:none;
}
a:hover,a:active{
    background-color:transparent;
    color:#666;
    text-decoration:none;
}
/* end default link settings */
/* link overrides */
ul li a:link,
ul li a:visited{
    background-color:transparent;
    color:#333;
    text-decoration:none;
}
ul li a:hover,
ul li a:active{
    background-color:transparent;
    color:#666;
    text-decoration:none; /*use text-decoration:underline; for links; borders don't look good in lists*/
}
#primary-nav a:link,
#primary-nav a:visited{
    background-color:transparent;
    color:#333;
}
#primary-nav a:hover,
#primary-nav a:active{
    background-color:transparent;
    color:#fff;
}
.column-foot a:link,
.column-foot a:visited,
#footer-nav a:link,
#footer-nav a:visited{
    background-color:transparent;
    color:#717c83;
}
.column-foot a:hover,
.column-foot a:active,
#footer-nav a:hover,
#footer-nav a:active{
    background-color:transparent;
    color:#000;
}
#header-caption a:link,
#header-caption a:visited{
    background-color:transparent;
    color:#fff;
}
#header-caption a:hover,
#header-caption a:active,
#header-caption a.myhover{
    background-color:transparent;
    color:#717c83;
}
.blocks li a:link,
.blocks li a:visited{
    background-color:transparent!important;
    color:#333!important;
}
.blocks li a:hover,
.blocks li a:active{
    background-color:transparent!important;
    color:#666!important;
}
/* end link overrides */