/* RESET */

* {
    margin: 0;
    padding: 0;
}

html {
    overflow-y: scroll;
}

fieldset, img {
    border: 0;
}

ol, ul {
    list-style: none;
}

address, caption, cite, code, dfn, th, var {
    font-weight: normal;
    font-style: normal;
}

em {
    font-style: normal;
}

strong {
    font-weight: bold;
}

caption, th {
    text-align: left;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: bold;
    font-size: 100%;
    padding-bottom: 10px;
}

q:before, q:after {
    content: '';
}

abbr, acronym {
    border: 0;
}

html, body {
    height: 100%;
}

body {
    background: black url(../../images/hagadone/shadow.jpg) repeat-y center;
    font: 14px Myriad, Arial, Helvetica, sans-serif;
    color: white;
    text-align: center;
}

/* UTILITY */

.clear {
    clear: both;
}

.space {
    padding-top: 15px;
}

/* TYPOGRAPHY */

#content h1, div#formarea h1 {
    color: #ff0;
    font-size: 22px;
}

#content h2 {
    font-size: 18px;
}

#content h3 {
    color: #ff0;
    font-size: 14px;
}

#content h4 {
    color: #ff0;
    line-height: 20px;
    font-size: 14px;
}

#content p {
    color: #fff;
    font-style: normal;
    line-height: 20px;
    font-size: 14px;
    padding-bottom: 15px;
}

#content p#firstp {
    font-weight: bold;
    padding-top: 15px;
}

#formarea h1 {
    color: #ff0;
    font-size: 20px;
}

#formarea h2 {
    color: #ff0;
    font-size: 16px;
}

/* STRUCTURE */

#pagewrap {
    width: 914px;
    background-color: #000;
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -7em;
    text-align: left;
}

* html #pagewrap {
    height: 100%;
}

.push {
    height: 7em;
}

#content {
    padding: 50px 80px 50px 220px;
}

/* HEADER */

body {
    margin: 0;
}

#header {
    margin: 0 auto;
    background: #000 center;
    text-align: center;
}

#header img {
    display: block;
}

/* NAV */

#nav * {
    margin: 0;
}

#nav {
    background-color: #333;
    width: 914px;
    height: 22px;
    text-align: left;
}

#navlinks {
    padding-left: 1px;
}

#navlinks li {
    display: inline;
    width: 152px;
    height: 22px;
}

#navlinks li a {
    display: block;
    text-decoration: none;
    color: #fff;
    background: #000 url(../../images/hagadone/nav.jpg) bottom center no-repeat;
    float: left;
    width: 152px;
    height: 22px;
    text-indent: 15px;
    font-weight: bold;
    line-height: 23px;
    font-size: 16px;
}

#navlinks li a:hover, #navlinks li a:active, #navlinks li a:focus {
    background-position: top center;
}

#maincontent {
    /*padding: 40px 10px;*/
    background: url(../../images/hagadone/aboutnavbg.jpg) top left no-repeat;
}

#greenpagemaincontent {
  background: url(../../images/hagadone/greensidebar.jpg) top left no-repeat;
  color: black;
}
#distributionmaincontent {
  color: black;
}
#greencontent {
  line-height:160%;
  color: white;
  font-style: normal;
}
#greencontent .point,
#firstp {
  color: white;
  font-weight: bold;
  font-style: normal;
}
#greencontent h5 {
  color: #ff0;
  font-size: 20px;
  margin: 0 50px 0 210px;
  padding: 0 0 20px 0;
}

#greencontent h6 {
  font-size: 22px;
  color: #ff0;
  margin-left: 415px;
  padding-top: 50px;
}
#greencontent h6 em {
  color: #0d6;
  font-style: italic;
}
#greencontent .indent {
  margin-left: 415px;
}
#greencontent em {
  color: #A6A6A6;
}
#greencontent p {
  color: #A6A6A6;
  margin: 0 50px 0 210px;
  padding: 0 0 20px 0;
}

#aboutnavlinks {
    padding: 0 0 0 12px;
    float: left;
    width: 138px;
}

#aboutnavlinks h1 {
    padding: 5px 0 0 10px;
}

#aboutnavlinks h2 {
    font-size: 12px;
}

#aboutnavlinks li {
    padding-top: 27px;
}

#aboutnavlinks a {
    color: #000;
    text-decoration: none;
    font-weight: bold;
    font-size: 13px;
}

#aboutnavlinks a:hover, #aboutnavlinks a:active, #aboutnavlinks a:focus {
    color: #777;
}

