@import url("reset.css");

/*
/		TYPOGRAPHY
/		all global typography styles
--------------------------------------------------------------------------------------------------------*/

body 				{ font-family: "Times New Roman", Times, Georgia, serif; color: #333; font-size: 14px; line-height: 20px; }
a 					{ color: #40558b; text-decoration: none; }
a:hover 			{ text-decoration: none; }
p 					{ margin-bottom: 20px; }
h2 				{ color: #40558b; font-weight: normal; font-size: 26px; margin: 15px 0 20px 0;}
.profiles h2		{ color: #FFF; }
h3 				{ color: #40558b; font-weight: normal; font-size: 18px; margin: 15px 0 0 0;}
strong 			{ font-weight: bold; }
sup 				{ font-size: 70%; vertical-align: top; }
h2 span 			{ display: none; }







/*
/		Navigation Properties
--------------------------------------------------------------------------------------------------------*/

ul#MainNav					{ list-style: none; background: url('../images/nav_bg.gif') repeat-x; height: 50px; padding-left: 22px; }
ul#MainNav li				{ float: left; }
ul#MainNav li a {
	display: block;
	float: left;
	height: 50px;
	text-indent: -9999px;
}

ul#MainNav li.products a { background: url('../images/nav_products.gif') no-repeat; width: 102px; }
ul#MainNav li.custom a { background: url('../images/nav_custom.gif') no-repeat; width: 150px; }
ul#MainNav li.about a { background: url('../images/nav_about.gif') no-repeat; width: 99px; }
ul#MainNav li.gallery a { background: url('../images/nav_gallery.gif') no-repeat; width: 93px; }
ul#MainNav li.locations a { background: url('../images/nav_location.gif') no-repeat; width: 115px; }
ul#MainNav li.specials a { background: url('../images/nav_specials.gif') no-repeat; width: 98px; }

ul#MainNav li a:hover,
ul#MainNav li a.active {
	background-position: bottom;
	}

.SideNav {
	float: left;
	width: 260px;
	}
	.SideNav ul {
	margin: 16px 0 0 22px;
	width: 180px;
	}
	.SideNav ul li a {
	display: block;
	width: 180px;
	height: 30px;
	border-top: 1px solid #c8c7c7;
	text-indent: -9999px;
	}
	.SideNav ul li a.active,
	.SideNav ul li a:hover {
	background-position: bottom;
	}
	.SideNav ul li.first a {
	border: 0;
	}
	.SideNav ul li.SmallHeader {
	font-family: arial, sans-serif;
	margin-bottom: 20px;
	}
.SideNav ul li ul { margin: 5px 0; }
.SideNav ul li ul li a {
	border: 0;
	font-size: 11px;
	height: 18px;
	}


/* 
/	SideNAV element BG
------------------------------------------*/

.SideNav .BeadProfiles a	 				{ background: url('../images/sidenav/bead_profiles.gif') no-repeat;  }
.SideNav .SheetProducts a	 			{ background: url('../images/sidenav/sheet_products.gif') no-repeat;  }
.SideNav .StripProducts a	 			{ background: url('../images/sidenav/strip_products.gif') no-repeat;  }
.SideNav .SpecialOrders a	 			{ background: url('../images/sidenav/special_orders.gif') no-repeat;  }
.SideNav .Substrates a	 				{ background: url('../images/sidenav/substrates.gif') no-repeat;  }

.SideNav .History a	 					{ background: url('../images/sidenav/history.gif') no-repeat;  }
.SideNav .Vision a	 						{ background: url('../images/sidenav/vision.gif') no-repeat;  }
.SideNav .Mission a	 					{ background: url('../images/sidenav/mission.gif') no-repeat;  }
.SideNav .Testimonials a	 				{ background: url('../images/sidenav/testimonials.gif') no-repeat;  }

.SideNav .DiningRoom a	 				{ background: url('../images/sidenav/dining_room.gif') no-repeat;  }
.SideNav .Bathroom a	 				{ background: url('../images/sidenav/bathroom.gif') no-repeat;  }
.SideNav .Hallway a	 					{ background: url('../images/sidenav/hallway.gif') no-repeat;  }
.SideNav .Stairway a	 					{ background: url('../images/sidenav/stairway.gif') no-repeat;  }
.SideNav .LivingRoom a	 				{ background: url('../images/sidenav/living_room.gif') no-repeat;  }
.SideNav .Outdoor a	 					{ background: url('../images/sidenav/outdoor.gif') no-repeat;  }
.SideNav .AdditionalPhotos a			{ background: url('../images/sidenav/additional_photos.gif') no-repeat;  }

.SideNav .Distributors a	 				{ background: url('../images/sidenav/distributors.gif') no-repeat;  }
.SideNav .Dealers a	 					{ background: url('../images/sidenav/dealers.gif') no-repeat;  }
.SideNav .DirectSales a	 				{ background: url('../images/sidenav/direct_sales.gif') no-repeat;  }

/* 
/	SideNAV element sub BG
------------------------------------------*/
.SideNav .StandardBead a	 			{ background: url('../images/sidenav/sub_standard_bead.gif') no-repeat;  }
.SideNav .VBead a	 						{ background: url('../images/sidenav/sub_v-bead.gif') no-repeat;  }
.SideNav .VGroove a	 					{ background: url('../images/sidenav/sub_v-groove.gif') no-repeat;  }

.SideNav .stock a	 						{ background: url('../images/sidenav/sub_stock.gif') no-repeat;  }
.SideNav .custom a	 					{ background: url('../images/sidenav/sub_custom.gif') no-repeat;  }

.SideNav .ChannelBead a				{ background: url('../images/sidenav/sub_channel_bead.gif') no-repeat;  }
.SideNav .LargeVBead a	 				{ background: url('../images/sidenav/sub_large_v-bead.gif') no-repeat;  }
.SideNav .CoveBead a	 				{ background: url('../images/sidenav/sub_cove_bead.gif') no-repeat;  }
.SideNav .JumboVBead a	 			{ background: url('../images/sidenav/sub_jumbo_v-bead.gif') no-repeat;  }




.SideNav2 		{ float: left; width: 238px; padding: 16px 0 0 22px; }
.SideNav2 ul	{ margin-bottom: 17px; font-size: 13px; line-height: 17px; color: #666; }
.SideNav2 ul a 	{ color: #333; line-height: 20px; }
.SideNav2 ul a:hover,
.SideNav2 ul a.active
 					{ color: #41568e; }
.SideNav2 h2 	{ margin: 0 0 15px 0; }


#footer {
	margin-top: 35px;
	color: #FFF;
	font-size: 12px;
	height: 12px;
	}
	#footer ul li { float:left; margin-right: 10px; }
	#footer ul li a {
	display: block;
	float: left;
	color: #FFF;
	}
	#footer span { float: right; }

/*
/		Global Layout
--------------------------------------------------------------------------------------------------------*/

body {
	background: url('../images/bead-wallpaper.gif');
	}

#wrap {
	background-color: #40558b;
	margin: 35px auto 0;
	padding: 30px;
	width: 920px;
	}
	
	h1#LogoHeader a {
	background: url('../images/Logo_Header.gif') no-repeat;
	display: block;
	width: 920px;
	height: 125px;
	text-indent: -9999px;
	}
	
	#content {
	background-color: #FFF;
	width: 908px;
	padding: 6px;
	}

.col50 {
	float: left;
	width: 411px;
	padding: 0 25px;
	}
	.col50_nopadding {
	float: left;
	width: 447px;
	}

.ContentWithNav {
	float: left;
	width: 630px;
	padding-bottom: 50px;

	}

.contentFull {
	border-top: 1px solid #CCC;
	clear: both;
	padding-top: 20px;
	margin: 0 30px 0 10px;
	}




/*
/		Small Photo's
--------------------------------------------------------------------------------------------------------*/
div.SmallPhotos,
ul.SmallPhotos li {
	background: url('../images/photos/small_bg.png') no-repeat;
	float: left;
	width: 121px;
	height: 117px;
	padding: 6px;
	}
	
	.absolute {
	position: relative;
	background: red;
	clear: both;
	zoom: 1;
	}
	ul.SmallPhotos {

	position: absolute;
	bottom: -70px;
	right: 10px;
	}
	
/*
/		Bead Profiles
--------------------------------------------------------------------------------------------------------*/

.profiles {
	background: #58585a url('../images/profiles/gradient_bg.gif') repeat-x;
	margin-top: 30px;
	padding: 18px;
	}
	
ul.ProfileList {
	height: 206px;
	}
ul.ProfileList li {
	background: url('../images/profiles/profiles_bg.png') no-repeat;
	float: left;
	padding: 9px 6px;
	width: 162px;
	height: 161px;
	}

.CreateCustomBead {
	background: url('../images/profiles/button-custom_bead.png') no-repeat;
	display: block;
	width: 202px;
	height: 46px;
	float: right;
	} .CreateCustomBead span { display: none; }
	
.FindRetailer {
	background: url('../images/profiles/button-find_a_retailer.png') no-repeat;
	display: block;
	width: 137px;
	height: 45px;
	float: right;
	} .FindRetailer span { display: none; }
	
	
/*
/	Product Dimensions	
--------------------------------------------------------------------------------------------------------*/

.ProductDimensions 			{ font-size: 13px; line-height: 14px;}
.ProductDimensions th,
.ProductDimensions td 		{ border-bottom: 1px solid #666; text-align: left; font-weight: normal; vertical-align: top; padding: 4px 0; }
.materials 						{ width: 308px; }
.thickness 						{ width: 140px; }
.dimensions						{ width: 150px; }
.ProductDimensions td table	{ margin-bottom: 18px; }
.ProductDimensions td strong{ color: #40558b; }


/*
/		SLIDESHOW
--------------------------------------------------------------------------------------------------------*/
ul.PhotoList 		{ width: 257px; float: left; margin-top: 20px; }
ul.PhotoList li 	{
	background: url('../images/photos/gallery_thumb_bg.jpg') no-repeat;
	padding: 4px;
	width: 73px;
	height: 74px;
	float: left; 	}
.PhotoDisplay 	{ float: left; width: 373px; margin-top: 13px; }


/*
/		MAPS SPECIFIC
--------------------------------------------------------------------------------------------------------*/

#content.maps {
	padding: 20px 0 0 20px;
	width: 900px;
	}
	
ul.locations {
	float: left;
	width: 190px;
	margin-right: 20px;
	font-family: Arial, sans-serif;
	font-size: 11px;
	line-height: 15px;
	color: #666;
	}
	ul.locations li {
	margin-bottom: 20px;
	}
	ul.locations li strong {
	font-weight: normal;
	color: #333;
	}