@charset "utf-8";
/******************************************************** 
* Client: Pure Source
* Coded by: Marcus Thompson (marcus@brightsquareinc.com)
* Version: 1.0
* Date: October 8th 2008
********************************************************
COLORS
white: #FFFFFF
red (logo): #ed1c24;
black (text): #333333
green (menu bg): #BEE2F0*/
html {
font-size:100.1%
}

body {
background:#BEE2F0 url(../images/bg-body.jpg) bottom left no-repeat;

color:#333;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:1.5
}

a {
color:#333;
font-weight:700;
letter-spacing:1px;
text-decoration:none
}

a:visited {
color:#333
}

a:hover {
color:#ed1c24
}

a.active, .active a,.subactive a  {
color:#ed1c24
}

h1 {
color:#333;
font-weight:700
}

h2 {
color:#333;
font-weight:700
}

h3 {
color:#333;
font-weight:700
}

h4 {
color:#333;
font-weight:700
}

h5 {
color:#333;
font-weight:700
}

h6 {
color:#333;
font-weight:700
}

ol {
list-style:decimal
}

ol li {
margin-left:18px
}

p {
line-height:1.8;
margin-bottom:20px;
text-align:justify
}

#wrap {
/*background:#fff;*/
background:#fff url(../images/psbg.jpg);
margin:0 auto;
position:relative;
width:960px
}

#social {
	float:left;
	width:950px;
	padding-right:10px;
	height:25px;	
	text-align:right;
}

#social a {
	width:16px;
	line-height:16px;
	margin:5px 5px 5px 0px;
	float:right;	
}

/**MEMBER LINKS**/
#member-links {
text-align:right
}

#member-links li {
display:inline
}

#member-links a {
margin:5px 15px
}

/**MASTHEAD**/
#masthead {
height:88px;
margin-top:5px;
overflow:hidden
}

#logo {
float:left;
width:337px
}

#section-image { 
float:right;
width:623px
}

/**MAIN MENU**/
#main-menu {
background:#BEE2F0;
height:30px;
text-align:center
}

#main-menu li {
display:inline;
margin:0;
padding:0
}

#main-menu li a {
cursor:pointer;
float:left;
margin:0 7px 0 6px;
padding:0 9px 0 12px;
text-decoration:none;
text-transform:capitalize
}

#main-menu li a:hover {
color:#ed1c24
}

#main-menu span {
cursor:pointer;
display:block;
float:left;
font-weight:700;
padding:4px 6px 2px 3px
}

#main-menu li.active a {
background:#BEE2F0 url(../images/menu-active-left.png) no-repeat right top;
background-position:0 100%;
position:relative;
z-index:100
}

#main-menu li.active span {
background:#fff url(../images/menu-active-right.png) no-repeat right top;
background-position:100% 0;
padding:6px 10px 6px 0;
position:relative;
z-index:1
}

/*BRAND-SELECT*/
#brands {
/*background:#fff;*/
padding:19px 20px;
position:relative;
width:auto
}

h4#current-location {
left:20px;
letter-spacing:1px;
position:absolute;
text-transform:uppercase;
top:10px
}

#shop-brands {
background:url(../images/bg-brand-select.png) left no-repeat;
position:absolute;
right:20px;
top:10px;
width:125px;
display:none;
}

#shop-brands a.collapsed {
color:#fff;
font-size:12px;
margin-left:16px;
padding-right:20px
}

#shop-brands a.expanded {
color:#fff;
font-size:12px;
margin-left:16px;
padding-right:20px
}

#shop-brands ul {
background:url(../images/bg-brand-select-dropdown.png) repeat;
left:6px;
list-style:none;
margin:0 0 0 -41px;
padding:0 0 5px;
top:20px;
width:180px
}

#shop-brands li {
margin:2px 5px;
line-height:16px;
}

#shop-brands li a {
display:block;
font-size:11px;
width:100%
}



#shop-hair {
background:url(../images/bg-skin-select.png) left no-repeat;
position:absolute;
right:335px;
top:10px;
width:150px;
display:none;
}

#shop-hair a.collapsed {
color:#fff;
font-size:12px;
margin-left:16px;
padding-right:20px
}

#shop-hair a.expanded {
color:#fff;
font-size:12px;
margin-left:16px;
padding-right:20px
}

#shop-hair ul {
background:url(../images/bg-brand-select-dropdown.png) repeat;
left:6px;
list-style:none;
margin:0 0 0 -11px;
padding:0 0 5px;
top:20px;
width:150px
}

#shop-hair li {
margin:2px 5px;
line-height:16px;
}

