/* =GLOBAL ---------------------------------------------------------------------------------------------------------------------------------------------- */

*{margin:0;padding:0;}
html {
background:#90290d url('/Public/images/frontend/brick.gif') 0 0 repeat;
height:100%;
width:100%;
}
body {
background:url('/Public/images/frontend/bg_body.gif') 0 0 repeat-x;
font:12px arial,helvetica,sans-serif; 
color:#FFF;
}
body.index {background-image:url('/Public/images/frontend/bg_body2.gif');}

a {text-decoration:underline; color:#FFF;}
a:hover {text-decoration:none; color:#FAFAFA;}
a:active, a:focus {color:#CDCDCD; outline:0;}
a img, fieldset {border:0;}
ol, ul {list-style-type:none;}
p, li {line-height:16px;}
h1, h2, h3, h4 {font-weight:bold;}
h1 {font-size:2em;}
h2 {font-size:1.6em;}
h3 {font-size:1.3em;}
h4 {font-size:1.1em;}
p, li {font-size:1em;}


/* =PAGE ---------------------------------------------------------------------------------------------------------------------------------------------- */

.clearfix:after {
content:"";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hides from IE-mac \*/
.clearfix{display:block;}
/* End hide from IE-mac */

.none, legend {display:none;}
.left {float:left;}
.right {float:right;}
.tl {text-align:left;}
.tc {text-align:center;}
.tr {text-align:right;}

.bg_wrapper {
background:url('/Public/images/frontend/grass2.gif') 0 116px repeat-x;
text-align:center; 
width:100%;
}
.index .bg_wrapper, .index #outdoor.bg_wrapper {background:url('/Public/images/frontend/grass.gif') 0 236px repeat-x;}
.index #indoor.bg_wrapper {background:url('/Public/images/frontend/field.gif') 0 225px repeat-x;}
.index #gear.bg_wrapper {background:url('/Public/images/frontend/basket.gif') 0 225px repeat-x;}

#container {background:transparent; width:960px; text-align:left; margin:0 auto; padding-bottom:20px;}
.up_wrapper {height:240px; overflow:hidden;}
.index .up_wrapper {height:400px;}


/* =HEADER ---------------------------------------------------------------------------------------------------------------------------------------------- */

#header{position:relative; top:0; height:116px; width:100%; clear:both; overflow:hidden;}
#header h1 {height:60px; width:175px; padding-top:10px;}
#header .left {width:200px;}
#header .right {width:700px; padding:22px 5px 0 0; font-size:11px;}
#header .right p {
border-right:1px solid #339;
padding:0 19px 0 0;
margin:2px 18px 0 0;
text-align:right;
line-height:14px;
width:100px; 
float:right; 
}
#header .right p, #header .right p a {color:#8ba9cf;}

.navigation {position:absolute; top:86px; height:30px; width:100%; clear:both; overflow:hidden;}
.navigation ul {padding-left:80px; font-size:.95em;}
.navigation li {line-height:30px; display:block; float:left;}
.navigation li a {padding:0 15px; display:block; float:left; height:30px; font-weight:bold; text-decoration:none;}
.navigation li a:hover, .navigation li.active a {background-color:#03286e;}


/* =BANNER ---------------------------------------------------------------------------------------------------------------------------------------------- */

#banner {
background:url('/Public/images/frontend/ball.png') 100% 0 no-repeat;
font:1.3em georgia,arial,helvetica,sans-serif;
position:absolute; 
top:116px;
overflow:hidden;
clear:both; 
width:960px;
height:90px;
}
.index #banner {
background:url('/Public/images/frontend/outdoor.png') 100% 12px no-repeat;
padding:40px 545px 100px 25px; 
width:390px;
height:auto; 
min-height:156px;
}
#banner h2 {font-weight:normal; font-size:1.7em; padding:15px 0 0 25px; visibility:hidden; }
.index #banner h2 {padding:0; visibility:visible;}
#banner p {line-height:20px; padding-top:5px;}
.index #banner.outdoor {background:url('/Public/images/frontend/outdoor.png') 100% 12px no-repeat;}
.index #banner.indoor {background:url('/Public/images/frontend/indoor.png') 100% 2px no-repeat;}
.index #banner.gear {background:url('/Public/images/frontend/gear.png') 100% 0 no-repeat;}
.index #banner .indoor, .index #banner .gear {display:none;}
.index #banner .loader {position:relative; top:1px; left:9px;}


/* =MIDDLE ---------------------------------------------------------------------------------------------------------------------------------------------- */

.wrapper {width:100%; clear:both; overflow:hidden; padding:10px 0 40px;}
.index .wrapper {padding:0;}
#content {width:73%; float:right; position:relative;}
.index #content, #content.contact {width:100%; float:none; overflow:hidden;}

.breadcrumbs {width:100%; clear:both; overflow:hidden;}
.breadcrumbs p {padding:0 0 30px 0; text-indent:2px; font-weight:bold; font-size:.95em;}
.breadcrumbs p a {
background:url('/Public/images/frontend/arrow.gif') 100% center no-repeat; 
padding-right:12px;
margin-right:5px; 
font-weight:bold;
}
.breadcrumbs p strong {margin-right:5px; font-weight:normal !important;}
.breadcrumbs p, .breadcrumbs p a {color:#FFF;}

#content .columns {width:100%; clear:both; overflow:hidden; padding-bottom:30px;}
#content .columns .box {padding-top:25px; margin-right:5px; width:239px; float:left; position:relative;}
#content .columns .box .inner {padding-bottom:10px; width:239px;}
#content .columns .box .inner .bg {width:239px;}

#content .columns .active, #content .columns .hover {background:url('/Public/images/frontend/top_box.png') 0 0 no-repeat;}
#content .columns .active .inner, #content .columns .hover .inner {background:url('/Public/images/frontend/bot_box.png') 0 100% no-repeat;}
#content .columns .active .bg, #content .columns .hover .bg {background:url('/Public/images/frontend/bg_box.png') 0 0 repeat-y;}

#content .columns .box h3 {
font:normal 1.3em georgia,arial,helvetica,sans-serif;
padding:60px 10px 0 10px;
margin:0 10px;
line-height:27px;
width:199px; 
min-height:27px;
}
#content .columns #outdoor h3 {background:url('/Public/images/frontend/hd_outdoor.gif') 0 0 no-repeat;}
#content .columns #indoor h3 {background:url('/Public/images/frontend/hd_indoor.gif') 0 0 no-repeat;}
#content .columns #gear h3 {background:url('/Public/images/frontend/hd_gear.gif') 0 0 no-repeat;}

#content .columns .box ul {
padding:10px 10px 0 20px;
width:209px; 
min-height:110px;
}
#content .columns .box li {
background:url('/Public/images/frontend/arrow.gif') 0 6px no-repeat;
padding:0 0 5px 8px;
font-size:.95em;
font-weight:bold;
}
#content .columns .contact {
background:transparent;
margin:25px 0 30px 15px;
width:195px; 
float:left;
}
#content .columns .contact h3, #content.contact h3, #content .sitemap h3 {
font:normal 1.3em georgia,arial,helvetica,sans-serif;
margin-bottom:15px;
width:225; 
}
#content .columns .contact p, #content .columns .contact li {font-size:.95em;}
#content .columns .contact ul, #content.contact ul {padding:5px 0 20px 2px; position:relative;}
#content .columns .contact li, #content.contact .right li {
background:url('/Public/images/frontend/arrow.gif') 0 center no-repeat;
padding:0 0 0 8px;
}
#content .txt {width:100%; overflow:hidden;}
#content .txt h3 {
font:normal 1.75em georgia,arial,helvetica,sans-serif;
margin-bottom:10px;
padding:0 0 10px; 
}
#content .txt p, #content .txt h4 {margin-bottom:10px;}
#content .txt h4 {text-transform:uppercase;}
#content .txt img {border:3px solid #a85038; margin:5px 0 15px 0;}
#content .txt table {border:3px double #a85038; margin:5px 0 25px 0;}
#content .txt table td {border:1px solid #a85038; padding:5px 10px;}
#content .txt ul {margin-bottom:20px;}
#content .txt li {
background:url('/Public/images/frontend/arrow.gif') 1px 8px no-repeat;
padding:3px 0 0 10px;
}
#content .txt .mini_nav li, #content .txt .mini_nav li.caption.hover {background:transparent;}
#content .txt .mini_nav li {
display:block;
float:left; 
padding:0;
margin-right:5px;
font-size:.95em;
line-height:29px;
text-align:center;
}
#content .txt .mini_nav li.caption {margin-right:10px; font-style:italic;}
#content .txt .mini_nav li a {display:block; float:left; padding-left:10px;}
#content .txt .mini_nav li a span {
padding-right:10px;
font-weight:bold;
cursor:pointer;
display:block;
float:left;
height:29px;
}
#content .txt .mini_nav li.active, #content .txt .mini_nav li.hover, #content .txt .mini_nav li:hover {
background:url('/Public/images/frontend/link_left.gif') 0 0 no-repeat;
}
#content .txt .mini_nav li.active a, #content .txt .mini_nav .mini_nav li a:hover {text-decoration:none;}
#content .txt .mini_nav li.active span, #content .txt .mini_nav li.hover span, #content .txt .mini_nav li:hover span {
background:url('/Public/images/frontend/link_right.gif') 100% 0 no-repeat;
}

