/* CSS Document */

/* MAIN LAYOUT ELEMENTS */
body {
	background-color: #A8A9AD;
	margin-left: 0px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
}
body,td,th {
	color: #231F20;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 10px;
	text-transform: none;

}

a{text-decoration: underline;color: #231F20;}
a:hover{text-decoration: none;color: #231F20;}

#container {
	height: 575px;
	width: 840px;
	margin-right: auto;
	margin-left: auto;
}
#container #content #contentLeftArrowBox, #container #content #contentRightArrrowBox {
	width: 12px;
	margin-top: 250px;
	height: 30px;
	float:left;
}

#container #content #contentMain #loobookImageBox #lookbookLeftArrowBox, #container #content #contentMain #loobookImageBox #lookbookRightArrrowBox {
	width: 8px;
	margin-top: 205px;
	height: 30px;
	float:left;
}


#container #content #contentMain #loobookImageBox {
	width:290px;
	height:285px;
	margin-left:auto;
	margin-right:auto;
	
}
#container #content #contentMain #loobookImageBox #lookbookImage{
	float: left;
	margin-right: 8px;
	margin-left: 8px;margin-top: 15px;
}
#container #content #contentMain #loobookImageBox #lookbookImage img{
	margin-bottom:5px;
}


#container #content #contentMain #contentColumn #loobookImageBox #lookbookImage #lookbookImageText .lookbookText1{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	text-transform: uppercase;
	color: #A8A9AD;
	display: block;
}

#container #content #contentMain #contentColumn #loobookImageBox #lookbookImage #lookbookImageText .lookbookText2{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	text-transform: uppercase;
	color: #A8A9AD;
	display: block;
	font-style: italic;
}

#container #header {
	text-align: center;
}
#container #content #contentMain {
	height: 510px;
	width: 800px;
	float:left;
	background-color: #FFFFFF;
	margin-left:8px;
	margin-right:8px;
	background-image: url(../images/ui/bg_solidwhite.jpg);
	background-repeat: repeat-y;

}
#container #footer {
	clear: both;
	padding-top:7px;
}
#container #footer #mainnav {
	width: 620px;
	margin-right: auto;
	margin-left: auto;
	/*border: thin solid #FF0000;*/
}

/* CONTENT LAYOUT ELEMENTS */
#container #content #contentMain #contentColumn {
	float: left;
	height: 420px;
	width: 308px;
	padding: 45px;
		margin:0px;
}
#container #content #contentMain #contentColumnDivider {
	float: left;
	height: 510px;
	width: 4px;
	padding: 0px;
	margin:0px;
}

#container #content #contentMain #contentColumnScroll {
	float: left;
	height: 420px;
	width: 308px;
	padding: 45px;
	overflow: auto;
	margin:0px;
}

#container #content #contentMain #contentImageColumnScroll {
	float: left;
	height: 490px;
	width: 388px;
	overflow: auto;
	margin:0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 10px;
}

#container #content #contentMain #contentGalleryColumn {
	float: left;
	height: 420px;
	width: 710px;
	padding: 45px;
	margin:0px;
}

#container #content #contentMain #contentGalleryColumnScroll {
	float: left;
	height: 340px;
	width: 710px;
	overflow: auto;
	margin:0px;
}

#container #content #contentMain #contentColumnImage {
	float: left;
	height: 510px;
	width: 398px;
	margin:0px;
}

#container #content #contentMain #contentSpacer {
	clear:both;
	height: 35px;
	width: auto;
}

#container #content #contentMain #lovesLinksList {	width: auto;}
#container #content #contentMain #lovesLinksList a{
	display:block;
	margin-bottom:8px;
	text-transform: uppercase;
	text-decoration: none;color: #A8A9AD;
}
#container #content #contentMain #lovesLinksList a:hover{
	display:block;
	margin-bottom:8px;
	text-transform: uppercase;
	text-decoration: none;color: #231F20;
}


