/* Style sheet for FrontpageTemplates.com */
body  { background:#FFF;color: #333; font: normal normal 11px Verdana, Arial, sans-serif; }
input { background: #FFF; color: #487392; font: normal normal 11px Arial, sans-serif;  }
.checkbox { background: #FFF; color: #487392; font: normal normal 11px Arial, sans-serif;  }
textarea { background: #FFF; color: #42515E; font: normal normal 11px Arial, sans-serif; }
select { background: #FFF; color: #487392; font: normal normal 11px Arial, sans-serif; border: 1px solid #EEAB4B;  }
form  { background: #FFF; color: #42515E; font: normal normal 11px Arial, sans-serif; }
h1    { color: #42515E; font:  normal bold 14px Verdana, Arial, sans-serif; margin-bottom: 4px; 
		background: #EFEFEF; width: 100%; padding: 3px; margin-top: 0px; }
h2    { color: #EEAB4B; font:  normal bold 12px Verdana, Arial, sans-serif; margin-bottom: 4px; }
h3    { color: #333; font:  normal bold 12px Verdana, Arial, sans-serif; margin-bottom: 4px; }
h4    { color: #333; font:  normal bold 12px Verdana, Arial, sans-serif; margin-bottom: 4px; }
h5    { color: #000; font:  normal bold 11px Verdana, Arial, sans-serif; margin-bottom: 4px; }
h6    { color: #006; font:  normal bold 11px Verdana, Arial, sans-serif; margin-bottom: 4px; }
ol, ol ol, ol ol ol { color: #666; font: normal normal 11px/15px Verdana, Arial, sans-serif; }
ul       { color: #333; font: normal normal 11px/15px Verdana, Arial, sans-serif; }
ul ul    { color: #333; font: normal normal 11px/15px Verdana, Arial, sans-serif; }
ul ul ul { color: #000; font: normal normal 11px/15px Verdana, Arial, sans-serif; }
ul li {
	margin-bottom: 10px;
	list-style-image: url("../images/design_elements/list.jpg");
}

/* Make a container */
#container {
	width: 1000px;
	margin: 0px auto;
	text-align: center;
	background: #FFF;
}
/* Define top area */
.header1 { background: #FFF; color: #EEAB4B; font-face: Verdana, Arial, sans-serif; text-decoration: none;
	font-size: 11px; border-bottom: 1px solid #487392; padding: 5px; width: 500px; }
.header2 { 
	background: #FFF; 
	color: #7696AD; 
	font: normal normal 11px/15px Verdana, Arial, sans-serif; 
	padding: 5px; 
	width: 400px; 
	}



/* New Styles to define top area and eliminate tables */
#headerfloat {
	width: 980px;
}
#topheaderleft { 
	float: left;
	text-align: left;
	background: #FFF; 
	width: 400px; 
	padding-top: 4px;
	padding-bottom: 4px;
	border-bottom: 1px solid #E2E2E2;
}
#topheaderleft img {
	margin-top: 6px;
	border: 0px;
	width: 300px;
	height: 20px;
}
#topheaderright { 
	float: right;
	text-align: right;
	background: #FFF; 
	color: #7696AD; 
	font: normal normal 11px/15px Verdana, Arial, sans-serif; 
	padding: 8px; 
	width: 564px; 
	border-bottom: 1px solid #E2E2E2;
	height: 20px;
}

/* Define search areas */
.searchfloat {
	clear: both;
	width: 980px;
}
.searchfloatbot {
	clear: both;
	width: 980px;
	padding-top: 20px;
	border-top: 1px solid #E2E2E2;
}
.searchfloatleft { 
	float: left;
	text-align: left;
	background: #FFF; 
	color: #7696AD; 
	font: normal normal 11px/15px Verdana, Arial, sans-serif; 
	padding: 5px; 
	width: 400px; 
}
.searchfloatright { 
	float: right;
	text-align: right;
	background: #FFF; 
	color: #7696AD; 
	font: normal normal 11px/15px Verdana, Arial, sans-serif; 
	padding: 5px; 
	width: 560px; 
}
.text {
	display: inline;
}
/* Define username area */
#currentuser {
	clear: both;
	width: 980px;
	text-align: right;
	padding: 10px 0px;
	font: normal normal 11px/15px Verdana, Arial, sans-serif; 
}
#currentuser strong {
	color: #EEAB4B;
}

/* Define Content Areas */
/* New Styles to eliminate tables */

#contentfloat {
	clear: both;
	width: 980px;
}
#leftinclude {
	float: left;
	background: #FFF; 
	color: #EEAB4B; 
	width: 150px; 
	font: normal normal 10px/15px Verdana, Arial, sans-serif; 
	max-width: 150px;
	text-align: left;
	margin-top: 0px;
	margin-left: 0px;
}
/* Left Side Link Area */
#leftinclude a:link     { color: #7696AD; font-face: Verdana, Arial, sans-serif; text-decoration: none; }  
#leftinclude a:active   { color: #7696AD; font-face: Verdana, Arial, sans-serif; text-decoration: none; }  
#leftinclude a:visited  { color: #7696AD; font-face: Verdana, Arial, sans-serif; text-decoration: none; }  
#leftinclude a:hover    { color: #000; font-face: Verdana, Arial, sans-serif; text-decoration: underline; }  
#contentfloat2 {
	width: 820px;
	min-height: 600px;
	float: right;
	border-left: 1px solid #E2E2E2;
}

#midcolheader {
	background: #EFEFEF;
	width: 790px;
	max-width: 790px;
	padding: 5px;
	color: #42515E; 
	font:  normal bold 14px Verdana, Arial, sans-serif;	
	text-align: left;
}
/* Contains text-based product page data center column*/
#midcolfloat {
	float: left;
	background: #FFF; 
	color: #666; 
	font: normal normal 11px/15px Verdana, Arial, sans-serif; 
	padding: 8px 20px 8px 8px; 
	width: 570px;
	text-align: left;
	max-width: 570px;	
	border-right: 1px solid #E2E2E2;
	min-height: 600px;
	}

/* contains text-based product page right column */
#rightcolfloat { 
	float: right;
	background: #FFF; 
	color: #666; 
	font: normal normal 10px/16px Verdana, Arial, sans-serif; 
	padding: 8px; 
	width: 180px;
	min-height: 600px;
	text-align: center;
}

#rightcolfloat img {
	padding-top: 10px;
	border: 0px;
	width: 100px;
	height: 80px;
}
#rightcolheader {
	width: 180px;
	text-align: center;
	border-bottom: 1px solid #EEAB4B;
	border-top: 1px solid #EEAB4B;
	font: normal bold 11px/12px Verdana, Arial, sans-serif; 
	max-width: 180px;
}
#rightcoltext {
	width: 180px;
	text-align: left;
	font: normal normal 11px/15px Verdana, Arial, sans-serif; 
	max-width: 180px;
}

/* Contains help page main column */
#midcolfloat1 {
	float: left;
	background: #FFF; 
	color: #666; 
	font: normal normal 11px/15px Verdana, Arial, sans-serif; 
	padding: 8px 20px 8px 8px; 
	width: 770px;
	text-align: left;
	max-width: 770px;	
}

