@charset "UTF-8";

/*
color palette in hex
blue = 003366
light tan = e9ddc7
brown = 663300
red = 993333
gold = 996600
*/   

@import '/_css/reset.css';
@import '/_css/typography.css';
@import '/_css/smoothbox/smoothbox.css';

/* restore some default smoothbox options 
#TB_title{ display: block; }
#TB_window { border: solid 6px #e0e0e0; }
#TB_closeWindow{ width: auto; }
*/


.border_red { border: solid 1px red; }
.border_blue { border: solid 1px blue; }
.border_green { border: solid 1px green; }
.border_yellow { border: solid 1px yellow; }


/* 
------------------------------------------------------------------ 
----------------------- STRUCTURE --------------------------------
------------------------------------------------------------------ 
*/


#content {  width: 794px; margin: 0 auto; }





#header {  }

	/* TOP & NAV 
	----------------------------------------------*/
	#top{ height: 60px; }
		.logo { padding-top: 10px; }
		
		#top .miniNav {
			position: absolute;
			font-size: 11px;
			color: #CCCCCC;
			margin: 24px 0px 0px 520px;
			text-align: right;
			}
			#top .miniNav a { color: #666666; text-decoration: none; }
			#top .miniNav a:hover { color: #000000; }
	
	
	#mainNav	{
		color: #000000;
		font-size: 11px;
		padding: 00;
		}
		img.Nav {
		padding: 0px 4px 0px 0px;
		}
		

		

#middle { margin: 12px 0 30px 0; }


