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

/**********************************\
*******  UNIVERSAL STYLES  *********
\**********************************/


* {
	padding:0px;
	margin:0px;
}

html {
	background:url(../images/siteBG.jpg) top repeat-x #56d2f1;
}

h1, h2, h3, h4, h5, body, html, p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#666666;
}

ul {
	display:block;
	margin:0px 20px;
}

li {
}

p {
	padding-bottom:15px;
}

.clear {
	clear:both;
}

.fl {
	float:left;
}

.fr {
	float:right;
}

a:link, a:visited {
	text-decoration:underline;
	color:#07537f;
}

a:hover, a:active {
	text-decoration:none;
}

/**********************************\
*************  EDDIE  **************
\**********************************/

body
{
    font-family: Arial, Verdana, Trebuchet MS;
    font-size: 9pt;
}

.def_button
{
    border: #f5f5f5 1px outset;
    color: #e6e6fa;
    background-color: #99ccff;
    font-weight: bold;
    font-size: 11px;
    font-family: Arial, Verdana;
    padding: 2px;
    vertical-align: middle;
    text-align: center;
}

.error
{
    color: #ff4500;
    font-size: 8pt;
    font-weight: bold;
}

.white_error
{
    color: #ffffff;
    font-size: 11pt;
    font-weight: bold;
}

.field
{
    border: #999999 1px solid;
    font-size: 9pt;
    font-family: Arial, Verdana;
    background-color: #f0f8ff;
}

.def_msg
{
    color: #87ceeb;
    font-size: 9pt;
    font-weight: bold;
}

.def_title
{
    color: #87ceeb;
    font-size: 10pt;
    font-weight: bold;
}

.small_blue
{
    color: #87ceeb;
    font-size: 8pt;
    font-weight: bold;
}

.gray_small
{
    font-family: 'Trebuchet MS' , Verdana;
    color: #c0c0c0;
    font-size: 8pt;
}

.sub_blue
{
    color: #87ceeb;
    font-size: 9pt;
    font-family: 'Trebuchet MS' , Verdana;
    text-decoration: none;
}

.prod_title
{
    font-size: 18px;
    text-decoration: none;
    font-weight: bold;
    color: #07537f;
}

.prod_desc
{
    font-size: 13px;
}

.error_default
{
    color: #ff4500;
    font-weight: bold;
}

.featured
{
    font-size: 16pt;
    color: #e6e6fa;
    font-style: italic;
    font-family: 'Trebuchet MS' , Verdana;
}

.followus
{
    font-size: 16pt;
    color: #a9a9a9;
    font-style: italic;
    font-family: 'Trebuchet MS' , Verdana;
}

/**********************************\
*******  LAYOUT STYLES  ************
\**********************************/

#container {
	width:904px;
	margin:10px auto 0px;
}

#leftColumn {
	width: 232px;
}

#rightColumn {
	width:672px;
}

/**********************************\
*******  LEFT COLUMN  **************
\**********************************/

#logo {
	background: url(../images/logo.png) no-repeat top left;
	width:210px;
	height:129px;
	margin-bottom:15px;
}
	
	#logo span {
		display:none;
	}

	#logo a {
		display:block;
		width:210px;
		height:129px;
	}
	
#categories {
	width:210px;
	margin-bottom:15px;
}

		#catHeading {
			background:url(../images/categories_top.png) top no-repeat;
			width:210px;
			height:46px;
			text-indent:-99999px;
		}
		
		#catBorder {
			width:210px;
			background-color:#FFFFFF;		
		}
        
				#catList {
					background:url(../images/catListBG.png) top repeat-x #027e9d;
					width:204px;
					margin-left:3px;
				}
				
				#catList ul {
					list-style-type:none;
					margin:0px 0px 0px 10px;
				}
				
				#catList ul li {
					color:white;
					font-style:italic;
					padding-left:25px;
					height:26px;
					background:url(../images/list_bullet.png) no-repeat;
					background-position:0px 3px;
					border-bottom:dotted 1px #eeeeee;
					width:165px;
					
				}
				
				#catList ul li a:link, #catList ul li a:visited {
					display:block;
					width:165px;
					height:25px;
					color:white;
					line-height:25px;
					text-decoration:none;
				}
				
				#catList ul li a:hover, #catList ul li a:active {
					background-color:#0066CC;
				}
				
        
		#catImage {
			background:url(../images/category_img.png) bottom no-repeat;
			width:210px;
			height:162px;
		}
	