/* Miscellaneous one-off styles */
#indentemphasis {
	font: normal bold 12px/15px Verdana, Arial, sans-serif; 
	padding-left: 20px;
}
.screen {
/*	margin-left: 35px; */
	border: 0px solid white;
	height: 80px;
	width: 100px;
}
.indentss {
	padding-left: 120px;
}

/* New styles for catalog pages eliminating some tables */
#categoryholder {
	width: 860px;
	margin: 0px auto;
	background-color: #EEAB4B;
	text-align: center;
	height: 100px;
}
#categoryheader {
	float: left;
	background: #f0f0f0; 
	margin: 1px 0px 0px 1px;
	color: #666; 
	font: normal normal 11px Verdana, Arial, sans-serif; 
	padding: 0px 10px 10px 10px; 
	width: 317px;
	height: 20px;
	max-height: 20px;
	min-height: 20px;
}
#categoryleftfloat { 
	float: left;
	background: #FFF; 
	color: #666; 
	font: normal normal 11px/15px Verdana, Arial, sans-serif; 
	padding-top: 10px; 
	width: 337px;
	margin: 1px 0px 0px 1px;
	height: 57px;
	min-height: 57px; 
	text-align: center;
}
#categoryrightfloat { 
	float: right;
	background: #e2e2e2; 
	color: #666; 
	font: normal normal 11px/15px Verdana, Arial, sans-serif; 
	margin: 1px;
	width: 520px; 
	text-align: left;
	height: 98px;
	min-height: 98px; 
	margin-bottom: 20px;
}
#catrightfloatcontent {
	width: 480px;
	height: 58px;
	margin: 10px;
	padding: 10px 10px 10px 10px;
	min-height: 58px;
	background: #FFF;
	border:  1px solid #EEAB4B;
}
.clear {
	clear: both;
}
.centerme {
	text-align: center;
}
#introtop { 
	background: url('../images/design_elements/template-header.jpg') no-repeat top left; 
	height: 250px; 
	color: #487392; 
	padding: 5px 5px 0px 0px; 
	font: normal bold 16px/22px Verdana, Arial, sans-serif;
	width: 800px;
	max-width: 800px;
	text-align: left;
}
#introtop p {
	width: 780px;
	text-align: right;
}

