/* Hair Wig Go tablet CSS for 580 up to 767 **/

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

a {color: #903; 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: 98%; text-align: left; margin-left: auto; margin-right: auto; margin-bottom:1em;  background-color: #fff;  padding-bottom: 0em;}

#header {height: 10em; background-color: #fff; background-image:url(images/logo-100.jpg); background-repeat:no-repeat; background-position:left;  }
#header p a:hover{font-weight:600; text-decoration:underline;}
#address { float:right;  padding: 0 5px; margin: -7em 0.5em 0 0; border: none; height: 4em; width: 58%; }
#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.9em; 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: 1em; color:#903; padding-top: 0; 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: 0; }

#contentbar { background-image:url(images/pink-bar.png); background-repeat:repeat-x; bottom: 0;  background-color:#F1A4C6; height: 4em; margin:0; padding:0;}
#content #contentbar h2{}
#contentbar p.white {float: left; font-family: 'Julee', cursive; font-weight:600; color: #fff;font-size:1em;  width: 16.6em;  margin:1em 0em 0em 1em; padding:0.5em 0 0 0;}
#content #contentbar img{ width:35%; margin-left:62%;  margin-right: 0em; margin-top:-7em;}
#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.5em 0 0 0.5em; padding: 0.3em 2em 0.3em 2em;  }
p.cbold{font-weight: 700; margin-top: 0; padding:0 0 0.6em 5em;}


h1 {color: #A52079; font-size: 2em; margin: 0 0 0 2.5em ; padding: 2.3em 1em 0 0.6em; font-family: 'Julee', cursive, Arial, sans-serif; text-align:left; width: 55%; }
h1.title {font-size: 1.1em; color: #A52079;  margin: 0 ; padding: 0 0 0 5.5em; font-family:  Arial, sans-serif; width: 45%;}
h1.main { margin: 0.3em ; 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.2%; 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 0.6em 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;  margin-top: -0.2em;}
#footer .links {float:right; margin-top:0.5em; width: 78%; font-size: 0.8em;}
#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:left; margin-left: 2%; 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;}