@import "/assets/baseline.css"; /* get all browsers marching in step */
@import "/_assets/content.css";
@import "/_assets/forms.css";

html, body {height:100%;}
/* div {border: 1px solid #f00;} */
body {
    margin: 0;
    background: #fff url(/assets/images/design/secondary_bg.jpg) repeat-x;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
    min-width: 875px;
    }
body#chome {background: #fff url(/assets/images/design/main_bg.jpg) repeat-x;}
#masterwrap {
    min-height:100%;
    position:relative;
    /* overflow: hidden; */
    }
#wrap {
    display: block; 
    /* width: 810px; */ 
    margin: 0 auto;
    padding-bottom: 30px;
    }
a {color: #025998;}
a:hover {color: #63bae5;}
a img {border: none;}
a.cbox img {background: #fff; padding: 3px; border: 1px solid #e0e0e0; margin: 0 10px 10px 0;}
p, ul, ol, dl, table {
    margin: 1.33em 0;
    line-height: 1.6em;
    }
strong {font-weight: bold;}
em {font-style: italic; line-height: inherit; line-height: 1.6em;}

ul, ol {margin-left: 3em;}
ul {list-style-type: disc;}
ol {list-style-type: decimal;}
ul ul, ul ol, ol ul, ol ol {margin-top: 0; margin-bottom: 0;}
ul ul, ol ul {list-style-type: square;}
ul ul ul, ul ol ul, ol ol ul, ol ul ul {list-style-type: circle;}
/* li {margin: 0.3em 0 0.3em 0; display: list-item;} */

    
li {line-height: 1.6;}
h1, h2, h3, h4 {line-height: 1.4em; font-weight: bold;}
h1 {font-size: 2em; margin: 0.67em 0; color: #5c6f7b;}
h2 {font-size: 1.5em; margin: 0.83em 0; color: #52372c;}
h3 {font-size: 1.17em; margin: 1em 0; color: #52372c;}
h4 {font-size: 1em; margin: 1.33em 0;}
hr {border: 0; color: #ccc; background-color: #ccc; height: 1px; margin: 0.5em 0; clear: both;}
hr.clearme {visibility: hidden; clear: both; margin: 0; padding: 0; line-height: 0;}
#header {height: 115px; width: 810px; margin: 0 auto; position: relative;}
img#logo {}
p#toplinks {
    color: #fff; 
    float: right;
    font-size: 13px;
    line-height: 15px;
    margin: 10px 40px 0 0;
    }
a#logolink {display: block; width: 185px; height: 110px; border: none; position: absolute; left: 50%; margin-left: -370px;}
p#toplinks a, #footer a {
    color: #fff;
    text-decoration: none;
    margin: 0 5px;
    }
p#toplinks a:hover, #footer a:hover {text-decoration: underline;}
form#search {
    float: right;
    padding: 0;
    }
input#query {
    border-style: hidden;
    border-width: 0px;
    width: 155px;
    padding: 5px;
    font-size:12px;
    background: #52382b url(/assets/images/design/searchbox_bg.png) no-repeat;
    margin:7px 0 0;
    }
input.dim {color: #999;}
#footer {
    /* color: #927e62; */
    color: #fff;
    background: #52382b; 
    padding: 7px 0 5px;
    position:absolute;
    bottom:0;
    width:100%;
    height: 18px;
    clear: both;
    }
#footer p {
    margin: 0 auto;;
    width: 810px;
    font-size: 11px;
    }
#footer a {/* color: #927e62; */ color: #fff;}
span#copyright {float: left;}
span#bottomlinks {float: right;}

/* HOMEPAGE /////////////////////////////////// */
#mainstage {
    height: 284px;
    background-color: #c4d3dc;
    border-top: 2px solid #eee;
    border-bottom: 2px solid #eee;
    }
#centerstage {
    width: 786px;
    margin: 0 auto;
    height: 260px;
    background-color: #1a2343;
    padding: 12px;
    overflow: hidden;
    }
#spotlight, #billboard, #spotlight li, #billboard li {
    margin: 0;
    padding: 0;
    list-style-type: none;
    }
#spotlight {
    width: 210px;
    height: 232px;
    padding: 14px 15px;
    background: #fff;
    float: left;
    }
#spotlight li {
    font-size: 11px;
    border-bottom: 1px solid #f0f0f0;
    padding: 0 0 16px;
    margin-bottom: 15px;
    line-height: 1em;
    color: #aaa;
    }
#spotlight li.last {border: none;}
#spotlight li a {text-decoration: none; color: #505050;}
#spotlight li a:hover {text-decoration: underline;}
#spotlight h2, #spotlight h2 a {
    font-size: 12px;
    font-family: Times;
    margin: 0 0 5px;
    font-weight: bold;
    color: #1a2343;
    }
#spotlight h2 a {font-size: 15px;}
#billboard {
    width: 534px;
    height: 260px;
    background: transparent;
    float: right;
    }
