@charset "utf-8";
/* CSS Document */

/* Basic Layout CSS */
BODY {
	margin: 0 auto;	
}
div.BG_Top {
	z-index:-100;
	background-image:url(../images/BG-top.png);
	width:100%;
	background-repeat:repeat-x;
	height:350px;
	position:fixed;
	background-color:#CCCCCC;
}
div.BG_Bottom {
	z-index:-100;
	background-image:url(../images/BG-bottom.png);
	width:100%;
	height:350px;
	background-repeat:repeat-x;
	bottom:0px;
	position:fixed;
	background-color:#CCCCCC;
}
div.The_Page {
	text-align:center;
}
div.Logo_Bar {
	height:65px;
	width:909px;
	margin-left:auto;
	margin-right:auto;
	color:#FFFFFF;
	font-size:20px;
	font-family:Arial, Helvetica, sans-serif;
	text-shadow:#000000;
	text-align:left;
}
div.Logo_Bar_Logo {
	float:left;
}
div.Logo_Bar_Title {
	float:left;
	margin-left:20px;
	margin-top:39px;
}
div.Logo_Bar_Login {
	float:right;
	margin-top:32px;
}
div.The_Border {
	width:910px;
	margin-left:auto;
	margin-right:auto;
	border:#000000 solid 2px;
	
}
div.Graphic_Bar {

}
div.Graphic_Bar_Transition {
	background-image:url(../images/Graphic-Bar-Transition.png);
	background-repeat:repeat-x;
	width:100%;
	height:10px;
}
div.Page_Content {
	background-color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:left;
}
div.Footer_Bar a {
	color:#FFFFFF;
	font-size:small;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
}
div.Footer_Bar {
	color:#FFFFFF;
	font-size:small;
	font-family:Arial, Helvetica, sans-serif;
}
h1 {
	font-size:14px;
	font-weight:bold;
	margin-bottom: 0px;
	padding-bottom: 0px;
}
h2 {
	font-size:12px;
	font-weight:bold;
	margin-bottom: 0px;
	padding-bottom: 0px;
}
IMG {
	border: 0px;
}

/*  The CSS for in page pop up window */

div.PopUpThePage {
	margin:0 auto;
	float:none;
	position:fixed;
	width:100%;
	height:100%;
	color:#000000;
	background-image:url(../images/PopUpBG.png);
	z-index:10500;
	text-align:center;
	left:0px;
	top:0px;
	visibility:hidden;
	
}

div.PopUpThePageIE6 {
	margin:0 auto;
	float:none;
	position:absolute;
	width:100%;
	height:100%;
	color:#000000;
	background-image:url(../images/PopUpBG.png);
	z-index:10500;
	text-align:center;
	left:0px;
	top:0px;
	visibility:hidden;
	
}

div.PopUpTitle {
	float:left;
	color: #FFFFFF;
	font-size: 12px;
	font-family: tahoma;
	text-decoration:none;
	font-weight:bold;
	margin-left:5px;
	width:800px;
	text-align:left;	
	vertical-align:middle;
}

div.PopUpHeader {
	margin:0 auto;
	background-color:;
	border-collapse:separate;
	position:relative;
	width:1002px;
	height:25px;
	top:20px;
	background-image:url(../images/PopUpHeaderBG.jpg);
}

div.PopUpClose {
	float:right;
	color: #282973;
	font-size: 11px;
	font-family: tahoma;
	text-decoration:none;
	font-weight:bold;
	width:75px;
	text-align:right;
	margin-right:0px;
	background-image:url(../images/PopUpHeaderClose.jpg);
	height:25px;
	cursor:pointer;
}

div.PopUpContent {
	margin:0 auto;
	background-color:#FFFFFF;
	border-collapse:separate;
	border:outset #6b6b6b thick;
	position:relative;
	width:990px;
	height:550px;
	top:20px;
	overflow:scroll;
}

/* There is some CSS that gets used regularly on many pages.  This is some of the more common CSS */
div.DisplayContent {
	width:870px;
	text-align:left;
	margin-left:20px;	
}
div.DisplayContent2 {
	width:870px;
	text-align:left;
	margin-left:20px;
	
}
div.TableRow {
	display:table-row;
}
div.BreadCrumbStart {
	float:left;
	font-size:smaller;
	margin-left:20px;
}
div.BreadCrumb {
	float:left;
	font-size:smaller;
	margin-left:5px;
}
div.BreadCrumbStart a {
	text-decoration:none;
}
div.BreadCrumb a {
	text-decoration:none;
}
div.ShowImages {
	text-align:center;
	width:370px;
	float:right;
}
img.ThumbNail{
	border-color:#000000;
	border-style:solid;
	border-width:1px;
	margin-left:20px;
	cursor:pointer;
}
img.ThumbNailNoPointer{
	border-color:#000000;
	border-style:solid;
	border-width:1px;
	margin-left:20px;
}
img.ThumbNailNoMargin{
	border-color:#000000;
	border-style:solid;
	border-width:1px;
}
div.ShowImages a {
	cursor:pointer;
}
div.ProductDescription {
	width:500px;
}
div.ContentSection {
	width:500px;
}
div.FAQ_Box {
	background-color:#bcd8e3;
	border-style:solid;
	border-bottom-color:#000000;
	border-width:1px;
	margin-left:20px;
}
span.more {
	font-weight:bold;
	font-size:small;
}
span.collapse {
	font-weight:bold;
	font-size:small;
}