/* Hair Wig Go CSS **/

body {background-color:#fff; color: #000;  font-family: Verdana, Helvetica, sans-serif;}
p{text-align: left; }
ul {text-align: left; font-size: 0.8em;}
ol {text-align:left; font-size: 0.8em;}

a {color: #000033; text-decoration: none; }
a:visited {color: #666666; text-decoration: none; }
a:hover {color: #903; text-decoration: underline; }
a:active {color: #235379; text-decoration: underline; }

#main {width: 60em; text-align: left; margin-left: auto; margin-right: auto; margin-bottom:1em;  background-color: #fff;  padding-bottom: 0em;}

#header {height: 11em; background-color: #fff; background-image:url(images/logo-250.jpg); background-repeat:no-repeat; background-position:left; z-index: auto; }
#header p a:hover{font-weight:600; text-decoration:underline; color: #CC0033;}
#address { float:right;  padding: 0 5px; margin: -7em 0.5em 0 0; border: none; height: 4em; width: 30em; }
#address h1 {font-family: 'Julee', cursive; color: #fff; font-weight: 600; font-size: 1.45em; padding-bottom:0; }
#address p { margin:0.1em; padding:0.3em 0.3em 0.8em 0.3em; line-height: 0.8em; font-size: 0.7em; font-family:Arial, Helvetica, sans-serif; color:#903; text-align: right; }
#address p.mail {margin-top:0; padding-top:0; font-size: 0.7em;}
#address .phone { font-family: 'Julee', cursive, Arial, Helvetica, sans-serif;  font-size: 1.3em; color:#903;padding-bottom:0.4em; }
#address .phone a, a:hover {color: #903; text-decoration:none; }
<!--#header img{float: left; margin-top:6px; padding-top: 0; padding-left: 1em;}-->

.skip {display:none;}


#content { padding: 0 1em 1em 0; border: 0; margin:  min-height: 500px; 
/*Hack for older Internet Explorer, it does not understand min-height*/ _height:500px; }

#contentbar { background-image:url(images/pink-bar.png); background-repeat:repeat-x; bottom: 0;  background-color:#F1A4C6; height: 7em; margin:0; padding:0;}
#content #contentbar h2{}
#contentbar p.white {float: left; font-family: 'Julee', cursive; font-weight:600; color: #fff;font-size:1.5em;  width: 16.6em;  margin:1em 0em 0em 4em; padding:0.5em 0 0 0;}
#content #contentbar img{ margin-left:63%;  margin-right: 0em; margin-top:-8em;}
#content p {font-size: 0.75em; padding: 0.2em 0.5em; line-height:1.3em;}
#content p.strap{font-size: 1.2em; font-family: 'Julee', Arial, sans-serif; color: #A52079; font-weight: 700; padding:0em 0.5em; margin: 0;}
#content img { }
#content li {margin-bottom: 10px;}
#content2 {width: 56em; padding: 12px; border:0; margin:0; }
#content img{padding-left:0; margin-left:0; margin-top: 0.8em;}
.extra{min-height: 600px;  
/*Hack for Internet Explorer, it does not understand min-height*/ _height:600px;}
#content p.center {text-align: center;}
#content p.custom { background-image:url(images/openQuoteline.png); background-position: left; background-repeat:no-repeat; margin: 0em 0 0 0.5em; padding: 1em 1em 0.3em 2em; font-style:italic; font-size:0.8em;}
#content p.customend { font-style:italic; font-size:0.8em; padding-left:2em; padding-top: 0; margin-top:0;}
#content .tml{background-color: #fffbfd; background-image:url(images/closeQuoteline.png); background-position:97% 80% ;  background-repeat:no-repeat; margin: 0 0 0 0.5em; padding: 0 2em 0.3em 2em;  }
p.cbold{font-weight: 700; margin-top: 0 0 -0.5em 0; padding:2em 0 0 10em;}


h1 {color: #ffffff; font-size: 3.5em; margin: 0 3em 0.1em 3em ; padding: 1.15em 0 0 1em; font-family: 'Julee', cursive, Arial, sans-serif; text-align:left; width: 35%;  z-index: -10;  }
h1.title {font-size: 1.1em;  margin: 0 ; padding: 0 0 0 12.7em; font-family:  Arial, sans-serif; width: 35%; color: #A52079;}
h1.main { margin: 0.3em ; color: #A52079; padding: 1em 0.1em 0.5em 0.1em; font-size: 1.7em; font-weight: 600;}
h2 {color: #A52079; font-size: medium; margin: 0 0 0 0.5em;  padding: 0px; font-family: 'Julee', Arial, sans-serif; font-weight: 600; font-size: 1.5em;}
h2.sml {font-size:1.1em;} 
h3 {color:#c38ba6; font-size: 1.1em; font-weight: 600; text-align:left; margin: 0; padding-left: 0.5em;}
h4.bar {color: #06c; font-style:italic; padding: 4px; margin:0 ;}
h4 {text-align: center; color: #333; font-size: 0.85em; margin: 0 0 0 1em; padding-top: 0em;}

#map {text-align:center; margin: 0.5em;}

.sidebox {margin-top: 12px; margin-bottom: 1em; font-size: 0.9em; border: none; padding: 0 0.4em;  color: #903; width: 23.5%; float:left; text-align:center;}

.sidebox h2 { padding: 3px 8px; margin:0; font-size:1.3em;  color: #903; text-align: center; font-weight:700;}
.sidebox ul {padding: 0 0px 5px 0px; margin: 0; }
.sidebox li { margin: 0px; list-style-type: none; line-height: 1.2em; }
.sidebox ul a{display: block; text-decoration:none; font-size: 1.1em; font-weight: 600; height: 1.4em; border-top:1px #006 solid; padding: 8px 0px 5px 8px; color: #006; }
.sidebox a:hover {display:block; color: #903; background-color: #fffbfd; }

.sidebox p {padding: 0 0 2px 8px; margin: 0 0.9em; color:#000; text-align:center; font-family: cursive;}


.red {background-color: #fff; color: #903; }

#footer { text-align: left; margin: 0; background-image:url(images/pink-bar.png); background-repeat:repeat-x; bottom: 0;  padding: 8px; clear:both;}
#footer h3 {font-family: 'Julee', cursive; color: #903; font-size: 1.5em; font-weight: 700; padding: 0 ; margin: 0 0 1em 0;}
#footer p{margin:0; padding-top:0; font-size: 1em; color:#fff; font-size:smaller; font-family:Arial, Helvetica, sans-serif; font-weight:600;}
#footer .tiny {font-size:0.7em; font-weight: 500; float: right; margin-top: -0.8em;}
#footer .links {float:right; margin-top:0.5em;}
#footer .links a, a:hover {font-weight: 700;}
#footer .links a:hover {text-decoration: underline;}
#footer .links a:visited {color:#FFFFFF;}
.sideinput {border: #045f9a 1px solid; font-size: 8pt;}

#main #content table.wigs{text-align:center; margin-left: 12%; margin-bottom: 2em; margin-top: 0em; padding-top:0;}
#main #content table.wigs td{padding: 0.3em;}
#main #content table.wigs td p{text-align:center; font-weight: 700; font-size: 0.7em;}

.picright {margin: 5px 5px 5px 15px; float: right;}

.picleft {margin: 5px 15px 5px 5px; float: left;}

img {border: none; padding: 5px;}

img.logo {float:right;}

#message {float: right; border: 2px solid #002A5c; border-radius: 5px 5px 5px 5px;    -moz-border-radius-bottomleft: 5px;    -moz-border-radius-bottomright: 5px;    -moz-border-radius-topright: 5px;  -moz-border-radius-topleft: 5px;    -webkit-border-bottom-left-radius: 5px;    -webkit-border-bottom-right-radius: 5px;    -webkit-border-top-right-radius: 5px; -webkit-border-top-left-radius: 5px; background-color: #002A5c; background-image:url(images/nat-image-logo-mini.png); background-position: right top; background-repeat:no-repeat; color: #fff; width: 35%; margin-left: 0.8em;}
#message h3 {margin-top: 0.8em; margin-bottom: 1.5em;}
#message a, a:hover {color: #fff;}
#message a:hover {text-decoration: underline;}