*  {margin: 0px; padding: 0px;}
html {overflow: scroll;}
img, div {behavior: url(/includes/css/iepngfix.htc);}

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

img  {display: block; border: 0px;}
  img.leftImage  {float: left; margin: 0px 10px 10px 0px;}
  img.rightImage  {float: right; margin: 0px 0px 10px 10px;}
  img.inline {display: inline;}
  
a  {text-decoration : underline; color: #faab53; font-weight: bold;}
  a:hover  {text-decoration : none; background-color: #faab53; color: #FFFFFF;}
a.top {color: #666666; font-size: .9em;}

p  {margin: 0px 0px 10px 0px;}
p.small {margin: 0px 0px 10px 0px; font-size: .8em;}

form  {margin: 0px;}

h1  {font-size: 2.4em; padding: 0px; margin: 0px 0px 10px 0px; font-weight: normal; color: #ee1828;}
h2  {font-size: 1.6em; padding: 0px; margin: 0px 0px 0px 0px; font-weight: bold; color: #ee1828;}
h3  {font-size: 1.2em; padding: 0px; margin: 0px 0px 7px 0px; font-weight: normal; color: #ee1828;}

.smallText  {font-size: .9em;}
.quote {font-weight: bold; font-style: italic;}

.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 10px 10px;}

.centered  {text-align: center;}

ul.errorlist {padding: 5px 5px 5px 15px;}
  ul.errorlist li {color: #FF0000;}
  
ul.sitemap {padding: 5px 5px 5px 0px; font-weight: bold; color: #faab53;}
  ul.sitemap li {margin: 5px 0px 5px 18px;}
    ul.sitemap li ul li {list-style-type: none;}  
ul.sitemap a  {text-decoration : none; color: #faab53; font-weight: bold;}
  ul.sitemap a:hover  {text-decoration : none; background-color: #faab53; color: #FFFFFF;}



  /**************************/
 /* HEADER TEMPLATE STYLES */
/**************************/
#siteCon  {width: 972px; height: auto; margin: 0px auto 0px auto; display: block;}
  #siteCon #headerCon  {width: 972px; height: auto; display: block;}
    #siteCon #headerCon #logoCon  {width: 168px; height: auto; display: block; float: left;}
    #siteCon #headerCon #textCon  {width: 560px; height: auto; display: block; float: left; text-align: left; padding: 20px 20px 0px 25px;}
    #siteCon #headerCon #flashCon  {width: 199px; height: auto; display: block; float: left;}


    /***************************/
   /* CONTENT TEMPLATE STYLES */
  /***************************/
  #siteCon #bodyCon  {width: 972px; height: auto; display: block;}
    #siteCon #bodyCon #contentCon  {width: 837px; height: auto; float: left; display: inline-block; margin: 0px 15px 0px 0px;}
      #siteCon #bodyCon #contentCon #frameTop  {width: 837px; height: 19px; background: url(../../media/images/siteframe_top.jpg) no-repeat 0px 0px; display: block;}
      #siteCon #bodyCon #contentCon #frameBody  {width: 837px; height: auto; background: url(../../media/images/siteframe_bg.jpg) repeat-y 0px 0px; display: block; min-height: 600px;}
      #siteCon #bodyCon #contentCon #frameBot  {width: 837px; height: 24px; background: url(../../media/images/siteframe_bot.jpg) no-repeat 0px 0px; display: block; margin: 0px 0px 10px 0px;}
    #siteCon #bodyCon #skyscraperCon  {width: 120px; height: 600px; float: left; display: block; margin: 0px 0px 0px 0px;}


    /**************************/
   /* FOOTER TEMPLATE STYLES */
  /**************************/
  #siteCon #footerCon  {width: 972px; height: auto; display: block; text-align: left; font-size: .8em;}


        /**************/
       /* Nav styles */
      /**************/
      #siteCon #bodyCon #contentCon #frameBody #navCon  {width: 249px; height: auto; display: block; float: left; margin: 0px; text-align: left;}
        #siteCon #bodyCon #contentCon #frameBody #navCon ul#nav  {display: block; padding: 0px 0px 0px 22px;}
          #siteCon #bodyCon #contentCon #frameBody #navCon ul#nav li  {list-style: none;}
            #siteCon #bodyCon #contentCon #frameBody #navCon ul#nav li a  {text-decoration: none; color: #FFFFFF; text-align: center; font-weight: bold; font-size: 1.3em;}
              #siteCon #bodyCon #contentCon #frameBody #navCon ul#nav li a.home  {width: 146px; height: 42px; display: block; background: url(../../media/images/nav_home.jpg) no-repeat 0px 0px; padding: 20px 0px 0px 81px;227}
                #siteCon #bodyCon #contentCon #frameBody #navCon ul#nav li a.home:hover  {background: url(../../media/images/nav_home_o.jpg) no-repeat 0px 0px;}

              #siteCon #bodyCon #contentCon #frameBody #navCon ul#nav li a.product  {width: 146px; height: 90px; display: block; background: url(../../media/images/nav_products.jpg) no-repeat 0px 0px; padding: 30px 0px 0px 81px;}
                #siteCon #bodyCon #contentCon #frameBody #navCon ul#nav li a.product:hover  {background: url(../../media/images/nav_products_o.jpg) no-repeat 0px 0px;}

              #siteCon #bodyCon #contentCon #frameBody #navCon ul#nav li a.ailments  {width: 146px; height: 103px; display: block; background: url(../../media/images/nav_ailments.jpg) no-repeat 0px 0px; padding: 15px 0px 0px 81px;}
                #siteCon #bodyCon #contentCon #frameBody #navCon ul#nav li a.ailments:hover  {background: url(../../media/images/nav_ailments_o.jpg) no-repeat 0px 0px;}

              #siteCon #bodyCon #contentCon #frameBody #navCon ul#nav li a.downloads  {width: 146px; height: 90px; display: block; background: url(../../media/images/nav_downloads.jpg) no-repeat 0px 0px; padding: 30px 0px 0px 81px;}
                #siteCon #bodyCon #contentCon #frameBody #navCon ul#nav li a.downloads:hover  {background: url(../../media/images/nav_downloads_o.jpg) no-repeat 0px 0px;}

              #siteCon #bodyCon #contentCon #frameBody #navCon ul#nav li a.links  {width: 146px; height: 77px; display: block; background: url(../../media/images/nav_links.jpg) no-repeat 0px 0px; padding: 30px 0px 0px 81px;}
                #siteCon #bodyCon #contentCon #frameBody #navCon ul#nav li a.links:hover  {background: url(../../media/images/nav_links_o.jpg) no-repeat 0px 0px;}
                  
                  #siteCon #bodyCon #contentCon #frameBody #navCon ul#nav li.homeButt {background: url(../../media/images/nav_home.jpg) no-repeat 0px 0px;}
                  #siteCon #bodyCon #contentCon #frameBody #navCon ul#nav li.productButt {background: url(../../media/images/nav_products.jpg) no-repeat 0px 0px;}
                  #siteCon #bodyCon #contentCon #frameBody #navCon ul#nav li.commonButt {background: url(../../media/images/nav_ailments.jpg) no-repeat 0px 0px;}
                  #siteCon #bodyCon #contentCon #frameBody #navCon ul#nav li.freeButt {background: url(../../media/images/nav_downloads.jpg) no-repeat 0px 0px;}
                  #siteCon #bodyCon #contentCon #frameBody #navCon ul#nav li.usefulButt {background: url(../../media/images/nav_links.jpg) no-repeat 0px 0px;}

        /******************/
       /* CONTENT styles */
      /******************/
      #siteCon #bodyCon #contentCon #frameBody #bodyContent  {width: 533px; height: auto; display: inline-block; float: left; margin: 0px; padding: 14px 25px 0px 27px; text-align: left; float: left;}
        #siteCon #bodyCon #contentCon #frameBody #bodyContent #homeContent  {width: 533px; height: auto; display: block; background: url(../../media/images/content_bg.jpg) no-repeat 0px 0px; padding: 10px 0px 10px 0px;}
          #siteCon #bodyCon #contentCon #frameBody #bodyContent #homeContent h2  {font-size: 1.3em; margin: 0px 0px 10px 0px;}
          #siteCon #bodyCon #contentCon #frameBody #bodyContent #homeContent .prizeDrawCon  {width: 535px; height: 48px; background: url(../../media/images/button_home.jpg) no-repeat 0px 0px; display: block;}
            #siteCon #bodyCon #contentCon #frameBody #bodyContent #homeContent .prizeDrawCon a.prizeDraw  {font-size: .1em; color: #FFFFFF; width: 535px; height: 48px; background: url(../../media/images/button_home.jpg) no-repeat 0px 0px; display: block;}
              #siteCon #bodyCon #contentCon #frameBody #bodyContent #homeContent .prizeDrawCon a.prizeDraw:hover  {background: url(../../media/images/button_home_o.jpg) no-repeat 0px 0px;}

        #siteCon #bodyCon #contentCon #frameBody #bodyContent h2  {font-size: 1.4em; margin: 0px 0px 10px 0px;}
        #siteCon #bodyCon #contentCon #frameBody #bodyContent h3  {font-size: 1.3em; margin: 0px 0px 10px 0px; display: block; color: #EE1828; clear: both;}
          #siteCon #bodyCon #contentCon #frameBody #bodyContent h3 span.naturalLog  {display: block; float: left;}
          #siteCon #bodyCon #contentCon #frameBody #bodyContent h3 span.comicSans  {display: block; float: left; position: relative; top: -6px; font-size: 1.0em;}
          
        #siteCon #bodyCon #contentCon #frameBody #bodyContent .bulletOrange {margin-left: 0; padding-left: 0; list-style: none;}
        #siteCon #bodyCon #contentCon #frameBody #bodyContent .bulletOrange li {padding-left: 18px; background-image: url(../../media/images/bullet_orange.gif); background-repeat: no-repeat;}

        #siteCon #bodyCon #contentCon #frameBody #bodyContent .bulletRed {margin-left: 0; padding-left: 0; list-style: none;}
        #siteCon #bodyCon #contentCon #frameBody #bodyContent .bulletRed li {padding-left: 18px; background-image: url(../../media/images/bullet_red.gif); background-repeat: no-repeat;}


        /******************/
       /* PRODUCT styles */
      /******************/
      
        #siteCon #bodyCon #contentCon #frameBody #bodyContent #bodyContentLeft {float: left; width: 310px;}
        #siteCon #bodyCon #contentCon #frameBody #bodyContent #bodyContentRight {float: right; width: 216px;}

        /******************/
       /* LINKS styles ***/
      /******************/
      
      #siteCon #bodyCon #contentCon #frameBody #bodyContent .linkBox {margin-top: 20px;}
        #siteCon #bodyCon #contentCon #frameBody #bodyContent .linkBox .linkBoxCopy {float: left; width: 320px;}
          #siteCon #bodyCon #contentCon #frameBody #bodyContent .linkBox .linkBoxCopy a.titleLink {color: #faab53; font-size: 1.3em; text-decoration: none;}  
            #siteCon #bodyCon #contentCon #frameBody #bodyContent .linkBox .linkBoxCopy a.titleLink:hover {background-color: #faab53; color: #FFFFFF;} 
            #siteCon #bodyCon #contentCon #frameBody #bodyContent .linkBox .linkBoxCopy a {color: #666666; font-weight: bold; text-decoration: none;}
            #siteCon #bodyCon #contentCon #frameBody #bodyContent .linkBox .linkBoxCopy a:hover {background-color: #666666; color: #FFFFFF;}
          #siteCon #bodyCon #contentCon #frameBody #bodyContent .linkBox .linkBoxImage {float: left; text-align: center; padding-top: 16px; width: 207px;}


        /*********************/
       /* AILMENTS styles ***/
      /*********************/ 
      
      #siteCon #bodyCon #contentCon #frameBody #bodyContent .splitListLeft {width: 200px; float: left;}
      #siteCon #bodyCon #contentCon #frameBody #bodyContent .splitListRight {width: 200px; float: left; margin-left: 20px;}

      #siteCon #bodyCon #contentCon #frameBody #bodyContent #teethingTimetable {width: 100%;}
        #siteCon #bodyCon #contentCon #frameBody #bodyContent #teethingTimetable .title {width: 140px; font-weight: bold; vertical-align: top;}
      
      #siteCon #bodyCon #contentCon #frameBody #bodyContent #subNav {color: #FFFFFF; padding-top: 8px; background-image: url(../../media/images/links_subnav_bg.jpg); background-repeat: repeat-y; background-color: #c8c4c4;}
        #siteCon #bodyCon #contentCon #frameBody #bodyContent #subNav a {color: #FFFFFF; text-decoration: none; font-size: 1.1em;}
        #siteCon #bodyCon #contentCon #frameBody #bodyContent #subNav a.active {color: #f11828; text-decoration: none; font-size: 1.1em;}
          #siteCon #bodyCon #contentCon #frameBody #bodyContent #subNav a.active:hover {color: #f11828; text-decoration: none; font-size: 1.1em;}
          #siteCon #bodyCon #contentCon #frameBody #bodyContent #subNav #subNavTop {width: 100%; text-align: center; border-bottom: 1px dotted #FFFFFF;}
            #siteCon #bodyCon #contentCon #frameBody #bodyContent #subNav #subNavTop .links {padding-bottom: 6px;}
          #siteCon #bodyCon #contentCon #frameBody #bodyContent #subNav #subNavBottom {margin-top: 6px; padding: 10px auto 20px auto; width: 100%; text-align: center;}
          #siteCon #bodyCon #contentCon #frameBody #bodyContent #subNav #subNavBottom .links {padding-bottom: 0px;}

        /*********************/
       /* DOWNLOADS styles ***/
      /*********************/ 
        #siteCon #bodyCon #contentCon #frameBody #bodyContent .downloadBox {width: 257px; float: left; margin-top: 10px;}
          #siteCon #bodyCon #contentCon #frameBody #bodyContent .downloadBox .downloadBoxImage {float: left; width: 97px;}
          #siteCon #bodyCon #contentCon #frameBody #bodyContent .downloadBox .downloadBoxCopy {float: left; width: 150px; margin-left: 10px;}
            #siteCon #bodyCon #contentCon #frameBody #bodyContent .downloadBox .downloadBoxCopy a {font-size: 1.1em;}

        /**********************/
       /* COMPETITION styles */
      /**********************/

      #siteCon #bodyCon #contentCon #frameBody #bodyContent #frmCompetition {}
        #siteCon #bodyCon #contentCon #frameBody #bodyContent #frmCompetition .answer {margin: 3px 0px 3px 0px;}
          #siteCon #bodyCon #contentCon #frameBody #bodyContent #frmCompetition a {text-decoration: none; font-weight: bold;}
        
        #siteCon #bodyCon #contentCon #frameBody #bodyContent #frmCompetition .fieldText {margin-bottom: 3px;}
        #siteCon #bodyCon #contentCon #frameBody #bodyContent #frmCompetition .fieldValue {margin-bottom: 6px;}
          #siteCon #bodyCon #contentCon #frameBody #bodyContent #frmCompetition .fieldValue input {width: 100%; background-color: #ffe5a5; border: none; height: 20px;}
          #siteCon #bodyCon #contentCon #frameBody #bodyContent #frmCompetition .fieldValue select {background-color: #ffe5a5; border: none; height: 20px; width: 80px;}

            #siteCon #bodyCon #contentCon #frameBody #bodyContent #frmCompetition .fieldValue select.small {background-color: #ffe5a5; border: none; height: 20px; width: 48px;}

      
      
        #siteCon #bodyCon #contentCon #frameBody #bodyContent #bodyContentLeftCompetition {float: left; width: 266px;}
          #siteCon #bodyCon #contentCon #frameBody #bodyContent #bodyContentLeftCompetition #question {color: #ff6418; font-weight: bold; font-size: 1.1em;}
        #siteCon #bodyCon #contentCon #frameBody #bodyContent #bodyContentRightCompetition {float: right; width: 266px;}