body {
   background-image:url('images/bodycolour.gif');
   background-repeat: repeat;
   font-family: verdana;
   font-size: 9pt;
   margin-top: 0px;
   color: white;
   
   
}

/* Opening Page */


td.entersite {
   text-align: center;
}

table.enter {
   position: absolute;
   top: 50%;
}
td.enter2 {
   padding: 10px;
   text-align: top
   }
div.coverimage {
   position: absolute;
   top: 30px;
   text-align: center;
   }
div.coverquote {
   position: absolute;
   top: 700px;
   text-align: center;
   }

td.sportslink {
  text-align: right;
}

/* Navigation for all pages*/

a.enter:link { color: #cccccc;
             text-decoration: none;
}
a.enter:visited {    color: #cccccc;
                   text-decoration: none;
}
a.enter:hover { color: #ffffff;
               text-decoration: none;
 }
a.enter:active {    color: #cccccc;
                text-decoration: none;
 }

a.fb:link {
             text-decoration: none;
}
a.fb:visited {
                   text-decoration: none;
}
a.fb:hover {
               text-decoration: none;
 }
a.fb:active {
                text-decoration: none;
 }


a.topnav:link { color: white;
             text-decoration: none;
}
a.topnav:visited {    color: white;
                   text-decoration: none;
}
a.topnav:hover { color: #666666;
               text-decoration: none;
 }
a.topnav:active {    color: white;
                text-decoration: none;
 }

a.nav:link { color: #cc9900;
             text-decoration: none;
}
a.nav:visited {    color: #cc9900;
                   text-decoration: none;
}
a.nav:hover { color: white;
               text-decoration: none;
 }
a.nav:active {    color: #cc9900;
                text-decoration: none;
 }

 a.pink:link { color: #ff00cc;
             text-decoration: none;
}
a.pink:visited {    color: #ff00cc;
                   text-decoration: none;
}
a.pink:hover { color: white;
               text-decoration: none;
 }
a.pink:active {    color: #ff00cc;
                text-decoration: none;
 }

a.sticks:link { color: #cccccc;
             text-decoration: none;
}
a.sticks:visited {    color: #cccccc;
                   text-decoration: none;
}
a.sticks:hover { color: white;
               text-decoration: none;
 }
a.sticks:active {    color: #cccccc;
                text-decoration: none;
 }

 a.footer:link { color: #99ccff;
             text-decoration: none;
}
a.footer:visited {    color: #99ccff;
                   text-decoration: none;
}
a.footer:hover { color: white;
               text-decoration: none;
 }
a.footer:active {    color: #99ccff;
                text-decoration: none;
 }

a.red:link { color: #cccccc;
             text-decoration: none;
}
a.red:visited {    color: #cccccc;
                   text-decoration: none;
}
a.red:hover { color: white;
               text-decoration: none;
 }
a.red:active {    color: #cccccc;
                text-decoration: none;
 }

 a.subnav:link { color: white;
             text-decoration: none;
}
a.subnav:visited {    color: white;
                   text-decoration: none;
}
a.subnav:hover { color: #99ccff;
               text-decoration: none;
 }
a.subnav:active {    color: white;
                text-decoration: none;
 }

 a.green:link { color: #33CC00;
             text-decoration: none;
}
a.green:visited {    color: #33CC00;
                   text-decoration: none;
}
a.green:hover { color: #33CC00;
               text-decoration: underline;
 }
a.green:active {    color: #33CC00;
                text-decoration: none;
 }

 a.pink:link { color: #ff6699;
             text-decoration: none;
}
a.pink:visited {    color: #ff6699;
                   text-decoration: none;
}
a.pink:hover { color: #ff6699;
               text-decoration: underline;
 }
a.pink:active {    color: #ff6699;
                text-decoration: none;
 }


  a.green2:link { color: #666666;
             text-decoration: none;
}
a.green2:visited {    color: #666666;
                   text-decoration: none;
}
a.green2:hover { color: #33CC00;
               text-decoration: underline;
 }
a.green2:active {    color: #666666;
                text-decoration: none;
 }

a.white:link { color: #ffffff;
             text-decoration: none;
}
a.white:visited {    color: #ffffff;
                   text-decoration: none;
}
a.white:hover { color: #ffffff;
               text-decoration: underline;
 }
a.white:active {    color: #ffffff;
                text-decoration: none;
 }

a.sticks:link { color: transparent;
             text-decoration: none;
}
a.sticks:visited {    color: transparent;
                   text-decoration: none;
}
a.sticks:hover { color: transparent;
               text-decoration: underline;
 }