#folMaster 
{
    width: 202px;
	margin-bottom:10px;
	vertical-align: middle;
	text-align: center;
}

#newsletter {
	width:210px;
	margin-bottom:10px;
}

		#newsletterLeft {
			background:url(../images/newsletterLeft.gif) top left no-repeat;
			width:13px;
			height:175px;
		}
		
		#newsletterBody {
			width:184px;
			height:175px;
			background:url(../images/newsletterBody.gif) top repeat-x;
		}
		
				#newsletterHeading {
					color:#07537f;
					text-align:center;
					padding:10px 0px 0px 10px;
					height:40px;
				}
				
				#newsletterForm {
					margin-top:10px;
					text-align:center;
				}
				
				#newsletterForm input.textinput {
					width:170px;
					height:18px;
					padding:3px;
					margin-bottom:8px;
					border:1px solid #CCCCCC;
				}
		
		#newsletterRight {
			background:url(../images/newsletterRight.gif) top left no-repeat;
			width:13px;
			height:175px;
		}
		
/**********************************\
*******  RIGHT COLUMN  *************
\**********************************/

#navigation {
	width:646px;
	height:22px;
	z-index:2;
	position:relative;

}

		#navigationLeft {
			background:url(../images/top_nav_left.png) top left no-repeat;
			width:8px;
			height:35px;
		}
		
		#navigationBody {
			background:url(../images/top_nav_bg.png) top left repeat-x;
			width:586px;
			height:35px;
		}
		
			#navigationBody ul {
				width:586px;
				height:35px;
				padding:0px;
				margin:0px 0px 0px 0px;
				list-style:none;
			}
			
			#navigationBody ul li {
				display:inline;
			}
			
			#navigationBody ul li a:link, #navigationBody ul li a:visited {
				display:block;
				width:110px;
				height:25px;
				float:left;
				margin-top:2px;
			}
			
			#navigationBody ul li a:hover, #navigationBody ul li a:active {
				background-color:#dff6fc;
			}
			
			#navigationBody ul li span {
				display:none;
			}
			
				a.about:link, a.about:visited {
					 background:url(../images/nav/aboutus.gif) top left no-repeat;
				}
				
				a.about:hover, a.about:active {
					 background:url(../images/nav/aboutus.gif) top left no-repeat;
				}
				
				a.testimonials:link, a.testimonials:visited {
					 background:url(../images/nav/testimonials.gif) top left no-repeat;
				}
				
				a.testimonials:hover, a.testimonials:active {
					 background:url(../images/nav/testimonials.gif) top left no-repeat;
				}
				
				a.products:link, a.products:visited {
					 background:url(../images/nav/products.gif) top left no-repeat;
				}
				
				a.products:hover, a.products:active {
					 background:url(../images/nav/products.gif) top left no-repeat;
				}
				
				a.glossary:link, a.glossary:visited {
					 background:url(../images/nav/glossary.gif) top left no-repeat;
				}
				
				a.glossary:hover, a.glossary:active {
					 background:url(../images/nav/glossary.gif) top left no-repeat;
				}
				
				a.contactus:link, a.contactus:visited {
					 background:url(../images/nav/contactus.gif) top left no-repeat;
				}
				
				a.contactus:hover, a.contactus:active {
					 background:url(../images/nav/contactus.gif) top left no-repeat;
				}
				
		#navigationRight {
			background:url(../images/top_nav_right.png) top left no-repeat;
			width:52px;
			height:35px;
		}

#imageBanner {
	width:646px;
	height:107px;
	margin-bottom:15px;
	background:url(../images/imgBanner.png) top no-repeat;
	z-index:1;
	position:relative;
}

	#freeShipping {
		position:absolute;
		right:-10px;
		top:40px;
		background:url(../images/freeShipping.png) no-repeat top left;
		width:112px;
		height:111px;
	}
	
	#freeShipping a {
		display:block;
		width:112px;
		height:111px;
	}

#textBanner {
	width:646px;
	height:111px;
	background: url(../images/textBanner.png) top no-repeat;
}

