@charset "utf-8";

* {margin:0; padding:0;}
html, body {font:10pt verdana, tahoma, arial, helvetica, sans-serif; background:#000; width:100%; height:100%;}
h2 {font-size:14pt;}
h3 {font-size:12pt;}
h4 {font-size:10pt;}
a {color:#ccc; text-decoration:none; outline:none;}
a:hover {color:#f00;}

.replace {text-indent:-9999px;}
.iepngfix {behavior:url(iepngfix.htc);}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

#container {background:url(../images/bg-main.png) no-repeat; position:relative; margin:0 auto; padding:40px 0; width:800px;}
#wrapper {margin:0 auto; width:696px; border:1px solid #aaa; border-width:0 1px;}
#wrapper #header {margin:0 auto; width:640px; height:130px; border-width:1px; border-style:dashed solid; border-color:#ccc #000;}
#wrapper #header h1 {background:url(../images/logo.png) no-repeat; margin:12px 0 0 8px; width:303px; height:79px;}

#wrapper #header ul#top-nav {position:absolute; right:80px; top:12px; margin:0 auto; height:15px;}
#wrapper #header ul#top-nav li {float:left; font-size:0; list-style:none; padding:0 5px; height:15px; border-left:1px solid #aaa;}
#wrapper #header ul#top-nav li.first {border:0;}
#wrapper #header ul#top-nav li a {font-size:8pt; line-height:15px;}
#wrapper #header ul#top-nav li.active a {color:#f00; cursor:default; outline:none;}

#wrapper #header ul#lang {position:absolute; right:80px; top:52px; height:15px;}
#wrapper #header ul#lang li {float:left; font-size:0; list-style:none; padding:0 5px; height:15px; border-left:1px solid #aaa;}
#wrapper #header ul#lang li.first {border:0;}
#wrapper #header ul#lang li a {font-size:8pt; line-height:15px;}
#wrapper #header ul#lang li.active a {color:#777; cursor:default; outline:none;}
#wrapper #header ul#lang #lang-us {background:url(../images/us.gif) no-repeat right; padding:0 20px 0 0;}
#wrapper #header ul#lang #lang-ge {background:url(../images/ge.gif) no-repeat right; padding:0 20px 0 0;}

#wrapper #header ul#main-nav {position:absolute; left:80px; top:143px; height:15px;}
#wrapper #header ul#main-nav li {float:left; font-size:0; list-style:none; padding:0 8px; height:15px; border-left:1px solid #fff;}
#wrapper #header ul#main-nav li.first {border:0;}
#wrapper #header ul#main-nav li.active a:hover {color:#fff; cursor:default; outline:none;}
#wrapper #header ul#main-nav li a {color:#fff; font-size:8pt; text-transform:uppercase; line-height:15px;}
#wrapper #header ul#main-nav li a:hover {color:#f00;}
#wrapper #header ul#main-nav li.active a {color:#f00; cursor:default; outline:none;}
#wrapper #header ul#main-nav li.active a:hover {color:#f00; cursor:default; outline:none;}

#wrapper #header #product-search {position:absolute; right:85px; top:79px; width:230px; height:24px;}
#wrapper #header #product-search fieldset {position:relative; border:0;}
#wrapper #header #product-search input.text {font-size:8pt; position:absolute; top:4px; padding:.2em .1em; width:203px; height:16px; border:1px solid #ccc;}
#wrapper #header #product-search input.submit {position:absolute; right:0;}

#wrapper #header #paypal-acceptance {position:absolute; right:85px; top:127px; width:88px; height:33px; background:red}
#wrapper #header #paypal-acceptance a img {border:0;}
#wrapper #header #view-cart {font-size:8pt; background:url(../images/shoppingcart8.png) no-repeat right; position:absolute; right:80px; top:179px; padding:0 34px 0 0; height:32px; line-height:32px;}


#wrapper #content {margin:32px auto 0 auto; padding:1em 0; width:640px; border:1px solid #000; border-width:0 1px;}
#wrapper h2, #wrapper h3, #wrapper h4 {margin:0 8px .5em 8px;}
#wrapper p {margin:0 8px 1em 8px; line-height:1.4em;}
#wrapper #content ul, #wrapper #content ol {padding-left:1em; margin:0 8px 1em 8px;}
#wrapper #content p a {color:#000; border-bottom:1px dotted #000;}
#wrapper #content p a:hover {color:#f00;}
#wrapper #content .board {background:#fff; padding:20px 10px 50px 10px;}
#wrapper #content .board h2 {margin-bottom:1em; padding:0 0 0 20px;}
#wrapper #content .board h3 {}
#wrapper #content .board p {}
#wrapper #content .board a {color:#000; border-bottom:1px dotted #000;}
#wrapper #content .board a:hover {color:#f00; border-color:#f00;}


#wrapper .home {}
#wrapper .home h2 {background:url(../images/house.png) no-repeat left center;}
#wrapper .home #art {background:url(../images/art.png); margin:3px auto 20px auto; width:614px; height:455px;}
#wrapper .home .notes {background:#1f1d1d; text-align:center; position:absolute;}
#wrapper .home .notes a {display:block; font-family:Arial, Verdana, Helvetica, sans-serif; color:#f00; font-weight:bold; white-space:nowrap; padding:.5em 1em; border:2px solid #df0a0a; outline:none;}
#wrapper .home .notes a:hover {color:#f00; background:#fff; /*text-decoration:underline;*/}
#wrapper .home #note-training {right:607px; top:232px;}
#wrapper .home #note-shop {left:339px; top:232px;}
#wrapper .home #note-shop a {font-size:larger;}
#wrapper .home #note-gloves {right:280px; top:362px;}
#wrapper .home #note-shorts {left:550px; top:502px;}
#wrapper .home #note-ec {background:url(../images/ec-banner.gif); text-indent:-9999px; position:absolute; left:259px; top:451px; width:126px; height:92px; outline:none;}
#wrapper .home #note-ec a {float:left; padding:0; width:126px; height:92px; border:0; outline:none;}
#wrapper .home #note-ec a:hover {background:url(../images/ec-banner.gif);}
#wrapper .home #note-superstar {background:url(../images/superstar-banner.gif); text-indent:-9999px; position:absolute; left:259px; top:451px; width:146px; height:106px; outline:none;}
#wrapper .home #note-superstar a {float:left; padding:0; width:146px; height:106px; border:0; outline:none;}
#wrapper .home #note-superstar a:hover {background:url(../images/superstar-banner.gif);}



#wrapper .shop {}
#wrapper .shop h2 {background:url(../images/cart.png) no-repeat left center;}
#wrapper .shop ul#top-categories {list-style:none; margin:0 0 0 87px; width:430px;}
#wrapper .shop ul#top-categories li {float:left; margin:0 0 50px 0; width:190px; height:120px;}
#wrapper .shop ul#top-categories li.first {margin-right:50px;}
#wrapper .shop ul#top-categories li a {border:0;}
#wrapper .shop ul#top-categories li img {border:0;}

#wrapper .training {}
#wrapper .training h2 {background:url(../images/medal_gold_3.png) no-repeat left center;}
#wrapper .training .board img {margin:0 0 0 8px; padding:10px; border:1px solid #aaa;}

#wrapper .how-to-order {}
#wrapper .how-to-order h2 {background:url(../images/page_paintbrush.png) no-repeat left center;}

#wrapper .custom-shorts {}
#wrapper .custom-shorts h2 {background:url(../images/plugin.png) no-repeat left center;}

#wrapper .contact-us {}
#wrapper .contact-us h2 {background:url(../images/email_edit.png) no-repeat left center;}

#wrapper .faq {}
#wrapper .faq h2 {background:url(../images/lightbulb.png) no-repeat left center;}
#wrapper .faq ol#faq {list-style:decimal; padding:0; margin:0 8px 1em 0;}
#wrapper .faq ol#faq li {list-style:none; margin:0 0 2em 8px;}
#wrapper .faq ol#faq li ol {margin:0;}
#wrapper .faq ol#faq li li {list-style:decimal; margin:0 0 0 2.5em;}

#wrapper .links {}
#wrapper .links h2 {background:url(../images/page_link.png) no-repeat left center;}
#wrapper .links h3 {margin-left:0;}
#wrapper .links ul {list-style:none;}
#wrapper .links ul li {margin:0 0 2em 0;}
#wrapper .links ul li a {}

#wrapper .media {}
#wrapper .media h2 {background:url(../images/picture.png) no-repeat left center;}
#wrapper .media ul#gallery {text-align:center; margin:0; padding:0;}
#wrapper .media ul#gallery li {list-style:none; margin:0 0 15px 0; padding:0;}
#wrapper .media ul#gallery li img {padding:10px; border:1px solid #aaa;}

#wrapper .site-map {}
#wrapper .site-map h2 {background:url(../images/asterisk_yellow.png) no-repeat left center;}

#wrapper .terms-and-conditions {}
#wrapper .terms-and-conditions h2 {background:url(../images/asterisk_yellow.png) no-repeat left center;}

#wrapper .privacy-policy {}
#wrapper .privacy-policy h2 {background:url(../images/asterisk_yellow.png) no-repeat left center;}



#footer {color:#ccc; font-size:8pt; position:relative; margin:20px 0 0 0;}
#footer p {position:absolute; left:0;}
#footer ul#bottom-nav {position:absolute; right:0;}
#footer ul#bottom-nav li {float:left; font-size:0; list-style:none; padding:0 5px; height:15px; border-left:1px solid #aaa;}
#footer ul#bottom-nav li a {font-size:8pt; line-height:15px;}
#footer ul#bottom-nav li.first {border:0;}
#footer ul#bottom-nav li.active a {color:#f00; cursor:default; outline:none;}
#footer ul#bottom-nav li.active a:hover {color:#f00; cursor:default; outline:none;}

a.facebook {display:block; text-indent:-999em; background:url(../images/facebook.png) no-repeat; margin:15px 0 0 40px; width:32px; height:32px;}
a.facebook:hover {background-position:-32px 0;}
div.like {margin:0 8px 10px;}