a.sticks:active {    color: transparent;
                text-decoration: none;
 }


/* Home Page */

div.training {
   position: absolute;
   left: 330px;
   top: 1px;
}

#cover {
display:none;
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
background:black;
filter:alpha(Opacity=80);
opacity:0.8;
-moz-opacity:0.8;
-khtml-opacity:0.8;
}
#dialog {
display:none;
left:110px;
top:90px;
width:600px;
height:450px;
position:absolute;
z-index:101;
background:transparent;
padding:2px;
font:10pt tahoma;

}


table.arrowmain {
   position: absolute;
   left: 105px;
   top: 575px;
}

div.notice1 {
   position: absolute;
   left: 112px;
   top: 660px;
   width: 238px;
   height: 130px;
   z-index: 99;
   padding-right: 5px;
   padding-top: 5px;
   text-align: justify;
   font-size: 8pt;
   color: #999999;
   font-family: arial;
}
div.notice2 {
   position: absolute;
   left: 367px;
   top: 660px;
   width: 238px;
   height: 130px;
   z-index: 99;
   padding-right: 5px;
   padding-top: 5px;
   text-align: justify;
   font-size: 8pt;
   color: #999999;
   font-family: arial;

}
div.notice3 {
   position: absolute;
   left: 625px;
   top: 660px;
   width: 238px;
   height: 130px;
   z-index: 99;
   padding-right: 5px;
   padding-top: 5px;
   text-align: justify;
   font-size: 7.5pt;
   color: #999999;
   font-family: arial;
}
td.noticeboard1 {
   text-align: right;
   height: 140px;
   border-left: 1px solid white;
   border-bottom: 1px solid white;
   vertical-align: bottom;
   }
td.noticeboard2 {
   border-right: 1px solid white;
   height: 140px;
   text-align: right;
   padding-top: 25px;
   }

span.red {
    color: #ff6633;
}
td.blank2 {
   border-bottom: 1px solid white;
   border-left: 1px solid white;
}
td.leftblank {
   border-left: 1px solid white;
}
#alwaysshow {
     position: absolute;
   left: 100px;
   top: 210px;
   border: 1px solid white;
}
td.displayimages {
   height: 335px;
   text-align: center;
}
td.mainright3 {
   width: 100px;
   }
span.joinus {
   color: red;
   font-size: 10pt;
}
div.homebutton {
   background-color: black;
   height: 25px;
   border-top: 1px solid #333333;
   padding: 2px;
   font-size: 7pt;
   color: white;
   width: 90px;
}
div.hockeybutton {
   background-color: black;
   height: 25px;
   border-bottom: 1px solid #333333;
   border-top: 1px solid #333333;
   padding: 2px;
   font-size: 7pt;
   color: white;
}
div.nutbutton {
   background-color: black;
   height: 25px;
   border-bottom: 1px solid #333333;
   padding: 2px;
   font-size: 7pt;

}
div.undera {
   background-color: black;
   height: 25px;
   border-bottom: 1px solid #333333;
   padding: 2px;
   font-size: 7pt;

}
div.order {
   background-color: black;
   height: 25px;
   border-bottom: 1px solid #333333;
   padding: 2px;
   font-size: 7pt;

}
div.gall {
 background-color: black;
   height: 25px;
   border-bottom: 1px solid #333333;
   padding: 2px;
   font-size: 7pt;


   }

div.pinkgall {
 background-color: black;
   height: 25px;
   border-bottom: 1px solid #333333;
   padding: 2px;
   font-size: 7pt;
   color: #ff00cc


   }
div.mainwindowhome {
   background-image:url('images/grad2.png');
   background-repeat: repeat;
   height: 452px;
   width: 770px;
   text-align: left;
   border-left: 1px solid white;
   border-right: 1px solid white;
}

div.mainwindow1 {
   background-image:url('images/grad2.png');
   background-repeat: repeat;
   height: 452px;
   width: 770px;
   text-align: left;
   border-bottom: 1px solid white;
   border-left: 1px solid white;
   border-right: 1px solid white;
}
table.mainwin1 {
   width: 500px;
}
td.rightmain {
   text-align: center;

}
td.leftmain {
   width: 462px;
   vertical-align: top;
   line-height: 9pt;
   text-align: justify;
   font-size: 7pt;
   padding: 10px;
}
td.leighmain {
   width: 482px;
   vertical-align: top;
   line-height: 9pt;
   text-align: justify;
   font-size: 7pt;
   padding: 10px;
}

td.row1 {
   vertical-align: bottom;
}
td.row2 {
   vertical-align: top;
}

