/* Style sheet for Browne's Hair */

/* general stuff... */
  * {padding:0; margin:0; border:none; }
  body {text-align:center; margin-top:25px; font:small arial, tahoma, sans-serif; color:#F0F0F0; background:fixed #000000;}
  /* pagewrapper lets the page float yet still sit in the middle of the body window... */
  div.pagewrapper {margin:0 auto; width:70%; min-width:800px;}
  div.page {float:left; clear:left; display:inline; width:100%; padding-bottom:15px; border:none;
        text-align:left; font-size:100%; background-color:#000000;}
  /* bodges for IE... */
  * html body {font-size:x-small; f\ont-size:small;}  /* IE5 font size bug */
  * html div.pagewrapper {width:800px;}               /* fixed width for IE<7 */

/* banner & menu stuff... */
  div.banner {border-top: solid #F0F0F0 2px; border-bottom: solid #F0F0F0 2px;}
  img.logo      {padding:9px 10px 9px 10px;}
  div.banner ul {float:right; margin-top:2px; list-style:none;}
  div.banner li {float:left; margin-left:5px; list-style:none;}
  div.banner a  {text-decoration:none;}
  div.banner img {border:none;}
  #navStart      {float:right; clear:right; display:inline;}
  div#mnuStart   {display:none; text-align:left; padding:5px; color:#E0E0E0; background-color:#333333;
                    position:absolute; left:0px; top:-200px; border:solid 1px #FFFFFF;}
  #mnuStart ul   {list-style:none;}
  #mnuStart li   {list-style:none; color:#CCCCCC;}
  #mnuStart a    {color:#E0E0E0; text-decoration:none;}
  #mnuStart a:hover {color:#000000; text-decoration:none; background:#F0F0F0;}

/* page content... */
  table {width:100%;}
  #col1    {padding:0 10px; text-align:left; vertical-align:top;}
  #col2top {padding:0 10px; text-align:left; vertical-align:top;}
  #col2btm {padding:0 10px; text-align:center; vertical-align:bottom;}
  #mainPic {border:none;}
  .content p {padding:10px 10px 0 10px;}
  div.content {padding:30px 0; border-bottom: solid #F0F0F0 2px;}
  p.rave {font-style:italic;}

  a#gmap {font-size:85%; color:#E0E0E0; text-decoration:none;}
  a#gmap:hover {font-size:85%; color:#FFFFFF; background:url(imgs/mnubkgndhi.gif) left 50% repeat-x; text-decoration:none;}

/* footer... */
  div#footer {}
  p.address {float:left; clear:left; display:inline; text-align:left; margin:2px 0 10px 1px;}
  p.phone   {float:right; clear:right; display:inline; text-align:right; margin:2px 1px 10px 0;}
  p.byeline {float:left; clear:left; display:inline; text-align:left; margin:2px 0 10px 1px; font-size:85%; color:#CCCCCC;}
  .byeline a {color:#999999; text-decoration:none;}
  .byeline a:hover {color:#80E0FF; text-decoration:none;}

/* Products page... */
  #yuko, #mitchell {float:left; clear:left; margin:3px 5px;}
  #racoon, #lanza {float:left; margin:3px 25px;}


/* Prices page... */
  table.prices {}
  .prices td {padding:0 5px 0 10px; text-align:left; vertical-align:top;}
  .prices td.price {width:80px; text-align:right;}
  .prices tr.firstrow td {padding-top:10px;}

/* Contact Us page... */
  table.intouch {}
  table.intouch td {padding:10px 5px 5px 10px; text-align:left; vertical-align:top;}
  #pageContact #col2btm p {padding:10px 5px 5px 10px; text-align:left;}