@charset "utf-8";
/* CSS Document */


/***********
RESET STYLES 
************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, 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, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	font-style: normal;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: open-quote;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*****************************************************/

body {background-color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:62.5%; margin-top:5px}

#page {width:750px; margin:0 auto; border:1px solid #CCCCCC; position:relative}

h1 {font-size:3em; font-weight:normal}
h2 {margin-bottom:1em}
p {margin-bottom:1em; font-size:1.2em}

a {color:#FFFFFF; text-decoration:none}
a:hover {text-decoration:underline}

.access, legend {height:0; width:0; margin:0; padding:0; font-size:0; position:absolute; overflow:hidden; left:-9999em; display:none}

/*****
HEADER
*****/
#header {float:left; width:750px; height:76px}
#access-nav {left:-999em; position:absolute;top:-999em}
#home #header {height:135px; background:transparent url(../images/site/snowboarder.jpg) no-repeat 0 0}
#site-logo {float:right; width:122px; height:70px; margin:6px 20px 0 0}
#catchline {color:#990000; float:right; font-size:1.6em; font-weight:bold; margin:40px 50px 0 0; width:181px; padding-left:25px; background:transparent url(../images/site/flake-small.gif) no-repeat 0 0}
#home #site-logo {width:159px; height:81px; margin:22px 22px 0 0}

/*********
NAVIGATION
*********/
#nav {clear:both; float:left; width:750px; list-style:none; margin:0}
#nav li {color:#FFFFFF; font-weight:bold; float:left; width:149px; border-top:1px solid #FFFFFF; border-right:1px solid #FFFFFF; border-bottom:1px solid #FFFFFF; line-height:22px; font-size:1.1em}
#nav li.selected {background-color:#990000}
#nav li.selected em {display:block; text-align:center}
#nav li a {display:block; width:149px; background-color:#006699; color:#FFFFFF; text-decoration:none; text-align:center}
#nav li.selected a, #nav li a:hover {background-color:#990000}

#nav li.selected ul li a {background-color:#0099CC}
#nav li.selected ul li a:hover {background-color:#990000}

#nav li.first-child {text-transform:uppercase; float:none; border-bottom:none}
#nav li.second-child {clear:left}

#navigation li.last-child {width:150px; border-right:none}
#navigation li.last-child a {width:150px}

#nav li ul {position:absolute; width:149px; left:-999em; margin-left:-2px; padding:1px}
#nav li ul li {border-bottom:none; border-left:1px solid #FFFFFF}
#nav li.second-child ul {margin-left:-1px}
#nav li.second-child ul li {border-left:none; margin-left:0}
#nav li ul li a {background-color:#0099CC}
#nav li ul li.last-child {border-bottom:1px solid #FFFFFF; width:149px; border-right:1px solid #fff}
#nav li ul li.last-child a {width:149px}
#nav li ul li.selected a {background-color:#006699}
#nav li:hover ul, #nav li.sfhover ul {padding-top:0; left:auto}

/* Custom Home Navigation */
#home #nav {height:24px; padding-top:124px; overflow:hidden; background-color:#006699}
#home #nav li.first-child {position:absolute; width:149px; left:-999em}

#body-header {width:750px; clear:both; float:left; background-color:#006699}
#body-header ol#breadcrumbs {padding:1em 0 1em 0}
ol#breadcrumbs {margin-left: 150px}
ol#breadcrumbs li {display:inline; font-size:1.1em; color:#FFFFFF; margin-right:3px; padding-right:12px; background:transparent url(../images/site/breadcrumb.gif) no-repeat 100% 50%}
ol#breadcrumbs li a {color:#FFFFFF}
ol#breadcrumbs li.last-child {margin-right:0; padding-right:0; font-weight:bold; background:none}

/******
CONTENT
******/
#content {clear:both; float:left; width:750px; min-height:380px}
* html #content {height:380px} /* IE Fix */
* html .category #sub-navigation {height:350px} /* IE Fix */

#home #content {width:740px; padding:10px 5px 5px 5px}
#home h1 {color:#FFFFFF; font-size:2.8em; font-weight:bold; left:16px; position:absolute; top:166px; font-family:Verdana, Arial, Helvetica, sans-serif; letter-spacing:-0.03em; padding:6px 0 0 35px; background:transparent url(../images/site/flake.gif) no-repeat 0 0; height:30px; width:600px}
#home p#tennis-gear {text-align:center; margin:25px 0}
#home p.telephone {font-size:2em; color:#990000; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif; letter-spacing:-0.03em}
#home p.address {color:#006699; font-size:1.4em; line-height:1.5em; font-weight:bold}
#home #introduction {width:400px; float:left}
#home #contacts {margin-left:10px; width:330px; float:left}
#home p.intro-text {color:#990000; font-size:1.6em; font-weight:bold; line-height:1.5em}
#home #introduction p {line-height:1.3em}
#home #contacts h2 {font-size:1.6em; color:#990000; font-weight:bold}
#home #contacts ul li {font-size:1.4em; font-weight:bold; color:#006699; margin-bottom:0.2em}
#home #contacts ul li.last-child {font-weight:normal; margin-bottom:0}

.category #body {background-color:#006699; width:750px; float:left}
.category #sub-navigation {width:150px; min-height:380px; float:left; background:transparent url(../images/site/sno1.gif) no-repeat 0 50px}
.category #content {width:600px; padding:0; clear:none; padding-top:50px}
.category #content h1 {color:#FFF; margin-bottom:0.25em}
.category #content p {color:#FFF}
.category #content ul {padding-left:1em}
.category #content ul li {font-size:1.2em; color:#FFF; margin-bottom:0.25em; list-style-type:disc; margin-left:1em}

.product #body {width:750px; float:left}
.product #sub-navigation {width:150px; min-height:380px; float:left}
.product #content {width:600px; padding:0; clear:none; padding-top:50px}
.product #content h1 {color:#990000; margin-bottom:0.25em}
.product #content h2 {font-size:1.6em; clear:both; float:left; color:#990000; margin-top:2em}
.product #content p.more-info {clear:both}
.product #content p.rental-prices {margin-bottom:2em}
.product #content p.rental-prices a {color:#900}
#clothes-hire p.rental-prices {margin-top:1em; font-weight:bold; text-decoration:underline}

.product ul.product-list {width:595px; clear:both}
.product ul.product-list li {width:297px; float:left}
.product ul.product-list li.nth-child {clear:both}
.product ul.product-list li h3 {font-size:1.2em; margin:1em 0}
.product ul.product-list li a {display:block; min-height:250px;}
* html .product ul.product-list li a {height:250px} /* IE Fix */
.product ul.product-list li img {}
.product ul.product-list li ul {margin-top:1em; margin-bottom:1em; float:none}
.product ul.product-list li ul li {font-size:1.1em; padding-left:1em; width:auto; background:transparent url(../images/site/bullet-small.gif) no-repeat 0 1px; float:none}
.product ul.product-list li p {font-size:1.1em}
.product ul.product-list li p.size span,
.product ul.product-list li p.colour span,
.product ul.product-list li p.price span {font-weight:bold}

#hats ul.product-list li {width:198px; float:left}
#hats ul.product-list li a {min-height:165px}
* html #hats ul.product-list li a {height:165px}
#goggles ul.product-list li {width:198px; float:left; height:235px}
#goggles ul.product-list li a {min-height:135px}
* html #goggles ul.product-list li a {height:165px}
#boots ul.product-list li {height:400px}
#helmets ul.product-list li {width:198px; height:350px; float:left}
#helmets ul.product-list li a {min-height:165px}
* html #helmets ul.product-list li a {height:165px}

#one-piece-for-kids ul.product-list li {margin-bottom:40px}
#one-piece-for-kids ul.product-list li ul li {margin-bottom:1em}
#one-piece-for-kids ul.product-list li a {height:180px; min-height:180px}

.product #sub-navigation ul {margin:80px 0 0 1em}
.product #sub-navigation ul li {font-size:1.2em; margin-bottom:0.5em; padding-left:15px}
.product #sub-navigation ul li.selected {background:transparent url(../images/site/bullet.gif) no-repeat 0 0}
.product #sub-navigation ul li.last-child {margin-bottom:0}
.product #sub-navigation ul li a {color:#990000}

.category #sub-navigation ul {margin:80px 0 0 1em}
.category #sub-navigation ul li {font-size:1.2em; margin-bottom:0.5em; padding-left:15px; font-weight:bold}
.category #sub-navigation ul li.last-child {margin-bottom:0}

#schools #sub-navigation {background:#006699 url(../images/site/schools.jpg) no-repeat 0 48px}
#schools #school-information {width:400px; float:left}
#schools #feedback {width:145px; float:right}
#schools #feedback p, #schools #feedback cite {width:auto; color:#990000; font-style:italic; font-weight:bold; font-size:1.4em; display:block; margin-bottom:1em}
#schools #feedback blockquote p {quotes:"\201C" "\201D";}
#schools #feedback blockquote p:before  {content:open-quote}
#schools #feedback blockquote p:after {content:close-quote}

#contact-sno-gear #contact-form {margin:2em 0}
#contact-sno-gear #contact-form dl {}
#contact-sno-gear #contact-form dt {width:100px; float:left; margin-bottom:0.5em}
#contact-sno-gear #contact-form dt label {color:#fff; font-size:1.2em; font-weight:bold}
#contact-sno-gear #contact-form dd input,
#contact-sno-gear #contact-form dd textarea {font-size:1.2em; margin-bottom:0.5em; font-family:Arial, Helvetica, sans-serif}
#contact-sno-gear #contact-form ul {padding:1em 0 0 100px}
#contact-sno-gear #contact-form ul li {float:left; list-style-type:none; margin:0; padding:0}
#contact-sno-gear #directions {}
#contact-sno-gear #directions h2 {font-size:1.6em; color:#fff; margin-top:3em}
#contact-sno-gear #directions h3 {font-size:1.4em; color:#fff; margin:1em 0}
#contact-sno-gear #directions ol li {font-size:1.2em; color:#fff; list-style-type:decimal}
#contact-sno-gear #directions p.more-info {margin-top:1em; font-weight:bold; text-transform:uppercase}

#rental #content h2 {}
#rental #content dl {width:500px; clear:both; float:left}
#rental #content dt {width:200px; float:left; font-size:1.2em; margin-bottom:0.5em}
#rental #content dd {font-size:1.2em; font-weight:bold; margin-bottom:0.5em}
#rental #content p {clear:both; float:left; margin-top:1em}
#rental #content ul {clear:both; float:left; margin-bottom:1em}
#rental #content ul li {font-size:1.2em; list-style-type:disc; margin-bottom:0.5em}
#rental #content a {color:#900}



/*****
FOOTER
*****/
#footer {clear:both; border-top:1px solid #CCCCCC}
#footer ul {text-align:center; padding:1em 0}
#footer ul li {display:inline}
#footer ul li.last-child {margin-right:0}
#footer ul li a {color:#990000; font-size:1.2em; background:transparent url(../images/site/footer-pipe.gif) no-repeat 100% 60%; padding-right:0.5em; margin-right:0.2em}
#footer ul li.last-child a {margin-right:0; padding-right:0; background:none}