#content .gallery {
background:url('/Public/images/frontend/bot_wide.png') 0 100% no-repeat;
padding-bottom:5px;
overflow:hidden;
width:698px; 
clear:both;
}
#content .gallery h4 {
background:url('/Public/images/frontend/top_wide.png') 0 100% no-repeat;
font:normal 1.4em georgia,arial,helvetica,sans-serif;
text-transform:none;
padding-bottom:15px;
margin:20px 0 0 0;
width:100%;
}
#content .gallery ul {
background:url('/Public/images/frontend/bg_wide.png') 0 0 repeat;
padding:15px 10px 5px 20px;
width:668px; 
margin:0;
}
#content .gallery li {
background:transparent !important;
text-align:left;
margin:0 15px 15px 0;
line-height:auto;
font-size:12px;
height:140px;
width:152px;
padding:0;
display:block;
float:left; 
}
#content .gallery li.hover span {background-image:none !important;}
#content .gallery li.back {float:none; margin:0; padding-bottom:15px; font-size:11px; height:auto; width:100%; clear:both;}
#content .gallery li a {padding:0; display:block; width:152px; height:140px; overflow:hidden; font-weight:bold;}
#content .gallery li a .img_wrap {display:block; cursor:pointer; border:1px solid #a85038; margin-bottom:3px; height:100px; overflow:hidden;}
#content .gallery li img {border:none; margin:0;}
#content .gallery li.back a, #content .photo_zoom p.back a {
background:url('/Public/images/frontend/arrow3.gif') 0 center no-repeat; 
padding-left:10px;
display:inline; 
height:auto; 
float:none;
}

