@charset "utf-8";
/* © Copyright 2008 Birmingham Fibroid Clinic
--------------------------------*/

/*--------------------------------

CONTENTS

Navigate to the applicable region
using the following headers as a
placeholder.

=MASTHEAD
=MENU
=CONTENT
=PANEL
=SECONDARY MENU
=SITEMAP
=FOOTER
=FEATURED
=SWAPPER

COLOURS

Blue-grey header           #556677
Main window grey	   #666666
Border grey		   #333333
Anchor link grey	   #444444
Secondary menu grey        #778899
Orange			   #f78d1d
Form grey		   #ffffee
Form border grey           #999999

--------------------------------*/

* {
  margin: 0;
  padding: 0;
  border: 0;
}

body {
  background-color: #666;
  color: white;
  margin: 40px 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 75%;
}

h1 { display: none; }

h2 {
  color: #567;
  background-color: inherit;
  text-transform: uppercase;
  font-size: 110%;
  margin-bottom: 1.5em;
}

h3 {
  color: #567;
  background-color: inherit;
  /*text-transform: uppercase;*/
  font-size: 105%;
  margin: 1.5em 0;
}

p, li {
  color: #567;
  background-color: inherit;
  font-size: 100%; 
}

p { margin-bottom: 1.5em; }

a:link {
  color: #444;
  background-color: inherit;
} 

a:visited {
  color: #567;
  background-color: inherit;
}

a:hover {
  color: black;
  background-color: inherit;
  text-decoration: underline;
}