.LeftBig { }
	.LeftBig .TopDiv { padding: 0 0 9px 0; margin: 0 0 0 0; }
	.LeftBig .Left { width: 436px; margin: 0 36px 0 0; }
	.LeftBig .Right { width: 322px; }
	
	.Left .productDetail { padding-top: 12px; }
	.LeftBig  .Left .productDetail h2 { color: #036; text-transform: uppercase; margin: 0 0 18px 0;}
	
		
.RightBig { }
	.RightBig .TopDiv { padding: 0 0 9px 0;margin: 0 0 0 0;  }
	.RightBig .Left { width: 322px; margin: 0 36px 0 0; }
	.RightBig .Right { width: 436px; }

	
	
	.TopDiv h2 a { color: #036; text-transform: uppercase; margin: 0; padding:0; }
	.LeftBig h2 a { color: #036; text-transform: uppercase; margin: 0; padding:0; }
	
	.RightBig h2 a { color: #036; text-transform: uppercase; margin: 0; padding:0; }
		.LeftBig .Left h2  { color: #036; text-transform: uppercase; margin: 0;  }
		.RightBig .Left h2  { color: #036; text-transform: uppercase;margin: 0; }

	/* added 9-22-09 to remove upppercase */
	.LeftBig .Left h2.categorySelected { color: #036; margin: 0; padding:0; text-transform:none; }
	.LeftBig .Left h2.categorySelected a { color: #036; margin: 0; padding:0; }
	
	
	

#ProductDetailModal { background: #FFF; width: 680px; height:440px; margin: 25px auto 0 auto; padding: 0; }

	#ProductDetailModal .row1 { height: 30px;  }
	#ProductDetailModal .row2 { height: 370px;  }
	#ProductDetailModal	.row3 { height: 40px; padding: 6px 0 0 0;  }

.LeftBig_ProductDetailModal { }
	.LeftBig_ProductDetailModal .padding { height: 360px; overflow: scroll; padding: 0; }
	.LeftBig_ProductDetailModal .Left { width: 320px; margin: 0 36px 0 0; }
		.LeftBig_ProductDetailModal .Left .outside { width: 312px; height: 360px; overflow: auto; margin: 6px 0 0 0; }
		.LeftBig_ProductDetailModal .Left .inside { padding: 10px; }
	.LeftBig_ProductDetailModal .Right { width: 322px; }
			.LeftBig_ProductDetailModal .Right .bigImageClip { height: 360px; overflow: hidden; margin: 6px 0 0 0; }
			.LeftBig_ProductDetailModal .Right .BigImageDetail {  margin: 0; text-align: center;  max-width: 322px;  }
			
			
			
			
			

/* footer breadcrumbs
------------------------------------------------------------------- */
.breadCrumbs { display: block; margin: 0 0 6px 0; font-size: 10px; line-height: 9px; color: #999; font-style: italic; }
	.breadCrumbs a { text-decoration: none; color: #999; }
	.breadCrumbs a:hover { text-decoration: none; color: #960; font-weight: bold; }


/* online galleries
------------------------------------------------------------------- */
span.crumbs { display: none; margin: 0 0 6px 0; font-size: 10px; line-height: 9px; color: #999; font-style: italic; }
	span.crumbs a { text-decoration: none; color: #999; }
	span.crumbs a:hover { text-decoration: none; color: #960; font-weight: bold; }
	
	
	
/* cart summary table at top right of gallery pages */
.cartSummaryDiv { float: right; }
	.cartSummaryDiv table {
		border-right: 1px solid #e6e6e6;
		text-transform: uppercase;
		font-size: 9px;
		line-height: 18px;
		}
		.cartSummaryDiv table td	{
			padding: 2px 10px;
			border-top: 1px solid #e6e6e6;
			border-bottom: 1px solid #e6e6e6;
			border-left: 1px solid #e6e6e6;
			}
		.cartSummaryDiv table td a	{
			padding: 2px 10px;
			}
	
h3.multiCategoryTitle, h3.multiCategoryTitle  a { margin: 0 0 0 0; paddding: 0; color:#aeaeae; }
	
.Thumbs { margin: 9px 0 0 0; }
		.Thumbs .ThumbDiv { float: left; width: 80px; height: 80px; margin: 0 4px 4px 0; overflow: hidden; position: relative;  }
		
		.Thumbs .ThumbDiv a img { width: 80px; height: 80px; }
		.Thumbs .ThumbDiv a:hover img { width: 72px; height: 72px; border: solid 4px #000; }
		
			
			.Thumbs .ThumbDiv a img.QuickLink { 
				position: absolute;
				margin: 64px 0 0 0;
				width: 16px; 
				height: 16px;
				border: none;
				cursor:pointer;
				outline: none;
				}
		
		.Thumbs .TourOverflow {
			height: 420px;
			width: 436px;
			overflow: auto;
			}
		.Thumbs .LivingOverflow {
			height: 420px;
			width: 436px;
			overflow: auto;
			}
		.Thumbs .GalleryOverflow {
			height: 420px;
			width: 436px;
			overflow: auto;
			}
	
.BigImage { height: 450px; margin: 0; text-align: center; }	
	.BigImage img { min-height: 200px; max-height: 450px; margin: 0 auto; max-width: 322px;  }

/* for /tour/ and /living/ */
.BigImage2 { margin: 0; text-align: center; }	
	.BigImage2 img { min-height: 200px; max-height: 450px; margin: 0 auto; max-width: 322px;  }
	
.BigImage3 { margin: 0; text-align: center; }	
	.BigImage3 img { min-height: 200px; max-height: 600px; margin: 0 auto; max-width: 436px;  }
	
		
	
	
.InfoDiv { color: #666; font-size: 90%; line-height:1.6em;  }
	.textRight { text-align: right; }
	.textLeft { text-align: left; }

.BigImageDetail {  margin: 18px 0 0 0; text-align: center;  max-width: 322px; }

	#rightimageX  { min-height: 200px; max-height: 400px; margin: 0 auto; max-width: 322px;  }  /* default.asp  right image */
	#prodimageX   { min-height: 200px; max-height: 400px; margin: 0 auto; max-width: 322px;  }  /* category.asp  right image */
	#sideimageX   { min-height: 200px; max-height: 400px; margin: 0 auto; max-width: 322px;  }  /* categorySelected.asp right image */
	#detailimageX { min-height: 200px; max-height: 400px; margin: 0 auto; max-width: 322px;  }  /* product_detail.asp right image */













	#middleLeft	{
		width: 454px;
		font-size: 11px;
		line-height: 18px;
		}
	#middleRight	{
		float: right;
		width: 322px;
		margin: 0px;
		padding: 0px;
		font-size: 11px;
		}
	
	#middleLeftEvent	{
		width: 316px;
		font-size: 11px;
		line-height: 18px;
		}	
	#middleRightEvent	{
		float: right;
		width: 460px;
		margin: 0 0 36px 0;
		padding: 0;
		font-size: 11px;
		}

.rsvpForm { 
	border: solid 1px #C1C1C1; 
	padding: 10px 20px 10px 20px;
	margin: 0 0 24px 0;
	width: 260px;
	}
	.rsvpForm h1 { color:#434343; margin: 0 0 6px 0; padding: 0;  letter-spacing: 3px; text-transform: uppercase; }

	#middleRightEvent img { border: solid 1px #e6e6e6; }



.galleryDetailIcons { width: 85px; position: absolute; margin: 60px 0 0 330px; }






.galleryIcons { width: 85px; position:absolute; margin: 0 0 0 -105px; }

.galleryIcons a { outline: none; }
	#gallerySearch { margin: 4px; }
	#galleryCats { margin: 4px;  }
	#galleryCart { margin: 4px; }
	#galleryCheckout { margin: 4px; }
	#galleryShowMultiple { margin:  26px 4px 4px 4px; }
		
	#BoxSliderWrapper2 {
		z-index: 1000;
		float: left;
		width: 300px;
		position: absolute;
		margin: -20px 0 0 90px;
		}
		
		#BoxSlider2 {
			background: #FFF;
			color: #000;
			filter:alpha(opacity=90);
			-moz-opacity:0.9;
			-khtml-opacity: 0.9;
			opacity: 0.9;
			border: solid 1px #999;
		}
		
		.BoxSliderPadding2 {
			padding: 0 12px 12px 12px;
		}
		
		a.CloseBox2 {
			color: #000;
			font-weight: bold;
			text-decoration: none;
			margin: 9px 0;
		}
		
		a.CloseBox2:hover, a.CloseBox2:active {
			text-decoration: none;
			color: #933;
		}



/* footer
----------------------------------------------------------------  */
#footer { margin: 0 auto; }

/* BOTTOM */
#bottom	{
	font-size: 11px;
	}	
	#bottom a	{
		color: #333333;
		text-decoration: none;
		}
	#bottom a:hover	{
		text-decoration: underline;
		}


	#bottomNav	{
		color: #663300;
		font-size: 10px;
		padding: 5px 0px 5px 0px;
		}
		#bottomNav	a {
			color: #663300;
			font-size: 10px;
			text-decoration: none;
			}
			
		#bottomNav	a:hover {
			text-decoration: underline;
			color: #663300;
			}	



#backgroundChoices { 
	font-size: 80%;
	color:#333;
	margin: 12px 0 24px 0; 
	}
	
	#backgroundChoices a { text-decoration: none; color: #333; }
	#backgroundChoices a:hover { color: #993333; }




.onlineCategory	{
	width: 198px;
	float: left;
	margin: 0px 0px 20px 0px;
	}
.onlineCategory a {
	font-weight: bold;
	text-transform: uppercase;
	}
	
	
.selectionTbl	{
	font-size: 12px;
	color: #999999;
	margin:10px 0px;
	}
	.selectionTbl td { padding: 0 0 4px 0; }


/* list nave items with red squares  list-style: url(/_common/selectionDot_off.jpg) none outside;
------------------------------------------*/
.listNav { margin: 12px 0; }

.listNav ul { 
	list-style-type: none;
	margin: 0;
	padding: 0;
	}
	
.listNav li {
	font-size: 11px;
	padding: 0 0 4px 0;
	}

.listNav li a {
	color: #000;
	text-decoration: none;
	padding: 0px 0px 0px 12px;
	background: url(/_common/red_square_bullet_off.png) no-repeat 0px 50%;
	}

.listNav li a:hover {
	color: #993333;
	background: url(/_common/red_square_bullet_on.png) no-repeat 0px 50%;
	}
	
	



/* infoPanels
----------------------------------------------------------------  */

	
#infoPanel	{
	/* border-top: 1px solid #e0e0e0;*/
	margin: 6px 0px 0px 0px;
	padding: 8px 0 14px 0;
	line-height: 18px;
	}

#infoPanelIndex	{
	border: none;
	margin: 1px 0px 0px 0px;
	padding: 5px 10px 5px 10px;
	line-height: 18px;
	text-transform: uppercase;
	color: #fff;
	background-color: #999999;
	position: absolute;
	font-size: 12px;
	letter-spacing: 2px;
	}
	
#infoPanelCaption	{
	margin: 1px 0px 0px 0px;
	}	
	

.productDetail { } /* type styles in typography.css */
	.addButtonDiv { margin: 60px 0 12px 0 ; }
	
	#infoPanel.productInfoPanel	{
		padding: 0;
		}

.productId	{
	margin: 5px 0px 1px 0px;
	background-color: #e9ddc7;
	font-size: 10px;
	padding: 1px 2px 1px 10px;
}	
	
#detailBox	{
	font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	font-size: 11px;
	line-height: 18px;
	margin: 20px;
	}	
	
.prodOptions { 
	margin: 6px 0;
	padding: 6px 0;
	border-top: dotted 1px #999;
}

.prodDiscounts { 
	margin: 6px 0;
	padding: 6px 0;
	border-top: dotted 1px #999;
}
.prodRelatedItems {
	margin: 12px 0;
	padding: 12px 0;
	width: 320px; 
	}