#content .photo_zoom p {padding:20px 0 30px;}
#content .photo_zoom p.photo {width:960px; overflow:hidden;}
#content .photo_zoom p.back {padding-bottom:0;}
#content .photo_zoom p.back a {display:block !important;}
#content .photo_zoom p img {border:5px solid #a85038;}

#content .certificates li {padding:10px 0 20px 50px; margin:0; width:250px; height:auto;}
#content .certificates li a {width:250px; height:auto;}

#content .references li {padding:0 0 25px 10px; margin:0; width:648px; height:auto;}
#content .references li a {width:648px; height:auto; display:block; overflow:hidden; text-decoration:none;}
#content .references li a:hover strong {text-decoration:none;}
#content .references li img {float:left; width:150px;}
#content .references li span {float:right; display:block; width:420px; margin-right:30px; font-weight:normal !important;}
#content .references li span strong, #content .references li span em {display:block;} 
#content .references li span strong {text-decoration:underline;}
#content .references li span em {padding-bottom:20px;}

#content.contact .left, #content.contact .right {width:45%;}

#content .sitemap {height:450px;}
#content .sitemap ol {padding:15px 0 0 5px;}
#content .sitemap ol li {color:#FFF; float:left; display:block; width:230px; position:relative; line-height:20px;}
#content .sitemap ol li a {font-weight:bold;}
#content .sitemap ol ul {position:absolute; top:10px; left:5px; width:220px; padding:13px 0 10px 5px; }
#content .sitemap ol ul li {float:none;}
#content .sitemap ol ul li a {background:url('/Public/images/frontend/arrow.gif') 0 center no-repeat; padding-left:8px; font-weight:normal;}
#content .sitemap ol ul ul {position:relative; top:5px; left:5px; width:203px; padding:0 0 10px 12px;}
#content .sitemap ol ul ul li a {background:url('/Public/images/frontend/arrow2.gif') 0 center no-repeat;}

