/*
Theme Name: Fanboy
Theme URI: http://www.fanboycreative.co.uk/
Description: Theme by Fanboy Creative
Version: 1.0
Author: Ryan Hussey
Author URI: http://www.fanboycreative.co.uk/
Tags: 

*/

/* RESET CSS */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
text-decoration: none;
}
ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
:focus {
outline: 0;
}
.back { text-indent: -7777px; }

/* 
Red: #e51937 
*/

/*****************************************************
* Global
*****************************************************/

div.clear {	clear: both; }
.nodisp { display: none; }
.alignright { float: right; margin-left: 10px; margin-bottom: 10px; }
.alignleft { float: left; margin-right: 10px; margin-bottom: 10px; }

body {
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
}

/*****************************************************
* Backgrounds
*****************************************************/

body {
	background: #000000 url(images/main-bg1.jpg) no-repeat fixed left top;
}
body.page-id-2 {
	background: #000000 url(images/main-bg2.jpg) no-repeat fixed left top;
}
body.page-id-7 {
	background: #000000 url(images/main-bg3.jpg) no-repeat fixed left top;
}
body.page-id-9 {
	background: #000000 url(images/main-bg4.jpg) no-repeat fixed left top;
}

/*****************************************************
* Typography
*****************************************************/

h1 {
	color: #FFFFFF;
	text-indent: -7777px;
	padding-bottom: 12px;
}
h2 {
	color: #e51937;
	font-size: 1.125em;
	line-height: 1.1em;
	padding-bottom: 5px;
	text-transform: uppercase;
}
h3,
h4 { 
	color: #FFFFFF;
}
p {
	color: #FFFFFF;
	font-size: 0.75em;
	line-height: 1.5em;
	padding-bottom: 10px;
}
.page-id-3 .main-content p {
	font-size: 1em;
	line-height: 1.7em;
}
.main-content p,
.main-content h1{
	padding-left: 10px;
}
p.big-foot-text {
	font-size: 1.125em;
	margin-bottom: 10px;
}
td p {
	border-bottom: 1px solid #666666;
	padding-top: 5px;
	padding-bottom: 5px;
}
td h2 {
	margin-top: 20px;
}
td h2.nomargin {
	margin: 0px;
}

/*****************************************************
* Links
*****************************************************/

#logo a,
#logo a:visited {
	display: block;
	height: 57px;
	width: 280px;
	margin-top: 24px;
	margin-left: 30px;
}
p.big-foot-text a,
p.big-foot-text a:visited {
	background: #e51937;
	padding: 4px 7px;
	color: #FFFFFF;
	margin-left: 3px;
	text-transform: uppercase;
	letter-spacing: -1px;
}
p.big-foot-text a:hover {
	color: #e51937;
	background: #FFFFFF;
}
.main-content a,
.main-content a:visited,
.right-sidebar a,
.right-sidebar a:visited {
	background: #e51937;
	padding: 2px;
	color: #FFFFFF;
}
.main-content a:hover,
.right-sidebar a:hover {
	background: #FFFFFF;
	color: #e51937;
}

/*****************************************************
* Layout 
*****************************************************/

#logo {
	border-top: 6px solid #e51937;
	background: url(images/salon-logo.gif) no-repeat 33px 30px;
	height: 81px;
	display: block;
	padding-bottom: 60px;
}
#content {
	width: 950px;
	padding-bottom: 102px;
}
.main-content {
	width: 484px;
	background: url(images/trans-bg.png) repeat left top;
	padding: 18px 18px 40px;
	float: left;
}
.main-image {
}
.main-image img {
	background: #E51937;
	padding: 2px;
}
img.headingimage {
	margin-top: -30px;
	margin-left: -18px;
	z-index: 1500;
	position: absolute;
}
#nav {
	float: left;
	width: 151px;
	margin-right: 48px;
}
.right-sidebar {
	float: left;
	width: 170px;
	margin-left: 28px;
	margin-bottom: 15px;
	padding: 15px;
	background: url(images/trans-bg.png) repeat left top;
}
#footer {
	background: url(images/trans-bg.png) repeat left top;
	padding: 30px 30px 50px;
}


/*****************************************************
* Lists
*****************************************************/

