/* 
   Author: [Richard Edwards]
		   [http://www.ridgeon-network.co.uk]
*/

/* Resets & Basic Page Setup */
* { margin: 0; padding: 0; }
html { overflow-y: scroll; }
body { background: url(images/stripe-bg.gif) repeat; font-family: Arial, Helvetica, sans-serif;}
ul { list-style: none inside; }
h2 { margin-bottom: 10px; }
p { font-size: 0.9em; line-height: 1.1em; margin-bottom: 0.9em; }
a { outline: none; }
a img { border: none; }
a:hover { text-decoration: none; }
/* End Resets & Setup */

/* Toolbox */
.floatleft { float: left; }
.floatright { float: right; }
.clear { clear: both; }
/* End Toolbox */

/* Structure & Stuff */

#design-center {
	width: 990px;
	margin: 0 auto;
	position: relative;
	top: -151px;
}

#design-center img.clickable {
	width: 371px;
	height: 63px;
	position: absolute;
	top: 10px;
	left: 20px;
}

#page-wrap {
    width: 990px;
	position: relative;
	top: -25px;
}

#header {
	height: 151px;
	background: url(images/header-rpt.png) repeat-x;
}

#header-two {
	height: 151px;
	padding: 14px 0 0 0;
}

#header-img {
	height: 100px;
	width: 979px;
	background: url(images/header-bg.jpg) no-repeat;
	position: relative;
	top: -1px;
	margin: 0 0 0 4px;
}

#logo-cover {
	position: relative;
	width: 300px;
	height: 100px;
	background: #F00;
	margin: 0 10px 0 0;
}

#basket-info {
	position: relative;
	top: 11px;
	float: right;
	margin: 0 10px 0 0;
	color: #FFF;
	font-size: 0.8em;
	text-align: right;
}

.uline {
	height: 4px;
	width: 173px;
	background: url(images/uline.png) no-repeat;
	position: relative;
	top: -9px;
	left: 15px;
}

ul#leftnav {
	position: relative;
	top: 30px;
}

ul#leftnav li {
	float: left;
	height: 22px;
	width: 75px;
	background: url(images/opt-bg.png) no-repeat;
	text-align: center;
}

ul#leftnav li a {
	color: #FFF;
	text-decoration: none;
	font-size: 0.7em;
	text-transform: uppercase;
}

ul#leftnav li a:hover {
	color: #FFF;
	text-decoration: underline;
}

ul#rightnav {
	position: relative;
	top: 21px;
}

ul#rightnav li {
	float: right;
	height: 32px;
	text-align: center;
	padding-top: 8px;
	font-size: 14px;
}

ul#rightnav li a {
	font-weight: bold;
}

ul#rightnav li.basket {
	width: 98px;
	background: url(images/basket-btn.png) no-repeat;
}

ul#rightnav li.basket a {
	position: relative;
	top: -2px;
	left: -3px;
}

ul#rightnav li.checkout {
	width: 116px;
	background: url(images/checkout-btn.png) no-repeat;
}

ul#rightnav li.checkout a {
	position: relative;
	top: -2px;
	left: -3px;
}

ul#rightnav li.questions {
	font-size: 0.8em;
	text-transform: none;
	color: #FFF;
	position: relative;
	top: 2px;
	right: 4px;
}

ul#rightnav li.questions a {
	text-transform: none;
	text-decoration: underline;
	color: #FFF;
}

ul#rightnav li.questions a:hover {
	text-decoration: underline;
}

ul#rightnav li a {
	color: #FFF;
	text-decoration: none;
	font-size: 0.9em;
	text-transform: uppercase;
}

ul#rightnav li a:hover {
	color: #FFF;
	text-decoration: underline;
}

#bottom-pane {
	color: #FFF;
	font-size: 0.8em;
	position: relative;
	top: 10px;
}

#login-info {
	float: left;
	position: relative;
	top: 11px;
	left: 10px;
}

#login-info a {
	color:#FFF;
}

#searchbar {
	float: right;
	position: relative;
	top: 6px;
	right: 4px;
}

#main-content {
	background: url(images/content-rpt.png) repeat-y;
	padding-top: 10px;
}

#leftmenu {
	float: left;
	font-size: 0.8em;
}

#leftmenu a {
	margin-left: 18px;
	color: #000;
	text-decoration: none;
}

#leftmenu a:hover {
	text-decoration: underline;
}

#leftmenu a:active {
	color: #06C;
	text-decoration: underline;
}

.hairmenu {
	background: url(images/hairmenu.jpg) no-repeat;
	height: 31px;
	width: 187px;
	margin-top: 4px;
	position: relative;
	left: 8px;
}

.beautymenu {
	background: url(images/beautymenu.jpg) no-repeat;
	height: 30px;
	width: 187px;
	margin-top: 4px;
	position: relative;
	left: 8px;
}

.nailsmenu {
	background: url(images/nailsmenu.jpg) no-repeat;
	height: 31px;
	width: 187px;
	margin-top: 4px;
	position: relative;
	left: 8px;
}

