body {
        font-family: Times New Roman;
        font-size: 14px;
        background: #fff;
        color: #00492c;
        margin: 0;
        height:auto;
}

/* There is already a h1, h2 in this stylesheet */

#content {
        width: 980px;
        background: #fff;
        margin: 0 auto;
}

#header {
        width: 980px;
        height: 145px;
}

#logo {
        float: left;
        margin-top: -10px;
}

#flower { 
        float:right;
        margin-right:80px;
        margin-top:3px; }


/* ------------------------------- 

        Navigation

--------------------------------*/



#navbar {

        float: left;

        width: 980px;

        height: 46px;

        background: url('images/nav_holistic_health_spa_wrexham_ruthin_north_wales.jpg') no-repeat;

        margin-top: -1px;

}



/* Root = Horizontal, Secondary = Vertical */

ul#nav {

  margin:0 0 0 19px;

  border: 0 none;

  padding: 0;

  list-style: none;

  width: 980px;

}



ul#nav li {

  margin: 0 -1px;

  border: 0 none;

  padding: 0;

  float: left; /*For Gecko*/

  display: inline;

  list-style: none;

  position: relative;

  height: auto;

  top:1px;
}



ul#nav ul {

  margin: 0;

  border: 0 none;

  padding: 0;

  width: 175px;

  list-style: none;

  display: none;

  position: absolute;

  top: 43px;

  left: 0px;

  height:130px;

  background: url(images/drop_down1_health_club_snowdonia_porthmadog_north_wales.png) no-repeat scroll 0 0;

  z-index: 100;
}



ul#nav ul:after /*From IE 7 lack of compliance*/{

  clear: both;

  display: block;

  font: 1px/0px serif;

  content: ".";

  height: 0;

  visibility: hidden;

}



ul#nav ul li {

  width: 320px;

  float: left; /*For IE 7 lack of compliance*/

  display: block !important;

  display: inline; /*For IE*/

}


ul#nav ul li ul li {

  width:321px;

}


ul#nav ul ul li a:hover {
  color:black;
}


/* Root Menu */

ul#nav a {

  padding:14px 16px;

  float: none !important; /*For Opera*/

  float: left; /*For IE*/

  display: block;

  color: #DFFFF2;

  font-size: 14px;

  text-decoration: none;

  height: auto !important;

  height: 1%; /*For IE*/

}



/* Root Menu Hover Persistence */

ul#nav a:hover,

ul#nav li:hover a,

ul#nav li.iehover a {

   color: #FFF;

   text-decoration:underline;

}



/* 2nd Menu */

ul#nav li:hover li a,

ul#nav li.iehover li a {

  float: none;

  padding:12px 0 0 15px;

  color: #fff;

}



/* 2nd Menu Hover Persistence */

ul#nav li:hover li a:hover,

ul#nav li:hover li:hover a,

ul#nav li.iehover li a:hover,

ul#nav li.iehover li.iehover a {

  color: #FFF;
  
  padding-right:147px;

}



/* 3rd Menu  IF I WANT TO CHANGE COLOUR THIS IS THE ONE*/

ul#nav li:hover li:hover li a,

ul#nav li.iehover li.iehover li a {

  color: #034C2F;

}



/* 3rd Menu Hover Persistence */

ul#nav li:hover li:hover li a:hover,

ul#nav li:hover li:hover li:hover a,

ul#nav li.iehover li.iehover li a:hover,

ul#nav li.iehover li.iehover li.iehover a {

  color: #034C2F;

}



/* 4th Menu */

ul#nav li:hover li:hover li:hover li a,

ul#nav li.iehover li.iehover li.iehover li a {

  background: #888 url("images/nav_bg.jpg") repeat-x top;

  border: 1px #0E0E0E solid;

  color: #fff;

}



/* 4th Menu Hover */

ul#nav li:hover li:hover li:hover li a:hover,

ul#nav li.iehover li.iehover li.iehover li a:hover {

  background: #888 url("images/nav_bg2.jpg") repeat-x top;

  color: #FFF;

}



ul#nav ul ul,

ul#nav ul ul ul {

  display: none;

  position: absolute;

  top: 2px;

  left: 173px;

  background: transparent url(images/drop_down2_spa_packages_abersoch_corwen_north_wales.png) no-repeat scroll 0 0;

  height:237px;

  width:196px;

  color:black;
}



/* Do Not Move - Must Come Before display:block for Gecko */

ul#nav li:hover ul ul,

ul#nav li:hover ul ul ul,

ul#nav li.iehover ul ul,

ul#nav li.iehover ul ul ul {

  display: none;

}



ul#nav li:hover ul,

ul#nav ul li:hover ul,