div.mainwindow {
   background-image:url('images/grad2.png');
   background-repeat: repeat;
   height: 452px;
   text-align: left;
   border-bottom: 1px solid white;
   border-left: 1px solid white;
   border-right: 1px solid white;
}
td.navbutton1 {
   vertical-align: top;
}

div.about {
   height: 20px;
   width: 60px;
   border-left: 2px solid white;
   border-bottom: 2px solid white;
   border-right: 2px solid white;
   background-color: #FF6633;
   }

table.main {
   color: white:

 }

td.top {
   background-image:url('images/grad2.png');
   color: white;
   text-align: center;
   font-size: 7pt;

   }
td.main {
   width: 600px;
   height: 452px;
   text-align: center;
   vertical-align: bottom;
   border-bottom: 1px solid white;
}
td.topspace {
   background-image:url('images/grad2.png');
      height: 25px;
}
td.topnav {
   background-image:url('images/grad2.png');
   height: 30px;
   color: white;
   text-align: center;
   font-size: 8pt;
   vertical-align: top;

   }
td.sub {
   background-image:url('images/grad2.png');
   height: 30px;
}
td.subquote {

   height: 30px;
   text-align: right;
   padding: 5px;
   font-size: 7pt;
   font-variant:small-caps;
   border-left: 1px solid white;
   border-right: 1px solid white;
}
span.quote {
   color: #99ccff;
   font-size: 8pt;
}
span.phil {
   color: white;
   font-size: 7pt;
}

td.sub2 {
   background-color: #3F3E3E;
   text-align: left;
   vertical-align: center;
   padding: 5px;
   color: #BBBBBB;
}

td.header {
   height: 90px;
   border-left: 1px solid white;
   border-right: 1px solid white;
   text-align: right;
   padding-right: 2px;
}
td.homebutton {
   color: white;
   font-size: 7pt;
   padding: 2px;
   background-color: black;
}
td.spca  {
   text-align: left;
   padding: 5px;
   color: white;
   font-size: 7pt;
   color: #99ccff;

   width: 130px;
}
span.copyright {
   color: #bbbbbb;
}


/* terms and conditions page */


td.terms {
   vertical-align: top;
   text-align: justify;
   width: 550px;
   height: 10px;
   line-height: 10pt;
   }
td.termsbottom2 {
   padding: 5px;
   color: white;
   font-size: 7pt;
   text-align: right;
   border-bottom: 1px solid white;
   border-right: 1px solid white;

}
td.termsbottom {
   padding: 5px;
   color: white;
   font-size: 7pt;
   text-align: right;

}
span.terms {
   color: #cc9900;
   font-variant:small-caps;
   }


/* Hockey Stick page */

.black_overlay{
         display: none;
         position: absolute;
         top: 0%;
         left: 0%;
         width: 100%;
         height: 100%;
         background-color: black;
         z-index:1001;
         -moz-opacity: 0.8;
         opacity:.80;
         filter: alpha(opacity=80);
      }

.white_content {
         display: none;
         position: absolute;
         top: 100px;
         left: 60px;
         width: 750px;
         height: 405px;
         padding: 5px;
         border: 5px solid #339933;
         background-color: white;
         z-index:1002;
         overflow: auto;
      }


div.stickwindow {
   height: 452px;
   width: 770px;
   overflow: hidden;
   scrollbar-face-color: #333333;
   scrollbar-shadow-color: #CCFFFF;
   scrollbar-highlight-color: #ffffff;
   scrollbar-darkshadow-color: #CCFFFF;
   scrollbar-track-color: #CCFFFF;
   scrollbar-arrow-color: #ff6633;
   border-left: 1px solid white;
   border-right: 1px solid white;
   background-image:url('images/grad2.png');
   background-repeat: no-repeat;


}



div.stickwindow2 {
   height: 452px;
   width: 770px;
   overflow: auto;
   scrollbar-face-color: lightgrey;
   scrollbar-shadow-color: black;
   scrollbar-highlight-color: black;
   scrollbar-darkshadow-color: lightgrey;
   scrollbar-track-color: lightgrey;
   scrollbar-arrow-color: #009933;
   scrollbar-3dlight-color: lightgrey;
   border-left: 1px solid white;
   border-right: 1px solid white;
   background-image:url('images/grad2.png');
   background-repeat: no-repeat;

}
div.stickwindow3 {
   height: 422px;
   width: 535px;
   overflow: auto;
   scrollbar-face-color: lightgrey;
   scrollbar-shadow-color: black;
   scrollbar-highlight-color: black;
   scrollbar-darkshadow-color: lightgrey;
   scrollbar-track-color: lightgrey;
   scrollbar-arrow-color: #009933;
   scrollbar-3dlight-color: lightgrey;
   background-image:url('images/grad2.png');
   background-repeat: no-repeat;
   font-size: 7pt;
   text-align: left;
}


