/*================================================================================
				TITLE:	Default Style Sheet
		   CLIENT:	Congleton Lumber Company
  TARGET SPEC:	CSS 2
		 MODIFIED:	2008.08.04
 	  AUTHOR(S):	Graham Wheeler / NetMediaOne - www.netmediaone.com
==================================================================================*/

/*
	====================================  ELEMENT DEFAULTS  =========================================
*/

a, a:visited { color: #6b9d92; cursor: pointer; text-decoration: underline; }
a:hover, a:visited:hover { color: #6b9d92; cursor: pointer; text-decoration: none; }

html, body, div, img, table, li { margin: 0px; padding: 0px; border: 0px; }
html { height: 100%; }
body { height: 100%; background: #000; font: normal 11px/1.81 Verdana, Arial, Helvetica, sans-serif; color: #a0a0a0; }

fieldset { border: 1px solid #404040; padding: 10px 15px 10px 15px; margin-bottom: 20px; overflow: auto; }
legend { font: bold 12px Verdana, Arial, Helvetica, sans-serif; color: #6b9d92; padding: 0px 5px 0px 5px; }

table { font: inherit; }

p { margin: 10px 0px 10px 0px; }

h1, h2, h3, h4 {
	padding: 0px;
	margin: 20px 0px 20px 0px;
	line-height: 1.63;
}

h1 { font-size: 18px;	margin-top: 0px; color: #06c; }

h2 { font-size: 14px; color: #fff; }

h3 { font-size: 12px; }

h4 { font-size: 11px;	margin-bottom: 0px; }
.HomePage h4 { color: #fff; padding-left: 10px; position: relative; left: -10px; }
.HomePage h4 img { position: absolute; top: .38em; left: 0px; }

p.FirstChild, h2.FirstChild, h3.FirstChild, h4.FirstChild, ul.FirstChild { margin-top: 0px; }
.LastChild { margin-bottom: 0px !important; }

label { font-weight: bold; }

ul { margin: 10px 0px 10px 0px; padding: 0px 0px 0px 1em; }
li { padding: 0px; margin-left: 10px; }

ul.Horizontal { overflow: auto; }
ul.Horizontal li { display: inline; float: left; margin: 10px; }



/*
	==================================  CUSTOM CLASSES AND LAYOUT ELEMENTS	================================
*/


.Bordered { padding: 4px; background: #fff; border: 1px solid #d0d0d0; }

table.ColumnWrapper { width: 100%; padding: 0px; }
div.Column { display: inline; float: left; }
td.Column { vertical-align: top; }

.CategoryOverview { font: normal 13px/1.81 Verdana, Arial, Helvetica, sans-serif; }

.CategoryAssignment li { width: 215px !important; margin: 1px 5px 1px 5px !important; }

.Chart { width: 100%; }
.Chart td, .Chart th { text-align: left; vertical-align: top; padding: 5px 10px 5px 10px; border-bottom: 1px solid #333; }
.Chart th { font: bold 13px Verdana, Arial, Helvetica, sans-serif; color: #fff; }

.ContentBox { border: 1px solid #d0d0d0; background: #f0f0f0; padding: 9px; }

.NoBullets, .CheckBoxList { list-style: none; margin: 10px 0px 10px 0px; padding: 0px; }
.NoBullets li, .CheckBoxList li { list-style: none; margin: 0px; padding: 0px; }

.HeaderImg { display: block; margin: 20px 0px 20px 0px; }

.Left { display: inline; float: left; margin: 5px 30px 10px 0px; }

.JSOnly { display: none; }
.HasJS .JSOnly { display: block; }
.HasJS .HideIfJS { display: none; }

.Right { display: inline; float: right; margin: 5px 0px 10px 30px; }

.FailedValidation { border-color: #fc0 !important; padding-left: 20px; background: url("icon_error.gif") 3px 3px no-repeat; }

.GalleryList li { display: inline; float: left; width: 250px; margin: 15px 30px 15px 30px; text-align: center; }

.PhotoGallery { list-style: none; margin: 0px; padding: 0px; display: inline; float: left; width: 600px; }
.PhotoGallery li { list-style: none; margin: 15px 30px 15px 0px; padding: 0px; display: inline; float: left; }
.PhotoGallery .Bordered { border-color: #e0e0e0; padding: 0px; }

.ValidationErrorMessage {
	display: block;
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	color: #c00;
	margin-top: 5px;
}

.VRule {
	width: 10px;
	min-height: 100%;
	height: auto;
	border-right: 1px solid #fff;
	position: absolute;
	z-index: 100;
	top: 0px;
	opacity: .15;
	-moz-opacity: .15;
	filter:alpha(opacity=15);
}

.HRule {
	height: 10px;
	width: 100%;
	border-top: 1px solid #fff;
	position: absolute;
	z-index: 100;
	left: 0px;
	opacity: .15;
	-moz-opacity: .15;
	filter:alpha(opacity=15);
}

#alertBoxWrapper { position: absolute; z-index: 9999; width: 100%; top: 0px;  }
.AlertBox { position: absolute; width: 100%; display: block; font-weight: bold; }
.AlertBox .Normal { background-image: url("icon_exclamation_16.png"); background-color: #fc0; }
.AlertBox .Error { background-image: url("icon_error_16.png"); background-color: #d00; color: #fff !important; }
.AlertBox .Locked { background-image: url("icon_lock_16.png"); }
.AlertBox .CloseLink { float: right; margin-left: 20px; display: none; }
.AlertBox .Sticky .CloseLink { display: inline; }

.StatusMessage { 
	color: #000; 
	margin: 0px 0px 5px 0px; 
	padding: 5px 10px 5px 30px; 
	opacity: 0.95; 
	-moz-opacity: 0.95; 
	filter: alpha(opacity=95);
	background-position: 7px 6px;
	background-repeat:  no-repeat;
}

.FailedValidation { border-color: #fc0 !important; padding-left: 20px; background: url("icon_error.gif") 3px 3px no-repeat; }

.PagerControl { text-align: center; margin-top: 20px; color: #aaa; list-style: none; }
.PagerControl li { display: inline; margin-left: 5px; }
.PagerControl li.FirstChild { margin-left: 0px; }
.PagerControl strong { color: #fff; }

.Striped .Even td { background: #333; }

.ValidationErrorMessage {
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	color: #666;
	margin-left: 5px;
}

#contactForm .TextBox { margin-left: 10px; margin-bottom: 5px; }


.TextBox { border: 1px solid #369; font: normal 11px Verdana, Arial, Helvetica, sans-serif; padding: 2px 5px 2px 5px; }

#bgWrapper { background: url("bg_bgwrapper.jpg") top center no-repeat; }

#layoutWrapper { 
	width: 960px;
	margin: 0px auto 0px auto;
	min-height: 100%;
	height: auto;
	position: relative;
	z-index: 101;
}

#imgLogo { position: absolute; top: 30px; left: 0px; z-index: 102; }

#topSection { position: relative; height: 75px; z-index: 200; background: url("bg_topsection_sub.jpg") no-repeat; }
.HomePage #topSection { background: url("bg_topsection_home.jpg") no-repeat; }

#loginStatus { position: absolute; top: 5px; right: 10px; }

#primaryNav { position: absolute; z-index: 200; top: 45px; right: 0px; margin: 0px; padding: 0px; list-style: none; }
#primaryNav li { display: inline; margin: 0px; padding: 0px; float: left; }
#primaryNav a { display: block; outline: none; text-decoration: none; }

#bannerSection { height: 70px; position: relative; z-index: 101; background: url("banner_sub.jpg") top left no-repeat; }
.HomePage #bannerSection { height: 290px; }
#bannerSection img { display: block; position: absolute; right: 0px; top: 0px; z-index: 200; }
#bannerSection h1 { position: absolute; top: 20px; right: 25px; margin: 0px; padding: 0px; font: bold 23px Verdana, Arial, Helvetica, sans-serif; color: #fff; }

#categoryBar { 
	list-style: none;
	margin: 0px;
	padding: 10px 0px 0px 0px;
	height: 110px;
	background: url('bg_sep_bar.gif') bottom left repeat-x;
}
#categoryBar li { list-style: none; display: inline; float: left; margin: 0px 0px 0px 7px; padding: 0px; }
#categoryBar li.FirstChild { margin-left: 0px; }
#categoryBar a, #categoryBar img { display: block; }


.SubNav ul { list-style: none; margin: 0px; padding: 0px; }
.SubNav ul.FirstChild { border-bottom: 1px solid #666; }
.SubNav li { margin: 0px; border-top: 1px solid #666; padding: 5px 0px 5px 10px; background: url(bullet1.gif) left 1.2em no-repeat; }
.SubNav li.Active { background: #202020; font-size: 12px; font-weight: bold; padding-left: 15px; }
.SubNav li ul { padding-bottom: 10px; }
.SubNav li ul li { padding: 1px 10px 1px 0px; border: 0px; background: none; line-height: 1.3; font-size: 10px; }
.SubNav li ul li.Active { font-size: 10px; font-weight: normal; padding-left: 0px; }
.SubNav a, .SubNav a:visited, .SubNav a:hover, .SubNav a:visited:hover { text-decoration: none; }
.SubNav a:hover, .SubNav li.Active > a { color: #fff; }

#contentSection { margin-top: 1px; overflow: auto; padding: 19px 30px 5px 0px; background: url("bg_content.gif") top right no-repeat; }
.HomePage #contentSection { padding: 10px 20px 5px 0px; margin-top: 0px; margin-right: 200px; }

#contentWrapper { background: url("bg_sep_bar.gif") bottom left repeat-x; padding: 0px 190px 25px 0px; }

#footerSection {
	position: relative;
	margin: 0px;
	padding: 0px 0px 30px 60px;
	color: #a0a0a0;
	font: normal 10px/1.7 Verdana, Arial, Helvetica, sans-serif;
}
#footerSection a { color: #a0a0a0; }
#footerLogo { position: absolute; top: 5px; left: 0px; }

#photoAlbums li { border-top: 1px solid #666; padding: 5px 0px 5px 0px; }
#photoAlbums li.FirstChild { border-top: 0px; padding-top: 0px; }
#photoAlbums a { text-decoration: none; }
#photoAlbums a:hover, #photoAlbums a.Active { text-decoration: none; color: #fff; }

#contactForm { display: inline; float: right; width: 420px; border: 1px solid #d0d0d0; padding: 10px; }
#contactForm p { overflow: auto; }
#contactForm label { display: inline; float: left; width: 130px; text-align: right; }
#contactForm .ValidationErrorMessage { margin-left: 140px; }

#hr1 { top: 71px; height: 70px; border-top: 4px solid #bbb; border-bottom: 1px solid #fff; }
#hr2 { top: 200px; border-bottom: 1px solid #fff; height: 19px; background: #333; }
#hr3 { top: 294px; border-bottom: 1px solid #fff; height: 69px; }

#vr1 { right: 0px; }
.HomePage #vr1 { right: 100px; border-left: 1px solid #fff; width: 99px; }

.ProductList { width: 100%; }

.Col1 { width: 180px; margin-right: 30px; }
.Col2 { width: 720px; }

.GalleryThumbnails { list-style: none; margin: 10px 0px 10px 0px; padding: 0px; }
.GalleryThumbnails li { display: inline; float: left; margin: 10px; padding: 0px; text-align: center; overflow: auto; }
.GalleryThumbnails a, .GalleryThumbnails img { display: block; margin: 0px auto 0px auto; outline: none; }
.GalleryThumbnails img { padding: 4px; border: 1px solid #666; }
.GalleryThumbnails span { font-size: 10px; }

.PhotoManager .GalleryThumbnails li { width: 300px; text-align: left; }
.PhotoManager .GalleryThumbnails a, .PhotoManager .GalleryThumbnails img { display: inline; margin: 0px 0px 0px 0px; }
.PhotoManager .GalleryThumbnails a { float: left; margin-right: 10px; }

.ProductChart td.FirstChild { width: 150px; }
.ProductChart td.LastChild { width: 180px; }