*{
margin:0;
padding:0;
}

body{
font: 100% arial,sans-serif;
background: #bd9650 url("../images/site/skate.jpg") 0 0 no-repeat;
}

/*********************************** typography */
p{
margin-bottom:1em;
line-height: 1.4;
}

h1{
margin: 0 0 0 -24px;
}

h1 span{
position: absolute;
text-indent: -9999px;
}

h1 br{
display: none;
}

h2{
color: #bd9650;
margin-bottom: .5em;
}

h3{
font-size: 1.1em;
font-weight: normal;
margin-bottom: .5em;
}

#skating-links_11 #content h3{
clear: left;
}

h4{
font-size: 1em;
color: #bd9650;
}

#content ul{
margin: 0 0 1em 2em;
list-style-image: url("../images/site/list.gif");
}

#content ol{
margin: 0 0 1em 2em;
}

a{
color: #00f;
}

a:visited{
color: #333;
}

a:hover, a:focus{
background: #bd9650;
color: #fff;
}

dt{
font-size: 1.1em;
background: #eee;
padding: 0 0 2px 5px;
margin-bottom: 5px;
}

#content li{
margin-bottom: 10px;
}

/******************************** miscellaneous */

hr{
display: none;
}

#special{
border: solid 5px #d80500;
clear: right;
margin-bottom: 1em;
padding: 10px 10px 0 180px;
background: #fff url("../images/site/special2.jpg") 0 50% no-repeat;
}

#special h4{
color: #d80500;
}

a img{
border: 0;
}

#skating-links_11 #content ul{
list-style-type: none;
margin: 0 0 2em;
}

#skating-links_11 #content li{
margin: 0 10px 0 0;
display: inline;
}

#skating-links_11 #content ul#logos,
#skating-links_11 #content ul#logos li{
list-style: none;
}

#skating-links_11 #content ul#logos li{
float: none;
height: auto;
}

#skating-links_11 #content ul#more_links{
margin-left: 2em;
}

#skating-links_11 #content ul#more_links li{
display: list-item;
}

acronym{
cursor: help;
}

.green{color:#3A8F00;}
p .green{font-weight:bold;}

.red{color:#f00;font-weight:bold;}

#newsletter #nav form{
display: none;
}

/********************************** positioning */


#container{
position: relative;
background: transparent url("../images/site/conbak.gif") 258px 0 repeat-y;
}

#nav{
width: 260px;
float: left;
}

#content{
background: #fff url("../images/site/fade.jpg") 0 0 repeat-x;
padding: 4% 5%;
min-height: 700px;
margin-left: 260px;
border-top: solid 2px #fff;
position: relative;
}

#footer{
clear:both;
margin-left: 260px;
background: #fff;
color:#333;
padding: 2% 5%;
}

/************************************** footer */

#footer div{
border-top: solid 1px #666;
font-size: .8em;
}

#accessible{
float:right;
}

#footer address{
clear: both;
padding: 10px 0 0;
}

#footer ul{
list-style: none;
}

#footer li{
float: left;
padding-right: 1em;
line-height: 1.4;
}

/***************************************** nav */

#nav ul{
list-style: none;
background: #bd9650;
margin-top: 143px;
}

#nav ul li a,
#nav ul li a:visited{
display: block;
line-height: 50px;
font-size: 1.2em;
text-decoration: none;
color: #241d0f;
padding: 0 0 0 30px;
overflow: hidden;
width: 228px;
border-top: solid 1px #b5f3b5;
border-bottom: solid 1px #388d00;
border-right: solid 2px #527a52;
background: #91ca6c;
}

#nav ul li.active a,
#nav ul li.active a:visited{
background: #fafafa;
border-right: solid 2px #fafafa;
border-top: solid 1px #fafafa;
border-bottom: solid 1px #715a30;
}

#nav ul li a:hover,
#nav ul li a:focus{
background: #bd9650;
border-top: solid 1px #715a30;
border-bottom: solid 1px #d6af6a;
border-right: solid 2px #715a30;
}

#nav ul li#i a,
#nav ul li#i a:visited{
border-top: 0;
background: #f8f8f8 url("../images/site/skate.jpg") 100% -288px no-repeat;
}

#nav ul li.active#i a,
#nav ul li.active#i a:visited{
border-right: solid 2px #f8f8f8;
border-top: 0;
border-bottom: solid 1px #715a30;
background: #f8f8f8 url("../images/site/skate.jpg") 100% -388px no-repeat;
}

#nav ul li#i a:hover,
#nav ul li#i a:focus{
border-top: 0;
border-bottom: solid 1px #d6af6a;
border-right: solid 2px #715a30;
background: #bd9650 url("../images/site/skate.jpg") 100% -188px no-repeat;
}

/**************************** newsletter */