.prodRelatedItems td { padding: 9px 18px 9px 0; border-bottom: dotted 1px #999; font-size: 11px; line-height:12px; }

.prodRelatedItems h6 { margin: 0; padding: 0; font-size: 12px; line-height: 12px; font-weight: bold; }

	






/* SEARCH & OPTION TABLES */

/* browsing options */
.browseOptionsTbl	{
	border: 1px solid #999999;
	text-transform: uppercase;
	font-size: 9px;
	}
	
.browseOptionsTbl td	{
	padding: 2px 10px 2px 10px;
	}
	
.browseOptionsTbl a	{
	padding: 2px 20px 2px 0px;
	}










/* paging options - demoted, probably not used anymore
------------------------------------------ */
.pagingOptionsTbl {
	border: 1px solid #e6e6e6;
	text-transform: uppercase;
	font-size: 10px;
	width: 407px;
	margin: 0 0 5px 0;
	}
	
.pagingOptionsTbl td {
	padding: 4px 8px;
	}

.pagingOptionsTbl td a {
	font-weight: bold;
	text-decoration: none;
	}
	
.pagingOptionsTbl td a:hover	{
	text-decoration: underline;
	}
.pagingOptionsTbl select.editSelect {
	background-color: #efefef;
	font-size: 95%;
	border: 1px solid #efefef;
	margin: 0;
	padding: .1em;
	}

.pagingOptionsTbl select.editSelect:focus { 
	border: 1px solid #cccccc; 
	background: #b4b4b4;
	}






/* paging opitons  - 10-10-08 */
.pageOptionsNav {
	border: solid 1px #e6e6e6;
	font-size: 10px;
	line-height: 11px;
	text-transform: uppercase;
	width: 407px;
	height: 24px;
	margin: 0 0 0 0;
	/*position: relative;
	clear: left;
	
	position: absolute;
	z-index: 500;*/
	}
	
	
.pageOptionsSort { position: absolute;  }
	.pageOptionsSort a { display: block; width: 40px; height: 19px; text-align: center; font-weight: bold; padding: 7px 0 0 1px; }
	.pageOptionsSort a:hover { background-color: #000; color: #e6e6e6; }

/*
.pageOptionsSearch { position: absolute; margin: 0 0 0 41px; border-left: solid 1px #e6e6e6; }
	.pageOptionsSearch a { display: block; width: 60px; height: 19px; text-align: center; font-weight: bold; padding: 7px 0 0 1px; }
	.pageOptionsSearch a:hover { background-color: #000; color: #e6e6e6; }
*/

.pageOptionsPages { position: absolute; margin: 0 0 0 40px; border-left: solid 1px #e6e6e6; }
	.pageOptionsPages span { display: block; width: 45px; height: 19px; padding: 5px 0 2px 10px; text-align: center; }

.pageOptionsPolling { position: absolute; border-left: solid 1px #e6e6e6; margin: 0 0 0 102px; }
	.pageOptionsPolling .pollingNav { display: block; width: 300px; height: 15px; text-align: right; padding: 7px 8px 0 0; font-weight: bold; }

/* used on categories */
.pageOptionsBrowse { position: absolute;  }
	.pageOptionsBrowse a { display: block; width: 50px; height: 19px; text-align: center; font-weight: bold; padding: 7px 0 0 1px; }
	.pageOptionsBrowse a:hover { background-color: #000; color: #e6e6e6; }

.pageOptionsSearch2 { position: absolute; margin: 0 0 0 51px; border-left: solid 1px #e6e6e6; }
	.pageOptionsSearch2 a { display: block; width: 60px; height: 19px; text-align: center; font-weight: bold; padding: 7px 0 0 1px; }
	.pageOptionsSearch2 a:hover { background-color: #000; color: #e6e6e6; }
	
.pageOptionsMultiple { position: absolute; margin: 0 0 0 112px; border-left: solid 1px #e6e6e6; }
	.pageOptionsMultiple a { display: block; width: 110px; height: 19px; text-align: center; font-weight: bold; padding: 7px 0 0 1px; }
	.pageOptionsMultiple a:hover { background-color: #000; color: #e6e6e6; }
	
	
.searchResultsTable { width: 407px; }

.searchResultsTable td { padding: 9px 18px 9px 0; border-bottom: dotted 1px #999; font-size: 11px; line-height:12px; }

	td.dePad { padding-right: 0; }

	
	.searchResultsTable h6 { margin: 0; padding: 0; font-size: 12px; line-height: 12px; font-weight: bold; }
	
	
	
	

/* new mootools 1.2 sliders 10-10-08 */
	







#vertical_slide_sort {
	background: #FFF;
	color: #000;
	padding: 9px 6px 6px 6px;
	border-left: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6;
	font-weight: bold;
	width: 130px;
	background-color: #f4f4f4;
	margin-top:24px;
	}
	#vertical_slide_sort ul { margin: 0; padding: 0; }
	#vertical_slide_sort li { list-style: none; padding-bottom: 2px; }

#vertical_slide_search {
	background: #FFF;
	color: #000;
	padding: 6px 0 6px 6px;
	margin: 0 0 0 42px;
	border-left: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6;
	font-weight: bold;
	width: 266px;
	background-color: #f4f4f4;
	}
	#vertical_slide_search ul { margin: 0; padding: 0; }
	#vertical_slide_search li { list-style: none; }


div.marginbottom {
	/* Since the Fx.Slide element resets margins, we set a margin on the above element */
	margin-bottom: 10px;
}












	
	
	

	

	
	
	

/* basic links */
a:link, a:visited {
	color: #000;
	text-decoration: none;	
	}
a:active, a:hover {
	color: #993333;
	text-decoration: none;	
	}	

a.largeLink:link, a.largeLink:visited 	{
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #003366;
	}

a.largeLink:active, a.largeLink:hover 	{
	text-decoration: underline;
	color: #996600;
	}




/* some styles related only to dev sites, found in _incPostHTML.asp */
#DevPostHTML {
	width: 900px; /* set to same width as page content */
	margin: 0 auto;
	}
#OfflinePostHTML {
	width: 900px; /* set to same width as page content */
	margin: 0 auto;
	}
	

#content {
	margin: 0 auto;
}









/* in the field detail page
-----------------------------------------------------------*/
#fieldPage	{
	padding: 0 100px 0 10px;
	font-size: 11px;
	line-height: 18px;
	}

#fieldPage p { text-align: justify; }

#fieldPage img { padding: 6px; margin: 6px; border: solid 1px #ccc; }

#fieldPage img.left { padding: 6px; margin: 6px 6px 6px 0; border: solid 1px #ccc; }
#fieldPage img.right { padding: 6px; margin: 6px 0 6px 6px; border: solid 1px #ccc; }

#fieldPage2	{
	padding: 0 100px 0 10px;
	font-size: 11px;
	line-height: 18px;
	}



.fieldTitle { 
	border-bottom: solid 1px #663300; 
	width: 674px; 
	padding: 0 0 0 0; 
	margin: 18px 0 36px 10px; 
	}
	
	p.author { font-style: italic; margin: 6px 0; padding: 0; }
	
	p.acknowledgement { color:#000; font-size: 11px; line-height: 16px; }

	.fieldTitle h3 { font-size: 18px; color: #663300; font-weight: normal; padding-bottom: 5px;}

#moreArticles { float:left; margin: 0 0 0 -45px; }
	
	#moreArticles  a.more {
	color: #999;
	font-weight: bold;
	text-decoration: none;
	border: solid 1px #999;
	padding: 1px 3px 2px 3px;
	font-size: 9px;
	line-height: 9px;
	height: 20px;
	width: 20px;
	outline: none;
	}

	#moreArticles a.more:hover {
	color: #FFF;
	background-color: #993333;
	height: inherit;
	width: inherit;
	}
	
	
	#BoxSliderWrapper {
	z-index: 1000;
	float: left;
	width: 300px;
	position: absolute;
	margin: 18px 0 0 -45px;
	}
	
	#BoxSlider {
		background: #FFF;
		color: #000;
		filter:alpha(opacity=90);
		-moz-opacity:0.9;
		-khtml-opacity: 0.9;
		opacity: 0.9;
		border: solid 1px #999;
	}
	
	.BoxSliderPadding {
		padding: 12px;
	}
	
	a.CloseBox {
		color: #000;
		font-weight: bold;
		text-decoration: none;
		margin: 9px 0;
	}
	
	a.CloseBox:hover, a.CloseBox:active {
		text-decoration: none;
		color: #933;
	}

	
/* 
------------------------------------------------------------------ 
------------------------ GENERAL STYLES --------------------------
------------------------------------------------------------------ 
*/


.LeftCol {
	width: 300px;
	float: left;
	margin: 0;
	}

.RightCol {
	width: 300px;
	margin: 0 0 0 336px;
	}

.hRule	{
	margin: 10px 0px 10px 0px;
	}

a.inactive, .inactive	{
	color: #aeaeae;
	}

.buttonPadding	{
	margin: 3px 4px 1px 0px;
	}




/* contact us section stuff
-----------------------------------------------------*/

.contactText { margin: 6px 0; }


.contactText h1 { font-size: 24px; }
.contactText h2 { font-size: 18px; }
.contactText h3 { font-size: 16px; }
.contactText h4 { font-size: 14px; }
.contactText h5 { font-size: 12px; }



.floatFeild { float: right; margin: 0 120px 0 0; }	





/* 
------------------------------------------------------------------ 
----------------------- NAVIGATION -------------------------------
------------------------------------------------------------------ 
*/
.navTop {
	height: 22px;
	background: url(/_common/top_nav_band.jpg) repeat-x center top;
	}
	
#nav {
	width: 900px;
	margin: 0 auto;
	z-index: 1;
	}
	