#billboard img {border: none;}
#lowerstage {
    background: #fff url(/assets/images/design/lowerstage_bg.gif) repeat-x;
    min-height: 210px;
    padding-top: 1px;
    overflow: auto;
    }
#homepagecontent {
    width: 502px;
    padding: 10px 40px;
    background: transparent url(/assets/images/design/homepagecontent_bg.png) no-repeat;
    position: relative;
    left: 50%;
    margin-left: -427px;
    float: left;
    overflow: hidden;
    }
* + html #homepagecontent {
    padding-top: 25px;
    }

#features, #features li {list-style-type: none; margin: 0; padding: 0;}
#features {margin: 15px 0 20px 0; padding-bottom: 100px; color: #aaa;}
#features li {width: 165px; float: left; overflow: hidden; padding-top: 10px;}
#features li a {text-decoration: none; color: #505050;}
#features li a:hover {text-decoration: underline;}
#features li span {padding-top: 20px; float: left; font-weight: bold;}
#features li span a {line-height: 1.3em;}
#features li img {
    width: 70px;
    height: 70px;
    float: left;
    margin: 0 12px 10px 0;
    padding: 5px;
    background: transparent url(/assets/images/design/feature_bg.png) no-repeat;
    }
#recent {clear: both; margin-bottom: 30px; min-height: 350px;}
#recent h3 {color: #52382b; font-size: 18px; font-family: Times; margin-top: 0;}
div#bricks {
    width: 260px;
    position: absolute;
    left: 50%;
    margin: 17px 0 30px 150px;
    }
div#bricks img.brick {
    width: 250px;
    height: 80px;
    margin: 0 0 20px 0;
    padding: 0 5px 10px;
    background: transparent url(/assets/images/design/brick_ds.png) no-repeat;
    }

/* CONTENT PAGES ////////////////////////////// */
div#breadcrumb {width: 610px; margin: 3em auto 0; padding-left: 225px; color: #52382b;}
div#breadcrumb {padding-left: 255px;}
div#breadcrumb p {margin: 0;}
div#breadcrumb p a {margin: 0; color: #52382b;}
/* div#main, div#side, div#content {border: 1px solid #f00; } */
div#main {width: 850px; margin: 1.3em auto 0;}
div#main {width: 820px;}
div#side {float: left; width: 185px; height: 100%;}
div#content {margin: 0 0 2em 0; float: right; width: 620px;}
div#content {width: 590px;}

/* STORE PAGES //////////////////////////////// */
div.store-item {width: 440px; float: left; margin-bottom: 2em;}
div.store-item-extra {width: 130px; float: right; padding-top: 1.5em; margin-bottom: 2em;}
div.store-item-extra select {margin-bottom: 1em;}
img.store-item-image {margin-bottom: 20px;}
table#ejejctable {border-collapse: separate; border-spacing: 2px;} 

/* MAIN NAVIGATION TABS /////////////////////// */
#main_nav {margin: 0; list-style-type: none; position: absolute; top: 80px; left: 50%; margin-left: -90px; width: 550px;}
#main_nav li {font-family: Helvetica, Arial, sans-serif; font-size: 14px; float: left; margin-left: -15px}
#main_nav li a {
     display: block;
     width: 114px;
     line-height: 29px;
     text-align: center;
     padding-top: 7px;
     text-decoration: none;
     color: #fff;
     background: transparent url(/assets/images/design/main_nav_tabs_alt.png) no-repeat;
}
#main_nav li a:hover, #main_nav li.active a:hover {color: #111; background-position: 0 -36px;}
#main_nav li.active a {color: #111; background-position: 0px -72px;}

/* SIDE NAVIGATION //////////////////////////// */
ul#sidenav {
    margin: -1em 0 0; 
    list-style-type: none; 
    font-size: 11px; 
    padding: 36px 0 0 24px; 
    background: transparent url(/assets/images/design/side_nav_bg.png) no-repeat left 10px;
}
ul#sidenav li {
    background-color: #fff; 
    border-bottom: 1px solid #ddd; 
    border-right: 1px solid #ddd; 
    text-align: right; 
    padding: 10px 15px; 
    margin-right: 0; 
    width: 130px;
}
ul#sidenav li a {text-decoration: none; font-weight: bold; color: #111;}
ul#sidenav li a:hover {color: #5c6f7b;}
ul#sidenav li.youarehere a {color: #62351d;}

ul#sidenav li ul#sidenav {margin: 0; padding: 0;}
ul#sidenav li ul#sidenav li {margin: 0; padding: 0; font-weight: normal; border: none; background: none; font-size: 95%;}
ul#sidenav li.youarehere ul#sidenav li a {color: #111;}
ul#sidenav li ul#sidenav li a {font-weight: normal;}
ul#sidenav li ul#sidenav li.youarehere a {color: #62351d;}