#nav ul {
	height: 203px;
	width: 151px;
}
#nav li {
	height: 36px;
	width: 151px;
}

	#nav li.page-item-11 { height: 59px; }
	
		#nav li a, 
		#nav li a:visited {
			line-height: 15px;
			display: block;
			width: 100%;
			height: 100%;
			text-indent: -7777px;
			background: url(images/navigation.gif) no-repeat;
		}
		
		#nav li.page-item-3 a, 
		#nav li.page-item-3 a:visited { background-position: left top; }
		#nav li.page-item-2 a, 
		#nav li.page-item-2 a:visited { background-position: left -36px; }
		#nav li.page-item-9 a,
		#nav li.page-item-9 a:visited { background-position: left -72px; }
		#nav li.page-item-11 a, 
		#nav li.page-item-11 a:visited { background-position: left -108px; }
		#nav li.page-item-7 a, 
		#nav li.page-item-7 a:visited { background-position: left -167px; }
		
		#nav li.page-item-3.current_page_item a, 
		#nav li.page-item-3.current_page_item a:visited,
		#nav ul li.page-item-3 a:hover   { background-position: left -203px; }
		#nav li.page-item-2.current_page_item a, 
		#nav li.page-item-2.current_page_item a:visited,
		#nav ul li.page-item-2 a:hover   { background-position: left -239px; }
		#nav li.page-item-9.current_page_item a, 
		#nav li.page-item-9.current_page_item a:visited,
		#nav ul li.page-item-9 a:hover   { background-position: left -275px; }
		#nav li.page-item-11.current_page_item a, 
		#nav li.page-item-11.current_page_item a:visited,
		#nav ul li.page-item-11 a:hover   { background-position: left -311px; }
		#nav li.page-item-7.current_page_item a, 
		#nav li.page-item-7.current_page_item a:visited,
		#nav ul li.page-item-7 a:hover   { background-position: left -370px; }



/*****************************************************
* Forms
*****************************************************/

form.ddfm legend, 
form.ddfm label, 
form.ddfm label.fmtextlblwide {
	color: #FFFFFF;
}
form.ddfm .fmcheck p, 
form.ddfm .fmradio p,
form.ddfm textarea, 
form.ddfm .fmfullblock, 
form.ddfm .fmhalfblock, 
form.ddfm .fmselect, 
form.ddfm input.fmtext,
form.ddfm input.fmdate,
form.ddfm input.fmverify,
form.ddfm textarea.fmtextwide,
form.ddfm .submit,
form.ddfm .credits {
	color: #404040;
}
form.ddfm .required {
	color: #FF0000;
}
.ddfmerrors {
	color: #FF0000;
}
.ddfmwrap {
	font-size: 100%;
}
form.ddfm legend, 
form.ddfm label, 
form.ddfm label.fmtextlblwide {
	font-size: 100%;
	font-weight: bold;
}
form.ddfm .credits {
	font-size: 90%;
}
form.ddfm legend {
	font-size: 110%;
}
.ddfmerrors {
	font-weight: bold;
}

