@charset "utf-8";
/* CSS Document */

/* 

Colour Scheme
-------------

Dark Brown: #231F20
Light Brown: #6B3E11
Orange: #F26D23
Musty Orange: #E9660C
Yellow: #FFE118

Retro Circle Shades
Mustard: B79300
Orange: B66700
Red: A34100
Dark Red: #6A2C03
Wallpaper Background Brown: #834610;
Wallpaper dark brown: #422308

*/
img { display:block }
/* img override for core commerce product listings */
.ccm-core-commerce-add-to-cart .ccm-core-commerce-add-to-cart-image img {
	display:inline;
}
.ccm-core-commerce-add-to-cart-image {
	text-align:center;
}
p em {
	color:#FFFFFF;
}
p em span {
	color:#F26D23;
}
body {
	background-color:#231F20;
	background-image:url(http://www.wigsandwarpaint.com/themes/WigsAndWarpaint/images/layout/background_diagonal.gif);
	background-image:url(http://www.wigsandwarpaint.com/themes/WigsAndWarpaint/images/layout/wallpaper_bg.gif);
	font-family:Arial, Verdana, Helvetica, sans-serif;
	/*font-size:small;*/
	font-size:13px;
	color:#CCC;
	margin:0;
}
h1 {
	color:#F26D23;
}
h2 {
	color:#F26D23;
	margin:0;
	padding:0;
}
h3 {
	color:#F26D23;
}
h4 {
	color:#F26D23;
}
h1 span, h2 span, h3 span, h4 span {
	color:#FFFFFF;
}

a {
}
a:link {
	color:#F26D23; /* Orange */
}
a:visited {
	color:#B66700; /* Dark Orange */
}
a:hover {
	color:#FF6600; /* Full orange */
}
a:active {
	color:#FFFFFF;
}

ul {
	list-style-type:square;
}

p span {
	color:#FFFFFF;
}
.content_container {
	padding:16px;
	float:left;
		height:175px;
		position:relative;
}
.content_container p {
	position:absolute;
	bottom:0;
	left:16px;
	right:16px;
/*	text-align:right;*/
	color:#F26D23;
}
.content_container p span {
	color:#FFFFFF;
}
.right_border {
	border-right:#999999 1px solid;
}
.feature_box {
	height:207px;
	width:300px; /* 311 */
	border-right:#999999 1px solid;
	position:relative;
	float:left;	
}
.feature_box div {
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	background-color:#231F20;
	padding:5px;
			border-top:#999999 1px solid;
}
.feature_box h2, .content_container h2 {
		margin:0;
		padding:0;
		font-size:1.2em;
}
.feature_box p {
	background-color:#231F20;
	color:#F26D23;
	text-align:right;
	margin:0;
	padding:0;
}
.feature_box p span {
	color:#FFFFFF;	
}
.fb_bookings {
	background-image:url(http://www.wigsandwarpaint.com/themes/WigsAndWarpaint/images/photos/right_col/booking.jpg);
}
#content td {
	color:#FFFFFF;
}
#content td span {
	color:#F26D23;
}
.stylists {
	float:left;
	color:#F26D23;
	margin-right:16px;
	font-weight:bold;
	font-size:0.8em;
}
.directions {
	padding:14px 12px 14px 14px;
	width:225px;
}
.directions span {
	color:#FFFFFF;
}
.map {
	float:right;
	text-align:center;
	margin-left:5px;
}
.map img {
	border:1px #999999 solid;
}
.stylists span {
	color:#FFFFFF;
}

#content {
	width:920px;
	border:#666666 3px solid;
	border-top:none;
	background-color:#231F20;
	margin:auto;
	margin-bottom:32px;
	overflow: hidden; /* rfh -  was auto; */
/*	background:url(http://www.wigsandwarpaint.com/themes/WigsAndWarpaint/images/layout/wallpaper_dark.gif);*/
}
.column_right .box_container h2 {
	border-top:1px #999999 solid;
	padding:4px;
	padding-top:26px;
	text-align:right;
	margin:0;
	font-size:1em;
	font-weight:normal;
}
.column_right .box_container h2 span {
	color:#FFFFFF;
}
.column_left {
width:705px;	/* rfh -	added */
/* rfh -	margin-right:216px; */
}
.column_right {
	float:right;
	width:200px;
/*	background-color:#FF0000;
	height:400px;*/
}
.column_right div {
	width:auto;
}
.box_container {
	border:1px #999999 solid;
		background-color:#333333;
	margin-bottom:16px;
	overflow:auto;
}

