/* Site layout and appearance */
/******************************/

#outerContainer {
	width: 900px;
	margin-left: auto;
	margin-right: auto;
	background-color: #eaedef;
}

#sideBar {
	width: 200px;
	position: fixed;
	top: 165px;
	background-image: url("../dgs_images/navsignbg.jpg"); 
	background-repeat: repeat-y;
}

#innerContainer {
	width: 800px;
	float:left;
	margin-left: 100px;
	background-color: white;
	background-image: url("../dgs_images/bground.png");
	background-repeat: repeat-x;
	border: 1px solid black;
}

/* Banner Bar - Holds the logo, and the main nav buttons */
#headerBar {
	height: 120px;
	text-align: center;
}

.navTable{
	width: 200px;
	margin: -2px;
}

/* Main Content - holds the meat and po-tat-oes */
#content {
	float: left;
	width: 700px;
}

/* Clear bar - make sure the container ends AFTER the longest of its 2 columns. */
#clearCols {
	clear: both;
	font-size: 1px;
	height: 1px;
}

/* FF needs a 100px buffer to line up */
html>body #content { margin-left: 100px; }

/* Set the color around the main site box */
body{ background-color: #eaedef; }

/* Styling for the pop-up window*/
/********************************/
#popupContainer{
	width = 700;
	margin-left: auto;
	margin-right: auto;
	background-color: white;
	background-image: url("../dgs_images/popupbg.png");
	background-repeat: repeat-x;
	border: 1px solid black;
}

/* This code is for the rounded corners in the main text area */
/**************************************************************/
#roundedTop{
	width: 650px;
	height: 20px;
	margin-left: 25px;
	margin-top: 15px;
	background-image: url("../dgs_images/roundedTop.gif");
}

#roundedMain{
	width: 650px;
	margin-left: 25px;
	background-color: #ededf2;
	background-image: url("../dgs_images/textbg.jpg"); 
	background-repeat: repeat-x;	
	margin-top: -18px;
}

#roundedBot{
	width: 650px;
	height: 20px;
	margin-left: 25px;
	margin-bottom: 15px;
	background-image: url("../dgs_images/roundedBot.gif");

}

/* Cross browser hack for min-height functionality */
#prop {
	height:526px;
	float:right;
	width:1px;
}

#propClear {
	clear:both;
	height:1px;
	overflow:hidden;
}

/* Table layouts for prices and products */
/*****************************************/

.prodTable{
	margin-left:  auto;
	margin-right: auto;
	width: 625px;
	border-collapse: collapse;
	border: 2px solid black;
}

.prodTable tr {
	text-align: center;
	font-family: Georgia;
	font-size: 14px;
	line-height: 22px;	
}

.prodTable tr.even { background-color: #d6d6db; }
.prodTable tr.odd   { }
.prodTableRow tr.even > td { border-right: 1px solid #C8C8C8; }
.prodTableRow tr.odd >  td   { border-right: 1px solid #C8C8C8; }

.prodTable tr.header { 
	border-bottom: 2px solid black; 
	font-weight: bold;
	font-size: 13px; 
}

.prodImageTbl{ 
	padding-left: 10px; 
	padding-bottom: 10px;	
}
.prodImageCol{ width: 216px; }

.prodDiagram{ 
	margin-left: auto;
	margin-right: auto;
}

.sizePic		{ width: 50px; }
.sizeModel		{ width: 50px; }
.sizeSpecs		{ width: 445px; }
.sizePrice		{ width: 80px;  }
/*.sizeTemplate	{ width: 145px; }*/

/* Mounting Hardware Table Layout */
/**********************************/
.HWTable{
	margin-left:  auto;
	margin-right: auto;
	width: 625px;
	border-collapse: collapse; 
	border: 2px solid black;
}
.HWTable tr {
	border-top: 1px solid gray; 
	text-align: center;
	font-family: Georgia;
	font-size: 14px;
	line-height: 22px;
}
.HWTable tr.even { background-color: #d6d6db; }

/*
.HWTableRow{ 
	border-top: 1px solid gray; 
	text-align: center;
	font-family: Georgia;
	font-size: 14px;
	line-height: 22px;
}
*/
.HWPriceRow{
	text-align: center;
	font-family: Georgia;
	font-size: 14px;
	line-height: 22px;
}

.HWLeftCol	{ width: 312px;  }
.HWRightCol	{ width: 313px;  }

.HWtitle{
	font-family: Georgia;
	text-align: center;
	font-weight: bold;
	font-size: 16px;
}

/* This is for text styles and other formatting stuff */
/******************************************************/
p {
	padding-left: 25px;
	padding-right: 25px;
}

.plainLink img { 
	border: none; 
}

.centered {
	margin-left: auto;
	margin-right: auto;
}

.headerMain {
	font-family: Verdana;
	text-align: center;
	text-decoration: underline;
	font-weight: bold;
	font-size: 18px;
}

.headerSub2 {
	font-family: Georgia;
	text-align: left;
	font-weight: bold;
	font-size: 13px;
}

.headerSub {
	font-family: Georgia;
	text-align: left;
	font-weight: bold;
	font-size: 16px;
}

.mainText {
	font-family: Georgia;
	text-align: left;
	font-size: 16px;
	line-height: 22px;
}

.navContent {
	font-family: Verdana;
	text-align: center;
	font-size: 18px;
	background-image: url("navsignbg.jpg"); 
	background-repeat: repeat-y;
	padding: 5px;
	cursor: pointer;
}


.designer {
	text-align: center;
	color: #939fa0;
	font-size: small;
	margin-top: -12px;
}

.inParagraphList {
/*	margin-top: -15px;*/
	margin-left: 25px;
}

.smallBR{
	line-height: 10px;
}

.alignLeft{
	text-align: left;
	padding-left: 5px;
}

.image{
	padding-left: 25px;
}