#navcontainer {
	float: left;
	margin: -6px 0 0 127px;
}
	
#navcontainer ul {
	padding: 0;
	margin: 0;
	color: #fff;
	float: left;
	width: 100%;
	}

#navcontainer ul li { 
	display: inline; 
	}

#navcontainer ul li a {
	padding: 0.28em 1em;
	background-color: #000;
	height: 15px;
	color: #fff;
	font-size: 90%;
	text-decoration: none;
	margin: 0 9px 0 0;
	border-top: solid 6px #fff;
	float: left;
	}

#navcontainer ul li a:hover {
	background-color: #222;
	color: #fff;
	border-top: solid 6px #369;
	}
	
#navcontainer ul li.onPage a {
	background-color: #183162;
	border-top: solid 6px #369;
	color: #fff;
	}





.SubNavRow {
	background-color:#183162;
	height: 22px;
	}
	
#subnav {
	width: 900px;
	margin: 0 auto;
	z-index: 10;
	}
	
#subnav .clientPad {
	padding-left: 100px;
	color: #00FF00;
	}
	
#subnavcontainer {
	float: left;
	margin: 0 0 0 18px;
}
	
#subnavcontainer ul {
	padding: 0;
	margin: 0;
	color: #fff;
	float: left;
	width: 100%;
	}

#subnavcontainer ul li { 
	display: inline; 
	}
	
#subnavcontainer ul li.dividerLine {
	background-color:#1F1E1E;
	margin: 6px 4px 0 4px;
	width: 1px;
	float: left;
	}
	

#subnavcontainer ul li a {
	color: #fff;
	font-size: 90%;
	vertical-align: bottom;
	text-decoration: none;
	padding: 0;
	margin: 5px 9px 0px 9px;
	float: left;
	}

#subnavcontainer ul li a:hover {
	color: #369;
	}

#subnavcontainer ul li.subonPage a {
	color: #369;
	}




/* text displayed on mouseover on home page */
#hoverText { width: 436px;  height: 100px;  }


	

/* Ad detail from home page if type text
------------------------------------------------------- */
#ads { margin: 36px 0;  }
	
#homeAds { margin: 24px 0;  }
	.ad { float: left; margin: 0; text-align: center; }
	.ad img { max-width: 200px; }



.adDetail { width: 600px ; height: 440px; margin: 20px auto 10px auto; border: solid 1px #e6e6e6;  }
.adDetailInside { padding: 20px; overflow: auto; }
.adDetailClose { width: 630px; text-align:right; }

.adDetail2 { width: 600px ; height: 550px; margin: 20px auto 10px auto; border: solid 1px #e6e6e6;   }
.adDetail2Inside { padding: 20px; overflow: auto; }
.adDetail2Close { text-align:right; margin: 0 12px; }



/*
////////////////////////////////////////////////////////
//////////////////  SLIDER  formatting  ///////////////////
////////////////////////////////////////////////////////
*/



#pagingSliderWrapper	{
	position: absolute;
	margin: -24px 0 0 73px;
	}
	
#SliderWrapper	{
	position: absolute;
	margin: -24px 0 0 80px;
	}
	
.SliderPadding	{
	background-color: #FFFFFF;
	border: 1px solid #000000;
	width: 250px;
	height: 120px;
	}

.SliderClose	{
	padding: 5px 0 0 0;
	}



#BlackcubeSlide	{
	padding: 0px;
	margin: 0px;
	background-color: #FFFFFF;
	}













#addressBlock { width: 220px; margin: 30px 0; padding: 0 0 0 20px ; float:right; border-left: solid 1px #d5d5d5; }


/* about us */
#eco { }
#ethos { }
#inspire { }

#eco .ecoPageOn { color: #996600; font-weight: bold; } 
#ethos .ethosPageOn { color: #996600; font-weight: bold; } 
#inspire .inspirePageOn { color: #996600; font-weight: bold; } 







/*
/////////////////////////////////////////////////////////////////////////////////
////////////////////////  javascript functions styles  //////////////////////////
/////////////////////////////////////////////////////////////////////////////////
*/



/* image with text and picture codes
---------------------------------------------------------------- */