div#stick1 {
   position: absolute;
   top: 85px;
   left: 60px;
   height: 440px;
   width: 738px;
   background-color: white;
   z-index: 99;
   border: 2px solid #666666;
   padding: 2px;
}

div#stick2 {
   position: absolute;
   top: 85px;
   left: 60px;
   height: 440px;
   width: 738px;
   background-color: white;
   z-index: 99;
   border: 2px solid #666666;
   padding: 2px;
}

div#stick3 {
   position: absolute;
   top: 85px;
   left: 60px;
   height: 440px;
   width: 738px;
   background-color: white;
   z-index: 99;
   border: 2px solid #666666;
   padding: 2px;
}

div#stick4 {
   position: absolute;
   top: 85px;
   left: 60px;
   height: 440px;
   width: 738px;
   background-color: white;
   z-index: 99;
   border: 2px solid #666666;
   padding: 2px;
}

div#stick5 {
   position: absolute;
   top: 85px;
   left: 60px;
   height: 440px;
   width: 738px;
   background-color: white;
   z-index: 99;
   border: 2px solid #666666;
   padding: 2px;
}

div#stick6 {
   position: absolute;
   top: 85px;
   left: 60px;
   height: 440px;
   width: 738px;
   background-color: white;
   z-index: 99;
   border: 2px solid #666666;
   padding: 2px;
}

div.soldout {
   position: absolute;
   left: 320px;
   top: 280px;
   z-index: 99;
   }

/* Ask Phil */


div.questions {
   height: 452px;
   width: 770px;
   text-align: left;
   border-right: 1px solid white;
   border-left: 1px solid white;
   border-bottom: 1px solid white;
   }
table.questions {
   height: 452px;
   width: 770px;
}
td.questions {
   vertical-align: top;
   width: 550px;
   height: 10px;
   line-height: 9pt;
   text-align: justify;
   font-size: 7pt;
}
td.questionphil {
   vertical-align: top;
   width: 550px;
   height: 10px;
   line-height: 11pt;
   text-align: left;
   font-size: 7pt;
}
table.contact {
   width: 100%;
}
span.answers {
   color: #cc9900;
   font-variant:small-caps;
}
div.logo {
   height: 30px;
   border-left: 1px solid white;
   border-right: 1px solid white;
}

span.top  {
   color: white;
}
span.phil {
   color: white;
}
td.philphoto {
   vertical-align: top;
    border: 1px solid white;
    text-align: center;
    background-color: transparent;
    padding: 8px;
}
img.philphoto {
    border: 1px solid white;
}
td.contact {
   vertical-align: top;
   text-align: center;
   padding: 5px;
   border-bottom: 1px solid white;
}
td.contactright {
   vertical-align: top;
   text-align: center;
   padding: 5px;
   padding: 10px;
   color: #cc9900;
   font-size: 8pt;
}
td.contactleft {
   vertical-align: top;
   text-align: center;
   padding: 5px;
   padding: 10px;
   color: #cc9900;
   font-size: 8pt;
}
td.contacttop {
   vertical-align: bottom;
   text-align: center;
   height: 100px;
}
span.footer {
   color: #cc9900;
}
td.blankcontact {
   width: 100px;
}
span.furtherquestions {
   color: #cc9900;
}
td.aboutchryso {
   line-height: 15pt;
   text-align: justify;
   vertical-align: top;
}
div.askphil {
   border-bottom: 1px solid #333333;
   background-color: black;
   height: 25px;
   padding: 2px;
   font-size: 7pt;
}
td.askphil {
   border-bottom: 1px solid #ffffff;
}

div.wcblog {
   border-bottom: 1px solid #333333;
   background-color: black;
   height: 25px;
   padding: 2px;
   font-size: 7pt;
   }

span.philanswers {
   color: #FF6600;
  font-variant:small-caps;
  font-size: 7pt;
}

table.nutrition {
   width: 770px;
}

   div.nutwindow {
   height: 452px;
   width: 770px;
   overflow: hidden;
   scrollbar-face-color: #333333;
   scrollbar-shadow-color: #CCFFFF;
   scrollbar-highlight-color: #ffffff;
   scrollbar-darkshadow-color: #CCFFFF;
   scrollbar-track-color: #CCFFFF;
   scrollbar-arrow-color: #ff6633;
   border-left: 1px solid white;
   border-right: 1px solid white;
   background-image:url('images/grad2.png');
   background-repeat: no-repeat;
}

