/* GIRL HOMEPAGE
----------------------------------------------*/
#homeContent {
	width: 770px;
	margin: 0 auto 0 auto;
	padding: 0;
	background: #FFFFFF;
}
#homeContent .promo {
	margin: 0 0 10px 0;
}
#homeLeft {
	float:left;
	width: 355px;
	padding: 0;
	margin: 0 0 10px 20px;
	display: inline;
}
#homeRight {
	float:left;
	width: 355px;
	padding: 0;
	margin: 0 20px 10px 20px;
	display: inline;
}
.homeList {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
.homeList li {
	float: left;
	display: inline;
	margin: 0;
	padding: 0;
	height: 150px;
	width: 350px;
}
.homeList li p {
	padding: 0;
	margin: 10px;
}
.homeList li img {
	float: left;
	margin: 0 10px 0 0;
	width: 120px;
	height: 120px;
	padding: 4px;
	border: 1px solid #cccccc;
}
/* GIRL PRODUCTS
----------------------------------------------*/
#productContent {
	margin: 30px 0 50px;
	padding: 0;
}
#productContent .promo {
	margin: 0 0 10px 0;
}
#productLeft {
	display:inline;
	float:left;
	width: 360px;
	padding: 0;
	margin: 0 0 0 40px;
}
#productRight {
	display:inline;
	float:left;
	padding: 0;
	margin: 0 0 0 40px;
	width: 300px;
}
#productContent h1 {
	padding: 0 0 20px;
	font-size: 24px;
	text-shadow:1px 1px rgba(0, 0, 0, 0.3);
}
.btn-shop a {
	background:transparent url(../images/btn_shop.gif) no-repeat scroll 0 0;
	display:block;
	height:25px;
	margin:50px 0 10px 0;
	overflow:hidden;
	padding:0;
	text-indent:-10001em;
	width:100px;
}
.color-swatches {
	margin: 5px 0 0 0;
}
.view-all a {
	font-family: "Lucida Grande", Tahoma;
	font-size: 11px;
	text-transform: uppercase;
	color: #02736c;
	background:transparent url(../images/next-arrow.gif) no-repeat scroll right 2px;
	padding-right:14px;
}
.view-all a:hover {
	color: #be146f;
}
a.prev-item {
	background:transparent url(../images/prev-arrow.gif) no-repeat scroll left 2px;
	color:#666;
	padding-left:14px;
	float: left;
	margin-left: 5px;
}
a.next-item {
	background:transparent url(../images/next-arrow.gif) no-repeat scroll right 2px;
	color:#666;
	padding-right:14px;
	position: relative;
	margin-left: 145px;
}
a:hover.prev-item, a:hover.next-item {
	color:#02736c;
}
/* GIRL LINKS
----------------------------------------------*/
#linksContent {
	width: 770px;
	margin: 0 auto 0 auto;
	padding: 10px 0 40px 0;
	float: left;
	background: #FFFFFF;
}
#linksLeft {
	float:left;
	width: 355px;
	padding: 0;
	margin: 0 0 10px 20px;
	display: inline;
}
#linksRight {
	float:right;
	width: 355px;
	padding: 0;
	margin: 0 20px 10px 20px;
	display: inline;
}
.linksList {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
.linksList li {
	float: left;
	display: inline;
	margin: 0;
	padding: 0;
	height: 100px;
	width: 350px;
}
.linksList li p {
	padding: 0;
	margin: 10px 0;
}
.linksList li img {
	float: left;
	margin: 0 10px 0 0;
	width: 160px;
	height: 80px;
	border: 1px solid #C3C59D;
}
/*-  press gallery
----------------------------------------------------------------------*/

#press_gallery {
	float: left;
	margin: 10px 0 10px 10px;
	padding: 10px;
}
.press_item {
	position: relative;
	width: 100px;
	float: left;
	margin: 0 5px 5px 0;
	padding-bottom: 0;
	font-size: 10px;
}
.press_item img {
	background:  #ffffff;
	width: 100px;
	height: 133px;
}
.press_item a:hover img {
}
.press_item_last {
	margin: 0 0 5px 0;
}
.press_item_clear {
	height: 1px;
	clear: both;
}
/* Advanced CSS hover for Collection */
a.feature01 {
	display: block;
	margin: 0;
	float: left;
	position: relative;
}
a.feature01 .overlay01 .caption01 {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 133px;
	line-height: 30px;
	width: 100px;
	z-index: 3;
	text-indent: -9999em;
	color: #ffffff;
	text-transform: uppercase;
	font-size: 10px;
	overlay: hidden;
	text-decoration: none;
}
a.feature03:hover .caption01 {
	top: 0px;
	text-indent: 0;
	line-height: 133px;
	text-align: center;
	background: rgb(106,201,201);
	background: rgba(106, 201, 201, 1.00); /* for browsers that know rgba */
}
a.feature01 img {
	display: block;
}

/* Advanced CSS hover for Products */
a.product01 {
	display: block;
	margin: 0;
	float: left;
	position: relative;
}
a.product01 .overlay01 .caption01 {
	position: absolute;
	top: 0px;
	left: 0px;
	padding-top: 120px;
	height: 280px;
	width: 300px;
	z-index: 3;
	text-indent: -9999em;
	color: #ffffff;
	text-transform: uppercase;
	font-size: 16px;
	overlay: hidden;
	text-decoration: none;
}
a.product03:hover .caption01 {
	top: 0px;
	text-indent: 0;
	line-height: 150px;
	text-align: center;
	background: rgb(0,0,0);
	background: rgba(0, 0, 0, 0.50); /* for browsers that know rgba */
}
a.product01 img {
	margin-bottom: 10px;
}