/* SEARCH BAR */

#search {
    padding: 40px 0 0 0;
    width: 914px;
    background: #000 url(../../images/hagadone/gradient.jpg) repeat-x top center;
    text-align: center;
}

#searchbar {
    background: url(../../images/hagadone/searchbar-trans.png) no-repeat bottom center;
    width: 719px;
    height: 138px;
    margin: 0 auto;
}

#searchForm {
    margin: 0 auto;
    width: 575px;
}

#searchForm .label {
    text-align: left;
    color: white;
    font-weight: bold;
    line-height: 23px;
    font-size: 12px;
}

.field {
    width: 650px;
    text-align: left;
    margin-left: 0px;
}

.searchField {
    padding-right: 0px;
    width: 200px;
}

#usStates {
    width: 100px;
}

#citySelect {
    width: 140px;
    margin-left: 0;
}

#searchForm .bottomLine {
    display: none;
}

#searchForm .submitButton {
    background-image: url(../../images/hagadone/searchbutton.jpg);
    width: 73px;
    height: 24px;
    border: 0;
    background-repeat: no-repeat;
    background-position: center bottom;
    position: relative;
    margin-left: -15px;
    margin-top: 0;
    font-weight: bold;
    font-size: 14px;
}

#searchForm .submitButton:hover {
    background-position: center top;
}

/* POPULAR SEARCHES */

#popular {
    margin: 11px 239px 0;
}

#popular a {
    padding: 0 10px;
    text-align: center;
    text-decoration: none;
    color: #fff;
    display: block;
    float: left;
    width: 67px;
    font-weight: bold;
    font-size: 12px;
}

#popularlinks {
    padding-top: 20px;
    clear: both;
    color: #fff;
    margin: 0 auto;
    text-align: center;
    font-weight: bold;
    line-height: 20px;
    font-size: 14px;
}

#popularlinks a {
    color: #fff;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
    font-size: 12px;
}

#popular a:hover, #popular a:active, #popular a:focus, #popularlinks a:hover, #popularlinks a:active, #popularlinks a:focus {
    color: #ff0;
}

/* SPOTLIGHTED ICONS */

#spotlighted {
    margin: 40px 58px;
    overflow: auto;
}

ul#spots {
    list-style: none;
    margin: 0;
    padding: 0;
}

ul#spots li {
    display: inline;
    margin: 0;
    padding: 0;
}

ul#spots li a {
    display: block;
    height: 178px;
    text-indent: -9999px;
    float: left;
    outline: none;
}

ul#spots li a.mobile {
    width: 262px;
    background: url(../../images/hagadone/mobile.jpg) bottom center no-repeat;
}

ul#spots li a.book {
    width: 273px;
    background: url(../../images/hagadone/book.jpg) bottom center no-repeat;
}

ul#spots li a.widget {
    width: 263px;
    background: url(../../images/hagadone/widget.jpg) bottom center no-repeat;
}

ul#spots li a:hover, ul#spots li a:active, ul#spots li a:focus {
    background-position: top center;
}

/* FOOTER */

#footer {
    background-color: #000;
    width: 914px;
    clear: both;
    padding: 0;
    margin: 0 auto;
    text-align: center;
    color: #aaa;
    font-style: normal;
    line-height: 14px;
    font-size: 12px;
    height: 7em;
}

#footer a {
    line-height: 18px;
    text-decoration: none;
    color: #fff;
    font-weight: bold;
}

#footer a:hover, #footer a:active, #footer a:focus {
    color: #ff0;
}

/* SITEMAP */

.categoryLink a, .categoryInStateLink a, .searchLink a {
    background: url(../../images/hagadone/buttons/arrowIcon.gif) no-repeat;
    padding-left: 10px;
    margin-left: 10px;
    color: white;
}

.categoryLink a:hover, .categoryLink a:active, .categoryLink a:focus, .categoryInStateLink a:hover, .categoryInStateLink a:active, .categoryInStateLink a:focus, .searchLink a:hover, .searchLink a:active, .searchLink a:focus {
    color: #ff0;
    text-decoration: underline;
}

#siteMapLabel {
    margin: 0 auto;
    font-weight: bold;
    font-size: 18px;
    width: 80px;
}

/*
ABOUT PAGES SECTION
*/

/* PHOTO CONTEST */

#content ul {
    padding-bottom: 10px;
}

#content ul li {
    color: #fff;
    list-style: square outside;
    margin-left: 20px;
    font-style: normal;
    line-height: 20px;
    font-size: 14px;
}

