/* This document is specific to items found on pages other than the home page */

/* This element controls the placement and position of the main page container for all subpages */
#pid2subpage  {
	margin: 0px auto 0px auto;
	height: 100%;
	width: 1100px;
	position: relative;
	background-color: #FFFFFF;
}

/* This element controls the placement and position of the menu background */
#subpagemenubar  {
	background: url(subpagemedia/subpagemenubar.jpg) no-repeat;
	visibility: visible;
	position: absolute;
	left: 41px;
	top: 63px;
	z-index: 1;
	width: 1018px;
	height: 58px;
}


/* These elements control the appearance and position of the breadcrumb navigation text in the top bar of the main body area */
#subpagebreadcrumb p  {
   font: 12px/14px Tahoma;
   margin: 0px;
   color: #FEFEFE;
   padding-bottom: 6px;
   text-align: left;
}

#subpagebreadcrumb  {
	z-index: 3;
	width: 450px;
	padding-top: 8px;
	padding-left: 20px;
}


/* This elements controls the position and padding around the image on all subpages */
#productimage  {
	border:none;
	z-index: 4;
	float: left;
	padding-right: 30px;
	padding-bottom: 20px;
}

/* These elements control the appearance and position of the headline text on all subpages */
#subpageheadtxt p  {
   font: bold 16px/19px Tahoma;
   margin: 0px;
   color: #01357E;
   text-align: left;
}

#subpageheadtxt  {
	z-index: 3;
	width: 500px;
	padding-bottom: 20px;
}

/* These elements control the appearance and position of the body text on all subpages */
#subpagebodytxt  {
	visibility: visible;
	left: 288px;
	top: 220px;
	z-index: 4;
	width: 712px;
	padding-top: 15px;
}

#subpagebodytxt p  {
   font: 14px/17px Tahoma;
   margin: 0px;
   padding-bottom: 6px;
   text-align: left;
   color: #01357E;
   padding-bottom: 12px;
}

#subpagebodytxt p a {
	text-decoration:underline;
	color:#01357E;
}

#subpagebodytxt p a:hover {
	color:#00CC00;
}

/*--This manages the container for all the elements of the main body area on all subpages */
#subpagebg  {
	position: absolute;
	left: 40px;
	top: 116px;
	z-index: 1;
	width: 1020px;
}

/* This manages the the main body area on all subpages, and allows the page to expand and contract as content is added or removed. It also maintains the minimum height of 400 pixels; the "!important" declaration is a hack to make minimum height work in IE6 and lower. This shoud be altered with care as it could seriously screw up all pages. */
#subpagemidbg  {
	background: url(subpagemedia/subpagebodybg.jpg) repeat-y;
	min-height:400px;
	height:auto !important;
	height:400px;
	padding-left:50px;
	padding-right:50px;
	position:relative;
}

#spmiddlebg  {
	background: url(subpagemedia/spmiddlebg.jpg) no-repeat;
	visibility: visible;
	position: absolute;
	left: 45px;
	top: 185px;
	z-index: 2;
	width: 1010px;
	height: 380px;
}


/* These elements manage the top and bottom backgrounds for the main body area, which enclose the expandable middle portion. They should not be altered. */
#spbottombg  {
	background: url(subpagemedia/id7sptopbg.jpg) no-repeat;
	z-index: 4;
	width: 1010px;
	height: 39px;
	margin-left: 5px;
}

#sptopbg  {
	background: url(subpagemedia/sptopbg.jpg) no-repeat;
	width: 1010px;
	height: 70px;
	margin-left:5px;
}