.ddfmwrap {
	margin: 15px auto 15px auto;
	width: 450px;
}
.ddfmwrap p.fieldwrap {
	padding: 1px;
	margin: 1px;
	clear: left;
}
form.ddfm {
	text-align: left;
	padding: 10px;
	width: 430px; 
}
form.ddfm fieldset {
	padding: 0 10px 2px 10px;
	margin: 0 0 13px 0;
	display: block;
}
form.ddfm legend {
	padding: 0 6px 0 6px;
	margin: 0 0 0 10px;	 
}
form.ddfm label {
	display: block; 
	float: left; 
	width: 26%; 
	text-align: right;
	margin: 0 10px 0 0; 
	padding-bottom: 15px;
	clear: left;  
}
form.ddfm label.fmtextlblwide {
	display: block;  
	float: left; 
	text-align: left;
	margin: 0 10px 0 1px; 
	padding-bottom: 8px; 
	width: 100%;
}
form.ddfm select.fmselect {
	float: left; 
	display: block;
	width: 65%; 
	margin-bottom: 15px;  
	padding: 3px; 
}
form.ddfm .fmcheck {
	width: 65%; 
	float: left;
	display: block;  
	margin-bottom: 15px;
}
form.ddfm .fmchecklabel {
	display: inline; 
	float: none; 
	clear: none; 
	text-align: left; 
	margin: 0; 
	padding: 0;
}
form.ddfm .fmradio {
	width: 65%;
	float: left;
	display: block;
	margin-bottom: 15px;
}
form.ddfm .fmradiolabel {
	display: inline; 
	float: none; 
	clear: none; 
	text-align: left; 
	margin: 0; 
	padding: 0;
}
form.ddfm .fmcheck p {
	padding: 0;
	margin: 0 0 5px 0;
	line-height: 140%;
}
form.ddfm .fmradio p {
	padding: 0;
	margin: 0 0 5px 0;
	line-height: 140%;
}
form.ddfm textarea {
	float: left; 
	position: relative;
	width: 65%;
	margin-bottom: 15px;
	padding: 3px;
}
form.ddfm .fmfullblock {
	padding-left: 0px;
	float: left; 
	width: 100%;
	margin-bottom: 13px;
	display: block;
}
form.ddfm .fmhalfblock {
	width: 65%;
	padding-left: 29%;
	margin-bottom: 13px;
	float: left; 
	display: block;
}
form.ddfm input.fmverify {
	float: left; 
	width: 22%;
	margin-bottom: 15px; 
	padding: 3px;
	position: relative;
	display: block;
}
form.ddfm img {
	margin: 1px 0 0 10px; 
    float: left;
}
form.ddfm input.fmfile,
form.ddfm input.fmtext {
	float: left; 
	display: block;
	width: 65%;
	margin-bottom: 15px;  
	padding: 3px;
}
form.ddfm input.fmdate {
	float: left; 
	display: block;
	width: 35%;
	margin-bottom: 15px;  
	padding: 3px;
}
form.ddfm textarea.fmtextwide {
	display: block;
	float: left;
	width: 93%;
	margin-right: 2px;
	margin-bottom: 15px; 
	padding: 3px;
}
form.ddfm .credits {
	text-align: right;
	margin-top: 7px;
	width: 97%;
}
form.ddfm .submit {
	text-align: right;
	clear: both; 
	width: 97%;
}
.ddfmwrap .ddfmerrors {
	display: block; 
	float: left; 
	width: 27%; 
	text-align: right;
	margin: 0 10px 0 0; 
	padding-bottom: 15px;
	color: #e51937;
}
.ddfmwrap .errorlist {
	float: left; 
	display: block;
	width: 65%;
	margin-bottom: 15px;  
	padding: 3px;
	text-align: left;
	color: #FFFFFF;
}
.ddfmwrap .recaptcha {
	width: 100%;
	text-align: right;
	clear: both; 
	height: 120px;
	margin-right: 7px;
	padding-bottom: 10px;
}
.ddfmwrap .recaptcha-inner {
	float: right;
	margin-right: 3px;
}
.dpTable {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #404040;
	background-color: #F4F4F4;
	border: 1px solid #999999;
	}
.dpTD {
	border: 1px solid #ece9d8;
	}
.dpDayHighlightTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	}
.dpTDHover {
	background-color: #888888;
	border: 1px solid #888888;
	cursor: pointer;
	color: #000000;
	}
.dpDayTD {
	background-color: #C0C0C0;
	border: 1px solid #AAAAAA;
	color: white;
	}
.dpTitleText {
	font-size: 12px;
	color: #555555;
	font-weight: bold;
	}
.dpDayHighlight {
	color: #666666;
	font-weight: bold;
	}
.dpButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #DDDDDD;
	font-weight: bold;
	padding: 0px;
	}
.dpTodayButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #DDDDDD;
	font-weight: bold;
	}

/*****************************************************
* Shop Styles
*****************************************************/

#shopp {
	color: #FFFFFF;
}
/* typography */
.page-id-41 h1,
.page-id-42 h1,
.page-id-43 h1,
.page-id-44 h1 {
	text-indent: 0px;
	font-size: 1.5em;
	line-height: 1.1em;
	letter-spacing: -1px;
	padding-left: 0px;
	color: #e51937;
}
.page-id-41 h3,
.page-id-42 h3,
.page-id-43 h3,
.page-id-44 h3 {
	font-size: 1.5em;
	line-height: 1.1em;
	letter-spacing: -1px;
}
.page-id-41 .right-sidebar h3,
.page-id-42 .right-sidebar h3,
.page-id-43 .right-sidebar h3,
.page-id-44 .right-sidebar h3 {
	font-size: 1em;
	line-height: 1.1em;
	letter-spacing: -1px;
	color: #e51937;
	text-transform: uppercase;
}
.page-id-41 p,
.page-id-42 p,
.page-id-43 p,
.page-id-44 p {
	padding-left: 0px;
}
p.status {
	font-size: 1em;
	margin-top: 6px;
	padding-top: 6px;
	text-align: right;
	border-bottom: 1px dotted #666666;
	border-top: 1px dotted #666666;
}
/* links */
.grid .frame a,
.grid .frame a:visited {
	display: block;
	width: 120px;
}
ul.previews a,
ul.previews a:visited {
	display: block;
	width: 100%;
}
table.cart a,
table.cart a:visited {
	background: transparent;
	color: #e51937;
}
table.cart a:hover,
#cart table a,
#cart table a:visited,
#cart table a:hover {
	color: #FFF;
	background: transparent;
}
.page-id-42 #shopp big a.right,
.page-id-42 #shopp big a.right:visited {
	padding: 5px 15px;
	color: #FFFFFF;
	background: #00CC00;
	font-size: 14px;
	font-weight: bold;
}
.page-id-42 #shopp big a.right:hover {
	color: #FFFFFF;
	background: #009900;
}