#content .search_results p, #content .search_results ol {font-weight:bold; font-size:1.1em;}
#content .search_results p {padding:20px 0 30px; text-align:center;}
#content .search_results ol {padding:20px 0 0 5px;}
#content .search_results li span, #content .search_results li .more {font-weight:normal; font-size:.85em; display:block;}
#content .search_results li {margin-bottom:30px;}
#content .search_results li span {padding:10px 0;}
#content .search_results li .more {text-align:right; background:url('/Public/images/frontend/arrow.gif') 100% center no-repeat; padding-right:10px;}

#content .search_results ul {padding:20px 0; text-align:center;}
#content .search_results ul li {display:inline; padding:3px 6px; font-weight:bold; margin-left:-2px;}
#content .search_results ul li a {text-decoration:none;}
#content .search_results ul li.active, #content .search_results ul li:hover {background-color:#641b08;}
#content .search_results ul li.prev, #content .search_results ul li.next  {background-color:transparent;}
#content .search_results ul li.prev a, #content .search_results ul li.next a {text-decoration:underline;}
#content .search_results ul li.prev a:hover, #content .search_results ul li.next a:hover {text-decoration:none;}
#content .search_results ul li.prev a {background:url('/Public/images/frontend/arrow3.gif') 0 center no-repeat; padding-left:10px;}
#content .search_results ul li.next a {background:url('/Public/images/frontend/arrow.gif') 100% center no-repeat; padding-right:10px;}


/* =LEFT ---------------------------------------------------------------------------------------------------------------------------------------------- */

#left {float:left; width:23%;}
#left h3 {
font:normal 1.3em georgia,arial,helvetica,sans-serif;
background:url('/Public/images/frontend/hd_left.gif') 0 0 no-repeat;
line-height:29px;
padding-left:10px;
}
#left h3 span {
background:url('/Public/images/frontend/hd_right.gif') 100% 0 no-repeat;
display:block;
height:29px;
}
#left p, #left li {font-size:.95em;}
#left ul {padding:15px 0;}
#left li {
background:url('/Public/images/frontend/arrow.gif') 0 6px no-repeat;
padding:0 0 5px 8px;
font-weight:bold;
}


/* =FOOTER ---------------------------------------------------------------------------------------------------------------------------------------------- */

#footer {
background:url('/Public/images/frontend/bg_footer.png') 0 0 repeat-x;
overflow:hidden;
clear:both; 
height:28px; 
width:100%; 
}
#footer p {line-height:28px; color:#ceb2a7; font-size:.95em;}
#footer a, #footer em {color:#ceb2a7 !important;}
#footer .contact {padding-left:190px; color:#9c685b;}
#footer .contact em {padding:0 10px; font-style:normal;}
#footer .left {width:70%; padding-left:20px;}
#footer .right {width:25%; padding-right:20px; text-align:right;}
#footer .right img {vertical-align:middle; padding-left:3px;}


/* =FORMS ---------------------------------------------------------------------------------------------------------------------------------------------- */

input, textarea, select {
font:11px arial,sans-serif;
padding:3px 4px;
border:none;
color:#FFF;
}
input, textarea {background-color:#4b6391;}
select {padding:2px 2px;}
.check, .radio {
background-color:transparent;
padding:0;
width:12px;
height:12px;
margin-right:5px;
position:relative;
top:3px;
}

#header .right form {color:#8ba9cf; float:right; overflow:hidden; width:310px;}
#header .right input {width:166px; margin-left:5px;}
#header .right #search {width:24px; padding:2px 0; text-align:center; cursor:pointer; background-color:#295bb2;}

#content.contact form div {padding-bottom:10px;}
#content.contact label {float:left; width:130px; text-align:right; margin:3px 10px 0 0; font-size:.95em;}
#content.contact label.error {color: red;}
#content.contact input, #content.contact textarea {background-color:#641b08; border:1px solid #a85038; width:276px;}
#content.contact textarea {height:126px;}
#content.contact #submit {
background:transparent url('/Public/images/frontend/arrow.gif') 5px center no-repeat;
text-decoration:underline;
font-weight:bold;
cursor:pointer;
float:right;
border:none; 
color:#FFF; 
width:60px;
}
#content.contact #submit:hover {text-decoration:none;}