/* global
--------------------------------------------------*/
*
{
    margin: 0;
    padding: 0;
}
ul
{
    list-style: none;
}
img
{
    border: none;
}
.left
{
    float: left;
}
.right
{
    float: right;
}
.align-left
{
    text-align: left;
}
.align-right
{
    text-align: right;
}
.align-center
{
    text-align: center;
}
.justify
{
    text-align: justify;
}
.hide
{
    display: none;
}
.show
{
    display: block;
}
.bold
{
    font-weight: bold;
}
.italic
{
    font-style: italic;
}
.underline
{
    border-bottom: 1px solid;
}
.clear
{
    clear: both;
}

/* body
--------------------------------------------------*/
html, body
{
    height: 100%;
}
body
{
    min-width: 963px;
    font-family: Arial;
    font-size: 12px;
    color: #060606;
}
a
{
    color: #73706e;
    text-decoration: none;
}
a:hover
{
    text-decoration: underline;
}

/* header
--------------------------------------------------*/
#header
{
    background: url("Images/header-bg.png") repeat-x;
    width: 100%;
    height: 50px;
    position: absolute;
    top: 0;
    left: 0;
    line-height: 0;
}

#navbar
{
    text-align: center;
    height: 65px;
}
#navbar ul
{
    padding: 13px 0;
}
#navbar li
{
    display: inline;
    margin-left: 20px;
}
#navbar li a
{
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
}
#navbar li a.current
{
    color: #329947;
}
#navbar li:first-child
{
    margin-left: 0px;
}

/* footer
--------------------------------------------------*/
#footer
{
    width: 100%;
    height: 21px;
    line-height: 21px;
    text-align: center;
    position: absolute;
    left: 0;
    bottom: 8px;
}
#footer li
{
    display: inline;
    color: #ccc;
    text-shadow: 0.05em 0.2em 0.3em #333;
}
#footer li span
{
    font-size: 10px;
}
#footer li a
{
    /*border-left: 1px solid #64615e;     padding: 0 8px;*/
    font-size: 11px;
    text-decoration: none;
    color: #ccc;
}
#footer li a:hover, #footer li a:active, #footer li a.current
{
    color: #fff;
}

#footer li:first-child a
{
    border-left: none;
}

#footer .logo
{
    background: url("Images/footer-logo.png") no-repeat;
    width: 237px;
    height: 71px;
    position: absolute;
    right: 0;
    bottom: -8px;
}
#footer .symbol
{
    background: url("Images/footer-symbol.png") no-repeat;
    width: 116px;
    height: 119px;
    position: absolute;
    left: 10px;
    bottom: 0;
}

/* flash-container
--------------------------------------------------*/
#flash-container
{
    overflow: hidden;
    position: relative;
}

#flashContent
{
    line-height: normal;
    color: #fff;
}

/* main
--------------------------------------------------*/
#main
{
    width: 100%;
    position: relative;
}
#main-bg
{
    position: absolute;
    top: 0;
    left: 0;
    z-index: -999;
}

#menu-control
{
    background: url("Images/menu-control.png") no-repeat;
    width: 127px;
    height: 39px;
    position: absolute;
    top: 0;
    left: 14px;
    cursor: pointer;
}

a.close
{
    background: url("Images/close.png") no-repeat;
    width: 57px;
    height: 52px;
    display: block; /*text-indent: -999em;*/
}
a.close:hover
{
    background: url("Images/close-hover.png") no-repeat;
}

a.go-home
{
    background: url("Images/btn_go_home.png") no-repeat;
    width: 105px;
    height: 19px;
    display: block;
    color: #008d37;
    float: right;
}
a.go-home span
{
    padding-right: 20px;
}

.textcontent-wrapper
{
    width: 552px;
    height: 396px;
    background:#fff;
}

.textcontent-wrapper.ageCheck
{
    width:auto;
    background:transparent;
}

.textcontent
{
    background: url("Images/textcontent-bg.png") no-repeat;
    background-color:#fff;
    width: 552px;
    height: 396px;
    margin: 0 auto;
    position: relative;
}

.textcontent a.close
{
    position: absolute;
    top: 10px;
    right: -62px;
}
.textcontent h3
{
    font-size: 14.71px;
    font-style: italic;
    text-transform: uppercase;
    color: #000;
    text-decoration: underline;
}
.textcontent h3 a
{
    color: #000;
}
.green, .textcontent .text h1, .textcontent .text h2, .textcontent .text h3, .textcontent .text h4, .textcontent .text h5, .textcontent .text h6
{
    color: #409237;
    font-size: 14px;
    font-style: normal;
    font-weight: bold;
    padding-top: 5px;
    text-decoration: none;
}
.textcontent .text
{
    padding: 8px 0 0 10px;
}
.textcontent .text img
{
    float: right;
    margin-left: 10px;
}

