/* Love The Pearls Default CSS Skin */

/* 	font shorthand example & syntax...
	----------------------------------------
	font: bold 16px/20px Georgia, "Times New Roman", Times, serif;
	list of declarations: font-style font-weight and font-variant, font-size/line-height, font-family;
*/

/* General properties
------------------------------------------------*/
body {
	color:#454545;
	margin:0;
	padding:0;
	border:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:170%;
	text-align: center;
	background:#fff url(page_bkg.gif) no-repeat center top;}

.bold {
   font-weight: bold;
}

.red {
   color: #990000;
}

.green {
   color: #009900;
}

.blue {
   color: #000099;
}

.total, tr.total td {
   border-top:    1px solid black;
   border-bottom: 3px double black;
   font-weight:   bold;
}

.subtotal, tr.subtotal td {
   border-top:    1px solid black;
   border-bottom: 1px solid black;
   font-weight:   bold;
}

table.reportdata {
   margin-bottom:    10px;
}

tr.header, thead tr {
   background-color: #EAD270;
   text-align:       center;
}

tr.header th, thead tr th {
   border-right:     1px dotted #000000;
   border-bottom:    1px dotted #000000;
}

tr.header th:last-child {
   border-right:     0px;
}


tr.odd {
   background-color: #FFFFDD;
}

tr.even {
   background-color: #F3F3F3;
}

table.data thead.header th {
   font-weight:      bold;
	background-color: #EAD270;
   text-align:       center;
}

table.search thead.header th {
   font-weight:      bold;
	background-color: #EAD270;
   text-align:       center;
}

table.search tbody td.title {
   font-weight:      bold;
	background-color: #EAD270;
}

.section {
   width:         98%;
   font-weight:   bold;
   font-size:     1.2em;
   text-align:    center;
   border-bottom: 1px solid #bebebe;
   margin-top:    20px;
   margin-bottom: px;
}

/* properties - un-defined */
	a:link, a:visited {
		color: #C7707A;
		text-decoration: underline;}
	a:hover {
		color: #454545;
		text-decoration: none;}
	p {
		margin:0;
		padding:0;
		padding-bottom: 15px;}
	div {
		margin:0;
		padding:0;
		border:0;
		width:auto;
		height:auto;
		text-align:left;}
	img {
		border:0;}
	form, input {
		margin:0;
		padding:0;}
	h1, h2, h3, h4, h5, h6 {
		color:#2a2a2a;
		font-weight:normal;
		font-family:"Times New Roman", Times, Georgia, serif;}

	h1 { font-size:1.6em;}
	h2 { font-size:1.5em;}
	h3 { font-size:1.4em;}
	h4 { font-size:1.2em;}
	h5 { font-size:1.0em;}
	h6 { font-size:0.8em;}
		
/* /properties - un-defined */

/* -- extra hooks for additional imagery -- */
.extra_div_top,
.extra_div_bottom,
.main_navigation_start,
.main_navigation_end,
.sub_navigation_start,
.sub_navigation_end {
	display:none;}
/* -- /extra hooks for additional imagery -- */

.wrapper {
	margin:0 auto;
	width:750px;

	xwidth:770px;
	xpadding:0px 10px;
	xmin-height:750px;
	xbackground:transparent url(wrapper_bkg.gif) no-repeat left top;}

.client_logo {
	float:left;
	padding-left:18px;
	width:377px;
	height:78px;
	overflow:hidden;
	text-align:right;}
	/* - holds the dimensions to the logo.gif, but uses the transparent.gif instead for flexiblity...this is done to provide link back to homepage - */
	.client_logo img {
		width:377px;
		height:78px;}

.content {
   position: relative;
	float:left;
	margin-top:5px;
}
		
.content_no_bg {
	float:left;
	margin-top:5px;}

body.home div.content, body.home div.content_no_bg {
		padding-bottom:20px;
}

.home_feature {
	/*width:750px;*/
	width:370px;
	float:left;
	padding-left:400px;
	background:transparent url(home_feature_bkg_flipped.gif) no-repeat left top;}
		

.home_welcome {
	/*width:396px;*/
	
	position:relative;
	/*
	top:-135px;
	left:335px;
	*/
	float:left;
	margin-bottom:-110px;
	
	width:720px;
	left:20px;
	top:-150px;
	
	/*margin-top:-140px;*/
	padding-right:15px;}
	.home_welcome h2 {
		font-size:1.6em;
		margin-top:0.1em;
		margin-bottom:0.2em;}
	.home_welcome p {
		margin-left:3px;}

.footer {
	width:      750px;
	float:      left;
	clear:      both;
	color:      #252525;
	border-top: 1px solid #DFC95C;
}
.footer_links, .footer_text {
		float:left;
		padding:5px 15px;}
.footer_links a:link, 
.footer_links a:visited, 
.footer_links a:active {
		color:#252525;
		font-weight:normal;
		text-decoration:underline;}



/* main_navigation properties
------------------------------------------------*/
.main_navigation {
	width:750px; 
	height:23px;
	float:left;
	xtext-align:right;
	border-bottom:1px solid #DFC95C;}
.main_navigation ul {
	width:634px;
	float:right;
	margin:0;
	padding:0;
	list-style:none;}
	.main_navigation ul li {
		margin:0px 0px 0px 4px;
		width:101px;
		height:23px;
		float:left;
		background:transparent url(main_navigation_item_bkg.gif) no-repeat center -49px;}

	.main_navigation ul li.home { background:transparent url(main_nav_home.gif) no-repeat left -23px;}
	.main_navigation ul li.about_pearls { background:transparent url(main_nav_about_pearls.gif) no-repeat left -23px;}
	.main_navigation ul li.our_jewelry { background:transparent url(main_nav_our_jewelry.gif) no-repeat left -23px;}
	.main_navigation ul li.parties { background:transparent url(main_nav_parties.gif) no-repeat left -23px;}
	.main_navigation ul li.events { background:transparent url(main_nav_events.gif) no-repeat left -23px;}
	.main_navigation ul li.about_us { background:transparent url(main_nav_about_us.gif) no-repeat left -23px;}

		.main_navigation ul li.home a { background:transparent url(main_nav_home.gif) no-repeat left -23px;}
		.main_navigation ul li.about_pearls a { background:transparent url(main_nav_about_pearls.gif) no-repeat left -23px;}
		.main_navigation ul li.our_jewelry a { background:transparent url(main_nav_our_jewelry.gif) no-repeat left -23px;}
		.main_navigation ul li.parties a { background:transparent url(main_nav_parties.gif) no-repeat left -23px;}
		.main_navigation ul li.events a { background:transparent url(main_nav_events.gif) no-repeat left -23px;}
		.main_navigation ul li.about_us a { background:transparent url(main_nav_about_us.gif) no-repeat left -23px;}
		
		/* Styles for Menu Items */
		.main_navigation ul li a:link, 
		.main_navigation ul li a:visited, 
		.main_navigation ul li a:active,
		.main_navigation ul li a:hover {
			display:block;
			xpadding:8px 0px 2px 0px;
			width:101px;
			height:23px;
			color: #000;
			font: 13px/18px Verdana, Arial, Helvetica, sans-serif;
			text-decoration:none;}
		 .main_navigation ul li a:hover {
			background-position:center top;}
			
		 .main_navigation ul li span {
			visibility:hidden;
			display:none;}

		/* - on states for main nav. once in particular section --- */
		body.home .main_navigation ul li.home a, 
		body.about-pearls .main_navigation ul li.about_pearls a, 
		body.our-jewelry .main_navigation ul li.our_jewelry a, 
		body.parties .main_navigation ul li.parties a, 
		body.events .main_navigation ul li.events a,  
		body.about-us .main_navigation ul li.about_us a { background-position: center top;}
		/* - /on states for main nav. once in particular section --- */
		
		.main_navigation ul li a span {
			padding:0px 8px;
			background:transparent url(main_navigation_item_separator_bkg.gif) no-repeat left 3px;}
			.main_navigation ul li.home a span {
				background-image:none;}

/* /main_navigation properties ------------------------------------------------*/

.crumb_trail {
	display:block;
	float:left;
	width:90%;
	margin-top:5px;
	font-size:10px;
	padding: 0 0 0 20px;
	text-transform:lowercase;}
	.crumb_trail a:link, 
	.crumb_trail a:visited, 
	.crumb_trail a:active {
		color:#444444;
		font-weight:normal;}
	.crumb_trail a:hover {
		color:#3f7fa6;
		font-weight:normal;}

.sub_navigation {
	width:180px;
	height:310px;
	float: left;
	margin:18px 22px 0 0;
	padding-left:18px;
	padding-bottom:300px;
	background:transparent url(sub_navigation_bkg.jpg) no-repeat right top;
}

	.sub_navigation ul {
		margin:0;
		padding:0;
		list-style:none;
		width:100%;
		xbackground:transparent url(sub_navigation_item_line_bkg.gif) no-repeat left top;}
		.sub_navigation ul li {
			margin:0;
			width:100%;
			float:left;
			xbackground:transparent url(sub_navigation_item_line_bkg.gif) no-repeat left bottom;}
			.sub_navigation ul li a:link, 
			.sub_navigation ul li a:visited, 
			.sub_navigation ul li a:active {
				padding:5px 0 2px 0;
				display:block;
				width:180px;
				color:#545454;
				font:12px/14px Verdana, Arial, Helvetica, sans-serif;
				text-decoration:none;}
			.sub_navigation ul li a:hover {
				color:#D9808A;
				text-decoration:underline;}

		.sub_navigation ul li ul {
			margin:0 0 0 2px;
			padding:3px 0;
			width:162px;
			float:left;
			xbackground:transparent url(sub_navigation_item_open_bkg.gif) no-repeat left top;}
			.sub_navigation ul li ul li {
				margin:0 0 2px 0;
				width:100%;
				background:transparent url(sub_navigation_item_bullet_bkg.gif) no-repeat left 7px;}

			.sub_navigation ul li ul li a:link, 
			.sub_navigation ul li ul li a:visited, 
			.sub_navigation ul li ul li a:active {
				padding:3px 0 2px 12px;
				display:block;
				width:158px;
				color:#545454;
				font:11px/14px Verdana, Arial, Helvetica, sans-serif;
				text-decoration:none;}
			.sub_navigation ul li ul li a:hover {
				color:#D9808A;
				text-decoration:underline;}

.photo_album_highlight {
	float:left;
	margin-top:10px;
	clear:both;}
	.photo_album_highlight img { 
		width:178px;
		height:165px;}

	img { behavior: url(/skins/00/iepngfix.htc); }

.main_content {
   width:            520px;
   padding-right:    10px;
	float:            right;
	padding-bottom:   15px;
}

.main_content_full {
   width:            530px;
   padding-bottom:   15px;
}

.main_content h2 {
   font-size:1.7em;
   line-height:110%;
   color:#C7707A;
   margin-top:0.0em;
   margin-bottom:0.4em;}
.main_content h2 em {
	font-weight:600;}
.main_content h3 {
   display:block;
   float:left;
   width:17%;
   text-align:right;
   font-size:1.6em;
   line-height:110%;
   color:#C7707A;
   margin-top:0.1em;
   margin-bottom:0.4em;
   margin-right:0.7em;}
.main_content h4 {
   width:99%;
   font-size:1.5em;
   line-height:110%;
   color:#C7707A;
   margin-top:0.8em;
   margin-bottom:0.4em;
   margin-right:0.7em;
   border-bottom:1px solid #BEBEBE;}

.main_content ul {
margin-top:0.0em;}

.page_id {
	width:530px;
	float:right;
	display:block;
   margin-top:    10px;
   margin-bottom: 10px;
   background:    transparent url(page_id_bkg.gif) repeat-x left bottom;
}

.page_id h1 {
   font-size:        2.4em;
   color:            #545454;
   margin-top:       0em;
   margin-bottom:    0em;
   padding:          0 0 .4em .2em;
}

/* -- v1 of content layout...
.content_section p {
	padding-top:0px;
	padding-bottom:1px;}
	.content_subsection {
		float:left;
		width:77%;
		margin-bottom:18px;
		padding-left:8px;
		border-left:1px solid #C7707A;}
*/

.content_section p {
	padding-top:0px;
	padding-bottom:1px;}
	.content_subsection {
		float:left;
		width:77%;
		margin-bottom:18px;
		padding-top:3px;
		padding-left:8px;
		border-left:1px solid #E3B8BD;
		border-top:1px solid #BEBEBE;}


.product_link {
	width:108px;
	margin-right:20px;
	padding-bottom:20px;
	float:left;}
	.product_link .product_image {
		display:block;
		width:89px;
		float:left;
		padding:4px;
		margin-bottom:5px;
		text-align:center;
		border:1px solid #626262;}


.utility_links {
	width:93px;
	height:21px;
	float:right;
	padding:12px 16px 0 0;}
	.utility_links ul {
		list-style-type: none;
		width:100%;
		margin:0;
		padding:0;}
		.utility_links ul li { 
			margin:2px 0px;
			display:block;}
			.utility_links li.contact_us { 
				background:transparent url(contact_us_link.gif) no-repeat 0 2px;}
				
			.utility_links ul li a:link,
			.utility_links ul li a:visited,
			.utility_links ul li a:hover,
			.utility_links ul li a:active {
				display:block;
				width:93px;
				height:21px;}
			.utility_links span {
				display:none;}
.quote {
	margin-bottom:15px;
	margin-left:10px;}
	.quote blockquote {
		font-size:1.8em;
		line-height:130%;
		font-family:"Times New Roman", Times, serif;
		margin:2px;
		padding:1px 0px 0px 22px;
		background:transparent url(quote_left_bkg.gif) no-repeat left top;}
		.quote blockquote span {
			padding:3px 16px 0px 0px;
			background:transparent url(quote_right_bkg.gif) no-repeat right top;}
	.quote p {
		font-size:1.1em;
		padding-left:200px;}

span.glossary_term {
	color:#C7707A;
	font-size:1.2em;
	font-weight:bold;
	font-style:italic;}
	
	
	
/* - pop-up window specific style properties - */
	body.popup_window {
		background:#fff url(wrapper_popup_bkg.gif) repeat-x left top;}
	body.popup_window .wrapper {
		width:100%;
		background-color:transparent;
		background-image:none;}
	body.popup_window div.client_logo {
		padding-left:18px;}

	body.popup_window div.page_id {
		width:auto;
		margin-top:-26px;
		margin-bottom:20px;
		margin-left:210px;
		background-color:#006600;
		background-image:none;}

	body.popup_window div.content {
		width:100%;
		background-color:transparent;
		background-image:none;}
		
	body.popup_window div.main_content {
		width:100%;
		margin-left:0px;
		padding-bottom:15px;
		text-align:center;}
	body.popup_window div.product_image {
		margin:0px 0px 0px 10px;
		padding-bottom:0px;
		width:55%;}
	body.popup_window div.product_description {
		width:35%;
		margin:5px 10px 0px 10px;
		float:right;}
	body.popup_window div.footer {
		width:100%;
		margin-bottom:5px;
		background:transparent url(page_id_bkg.gif) repeat-x left top;}
		

body.popup_window div.utility_links {
	width:100px;
	height:30px;
	position:absolute;
	top:10px;
	left:auto;
	right:5px;}
	body.popup_window div.utility_links ul {
		list-style-type: none;
		width:100%;
		margin:0;
		padding:0;}
		body.popup_window div.utility_links ul li { 
			margin:2px 0px;
			display:block;}
			body.popup_window div.utility_links li.print_page { 
				background:transparent url(icon_printer.gif) no-repeat 0 2px;}
			body.popup_window div.utility_links li.close_window { 
				background:transparent url(icon_close_window.gif) no-repeat 0 3px;}
		
			body.popup_window div.utility_links ul li a:link,
			body.popup_window div.utility_links ul li a:visited {
				width:85px;
				padding:0px 0px 2px 18px;
				font-size:10px;
				font-weight:normal;
				line-height:12px;
				color:#000;
				text-decoration:none;}
			body.popup_window div.utility_links ul li a:hover {
				text-decoration:underline;}


/* - /pop-up window specific style properties - */

/* --- HIDDEN until ready to style --- */



div.message {
   width:            90%;
   border: 1px solid #c7707a;
   background-color: #FFFFDD;
   font-weight:      bold;
   text-align:       center;
   margin:           15px 0px;
}

div.success {
   color:            #009900;
}

div.error {
   color:            #990000;
}

input.button {
   padding:          5px;
}

input.mainbutton {
   font-weight:      bold;
}

.link {
   text-decoration:  underline;
   cursor:           pointer;
}

.new {
   background-color: #FFFFAA;
}

.smaller {
   font-size:        .8em;
}

div.testmode {
   position:         absolute;
   width:            150px;
   right:            1px;
   top:              1px;
   border:           5px outset #FF0000;
   padding:          5px;
   background-color: #FFFF00;
   font-size:        16pt;
   font-weight:      bold;
   text-align:       center;
   opacity:          .65; 
   filter:           alpha(opacity=65);
   z-index:          999;
}