/*================================================================================
				TITLE:	Default Style Sheet
		   CLIENT:	DHR/DocBox
  TARGET SPEC:	CSS-2
		 MODIFIED:	2007.02.06
 	  AUTHOR(S):	Graham Wheeler / NetMediaOne - www.netmediaone.com
==================================================================================*/

a { color: #097b61; cursor: pointer; text-decoration: underline; }
a:hover { color: #097b61; cursor: pointer; text-decoration: none; }

a, body, div, html, img, table { margin: 0px; padding: 0px; border: 0px; }
body, table { font: normal 11px/1.63 Verdana, Arial, Helvetica, sans-serif; color: #404040; }
body { background: #fff; }

h1 {
	font: bold 17px Verdana, Arial, Helvetica, sans-serif;
	color: #097b61;
	padding-bottom: 10px;
	margin: 0px 0px 15px 0px;
	background: url(images/hdr_underline.gif) bottom left repeat-x;
}

h1.HeaderImage {
	height: 26px;
	padding: 0px;
	border: 0px;
	position: relative;
	z-index: 100;
	margin-right: -20px;
}

h2 {
	color: #097b61;
	font: bold 14px Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 20px 0px 5px 0px;
}

h3 {
	color: #097b61;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 15px 0px 0px 0px;
}

hr { border: 0px; border-top: 1px solid #cca; height: 1px; margin: 15px 0px 15px 0px; }

ol, ul { margin: 0px; padding: 0px; }
ul li { margin: 0px 0px 0px 15px; padding: 0px; }
ol ol { list-style: lower-alpha; padding-left: 10px; }
ol li { margin: 0px 0px 10px 15px; padding: 0px; }

#layoutWrapper { min-width: 760px; }
#mastHead { background: #fff; padding: 19px 0px 19px 0px; border-top: 10px solid #e83; }
#imgLogo { display: block; }
#bannerButtons { position: absolute; top: 10px; right: 0px; z-index: 120; }
#bannerButtons a { display: inline; float: left; margin-left: 20px; }
#bannerButtons img { display: block; }

#navSection {
	background: url("images/bg_navsection.gif") repeat-x;
	height: 35px;
}

#navButtons { position: absolute; top: 0px; left: 0px; z-index: 110; }
#navButtons a {
	display: inline;
	float: left;
}
#navButtons a img {	display: block; }

#flashHome { display: block; margin-bottom: 10px; }


#contentSection {
	background: #eec;
	padding: 25px 0px 30px 0px;
	border-bottom: 1px solid #cca;
}

#footerSection {
	padding: 20px;
	font-size: 10px;
	line-height: 1.8;
	text-align: center;
}

#columnWrapper { overflow: auto; }
.Column { display: inline; float: left; position: relative; }

.HomePage #column1 { width: 540px; padding: 0px 30px 0px 0px; }
.HomePage #column2 { width: 190px; padding: 0px; }

.SubPageWithNav #column1 { width: 160px; padding: 0px 30px 0px 0px; }
.SubPageWithNav #column2 { width: 540px; padding: 0px 0px 0px 29px; border-left: 1px solid #cca; }

.ProductPage #column1 { width: 160px; padding: 0px 30px 0px 0px; }
.ProductPage #column2 { width: 310px; padding: 0px 0px 0px 29px; border-left: 1px solid #cca; }
.ProductPage #column3 { width: 190px; padding: 0px 0px 0px 30px; }

#subNav, #subNav ul { position: relative; list-style: none; margin: 0px -30px 0px 0px; padding: 0px; }
#subNav li { margin: 0px; padding: 5px 30px 6px 0px; border-top: 1px solid #cca; }
#subNav a { text-decoration: none; }
#subNav a:hover { text-decoration: underline; }
#subNav a.Active { color: #b7851c; }
#subNav li:first-child, #subNav li.FirstChild { border: 0px; padding-top: 0px; }

#subNav ul li { padding: 0px 0px 0px 10px; font-size: 10px; background: none; }


#previewImage { display: block; margin: 0px 0px 5px 0px; }

#photoViewerOverlay {
	position: absolute;
	z-index: 998;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	background: #000;
}
#photoViewer {
	position: absolute;
	top: 30px;
	left: 50%;
	margin-left: -340px;
	z-index: 999;
	width: 680px;
	height: 555px;
	background: #eec;
}
#photoViewerControls {
	height: 30px;
	background: #cd7;
	border-bottom: 5px solid #097b61;
}
#photoViewerControls img {
	display: inline;
	float: right;
	color: #000;
	cursor: pointer;
	margin: 5px;
}
#photoViewerControls h2 {
	padding: 5px 0px 0px 5px; margin: 0px;
}
#photoViewerPic {
	display: block;
	margin: 15px;
	border: 1px solid #097b61;
	padding: 4px;
	background: #fff;
}