/* Define New Table Borders */
.cell { 
	background: #FFF; 
	color: #666; 
	font: normal normal 11px/15px Verdana, Arial, sans-serif; 
	padding: 8px 20px 8px 8px; 
	border: 1px solid #E2E2E2; 
	border-collapse: collapse;
	width: 400px;
 }
.cellborder {
	border: 1px solid #E2E2E2; 
	border-collapse: collapse;	
}



.leftside { 
	background: #FFF; 
	color: #EEAB4B; 
	width: 240px; 
	font: normal normal 10px/15px Verdana, Arial, sans-serif; 
	max-width: 2400px;
	text-align: left;
	margin-top: 0px;
 }
.maincontent { background: #FFF; color: #FFF; font: normal normal 11px Verdana, Arial, sans-serif; width: 795px; }
.maincol { 
	background: #FFF; 
	color: #666; 
	font: normal normal 11px/15px Verdana, Arial, sans-serif; 
	padding: 8px; 
	width: 605px; 
}
.midcol { 
	background: #FFF; 
	color: #666; 
	font: normal normal 11px/15px Verdana, Arial, sans-serif; 
	padding: 8px 20px 8px 8px; 
	width: 645px;
	border-right: 1px solid #E2E2E2; 
 }
.rightcol { 
	background: #FFF; 
	color: #666; 
	font: normal normal 11px/15px Verdana, Arial, sans-serif; 
	padding: 8px; 
	width: 200px; 
	text-align: center;
}
.member1top { background-image: url('images/design_elements/memberheader.jpg'); width: 605px; height: 222px; 
	color: #487392; padding-top: 60px; padding-left: 270px; font-style:normal; font-variant:normal; 
	font-weight:bold; font-size:16px; font-family:Verdana, Arial, sans-serif; line-height: 22px; }
.affiliate1top { background-image: url('../images/design_elements/affiliateheader.jpg'); width: 605px; height: 222px; 
	color: #487392; padding-top: 30px; padding-left: 40px; font-style:normal; font-variant:normal; 
	font-weight:bold; font-size:16px; font-family:Verdana, Arial, sans-serif; line-height: 22px; }

/* Define Topic Header Areas */
.fptleft  { background: #FFF; color: #333; font-face: Verdana, Arial, sans-serif; text-decoration: none;
	font-size: 11px; padding: 5px; border: 1px solid #FFCC7F; }
.fptlefttop { background: #EFEFEF; border: 1px solid #FFCC7F;
	color: #000; font-style: normal; font-variant: normal; padding: 4px;
	font-weight:normal; font-size:11px; font-family:Verdana, Arial, sans-serif; line-height: 16px; }
.fptright { background: #FFCC7F; width: 500px; height: 92px; 
	color: #000; font-style: normal; font-variant: normal; padding-top: 3px; padding-bottom: 3px;
	font-weight:normal; font-size:11px; font-family:Verdana, Arial, sans-serif; line-height: 16px; }
.fptrighttxt { background: #EFEFEF; border: 1px solid #FFF; width: 494px; height: 90px; overflow: auto;
	color: #000; font-style: normal; font-variant: normal; padding: 8px;
	font-weight:normal; font-size:11px; font-family:Verdana, Arial, sans-serif; line-height: 16px; }



/* Define footer area */
.footer1 { background: #FFF; color: #7696AD; font-face: Verdana, Arial, sans-serif; text-decoration: none;
	font-size: 11px; border-bottom: 1px solid #487392; padding: 5px; }
.footer2 { 
	margin: 0px auto;
	clear: both;
	text-align: center;
	background: #FFF; 
	color: #7696AD; 
	font: normal normal 9px/12px Verdana, Arial, sans-serif; 
	padding: 5px 5px 40px 5px; 
	border-top: 1px solid #487392; 
	width: 960px; 
	max-width: 960px;
}
.footer2 a:link { text-decoration: none; color: #7696AD; }
.footer2 a:visited { text-decoration: none; color: #7696AD; }

/* Define Product Areas */
.browse { 
	background: #FFF; 
	color: #666; 
	width: 200px;
	text-align: center;
	font: normal normal 10px/16px Verdana, Arial, sans-serif; 
	padding-left: 5px; 
}
.browse2 { 
	background: #FFF; 
	color: #333; 
	width: 954px;
	font: normal normal 12px/18px Verdana, Arial, sans-serif; 
	text-align: right;
}
.browseicons { padding-top: 5px; padding-bottom: 5px; }
.browsewm { background: #FFF; color: #666; font: normal normal 10px/13px Verdana, Arial, sans-serif; }


/* Define Info Areas */
.productbox      { background: #E0E0E0; color: #333; font: normal bold 11px/13px Verdana, Arial, sans-serif; 
	padding-left: 10px; padding-right: 10px; padding-top: 4px; padding-bottom: 4px; 
	border: 1px solid #E2E2E2; }
.productboxtop   { 
	background: #EFEFEF; 
	color: #000; 
	font: normal bold 11px/13px Verdana, Arial, sans-serif; 
	padding: 4px 10px; 
	height: 26px;
	border: 1px solid #E2E2E2;
	width: 200px;
	max-width: 200px; 
}
.productboxtop1   { background: #EFEFEF; color: #000; font: normal bold 11px/13px Verdana, Arial, sans-serif; 
	padding-left: 10px; padding-right: 10px; padding-top: 4px; padding-bottom: 4px; height: 26px;
	border-top: 1px solid #E2E2E2; border-left: 1px solid #E2E2E2;  border-right: 1px solid #E2E2E2;  }
.products        { background: #FFF; }

.productssleft   { background: #FFF; color: #333; border-left: 1px solid #E2E2E2; border-bottom: 1px solid #E2E2E2;
	padding-left: 10px; padding-right: 10px; padding-top: 4px; padding-bottom: 4px; font: normal normal 11px/13px Verdana, Arial, sans-serif;  }
.productssleftbottom   { background: #FFF; color: #333; border-bottom: 1px solid #E2E2E2; border-left: 1px solid #E2E2E2; border-top: 1px solid #E2E2E2; 
	padding-left: 10px; padding-right: 10px; padding-top: 4px; padding-bottom: 4px; font: normal normal 11px/13px Verdana, Arial, sans-serif;  }
	
.productssright  { background: #FFF; color: #333; border-left: 1px solid #E2E2E2; border-top: 1px solid #E2E2E2; 
	padding-left: 10px; padding-right: 10px; padding-top: 4px; padding-bottom: 4px; border-right: 1px solid #E2E2E2; 
	font: normal normal 11px/13px Verdana, Arial, sans-serif; }
.productssrightbot  { background: #FFF; color: #333; border-left: 1px solid #E2E2E2; border-top: 1px solid #E2E2E2; 
	padding-left: 10px; padding-right: 10px; padding-top: 4px; padding-bottom: 4px; border-right: 1px solid #E2E2E2;border-bottom: 1px solid #E2E2E2; 
	font: normal normal 11px/13px Verdana, Arial, sans-serif; }
.productssright2  { background: #FFF; color: #333; border-left: 1px solid #E2E2E2; border-bottom: 1px solid #E2E2E2;
	padding-left: 10px; padding-right: 10px; padding-top: 4px; padding-bottom: 4px; border-right: 1px solid #E2E2E2; 
	font: normal normal 11px/13px Verdana, Arial, sans-serif; }

.productssleftbot   { background: #FFF; color: #333; border-left: 1px solid #E2E2E2; 
	padding-left: 10px; padding-right: 10px; padding-top: 4px; padding-bottom: 4px; 
		font: normal normal 11px/13px Verdana, Arial, sans-serif; border-bottom: 1px solid #E2E2E2;  }
.productssrightbot  { background: #FFF; color: #333; border-left: 1px solid #E2E2E2; border-top: 1px solid #E2E2E2; 
	padding-left: 10px; padding-right: 10px; padding-top: 4px; padding-bottom: 4px; border-right: 1px solid #E2E2E2; 
	font: normal normal 11px/13px Verdana, Arial, sans-serif; border-bottom: 1px solid #E2E2E2; }
.productssrightbotmy  { background: #FFF; color: #333; border-left: 1px solid #E2E2E2; border-top: 1px solid #E2E2E2; 
	padding-left: 10px; padding-right: 10px; padding-top: 4px; padding-bottom: 4px; border-right: 1px solid #E2E2E2; 
	font: normal normal 11px/13px Verdana, Arial, sans-serif; border-bottom: 1px solid #E2E2E2; }	
.step { background: #EFEFEF; color: #000; font: normal bold 11px/13px Verdana, Arial, sans-serif; 
	padding-left: 10px; padding-right: 10px; padding-top: 4px; padding-bottom: 4px; height: 26px;
	border: 1px solid #EEAB4B;  }
.step2 { background: #EFEFEF; color: #000; font: normal normal 11px/13px Verdana, Arial, sans-serif; 
	padding-left: 10px; padding-right: 10px; padding-top: 4px; padding-bottom: 4px; height: 26px;
	border-left: 1px solid #E2E2E2; border-right: 1px solid #E2E2E2; border-bottom: 1px solid #E2E2E2;  }
.step3 { background: #EFEFEF; color: #000; font: normal normal 11px/13px Verdana, Arial, sans-serif; 
	padding-left: 10px; padding-right: 10px; padding-top: 2px; padding-bottom: 2px; height: 20px;  }
.productslr { background: #FFF; color: #333; border-left: 1px solid #E2E2E2; border-right: 1px solid #E2E2E2;
	padding-left: 10px; padding-right: 10px; padding-top: 4px; padding-bottom: 4px; font: normal normal 11px/13px Verdana, Arial, sans-serif;  }
.productslrbot { background: #FFF; color: #333; border-bottom: 1px solid #E2E2E2; border-left: 1px solid #E2E2E2; border-right: 1px solid #E2E2E2;
	padding-left: 10px; padding-right: 10px; padding-top: 4px; padding-bottom: 4px; font: normal normal 11px/13px Verdana, Arial, sans-serif;  }	
.productslr2 { background: #FFF; color: #333; border-left: 1px solid #E2E2E2; border-right: 1px solid #E2E2E2; border-bottom: 1px solid #E2E2E2;
	padding-left: 10px; padding-right: 10px; padding-top: 4px; padding-bottom: 4px; font: normal normal 11px/13px Verdana, Arial, sans-serif;  }

/* Define right column text box */
.textbox {
background: #FFF; color: #333; font-face: Verdana, Arial, sans-serif; text-decoration: none;
	font-size: 11px; padding: 5px 8px; border: 1px solid #FFCC7F; text-align: left;}
.textboxtop {
	width: 200px;
	text-align: center;
	border-bottom: 1px solid #EEAB4B;
	border-top: 1px solid #EEAB4B;
	margin-bottom: 20px;
}
.productsrighta {
	width: 200px;
	text-align: center;
	padding-top: 5px;
}

/* Left Side Link Area */
.leftside a:link     { color: #7696AD; font-face: Verdana, Arial, sans-serif; text-decoration: none; }  
.leftside a:active   { color: #7696AD; font-face: Verdana, Arial, sans-serif; text-decoration: none; }  
.leftside a:visited  { color: #7696AD; font-face: Verdana, Arial, sans-serif; text-decoration: none; }  
.leftside a:hover    { color: #000; font-face: Verdana, Arial, sans-serif; text-decoration: underline; }  

/* Define Footer Area */
.footer { background-image: url('images/design_elements/footerbk.gif'); color: #FFF; width: 745px; font: normal normal 10px Verdana, Arial, sans-serif; }

/* Define standard hyperlinks */	
a:link  { color: #42515E; font-face: Verdana, Arial, sans-serif; text-decoration: underline; }  
a:active { color: #42515E; font-face: Verdana, Arial, sans-serif; text-decoration: underline; }
a:visited { color: #42515E; font-face: Verdana, Arial, sans-serif; text-decoration: underline; }
a:hover { color: #333; font-face: Verdana, Arial, sans-serif; text-decoration: none; }

/*OLD STYLES BELOW */

/* Define Content Areas */
.leftside { background: #FFF; color: #EEAB4B; width: 155px; border-right: 1px solid #487392;
	font: normal normal 10px/15px Verdana, Arial, sans-serif; }
.maincontent { background: #FFF; color: #FFF; font: normal normal 11px Verdana, Arial, sans-serif; width: 605px; }
.maincol { background: #FFF; color: #666; font: normal normal 11px/15px Verdana, Arial, sans-serif; 
	padding: 8px; width: 605px; }
.midcol { background: #FFF; color: #666; font: normal normal 11px/15px Verdana, Arial, sans-serif; 
	padding: 8px; width: 405px; }
.rightcol { background: #FFF; color: #666; font: normal normal 11px/15px Verdana, Arial, sans-serif; 
	padding: 8px; width: 200px; border-left: 1px solid #E2E2E2; }