﻿/* 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: 232px;
    height: 93px;
    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;
    line-height: 0;
}

#flashContent{height:200px; 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: 62px;
    height: 57px;
    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
{
    padding-top: 100px;
}
.textcontent
{
    background: url("Images/textcontent-bg.png") no-repeat;
    width: 571px;
    height: 416px;
    margin: 0 auto;
    position: relative;
    padding: 10px 10px 0 0;
}

.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: 10px 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
{
    padding-top: 140px;
}
.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
{
    padding-top: 140px;
}
.textcontent-wrapper.poll .textcontent
{
    background: url("Images/poll-bg.png") no-repeat;
    width: 319px;
    height: 217px;
    padding-right: 10px;
}
.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
{
    text-align: left;
}


.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;
	padding-left: 45px;
}
.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:5px;}

/*
    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');
}


/*
    application content set width and height
*/
.jqmWindow2 {
    display: none;
    
    position: fixed;
    top: 17%;
    left: 50%;
}
.jqmWindow2 a.close {
    position: absolute;
    top: 10px;
    right: -62px;
}
#applicationContainer2 {
    background: #fff; 
    text-align: center;
}

/* frame
--------------------------------------------------*/
.frame
{
    width: 100%;
}
.frame-tl, .frame-tc, .frame-tr
{
    height: 10px;
}
.frame-tl
{
    background: url("Images/frame-tl.png") no-repeat 0 0;
    padding-left: 152px;
}
.frame-tr
{
    background: url("Images/frame-tr.png") no-repeat right 0;
    padding-right: 18px;
}
.frame-tc
{
    background: #fff;
}

.frame-ml
{
    background: url("Images/frame-ml.png") no-repeat 0 bottom;
    padding-left: 10px;
}
.frame-mr
{
    background: url("Images/frame-mr.png") no-repeat right top;
    padding-right: 10px;
}
.frame-mc
{
    background: #fff;
}

.frame-bl, .frame-br, .frame-bc
{
    height: 10px;
}
.frame-bl
{
    background: url("Images/frame-bl.png") no-repeat 0 0;
    padding-left: 10px;
}
.frame-br
{
    background: url("Images/frame-br.png") no-repeat right 0;
    padding-right: 152px;
}
.frame-bc
{
    background-color: #fff;
}

#jqModel.video-player .textcontent
{
    background: #000;
    padding-left:10px;
}

#jqModel2.video-player div.frame-tl,
#jqModel2.video-player div.frame-tr,
#jqModel2.video-player div.frame-tc,
#jqModel2.video-player div.frame-ml,
#jqModel2.video-player div.frame-mr,
#jqModel2.video-player div.frame-mc,
#jqModel2.video-player div.frame-bl,
#jqModel2.video-player div.frame-br,
#jqModel2.video-player div.frame-bc,
#jqModel2.video-player #applicationContainer2
{
    background: #000;
}