ul#nav ul ul li:hover ul,

ul#nav li.iehover ul,

ul#nav ul li.iehover ul,

ul#nav ul ul li.iehover ul {

  display: block;

}

ul#nav ul li a {
   color:black;
   text-decoration:none !important;
}


ul#nav ul li a:hover {
   text-decoration:underline !important;
}

il#nav ul ul li a {
   color:black !important;
   text-decoration:none;
}

/******************************************
        Main 
******************************************/

#main {
        clear: both;
        float: left;
        width: 980px;
        margin-top:10px;
        margin-bottom:10px;
}

#left_col {
        background:Url('images/box1_facial_treatments_bala_wrexham_north_wales.jpg') no-repeat;
        float: left;
        width: 463px;
        margin-left: 17px;
        margin-right: 0px;
        height:387px;
        overflow-x: hidden; overflow-y: auto;
}

#left_col h2  {
        font-size:16px;
        font-weight:normal;
        margin:15px 10px -9px;
        padding-bottom:4px;
        padding-left:8px;
}

#left_col h3  {
        font-size:16px;
        font-weight:bold;
        margin:14px 10px -5px;
        padding-left:8px;
}

#left_col h1  {
        font-size: 16px;
        padding-left: 8px;
        margin:10px 10px;
        font-weight:normal;
}

#left_col h4  {
        font-size:14px;
        font-weight:bold;
        margin-bottom:0;
        margin-left:12px;
        margin-right:10px;
        padding-left:8px;
        padding-top:0px;
}

#left_col p{
        padding-left: 20px;
        width: 425px;
}

#left_col .small_box {
        background: transparent url('images/small_box_spa_retreat_clwyd_denbigh_ruthin_north_wales.png') repeat-y;
        width:439px;
        height:auto;
        margin:0 auto;
}

#left_col .small_box_top {         
        margin:20px auto -19px; 
        width:439px; 
        height:16px; 
}

#left_col .small_box_bottom {         
        margin:-14px auto 10px; 
        width:439px; 
        height:16px; 
}

#left_col .small_box h4  {
        font-size:14px;
        margin-bottom:-8px;
        margin-left:10px;
        margin-right:10px;
        padding-left:8px;
        padding-top:0px;
}

#left_col .small_box p  {
        text-align:justify;
        width:400px;
}

#text{
        float: left;
        margin-top:-16px;
        font-family:arial;
        font-size:10pt;
}

ul#first_list {
        clear: both;
        float: left;
        width: 175px;
        margin: 0px;
        margin-top: 0px;        
        padding-bottom:16px;
}

ul#first_list {
        margin: 0 2px;
}

ul#second_list {
        float: right;
        width: 182px;
        margin: 0px;
        margin-top: 0px;
        padding-bottom:33px;
}

ul#second_list {
        margin: 0 2px;
}

ul#first_list, ul#second_list { margin-top:-10px; }

#right_col {
        float: right;
        width: 472px;
        height:388px;
        margin-right:18px;
}

#right_col a img {  border-style: none; }

table {
        border-collapse:collapse;
        font-size:13px;
        text-align:left;
        width:430px;
        margin:0 auto;
        margin-bottom:25px;
}

th {
        border-bottom:2px solid green;
        font-size:14px;
        font-weight:normal;
        padding:10px 8px;
}

td {
        border-bottom:1px solid #99DFC2;
        padding:6px 8px;
}


tbody tr:hover td {
        background:#e3faf1;
}

#footer {
        clear: both;
        background: Url('images/footer_technogym_health_club_fitness_suite_wrexham_north_wales.jpg') no-repeat bottom left;
        width: 944px;
        height: 64px;
        text-align: center;
        margin:0 auto;
        margin-bottom:20px;
}


#footer #small_logo { float:left; margin-left:15px; }

#footer #lif { 
        float:left;
        margin-left:51px;
        margin-top:8px; 
}

#footer #erdif {
        float:left;
        margin-left:15px;
        margin-top:8px; 
}

#footer p { 
        float:right;
        font-size:15px;
        margin-right:15px;
        text-align:right;
}

#footer p a { color: #00492c; text-decoration: none; }
#footer p a:hover { text-decoration: underline; }


/*
-----------Scrollbar--------------
*/

.scroll-track{
 height:10px;
 width:10px;
 background:none;
}

.scroll-handle{
 border: 1px solid #5ACFA6;
 height:10px;
 width:10px;
 background:#8BDFC2;
 cursor:pointer;
}

.scroll-track-top {
  background-image: url("images/up_jessica_simpson_hair_extensions_bala_pwllheli_north_wales.png");
  height: 10px;
  width: 10px;
  top: 1px;
}

