/*  =RESET
---------------------------------------------------*/
body { overflow-x:hidden; }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, fieldset, form, label, legend, caption, tbody, tfoot, thead, tr, th { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
table, tbody, tfoot, thead, tr, th, td { vertical-align: top; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
ins { background-color: #ff9; color: #000; text-decoration: none; }
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
pre, code, kbd, samp { font-family: monospace, sans-serif; }
input, select { vertical-align: middle; }
/* remember to define focus styles! */
:focus { outline: 0; }
/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
/*  =GLOBAL ELEMENTS
-------------------------------------------------------------- */
body { font-family:Arial, Helvetica, sans-serif; font-size: 80%; color:#000; margin:0px; line-height:22px; color:#fff; background:#272324; }
a:link, a:visited{ color: #9dd438; }
#page10 #content a:link, #page10 #content a:visited{ color: #f31005; }
#page13 #content a:link, #page13 #content a:visited{ color: #f65a93; }
#page14 #content a:link, #page14 #content a:visited{ color: #14b1ec; }
a:hover, a:active { color: #fff; text-decoration: none; }
a img { border:none; }
a:hover img { }
p {}
blockquote { }
pre { }
address { }
del { }
/* header elements */
h1, h2, h3, h4 { margin:0 0 5px 0; padding:5px 0;  }
h1 { color:#fff; font-size:24px; }
h2 { color:#fff; font-size:20px; }
h3 { color:#9dd438; font-size:18px; }
#page10 h3{color:#f31005;}
#page13 h3{color:#f65a93;}
#page14 h3{color:#14b1ec;}
h4 { color:#fff; font-size:18px; }
h5{font-weight:bold; font-size:17px; background:#9dd637; padding:5px; text-transform:uppercase;}
#page10 h5{background:#f31005;}
#page13 h5{background:#f65a93;}
#page14 h5{background:#14b1ec;}
/* image elements */
img.clsleft { margin-right:20px; margin-bottom:15px; float:left; }
img.clsmiddle { margin-right:20px; margin-left:20px; margin-bottom:15px; }
img.clsright { margin-left:20px; margin-bottom:15px; float:right; }
img.clsborderleft { border:4px solid #f1f1f1; margin-right:20px; margin-bottom:15px; float:left; }
img.clsbordermiddle { border:4px solid #f1f1f1; margin-right:20px; margin-left:20px; margin-bottom:15px; }
img.clsborderright { border:4px solid #f1f1f1; margin-left:20px; margin-bottom:15px; float:right; }
.border { border:4px solid #f1f1f1; }
.noborder { border:0; }
/* form elements */
select, input, textarea, button { font-size:12px; font-family:Tahoma, Geneva, sans-serif; color:#333; }
select:focus, input:focus, textarea:focus { background-color: #EBF2F4; border: 1px solid #AFCDD8; color:#000; }
input, textarea { padding:5px; border:solid 1px #333; width:200px;}
textarea{height:80px;}
button, select, input[type="radio"], input[type="checkbox"] { padding:0; border:none; }
input[type="radio"] { vertical-align: text-bottom; width:20px }
input[type="checkbox"] { vertical-align: bottom; width:20px !important; }
.submit, .reset { cursor:pointer; outline:none; border:none; width:100px; color:#fff; padding:5px; background:#7fab2d; }
.submit:hover { background:#9bc54c; }
.reset { background:#000; }
/* other elements */
.datatable  { border-right:1px solid #625b5b; border-top:1px solid #625b5b;}
.datatable  td{ border-left:1px solid #625b5b; border-bottom:1px solid #625b5b; padding:0 5px;}
.datatable th { }
.notes { font-size:0.9em; }
.shout { font-size:1.2em; }
.shout2 { font-size:1.2em; }
.quote, blockquote { padding:15px; border:solid 3px #100e0e; margin:10px; }
.caption { float:right; width:220px; padding:15px; margin:0 0 0 25px; }
.custom1 { }
.custom2 { }
.clear { clear:both; }
.wrap { width:960px; margin:0 auto; padding:0; position:relative;}
/*  =HEAD
-------------------------------------------------------------- */
#header{padding:0; background:url(topbk.png) no-repeat center top; height:147px; margin:20px 0 0;}
#logo{ float: left; width:220px; height:118px; margin:20px 0 0 20px; }
#info{float:right; width:500px; text-align:right; padding:20px 20px 0 0; font-size:16px; text-shadow:2px 1px 0 #151314; line-height:26px;}
#info a{text-decoration:none;}
#info span{color:#9dd438; font-size:20px;}
#social{padding:5px 0 0; overflow:hidden; width:318px; float:right; line-height:32px;}
#social span{color:#fff; font-size:16px; margin:0 5px 0 0; float:left; display:block; width:100px; }
#social a{float:left; width:31px; height:31px; display:block; text-indent:99999px; overflow:hidden; margin:0 0 0 5px}
#social .facebook{background:url(social.png) no-repeat left top;}
#social .facebook:hover{background:url(social.png) no-repeat left -32px;}
#social .twitter{background:url(social.png) no-repeat -30px top;}
#social .twitter:hover{background:url(social.png) no-repeat -30px -32px;}
#social .blog{background:url(social.png) no-repeat -61px top;}
#social .blog:hover{background:url(social.png) no-repeat -61px -32px;}
#banner{display:none;}
#page1 #banner{display:block;}
/*  =MENU
-------------------------------------------------------------- */
#menu_top{background:url(menu_top.png) no-repeat left top; width:180px; height:15px;}
#menu_bottom{background:url(menu_bottom.png) no-repeat left top; width:180px; height:15px;}
#menu { background:url(menubk.jpg) repeat-y left top; padding:0 15px; min-height:10px;}
#menu h2{font-size:18px; color:#9dd537; text-shadow:2px 1px 0 #151314;}
#nav { z-index:99999; list-style-type:none; padding:0; clear:both; margin:0;}
#nav ul { list-style-type:none; padding:0; margin:0; }
#nav li { position:relative; z-index:99999; min-height:30px; padding:0; border-bottom:solid 1px #45423f;  }
#nav li a { display:block; text-decoration:none; color:#fff; min-height:10px; padding:5px; position:relative;  }
#nav li a span{position:absolute; right:5px; top:12px; background:url(sub_menu.png) no-repeat left top; width:8px; height:9px; display:block;}
#nav li:hover a, #nav li a#active { background:url(menu_hover.jpg) repeat-x left top #9ed538; color:#282425}
#nav li.nav_parent ul.nav_child { display:none; position:absolute; left:150px; top:0; background:#282425; padding:0 10px 5px; width:160px; height:auto; }
#nav li.nav_parent:hover ul.nav_child { display:block; }
#nav li.nav_parent ul.nav_child li { float:none; }
#nav li.nav_parent ul.nav_child li a { line-height:normal; padding:8px 10px; height:auto; background:none; color:#fff;}
#nav li.nav_parent ul.nav_child li a:hover{background:url(menu_hover.jpg) repeat-x left top #9ed538; color:#282425}
#nav li.nav_parent2 ul.nav_child2 { display:none; position:absolute; left:100px; top:0; background:#ccc; width:100px; height:auto; }
#nav li.nav_parent2:hover ul.nav_child2 { display:block; }
/*  =PAGECONTENT
-------------------------------------------------------------- */
#content_outer{background:url(contentbk.png) repeat-y center top; overflow:hidden;}
#content_outer .wrap{padding:15px 0 0;}
#left{float:left; width:180px; margin:0 0 0 15px;}
#right{float:right; width:737px; margin:0 15px 0 0;}
#content{ clear:both; padding:10px 0; margin:0; font-size:13px; }
#buttons{clear:both;}
#buttons h3{color:#fff; margin:0; padding:0; text-shadow:1px 1px 0 #5f7c22; font-size:14px; font-weight:bold;}
#buttons p{margin:0; text-shadow:1px 1px 0 #5f7c22; font-size:12px;}
.button_outer{width:137px; float:left; margin:12px 0 10px 15px;}
.button_outer.first{margin-left:0;}
.button_inner{background:url(small_box.png) no-repeat left top; height:68px; text-align:center; padding:10px 0;}
a.button{background:url(buttonbk.png) no-repeat left top; width:127px; height:36px; color:#282425; text-decoration:none; line-height:36px; padding-left:10px;  text-shadow:1px 1px 0 #fff2a3; margin:8px 0 0; display:block;}
a.button:hover{color:#333; cursor:pointer;background:url(buttonbk.png) no-repeat left bottom;}
.loyalty{float:left; width:127px; height:123px; background:url(loyaltybk.png) no-repeat left top; margin:0 0 0 15px; padding:20px 140px 0 10px; position:relative;}
.loyalty .button{position:absolute; right:10px; bottom:10px;}
.box_outer{float:right; margin:0 0 10px 10px; width:210px; height:227px; padding:10px 10px 20px; background:url(box.png) no-repeat left top; position:relative; display:none; overflow:hidden;}
#page1 .box_outer{display:block;}
.box_outer h2{font-size:18px; color:#9dd537; text-shadow:2px 1px 0 #151314; margin-bottom:0; padding-bottom:0;}
.box_outer p{margin-top:0;}
.box_inner{width:210px; height:227px;}
.box_inner div{width:210px; height:227px;}
.box_inner .button{margin:10px auto;}
#pager {overflow:hidden; position:absolute; right:10px; bottom:10px;}
#pager a{height:12px; width:12px; background:url(slide_nav.png) no-repeat -12px top; display:block; float:left; margin:0 0 0 5px; text-indent:99999px; overflow:hidden;}
#pager a.activeSlide, #pager a:hover{background:url(slide_nav.png) no-repeat left top;}
/*  =FOOTER
-------------------------------------------------------------- */
#footer { clear:both; padding:0; overflow:hidden; background:url(footbk.jpg) repeat-x left top; height:295px; color:#212121; margin:-20px 0 0; }
#foot_inner{background:url(foot_inner.jpg) no-repeat center top; padding:40px 0 0;}
#footer h3{color:#000000; margin:0; padding:0;}
#footer p{margin-top:0;}
#footer a{color:#212121;}
#footer strong{color:#405c0e;}
#footer .float_right{float:right;}
#contact{width:320px; border-right: dotted 1px #537c09; padding:0 10px 0 0; margin:0 10px 0 10px; float:left;}
#linkbk{clear:both; text-align:center; color:#363636; font-size:10px; padding:10px 0 0;}
.mark_roe{float:left; width:140px; display:block;}
#linkbk a{color:#363636;}
/*  =VALIDATION
-------------------------------------------------------------- */
.errors, .error { display:none;}
.errorField { background: url(form_error.png) no-repeat 99% 3px #fff; color:#333; }
.completedField { background: url(form_correct.png) no-repeat 99% 3px #fff; color:#333; }

.green { color: #9dd637; }
.red {color:#f31005;}
.pink {color:#f65a93;}
.blue{color:#14b1ec;}
h5 a {color:#fff !important;}

#info a.info-contact { color:#fff; }
#info a.info-contact:hover { text-decoration:underline; }

#right a.shop-button { display:block; width:172px; height:29px; float:left; line-height:1; padding-top:12px; text-align:center; color:#282425; font-size:13px; font-weight:bold; text-decoration:underline; background:url(shop-button.png) no-repeat; margin-bottom:20px; }
#right a.shop-button:hover { text-decoration:none; }