/* layout */ 
body #shopp .gallery .previews li img {
	margin-top: 0px;
}
body #shopp .gallery {
	margin: 5px 20px 5px 0;
}
table.cart,
#cart table {
	border-bottom: 1px dotted #666666;
	border-top: 1px dotted #666666;
	margin-bottom: 10px;
}
table.cart tr,
#cart table tr {
	background: #333;
}
table.cart tr.totals,
table.cart tr.buttons,
#cart table tr.totals,
#cart table tr.buttons {
	border-top: 1px dotted #666666;
	background: transparent;
}

/* lists */
body #shopp ul.breadcrumb,
ul.views,
.main-content big {
	font-size: 0.8125em;
	margin-bottom: 20px;
	color: #999999;
}
ul.breadcrumb a,
ul.breadcrumb a:visited,
.main-content big a,
.main-content big a:visited {
	background: #000000;
	color: #e51937;
}
.main-content ul.breadcrumb a:hover,
.main-content big a:hover {
	background: transparent;
	color: #FFFFFF;
}
ul.shopp_categories {
	padding: 5px 0px;
}
.right-sidebar li {
	font-size: 0.75em;
	color: #FFFFFF;
	list-style-position: outside;
	list-style-type: disc;
	display: block;
	border-bottom: 1px dotted #666666;
	padding: 5px 0px;
}
.right-sidebar li a,
.right-sidebar li a:visited,
.google_checkout a,
.google_checkout a:visited,
.google_checkout a:hover {
	background: transparent;
	color: #FFFFFF;
}
.right-sidebar li a:hover {
	color: #e51937;
	text-decoration: underline;
	background: transparent;
}
ul.shopp_categories li li {
	font-size: 0.92em;
	color: #CCCCCC;
	list-style-position: outside;
	list-style-type: disc;
	display: block;
	border-bottom: none;
	padding: 5px 0px 5px 10px;
}
ul.shopp_categories li li a,
ul.shopp_categories li li a:visited {
	color: #CCCCCC;
}
ul.shopp_categories li li a:hover {
}
#shopp form ul li#billing-address-fields,
#shopp form ul li#shipping-address-fields {
	padding: 15px 0px;
	margin: 15px 0px;
	border-bottom: 1px dotted #666666;
	border-top: 1px dotted #666666;
}

/* forms */
input.addtocart,
input#checkout-button {
	padding: 5px 15px;
	color: #FFFFFF;
	background: #00CC00;
	border-style: none;
	font-size: 14px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	cursor: pointer;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
input.addtocart:hover,
input#checkout-button:hover {
	color: #FFFFFF;
	background: #009900;
}