.scroll-track-bot {
  background-image: url("images/down_wella_professional_hair_care_prestatyn_north_wales.png");
  height: 10px;
  width: 10px;
  bottom: 1px;
}

#stables_menu { text-align:center; }

.category_buttons { 
  margin-left:17px;
  height:66px;
}

.category_buttons_big {
  margin-left:17px;
  height:150px;
}

.category_button { 
  background: transparent url('images/category_button_wody_wraps_decleor_porthmadog_north_wales.png') no-repeat;
  width:104px !important;
  height:71px;
  border:medium none;
  margin-left:2px;
  float: left;
}

.category_buttons .category_button p { 
   color:#00492C;
   font-size:13pt;
   margin-top:12px;
   padding-left:14px !important;
   text-align:center;
   width:75px !important; 
   text-decoration: none;
   text-decoration:none;
}

.category_buttons_big .category_button p {
   color:#00492C;
   font-size:13pt;
   margin-top:12px;
   padding-left:10px !important;
   text-align:center;
   width:84px !important;
   text-decoration: none;
   text-decoration:none;
}

.category_buttons_big .category_button a p, .category_buttons .category_button a p { text-decoration: none !important; }

.back_next_buttons {
  margin-left:17px;
  height:34px;
}

.back_next_buttons .next {
   border:medium none;
   float:right;
   height:43px;
   margin-right:20px;
   width:105px !important;
   text-decoration:none;
}

.back_next_buttons .back {
  width:106px !important;
  height:42px;
  border:medium none;
  margin-left:2px;
  float: left;
  text-decoration:none;
}

.newsStoryFull #back a { 
  background: transparent url('images/plain_button_health_beauty_spa_aromatherapy_rhuddlan_castle_north_wales.png') no-repeat;
  width:85px !important;
  height:34px;
  border:medium none;
  margin-right:0px;
  float: right;
  color:#00492C;
  padding-top:9px;
  text-decoration:none;
  margin-top:0px;
}

.morenews a { 
  background: transparent url('images/plain_button_health_beauty_spa_aromatherapy_rhuddlan_castle_north_wales.png') no-repeat;
  width:85px !important;
  height:34px;
  border:medium none;
  margin-right:10px;
  float: right;
  color:#00492C;
  padding-top:9px;
  text-decoration:none;
  margin-top:7px;
}

.newsStory { margin-bottom:50px; }
.newsStoryFull #back a { padding-left:38px; }
.morenews a { padding-left: 21px; }

#left_col .newsStoryFull h1 {
  font-size:19px;
  font-weight:normal;
  margin:10px 0 -5px 10px;
  padding-left:8px;
}

#left_col .newsStory a h2 {
  font-size:17px;
  font-weight:normal;
  margin:15px 10px -9px;
  padding-bottom:4px;
  padding-left:8px;
  color: #00492C; 
  text-decoration:none;
}

#left_col .newsStory h3 {
  font-size:15px;
  font-weight:bold;
  margin:14px 10px -5px;
  padding-left:8px;
  float: left;
}

#subscribe_button {
  border:medium none;
  float:left;
  margin-left:55px;
  margin-top:10px;
}

#subscribe_page {  }
#subscribe_page table { margin-top: 20px; }
#subscribe_page table td { border: medium none; }

#subscribe_page #button, #enquiry_button {
  background:transparent url(images/plain_button_health_beauty_spa_aromatherapy_rhuddlan_castle_north_wales.png) no-repeat scroll 0 0;
  border:medium none;
  color:#00492C;
  text-decoration:none;
}

#subscribe_page #button {
  height:43px;
  margin-left:-3px;
  margin-top:15px;
  padding-bottom:6px;
  width:104px !important;
}

#enquiry_button {
  height:44px;
  margin-left:20px;
  margin-top:10px;
  padding-bottom:6px;
  width:101px !important;
}

#enquiries table { width:400px !important; margin-top:15px; }
#enquiries table td { border-bottom: none; }
#enquiries table textarea { width:263px; }
#enquiries #submit input {
  background: url(images/submit_button_spa_parties_pampering_snowdonia_flint_north_wales.png) no-repeat;
  width:75px;
  height:33px;
  border:medium none;
}
#enquiries tbody tr:hover td {
        background: none;
}

#facebook-icon {
    float: left; 
    height: 75px; 
    width: 75px;
    margin-left: 20px;
}

#twitter-icon {
    float: left; 
    background: url("images/twitter.png") no-repeat; 
    height: 75px; 
    width: 75px;
}

#twitter-icon a, #facebook-icon a {
    text-decoration: none;
}

#twitter-icon a img, #facebook-icon a img {
    border: none;
}