#container #content #contentMain #pressLinksList {
	width: auto;
	text-decoration: none;	
}
#container #content #contentMain #pressLinksList a{
	display:block;
	margin-bottom:8px;
	font-size: 12px;
	color: #A8A9AD;
	text-decoration: none;
}
#container #content #contentMain #pressLinksList a:hover{
	display:block;
	margin-bottom:8px;
	text-decoration: none;
	color: #231F20;
}
#container #content #contentMain #pressLinksList .pressLinkListSelected{ display:block; margin-bottom:8px;	text-decoration: none;
	color: #231F20;}

#greyLine{
	height: 10px;
	width: auto;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #231F20;
}

#whiteLine{
	height: 10px;
	width: auto;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #FFFFFF;
}

#dummyLine{
	height: 11px;
	width: auto;
}

#container #content #contentMain #greySubNav {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	text-transform: uppercase;
	width: auto;
	font-weight: bold;
	color: #A8A9AD;
}

#container #content #contentMain #greySubNav .greySubNavSelected{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	text-transform: uppercase;
	width: auto;
	font-weight: bold;
	color: #231F20;
}

#container #content #contentMain #greySubNav a {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: bold;
	color: #A8A9AD;
	text-decoration: none;
}

#container #content #contentMain #greySubNav a:hover {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: bold;
	color: #231F20;
}


#container #content #contentMain #whiteSubNav {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	text-transform: uppercase;
	width: auto;
	font-weight: bold;
	color: #A8A9AD;
}

#container #content #contentMain #whiteSubNav .whiteSubNavSelected{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	text-transform: uppercase;
	width: auto;
	font-weight: bold;
	color: #FFFFFF;
}

#container #content #contentMain #whiteSubNav a {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: bold;
	color: #A8A9AD;
	text-decoration: none;
}

#container #content #contentMain #whiteSubNav a:hover {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: bold;
	color: #FFFFFF;
}

/* LOOK BOOK STYLES */

#container #content #contentMain #lbImageContainer {
width:308px;
}
#container #content #contentMain #lbImageContainer #lbImageBox {
	float: left;
	height:53px;
	width:68px;
	border: 0px solid #FF0000;
}
#container #content #contentMain #lbImageContainer #lbImageBox img{
	margin-right: 2px;
}
#container #content #contentMain #lbImageContainer #lbImageVertSpacer {
	float: left;width: 9px;height:53px;
}
#container #content #contentMain #lbImageContainer #lbImageHorzSpacer {
clear:both;height:11px;
}

/* MAIN NAVIGATION ELEMENTS */
#container #footer #mainnav #mnSeperator{
	display: block;	float: left;height: 20px;width: 8px; margin-left:5px;margin-right:5px;
	background-image: url(../images/ui/mnav_needle.jpg);
}

#container #footer #mainnav #mnHome{
	display: block;	float: left;height: 20px;width: 41px;
}
#container #footer #mainnav #mnHome a{
	display: block;	float: left;height: 20px;width: 41px;
	background-image: url(../images/ui/mnav_home.jpg);
}
#container #footer #mainnav #mnHome a:hover{
	display: block;	float: left;	height: 20px;	width: 41px;
	background-image: url(../images/ui/mnav_home_ov.jpg);
}

#container #footer #mainnav #mnAbout{
	display: block;	float: left;height: 20px;width: 46px;
}
#container #footer #mainnav #mnAbout a{
	display: block;	float: left;height: 20px;width: 46px;
	background-image: url(../images/ui/mnav_about.jpg);
}
#container #footer #mainnav #mnAbout a:hover{
	display: block;	float: left;height: 20px;width: 46px;
	background-image: url(../images/ui/mnav_about_ov.jpg);
}


#container #footer #mainnav #mnNews{
	display: block;	float: left;height: 20px;width: 37px;
}
#container #footer #mainnav #mnNews a{
	display: block;	float: left;height: 20px;width: 37px;
	background-image: url(../images/ui/mnav_news.jpg);
}
#container #footer #mainnav #mnNews a:hover{
	display: block;	float: left;height: 20px;width: 37px;
	background-image: url(../images/ui/mnav_news_ov.jpg);
}


