@charset "utf-8";


/* reset */
html {-webkit-text-size-adjust: none;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td {margin:0;	padding:0;}
body {background:#000 url(/images/backgrounds/body.jpg) top repeat; color:#fff; font-family: Arial, Helvetica, sans-serif; font-size:12px;}
table {border-collapse:collapse; border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,em,th,var {font-style:normal; font-weight:normal;}
li {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym {border:0; font-variant:normal;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select {font-family:inherit; font-size:inherit; font-weight:inherit;}
input,textarea,select {*font-size:100%;}
.show {display:none;}
.cleaner {font-size: 0; width: 100%; height: 0; margin: 0 0 0; clear: both;}
button {margin:0; padding:0;}
label {font-style:italic; margin-bottom:4px; display:block;}

/* Test Do Not Remove! */
/* global */
#wrap {background:url(/images/backgrounds/wrap.jpg) top center no-repeat; min-height:700px;}
#page {width:960px; margin:0 auto;}
#header-logo {background:url(/images/sprites/nav.jpg) top no-repeat; background-position:0px 0px; width:187px; height:39px; display:block; float:left; margin-left:20px; margin-bottom:28px; margin-top:70px; text-indent:0; font-size:0;}
#header-logo:hover {background-position:0px -39px;}
p {margin-bottom:10px;}
a {color:#fff; text-decoration:underline;}
a:hover {color:#BC9B40; text-decoration:underline;}
#footer {background:url(/images/backgrounds/footer-line.jpg) top repeat-x; display:block; line-height:40px; margin-top:30px; color:#666;}
.left {float:left;}
.right {float:right;}
select {margin-bottom:10px;}
.hideItems {display:none;}
.showItems {display:block;}
.error-text {color:#BC9B40; font-weight:bold;}
.success-text {color:#00FF99; font-weight:bold;}
.success-text-dark {color:#006600; font-weight:bold;}
.margin-left {margin-left:10px;}
.link-no-underline {text-decoration:none;}
.link-no-underline:hover {text-decoration:none;}

/* login */
#login-form #rememberme {margin-right:4px;}
#login-form .rememberme {margin-top:6px; display:block;}
#login-button {background: url(/images/sprites/buttons.jpg) no-repeat; background-position: -0px 0px; margin-top:6px;}
#login-button:hover {background-position:0px -36px;}
#login-button:active {background-position:0px -72px;}
#login-right {width:440px; padding:20px; padding-top:10px; float:right;}
#login-right #forgot-email {float:left; margin-right:4px;}
#login-right #send-button {background: url(/images/sprites/buttons.jpg) no-repeat; background-position: -580px 0px; display:block; float:left;}
#login-right #send-button:hover {background-position:-580px -31px;}
#login-right #send-button:active {background-position:-580px -62px;}


/* headings */
h2#page-title {font-weight:bold; font-size:16px; margin-bottom:30px; line-height:50px; padding-left:20px;}
#breadcrumbs {font-weight:bold; font-size:16px; margin-bottom:30px; background:url(/images/backgrounds/page-title.jpg) no-repeat; line-height:50px; padding-left:20px;}
.white-line {background:url(/images/backgrounds/white-line.jpg) bottom repeat-x;}
.black-line {background:url(/images/backgrounds/black-line.jpg) bottom repeat-x;}
h3 {font-weight:bold; font-size:20px; margin-bottom:10px; background:url(/images/backgrounds/black-line.jpg) bottom repeat-x;}
h4 {font-weight:bold; font-size:20px; margin-bottom:10px; background:url(/images/backgrounds/white-line.jpg) bottom repeat-x;}
h5 {font-weight:bold; font-size:16px; margin-bottom:10px; padding-bottom:2px;}


/* forms */
.text-field {padding:6px; width:200px; display:block; margin-bottom:10px;}
.mini-button {width:84px; height:31px; border:0; cursor:pointer; text-indent:-9999px;}
.small-button {width:104px; height:36px; border:0; cursor:pointer; text-indent:-9999px;}
.large-button {width:124px; height:36px; border:0; cursor:pointer; text-indent:-9999px;}
.long-button {width:160px; height:36px; border:0; cursor:pointer; text-indent:-9999px;}

/** sponsorship form **/
#sponsorship-form {margin-left:20px;}
#sponsorship-form p {margin-bottom:20px;}
#sponsorship-form legend {color:#BC9B40; font-weight:bold; padding-bottom:10px;}
#sponsorship-form fieldset {width:350px; margin-right:20px;}
#sponsorship-form fieldset#personal-details {float:left;}
#sponsorship-form fieldset#home-address {margin-bottom:70px;}
#sponsorship-form fieldset#club-details {float:left;}
#sponsorship-form fieldset#honours {width:680px; margin-top:30px;}
#sponsorship-form .text-field {padding:6px; width:320px; display:block; margin-bottom:10px;}
#sponsorship-form textarea {padding:6px; width:700px; height:140px; margin-bottom:20px;}
#sponsorship-form select {padding:6px;}
#send-button {background: url(/images/sprites/buttons.jpg) no-repeat; background-position: -228px 0px; display:block;}
#send-button:hover {background-position:-228px -36px;}
#send-button:active {background-position:-228px -72px;}


/* nav */
#basket-tab {background:url(/images/sprites/nav.jpg) no-repeat; display:block; height:49px; width:75px; background-position:-886px 0px; text-indent:-9999px; position:absolute; margin-left:650px;}
#basket-tab:hover {background-position:-886px -49px;}
#nav {float:right; margin-right:20px; margin-top:70px;}
#nav li {float:left; margin-left:14px; margin-top:12px;}
#nav a {background:url(/images/sprites/nav.jpg) no-repeat; display:block; height:14px; font-size:0px}
#nav a#home {width:40px; background-position:-187px 0px;}
#nav a#home:hover {width:40px; background-position:-187px -14px;}
#nav a#about-us {width:67px; background-position:-227px 0px;}
#nav a#about-us:hover {width:67px; background-position:-227px -14px;}
#nav a#products {width:75px; background-position:-294px 0px;}
#nav a#products:hover {width:75px; background-position:-294px -14px;}
#nav a#news {width:42px; background-position:-844px 0px;}
#nav a#news:hover {width:42px; background-position:-844px -14px;}
#nav a#where-to-buy {width:101px; background-position:-369px 0px;}
#nav a#where-to-buy:hover {width:101px; background-position:-369px -14px;}
#nav a#sponsorship {width:101px; background-position:-470px 0px;}
#nav a#sponsorship:hover {width:101px; background-position:-470px -14px;}
#nav a#contact-us {width:87px; background-position:-571px 0px;}
#nav a#contact-us:hover {width:87px; background-position:-571px -14px;}
#nav a#login {width:42px; background-position:-658px 0px;}
#nav a#login:hover {width:42px; background-position:-658px -14px;}
#nav a#account {width:89px; background-position:-700px 0px;}
#nav a#account:hover {width:89px; background-position:-700px -14px;}
#nav a#logout {width:55px; background-position:-789px 0px;}
#nav a#logout:hover {width:55px; background-position:-789px -14px;}


/* sections */
.section-top {background:url(/images/backgrounds/section-top.jpg) top no-repeat; width:460px; padding-top:30px; float:left;}
.section-middle {background:url(/images/backgrounds/section-middle.jpg) repeat-y; width:460px; color:#ffffff;}
.section-bottom {background:url(/images/backgrounds/section-bottom.png) bottom no-repeat; width:400px; padding:30px; padding-top:0;}
.section-top a {color:#ffffff;}
.section-top a:hover {color:#BC9B40;}
.section-nobg {width:430px; padding:20px; padding-top:0px; float:right;}


/* homepage */
#world-class-banner {background:url(/images/banners/world-class.jpg) no-repeat; width:960px; height:350px; display:block; margin-bottom:30px;}
#slideshow {width:960px; height:350px; display:block; margin-bottom:30px; position:relative;}
#slideshow a {position:absolute; top:0; left:0; z-index:8;}
#slideshow a.active {z-index:10;}
#slideshow a.last-active {z-index:9;}


/* about us */
.section-about {margin-left:20px; margin-right:20px; background:url(/images/backgrounds/about.jpg) no-repeat right; padding-right:500px; min-height:500px;}


/* categories */
#category-grid  li {float:left; margin-bottom:10px;}
#category-grid #hockey_sticks {background:url(/images/categories/sticks.jpg) no-repeat; width:459px; height:275px; display:block; margin-right:34px;}
#category-grid #hockey_protection {background:url(/images/categories/protection.jpg) no-repeat; width:467px; height:275px; display:block;}
#category-grid #hockey_luggage {background:url(/images/categories/luggage.jpg) no-repeat; width:469px; height:251px; display:block; margin-right:31px;}
#category-grid #hockey_accessories {background:url(/images/categories/accessories.jpg) no-repeat; width:460px; height:251px; display:block;}
#category-grid #hockey_offers {background:url(/images/categories/clearance.jpg) no-repeat; width:460px; height:256px; display:block; margin-top:10px;}
#category-grid #hockey_specials {background:url(/images/categories/specials.jpg) no-repeat; width:460px; height:256px; display:block; margin-top:10px;}


/* product list */
#product-grid li {float:left; margin-right:21px; margin-bottom:21px;}
#product-grid li.no-margin {margin-right:0;}
#product-grid a {text-decoration:none; text-align:center; font-size:14px;}
#product-grid a img {background:url(/images/backgrounds/product-thumb.jpg) top left no-repeat; padding:2px; margin-bottom:8px;}
#product-grid .product {background:url(/images/backgrounds/product-grid.jpg) no-repeat; width:204px; height:270px; display:block; padding:10px;}
#product-grid .product:hover {background-position:bottom;}
#product-grid .description {width:190px; display:block; margin:0 auto;}


/* product view */
#product-view-image {background:url(/images/backgrounds/product-view.jpg) no-repeat; width:400px; height:400px; padding:3px; float:right; margin-right:20px;}
.product-view-left {float:left; width:460px; font-size:14px; margin-left:20px;}
.product-view-right {float:left; width:440px; font-size:14px; padding-left:20px; margin-left:20px;}
#product-title {font-weight:bold; font-size:20px; color:#BC9B40;}
#product-code {color:#666; margin-bottom:20px;}
#product-price {color:#BC9B40; margin-bottom:20px; font-weight:bold;}
#where-button {background: url(/images/sprites/buttons.jpg) no-repeat; background-position: -104px 0px; display:block; margin-top:40px;}
#where-button:hover {background-position:-104px -36px;}
#where-button:active {background-position:-104px -72px;}
#stock-grid {font-size:11px;}
#stock-grid th {font-size:12px; font-weight:bold; padding:10px; border-top:1px dashed #333; background:#000;}
#stock-grid td {padding:10px;}
#stock-grid tr {border-bottom:1px dashed #333;}
#stock-grid tr.last {border-bottom:0}
#stock-grid td select {width:50px;}
#add-button {width:50px; height:17px; display:block; border:0; margin:0 auto; background:url(/images/buttons/add.jpg) top no-repeat; text-indent:-9999px;}
#add-button:hover {background-position:center;}
#add-button:active {background-position:bottom;}
.product-images{padding-left:20px;}
.product-images img{margin-top:20px; margin-right:20px;}



/* where to buy */
.retailer {background: url(/images/backgrounds/retailer.jpg) no-repeat; width:420px; height:200px; padding:20px; color:#ffffff; font-size:12px; float:left; margin:10px;}
.retailer address {margin-bottom:20px;}
.retailer p {margin-bottom:0;}
.retailer a {color:#ffffff;}
.retailer a:hover {color:#BC9B40; text-decoration:underline;}


/* contact us */
.contact-form-top {background:url(/images/backgrounds/section-top.jpg) top no-repeat; width:460px; padding-top:30px; float:right; margin-right:20px;}
.contact-form-middle {background:url(/images/backgrounds/section-middle.jpg) repeat-y; width:460px; color:#ffffff;}
.contact-form-bottom {background:url(/images/backgrounds/section-bottom.png) bottom no-repeat; width:400px; padding:30px; padding-top:0;}
#contact-form textarea {width:388px; padding:6px; height:100px; display:block; margin-bottom:10px;}
#send-button-small {background: url(/images/sprites/buttons.jpg) no-repeat; background-position: -476px 0px; margin-top:6px;}
#send-button-small:hover {background-position:-476px -36px;}
#send-button-small:active {background-position:-476px -72px;}
.contact-us-left {width:400px; padding:20px; padding-top:0px; float:left;}


/* account pages */
#my-account-options li {float:left; width:210px; margin-left:20px; margin-bottom:20px;}
#my-account-options li .description{height:110px;}
#my-account-options li p.white-line {font-size:20px; font-weight:bold;}
#account-details-button {background: url(/images/sprites/buttons.jpg) no-repeat; background-position: -664px 0px; display:block;}
#account-details-button:hover {background-position:-664px -36px;}
#account-details-button:active {background-position:-664px -72px;}
#trade-order-button {background: url(/images/sprites/buttons.jpg) no-repeat; background-position: -824px 0px; display:block;}
#trade-order-button:hover {background-position:-824px -36px;}
#trade-order-button:active {background-position:-824px -72px;}
#edit-profile-button {background: url(/images/sprites/buttons.jpg) no-repeat; background-position: -984px 0px; display:block;}
#edit-profile-button:hover {background-position:-984px -36px;}
#edit-profile-button:active {background-position:-984px -72px;}
#order-history-button {background: url(/images/sprites/buttons.jpg) no-repeat; background-position: -1144px 0px; display:block;}
#order-history-button:hover {background-position:-1144px -36px;}
#order-history-button:active {background-position:-1144px -72px;}
#our-stock-button {background: url(/images/sprites/buttons.jpg) no-repeat; background-position: -1304px 0px; display:block;}
#our-stock-button:hover {background-position:-1304px -36px;}
#our-stock-button:active {background-position:-1304px -72px;}
#your-contract-button {background: url(/images/sprites/buttons.jpg) no-repeat; background-position: -1464px 0px; display:block;}
#your-contract-button:hover {background-position:-1464px -36px;}
#your-contract-button:active {background-position:-1464px -72px;}


/** account update **/
#ac-update-form legend {color:#BC9B40; font-weight:bold; padding-bottom:10px;}
#ac-update-form fieldset {width:435px; margin-right:20px; float:left;}
#ac-update-form .text-field {padding:6px; width:400px; display:block; margin-bottom:10px;}
#ac-update-form textarea {padding:6px; width:700px; height:140px; margin-bottom:20px;}
#ac-update-form .select-big {padding:6px; width:265px;}
#ac-update-form .select-small {padding:6px; width:100px;}
#update-button {background: url(/images/sprites/buttons.jpg) no-repeat; background-position: -352px 0px; display:block; margin-top:20px;}
#update-button:hover {background-position:-352px -36px;}
#update-button:active {background-position:-352px -72px;}

#account-tabs {margin-left:10px;}
#account-tabs li {float:left; margin-left:10px; background:url(/images/backgrounds/account-tab.jpg) no-repeat; width:130px; height:32px; display:block; text-align:center; line-height:32px;}

#ac-personal {padding-left:30px; padding-top:10px; background:url(/images/backgrounds/ac-personal.jpg) top no-repeat;}
#update-personal-button {background: url(/images/sprites/buttons.jpg) no-repeat; background-position: -352px 0px; display:block; margin-top:20px;}
#update-personal-button:hover {background-position:-352px -36px;}
#update-personal-button:active {background-position:-352px -72px;}

#ac-delivery {padding-left:30px; padding-top:10px; background:url(/images/backgrounds/ac-delivery.jpg) top no-repeat;}
#update-delivery-button {background: url(/images/sprites/buttons.jpg) no-repeat; background-position: -352px 0px; display:block; margin-top:20px;}
#update-delivery-button:hover {background-position:-352px -36px;}
#update-delivery-button:active {background-position:-352px -72px;}

#ac-trade {padding-left:30px; padding-top:10px; background:url(/images/backgrounds/ac-trade.jpg) top no-repeat;}
#update-trade-button {background: url(/images/sprites/buttons.jpg) no-repeat; background-position: -352px 0px; display:block; margin-top:20px;}
#update-trade-button:hover {background-position:-352px -36px;}
#update-trade-button:active {background-position:-352px -72px;}

#ac-account {padding-left:30px; padding-top:10px; background:url(/images/backgrounds/ac-account.jpg) top no-repeat;}
#update-account-button {background: url(/images/sprites/buttons.jpg) no-repeat; background-position: -352px 0px; display:block; margin-top:20px;}
#update-account-button:hover {background-position:-352px -36px;}
#update-account-button:active {background-position:-352px -72px;}


/* order history */
.order-history-table {width:960px; text-align:center; border-top:1px dashed #333;}
.header1 {background:#000; height:40px;}
.header2 {height:30px; font-weight:bold; background:#070707; color:#BC9B40;}
.header3 {height:30px; font-weight:bold; background:#000; filter:alpha(opacity=30); opacity:0.3;}
.order-history-table td {padding:4px; height:30px;}
#view-history-button {width:50px; height:17px; display:block; border:0; margin:0 auto; background:url(/images/buttons/view-history.jpg) top no-repeat; text-indent:-9999px;}
#view-history-button:hover {background-position:center;}
#view-history-button:active {background-position:bottom;}
.order-history-header {display:block; margin-top:20px; margin-bottom:20px; width:200px;}
.order-history-header-expanded {display:block; margin-top:20px; margin-bottom:20px; width:200px; color:#BC9B40; text-decoration:none; font-weight:bold; font-size:16px;} 
.order-history-header-expanded:hover {text-decoration:none;} 
#order-history-menu li {float:left; margin-right:10px;}
#order-history-menu li a {color:#fff; text-decoration:none; background:url(/images/backgrounds/history-button-off.jpg) top no-repeat; width:130px; height:39px; display:block; text-align:center; line-height:39px;}
#order-history-menu li a:hover {background-position: bottom;}
.order-history-menu-hilite a {color:#ccc;}


/* basket */
.basket th {font-size:14px; font-weight:bold; padding:10px; border-top:1px dashed #333; border-bottom:1px dashed #333; background:#000;}
.basket td {padding:10px; border-bottom:1px dashed #333; font-size:12px;}
.basket td.no-border {border-bottom:0}
.basket td select {width:50px; margin:0;}
#update-checkout-button {background: url(/images/sprites/checkout-buttons.jpg) no-repeat; background-position: -124px 0px; display:block; margin-top:20px; float:right;}
#update-checkout-button:hover {background-position:-124px -36px;}
#update-checkout-button:active {background-position:-124px -72px;}
#checkout-button {background: url(/images/sprites/checkout-buttons.jpg) no-repeat; background-position: 0px 0px; display:block; margin-top:20px; float:right; margin-left:20px;}
#checkout-button:hover {background-position:0px -36px;}
#checkout-button:active {background-position:0px -72px;}

#checkout-delivery {margin-left:20px;}
#checkout-delivery legend {color:#BC9B40; font-weight:bold; padding-bottom:10px;}
#checkout-delivery fieldset {width:350px; margin-right:20px;}
#checkout-delivery fieldset#delivery-address {float:left;}
#checkout-delivery fieldset#delivery-method {margin-bottom:40px;}
#checkout-delivery .text-field {padding:6px; width:320px; display:block; margin-bottom:10px;}
#checkout-delivery textarea {padding:6px; width:320px; height:140px; margin-bottom:20px;}
#checkout-delivery select {padding:6px;}
#continue-button {background: url(/images/buttons/continue.jpg) no-repeat; background-position: 0px 0px; display:block;}
#continue-button:hover {background-position:0px -36px;}
#continue-button:active {background-position:0px -72px;}

#payment-details {margin-left:20px;}
#payment-details .radio-label {margin-bottom:20px; line-height:18px;}
#payment-details legend {color:#BC9B40; font-weight:bold; padding-bottom:10px;}
#payment-details fieldset {width:350px; margin-right:20px;}
#payment-details fieldset#card-details {float:left;}
#payment-details fieldset#existing-cards {margin-left:40px; float:left;}
#payment-details .text-field {padding:6px; width:320px; display:block; margin-bottom:10px;}
#payment-details .small-text-field {padding:6px; width:120px; display:block; margin-bottom:10px;}
#payment-details .small-text-field-inline {padding:6px; width:120px; margin-bottom:10px; margin-right:10px;}
#payment-details textarea {padding:6px; width:320px; height:140px; margin-bottom:20px;}
#payment-details select {padding:6px;}
#add-card {background: url(/images/buttons/add-card.jpg) no-repeat; background-position: 0px 0px; display:block; margin-top:20px;}
#add-card:hover {background-position:0px -36px;}
#add-card:active {background-position:0px -72px;}

.order-total {font-weight:bold; text-align:right; color:#BC9B40;}
.deliver-to p {margin-bottom:0;}
.delivery-to {vertical-align:top; border-bottom:0;}
.delivery-method {vertical-align:top; border-bottom:0;}