* {margin: 0px; padding: 0px;}
html {overflow: auto;}
body {
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	text-align: center;
	background: url(images/bg-all.gif) repeat-x top #CCCCCC;
}
:focus {outline:none;}
div {padding: 0px; margin: 0px;}
img, div, input { behavior: url(iepngfix/iepngfix.htc) }
form {display: inline;}

.clear {clear: both; display: block; height: 0px; margin: 0px; padding: 0px;}

#container-outer {
	margin: 0 auto; width: 978px; text-align: center;
	background: url(images/bg-shadowsides.png) repeat-y;
}
	#container-inner {
		padding: 0px 9px 0px 9px;
		width: 960px; text-align: left;
	}
	
		#header {width: 960px; height: 279px;}
		
		#nav {width: 960px; height: 38px; text-align: center; background: url(images/nav.gif) no-repeat;}
		#nav ul {margin-left: 65px;}				
		#nav li {margin: 0; list-style: none; float: left; display: inline;}
		#nav a {
			height: 0px; padding-top: 38px; overflow: hidden; display: block; text-align: center;
			background: url(images/nav.gif) no-repeat;
		}
		#nav #home a {width: 138px; background-position: -66px -0px; outline: none;}
		#nav #home a:hover {background-position: -66px -38px;}
		#nav #home .selected {background-position: -66px -38px;}
		
		#nav #about a {width: 158px; background-position: -204px -0px; outline: none;}
		#nav #about a:hover {background-position: -204px -38px;}
		#nav #about .selected {background-position: -204px -38px;}

		#nav #special a {width: 203px; background-position: -362px -0px; outline: none;}
		#nav #special a:hover {background-position: -362px -38px;}
		#nav #special .selected {background-position: -362px -38px;}	

		#nav #contact a {width: 176px; background-position: -565px -0px; outline: none;}
		#nav #contact a:hover {background-position: -565px -38px;}
		#nav #contact .selected {background-position: -565px -38px;}	
		
		#nav #library a {width: 146px; background-position: -741px -0px; outline: none;}
		#nav #library a:hover {background-position: -741px -38px;}
		#nav #library .selected {background-position: -741px -38px;}		
			
		#middle {width: 960px; background-color: #4C758C;}
		
			#pods {
				padding: 12px 0px 12px 0px;
				width: 960px; height: 100px;
			}
			#pods h1 {visibility: hidden;}
				.arrow-big {position: absolute; width: 31px; height: 23px; right: 15px; top: 63px;}		
				#pod1 {
					float: left; display: inline; margin: 0px 13px 0px 5px;
					width: 249px; height: 100px;
					background: url(images/bg-pod1.gif) no-repeat;
					position: relative;
				}
				#pod1 #searchform {margin: 55px 0px 0px 18px;}
				#pod1 #searchform .searchbox {
					width: 150px; height: 16px; padding: 4px;
					font-family: Verdana, Arial; font-size: 11px; color: 000;
					border: 2px solid #98C03B; background-color: #fff;
				}
				
				#pod2 {
					float: left; display: inline; margin: 0px 12px 0px 0px;
					width: 338px; height: 100px;
					background: url(images/bg-pod2.gif) no-repeat;
					position: relative;	
					cursor: pointer;									
				}
				#pod3 {
					float: left; display: inline;
					width: 338px; height: 100px;
					background: url(images/bg-pod3.gif) no-repeat;
					position: relative;
					cursor: pointer;									
				}
			
			#left {
				float: left; display: inline; margin: 0px 13px 0px 5px;
				width: 249px;
			}
				#prodheader {width: 249px; height: 30px; background: url(images/productheader.gif) no-repeat;}
				#prodcontainer {width: 249px; padding: 20px 0px 20px 0px; background-color: #16435E;}
				#prodfooter {width: 249px; height: 27px; background: url(images/productfooter.gif) no-repeat;}


			#right {
				float: left; width: 688px;
				background: url(images/bg-maincontent.gif) top no-repeat #fff;
			}
				#maincontentheader {width: 688px; height: 50px;}
				#maincontentheader #maincontentheaderleft {float: left; width: 344px;}
					#maincontentheader h1 {
						padding: 25px 0px 0px 20px;
						font-family: Verdana, Geneva, sans-serif; font-size: 16px; color: #98BF3C; font-weight: normal;
					}
					#maincontentheader h2 {
						padding: 25px 0px 0px 20px;
						font-family: Verdana, Geneva, sans-serif; font-size: 12px; color: #98BF3C; font-weight: normal;
					}
					#maincontentheader h2 a {
						font-family: Verdana, Geneva, sans-serif; font-size: 12px; color: #98BF3C; font-weight: normal;
					}
					
					
				#maincontentheader #maincontentheaderright {float: right; width: 300px; margin: 20px 20px 0px 0px;}
					#maincontentheader #constantcheckout {
						float: right; width: 300px; text-align: left; height: 25px; 
						background: url(images/bg-constantcheckout.gif) no-repeat #98BF3C;
					}
					#maincontentheader #constantcheckout span {
						font-family: Verdana, Geneva, sans-serif; font-size: 11px; color: #fff; text-decoration: none;
						line-height: 23px; margin-left: 10px;
					}
					
				#maincontent {width: 648px; margin: 0px 0px 0px 20px;}
				#maincontent h1 {
					line-height: 14px; padding: 0px 0px 20px 0px;
					font-family: Verdana, Geneva, sans-serif; font-size: 14px; color: #98BF3C; font-weight: normal;
				}
				#maincontent p {
					line-height: 14px; padding: 0px 0px 20px 0px;
					font-family: Verdana, Geneva, sans-serif; font-size: 12px; color: #000000;
				}
				#maincontent p a {font-family: Verdana, Geneva, sans-serif; font-size: 12px; color: #98BF3C; text-decoration: none;}
				#maincontent p a:hover {font-family: Verdana, Geneva, sans-serif; font-size: 12px; color: #98BF3C; text-decoration: none;}
				#maincontent p .green {color: #98BF3C; font-weight: bold;}
				#maincontent ul {margin: 0px 0px 20px 15px; padding: 0px;}
				#maincontent ul li {margin: 0px 0px 10px 20px; padding: 0px 0xp 10px 0px; font-family: Verdana, Geneva, sans-serif; font-size: 12px; color: #000;}
				#maincontent ul li a {font-family: Verdana, Geneva, sans-serif; font-size: 12px; color: #000; text-decoration: none;}
				#maincontent ul li a:hover {font-family: Verdana, Geneva, sans-serif; font-size: 12px; color: #98BF3C; text-decoration: none;}
				#shopmaincontent {width: 648px; margin: 0px 0px 0px 20px;}
				#shopmaincontent h1 {
					line-height: 14px; padding: 0px 0px 20px 0px;
					font-family: Verdana, Geneva, sans-serif; font-size: 14px; color: #98BF3C; font-weight: normal;
				}
				#shopmaincontent p {
					line-height: 14px; padding: 0px 0px 20px 0px;
					font-family: Verdana, Geneva, sans-serif; font-size: 12px; color: #000000;
				}
				#shopmaincontent p .welcomehighlight {font-size: 14px; color: #98BF3C; font-weight: bold;}				
				#shopmaincontent p a {font-family: Verdana, Geneva, sans-serif; font-size: 11px; color: #98BF3C; text-decoration: none;}
				#shopmaincontent p a:hover {font-family: Verdana, Geneva, sans-serif; font-size: 11px; color: #98BF3C; text-decoration: none;}			
				#shopmaincontent ul {margin: 0px 0px 20px 5px; padding: 0px;}
				#shopmaincontent ul li {margin: 0px 0px 10px 10px; padding: 0px 0xp 10px 0px; font-family: Verdana, Geneva, sans-serif; font-size: 11px; color: #000;}
				#shopmaincontent ul li a {font-family: Verdana, Geneva, sans-serif; font-size: 11px; color: #000; text-decoration: none;}
				#shopmaincontent ul li a:hover {font-family: Verdana, Geneva, sans-serif; font-size: 11px; color: #98BF3C; text-decoration: none;}

				
					/* Contact Us Specific */					
					#map_canvas {
						float: left; width: 300px; height: 200px; border: 2px solid #98BF3C;
						margin: 0px 20px 20px 0px;
					}
					#flashcontact {float: left; width: 303px;}

				#maincontentfooter {
					width: 688px; height: 21px;
					background: url(images/bg-maincontentfooter.gif) top no-repeat #fff;
				}
				
					/* Educational Videos */
					#videos {
						margin: 20px auto; padding: 40px;
						border: 1px solid #98BF3C; text-align: center;
					}


	#footer {width: 960px; height: 148px; background-color: #1E3746; border-top: 2px solid #255470;}
	#footer #box1 {float: left; width: 320px; height: 148px; display: inline;}
	#footer #box1 h1 {
		padding: 20px 0px 0px 20px;
		font-family: Verdana, Geneva, sans-serif; font-size: 11px; color: #98BF3C; font-weight: normal;
	}
		#footer #box1 .col {float: left; width: 160px;}
		#footer #box1 .col ul {margin: 15px 0px 0px 15px; padding: 0px;}
		#footer #box1 .col ul li {margin: 0px 0px 0px 20px; padding: 0px 0xp 2px 0px; color: #FFF;}
		#footer #box1 .col ul li a {font-family: Verdana, Geneva, sans-serif; font-size: 10px; color: #fff; text-decoration: none;}
		#footer #box1 .col ul li a:hover {font-family: Verdana, Geneva, sans-serif; font-size: 10px; color: #98BF3C; text-decoration: none;}

	#footer #box2 {
		float: left; width: 318px; height: 148px; display: inline;
		background: url(images/bg-footerbox2.gif) no-repeat;
	}
		#footer #box2 #contactdetails {
			width: 180px; margin: 22px 0px 0px 45px;
			text-align: right;
		}
		#footer #box2 #contactdetails p {
			font-family: Verdana, Geneva, sans-serif; font-size: 10px; color: #fff; text-decoration: none;
			line-height: 13px; padding: 0px 0px 20px 0px;
		}
		#footer #box2 #contactdetails p a {font-family: Verdana, Geneva, sans-serif; font-size: 10px; color: #fff; text-decoration: none;		}		
		#footer #box2 #contactdetails p a:hover {font-family: Verdana, Geneva, sans-serif; font-size: 10px; color: #98BF3C; text-decoration: none;		}		
		
	#footer #box3 {float: left; width: 320px; height: 148px; display: inline;}
	#footer #box3 h1 {
		padding: 20px 0px 0px 20px;
		font-family: Verdana, Geneva, sans-serif; font-size: 11px; color: #98BF3C; font-weight: normal;
	}
		#footer #box3 #cc {
			width: 320px; height: 27px; margin: 10px 0px 15px 0px;
			background: url(images/creditcardlogos.gif) center no-repeat;
		}
		#footer #box3 #copyright {
			width: 280px; margin: 22px 20px 10px 20px;
			text-align: right;
		}
		#footer #box3 #copyright p {
			font-family: Verdana, Geneva, sans-serif; font-size: 10px; color: #fff; text-decoration: none;
			line-height: 13px; padding: 0px 0px 5px 0px;
		}
		#footer #box3 #copyright p a {font-family: Verdana, Geneva, sans-serif; font-size: 10px; color: #98BF3C; text-decoration: none;		}		
		#footer #box3 #copyright p.green {font-family: Verdana, Geneva, sans-serif; font-size: 10px; color: #98BF3C; text-decoration: none;		}		
	
	#footer .footerdivider {
		float: left; width: 1px; height: 148px; display: inline;
		background: url(images/bg-footerdivider.gif) no-repeat top;
	}	


#bottom {
	margin: 0 auto;
	width: 978px; height: 19px;
	background: url(images/bg-shadowbottom.png) no-repeat;
}