#imageContainer {   }
	.tourRightPadding { padding:28px 0 0 0; }
	.livingRightPadding { padding: 54px 0 0 0; }
	.galleryDefaultPadding { padding: 6px 0 0 0; }
	.galleryCategoryPadding { padding: 24px 0 0 0; }
	.gallerySelectedPadding { padding: 12px 0 0 0; }
	
	.imageFader {
		width: 322px;
		/*height: 300px;*/
		position: absolute; 
		float:left; 
		}
	
	.zeroOpacity {
		/* set opacity for various browsers*/ 
		filter:alpha(opacity=0);
		-moz-opacity:0.0;
		-khtml-opacity: 0.0;
		opacity: 0.0;
		}
		
	.imageClip { width: 322px;  overflow: hidden; }
		
	.imageFader p.imgKey { margin: 4px 0; color: #000; }

	.imageFader p.imgKey a { text-decoration: none; color: #630; padding: 0 2px; }
	
		.imageFader p.imgKey a:hover {
			color:  #630;
			background: #FFFFE5;
			}






/* snippet text, appears on mouseover
---------------------------------------------------------------- */
.snippetSizer { }


.snippetText { margin: 0; position:absolute; width:400px;   }

	.snippetText h2 { font-size: 18px; letter-spacing: 3px; margin: 0; color: #003366; text-transform: uppercase; }
		.snippetText h2 a { color: #003366; text-decoration: none; }


	.snippetText h5 {  }
	
	#linkNav { color: #630; margin: 6px 0; letter-spacing: .08em; }
	
		#linkNav a { color: #003366; text-decoration: none; font-weight: bold;  }
		#linkNav a:hover { color: #996600; }
		/* change link when on page */
		#linkNav .pageOn { color: #996600; font-weight: bold; } 
		
		#linkNav .linkAfterSpace {  }


	.snippetText p {
	color: #000;
	line-height: 13px;
	height: 40px;
	margin: 0 0 5px 0;
}
		/* this span tag holds my information that fades in and out */
		.snippetText p span { 
			display: none; 
			position: absolute; 
			float:left; 
			/* set opacity for various browsers 
			filter:alpha(opacity=0);
			-moz-opacity:0.0;
			-khtml-opacity: 0.0;
			opacity: 0.0;*/
			}

		.snippetText p.override_snippet { color: #000000; height: 40px; margin: 10px 0 5px 0;  }


.longText { 
		width: 400px;
		height:auto;
		 }

	.longText h5 { color: #000; font-size: 14px; text-transform: uppercase; }
	.longText h6 { color: #663300; font-size: 12px; line-height: 13px; font-weight: bold; margin: 0 0 10px 0;}



/* sub styles for galleries on category selected pages */
.snippetTextCategories { margin: 0; width: 405px; }
	.snippetTextCategories h2 { font-size: 18px; letter-spacing: 3px; margin: 0 0 8px 0; color: #003366; text-transform: uppercase; }
		.snippetTextCategories h2 a { color: #003366; text-decoration: none; }
	.snippetTextCategories p {
		color: #000;
		line-height: 13px;
		margin: 0 0 5px 0;
	}
	
/* sub styles for galleries on category selected pages */
.snippetTextProd { 
	margin: 0 0 18px 0; 
	width: 425px; 
	color: #000;
	line-height: 16px;
	}
	/* .snippetTextProd h2 { font-size: 16px; line-height: 18px; margin: 0 0 12px 0; color: #003366; } */
	.SizeAndPrice { margin: 18px 0; }
	.SizeAndPrice .price { font-weight: bold; display: block; margin-top: 18px;}
	.SizeAndPrice .listprice { color:#060; display: block; font-style: italic; text-transform: uppercase; }
	
	
	
	

/* Thumbnails with right preview swap
----------------------------------------------------------------  
	
#thumbs {
	float: left;
	width: 434px;
	margin: 0 0 18px -5px;
	position: relative;
	}

#thumbs .thumbClipDiv a { width: 70px; height: 52px; overflow: hidden;  margin: 0 4px 5px 0; float: left; border: solid 5px #FFF;  }
#thumbs .thumbClipDiv a:hover { border: solid 5px #e6e6e6; }
#thumbs img { }



#thumbs .clipOverflow {
	height: 345px;
	width: 440px;
	overflow: auto;
}


#thumbs .clipHorizontalScroll {
	height: 90px;
	width: 600px;
	overflow: auto;
	padding: 10px 0 0 0;
	border-top: solid 1px #663300;
}

#thumbs .clipHorizontalScrollInside {
	width: 1000px;
}
*/	


/* Thumbnails for product detail page
----------------------------------------------------------------  */	
	
#thumbs2 {
	float: left;
	width: 322px;
	margin: 0 0 18px 0;
	position: relative;
	}
	
#thumbs2 img {  }

#thumbs2 .thumbClipDiv img { height: 50px; overflow: hidden; margin: 0 5px 5px 0; float: left; border: solid 5px #FFF; }

#thumbs2 .thumbClipDiv img:hover { border: solid 5px #e6e6e6; }


#thumbs2 .clipOverflow {
	height: 345px;
	width: 338px;
	overflow: auto;
	border: solid 1px blue;
}


#thumbs2 .clipHorizontalScroll {
	height: 90px;
	width: 600px;
	overflow: auto;
	padding: 10px 0 0 0;
	border-top: solid 1px #663300;
}

#thumbs2 .clipHorizontalScrollInside {
	width: 1000px;
}


/* request cart
---------------------------------------------------------------- */

.requestBody { background: #f4f4f4; }

#requestCartContent { background: #FFF; border: solid 1px #ccc; width: 680px; height:430px; margin: 20px auto 0 auto; padding: 10px; }

#requestCurrent { height: 136px; margin: 6px 0; }

#requestCart {
	width: 664px;
	height: 160px;
	overflow: auto;
	padding: 2px;
	margin: 4px 0;
	border: solid 1px #f4f4f4;
}

#requestButtons { margin: 6px 24px 12px 0; }


/* search modal
---------------------------------------------------------------- */

.searchBody { background: #f4f4f4; }

#searchCartContent { background: #FFF; border: solid 1px #ccc; width: 680px; margin: 20px auto 0 auto; padding: 10px; }

#requestCurrent { height: 136px; margin: 6px 0; }

#requestCart {
	width: 664px;
	height: 160px;
	overflow: auto;
	padding: 2px;
	margin: 4px 0;
	border: solid 1px #f4f4f4;
}

#requestButtons { margin: 6px 24px 12px 0; }



/* accordion
------------------------------------------------------------------- */

#accordion { margin: 10px 0; }

	#accordion p.accordionTitle { margin: 0 0 3px 0; padding: 0; }

	#accordion a { color: #003366; text-decoration: none; font-weight: bold; letter-spacing: .1em; }
	
	#accordion a:hover { color: #996600; }

	#accordion p.accordionEndMargin { margin: 0 0 10px 0; }





/*
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||

 						           ONLY JLDCREATIVE SITE STANDARD CSS BELOW THIS 
 
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
*/









#listTable {
	margin: 0;
	padding: 0;
	width:646px;
	}

/* admin list tables */
#listTable td.tdhead {
	color:#333333;
	font-size: 80%;
	font-weight: bold;
	text-transform: uppercase;
	background-color:#999999;
	padding: 0.25em;
	white-space: nowrap;
	}

#listTable tr.even td.tdbody{
	background: #e6e6e6;
	padding: .25em;
	vertical-align: middle;
	}
	
#listTable tr.odd td.tdbody{
	background: #f4f4f4;
	padding: .25em;
	vertical-align: middle;
	}
	
#listTable td a {display: block;}
#listTable td a:link, #listTable td a:visited, #listTable td a:hover, #listTable td a:active {text-decoration: none;}	
	
#listTable tr.ruled td.tdbody{
	background: #EFE8D9;
	padding: .25em;
	}

#listTable td.line {
	background-color:#999999;
	height: 2px;
	padding: 0;
	font-size: 2px;
	line-height: 2px;
}