/* Structural identifiers */
/* ---------------------- */

  div#container {
    width: 760px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    padding: 2px;
    background: white url("/media/b3ac383d99914b16a663bc4c6a017883.gif") bottom no-repeat;
    color: #567;
    border: 1px solid #333;
  }

    /* =MASTHEAD
    ----------*/

    div#container div#masthead {
      width: 760px;
      height: 142px;
      background: url("{404}") no-repeat bottom left;
      text-align: left;
    }

      div#container div#masthead #logo {
        margin: 0;
      }

    /* =MENU
    ------*/
  
    div#container #primaryMenu {
      width: 760px;
      height: 22px;
      background: url("{404}") no-repeat top left;
    }

        div#container #primaryMenu ul.menu {
          margin: 0 11px;
        }
  
          div#container #primaryMenu ul.menu a:link, #primaryMenu ul.menu a:visited {
            color: #333;
            background-color: transparent;
            font-weight: bold;
            text-decoration: none;
            display: block;
            height: 22px;
            width: 100%;
          }

          div#container #primaryMenu ul.menu a:hover, div#container #primaryMenu ul.menu a:active {
            color: white;
            background-color: inherit;
          }
  
          #primaryMenu ul.menu li {
            color: #333;
            background-color: inherit;
            font-size: 75%;
            text-transform: uppercase;
            height: 22px;
            list-style: none;
            display: block;
            float: left;
          }
	
            #primaryMenu ul.menu li a:link, #primaryMenu ul.menu li a:visited {
              border-bottom: none;
            }
	
            #primaryMenu ul.menu li.home, #primaryMenu ul.menu li.home_selected {
              width: 55px;
              line-height: 1.5em;
              text-align: center;
              background: url("/media/cd7c53e4c933466c9df32e11a38c18a3.png") no-repeat;
            }
	  
              #primaryMenu ul.menu li.home_selected {
                background: url("/media/2208723d99984a5f88fc1200aa414ae3.png") no-repeat;
                color: white;
              }
		
              #primaryMenu ul.menu li.home a:hover {
                background: url("/media/8d05f0abcd604f3c88da729814d6c28c.png") no-repeat;
                color: white;
                background-color: transparent;
              }

              #primaryMenu ul.menu li.specialists, #primaryMenu ul.menu li.specialists_selected {
                width: 51px;
                line-height: 1.5em;
                text-align: center;
                background: url("/media/7ca1b17eeca54fdca2d2e08d0fb85197.gif") no-repeat;
              }
	  
              #primaryMenu ul.menu li.specialists_selected {
                background: url("/media/9b367b95b6684e299d5de79fbe0042a6.gif") no-repeat;
                color: white;
              }
		
              #primaryMenu ul.menu li.specialists a:hover {
                background: url("/media/db86e6cf4bb54e3a9ff61cc5de743604.gif") no-repeat;
                color: white;
                background-color: transparent;
              }
		
              #primaryMenu ul.menu li.services, #primaryMenu ul.menu li.services_selected {
                width: 81px;
                line-height: 1.5em;
                text-align: center;
                background: url("/media/dcb1e2eb1eff4ca5846a57900b45a7be.png") no-repeat;
              }
	  
              #primaryMenu ul.menu li.services_selected {
                background: url("/media/7fd5f620bf1f4282839226cda997381c.png") no-repeat;
                color: white;
              }
		
              #primaryMenu ul.menu li.services a:hover {
                background: url("/media/77da76fbfcf746a58154aefd59e30f60.png") no-repeat;
                color: white;
                background-color: transparent;
              }
		
              #primaryMenu ul.menu li.whats-new, #primaryMenu ul.menu li.whats-new_selected {
                width: 105px;
                line-height: 1.5em;
                text-align: center;
                background: url("/media/cd065fd0eab44fcea2bac0fd2b06897f.png") no-repeat;
              }
	  
              #primaryMenu ul.menu li.whats-new_selected {
                background: url("/media/faaf84de6e3b4d3d8d4a63dd3337f558.png") no-repeat;
                color: white;
              }
		
              #primaryMenu ul.menu li.whats-new a:hover {
                background: url("/media/03bdb423c7dc402798a8cda119b91694.png") no-repeat;
                color: white;
                background-color: transparent;
              }
		
              #primaryMenu ul.menu li.downloads, #primaryMenu ul.menu li.downloads_selected {
                width: 99px;
                line-height: 1.5em;
                text-align: center;
                background: url("/media/72b9d684fa4546f39a5905805adeeb88.png") no-repeat;
              }
	  
              #primaryMenu ul.menu li.downloads_selected {
                background: url("/media/f40fec3b51e94671a868562cbce2f462.png") no-repeat;
                color: white;
              }
		
              #primaryMenu ul.menu li.downloads a:hover {
                background: url("/media/a7fcb86f0d304a39914089bdc71ce1cb.png") no-repeat;
                color: white;
                background-color: transparent;
              }
		
              #primaryMenu ul.menu li.links, #primaryMenu ul.menu li.links_selected {
                width: 55px;
                line-height: 1.5em;
                text-align: center;
                background: url("/media/8086e38b32364c17853d807e3b0f59ab.png") no-repeat;
              }
	  
              #primaryMenu ul.menu li.links_selected a:link, #primaryMenu ul.menu li.links_selected a:visited {
                background: url("/media/1f6fdbc8d0464702a4f8cf44b2b09187.png") no-repeat;
              }
		
              #primaryMenu ul.menu li.links a:hover {
                background: url("/media/8f3c83737a644bf584bdb8633f0427f7.png") no-repeat;
                color: white;
                background-color: transparent;
              }
		
              #primaryMenu ul.menu li.overseas, #primaryMenu ul.menu li.overseas_selected {
                width: 137px;
                line-height: 1.5em;
                text-align: center;
                background: url("/media/b519937f7e4b4a0a8eeb336376bfd81e.png") no-repeat;
              }
	  
              #primaryMenu ul.menu li.overseas_selected a:link, #primaryMenu ul.menu li.overseas_selected a:visited {
                background: url("/media/a1bd61609f92431098557de93f5ec720.png") no-repeat;
              }
		
              #primaryMenu ul.menu li.overseas a:hover {
                background: url("/media/cdd953db2c774fb3bb0c129733798662.png") no-repeat;
                color: white;
                background-color: transparent;
              }
		
              #primaryMenu ul.menu li.contact, #primaryMenu ul.menu li.contact_selected {
                width: 78px;
                line-height: 1.5em;
                text-align: center;
                background: url("/media/d41dc152f8634dbb9c1003772e64c0d0.png") no-repeat;
              }
	  
              #primaryMenu ul.menu li.contact_selected a:link, #primaryMenu ul.menu li.contact_selected a:visited {
                background: url("/media/c03c242ad5ce464696531e587303157d.png") no-repeat;
              }
		
              #primaryMenu ul.menu li.contact a:hover {
                background: url("/media/b7edea26774b4845a01251c2d32a3500.png") no-repeat;
                color: white;
                background-color: transparent;
              }
		
              #primaryMenu ul.menu li.home_selected a,
              #primaryMenu ul.menu li.specialists_selected a,
              #primaryMenu ul.menu li.services_selected a,
              #primaryMenu ul.menu li.whats-new_selected a,
              #primaryMenu ul.menu li.services_selected a,
              #primaryMenu ul.menu li.downloads_selected a,
              #primaryMenu ul.menu li.links_selected a,
              #primaryMenu ul.menu li.overseas_selected a, 
              #primaryMenu ul.menu li.contact_selected a {
                color: #dc3500;
              }

  /* =PANEL
  -------*/
		
  #panelDetail {
    width: 760px;
    height: 24px;
    background: url("/media/9c2cdc27cbb9422686340af284f09407.gif") no-repeat;
  }

  /* =SECONDARY MENU
  ----------------*/

  #secondaryMenu {
    position: relative;
    left: 0;
    width: 180px;
    margin: 0 10px 22px 0;
    padding-top: 6px;
    color: #666;
    text-transform: uppercase;
    font-weight: bold;
    text-align: left;
    float: left;
  }

    #secondaryMenu ul.menu {
      margin: 15px 0;
    }

      #secondaryMenu ul.menu a:link {
        text-decoration: none;
      }

      #secondaryMenu ul.menu a:visited {
        text-decoration: none;
      }

      #secondaryMenu ul.menu a:hover {
        text-decoration: underline;
      }

      #secondaryMenu ul.menu a:active {
        text-decoration: underline;
      }
  
      #secondaryMenu ul.menu li {
       background-color: inherit;
       color: #dc3500;
      	margin: 11px 0;
      	padding: 0 0 11px 20px;    
      	width: 156px;
      	font-size: 95%;
       list-style: none;
      	background: url("/media/9e9ef1649f89497e9252a071e583d31e.gif") no-repeat top left;
      	border-bottom: 1px dotted white;
      }
	
 	  #secondaryMenu ul.menu li a {
	    color: #dc3500;
	    border-bottom: none;
	  }
	
	    #secondaryMenu ul li ul li a {
	      color: #666;
	      border-bottom: none;
	      font-size: 105%;
	    }
	
	  #secondaryMenu ul.menu li ul {
	    margin-left: 15px;
            margin: 0;
	  }
	  
	  #secondaryMenu ul.menu li ul li {
	    position: relative;
	    top: 4px;
	    left: 4px;
	    width: 115px;
	  }

	  #secondaryMenu ul.menu li ul li a {
    color: #666;
   }

	  #secondaryMenu ul.menu li ul li.openMRI, #secondaryMenu ul.menu li ul li.openMRI_selected {
	    font-size: 105%;
	  }
	  
	    #secondaryMenu ul.menu li ul li {
              background: url("/media/c303d0cf6c7f43b0afa3f78f70c051f9.gif") no-repeat top left;
              margin-left: 0;
              padding-left: 18px;
              padding-bottom: 5px;
              border-bottom: none;
           }
		
           #secondaryMenu ul.menu li ul li ul {
             margin: 0 0 -10px 0;
           }
		
             #secondaryMenu ul.menu li ul li ul li {
               font-size: 90%;
             }