.furnituremenu {
	background: url(images/furnituremenu.jpg) no-repeat;
	height: 28px;
	width: 187px;
	margin-top: 4px;
	position: relative;
	left: 8px;
}

.salonessentialsmenu {
	background: url(images/salonessentialsmenu.jpg) no-repeat;
	height: 28px;
	width: 187px;
	margin-top: 4px;
	position: relative;
	left: 8px;
}

#middlecontent {
	float: left;
	width: 560px;
}

#welcome-specials {
	text-indent: -9999px;
	height: 57px;
	width: 515px;
	background:url(images/welcome-specials.jpg) no-repeat;
	margin: 0 auto;
}

.featuredProdImgRow TD {
	width: 179px;
	height: 204px;
	background-image:url(images/product-img-bg.gif);
	text-align:center;
	vertical-align:bottom;
}

.featuredProdImgRow TD img {
	background-color:#fff;
	padding:3px;
	border:1px #CCC solid;
	margin-bottom:20px;
}

.featuredProdLinkRow TD {
	width: 179px;
	height: 15px;
	text-align:center;
	vertical-align:middle;
}

#prochoice-overview {
	text-indent: -9999px;
	height: 25px;
	width: 284px;
	background:url(images/overview.jpg) no-repeat;
	margin: 0 auto;
}

#overview-text {
	width: 531px;
	margin: 0 auto;
}

#subtext-top {
	height: 26px;
	background: url(images/subtext-top.gif) no-repeat;
}

.justified P {
	text-align: justify;
}

#subtext {
	background: url(images/subtext-repeat.gif) repeat-y;
	padding: 1px 25px;
	text-align: justify;
}

#subtext-bottom{
	height: 28px;
	background: url(images/subtext-bottom.gif) no-repeat;
}

#rightmenu {
	float: right;
	margin-left: 12px;
	margin-right: 10px;
	font-size: 0.7em;
	line-height: 16px;
	text-align: center;
}

#rightmenu li a img {
	margin: 0 15px 0 0;
	text-align: center;
}

#rightmenu a {
	margin-right: 12px;
	color: #666;
	text-decoration: none;
	font-weight: bold;
}

#rightmenu a:hover {
	text-decoration: underline;
}

#rightmenu a:active {
	color: #06C;
	text-decoration: underline;
}

.browsebrands {
	background: url(images/brandsmenu.png) no-repeat;
	height: 27px;
	width: 157px;
	margin: 0 0 10px 0;
}

#footer {
	height: 20px;
	background: url(images/footer-bg.png) no-repeat;
}

#siteby {
	float: right;
	padding-top: 10px;
	text-align: center;
	height: 32px;
	width: 164px;
	background: url(images/siteby.png) no-repeat;
}

#siteby p {
	font-size: 0.7em;
	color: #666;
}

#siteby p a {
	color: #666;
}

#sagepay {
	position: relative;
	top: 31px;
	left: 164px;
}

#footerNav {
	height: 22px;
	background: #fff;
	border: 1px solid #d8d8d8;
	margin-left: 6px;
	margin-right: 5px;
	vertical-align: middle;
}

#footerNav span  {
	position: relative;
	top: 4px;
}

#footerNav, #footerNav a {
	font-size:11px;
	color: #999;	
	margin-left: 4px;
	padding-top: 4px;
}

#footerNav #links a, #footerNav #links a:link, #footerNav #links a:active, #footerNav #links a:visited {
	font-size:11px;
	color: #999;	
	margin-left: 4px;
}

#footerNav #links a:hover {
	font-size:11px;
	color:#666;	
	margin-left: 4px;
}

.prodidsml {
	font-size: 11px;
	color:#999;
}

.prodname, .detailname {
	text-transform: capitalize;
}

.prodprice {
	text-align: left;
	font-size:12px;
}

.catimage {
	text-align:center;	
}

.catname {
	text-align:center;
	font-size:13px;
}

.catTile {
	border: 1px solid #EEE;
}

.prodListImg {
	max-width:55px;
	max-height:71px;
}

.prodMediumImg {
	padding: 4px;
	border: 1px solid #EBEBEB;
}

.sectionImg {
	max-width:55px;
	max-height:71px;
}

.qantCapt {
	font-size: 13px;
	margin-right: 3px;
	font-weight:bold;
	color:#906;
}

#trainingTbl td {
	background: #F3F3F3;
	padding: 3px;
	border: 1px solid #E6E6E6;
}

#middlecontent td {
	padding: 2px;
	font-size: 12px;
}

.searchBox {
	width:150px;
	height:15px;
	font-size:12px;
}

.searchLabel {
	font-size: 13px;
	font-weight: bold;
}

.proddescription {
	text-align:left;
	font-size: 11px;
	padding-bottom:4px;
	padding-top:4px;
	width:375px;
	text-align:justify;
}

.detaildescription {
	text-align:left;
	font-size: 13px;
	padding-bottom:4px;
	padding-top:4px;
	text-align:justify;	
}

.detailprice {
	text-align: left;
}

#iconFB {
	padding-right: 7px;	
}
/* End Structure & Stuff */