/*****************************************************
* OLD Shop Styles

.page-id-26 h1,
.page-id-27 h1,
.page-id-28 h1,
.page-id-29 h1 {
	text-indent: 0px;
	font-size: 1.5em;
	line-height: 1.1em;
	letter-spacing: -1px;
}
a.wpsc_category_grid_item span {
	width: 130px;
	display: block;
	font-size: 0.8em;
	padding: 5px;
}
body.page-id-26 p {
	padding-left: 0px;
}
#products_page_container {
	padding-left: 10px;
}
a#fancy_collapser_link,
#products_page_container .imagecol a {
	background: transparent;
}
#widgetshoppingcart,
#sideshoppingcart,
.wpsc_product_price {
	color: #FFFFFF;
	padding-bottom: 10px;
}
#widgetshoppingcart h3 {
	color: #e51937;
	font-size: 1.125em;
	line-height: 1.1em;
	padding-bottom: 5px;
	text-transform: uppercase;
}
.page-id-26 .right-sidebar h3,
.page-id-27 .right-sidebar h3,
.page-id-28 .right-sidebar h3,
.page-id-29 .right-sidebar h3 {
	color: #e51937;
	padding-bottom: 10px;
}
.page-id-26 .main-content,
.page-id-26 .right-sidebar,
.page-id-27 .main-content,
.page-id-27 .right-sidebar,
.page-id-28 .main-content,
.page-id-28 .right-sidebar,
.page-id-29 .main-content,
.page-id-29 .right-sidebar {
	color: #FFFFFF;
}

.wpsc_checkout_table h4 {
	padding: 25px 0px 7px 0px;
	font-size: 1.2em;
	color: #e51937;
}
.wpsc_checkout_table td {
	padding: 5px 0px;
	font-size: 0.8em;
}
.main-content table.productcart a,
.main-content table.productcart a:visited,
.main-content table.productcart a:hover {
	background: #FFFFFF;
	color: #e51937;
}
.main-content .breadcrumb a,
.main-content .breadcrumb a:visited,
h2.prodtitles a,
h2.prodtitles a:visited {
	background: #000000;
	color: #e51937;
}
.main-content .breadcrumb a:hover {
	background: transparent;
	color: #FFFFFF;
}
li.cat-item a,
li.cat-item a:visited {
	font-size: 0.75em;
	background: transparent;
	color: #FFFFFF;
	list-style-position: outside;
	list-style-type: disc;
	display: block;
	padding-bottom: 5px;
	border-bottom: 1px dotted #666666;
}
li.cat-item a:hover {
	color: #e51937;
	text-decoration: underline;
	background: transparent;
}
span.oldprice {
	color: #e51937;
	font-size: 0.8em;
	padding-top: 5px;
	padding-bottom: 5px;
}
h2.prodtitles a:hover {
	color: #FFFFFF;
	background: #000000;
}
input.make_purchase,
input.wpsc_buy_button {
	padding: 5px 15px;
	color: #FFFFFF;
	background: #00CC00;
	border-style: none;
	font-size: 14px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	cursor: pointer;
}
input.make_purchase:hover,
input.wpsc_buy_button:hover {
	color: #FFFFFF;
	background: #009900;
}
table.productcart tr.product_row {
	background: #FFFFFF;
	color: #666666;
}
form.wpsc_checkout_forms h2 {
	padding-top: 30px;
}
.total_tax {
	font-size: 0.8em;
	color: #999999;
}
.main-content .productdisplay {
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #333333;	
}
.main-content h2.prodtitles {
	font-size: 1.2em;
}
.main-content #fancy_notification_content {
	color: #666666;
}
.main-content #fancy_notification_content a.go_to_checkout,
.main-content #fancy_notification_content a.go_to_checkout:visited,
span.gocheckout a,
span.gocheckout a:visited {
	font-weight: bold;
	background: #00CC00;
	padding: 5px 10px;
}
.main-content #fancy_notification_content a.go_to_checkout:hover,
span.gocheckout a:hover {
	font-weight: bold;
	background: #009900;
	color: #FFFFFF;
}
span.gocheckout {
	margin-top: 20px;
}
span.emptycart a,
span.emptycart a:visited,
a.continue_shopping,
a.continue_shopping:visited {
	background: transparent;
	color: #e51937;
	padding: 10px 0px 0px 0px;
	font-size: 0.9em;
}
span.emptycart a:hover,
a.continue_shopping:hover {
	background: transparent;
	text-decoration: underline;
}
.right-sidebar #sideshoppingcart h3 {
	color: #e51937;
}
.shopping-cart-wrapper {
	font-size: 0.8em;
}
.shopping-cart-wrapper p {
	font-size: 1em;
}
.checkout-total,
.wpsc_product_price {
	font-weight: bold;
}
table.shoppingcart,
span.total {
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #333333;
}
.right-sidebar ul li.cat-item a,
.right-sidebar ul li.cat-item a:visited {
	padding-bottom: 3px;
	padding-left: 10px;
}
h4.cattitles {
	font-size: 0.8em;
	padding: 10px 0px 3px 0px;
	color: #e51937;
}
.right-sidebar h4.nopadtop {
	padding-top: 0px;
}
*****************************************************/