.box_content, .ccm-core-commerce-product-list-results-container {
	border:1px #999999 solid;
	background-color:#333333;
	margin-bottom:16px;
	padding:16px;
	overflow:auto;
}

.nav, .nav li { margin:0px; padding:0px; list-style:none; list-style-position:inside; list-style-type:none; }
.nav {
	background-color:#333333;
	border:1px #999999 solid;
	border-bottom:none;
	overflow: auto;
	padding-top:1px;
	padding-bottom:1px;
}
.navbox {
	border-top:none;
}
.nav li {
	display:block;
	width:20%;
	overflow:hidden;
	float:left;
}
.nav li a {
	border:1px #999999 solid;
	border-left:none;
	border-top:none;
	padding:5px;
	text-align:right;
	display:block;
	color:#F26D23;
	text-decoration: none;
	background:#444444;
}
.nav li a:hover {
	background-color:#666666;
}
.nav li.last a {
	border-right:none;
}
.nav li a span {
	color:#FFFFFF;
}

.logo {
	position:relative;
	top:-18px;
	z-index:10;
	color:#F26D23;
	border:1px #999999 solid;
	background-color:#000000;
	padding:135px 3px 4px 3px;
	width:175px;
	text-align:center;
}
.border {
	background-color:#FFE118;
	border-top:#231F20 20px solid;
	border-bottom:#E9660C 20px solid;
	font-size:4px;
	z-index:5;
	position:absolute;
	top:0px;
	left:0px;
	right:0px;
	width:100%;
}
#header {
	position:relative;
}


#footer {
	font-size:1.2em;
}
#footer div, #content {
	padding:16px;
}
#footer .contact {
	color:#FFFFFF;
	border-top:#000000 1px solid;
	background-color:#231F20;
}
#footer .contact a {
	display:block;
	float:right;
	text-decoration:none;
}
#footer .address {
	color:#FFFFFF;
	border-top:#FFE118 3px solid; /* Yellow */
	background-color:#E9660C; /* Musty orange */
}
#footer .address h4 {
	color:#231F20; /* Dark Brown */
	margin:0;
	padding:0;
}

/* page mask - applied when focal popups are displayed */
#pageMask {
	background-color:black;
	display:none;
	filter:alpha(opacity=60);
	height:100%;
	left:0;
	opacity:0.6;
	position:absolute;
	top:0;
	width:100%;
	z-index:25;
}
.press_container img, .press_container div {
	float:left;
	margin:0 12px 25px 12px;
	border:#000000 1px solid;
}
.press_container {
	overflow:hidden;
}
.press_container div {
	width:254px;
	height:375px;
	padding:25px;
	overflow:auto;
	background:#231F20;
	text-align:justify;
}
.copyright {
	float:right;
	font-size:9px;
}
/*To correct alignment of icons used from fugue (or was it diagona!)*/
.icon_16 {
	margin:-0 3px -2px 0;
}
/*Style of the 'error' messages*/
.error_message {
	color:#990000;
	font-weight:bold;
}
.error_message img {
	display:inline;
}
table.pricelist {
	border:#F26D23 1px solid;
	padding:0;
	margin:0 0 35px 0;
	background:#E9660C;
	color:#FFFFFF;
	font-weight:bold;
}
table.pricelist td {
	padding:5px;
}
table.pricelist tr {
}
table.pricelist th {
	background:#F26D23;
	color:#000000;
	text-align:left;
	padding:5px;
	margin:0;
}
div.offers {
	overflow:hidden;
	border-top:none;
	border-left:none;
	border-right:none;
	clear:both;
	position:relative;
}
div.offers a.print {
	display:block;
	padding:3px;
	position:absolute;
	bottom:0;
	right:0;
}
div.offers a.print img {
	border:none;
	display:inline;
}
div.offers div.description {
	float:right;
	margin:0 0 0 15px;
	width:272px;
}
div.offers div.voucher {
	float:left;
	position:relative;
	margin:0 0 21px -15px;
}
div.offers div.voucher span {
	position:absolute;
	display:block;
	padding:3px;
	height:16px;
	background-color:#000000;
	bottom:-22px;
	left:0;
	width:319px;
}
div.offers h2 {
	color:#FFFFFF;
}
div.offers h3 {
	color:#FFFFFF;
}
.exposed_banner {
	position:fixed;
	top:0;
	left:0;
	z-index:20;
}
.boutique_labels {
	float:right;
}
.boutique_labels img {
	float:left;
	margin:0 15px 0 0;
}
.boutique_photos {
	width:100%;
	overflow:hidden;
}