span.nutlink{
   font-size: 7pt;
}
td.sponsors {
   color: #cc9900;
   font-variant:small-caps;
   font-size: 8pt;
}

div.available {
   position: absolute;
   top:
   height: 452px;
   width: 770px;
   overflow: auto;
   scrollbar-face-color: lightgrey;
   scrollbar-shadow-color: black;
   scrollbar-highlight-color: black;
   scrollbar-darkshadow-color: lightgrey;
   scrollbar-track-color: lightgrey;
   scrollbar-arrow-color: #009933;
   scrollbar-3dlight-color: lightgrey;
   border-right: 1px solid white;

   }

div.chrysosub {
   color: white;
   font-size: 7pt;

   }
div.atlassub {
   color: white;
   font-size: 7pt;
   }
div.pbsub {
   color: white;
   font-size: 7pt;
   }
span.pb {
   color: #99ccff;
}
span.terror {
   color: red;
}

/* Gallery */

td.gallery {
   vertical-align: top;
   width: 550px;
   height: 10px;
   line-height: 9pt;
   text-align: justify;
   font-size: 7pt;
}

td.hoodie {
   vertical-align: top;
   height: 10px;
   width: 200px;
   line-height: 9pt;
   text-align: justify;
   font-size: 7pt;
}
td.hoodieback {
   text-align: left;
   width: 500px;
   font-size: 8pt;
}
span.datecolor {
   color: #33CC00;

}
div.europeblog {
height: 422px;
   width: 535px;
   overflow: auto;
   scrollbar-face-color: lightgrey;
   scrollbar-shadow-color: black;
   scrollbar-highlight-color: black;
   scrollbar-darkshadow-color: lightgrey;
   scrollbar-track-color: lightgrey;
   scrollbar-arrow-color: #009933;
   scrollbar-3dlight-color: lightgrey;
   background-image:url('images/grad2.png');
   background-repeat: no-repeat;
   font-size: 7pt;
   text-align: justify;
   padding-right:  7px;
   }

div.gallery {
   height: 422px;
   width: 535px;
   overflow: auto;
   scrollbar-face-color: lightgrey;
   scrollbar-shadow-color: black;
   scrollbar-highlight-color: black;
   scrollbar-darkshadow-color: lightgrey;
   scrollbar-track-color: lightgrey;
   scrollbar-arrow-color: #009933;
   scrollbar-3dlight-color: lightgrey;
   border-right: 1px solid white;
   background-image:url('images/grad2.png');
   background-repeat: no-repeat;
   font-size: 7pt;
   
   }

td.caption {
   width: 195px;
   vertical-align: top;
}
div.accessories {
   overflow: auto;
}




#imageshow {
position: absolute;
   left: 300px;
   top: 210px;
   border: 1px solid white;
   z-index: 100;
}
div.mouse {
   position: absolute;
   left: 350px;
   top: 300px;

}
table.slider {
   border: 1px solid black;
}


#container {
  position: relative;
  width: 720px;
  overflow: hidden;
  padding: 3px;
}

#scroller {
  width: 1500px; /* = width + margin left + margin right + padding*2 + border*2  from the content rule */
}

#container2 {
  position: relative;
  width: 730px;
  height: 435px;
  overflow: hidden;
  padding: 3px;
}

#container3 {
  position: relative;
  width: 1500px;
  height: 435px;
  overflow: hidden;
  padding: 3px;
}

#scroller2 {
  width: 1500px;
}

.content {
  width: 200px;
  height: 200px;
  float: left;
  margin-left: 10px;
  margin-right: 10px;
  padding: 5px;
  border: 1px solid #EFEFEF;
  font-size: .8em;
}

.scrollNav, .scrollNav a:link, .scrollNav a:visited  {
  font-size: .8em;
  color:#00009C;
  font-weight: bold;
}
td.contactinfo1 {
   vertical-align: top;
 

}
td.contactinfo2 {
   vertical-align: top;

}
table.displayvideo {
   height: 435px;
   width: 730px;
   text-align: center;
}

/* Movember */

td.mo {
   text-align: left;
}
td.intromo {
   height: 30px;
   font-size: 8pt;
   text-align: left;

}
table.displaymointro {
   padding-left: 15px;
}
table.displaymo {
   height: 400px;
   width: 1500px;
   text-align: center;
}
span.white {
   color: white;
}

span.green {
   color: green;
}