#content a {
    color: #fff;
    text-decoration: underline;
}

#content a:hover, #content a:active, #content a:focus {
    color: #ff0;
}

/* FAQ */

ul#questions {
    padding: 15px 0 50px;
}

#questions li {
    list-style: square inside;
    color: #ff0;
    padding-bottom: 10px;
}

#questions li a {
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    font-size: 14px;
}

#questions li a:hover, #questions li a:active, #questions li a:focus {
    color: #ff0;
}

.totop {
    color: #fff;
    font-weight: bold;
    line-height: 20px;
    font-size: 14px;
}

.totop:hover, .totop:active, .totop:focus {
    color: #ff0;
}

/* MEDIA */

.video {
    padding: 10px 0 25px 20px;
}

.radio div {
    padding: 0 0 20px 25px;
}

/* CONTACT & ADVERTISE */

div#videobutton {
    width: 302px;
    height: 100px;
    overflow: hidden;
    padding-left: 115px;
    margin-bottom: 50px;
}

div#videobutton a {
    display: block;
    background: url(/images/hagadone/video.gif);
    width: 302px;
    height: 100px;
    text-indent: -9999px;
}


div#videobutton a:hover, div#videobutton a:active, div#videobutton a:focus {
    background-position: 0px -105px;
}

#formarea {
    padding: 50px 80px 50px 220px;
}

#formbody {
    color: #fff;
    font-weight: bold;
    line-height: 20px;
    font-size: 14px;
    padding-top: 10px;
}

#distributionmaincontent #formbody {
    font-weight: normal;
    line-height: 20px;
    font-size: 13px;
    padding-top: 10px;
}

#contactdata {
    margin: 10px 0 0;
}

#contactdata td {
    padding: 5px 0;
}

.rowspace {
    border-bottom: 10px solid #000;
}

.rowlabels {
    text-align: right;
    padding-right: 20px;
}

.required {
    color: #ff0;
}

.region {
    text-align: right;
    padding-right: 20px;
    font-size: 12px;
}

.regionlabel {
    padding: 10px 0 0;
}

.asterisk, .regioncities {
    font-size: 10px;
}

.regioncities {
    padding-left: 10px;
    line-height: 12px;
}

.buttons {
    margin-left: 140px;
    padding: 20px 0;
}

.button {
    border: 1px solid #fff;
    background: #fff;
    padding: 3px 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    color: #000;
}

.button:hover, .button:active, .button:focus {
    background: #ff0;
}

.error, .thanks {
    margin: 25px auto 0;
    text-align: center;
    padding-bottom: 10px;
}

.error h1, .thanks h1 {
    padding-top: 20px;
}

#thankscontent {
    padding-top: 50px;
    color: #ff0;
    font-weight: bold;
    font-size: 24px;
}

.thanksline {
    font-weight: bold;
}

/* VSP */

div#vsp {
    margin: 0 auto;
    padding-top: 25px;
    padding-left: 0;
    background: #000 url(images/hagadone/gradient.jpg) repeat-x top center;
}

div#layer2 {
    margin: 0 auto;
    text-align: center;
}

/* popup stuff for the popular searches*/

#popupBox {
    display: none;
    width: 170px;
    height: 92px;
    display: none;
    background-image: url('../../images/hagadone/backgrounds/popUpBox.gif');
    background-repeat: no-repeat;
    border: none;
    color: black;
    padding: 5px;
    position: absolute;
    text-align: left;
}

#popupText {
    margin-bottom: 3px;
    padding-top: 2px;
    background: none;
    font-size: 11px;
}

#closeBox {
    position: absolute;
    right: 5px;
    width: 10px;
    height: 10px;
    border: 1px solid black;
    color: black;
    font-weight: bold;
    text-align: center;
    font-size: 9px;
    cursor: pointer;
}

.close {
    text-decoration: none;
}

#footer {
    background-color: black;
}

#videobuttonsmall {
    position: absolute;
    width: 103px;
    height: 124px;
    top: 300px;
    border: 0px;
}

#videobuttonsmall a {
    display: block;
    background: transparent url(/images/hagadone/video-button-small.png) no-repeat top left;
    width: 103px;
    height: 124px;
    text-indent: -9999px;
    
}

#videobuttonsmall a:hover, #videobuttonsmall a:active, #videobuttonsmall a:focus {
    background-position: bottom left;
    width: 103px;
    height: 124px;
    border: 0px;
    cursor: pointer;
}