/* =CONTENT
---------*/

#contentcontainer {	
  background: url("/media/b1f2f62500034231be35fa9b93220c36.gif") repeat-y top left;
}

.content {
  border-left: solid 1px #f78b1e;
  position: relative;
  left: 0;
  width: 310px;
  margin: 10px 10px 0 0;
  padding: 0 0 10px 10px;
  float: left;
  text-align: left;
}

.content.form {
  width: 521px;
}

#powerPanel {
  position: relative;
  left: 0;
  width: 236px;
  margin: 0 1px 0 0;
  float: left;
  text-align: left;
}
	  
  #image-01 img, #image-02 img {
    width: 230px;
  }
  
    #image-01 img {	
	     margin-top: 2px;
      border: 3px solid #f78d1d;
    }
	
    #image-02 img {
      border: 3px solid #789;
    }
				
  #image-02 {
    position: relative;
    left: 0px;
    margin: 0 1px 22px 0;
    float: left;
  }
  
#broad {
  width: 760px;
  clear: both;
  text-align: left;
}

  #broad .content {
    width: 512px;
    margin: 2px 10px 22px 0;
  }

/* =SITEMAP
--------*/

 #sitemap {
  clear: both;
  margin: 22px 1px 0 1px;
  padding: 20px;
  min-height: 200px;
  text-align: left;
 }

  #siteTitle h2 {
   color: #f15c22;
   width: 150px;
   height: 150px;
   display: block;
   float: left;
   font-size: 2.5em;
   text-transform: none;
  }

  #sitemap h3 {
   margin: 15px 0 0;
   color: #b90f08;
   text-transform: none;
  }

  #sitemap a {
   color: #b90f08;
   text-decoration: none;
  }

  #sitemap a:hover {
   text-decoration: underline;
  }

  .siteContent {
   float: left;
   width: 185px;
  }

   .siteContent ul {
    float: left;
    list-style: none;
    margin: 0;
   }

    .siteContent li {
     margin: 0;
    }