#shop-hair li a {
display:block;
font-size:11px;
width:100%
}

#shop-skin {
background:url(../images/bg-skin-select.png) left no-repeat;
position:absolute;
right:165px;
top:10px;
width:150px;
display:none;
}

#shop-skin a.collapsed {
color:#fff;
font-size:12px;
margin-left:16px;
padding-right:20px
}

#shop-skin a.expanded {
color:#fff;
font-size:12px;
margin-left:16px;
padding-right:20px
}

#shop-skin ul {
background:url(../images/bg-brand-select-dropdown.png) repeat;
left:6px;
list-style:none;
margin:0 0 0 -11px;
padding:0 0 5px;
top:20px;
width:150px
}

#shop-skin li {
margin:2px 5px;
line-height:16px;
}

#shop-skin li a {
display:block;
font-size:11px;
width:100%
}

/*MAIN CONTENT*/
#main {
padding-bottom:15px
}

#submenu {
float:left;
width:180px;
font-size:11px;
}

#content {
float:left;
width:780px
}

/*SUBMENU*/
#submenu li {
line-height:17px;
padding-left:25px
}

#submenu li ul {
margin:0 0 0 -10px;
}
/*SUBMENU*/
#submenu li li{
	line-height:16px;
	padding-left:30px	
}

#submenu li li a{
	font-size:11px;
	font-weight:normal;
	color:#333;
}

#submenu li li.active  a{
	font-size:11px;
	font-weight:normal;
	color:#ed1c24;
}

/*CONTENT*/
h3#breadcrumb {
background:#BEE2F0;
margin-right:20px;
padding:5px 10px;
text-transform:capitalize
}

h3#breadcrumb span {
margin:0 3px
}

h3#breadcrumb strong {
margin:0 3px
}

h3#breadcrumb .breadcrumb-product {
font-weight:400
}

/*PRODUCT DESCRIPTION*/
#product-description {
margin:10px 0
}

#product-text {
float:right;
width:575px
}

#product-image {
margin-right:15px;
overflow:hidden;
width:200px
}

.product-wrap {
padding:0 25px 0 15px
}

h1.product-brandname {
font-size:20px;
margin:10px 0 0;
padding:0;
text-transform:uppercase
}

h2.product-name {
font-size:20px;
font-weight:400;
text-transform:capitalize
}

h3.product-shortdesc {
margin-bottom:20px
}

/*CROSS SELL*/
#cross-sell {
margin:20px 0
}

#cross-sell h4 {
color:#939598;
letter-spacing:normal
}

#cross-sell li {
border-bottom:7px solid #b5b7ba;
border-left:1px solid #b5b7ba;
border-right:1px solid #b5b7ba;
border-top:1px solid #b5b7ba;
float:left;
height:170px;
margin:5px 10px 5px 0;
text-align:center;
width:135px
}

#cross-sell li:hover {
border-bottom:7px solid #ed1c24
}

#cross-sell li:hover .cross-sell-product-brand a {
color:#ed1c24
}

div.cross-sell-product-image {
height:100px;
margin:0 auto;
overflow:hidden;
width:135px
}

h4.cross-sell-product-brand {
margin-top:5px
}

h4.cross-sell-product-name {
line-height:normal;
padding:0 7px 5px
}

h4.cross-sell-product-name a {
font-size:10px;
font-weight:400
}

h4.cross-sell-product-name a:hover {
color:#333
}

/*FOOTER*/
ul#footer {
border-top:2px solid #b5b7ba;
font-weight:700;
padding:5px 0;
text-align:center
}

ul#footer li {
display:inline;
padding:0 3px
}

/*ITEMS*/
.item {
border-bottom:7px solid #b5b7ba;
border-left:1px solid #b5b7ba;
border-right:1px solid #b5b7ba;
border-top:1px solid #b5b7ba;
float:left;
height:185px;
margin:5px 10px 5px 0;
text-align:center;
width:135px;
background-color:#fff;
}

.item:hover {
border-bottom:7px solid #ed1c24;
color:#ed1c24;
}

.item .brand {
margin-top:5px;
color:#939598;
letter-spacing:normal;
}

.item:hover .brand {
color:#ed1c24
}

.item .itemimage {
height:100px;
margin:5px 0px 0px 0px;
overflow:hidden;
width:135px
}


.item .itemname {
	color:#939598;
	letter-spacing:normal;
	line-height:normal;
	padding:0 7px 5px
}

.item .itemname a {
	font-size:10px;
	font-weight:400;	
}



