﻿

#style_guide {
	background-color:#E5E5E5;
	margin:0;
	margin-left: 5px;
	margin-right: 5px;
	display:inline-block;
	padding-left:5px;
	padding-bottom: 20px;
}
#womens_header, #mens_header  {
	font-family:Helvetica, Arial, Helvetica, sans-serif;
	font-size: 27px;
	display:inline-block;
	width: 485px;
}
#womens_header {
	color: #FF33CC;
} 
#mens_header {
	color:#0066FF;
} 

.style_block {
	width: 485px;
	display:inline-block;
	float:left;
	border: #C0C0C0 solid;
	border-width: 1px;
	margin-right: 7px;
	background-color:#FFFFFF;
	padding-bottom: 15px;
}
.womens_title, .mens_title {
	width: 350px;
	display:inline-block;
	color:#FFFFFF;	
	line-height: 22px;
	height: 24px;
	padding-left: 6px;
}

.womens_title {
	background-color:#FF33CC;
}

.mens_title {
	background-color:#0066FF;
}
.style_block ul {
	margin:0;
	margin-left: -15px;
	list-style-type:square;
}
.style_block ul a {
	color:#666666;
	text-decoration: none;
}
.style_block ul a:hover {
	text-decoration:underline;
}


/* Previous Style Guide */
/*
#allstyles  {
	background-position: top;
	margin-left: 50px;
	background-image: url(frame/style_banner.png);
	background-repeat: repeat-y;
}

#allstyles .style {
	border: 1px #999999 solid;
	width: 218px;
	height: 200px;
	margin-top: 10px;
	float: left;	
	margin-left: 15px;
}

#allstyles .style h2 {
	margin: 0;
	padding: 0;
	background-color: #CA00CA;
	width: 212px;
	font-size: 10px;
	color: #FFFFFF;
	line-height: 22px;
	padding-left: 6px;
	text-transform: uppercase;
	margin-bottom: 4px;
}
.stylelink {
	padding-left: 4px;
	padding-right: 4px;
}

.stylelink span {
	font-size: 13px;
	color:#000000;
}
#allstyles a {
	text-decoration: none;
}
#allstyles a:hover {
	text-decoration:underline;
}
*/
