@import url('core.css');

/********************************************
        PRIMARY STYLES
********************************************/

body {font:62.5%/1.8em Arial, sans-serif; background:url(/images/core/body-bg.jpg) no-repeat 50% 0; color:#3d3d3d;}
h1 {font-size:16px!important; color:#419917; font-weight:bold;}
h2 {font-size:15px!important; color:#419917;}
h3 {font-size:14px!important; color:#419917;}
h4 {font-size:13px!important; font-weight:bold; color:#419917;}
p {font-size:12px;}
a {color:#419917; text-decoration:none;}
a:hover {text-decoration:underline;}
ul {font-size:12px;}

/* Container Elements */
#container {margin:0 auto; width:940px; background:url(/images/core/container-bg.png) repeat-y; padding:0 10px;}
#banner {height:420px; position:relative;}
#content {clear:both; background:url(/images/core/content-bg.jpg) no-repeat; padding:80px 20px 40px 20px;}
#primary {width:auto!important;}
#secondary {clear:both; height:150px; margin-top:40px; padding-top:20px; width:auto; border-top:1px solid #cce4c1;}
#footer {margin:0 auto; width:920px; height:80px; padding:30px 20px 0 20px; color:#525252; background:url(/images/core/footer-bg.png) no-repeat; height:78px;}

/* Header Elements  */
#logo {position:absolute; top:39px; left:48px; background:url(/images/core/know_the_game-logo1.png) no-repeat; text-indent:-9999em; display:block; width:198px; height:239px; z-index:2;}
#slogan {position:absolute; top:311px; left:57px; width:499px; height:54px; background:url(/images/core/slogan-bg.png) no-repeat; color:#fff; font-weight:bold; padding:10px 0 0 10px;z-index:2;}
#slogan  #title {font-size:20px; display:block;}

.cycle_image {z-index:1;}

#nav {position:absolute; bottom:-16px; right:0; float:right; z-index:2;}
#nav li {float:left;} 

#nav li a {display:block; text-indent:-9999em; text-decoration:none; height:32px;}
#nav li a#nav-home {background-image:url(/images/nav/home-nav.png); width:91px;}
#nav li a#nav-about_us {background-image:url(/images/nav/about-nav.png); width:102px;}
#nav li a#nav-offering {background-image:url(/images/nav/offering-nav.png); width:117px;}
#nav li a#nav-events {background-image:url(/images/nav/events-nav.png); width:97px;}
#nav li a#nav-testimonials {background-image:url(/images/nav/testimonials-nav.png); width:135px;}
#nav li a#nav-news {background-image:url(/images/nav/news-nav.png); width:85px;}
#nav li a#nav-partners {background-image:url(/images/nav/partners-nav.png); width:114px;}
#nav li a#nav-contact_us {background-image:url(/images/nav/contact-nav.png); width:105px;}

body.home #nav li a#nav-home,
body.about_us #nav li a#nav-about_us,
body.events #nav li a#nav-events,
body.news #nav li a#nav-news,
body.offering #nav li a#nav-offering,
body.testimonials #nav li a#nav-testimonials,
body.partners #nav li a#nav-partners,
body.contact_us #nav li a#nav-contact_us,
#nav li a:hover {background-position:0 -32px;}

/* Page Elements */

/* Home Page */
body#p-home #primary ul {margin-left:0!important;}
body#p-home #primary ul li {float:left; width:30%; border-left:1px solid #cce4c1; height:340px; padding-left:20px; padding-right:20px;}
body#p-home #primary ul li.first {border:none; padding-left:0;}
body#p-home #primary ul li.last {padding-right:0;} 

#latest_news li {float: none !important; width:auto!important; padding-right:20px; height:auto!important; border-left:none!important; margin-bottom:20px; padding-left:0!important;}
#latest_news h3 {margin-bottom:0!important;}
#latest_news p {margin-top:10px;}

.more {background:url(/images/core/more-bg.gif) no-repeat; display:block; width:50px; height:18px; text-indent:-9999em;}
.more:hover {background-position:0 -18px;}

#event_signup {width:auto!important;}

#event_signup li {background: url(../images/core/form-bg-input.jpg) no-repeat 0 0; height:auto!important; position:relative; border-left:none!important; float:none!important; padding-left:0!important;}
#event_signup label.error {width:232px; margin-left:0;}
#event_signup input {width: 232px; height: 23px; color: #fff; border: none; padding: 6px 0 0 5px; font-size: 1.2em; background:url(/images/core/input-bg.gif) no-repeat;}

#event_signup li.button input {width: 80px; height: 28px; background:url(/images/core/submit-bg.gif) no-repeat; cursor:pointer;}
#event_signup li.button input:hover {background-position:0 -28px;}

#about_know_the_game {display:block; width:146px; height:50px; background:url(/images/core/find_out_knowthegame.gif) no-repeat; text-indent:-9999em;}
#about_know_the_game:hover {background-position:0 -49px;}

/* About Page */
#paula_ward {float:right; margin:0 0 8px 20px; border:1px solid #419917;}

/* Events Page */
#events {padding-bottom: 10px;}
#events li {margin-bottom: 30px;}
#events h3, #offerings h3 {border-bottom:1px solid #cce4c1; border-top:1px solid #cce4c1; padding:5px 0;}
#events .datetime {width:200px; float:left;}
#events .datetime p {font-weight:bold; padding-top: 4px; padding-bottom: 4px; margin-bottom:0!important;}
#events .info {width:680px; float:right;}
#events .cost {font-weight:bold;}
#events .find_out_more {float:right; display:block; width:75px; height:18px; background:url(/images/core/find_out_more-bg.gif) no-repeat; text-indent:-9999em;}
#events .find_out_more:hover {background-position:0 -18px;}

.register {float:right; display:block; width:75px; height:18px; background:url(/images/core/register-bg.gif) no-repeat; text-indent:-9999em; margin-right:10px;}
.register:hover {background-position:0 -18px;}

.closed {float:right; display:block; width:75px; height:18px; background:url(/images/core/close-bg.gif) no-repeat; text-indent:-9999em; margin-right:10px;}

.coming_soon {float:right; display:block; width:75px; height:18px; background:url(/images/core/coming_soon-bg.gif) no-repeat; text-indent:-9999em; margin-right:10px;}

.fully_booked {float:right; display:block; width:75px; height:18px; background:url(/images/core/booked-bg.gif) no-repeat; text-indent:-9999em; margin-right:10px;}

#event_image {float:left; margin:0 40px 40px 0;}

/* Register Page *
  /* checkout cart */
#register_cart {font-size:1.2em; margin-top:20px; width:100%; border:1px solid #419917;}
#register_cart th {text-align:left; font-size:15px; padding:5px; border:1px solid #419917;}
#register_cart td {padding:5px; border:1px solid #419917;}
#register_cart .event {
    width: 35%;
}
#register_cart .date {
    width: 10%;
}
#register_cart .time {
    width: 10%;
}
#register_cart .loc {
    width: 20%;
}
#register_cart .cost {
    width: 15%;
}

/* order form */
#order_form {padding-top:30px; font-size:1.2em;}
#order_form ol {list-style:none;}
#order_form legend {font-size:15px; padding-bottom:15px;}
#order_form li {padding-bottom:20px;}
#order_form li label {width:140px; display:inline-block; vertical-align:top; padding-right: 10px;}
#order_form li input {width:300px; height:20px; margin-right: 10px;}
#order_form li select {margin-right: 10px;}
#order_form label.error {line-height:25px; color:red;}

/* News Page */
#news h3 {font-size:13px; margin-bottom:5px!important;}
#news li {border-top:1px solid #cce4c1; padding-top:20px; margin-top:20px;}
#news_image {float:left; margin:0 40px 40px 0;}
.download {font-size:12px;}

/* Resources */
body.resources #partners .more {display:none;}

/* Contact Us */
#enquiry_form {float:left; width:auto!important;}

#enquiry_form li {height:auto!important; position:relative; border-left:none!important; float:none!important; padding-left:0!important;}
#enquiry_form label.error {width:232px; margin-left:0;}
#enquiry_form input {width: 300px; height: 23px; color: #fff; border: none; padding: 6px 0 0 5px; font-size: 1.2em; background:url(/images/core/input_long-bg.gif) no-repeat;}
#enquiry_form textarea {width: 300px; height: 100px; color: #fff; border: none; padding: 6px 0 0 5px; font-size: 1.2em; background:url(/images/core/textarea-bg.gif) no-repeat; font-family:Arial;}
#enquiry_form li.button input {width: 80px; height: 28px; background:url(/images/core/submit-bg.png) no-repeat; cursor:pointer;}
#enquiry_form li.button input:hover {background-position:0 -28px;}

#contact_info {float:left; width:500px; margin-left:50px; font-size:16px; padding: 55px 0;}
#contact_info li {padding-bottom:10px; text-align:center;}
#contact_info li h2 {font-size:20px!important; margin-bottom: 5px;}

#start_survey {display:block; width:127px; height:36px; background:url(/images/core/start_survey.gif) no-repeat; text-indent:-9999em;}
#start_survey:hover {background-position: 0 -36px;}

/* Survey */
#survey_form {margin-left:25px; font-size:12px;}
#survey_form li {padding-bottom:5px;}
#survey_form input.button {width: 80px; height: 28px; border:none; background:url(/images/core/submit-bg.png) no-repeat; cursor:pointer;}
#survey_form input.button:hover {background-position:0 -28px;}
#survey_form label { margin-right: 10px; vertical-align: middle;}
#survey_form input, #survey_form select {margin-right: 10px; vertical-align: middle}
#survey .width_s {width:50px;}
#survey .width_l {width:400px;}
.form .indent { padding-left: 20px; }

/* Privacy */
body.privacy #primary ul {margin-left:35px; list-style:disc;}

#partners {float:left; width:490px;}
#partners li {float:left; height: 80px; margin: 0 5px 0 0; border:1px solid #419917;}
#partners a {clear:left;}
#partners img {}
#social_links, #get_in_touch{ padding-top: 40px; }
#social_links{ float: left; width: 190px;}
#get_in_touch {width:200px; float:right;}
.phone{ color: #419917; font-size: 15px; }

/* Footer Elements */
#footer p {float:left; padding-right:20px;}
#sitemap {float:right;}
#sitemap li {display:inline; padding-right:5px; font-size:12px;}
#sitemap li a {color:#3d3d3d;}
#wflogo{ text-align: center; }
#wflogo img{ padding: 10px 0 0 0; }

/********************************************
        LISTING STYLES
********************************************/



.item_listing li div.img {
    border: 5px solid #C0C0C0;
    text-align: center;
    color: #C0C0C0;
}



/********************************************
        PRODUCT DETAIL STYLES
********************************************/



#p-product #content .img{
    border: 5px solid #C0C0C0;
    text-align: center;
    color: #C0C0C0;
    display: inline;
    float: left;
    height: 250px;
    margin-right: 20px;
    width: 250px;
}
#p-product #content .item{
    display: inline;
    float: left;
    width: 360px;
}