.item .itemname a:hover  {
	color:#333;
}

#pagelinks {
	color:#202020;
	margin:10px 20px 0px 0px;
	font-size:12px;	
	text-align:right;
	font-weight:normal;
	font-variant:small-caps;
	letter-spacing:1px;
}	

#pagelinks a {
	color:#333;
	padding:0px 3px 0px 3px;
	font-weight:normal;
}	

#pagelinks a:hover {
	color:#ed1c24;	
}	

#pagelinks a.active {
	color:#ed1c24;	
	font-weight:bold;
}

/*PRODUCT DESCRIPTION*/
#itemdetail {
	margin:10px 0;
}

#itemdetail .itemdetail-wrap {
	padding:0 25px 0 0px;
	float:right;
	width:540px;
}

#itemdetail .itemdescription {
}

#itemdetail .itemimage {
margin-right:15px;
overflow:hidden;
width:200px;
float:left;
}

#itemdetail h2.brand {
font-size:20px;
margin:10px 0 0;
padding:0;
text-transform:uppercase
}

#itemdetail h1.itemname {
float:left;
font-size:20px;
font-weight:400;
text-transform:capitalize
}

#itemdetail .size {
	margin:8px 0px 0px 8px;
	float:left;
}



#itemdetail h3 {
margin-bottom:20px
}

#itemdetail .itemdescription{
	clear:both;
}

#itemdetail p {
	margin-top:20px
}

#itemdetail .itemprice {
	margin-top:10px;
	font-size:14px;
	font-weight:normal;
}

#itemdetail .itemprice2 {
	margin-top:10px;
	font-size:14px;
	font-weight:normal;
}


#detaillinks {	
	width:750px;
	color:#333;
	font-size:13px;
	margin-top:10px;
	font-variant:small-caps;
	letter-spacing:1px;
}

#detaillinks .left {	
	width:400px;
	float:left;
	color:#c0c0c0;
}


#detaillinks .right {	
	float:right;
	width:400px;
	color:#c0c0c0;
	text-align:right;
}

#detaillinks a {	
	color:#333;
	font-weight:normal;
	font-size:13px;
	
}

#detaillinks  a:hover {
	color:#ed1c24;
}


.itemmessage {
	margin-top:20px;
	color:#333;
}

#brand-detail {
	width:760px;
	padding-top:15px;	
	margin-top:-15px;
}

#brand-imagewrap  {
	width:760px;
	height:140px;
	border-bottom: 1px solid #BEE2F0;
}

#brand-logoonly {
	position:relative;
	text-align:center; /* for IE */
	width:760px;
}

#brand-detail #brand-logo {
	width:158px;
	height:140px;
	overflow:hidden;	
	float:left;
}

#brand-detail #brand-image {
	width:602px;
	height:140px;
	overflow:hidden;	
	float:left;	
}

#brand-logoonly #brand-logo{
	text-align:left;
	width:158px;
	height:140px;
	margin:auto;
	float:none;
}

#brand-detail #brand-description {
	width:738px;
	padding:10px 10px 0px 10px;	
}
	

						
/* CONTENT */
#infocontent {
	width:735px;
	float:left;
}

#infocontent h1 {
	width:728px;
	height:28px;
	padding-left:10px;
	margin:0px 0px 15px 0px;
	background-color:#BEE2F0;
	letter-spacing:1px;
	line-height:28px;
}



/*Landing*/



#segment1 {
margin-top:-25px;
width:960px;
height:200px;
background:#fff url(../images/segment1.jpg) bottom left no-repeat;
}

#segment2 {
width:960px;
height:217px;
}

#segment3 {
width:960px;
height:183px;
}


/**MAIN MENU**/
#landing-menu {
padding:160px 0px 0px 40px;
height:30px;
text-align:center;

}

#landing-menu li {
display:inline;
margin:0;
padding:0
}

#landing-menu li a {
cursor:pointer;
float:left;
margin:0 7px 0 6px;
padding:0 9px 0 12px;
text-decoration:none;
text-transform:capitalize;
color:#214149;
}

#landing-menu li a:hover {
color:#ed1c24
}

#landing-menu span {
cursor:pointer;
display:block;
float:left;
font-weight:700;
padding:4px 6px 2px 3px;
}

.contentblock ul  {
	list-style:disc;
	margin-left: 20px;
	margin-bottom: 20px;
}

#itemdetail ol  {
	margin-left: 15px;
	margin-bottom: 20px;	
}

#itemdetail ul  {
	list-style:disc;
	margin-left: 20px;
	margin-bottom: 20px;
}


