/* CSS Document */

/**	100% height layout with header and footer
	Feel free to copy/use/change/improve
**/
 
/**************************************************************/
/******** Color & Width breakouts *****************/
	html, body {cursor: default;}	
	html, body, div#preMasthead, div#footer {background-color: #fff;}
	/*div#footer {background-color: #000;}*/
	body {background-color: #f5f5f5; /*background: url(../images/body_fill_fade.gif) top left repeat-x;*/}
	div#container {background: #fff;}
	div#container, div#preMasthead, div#footer {width: 780px;}	/*** Sets Master width */
	div#header {background-color: #000;}
	div#masthead {background-color: #000;}
	#sideNav {
		width: 135px;
		/*background-color: #fc3;*/}
	
	#sideNavMenu {width: 135px;}
	#contentBody {
		margin-left: 110px;	/* to accomodate for the Side Nav width so body text doesn't run under side nav div */
		}
	#content {background-color: #fff;}
	#contentBody {background-color: #fff;}
	#contentBodyInner {background-color: #fff;}
	div#footer {background-color: #444;}/**/
/*******************************/

html,body, body form {	/***must include 'form' to account for aspx pages */
	margin: 0px;
	padding: 0px;
	height: 100%; /* needed for container min-height */
		/*background: #000;		/*******handled at top */
	}
form.PayPal {height: 0px;}

/**********************************************/
div#container {
	position: relative; /* needed for footer positioning*/
	margin: 0px auto; /* center, not in IE5 */
	/*width: 750px;			/*******handled at top */
	/*background: #fff;		/*******handled at top */	
	height: auto !important; /* real browsers */
	height: 100%; /* IE6: treated as min-height*/
	min-height: 100%; /* real browsers */	
	border-left: /*none;*/ 1px solid #666;
	border-right: /*none;*/ 1px solid #666;
}

div#header {
	/*height: 75px;*/
	padding: 0px;
	padding-top: 0px;
	border-bottom: 0px solid #333;
		border: /*0px solid #333;*/ none;
	margin-left: 0px;		/*Used to accomodate for container borders*/
	margin-right: 0px;		/*Used to accomodate for container borders*/
	vertical-align: middle;
	text-align: center;
	/*background-color: #fff;*/
}

div#preMastheadLeft {
	display: inline;
	position: absolute;
	top: 0px;
	left: 0px;
	padding: 2px 0px;
	margin: 2px 0px;
	float: none;
	color: #ff3;}
	div#preMastheadLeft a {color: #ff3;}
	div#preMastheadLeft a:hover {color: #ff9;}
	
div#preMasthead {
	color: #fff;		
	margin: 0px;
	padding: 2px 5px;}
	
div#preMasthead, div#preMastheadLeft {
	height: auto;
	display: none;	/*display: inherit;*/	/* set visibility (in case you don't want to see it) */
	text-align: right;
	vertical-align: middle;
	border: none;
	font-size: 11px;}

div#masthead {
	height: 48px;
	margin: 0px;
	margin-left: 0px;		/*to accomodate for left border */
	margin-right: -1px;		/*to accomodate for right border */
	/*background-color: #6699ff;
	background: url(/images/header_php4.gif) no-repeat top center;*/}

div#logo {
	float: left;
	padding: 0px 0px 0px 0px;}


div#content {
	padding: 0px 0px 50px 0px; /* bottom padding for footer (Needs to be #footer height + 20) */
	height: 100%;
	min-height: 400px;
	border-top: 0px solid #333;		/* adds border to top if no border on header */
	}
	div#content p {
		text-align: justify;
		padding: 0 1em;
		}

#contentBodyInner {padding: 5px 15px; margin: 5px 15px;}

div#footer {
	height: 85px;
	position: absolute;
	width: 100%;
	bottom: 0; /* stick to bottom */
	/*background-color: #cccc99;	/*******handled at top */
	padding: 0px 0px 12px 0px;
	margin: 0px;
		/*margin: 0px -2px 0px -1px;*/		/*to accomodate for lt & rt borders */
	border-top: none /*1px solid #000*/;
		/*border-left: none;	1px solid #fff;*/
		/*border-right: none;	1px solid #fff;*/
	text-align: center;
	vertical-align: middle;
	}
div#footerInner {
	padding: 0px;
	margin: 0px;}

#sideNav {
	float: left;
	/*width: 130px;						/*******handled at top */
	/*background-color: transparent;	/*******handled at top */
	text-align: center;
	min-height: 500px;					/* Used to prevent footer overlap when window height reduced */
	/*border-right: 1px dashed #999;*/
		border: none;
	margin: 0px;
	padding: 0px;}

#contentBody {
	/*background-color: transparent;	/*******handled at top */
	padding: 4px 12px;
	/*margin-left: 135px;	 to accomodate for the Side Nav width so body text doesn't run under side nav div */	/*******handled at top */
	}

div#sideNavIcons {
	float: left;
	margin: -55px 0px 0px 0px;		/** negative margin to take it outside footer div */
	padding: 4px 10px;
	width: auto;
	height: auto;
	border: 0px solid orange;}
	
	div#sideNavIcons div {
		position: relative;
		top: 0px;
		left: 0px;
		text-align: left;
		padding: 2px 0px;
		border: none;}
		
#PayPal, #addToCartBtn form {position: relative; height: 20px; width: 50px;}
#addToCartBtn form {}
/**************************************************************/
/** Additional styles to handle various layouts **/
#footerSub, #footerReflect {text-align: center; color: #000;}
#footerSub {
	height: 65px; 
	margin: -2px 0px; 
	padding: 0px;
	vertical-align: bottom;
	background: transparent url(../images/bkg_footer.gif) no-repeat bottom center;}
	
#footerReflect {
	display: none;
	height: 76px;
	margin: 0px;
	padding: 0px; 
	background: #000 url(../images/footer_reflect.gif) no-repeat top center;}

/*******************************/