#nav form{
background: #91ca6c;/*url("../images/site/newsletter.jpg") 0 0 repeat-x;*/
border-top: solid 1px #b5f3b5;
border-bottom: solid 2px #2c7000;
border-right: solid 2px #527a52;
}

#nav fieldset{
border: 0;
padding: 15px 30px;
}

#nav legend{
line-height: 50px;
font-size: 1.2em;
color: #241d0f;
text-transform: lowercase;
margin-bottom: -40px;
}

#nav label{
font-size: .8em;
display: block;
}

#nav input{
width: 95%;
margin-bottom: 3px;
font-size: 1.2em
}

#nav input#fname,
#nav input#nl_email{
border-top: solid 2px #527a52;
border-right: solid 2px #527a52;
border-left: 0;
}

#nav input:focus{
background: #e1ffce;
border: solid 2px #639c3e;
}

#nav input.button{
width: auto;
float: left;
font-size: .8em;
font-weight: bold;
padding: 3px 5px;
}

#nav p{
font-size: .8em;
}

#nav p a,
#nav p a:visited{
margin-left: 2px;
line-height: 2em;
color: #333;
padding: 2px 5px 6px 5px;
}

#nav p a:focus,
#nav p a:hover{
margin-left: 2px;
color: #000;
padding: 2px 5px 6px 5px;
background: #eee;
}

/***************************** accessnav */

#accessnav{
position: relative;
}

#accessnav ul{
font-size: .8em;
list-style: none;
text-align: right;
margin: 20px 5% -.15em 0;
}

#accessnav ul li{
display: inline;
line-height: 25px;
background: #9e6e2d url("../images/site/accessnavx.jpg") 0 0 no-repeat;
padding: .25em 0 .25em 6px;
margin: 0 0 0 6px;
}

#accessnav ul li a,
#accessnav ul li a:visited{
padding: .25em 17px .25em 10px;
background: #9e6e2d url("../images/site/accessnav.jpg") 100% 0 no-repeat;
text-decoration: none;
color: #ffe9c2;
line-height: 25px;
}

#accessnav ul li a:hover,
#accessnav ul li a:focus,
#accessnav ul li.active a,
#accessnav ul li:hover,
#accessnav ul li:focus,
#accessnav ul li.active,
#sitemap #accessnav ul li#li_sitemap a,
#help #accessnav ul li#li_help a,
#sitemap #accessnav ul li#li_sitemap,
#help #accessnav ul li#li_help{
color: #000;
background: #fff;
}

/********************************* book */

#book{
margin: -88px 0 100px 0;
position: relative;

}

#book p#b{
background: #652c8a;
float: right;
color: #fff;
text-transform: uppercase;
font-size: .9em;
border: solid 1px;
border-color: #bda6cc #c3afd1 #bda6cc #c3afd1;
position: relative;
padding: 0 .25em;
}

#book p#ee{
float: right;
clear: right;
position: relative;
margin-top: -1em;
}

#book a,
#book a:visited{
font-size: .9em;
color: #652c8a;
text-transform: lowercase;
}

#book a:hover,
#book a:focus,
#book a:active{
color: #000;
background: #ff0;
}

#book span{
display: block;
width: 5px;
height: 5px;
position: absolute;
}

#book #tl{
top: -1px;
left: -1px;
background: transparent  url("../images/site/book_tl.gif") 0 0 no-repeat;
}

#book #tr{
top: -1px;
right: -1px;
background: transparent  url("../images/site/book_tr.gif") 0 0 no-repeat;
}

#book #br{
bottom: -1px;
right: -1px;
background: transparent  url("../images/site/book_br.gif") 0 0 no-repeat;
}

#book #bl{
bottom: -1px;
left: -1px;
background: transparent  url("../images/site/book_bl.gif") 0 0 no-repeat;
}


/**************************************** tables */

table{
margin-bottom: 2em;
width: 99%;
}

table, th, td{
border: solid 1px #91CA6C;
border-collapse: collapse;
}

th{
background: #91CA6C;
padding: 5px;
}

td{
padding: 5px;
}

caption{
padding-bottom: 5px;
}

/***************************************** forms */

#content fieldset{
border: solid 1px #bd9650;
padding: 30px 40px;
margin: 0 0 10px;
}

#content legend{
font-weight: bold;
color: #fff;
background: #bd9650;
padding: 2px 5px
}

#content label{
display: block;
line-height: 1.25em;
margin-bottom: 10px;
}

#content input[type=text],
#content textarea,
#content select{
font-size: 1.25em;
font-family: Arial, Helvetica, sans-serif;
margin: 0 5px 30px 0;
border: solid 2px #bd9650;
}

#content textarea{
width: 80%
}

#content input.button{
width: auto;
padding: 0 25px;
}

#content input:focus,
#content textarea:focus,
#content select:focus{
background: #fff0d5;
border: solid 2px #bd9650;
}

#content input.short{
width: 120px;
}

input#antispam{
width: 75px;
float: left;
}

/**************************************** images */