.contentblock a {
	color:#ed1c24
}

.contentblock a:hover {
	color:#333;
}	


.contentblock.floatright {
float:right;
}

.contentblock .floatleft  {
float:left;
}


.contentblock .alignright {
float:right;
margin:0 0 2px 15px;
border-left:10px solid #fff;
}

.contentblock .alignleft  {
float:left;
margin:0 15px 2px 0px;
border-right:10px solid #fff;
}

#category-description {
	margin-top:10px;
	width:750px;
	padding:5px;
	border-bottom:1px solid #BEE2F0;
}


#mainhome {
margin:-30px 11px 15px 25px;
}

#home-intro {
	width:920px;
	margin:0px;
	padding:0px;
	color:#5A5B5E;
	font-size:16px;
}	

#home-intro span {
	color:#94C4D7;
	font-size:42px;
	font-weight:normal;
	margin-right:5px;
}

#home-left {
	float:left;
	width:500px;
	margin:0px 12px 0px 0px;
	padding:0px;
}

#home-right {
	float:left;
	width:412px;
	margin:0px;
	padding:0px;
}



/*CROSS SELL*/
#cross-sellhome {
margin:0px;
overflow:hidden;
padding:0px;
height:198px;
}

#cross-sellhome h4 {
color:#202020;
letter-spacing:normal;
background:#BEE2F0;
padding:5px;
height:19px;
width:397px;
}

/*ITEMS*/
#cross-sellhome .item {
border-bottom:7px solid #b5b7ba;
border-left:1px solid #b5b7ba;
border-right:1px solid #b5b7ba;
border-top:1px solid #b5b7ba;
float:left;
height:155px;
margin:2px 5px 5px 0;
text-align:center;
width:96px;
background-color:#fff;
}

#cross-sellhome .item:hover {
border-bottom:7px solid #ed1c24;
color:#ed1c24;
}

#cross-sellhome .item .brand {
margin-top:5px;
color:#939598;
letter-spacing:normal;
}

#cross-sellhome .item:hover .brand {
color:#ed1c24
}

#cross-sellhome .item .itemimage {
height:68px;
margin:5px 0px 0px 0px;
overflow:hidden;
width:95px
}

#cross-sellhome img {
	height:68px;
}

#cross-sellhome .item .itemname {
	color:#939598;
	letter-spacing:normal;
	line-height:normal;
	padding:0 7px 5px;
	line-height:11px;
}

#cross-sellhome .item .itemname a {
	font-size:10px;
	font-weight:400;	
}



#cross-sellhome .item .itemname a:hover  {
	color:#333;
}

#featured-week {
	height:385px;
	margin:0px;
	padding:0px;
}

#featured-week h4 {
color:#202020;
letter-spacing:normal;
background:#BEE2F0;
padding:5px;
height:19px;
margin-bottom:5px;
}


#featured-week .brand{
	font-size:28px;
}

#featured-week .itemname a{
	font-size:16px;
	font-weight:normal;
}



#featured-week .featured-item  {
	margin-top:10px;
}
#featured-week .featured-item .featured-left {
	float:left;
	width:250px;
	margin:0px;
}

#featured-week .featured-item .featured-right {
	float:left;
	width:250px;
	margin:0px;
	text-align:center;
}


#featured-week .featured-item .itemdescription {
	margin-top:20px;
}

#featured-week .featured-item .itemcaption {
	text-align:center;
	width:220px;
	font-weight:bold;
	margin-top:5px;
}

#featured-week .featured-item .message {
	color:#ed1c24;
	font-size:11px;
	margin-top:20px;
}

#mainhome  #home-buttons {
	margin:0px;
}


#mainhome  #home-buttons .image{
	margin-top:2px;
	height:65px;
	width:262px;
}

#mainhome #home-text {
	float:left;
	width:490px;
	margin:0px;
	padding:0px;
}

#mainhome #home-text p {
	margin:0px;
	padding:0px;
}

#mainhome #home-brandarea {
	height:200px;
}

#mainhome #home-brandarea #home-brand {
	width:196px;
	text-align:center;
	border:1px solid #BEE2F0;
}

#mainhome #home-brandarea #home-brand h4 {
	color:#202020;
	letter-spacing:normal;
	background:#BEE2F0;
	padding:5px;
	height:19px;
	margin-bottom:5px;
	font-weight:bold;
}

#mainhome #home-brandarea #home-brand #brand-logo {
	width:192px;
	overflow:hidden;	
	float:left;
}

#mainhome #home-brandarea #home-brand #brand-logo img {
	width:158px;
}