#sortDesc {
	background-image: url(/_admin/Admin/common/sort_desc.jpg);
	background-repeat: repeat-x;
	background-position: left top;	
	}

#sortAsc {
	background-image: url(/_admin/Admin/common/sort_asc.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
	}
	

.colorTag {
	color: #369;
	}





.mySearchForm {
	margin: 0;
	padding: 0;
	font-size: 11px;
	}


.mySearchForm td{
	margin: 0;
	padding: 1px 18px 1px 1px;
	vertical-align: top;
	white-space: nowrap;
	}

.mySearchForm label {
	font-size: 12px; 
	color: #663300; 
	font-weight: bold;
	display: block;
	text-align: left;
	white-space: nowrap;
	margin: 9px 0 1px 0;
	}

.mySearchForm label img {
	vertical-align: text-bottom;
	margin-right: 6px;
	margin-left: 6px;
	}

.mySearchForm .leftLine { border-left: dotted 1px #999; padding-left: 9px; }

.mySearchForm .line {
	background-color: #008266;
	height: 2px;
	margin: 0;
	padding: 0;
	font-size: 2px;
	line-height: 2px;
}


/* text fields */

.mySearchForm input.text {
	background-color: #efefef;
	font-size: 95%;
	padding: .1em;
	margin: 0 0 .15em 0;
	border: 1px solid #C1C1C1;
	}	
.mySearchForm input.text:focus {
	border:1px solid #b4b4b4;
	background: #e9ddc7;
	}

/* list menu fields */	
.mySearchForm select.editSelect {
	background-color: #efefef;
	font-size: 95%;
	border: 1px solid #C1C1C1;
	margin: 0px 0px 5px 0px;
	padding: .1em;
	}

.mySearchForm select.editSelect:focus { 
	border: 1px solid #b4b4b4; 
	background: #e9ddc7;
	}




/*
////////////////////////////////////////////////////////
//////////////////  form formatting  ///////////////////
////////////////////////////////////////////////////////
*/
#myForm {
	margin: 0;
	padding: 0;
	font-size: 11px;
	}

#myForm td{
	margin: 0;
	padding: 2px 0px 0px 0px;
	vertical-align: top;
	}

#myForm label {
	color: #222;
	font-size: 10px;
	display: block;
	text-align: left;
	white-space: nowrap;
	}

#myForm label img {
	vertical-align: text-bottom;
	margin-right: 6px;
	margin-left: 6px;
	}

#myForm .line {
	background-color: #008266;
	height: 2px;
	margin: 0;
	padding: 0;
	font-size: 2px;
	line-height: 2px;
}


/* text fields */

#myForm input.text {
	background-color: #efefef;
	font-size: 95%;
	padding: .1em;
	margin: 0 0 .15em 0;
	border: 1px solid #C1C1C1;
	}	
#myForm input.text:focus {
	border:1px solid #b4b4b4;
	background: #e9ddc7;
	}

/* list menu fields */	
#myForm select.editSelect {
	background-color: #efefef;
	font-size: 95%;
	border: 1px solid #C1C1C1;
	margin: 0px 0px 5px 0px;
	padding: .1em;
	}

#myForm select.editSelect:focus { 
	border: 1px solid #b4b4b4; 
	background: #e9ddc7;
	}
	
/*  button */
.button	{
	padding: 3px 5px 3px 0px;
	}
	
/* Textareas */
#myForm textarea            { margin:0.25em 0; }
#myForm textarea            { border:1px solid #C1C1C1; background:#efefef; padding:.1em; }
#myForm textarea:focus      { border:1px solid #b4b4b4; background:#e9ddc7; }







/*
////////////////////////////////////////////////////////
//////////////////  newStore Styles  ///////////////////
////////////////////////////////////////////////////////
*/