/*
    list
*/
.textcontent-wrapper.list .textcontent .text
{
    margin-bottom: 20px;
}
.textcontent-wrapper.list .textcontent a.button
{
    margin-bottom: 20px;
}

a.button
{
    height: 19px;
    line-height: 19px;
    display: inline-block;
    background-color: #eeecea;
    text-decoration: none;
    color: #008d37;
    padding: 0 5px;
}
a.button.more
{
    background: #eeecea url("Images/icon-more.png") no-repeat right top;
    padding-right: 30px;
}
a.button.share
{
    background: #eeecea url("Images/icon-share.png") no-repeat right top;
    padding-right: 30px;
}

/*
    thanks
*/
.textcontent-wrapper.thanks
{
    width: 552px;
    height: 396px;
}
.textcontent-wrapper.thanks .textcontent
{
    background: url("Images/thanks-bg.png") no-repeat;
    width: 361px;
    height: 89px;
    padding-right: 10px;
}

.textcontent-wrapper.error .textcontent
{
    background: url("Images/error_bg.png") no-repeat;
    width: 364px;
    height: 139px;
    padding-right: 10px;
}

.textcontent-wrapper.error h3
{
    color: #060606;
}

.textcontent-wrapper.thanks .textcontent .close
{
    right: -62px;
}
.textcontent-wrapper.thanks .textcontent h2
{
    font-size: 28px;
    text-transform: uppercase;
    text-align: right;
}
.textcontent-wrapper.thanks .textcontent .text
{
    color: #989693;
    font-size: 12px;
    font-weight: bold;
    margin-top: 0;
    padding-top: 0;
    text-align: right;
}

/*
    poll
*/
.textcontent-wrapper.poll
{
    width: 552px;
    height: 396px;
}
.textcontent-wrapper.poll .textcontent
{
    background: url("Images/poll-bg.png") no-repeat;
    width: 319px;
    height: 217px;
}
.textcontent-wrapper.poll .textcontent .close
{
    right: -60px;
}
.textcontent-wrapper.poll .textcontent .title
{
    background: url("Images/poll-title.png") no-repeat right top;
    width: 100%;
    height: 71px;
}
.textcontent-wrapper.poll .textcontent h3
{
    font-size: 13px;
}
.textcontent-wrapper.poll .textcontent form input[type="radio"]
{
    margin: 5px 0 0 5px;
}

/*
    contact
*/
.textcontent-wrapper.contact, .textcontent-wrapper.contact.newsletter
{
    width: 552px;
    height: 396px;
}
.textcontent-wrapper.contact .textcontent
{
    text-align: left;
    padding: 0;
}


.textcontent a
{
    text-align: left;
    color: #329947;
    text-decoration: underline;
}

.textcontent-wrapper.contact .textcontent .title
{
    background: url("Images/contact_title.jpg") no-repeat right top;
    width: 100%;
    height: 88px;
}

.textcontent-wrapper.contact.newsletter .textcontent .title
{
    background: url("Images/newsletter_title.jpg") no-repeat right top;
    width: 100%;
    height: 126px;
}

.textcontent-wrapper.contact.newsletter h3
{
    text-align: right;
}

.textcontent-wrapper.contact form dl
{
    margin-top: 10px;
}
.textcontent-wrapper.contact form dt
{
    float: left;
    width: 150px;
}
.textcontent-wrapper.contact form dd
{
    margin-bottom: 10px;
}
.textcontent-wrapper.contact form dd input[type="text"], .textcontent-wrapper.contact form dd textarea
{
    border-left: 1px solid #A6A4A3;
    border-top: 1px solid #A6A4A3;
    border-right: none;
    border-bottom: none;
    width: 358px;
}
.textcontent-wrapper.contact form dd textarea
{
    /*width: 505px;*/
    height: 60px;
    overflow: hidden;
}
.textcontent-wrapper.contact form dd a.button
{
    height: 25px;
    line-height: 25px;
    padding: 0 5px;
}
.textcontent-wrapper.contact form dd a.button.more
{
    background: #eeecea url("Images/icon-more.png") no-repeat right 3px;
    padding-right: 35px;
}
.textcontent-wrapper.contact form div.error-message
{
    background: url("Images/error-message-bg.png") no-repeat left top;
    width: 360px;
    height: 28px;
    margin-left: 195px;
    font-size: 10px;
    text-align: center;
    padding-top: 3px;
    color: #fff;
}