.right, .left{
background: #fff;
text-align: center;
padding: 10px;
border: solid 1px #333;
float: right;
clear: right;
margin: 0 0 20px 20px;
position: relative;
max-width: 220px;
}

.right p, .left p{
max-width: 200px;
}

.right p, .left p{
margin: 0;
font-size: .7em;
}

.left{
float: left;
margin: 0 20px 20px 0;
}

/************************************** clearfix */


.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

/************************************* responses */ 

#positive, #negative, #confirm,
#results .success,
#results .error{
padding: 10px;
margin: 0 0 10px;
border: solid 2px #BF2E0B;
color: #231f20;
position: relative;
background: #fff;
}

#newsletter #positive,
#newsletter #negative{
margin: 10px 0;
}

#results .success{
background: #D6FF9F;
}

#results .error{
background: #FFBEAF;
}

#positive,
#confirm,
#results .success{
border: solid 2px #6E9938;
}

#positive h3, #confirm h3, #negative h3{
color: #5d8b23;
padding-left: 28px;
font-family: Arial, Helvetica, san-serif;
font-weight: bold;
font-size: 1.4em;
line-height: 1.4;
margin-bottom: 0;
background: transparent url("../images/site/positive.gif") 0 0 no-repeat;
}

#negative fieldset{
border: 0;
padding: 0;
}

#negative legend{
display: none;
}

#details #positive input.button{
margin: 0 0 1em;
}

#basket #negative input.button{
margin: 5px 5px 5px 0;
}

#basket #content input.button{
margin: 5px;
}

#negative h3{
color: #bf2e0b;
background: transparent url("../images/site/negative.gif") 0 0 no-repeat;
}

#positive img{
margin-right: 5px;
float: left;
}

#positive ul li,
#negative ul li{
margin: 0;
}

#positive a,
#positive a:visited,
#results .success a,
#results .success a:visited{
color: #333;
}

#positive a:hover,
#positive a:focus,
#results .success a:hover,
#results .success a:focus{
color: #333;
background: #BBFF00;
}

#negative a,
#negative a:visited,
#results .error a,
#results .success a:visited{
color: #333;
}

#negative a:hover,
#negative a:focus,
#results .error a:hover,
#results .success a:focus{
color: #333;
background: #FBF9ED;
}

/********************************************** site map */

#site-map_7 dt{
background: #BD9650;
font-size: .8em;
text-transform: uppercase;
color: #fff;
padding: 3px 4px 3px 5px;
margin-bottom: .5em;
font-weight: bold;
display:block;
}

#site-map_7 dd{
margin: 2em 0;
}

#site-map_7 dd a{
font-size: 1.2em;
}

#site-map_7 dd span{
font-size: .8em;
color: #008F06;
}

/******************************************* skate logos */

#skate_logos{
width: 260px;
margin-top: 30px;
text-align: center;
}

#skate_logos img{
border: solid 5px #fff;
margin: 10px 0 0;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}

html, body {
min-height: 100%;
height: auto !important;
height: 100%;
overflow: auto;
}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
font: 12px Arial, Helvetica, sans-serif;
color: #333333;
}

#TB_secondLine {
font: 10px Arial, Helvetica, sans-serif;
color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000; background: none;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666; background: none;}

TB_ajaxWindowTitle{
margin-left: 10px;
}

#where_to_skate_36 #TB_window a img#cb{
margin-top: 0px;
}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
position: absolute;
z-index:100;
top: 0px;
left: 0px;
background-color:#000;
opacity: 0.6;
}

#TB_window {
position: absolute;
background: #ffffff;
z-index: 102;
color:#000000;
display:none;
border: 4px solid #525252;
text-align:left;
}

#TB_window img {
display:block;
margin: 15px 0 0 15px;
}

#TB_caption{
height:25px;
padding:15px 30px 15px 15px;
float:left;
font-size: 1.5em;
}

#TB_closeWindow{
height:25px;
padding:0 15px 10px 0;
float:right;
}

#TB_closeAjaxWindow{
padding:5px 10px 7px 0;
margin-bottom:1px;
text-align:right;
float:right;
}

#TB_ajaxWindowTitle{
float:left;
padding:7px 0 0 10px;
margin-bottom:1px;
}

#TB_title{
background-color:#fff;
font-size: 2em;
}

#TB_ajaxContent{
clear:both;
padding:2px 15px 15px 15px;
overflow:auto;
text-align:left;
line-height:1.4em;
}

#TB_ajaxContent p{
padding:5px 0px 5px 0px;
}

#TB_load{
position: absolute;
display:none;
height:100px;
width:100px;
z-index:101;
}

#TB_HideSelect{
z-index:99;
position:absolute;
top: 0;
left: 0;
background-color:#fff;
border:none;
opacity: 0;
}

#TB_iframeContent{
clear:both;
border:none;
margin-bottom:-1px;
margin-top:1px;
}