/* =FOOTER
--------*/
  
#footer {
  width: 748px;
  padding: 5px;
  clear: both;
  margin: 3px 1px 1px 1px;
  background-color: #f78d1d;
  color: white;
}

  #footer p {
    color: white;
    background-color: inherit;
    font-size: 75%;
    margin-bottom: 0;
  }

/* Form identifiers
-----------------*/

fieldset {
  border: 1px solid #999;
  width: 100%;
}

table:hover, fieldset:hover {
  background-color: #eef;
  color: inherit;
}

legend {
  font-size: 75%;
  font-weight: bold;
}

label {
  font-size: 75%;
  font-weight: normal;
}

input {
  border: 1px solid #789;
  font-size: 75%;
  color: #333;
  background-color: inherit;
}

input:focus, textarea:focus, select:focus {
  background-color: #ffc;
  color: inherit;
}

select {
  font-size: 75%;
  color: #333;
  background-color: inherit;
}

textarea {
  width: 160px;
  border: 1px solid #789;
}

.content.form textarea {
  width: 320px;
}

.cancel, .submit {
  width: 50px;
  margin-right: 2px;
}

.submit {
 float: left;
}

.cancel {
 float: right;
 margin-right: 250px;
}

.error { padding: .8em; margin-bottom: 1em; background: #FBE3E4; color: #D12F19; border: 2px solid #FBC2C4; }
.error ul { list-style: none; }
.error p, .error li { color: #D12F19; }
.error p { font-weight: bold; }

.content.form p {
  font-weight: bold;
}

/* Content Features
-----------------*/

.alignLeft {
  float: left;
  margin: 40px 5px 10px 0;
}

.alignRight {
  float: right;
  margin: 40px 0 10px 5px;
}

#secondaryMenu ul.menu li.fibroid {
  font-size: 95%;
  font-weight: bold;
}

/* =FEATURED
----------*/

.featured {
  width: 100%;
  margin-top: 10px;
  border: 1px solid #f78d1d;
  margin-bottom: 2px;
}

.featured h3 {
  font-size: 120%;
  width: 100%;
  background-color: #f78d1d;
  color: white;
  padding: 5px 0;
  margin: 0;
  text-align: center;
}

.featured p {
  width: 224px;
  margin: 5px 0 5px 4px;
}

.featured p a:link, .featured p a:visited {
  display: block;
  width: 212px;
  border: 1px solid #789;
  text-decoration: none;
  background-color: #789;
  color: white;
  text-align: center;
  font-weight: bold;
  font-size: 1.2em;
  padding: 0.5em;
}

/* =SWAPPER
------------*/
 	
div.textSwapper {
 width: 236px;
 margin: 3px 0;
}
  
  div.textSwapper div.header {
   width: 24px;
   float: left;
   height: 138px;
   position: relative;
   left: 1px;
   z-index: 2;
  }
		
    div.textSwapper div.header ul.swapLinks {
     list-style: none;
     height: 138px;
    }
				
      div.textSwapper div.header ul.swapLinks li.swapLink {
       display: block;
       width: 24px;
       height: 89px;
      }
						
        div.textSwapper div.header ul.swapLinks li.swapLink a, div.textSwapper div.header ul.swapLinks li.swapLink_selected a {
          display: block;
          height: 89px;
          width: 24px;
          border-bottom: none;
        }
								
          div.textSwapper div.header ul.swapLinks li.swapLink a span,
          div.textSwapper div.header ul.swapLinks li.swapLink_selected a span {
            display: none;
          }
								
            div.textSwapper div.header ul.swapLinks li#mod_testimonial_prv0_testimonial_0_lnkA.swapLink a,
            div.textSwapper div.header ul.swapLinks li#mod_testimonial_prv0_testimonial_0_lnkB.swapLink a  {
              background: url("/media/bc2512c081d54a3cbc825b60e1c11056.gif") no-repeat;
            }
										
            div.textSwapper div.header ul.swapLinks li#mod_testimonial_prv0_testimonial_0_lnkA.swapLink_selected a,
            div.textSwapper div.header ul.swapLinks li#mod_testimonial_prv0_testimonial_0_lnkB.swapLink_selected a  {
             border-bottom: none;
             background: url("/media/e7eb18276a9e4f25b13cff123fd84fb6.gif") no-repeat;
            }
						
  div.textSwapper div.content {
    height: 230px;
    width: 137px;
    float: left;
    border: 1px solid #999;
    clear: none;
    margin: 0;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-style: italic;
    text-align: center;
    font-weight: bold;
    font-size: 100%;
    margin: 0; padding: 30px 10px 30px 60px;
    background: url("/media/85631565a96e4c60904ef3b26ad03851.gif") no-repeat left #ddd;
    z-index: 1;
  }
				
  div.textSwapper div.content p { margin: 0; padding: 0 0 1em 0; word-wrap: break-word }
				
  div.textSwapper div.content address { padding: 0; font-style: normal; text-align: left; font-family: Arial, Helvetica, sans-serif; }
				
				
				
/* End of textSwapper
-------------------*/

.backToTop {
  font-size: 75%;
  text-transform: uppercase;
  margin-top: 1.5em;
}

.cms_module {
  margin-bottom: 1.5em;
}

.cms_mediaLink_pdf {
	background-image: url("/admin/images/filetype_pdf.gif");
	background-repeat: no-repeat;
	background-position: top left;
	padding-left: 18px;
	padding-top: 3px;
	margin-top: 7px;
}

.news_clear {
 clear: both;
}

/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */

.clear { display: inline-block; }   
.clear:after, .container:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}
* html .clear { height: 1%; }
.clear { display: block; }

/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}