/********************************************
        DYANMIC PAGE DETAIL STYLES
********************************************/


#p-dynamic_page #content .img {
    border: 5px solid #C0C0C0;
    text-align: center;
    color: #C0C0C0;
    display: inline;
    float: left;
    height: 150px;
    margin-right: 20px;
    width: 150px;
}
#p-dynamic_page #content .item {
    display: inline;
}

/********************************************
        PARTNER STYLES
********************************************/
h2.partner_category {
  padding: 0 0 0 0;
  margin: 0 0 0 0;
}

ul.partners li {
  padding: 10px 0 0 0;
  margin: 10px 0 0 0;
}
ul.partners li div.image {
  float: left;
  display: block;
  width: 150px;
  margin: 0 10px 0 0;
}
ul.partners li div.image img {
  border: 1px solid #419917;
}
ul.partners li div.contents {
  float: left;
  display: block;
  width: 730px;
}
ul.partners li div.name h3 {
  border-bottom:1px solid #cce4c1; border-top:1px solid #cce4c1; padding:5px 0 5px 160px;
}
ul.partners li div.contents div.content ol {
  list-style: decimal inside none!important;
}
ul.partners li div.contents div.content ul {
  list-style: disc inside none!important;
}
/********************************************
        GOOGLE MAP STYLES
********************************************/



.googlemap{
    height:400px;
    width:640px;
}
.googlemap span{
    display: block;
    margin-bottom: 3px;
    text-align: center;
}

/********************************************
        BREADCRUMB STYLES
********************************************/



ul#breadcrumbs li {
    margin-right: 10px;
    font-size: 0.8em;

}
.googlemap span{
    display: block;
    margin-bottom: 3px;
    text-align: center;
}

.bold {
    font-weight: bold !important;
}

.note {
    font-size: 10px;
    color: #999999;
}

#continue_butt {
    background:url("/images/core/continue-bg.jpg") no-repeat scroll 0 0 transparent;
    cursor:pointer;
    height:28px !important;
    width:80px !important;
    border: 0px;
}

.success {
    font-weight: bold;
    color: #00ff00;
}

.fail {
    font-weight: bold;
    color: #ff0000;
}

.wait {
    color: #cccccc;
}

#offerings li { margin-bottom: 10px; }
#offerings li .enquire_booking {float:right; display:block; width:150px; height:37px; background:url(/images/core/enquire-btn.png) no-repeat; text-indent:-9999em;}
#offerings li .enquire_booking:hover {background-position:0 -37px;}