/* -- 888 Brannan --------------------------------------------------- */
/* global settings */

html 	{ 	/*overflow: auto; 	height:100%;*/ }
	/* fixes MSIE scrollbar bug DO NOT REMOVE, has no effect in Mozilla, or Opera */
body 	{ margin: 0px; padding: 0px; font-size: 0.85em; line-height: 1.2em;	font-family: Arial, "Times New Roman", Times, serif; color: #6f7071;}
body {
    SCROLLBAR-FACE-COLOR: #dac893; 
	SCROLLBAR-HIGHLIGHT-COLOR: #c9c8c2; 
	SCROLLBAR-SHADOW-COLOR: #dac893; 
	SCROLLBAR-3DLIGHT-COLOR: #dac893; 
	SCROLLBAR-ARROW-COLOR: #333536; 
	SCROLLBAR-TRACK-COLOR: #dac893; 
}	
p 		{  color: #6f7071; font-family: Arial, "Times New Roman", Times, serif; }
h1, h3, h5, h2, h4, h6, body, p 	{	font-family: Arial, "Times New Roman", Times, serif; }
blockquote, em,  i, .feedBy  		{	font-family: Georgia, "Times New Roman", Times, serif; }

h1, h2, h3, h4, h5, h6	{	padding:0px; 	margin: 0px; }

h1		{	font-size: 1.4em;	color: #4f472e;		font-weight: bold; }
h2 		{	font-size: 1.3em;	color: #0c6679;		font-weight: bold; }
h3 		{	font-size: 1.0em;	color: #2575ad;		font-weight: bold;	padding-top: 5px; }
h4 		{	font-size: 0.85em;	color: #2575ad;		font-weight: bold; }
h5 		{	font-size: 0.75em;	color: #424242;		font-weight: bold; }

div 		{	margin: 0px;	padding: 0px; }
img 		{	border: 0px; 	margin: 0px;	padding: 0px; }
a 			{	color: #9b998e;	text-decoration: underline; }
a:hover 	{	color: #333536;	text-decoration: underline; }
.smText { font-size: 0.85em;}
.emRedText {color: red;}
.emRedText a:visited {color: red;}
.emRedText a, .emRedText a:link{color: red;}
.emRedText a:hover  {color: #990000;}
.brownText 	{	color: #4f472e; }
.orangeText	{	color: #f7a31a; }
.dorangeText{	color: #e96820; }
.grayText	{	color: #737369; }
.blueText	{	color: #17505d; }
.lblueText 	{ 	color: #045689; }
.greenText 	{	color: #555520; }
.redText	{	color: #990000; }
.purpleText	{	color: #907577; }
.aquaText	{	color: #0c6679; }
.headerInfo {	color: #555520; }

.clear 	{ clear: both; }
form 	{	margin: 0px; padding: 0px; }
input, select, option, textarea	{  }

/* general pages: contact us, about us, etc, text elements in the top of the page with image*/
.introHeader { 
	color: #FFFFFF;
	font-size: 1.5em;
	font-weight: bold;
}
.calloutHeader { /* for body content area callout header */
	font-size: 1.2em;
	color: #b2bb1c;
	font-weight: bold;
}
.calloutTitle { /* for left general callout title */
	font-size: 1.2em;
	color: #b2bb1c;
	font-weight: bold;
}
/* -------------------------------------------------------------------- */


.listLinkBlack {
	color: #c0bdaf;
	padding: 2px 0px 0px 14px;
	background: url("images/green_arrow.gif") no-repeat left 5px;
}
.listLinkBlack a {
	color: #c0bdaf;
}
.listLinkBlack a:hover {
	color: #333536;
}
a.listLinkBlack:hover {
	padding: 2px 0px 0px 14px;
	background: url("images/green_arrow.gif") no-repeat left 5px;
	color: #333536;
}


/* -------------------------------------------------------------------- */
/* -------------------------------------------------------------------- */
/* -------------------------------------------------------------------- */
/* top level layout */
#layoutContainer {
	width: 100%;
	background-color: #FFFFFF;
}
.layoutArea { 
	width: 900px; 
	margin: auto; 
	background-color: #dac893; /* working are background color */
}



/* -------------------------------------------------------------------- */
/* -------------------------------------------------------------------- */
/* global header elements */
#headerContainer {
	width: 900px;
	height: 134px;
	margin: auto;
	background-color: #dac893;
}
#headerContent {
	padding-top: 18px;
	padding-left: 19px;	
	font-size: 0.8em;
}
#headerLogo {
	float: left;
	width: 128px;
	height: 116px;
	border-right: 19px solid #dac893;
	background-color: #dac893;
}
/* mini navigation decoration, position */
#miniTopNav {
	float: left;
	width: 734px;
	height: 116px;	
	background: #dac893 url("images/home_header.gif") no-repeat top left;
}
.miniNavText {	
	text-align: right;
	font-size: 1.1em;
	/*color: #907577;*/
	color: #514f26;
	padding-top: 10px;
	padding-right: 12px;
}	
a.miniLink:link {
	/*color: #907577;*/
	color: #514f26;
	text-decoration: none;
	padding-left: 4px;
	padding-right: 4px;	
}
a.miniLink:visited {
	/*color: #907577;*/
	color: #514f26;
	text-decoration: none;
	padding-left: 4px;
	padding-right: 4px;	
}
a.miniLink:hover {
	/*color: #5e4648;*/
	color: #74756f;
	text-decoration: inderline;
	padding-left: 4px;
	padding-right: 4px;	
}
/* -------------------------------------------------------------------- */
/* -------------------------------------------------------------------- */



/* -------------------------------------------------------------------- */
/* -------------------------------------------------------------------- */
/* Main Nav elements */
#mainNavContainer {	
	clear: both;
	width: 900px;
	height: 31px;
	margin: auto;
	background-color: #dac893;
}
#mainNavContent {
	font-size: 0.8em;
}
#mainNavLeftArea {
	float: left;
	width: 166px;
	height: 31px;
	display: block;	
	background-color: #dac893;
}
/* navigation decoration, position */
#mainNavArea {
	float: left;
	width: 734px;
	height: 31px;
	background-color: #dac893;
}
#mainNavLinks ul {
	float: left;
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#mainNavLinks ul li.navLink1 {
	float: left;
	margin: 0px;
	padding: 0px;	
}
/* -------------------------------------------------------------------- */
/* -------------------------------------------------------------------- */



/* -------------------------------------------------------------------- */
/* -------------------------------------------------------------------- */
/* 	global page container */
#pageContainer {
/* contain left navigation and right conent area */
	clear: both;
	width: 900px;
	height: 395px;
	margin: auto;
	background-color: #dac893;
}
/* content - left side navigation and sub elements */
.leftNavModule {
	float: left;
	width: 166px;
	height: auto;
	display: block;	
}
.leftNavArea {
	width: 150px;
	padding-top: 15px;
	margin-left: 8px;
	margin-right: 8px;	
}
.leftNavItem {
	height: auto;
	text-align: right;
	padding-bottom: 5px;
	padding-right: 10px;
	/*background-color: olive;*/
}
ul.leftNav, ul.leftNavOn {
	margin: 0px;
	padding-left: 0px;
	list-style: none;
}
ul.leftNav li a:hover, ul.leftNavOn li a:hover {
	color: #FFFFFF;
}
ul.leftNav li, ul.leftNavOn li {
	display: block;
	cursor: pointer;
}
ul.leftNav li a, ul.leftNavOn li a {
	text-decoration: none;
}
ul.leftNav li {
	padding-left: 1px; 
} 
ul.leftNavOn li {
	padding-left: 1px; 
}
ul.leftNav li a {
	color: #4f472e;
}
ul.leftNavOn li a {
	color: #ffffff;
}
.navTitle {
	padding-bottom: 6px;
	color: #525252;
	font-weight: bold;	
	font-size: 0.9em;
}
.navSubTitle {
	padding-bottom: 4px;
	color: #525252;
	font-size: 0.80em;
}
.navSubTitleOn {
	padding-bottom: 4px;
	color: #525252;
	font-size: 0.80em;
	text-decoration: underline;	
} 
ul.leftNavOn li .navSubTitle a:hover{
	text-decoration: underline;	
}
ul.leftNavOn li .navSubTitleOn a, 
ul.leftNavOn li .navSubTitleOn a:link, 
ul.leftNavOn li .navSubTitleOn a:hover{
	text-decoration: underline;	
}

/* -------------------------------------------------------------------- */
/* content - right side elements */
.mainRightContentModule {
	float: left;
	height: auto;
	display: block;	
	width: 734px;
	/*height: 395px;*/
	background-color: #e5d8b0;
}
/* overview module */
.overviewContainer {
	overflow: hidden;
	padding-top: 15px;
	padding-left: 15px;
	padding-right: 15px;	
}
.overviewModule {
	float: left;
}
.overviewModule .overviewLeft {
	float: left;
	width: 510px;
}
.overviewModule .overviewRight {
	float: left;
	width: 194px;
	height: 380px;
	background-color: #cbb777;		
}
.categoryItem {
	text-align: right;
	border-bottom: 5px solid #e5d8b0;
}
.introText {
	padding: 10px;
	overflow: hidden;
	font-size: 0.9em;
	color: #514f26;	
	background-color: #cbb777;	
}






/* -------------------------------------------------------------------- */
/* -------------------------------------------------------------------- */
/* showrooms list */
.overviewOneColumn {
	width: 704px;
	/*font-size: 0.85em;*/
	margin-bottom: 15px;
}
#box_iframe {
	margin: 0px;
	padding: 0px;
	height: 450px;
	overflow: auto;	
	width: 704px;
}
.showroomListTable {
	font-size: 0.85em;
}
/* showrooms data table */
.dataTableHeadingRow { 
	background-color: #dac893; 
	/*height: 25px; */
	font-size: 0.9em;	
	padding-left: 5px;
}
.dataTablePageHeadingRow { 
	height: 25px;  
	color: #514f26;
	padding: 5px;
}
.dataTableHeadingContent { 
	color: #333536; 
	font-weight: bold; 
}
.showroomHeadingRow { 
	background-color: #ffffff; 
	padding-left: 5px;
	font-size: 0.85em;	
}
.showroomHeadingTitle { /* Jewely, Gift & Lifestyle, SF Kid's Wear, LIVE! */
	height: 15px;  
	color: #b2bb1c;
	padding: 5px;
	font-weight: bold; 
	font-size: 1.2em;	
}
.dataTableRowOdd { 
	background-color: #f8f8f8; 
}
.dataTableRowEven {  
	background-color: #ffffff;
}
.dataTableRowOver { 
	background-color: #f7f6f1; 
	cursor: pointer; cursor: hand; 
}
.overviewOneColumn a {
	color: #74756f;
}
.overviewOneColumn a:hover {
	color: #333536;
}
/* -------------------------------------------------------------------- */
/* -------------------------------------------------------------------- */





             
/* -------------------------------------------------------------------- */
/* global btm line */
#lineContainer
{
	width: 100%;
	clear: both;
}
#lineArea
{
	width: 900px;
	margin: auto;
	height: 50px;
	background-color: #e4e678;
}
.lineRight 
{
	text-align: center;
	margin-left: 180px;
	height: 50px;
	background-color: #fafded;
}

/* -------------------------------------------------------------------- */
/* global footer */
#footerContainer {
	clear: both;
	width: 900px;
	height: 86px;
	margin: auto;
}
#footerContent {
	font-size: 0.8em;
}
#footerLeft {
	float: left;
	width: 166px;
	height: 86px;
	background: #dac893 url("images/home_footer_leftsquare.gif") no-repeat top left;
}
/* mini navigation decoration, position */
#footerRight {
	float: left;
	width: 734px;
	height: 86px;
	background-color: #e5d8b0;	
}
.footerText {	
	text-align: left;
	font-size: 1.0em;
	color: #9b998e;
	padding-top: 60px;
	padding-left: 12px;
}	
a.footerLink:link {
	color: #9b998e;
	text-decoration: underline;
	padding-left: 3px;
	padding-right: 3px;	
}
a.footerLink:visited {
	color: #9b998e;
	text-decoration: underline;
	padding-left: 3px;
	padding-right:3px;	
}
a.footerLink:hover {
	color: #74756f;
	text-decoration: underline;
	padding-left: 3px;
	padding-right: 3px;	
}
/* -------------------------------------------------------------------- */




/* -------------------------------------------------------------------- */
/* -------------------------------------------------------------------- */
/* -------------------------------------------------------------------- */