.CenteredContainer {
	width: 760px;
	margin: 0px auto 0px auto;
	position: relative;
	padding: 0px;
}


.BorderedPic, .BorderedPicLeft, .BorderedPicRight, .ProductPhotoGallery img {
	display: block;
	padding: 4px;
	border: 1px solid #097b61;
	background: #fff;
	margin-bottom: 5px;
}
.BorderedPicLeft, .PicLeft, .PicLeftCaption { float: left; margin-right: 10px; margin-top: 5px; }
.BorderedPicRight, .PicRight, .PicRightCaption { float: right; margin-left: 10px; margin-top: 5px; }

.PicLeftCaption, .PicRightCaption { font-weight: bold; font-size: 10px; text-align: center; }

.LinkButtonList a {
	display: block;
	margin-top: 10px;
	border-top: 1px solid #cca;
	padding-top: 10px;
	outline: none;
}
.LinkButtonList a:first-child, .LinkButtonList a.FirstChild {
	margin: 0px;
	border: 0px;
	padding: 0px;
}

#nmoMenuContainer { position: absolute; left: -4000px; z-index: 100; height: 0px; }
.DropDownMenu {
	position: absolute;
	z-index: 901;
	list-style: none;
	margin: 0px;
	padding: 10px 0px 10px 0px;
	background: #cd7;
	width: 160px;
	border: 1px solid #fff;
	top: 0px;
	left: -4000px;
}
.DropDownMenuShadow {
	position: absolute;
	z-index: 900;
	margin: 0px;
	background: #000;
	border: 0px solid #000;
	width: 160px;
	height: 200px;
	top: 0px;
	left: -4000px;
}
.DropDownMenu li { margin: 0px; padding: 0px; }
.DropDownMenu li a {
	padding: 3px 9px 3px 9px;
	margin: 0px;
	display: block;
	zoom: 1;
	background: #cd7;
	text-decoration: none;
	font-size: 11px;
}
.DropDownMenu a:hover {	background: #fff; color: #097b61; }

.ProductPhotoGallery { margin-bottom: 20px; }
.ProductPhotoGallery .Thumbnails { overflow: auto; position: relative; margin-left: -5px; padding: 0px; width: 200px; }
.ProductPhotoGallery .Thumbnails img { display: inline; float: left; margin-left: 5px; cursor: pointer; }

.ProductSpecList { list-style: none; margin: 0px; padding: 0px; width: 190px; }
.ProductSpecList h3 { padding: 0px; }
.ProductSpecList li { border-top: 1px solid #cca; padding: 10px 10px 10px 0px; margin: 0px; }
.ProductSpecList li:first-child, .ProductSpecList li.FirstChild { border: 0px; padding-top: 0px; }

.CalloutBox {
	background: #f5f5d9;
	border-top: 1px solid #cca;
	border-bottom: 1px solid #cca;
	padding: 10px 15px 10px 15px;
	margin: 20px 0px 20px 0px;
	overflow: auto; 
}
.CalloutBox h2, .CalloutBox h3 { margin: 0px; padding: 0px; }

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

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

form h4 {
	font: bold 13px Verdana, Arial, Helvetica, sans-serif;
	background: #f5f5d9;
	border-top: 1px solid #cca;
	border-bottom: 1px solid #cca;
	padding: 10px 20px 10px 20px;
	margin: 20px 0px 10px 0px; 
}

#btnSubmit { margin-top: 20px; }