.textcontent-wrapper.contact p.intro
{
    padding-left: 45px;
    margin-top: 8px;
}

/*
    jScrollPane
*/
.jScrollPaneContainer
{
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.jScrollPaneTrack
{
    position: absolute;
    cursor: pointer;
    right: 0;
    top: 0;
    height: 100%;
    background: #aaa;
}
.jScrollPaneDrag
{
    position: absolute;
    background: #000;
    cursor: pointer;
    overflow: hidden;
    background-color: #329947;
}
.jScrollPaneDragTop
{
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
}
.jScrollPaneDragBottom
{
    position: absolute;
    bottom: 0;
    left: 0;
    overflow: hidden;
}
a.jScrollArrowUp
{
    display: block;
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    text-indent: -2000px;
    overflow: hidden;
    height: 9px;
}
a.jScrollArrowUp:hover
{
}

a.jScrollArrowDown
{
    display: block;
    position: absolute;
    z-index: 1;
    bottom: 0;
    right: 0;
    text-indent: -2000px;
    overflow: hidden;
    height: 9px;
}
a.jScrollArrowDown:hover
{
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover
{
}
#scroll-panel
{
    height: 370px;
    text-align: right;
}

/*
    age check
*/
.textcontent-wrapper.ageCheck .textcontent
{
    background: url("Images/age-check.png") no-repeat scroll 0 0 transparent;
    height: 157px;
    padding-right: 10px;
    width: 274px;
    margin-top: 180px;
}

.textcontent-wrapper.ageCheck .textcontent a.close
{
    right: -52px;
    background-image: url(images/check.png);
}
.textcontent-wrapper.ageCheck .textcontent a.close:hover
{
    background-image: url(images/check-hover.png);
}

.textcontent-wrapper.ageCheck .textcontent input
{
    border: none;
    font-size: 36px;
    font-weight: 900;
    position: absolute;
    color: #329947;
    top: 80px;
    background: #000;
}

.textcontent-wrapper.ageCheck .textcontent #day
{
    width: 43px;
    left: 24px;
}

.textcontent-wrapper.ageCheck .textcontent #month
{
    width: 43px;
    left: 99px;
}

.textcontent-wrapper.ageCheck .textcontent #year
{
    width: 85px;
    left: 172px;
}

.day_errormsg, .month_errormsg, .year_errormsg, .age_errormsg
{
    height: 23px;
    width: 250px;
    top: 125px;
    position: absolute;
    left: 12px;
}

.day_errormsg
{
    background: url('images/error_day.png');
}
.month_errormsg
{
    background: url('images/error_month.png');
}
.year_errormsg
{
    background: url('images/error_year.png');
}
.age_errormsg
{
    background: url('images/error_age.png');
}

/*
    jqModel
*/
/* jqModal base Styling courtesy of;
	Brice Burgess <bhb@iceburg.net> */

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
	the Window's z-index value will be set to 3000 by default (via jqModal.js). */

.jqmWindow
{
    display: none;
    position: fixed;
    top: 17%;
    left: 50%;
    margin-left: -300px;
    width: 600px;
    padding-top: 0;
}

.jqmOverlay
{
    background-color: #000;
}

/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* iframe.jqm
{
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: expression(this.parentNode.offsetWidth+'px');
    height: expression(this.parentNode.offsetHeight+'px');
}

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow
{
    position: absolute;
    top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}

.footer-page
{
    background:url(images/fp_bg.png) no-repeat;
    width:552px;
    height:409px;
    padding:14px 8px 0 21px;
}

.footer-page a.close
{
    position: absolute;
    top: 22px;
    right: -56px;
    cursor:pointer;
}


#flash-container .grid
{
    margin-top: 50px;
    color: #aaa;
    line-height: normal;
    display: none;
    overflow: auto;
}
#flash-container .grid .item
{
    width: 278px;
    height: 200px;
    float: left;
    margin: 15px 0 0 15px;
    padding: 5px 10px;
    border: solid 1px #fff;
    overflow: hidden;
}
#flash-container .item .introtext
{
    padding-top: 5px;
}
#flash-container .item .maintext
{
    padding-top: 5px;
}