#container #footer #mainnav #mnCollections{
	display: block;	float: left;height: 20px;width: 93px;
}
#container #footer #mainnav #mnCollections a{
	display: block;	float: left;height: 20px;width: 93px;
	background-image: url(../images/ui/mnav_collections.jpg);
}
#container #footer #mainnav #mnCollections a:hover{
	display: block;	float: left;height: 20px;width: 93px;
	background-image: url(../images/ui/mnav_collections_ov.jpg);
}


#container #footer #mainnav #mnPress{
	display: block;	float: left;height: 20px;width: 39px;
}
#container #footer #mainnav #mnPress a{
	display: block;	float: left;height: 20px;width: 39px;
	background-image: url(../images/ui/mnav_press.jpg);
}
#container #footer #mainnav #mnPress a:hover{
	display: block;	float: left;height: 20px;width: 39px;
	background-image: url(../images/ui/mnav_press_ov.jpg);
}


#container #footer #mainnav #mnSales{
	display: block;	float: left;height: 20px;width: 39px;
}
#container #footer #mainnav #mnSales a{
	display: block;	float: left;height: 20px;width: 39px;
	background-image: url(../images/ui/mnav_sales.jpg);
}
#container #footer #mainnav #mnSales a:hover{
	display: block;	float: left;height: 20px;width: 39px;
	background-image: url(../images/ui/mnav_sales_ov.jpg);
}


#container #footer #mainnav #mnStockists{
	display: block;	float: left;height: 20px;width: 71px;
}
#container #footer #mainnav #mnStockists a{
	display: block;	float: left;height: 20px;width: 71px;
	background-image: url(../images/ui/mnav_stockists.jpg);
}
#container #footer #mainnav #mnStockists a:hover{
	display: block;	float: left;height: 20px;width: 71px;
	background-image: url(../images/ui/mnav_stockists_ov.jpg);
}


#container #footer #mainnav #mnLoves{
	display: block;	float: left;height: 20px;width: 41px;
}
#container #footer #mainnav #mnLoves a{
	display: block;	float: left;height: 20px;width: 41px;
	background-image: url(../images/ui/mnav_loves.jpg);
}
#container #footer #mainnav #mnLoves a:hover{
	display: block;	float: left;height: 20px;width: 41px;
	background-image: url(../images/ui/mnav_loves_ov.jpg);
}

#container #footer #mainnav #mnContact{
	display: block;	float: left;height: 20px;width: 63px;
}
#container #footer #mainnav #mnContact a{
	display: block;	float: left;height: 20px;width: 63px;
	background-image: url(../images/ui/mnav_contact.jpg);
}
#container #footer #mainnav #mnContact a:hover{
	display: block;	float: left;height: 20px;width: 63px;
	background-image: url(../images/ui/mnav_contact_ov.jpg);
}


/* CONTENT CLASSES */
.whiteHeading {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	color: #FFFFFF;
	font-style: italic;
	text-transform: uppercase;
		margin-top:0px;
}

.whiteSubHeading {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	color: #FFFFFF;
	text-transform: uppercase;
	margin-top:0px;
	
	font-weight: bold;
}

.whiteLargeBodyText {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	color: #FFFFFF;
	font-weight: lighter;
}

.whiteBodyText {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #FFFFFF;
}
.whiteBodyTextHeading {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #FFFFFF;	
	text-transform: uppercase;font-weight: bold;
}

.greyHeading {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	color: #231F20;
	font-style: italic;
	text-transform: uppercase;
	margin-top:0px;
}

.greySubHeading {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	color: #231F20;
	text-transform: uppercase;
	margin-top:0px;
	font-weight: bold;
}
.greyLargeBodyText {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	color: #231F20;
	font-weight: lighter;
}
.greyBodyText {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #231F20;
}
.greySmallBodyText{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 10px;
	color: #231F20;
	text-transform: none;font-weight: normal;
}
.greySmallBodyTextHeading {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 10px;
	color: #231F20;
	text-transform: uppercase;font-weight: bold;
}
a.whiteLink{color: #FFFFFF;}