/*  Cart
--------------------------------*/
.cart { }
	.cart table td { padding:2px 4px; vertical-align: middle; }
	.cart table thead { background-color: #999; font-size: 9px; font-weight: bold; text-transform: uppercase; color: #222; }
	.cart table tbody { background-color: #FFF; font-size: 12px; }
	
	.cart .rowA td { background-color: #f4f4f4; }
	.cart .rowB td { background-color: #e6e6e6; }
	.cart td.line { background-color: #999; font-size: 1px; line-height: 1px; height: 1px; padding: 0; }
	.cart td.subs { 
		font-size: 9px; 
		font-weight: bold; 
		text-transform: uppercase; 
		color: #222; 
		text-align: right; 
		padding: 5px 3px 3px 0;
		}
	.cart td.subsTotals { background-color: #DDD; }
	.cart td.total { background-color: #DDD; font-weight: bold; }
	
	.cart .cartButtons { float: right; margin: 18px -6px 18px 0; }

/*  Login
--------------------------------*/
.oldCustLogin {
	margin: 0 0 0 0;
	border: solid 1px #e6e6e6;
	width: 90%;
	}

.newCustLogin { 
	margin: 40px 0 0 0;
	border: solid 1px #e6e6e6;
	width: 90%;
	}



/* checkout 1 - customer
--------------------------------*/
.checkOutTop {  }
	.checkOutTop ul { margin: 0; padding: 0; }
	.checkOutTop li { 
		background-color: #e6e6e6;
		display: block;
		list-style: none; 
		float: left; 
		text-align: center;
		font-size: 10px;
		line-height: 10px;
		color: #999;
		width: 24.4%;
		}
	.checkOutTop li.line { background-color: #FFF; width: .6%; }
	
	.stepOne   .checkOutTop li.one { background-color:#630; color: #fff; }
	.stepTwo   .checkOutTop li.two { background-color:#630; color: #fff; }
	.stepThree .checkOutTop li.three { background-color:#630; color: #fff; }
	.stepFour  .checkOutTop li.four { background-color:#630; color: #fff; }


.checkOut { }

	.profileBilling {
		width: 380px;
		margin: 24px 0 0 0;
		}
	
	.profileShipping {
		width: 380px;
		margin: 0 0 0 410px;
		position: absolute;
		}

		.separateShipButton { 
			padding: 4px 0 0 0;
			width: 200px;
			margin: 0;
			}
		.separateShipButton a { 
			background-color: #666;
			color: #fff;
			padding: 6px;
			border-bottom: solid 1px #e6e6e6; 
			border-left: solid 1px #e6e6e6; 
			border-right: solid 1px #e6e6e6;
			font-size: 9px;
			line-height: 9px;
			text-transform: uppercase;
			font-weight: bold;
			outline: none; /* hide dotted outline in Firefox */
			}
		.separateShipButton a:hover {
			background-color: #933;
			}

/* checkout 2 - shipping & payment
------------------------------------------ */

.divShipping {
	margin: 24px 0 0 0;
	border-bottom: solid 1px #e6e6e6;
	padding: 0 0 12px 0;
	}
	
	.shippingGroup { 
		float: left;
		margin: 5px 20px 0 0;
		padding:  0 10px 0 20px;
		}
	.shippingGroup h6 { color: #666; font-size: 11px; font-weight: bold; margin: 0 0 6px 0; text-transform: uppercase; }
	
	.leftDottedLine { border-left: dotted 1px #666; }
	
	/* need to override some newFrom styles */
	.newForm .shippingGroup label {
		font-size: 12px;
		line-height: 24px;
		text-transform: none;
		font-weight: normal;
		}
	.newForm .shippingGroup .editSelect { margin-left: 4px; }
	

.divPaymentChoice {
	margin: 10px 0 30px 0;
	}

	.paymentGroup { 
		float: left;
		margin: 5px 20px 0 0;
		padding:  0 10px 0 20px;
		}
	.newForm .paymentGroup label.labelSpace { margin-top: 9px; }


	.paymentGroup h6 { color: #666; font-size: 11px; font-weight: bold; margin: 0 0 6px 0; text-transform: uppercase; }
	
/* checkout 3
---------------------------------*/
.verify { }
	.verify table td { padding:2px 4px; vertical-align: middle; }
	.verify table thead { background-color: #999; font-size: 9px; font-weight: bold; text-transform: uppercase; color: #222; }
	.verify table tbody { background-color: #FFF; font-size: 12px; }
	.verify td.data { background-color: #e6e6e6; vertical-align: middle;}
	.verify .notes { font-size: 10px; }
	
	.verify .rowA td { background-color: #f4f4f4; }
	.verify .rowB td { background-color: #e6e6e6; }
	.verify td.line { background-color: #999; font-size: 1px; line-height: 1px; height: 1px; padding: 0; }
	.verify td.titles { background-color: #ccc; font-size: 9px; font-weight: bold; text-transform: uppercase; color: #222; }
	.verify td.subs { 
		font-size: 9px; 
		font-weight: bold; 
		text-transform: uppercase; 
		color: #222; 
		text-align: right; 
		padding: 5px 3px 3px 0;
		}
	.verify td.subsTotals { background-color: #DDD; }
	.verify td.total { background-color: #DDD; font-weight: bold; }
	
	.newForm .verify textarea {
		border:1px solid #b4b4b4;
		}


/* checkout step 4 - complete
------------------------------------*/

.complete { margin: 24px 0 0 0; }

	 span.status { color: #036; }


	.complete table td { padding:2px 4px; vertical-align: middle; }
	.complete table thead { background-color: #999; font-size: 9px; font-weight: bold; text-transform: uppercase; color: #222; }
	.complete table tbody { background-color: #FFF; font-size: 12px; }
	.complete td.data { background-color: #e6e6e6; vertical-align: middle;}
	.complete .notes { font-size: 10px; }
	
	.complete .rowA td { background-color: #f4f4f4; }
	.complete .rowB td { background-color: #e6e6e6; }
	.complete td.line { background-color: #999; font-size: 1px; line-height: 1px; height: 1px; padding: 0; }
	.complete td.vline { background-color: #999; font-size: 1px; line-height: 1px; width: 1px; padding: 0; }

	.complete td.titles { background-color: #ccc; font-size: 9px; font-weight: bold; text-transform: uppercase; color: #222; }
	.complete td.subs { 
		font-size: 9px; 
		font-weight: bold; 
		text-transform: uppercase; 
		color: #222; 
		text-align: right; 
		padding: 5px 3px 3px 0;
		}
	.complete td.subsTotals { background-color: #DDD; }
	.complete td.total { background-color: #DDD; font-weight: bold; }
	

/* View Account, View Order 
---------------------------------*/
	.editAccount h6 { color: #666; font-size: 11px; font-weight: bold; margin: 9px 0 6px 0; text-transform: uppercase; border-bottom: dotted 1px #e6e6e6; padding: 0 0 4px 0; }


/* forms
--------------------------------*/
.newForm {
	margin: 0;
	padding: 0;
	font-size: 11px;
	}

	.newForm td{
		margin: 0;
		padding: 2px 0px 0px 0px;
		vertical-align: top;
		}
	
	.newForm label {
		color: #666;
		font-size: 9px;
		font-weight: bold;
		display: block;
		text-align: left;
		white-space: nowrap;
		text-transform: uppercase;
		}
	
	.newForm label img {
		vertical-align: text-bottom;
		margin-right: 6px;
		margin-left: 6px;
		}
	
	.newForm .line {
		background-color: #008266;
		height: 2px;
		margin: 0;
		padding: 0;
		font-size: 2px;
		line-height: 2px;
	}
	
	
	/* text fields */
	.newForm input.text {
		background-color: #efefef;
		font-size: 95%;
		padding: .15em;
		margin: 0 0 .15em 0;
		border: 1px solid #efefef;
		}	
	.newForm input.text:focus {
		border:1px solid #b4b4b4;
		background: #e9ddc7;
		}
	
	/* list menu fields */	
	.newForm select.editSelect {
		background-color: #efefef;
		font-size: 95%;
		border: 1px solid #efefef;
		margin: 0px 0px 5px 0px;
		padding: .15em;
		}
	
	.newForm select.editSelect:focus { 
		border: 1px solid #cccccc; 
		background: #e9ddc7;
		}
		
	/*  button */
	.newForm.button	{
		padding: 3px 5px 3px 0px;
		}
		
	/* Textareas */
	.newForm textarea            { margin:0.15em 0; }
	.newForm textarea            { border:1px solid #efefef; background:#efefef; padding:.15em; }
	.newForm textarea:focus      { border:1px solid #b4b4b4; background:#e9ddc7; }
	
	
	.fieldFloatLeft1 { float: left; margin: 0 0 10px 0; }
	.fieldFloatLeft2 { float: left; margin: 0 0 10px 10px; }
	
	.fieldFloatLeft3 { float: left; margin: 0 0 10px 0; }
	.fieldFloatLeft4 { float: left; margin: 0 0 10px 20px; }



/* New Buttons :: http://www.oscaralexander.com/tutorials/how-to-make-sexy-buttons-with-css.html
--------------------------------*/
.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

a.newButton {
		background: transparent url('/_common/bg_button_a.png') no-repeat scroll top right;
		color: #FFF;
		display: block;
		float: left;
		font: lighter 11px arial, sans-serif;
		text-transform: uppercase;
		letter-spacing: .01em;
		height: 24px;
		margin-right: 6px;
		padding-right: 12px; /* sliding doors padding */
		padding-bottom: 1px;
		text-decoration: none;
	}
	a.newButton:active, a.newButton:hover {
		background-position: bottom right;
		color: #FFF;
		outline: none; /* hide dotted outline in Firefox */
	}

a.newButton span {
		background: transparent url('/_common/bg_button_span.png') no-repeat;
		display: block;
		line-height: 14px;
		padding: 6px 0 5px 12px;
	} 
	a.newButton:active span, a.newButton:hover span {
		background-position: bottom left;
		padding: 6px 0 5px 12px; /* push text down 1px */
	} 

.buttonNudge { margin: 9px 0; }
.ForceRight { float: right; }
	
	
/* some general store styles
--------------------------------*/
.spanPadding4 { display: block; padding: 4px; }
.spanPadding10 { display: block; padding: 10px; }
.spanPadding20 { display: block; padding: 20px; }
.spanPadding10-20 { display: block; padding: 10px 20px; }


.bottomButtons { float: right; margin: 0 24px 24px 0; }
.bottomButtons2 { float: right; margin: 0 12px 18px 0; }









/*
////////////////////////////////////////////////////////
///////////////////  page polling  /////////////////////
////////////////////////////////////////////////////////
*/

#pgnav {
}

.pgnav_top {
	padding: 2px 0;
	margin:18px 0 36px 0;
	background:#474747;
	border-top: solid 1px #222;
	border-bottom: solid 1px #222;
	width: 99%;
}

.pgnav_bottom {
	padding: 2px 0;
	margin: 18px 0;
	background:#474747;
	border-top: solid 1px #222;
	border-bottom: solid 1px #222;
	width: 99%;
}

.pgnav_top td, .pgnav_bottom td {
	white-space: nowrap;
	font-size: 95%;
	color: #222;
	}

.pgnav_top a:link, .pgnav_top a:visited, .pgnav_bottom a:link, .pgnav_bottom a:visited {
	white-space: nowrap;
	letter-spacing: 1px;
	}	
		
.pgnav_top .pgSelect, .pgnav_bottom .pgSelect {
	padding: 0 6px 0 0;
	}
	
.pgnav_top .pgNumber, .pgnav_bottom .pgNumber {
	padding: 0 0 0 24px;
	}

.pgnav_top .pgSearch, .pgnav_bottom .pgSearch {
	padding: 0 ;
	text-align: right;
	}
	
.pgSearch input.text {
	background-color: #999;
	font-size: 90%;
	padding: 1px;
	margin:0;
	border:1px solid #222;
	}
.pgSearch input.text:focus { 
	border:1px solid #222; 
	background:#c5b4b4;
	}
	
.pgSearch input.button {
	background-color: #999;
	font-size: 80%;
	text-transform: uppercase;
	padding:1px;
	margin: 0 0 1px 0;
	border:1px solid #222;
	}
.pgSearch input.button:focus { 
	border:1px solid #222; 
	background:#c5b4b4;
	}

.pgnav_top select, .pgnav_bottom select {
	font-size: 90%;
	width: inherit;
	padding: 1px;
	margin: 0;
	background-color: #999;
	border:1px solid #222;
}
.pgnav_top select:focus, .pgnav_bottom select:focus {
	border:1px solid #222;
	background: #c5b4b4;
	}
	



/*
////////////////////////////////////////////////////////
/////////////////// helpful stuff  /////////////////////
////////////////////////////////////////////////////////
*/


/* Floaty 
------------------------------------------*/
.FloatLeft { float: left; }
.FloatRight { float: right; }
.clear-both { clear: both; display: block; }


/* Positioning
-------------------------------------------*/
.center { text-align: center; }
.absolute { position: absolute; }
.relative { position: relative; }

.hiddenDiv { display: none; }
.visibleDiv { display: block;}	
	
.nowrap { white-space: nowrap; }
.warning { color:#900; }

.clearStyles	{
	border: 0px;
	padding: 0px;
	margin: 0px;
	font-size: 0px;
	}



/*  standard set widths
----------------------------------------------*/
.width15 { width: 15px; }
.width25 { width: 25px; }
.width35 { width: 35px; }
.width50 { width: 50px; }
.width75 { width: 75px; }
.width100 { width: 100px; }
.width125 { width: 125px; }
.width150 { width: 150px; }
.width175 { width: 175px; }
.width200 { width: 200px; }
.width230 { width: 230px; }
.width235 { width: 235px; }
.width250 { width: 250px; }
.width300 { width: 300px; }
.width320 { width: 320px; }
.width322 { width: 322px; }
.width323 { width: 323px; }
.width324 { width: 324px; }
.width325 { width: 325px; }
.width350 { width: 350px; }
.width415 { width: 415px; }
.width400 { width: 400px; }
.width450 { width: 450px; }
.width454 { width: 454px; }
.width500 { width: 500px; }
.width550 { width: 550px; }



.height25 	{ height: 25px; }	
.height50 	{ height: 50px; }	
.height60	{ height: 60px; }
.height75	{ height: 75px; }
.height85	{ height: 85px; }
.height100 	{ height: 100px; }	
.height125 	{ height: 125px; }	
.height150 	{ height: 150px; }	
.height175 	{ height: 175px; }	
.height200 	{ height: 200px; }	
.height225 	{ height: 225px; }	
.height250 	{ height: 250px; }	
.height275 	{ height: 275px; }	
.height300 	{ height: 300px; }	
.height350 	{ height: 350px; }	
.height450 	{ height: 450px; }	
.height550 	{ height: 550px; }	

.marginRight18 { margin-right: 18px; }
.marginRight38 { margin-right: 38px; }
.marginRight50 { margin-right: 50px; }
.marginRight54 { margin-right: 54px; }	
.marginRight56 { margin-right: 56px; }	
	
.padding2	{ padding: 2px; }
.padding5	{ padding: 5px; }
	
	





	

/* some styles related only to dev sites, found in _incPostHTML.asp */
#DevPostHTML {
	width: 720px; /* set to same width as page content */
	margin: 0 auto;
	}
#OfflinePostHTML {
	width: 720px; /* set to same width as page content */
	margin: 0 auto;
	}
	
	
	
	

.tip { 
	color: #fff;
	/*width:250px;*/
	background:url(/_admin/Admin/common/bubble2.png) left top repeat-y;
	z-index: 15000;
	}
	.tip .tip-top { 
		background: url(/_admin/Admin/common/bubble2.png) top left no-repeat; 
		height:4px; 
		width:250px; 
		}
	.tip .tip-title { 
		font-size: 9px;
		font-weight: bold;
		line-height: 10px;
		text-transform: uppercase;
		text-align: left;
		margin: 0;
		color: #999;
		padding: 6px 12px 0 12px;
		}
	.tip .tip-text { 
		font-size: 12px;
		line-height: 14px;
		font-weight: normal;
		padding: 3px 12px 6px 12px;
		text-align: left; 
		}
	.tip .tip-bottom	{ 
		background: url(/_admin/Admin/common/bubble2.png) bottom left no-repeat;
		width:250px; 
		height:4px; 
		}