*  {margin: 0; padding: 0;}

img, div {behavior: url(/includes/css/iepngfix.htc);}

body  {font-family: arial, helvetica, verdana, geneva, sans-serif; font-size: .9em; background-color: #000000; color: #919191; margin: 0px; padding: 0px; text-align: center;}

p  {margin: 0px 0px 10px 0px;}
  p.footnote  {margin: 0px 0px 3px 0px; font-size: .7em;}
img  {border: 0px;}

.redText  {color: #bc162d;}
.greyText  {color: #DDDDDD;}
.blueText  {color: #65c1b0;}
.smallText  {font-size: .8em;}
.hStrike  {text-decoration: line-through;}

h1  {color: #dbcd3c; font-weight: bold; font-size: 1.3em; margin: 0px 0px 10px 0px;}
  h1.nospace  {margin: 0px 0px 0px 0px;}
h2  {color: #dbcd3c; font-weight: bold; font-size: 1.1em; margin: 0px 0px 10px 0px;}
  h2.nospace  {margin: 0px 0px 0px 0px;}
h3  {color: #dbcd3c; font-weight: bold; font-size: 1em; font-weight: bold; margin: 0px 0px 10px 0px;}
  h3.nospace  {margin: 0px 0px 0px 0px;}
  h3.greynospace  {color: #919191; margin: 0px 0px 0px 0px;}
h4  {color: #dbcd3c; font-weight: bold; font-size: .9em; font-weight: bold; margin: 0px 0px 0px 0px;}
  h4.nospace  {margin: 0px 0px 0px 0px;}

a  {color: #a1962c; text-decoration: underline;}
  a:hover  {color: #000000; background-color: #a1962c; text-decoration: none;}

  a.nolink  {color: #919191; text-decoration: none;}
    a.nolink:hover  {color: #919191; background-color: transparent; text-decoration: none;}

.clearAll  {clear: both; font-size: .1em;}
.clearLeft  {clear: left; font-size: .1em;}
.clearRight  {clear: right; font-size: .1em;}
.floatRight {float: right;}
.floatLeft {float: left;}
.floatLeftPad {float: left; margin: 0px 10px 10px 0px;}
.floatRightPad {float: right; margin: 0px 0px 0px 10px;}
.centered  {text-align: center;}

.footnote  {font-size: .8em;}
.note  {background-color: #FFFF00; color: #666666; font-style: italic; padding: 10px;}

.error  {border: 1px solid #AA0000; background-color: #FFEEEE; display: block; margin: 0px 0px 0px 0px; padding: 10px; color: #AA0000;}
  .error ul  {margin: 0px;}
    .error ul li  {margin: 0px 0px 0px 0px;}

#siteContainer  {width: 986px; height: auto; margin: 0px auto 20px auto; display: block; border-width: 0px 1px 1px 1px; border-style: solid; border-color: #222222; positioon: relative;}

    /******************/
   /* callout styles */
  /******************/
  #siteContainer #headerContainer  {width: 986px; height: 150px; background: url(../../media/images/site_header_bg.jpg) no-repeat 0px 0px; display: block; position: relative; text-align: right;}
      #siteContainer #headerContainer #logoCon  {position: absolute; top: 18px; left: 19px;}

      #siteContainer #headerContainer #headerCopy  {float: right; text-align: right; margin: 10px 19px 0px 0px; color: #FFFFFF; font-size: .9em; height: 35px;}

      #siteContainer #headerContainer #topNav  {margin: 61px 0px 0px 0px; width: auto; height: 44px; display: block; background: url(../../media/images/topnav_bg.png) repeat-x bottom left; float: right; text-align: left; padding: 0px 19px 0px 45px;}
        #siteContainer #headerContainer #topNav ul#inlineNav  {margin: 22px 0px 0px 0px; padding: 0px; font-size: .7em;}
          #siteContainer #headerContainer #topNav ul#inlineNav li  {float: left; margin: 0px 0px 0px 3px; padding: 0px; display: block;}
            #siteContainer #headerContainer #topNav ul#inlineNav li a  {color: #FFFFFF; text-decoration: none; display: block; padding: 3px 4px 1px 4px; height: 18px;}
              #siteContainer #headerContainer #topNav ul#inlineNav li a:hover  {color: #FFFFFF; text-decoration: none; background: url(../../media/images/inlinenav_bg.png) repeat 0px 0px;}
              #siteContainer #headerContainer #topNav ul#inlineNav li a img  {margin: 0px 3px 0px 0px; position: relative; top: 2px;}

  #siteContainer #mainContainer  {width: 986px; height: auto; background: url(../../media/images/main_bg.jpg) repeat-x 0px 0px; display: block; text-align: left;}

      /******************/
     /* callout styles */
    /******************/
    #siteContainer #mainContainer #callouts  {float: left; margin: 20px 0px 0px 20px; display: inline-block; width: 238px; height: auto; font-weight: bold;}

      #siteContainer #mainContainer #callouts h2  {line-height: 1.1em; margin: 0px 0px 5px 0px;}
      #siteContainer #mainContainer #callouts p  {margin: 0px 0px 0px 0px; font-size: .7em;}
      #siteContainer #mainContainer #callouts a  {text-decoration: none; color: #dbcd3c;}
        #siteContainer #mainContainer #callouts a:hover  {text-decoration: none; color: #000000;}

      #siteContainer #mainContainer #callouts #coLondonShoot  {margin: 0px 0px 20px 0px; display: block; width: 155px; height: 75px; background: url(../../media/images/callout_bg_london_shootfighters.jpg) no-repeat 0px 0px; padding: 10px 73px 10px 10px;}

      #siteContainer #mainContainer #callouts #coFreeTrial  {margin: 0px 0px 20px 0px; display: block; width: 155px; height: 75px; background: url(../../media/images/callout_bg_grappling.jpg) no-repeat 0px 0px; padding: 10px 73px 10px 10px;}

      #siteContainer #mainContainer #callouts #coMembership  {margin: 0px 0px 20px 0px; display: block; width: 145px; height: 75px; background: url(../../media/images/callout_bg_hooks.jpg) no-repeat 0px 0px; padding: 10px 83px 10px 10px;}

      #siteContainer #mainContainer #callouts #coDirectDebit  {margin: 0px 0px 20px 0px; display: block; width: 115px; height: 75px; background: url(../../media/images/callout_bg_direct_debit.jpg) no-repeat 0px 0px; padding: 10px 113px 10px 10px;}
  
      /****************************/
     /* home page content styles */
    /****************************/
    #siteContainer #mainContainer #mainSplash  {float: left; margin: 20px 0px 20px 19px; display: block; width: 690px; height: 325px;}
    #siteContainer #mainContainer .homeContent  {float: left; margin: 0px 0px 20px 19px; display: block; width: 464px; height: auto; font-size: .9em;}
  
      /**************************/
     /* subpage content styles */
    /**************************/
    #siteContainer #mainContainer #subContent  {float: left; margin: 20px 0px 20px 19px; display: block; width: 690px; height: auto; font-size: .9em;}
      #siteContainer #mainContainer #subContent ol  {margin: 0px 0px 10px 30px;}
        #siteContainer #mainContainer #subContent ol li  {margin: 0px 0px 10px 0px;}
      #siteContainer #mainContainer #subContent ul  {margin: 0px 0px 10px 30px;}
        #siteContainer #mainContainer #subContent ul li  {margin: 0px 0px 2px 0px;}
		#siteContainer #mainContainer #subContent ul#sitemap  {margin: 0px 0px 10px 0px; font-weight: bold;}
		  #siteContainer #mainContainer #subContent ul#sitemap li  {margin: 0px 0px 4px 0px; list-style: none;}
		    #siteContainer #mainContainer #subContent ul#sitemap li ul  {margin: 0px 0px 0px 20px;}
		      #siteContainer #mainContainer #subContent ul#sitemap li ul li  {list-style: none;}
      
      #siteContainer #mainContainer #subContent #contactCopy  {width: 190px; height: auto; float: left; display: block;}
      #siteContainer #mainContainer #subContent #contactMap  {width: 500px; height: auto; float: left; display: block;}
      
      #siteContainer #mainContainer #subContent table#timetable  {margin: 0px 0px 10px 0px;}
        #siteContainer #mainContainer #subContent table#timetable tr  {}
          #siteContainer #mainContainer #subContent table#timetable tr td  {margin: 2px; padding: 1px 5px 1px 5px; border: 1px solid #2A2A2A;}
            #siteContainer #mainContainer #subContent table#timetable tr td.day  {background-color: #2A2A2A; color: #FFFFFF; font-weight: bold;}
            #siteContainer #mainContainer #subContent table#timetable tr td.daywe  {background-color: #2A2A2A; color: #BBBBBB; font-weight: bold;}
            #siteContainer #mainContainer #subContent table#timetable tr td.timewe  {background-color: #1A1A1A;}
      
      #siteContainer #mainContainer #subContent table.classTimetable  {margin: 0px 0px 10px 0px; width: 100%;}
        #siteContainer #mainContainer #subContent table.classTimetable tr  {}
          #siteContainer #mainContainer #subContent table.classTimetable tr td  {vertical-align: top; font-size: .9em;}
            #siteContainer #mainContainer #subContent table.classTimetable tr td.colTitle  {background-color: #444444; vertical-align: top; font-size: 1.1em; font-weight: bold; color: #FFFFFF; padding: 5px 5px 5px 5px;}
            #siteContainer #mainContainer #subContent table.classTimetable tr td.dataCell  {}
      			  #siteContainer #mainContainer #subContent table.classTimetable tr td.dataCell .timeData  {display: block; font-size: .8em; padding: 2px 5px 2px 5px; background-color: #2A2A2A;}
      			  #siteContainer #mainContainer #subContent table.classTimetable tr td.dataCell .classData  {padding: 4px 5px 4px 5px; background-color: #1A1A1A; height: 47px;}

            #siteContainer #mainContainer #subContent table.classTimetable tr td.headingDay  {background-color: #6f191e; vertical-align: top; font-size: 1.1em; font-weight: bold; color: #FFFFFF; padding: 5px 5px 5px 5px;}
            #siteContainer #mainContainer #subContent table.classTimetable tr td.headingPrice  {background-color: #6f191e; vertical-align: top; font-size: 1.1em; font-weight: bold; color: #FFFFFF; padding: 5px 5px 5px 5px;}
      			  
              #siteContainer #mainContainer #subContent table.classTimetable tr td.classTime  {padding: 3px 5px 3px 5px; background-color: #1A1A1A; font-size: .85em;}
              #siteContainer #mainContainer #subContent table.classTimetable tr td.classDsc  {padding: 3px 5px 3px 5px; background-color: #1A1A1A; font-size: .85em;}
              #siteContainer #mainContainer #subContent table.classTimetable tr td.classPrice  {padding: 3px 5px 3px 5px; background-color: #1A1A1A; font-size: .85em;}

            #siteContainer #mainContainer #subContent table.classTimetable tr td.headingDaySel  {background-color: #c4000c; vertical-align: top; font-size: 1.1em; font-weight: bold; color: #FFFFFF; padding: 5px 5px 5px 5px;}
            #siteContainer #mainContainer #subContent table.classTimetable tr td.headingPriceSel  {background-color: #c4000c; vertical-align: top; font-size: 1.1em; font-weight: bold; color: #FFFFFF; padding: 5px 5px 5px 5px;}
      			  
              #siteContainer #mainContainer #subContent table.classTimetable tr td.classTimeSel  {padding: 3px 5px 3px 5px; background-color: #3A3A3A; color: #CCCCCC;}
              #siteContainer #mainContainer #subContent table.classTimetable tr td.classDscSel  {padding: 3px 5px 3px 5px; background-color: #3A3A3A; color: #CCCCCC;}
              #siteContainer #mainContainer #subContent table.classTimetable tr td.classPriceSel  {padding: 3px 5px 3px 5px; background-color: #3A3A3A; color: #CCCCCC;}


    /*****************/
   /* Footer styles */
  /*****************/
  #siteContainer #footerContainer  {width: 986px; height: auto; background: url(../../media/images/main_bg.jpg) repeat-x 0px 0px; display: block; text-align: right; padding: 15px 0px 5px 0px;}
    #siteContainer #footerContainer #footerCopy  {margin: 0px 20px 0px auto; font-size: .6em; text-align: right;}


    /**************/
   /* Nav styles */
  /**************/
  #siteContainer #navContainer  {width: 967px; height: 40px; background: url(../../media/images/nav_bg.jpg) repeat-x 0px 0px; display: block; text-align: left; padding: 0px 0px 0px 19px; font-size: .8em;}

    #siteContainer #navContainer ul#nav  {padding: 0px 0px 0px 0px; display: block; float: left; margin: 0px;}
      #siteContainer #navContainer ul#nav a {display: inline; float: left; color: #FFFFFF; font-weight: bold; text-decoration: none; height: 27px; text-align: left; margin: 0px 0px 0px 0px; padding: 13px 6px 0px 6px;}
    
      #siteContainer #navContainer ul#nav a.selected {display: inline; float: left; color: #FFFFFF; font-weight: bold; text-decoration: none; height: 27px; text-align: left; margin: 0px 0px 0px 0px; padding: 13px 6px 0px 6px; background: url(../../media/images/inlinenav_bg.png) repeat 0px 0px;}
        #siteContainer #navContainer ul#nav a:hover {background: url(../../media/images/inlinenav_bg.png) repeat 0px 0px;}
      
      /* all lists */
      #siteContainer #navContainer ul#nav, #siteContainer #navContainer ul#nav ul {margin: 0px; padding: 0px; list-style: none;}
    
      /* all list items */
      #siteContainer #navContainer ul#nav li {margin-left: 0px; float: left; position: relative; z-index: 10; text-align: center; list-style: none;}
      /* second-level lists */
      
      #siteContainer #navContainer ul#nav li ul {position: absolute; width: 222px; left: -999em; font-size: .9em;}
        #siteContainer #navContainer ul#nav li ul li {width: 222px; margin-left: 0px; color: #FFFFFF; text-align: left; background: url(../../media/images/subnav_bg.png) repeat-y 0px 0px;}
          #siteContainer #navContainer ul#nav li ul li.footer {width: 222px; height: 23px; margin-left: 0px; color: #FFFFFF; text-align: left; background: url(../../media/images/subnav_footer.png) no-repeat 0px 0px;}
          #siteContainer #navContainer ul#nav li ul li a  {display: block; width: 182px; height: auto; padding: 2px 4px 3px 16px; margin: 0px 0px 0px 10px;}
           #siteContainer #navContainer ul#nav li ul li a:hover  {background: url(../../media/images/inlinenav_bg.png) repeat 0px 0px;}
      
      /* lists nested under hovered list items */
      #siteContainer #navContainer ul#nav li:hover ul, #siteContainer #navContainer ul#nav li.sfhover ul {left: -10px; top: 40px;}
      #siteContainer #navContainer ul#nav li:hover ul.lastNav, #siteContainer #navContainer ul#nav li.sfhover ul.lastNav {left: -137px; top: 40px;}




  /*******************/
 /* Tool Tip styles */
/*******************/
.tooltipTitle  {width: 200px; height: auto; text-align: left; background-color: #FFFFFF; padding: 5px; background-color: #8CC63F; font-size: .7em; font-weight: bold; font-style: italic; color: #FFFFFF;}
  .tooltipTitle h4  {color: #FFFFFF; font-weight: bold; font-style: normal; font-size: 1.7em;}
.tooltipBody  {width: 198px; height: auto; text-align: left; background-color: #FFFFFF; padding: 5px; border: 1px solid #8CC63F; font-size: .8em;}