#body {
	width:646px;
	height:auto;
	padding-left:6px;
	margin-bottom:15px;
}

		#bodyTop {
			background:url(../images/contentTop.png) top no-repeat;
			width:634px;
			height:9px;
		}
		
		#bodyBody {
			background:url(../images/contentBody.png) repeat-y;
			width:634px;
			height:auto; 
		}
		
		#bodyContent {
			width:614px;
			margin-left:10px;
		}
		
		#bodyBottom {
			background:url(../images/contentBottom.png);
			width:634px;
			height:12px;
		}
		
		#FolBody {
	        width:646px;
	        height:auto;
	        padding-left:6px;
	        margin-bottom:15px;
        }
		#FolBodyTop {
			background:url(../images/contentTop.png) top no-repeat;
			width:634px;
			height:9px;
		}
		
		#FolBodyBody {
			background:url(../images/contentBody.png) repeat-y;
			width:634px;
			height:auto; 
		}
		
		#FolBodyContent {
			width:614px;
			margin-left:10px;
		}
		
		#FolBodyBottom {
			background:url(../images/contentBottom.png);
			width:634px;
			height:12px;
		}
		
#welcomeText {
	width:646px;
	height:175px;
	margin-bottom:15px;
}

		#welcomeTextLeft {
			background:url(../images/newsletterLeft.gif) top left no-repeat;
			width:13px;
			height:175px;
		}
		
		#welcomeTextBody {
			width:620px;
			height:175px;
			background:url(../images/newsletterBody.gif) top repeat-x;
		}
		
		#welcomeTextBodyHeader {
			color:#07537f;
			height:30px;
			padding-top:5px;
			border-bottom:solid 1px #07537f;
			background: url(../images/habiscus.png) no-repeat;
			background-position:600px 6px;
			margin-bottom:5px;
		}
			
		#welcomeTextBodyContent p {
			color:#003366;
			margin-bottom:-5px;
		}
		
		#welcomeTextRight {
			background:url(../images/newsletterRight.gif) top left no-repeat;
			width:13px;
			height:175px;
		}

/**********************************\
*******  FOOTER  *******************
\**********************************/

#footer {
	width:100%;
	background:url(../images/footer_BG.png) top repeat-x;
	height:117px;
}

#footerContainer {
	width:904px;
	margin:0px auto;	
}

		#footerLeft {
			background:url(../images/footer_left.png) left no-repeat;
			height:117px;
			width:590px;
		}
		
		#footerLeft p {
			padding:10px 0px 0px 20px;
			color:#bbe3ec;
		}
		
			#footerLeft a:link, #footerLeft a:visited {
				color:#bbe3ec;
				text-decoration:none;
				font-size:12px;
			}
			
			#footerLeft a:hover, #footerLeft a:active {
				color:white;
				text-decoration:underline;
			}
		
		#footerRight {
			width:314px;
			background:url(../images/footer_right.png) right no-repeat;
			height:117px;
		}
		
		#footerRight p {
			color:#bbe3ec;	
			font-size:12px;		
			text-align:right;
			margin:10px 10px 0px 0px;
		}
		
/*************************\
***** Classes *************
\*************************/

div.NLtxt {
	margin:10px 0px 0px -30px;
	float:left;	
	width:140px;
	height:25px;
}

div.welcometxt {
	margin:10px 5px 0px -10px;
	float:left;	
	height:25px;
}

div.s, div.h, div.b, div.w {
	text-indent:-999999px;
	background-image:url(../images/letters.gif);
	height:25px;
	float:left;
	background-repeat:no-repeat;
}
				
div.s {
	background-position:left;
	width:48px;
}

div.h {
	background-position:-48px 0px;
	width:38px;
}

div.b {
	background-position:-86px 0px;
	width:34px;
}

div.w {
	background-position:-118px 0px;
	width:36px;
}


/***************************
Content Page
******************************/

#BodyHeader {
			color:#07537f;
			height:30px;
			padding-top:5px;
			border-bottom:solid 1px #07537f;
			background: url(../images/habiscus.png) no-repeat;
			background-position:580px 6px;
			margin-bottom:3px;
			font-size:18px;
		}

.title {
	font-weight:700;
	color:#07537f;
}

.attent {
	font-style:italic;
	color:#07537f;
	padding:10px 0px 10px 25px;
}

ul.glossary li {
	padding:0px 2px;
	display:block;
	margin:5px 0px;
}

ul.glossary li a:link, ul.glossary li a:visited {
	padding:5px;
	width:100px;
	text-decoration:none;
}

ul.glossary li a:hover, ul.glossary li a:active {
	background-color:#00CCFF;
}

#body img {
	border:solid 1px #66CCFF;
	padding:10px;
	margin-left:10px;
}

.quote {
	background:url(../images/quote.gif) no-repeat top left;
	width:500px;
	margin-left:50px;
	padding:20px 10px;
	border-bottom:dashed #3399CC 1px;
}

.disclaimer {
	font-size:10px;
	text-align: center;
}