/*hairflair.co.uk.css*/
body {text-align: center; font-family: verdana, arial, Sans-serif; background-color:#fefef4; padding: 0px; font-size: small; line-height: 1.3; margin: 2% 0;}

a {color: #071bd4;}
a:visited {color: #00253D;}
a:hover {color: red;}

.skip {display:none;}

#main {width: 60em; text-align: left; margin-left: auto; margin-right: auto; margin-bottom:0; border: 2px solid #a58169; -moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #fff;}

#header {height: 10em; }
#header img{float: left; margin-top:6px; padding-top: 0; }
#header img.rightimage {float: right; margin-top: 6px; margin-right: 3px; padding:0;}

#topnav {height: 3.5em; background-color: #CC0033; padding:0;}
#topnav ul {margin: 0; padding: 0 0 0 0.3em; list-style-type: none; }
#topnav li {float: left; display: block; padding: 0px 5px; border-right: 1px solid #CC3333; height: 3em; width: 15%; text-align: center;}
#topnav a {display: block; color: #fff; padding: 5px 10px; text-decoration: none; font-weight: bold;  font-size: 8pt; height: 1.3em;  }
#topnav a:hover {display:block; colour: #fff; background-color: #993333; height: 3.4em; }

#content {width: 37.5em; padding: 12px; border: 0; margin: 0; min-height: 500px; 
/*Hack for Internet Explorer, it does not understand min-height*/ _height:500px; }
#content li {margin-bottom: 10px;}
#content img.stylist {margin: 0 15%; border: 1px solid #ccc; padding: 0.5em;}

#content2 {width: 56em; padding: 12px; border:0; margin:0; }

#sidebar {width: 18em;position: absolute; margin: 0 0 0 42em; padding: 0px; top: 16em;}
#sidebar2 {width: 18em;position: absolute; margin: 0 0 0 42em; padding: 0px; top: 22em;}


h1 {color: #c03; font-size: 2.2em; margin: 0 ; padding: 1.5em 0 0 0.5em; font-family:"Century Gothic", Geneva, Verdana,  Arial, sans-serif; text-align:center;}
h1.title {color: #c03; font-size: 1.7em; margin: 0 ; padding: 0.5em 0 0 0.5em; font-family:"Century Gothic", Geneva, Verdana,  Arial, sans-serif;text-align:center; }
h1.main {float: right; width: 80%; margin: 0.5em ; font-size: 2em; font-weight: 500;}

h2 {color: #333; font-size: medium; margin: 0px;  padding: 0px; font-family: Verdana, Arial, sans-serif;}
h2.sml {font-size:1.1em;} 

h3 {color: #a58169; font-size: 1.3em; font-family:"Century Gothic", Geneva, Verdana, Arial,sans-serif; border-bottom: solid 1px #a58169; padding-bottom: 2px; }
h4 {color: #c03; font-size: 1.3em; font-family:"Century Gothic", Geneva, Verdana, Arial, sans-serif; padding: 0; margin:0;}

h5.model {text-align:center;}

.sidebox {margin-top: 20px; font-size: 8pt; width: 18em; border: 1px #a58169 solid; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 2px 2px 2px 2px; background-color: #fefef4;}
.sidebox h2 {padding: 3px 0px 5px 5px; margin:0; font-size:1.3em;  color: #333; font-family: "Century Gothic", Geneva, Verdana, Arial, sans-serif; font-weight: 500;}
.sidebox ul {padding: 0 2px 5px 15px; margin: 0; }
.sidebox li { margin: 0px; list-style-type: none; line-height: 1em;}
.sidebox p {padding: 0 0 0 5px; margin: 3px;}

.sidebox2 {margin-top: 5px; font-size: 8pt; width: 18em; padding: 2px 2px 2px 2px;}
.sidebox2 h2{padding: 0; margin: 1em 0 0 0; font-size: 1.5em; background-color: #fff; color: #c03; font-family:"Century Gothic", Verdana, Geneva, Arial, sans-serif; }

.sidebox3 {margin-top: 12em; margin-bottom: 5em; font-size: 8pt; width: 18em; padding: 4px ;  border: 1px #c03 solid; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.sidebox3 h2 {font-size: small; text-align:center;}

.red {background-color: #c03; color: #fff; padding-top: 5px;}
.white {font-weight:600; font-size: 0.8em;  width: 15em; text-align:center; margin:0; padding:0;}
.phone{ font-family:  Verdana, Arial, sans-serif; font-weight: 600;  font-size: 1.2em;}

.wigpic {margin: 5px 0px 3px 0; padding: 0px;  width: 57.5em; height: 5em; }
.wigpic ul{list-style-type:none; margin:0; padding:0;}
.wigpic li {display:block; float: left; padding-right: 4px;  width: 88px; height: 50px; text-align:center; vertical-align:middle;}
.wigpic img {border:none; padding:0; margin:0;}

.wigpicmain{margin: 5px 8px 8px 0; padding: 2px; width: 36em; }
.wigpicmain ul{list-style-type:none; margin:0; padding:0;}
.wigpicmain li {display:block; float: left; padding: 10px;}
.wigpicmain li.longer {width: 35em; text-align:center; height: 200px;}
.wigpicmain img {border:none; width: 150px; height: 180px; margin: 0em 2em;}
.wigpicmain h5{text-align:center; margin:0; color: #666; }
.padded{margin:0em 0 0 0.5em; padding: 0 1em ;}
.padded img{padding: 0em;}
.long img{width: 150px; height: 225px;}
.short img {width: 100px; height: 126px; margin:0; padding:1em 1.4em 1em 1em;}
.supplex img {width: 100px; height: 100px; margin:0; padding:1em 1.4em 1em 1em;}

.wigpicmontage {margin: 5px 8px 8px 0; padding: 2px; width: 36em;}
.wigpicmontage img{ border: none; width: 350px; padding-left: 3em; }
.styles {width: 35em; text-align:center; vertical-align: middle; border: 1px solid #ddd; padding: 0; margin:3px 3px 20px 3px;}
.styles td{padding:2px; margin:0;}
.styles h4 {font-size: 1.1em; }
.montage {margin: 5px 8px 8px 0; padding: 2px; border: 1px solid #ccc; width: 35.5em; height: 6.2em; }
.montage img{width: 200px;}

img.montage2  {float:left; border: 1px solid #ccc; padding: 0.5em; margin-right: 0.8em;}

#footer { text-align: center; margin:0; }
#footer p{margin:0; padding-top:0; font-size: 0.8em; color:#a58169; font-size:smaller;}

.sideinput {border: #045f9a 1px solid; font-size: 8pt;}

.picright {margin: 5px 5px 5px 15px; float: right;}
.picleft {margin: 5px 15px 5px 5px; float: left;}
.sapphire {margin:2% 25% 0 25%;}
.dawn {text-align:center; font-size: smaller; font-weight: 600; margin-left: 1.5em;}
.bold {font-weight: 600; padding-top:0; padding-bottom: 0.5em; padding-left: 2em;}

.inset-right {border: 1px solid #ccc; -moz-border-radius: 5px; -webkit-border-radius: 5px; width: 43%; float:right; padding: 5px; background: #fff;}
.inset-left{border: 1px solid #ccc; -moz-border-radius: 5px; -webkit-border-radius: 5px; width: 45%;	float:left; margin: 5px; padding: 5px; background: #fff;}
.inset {border: 1px solid #ccc; -moz-border-radius: 5px; -webkit-border-radius: 5px;  padding: 5px; background: #fff;}
.inset img{padding-left: 4em;}

blockquote {background: url(images/cq.gif) no-repeat 96% 95% !important;	background /**/:url(); /* removing quote graphic in IE5+ */ padding: 0px 5px 0px 0px; margin: 0px; font-style:italic;     color: #000;}
blockquote:first-letter {background: url(images/oq.gif) no-repeat left top !important; 	padding:5px 0px 5px 30px!important;	padding /**/:0px; 	/* resetting padding in IE5+ */	background /**/: url(); /* removing quote graphic in IE5+ */}

table {border: 1px solid  #ddd; width: 24em;}
th {font-weight: bold; padding-left: 0.3em;}
td p {font-size:smaller; text-align:center;}

table.wiglist {width: 35em; border: 1px solid #666; text-align:left; padding-bottom: 0.3em; margin: 0.5em 0 1em 0;}
table.wiglist th {font-size:small; font-weight:700; color:#666; border-bottom: 1px solid #ccc; padding-left:0; padding-bottom: 3px; margin-left: 0;}
table.wiglist td {border-bottom: 1px solid #ccc; padding-left:0; margin-left: 0;}

table.rtable {width:17em; border: none; padding:0; margin: 0% 2%; background-color: #fefef4;}
.rtable h2 {padding:0; text-align:center;}
.rtable th {padding:0;}
.rtable td{padding: 2px 0; margin:0}
.rtable img {padding:0; margin:0;}

img {border: none; padding: 5px;}
img.logo {float:right;}