
/*
-------------------------------------------------------
Author:				Globalxsys
Date:				10 July 2008
Version:			CSS 2.0
Browsers(Tested):	Firefox 2.0, 7.0
-------------------------------------------------------
*/


body
	{
		margin:0 auto;
	}
	input.ecom {
	border: 1px solid #453200;
	background-color: #fff;	
	font-size: 9px;
}

h1
	{
		font-family:Arial, Helvetica, sans-serif;
		font-size:24px;
		font-weight:bold;
		color:#333333;
		padding:0;
		margin:20px 0 15px 20px;
	}
	
	
	
h2
	{
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size:16px;
		font-weight:normal;
		color:#166697;
		padding:0;
		margin:0;
		border-bottom:2px solid #166697;
	}	
	div#brownbutton {
	border: 1px solid #453200;	
	text-align: center;
	background-color: #453300;
	width: 183px;
	line-height:21px;
}
div#brownbutton a {
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	display:block;
}
div#brownbutton a:hover {
text-decoration:none;
background-color:#856431;
display:block;

}
	
	
.panel-330 {
	width: 270px;
	height: 100%;
	float: left;
}
.panel-330-border {
	border-left: 1px solid #453200;
	border-right: 1px solid #453200;
}
	
	#ecom-content-home {
	margin:0px auto;
	width: 825px;
	text-align: left;
	color: #FAF3EB;
	padding-top: 0px;
}

#ecom-content-home a {
	color: #FAF3EB;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
}

#content-wrapper1 {
	width: 100%;
	height: 546px;
	text-align: left;
	margin: 0 auto;
	background-color: #FAF3EB;
}

	#bodyContent1
	{
		width:602px;
		float:left;
		background:#FAF3EB;
		padding:0px;
	}
	
		#subNavPane2
	{
		width:210px;
		height:545px;
		
		
		float:right;
		padding:0px;
	}

#topNav
	{
		font-family:lucida sans unicode, arial;
		color:#fff;
		width:890px;
		margin:0 auto;
		font-size:11px;
		padding:17px 0 0 0;

	}
	
#topNav a
	{
		color:#fff;
	}	
	
#topNav a:hover
	{
		text-decoration:none;
	}		
	
#wrapper
	{
		width:800px;
		margin:0 auto;
		background-color:#fff;
	}		

#Inside
	{
		width:500px;
		font-family:lucida sans unicode, arial;
		font-size:11px;
		margin:0 0 0 20px;
		text-align:justify;
	}
	
.left
	{
		float:left;
		margin:0 20px 20px 0;
	}	

#barOne
	{
		height:50px;
		width:100%;
		background:url(../images/bg-black-bar.gif);
	}	
	
#barTwo
	{
		height:100px;
		width:790px;
		margin:0 auto;
		background-color: #FFF;
		position:relative;
	}		
	
	
#news
	{
		width:588px;
		height:97px;
		background:url(../images/bg-news.jpg) no-repeat;
		font-family:lucida sans unicode, arial;
		font-size:12px;
		padding:24px 0 0 30px;
	}	
	
#news a
	{
		color:#990000;
	}	
	
#news a:hover
	{
		color:#333;
	}		
	
#logo
	{
		position:absolute;
		top:10px;
		left:20px;
	}	
	
#mastHeadContainer
	{
		width:790px;
		margin:0 auto;
	}	
	



#navContainer
	{
		background:url(../images/bg-nav.gif);
		height:30px;
		width:790px;
		margin:0 auto;
		text-align:center;
		
	}
	
#subNavContainer
	{
		height:634px;
		width:270px;
		background:url(../images/bg-subnav.gif);
	}	
	
#subNav
	{
		font-family:lucida sans unicode, arial;
		color:#000066;
		font-size:12px;
		line-height:18px;
		margin:0;
		padding:70px 0 0 30px;
	}	
#subNav li
	{
		list-style-type:none;
		background:url(../images/bullet1-sub-nav.gif) 0 5px no-repeat;
		padding:0 0 0 22px;
	}
	
#subNav li a
	{
		color:#000066;
		text-decoration:none;
	}	
	
#subNav li a:hover
	{
		color:#000;
		text-decoration:underline;
	}		


#subNav1
	{
		font-family:lucida sans unicode, arial;
		color:#000066;
		font-size:12px;
		line-height:18px;
		margin:0;
		padding:90px 0 0 30px;
	}	
#subNav1 li
	{
		list-style-type:none;
		background:url(../images/bullet2-sub-nav.gif) 0 5px no-repeat;
		padding:0 0 0 22px;
	}
	
#subNav1 li a
	{
		color:#666;
		text-decoration:none;
	}	
	
#subNav1 li a:hover
	{
		color:#000;
		text-decoration:underline;
	}	




#mainNav
	{
		font-family:lucida sans unicode, Arial, Helvetica, sans-serif;
		font-size:12px;
		color:#fff;
		margin:0 auto;
		padding:5px;
		width:790px;
		height:24px;
	}	
	

	
	
#secondaryContainer
	{
		width:230px;
		float:right;
		margin:25px 0 0 0;
	}	
	
	#secondaryContainer-a
	{
		width:230px;
		height:67px;
		float:right;
		padding-top:5px;
		margin:0px 0 0 0;
		background:url(../images/side-bg-b.jpg);
	}	
	
	#secondaryContainer-b
	{
		width:230px;
		float:right;
		margin:5px 0 0 0;
	}	
	
	#secondaryContainer-c
	{
		width:230px;
		float:right;
		margin:5px 0 0 0;
	}	
	
#primaryContainer
	{
		width:550px;
		height:750px;
		float:left;
	}		
	
	
.pod1
	{
			width:274px;
			height:283px;
			background:url(../images/bg-pod1.jpg) left top;
			float:left;
			margin:0 20px 30px 20px;
	}	

.pod1 p
	{
		margin:120px 10px 0 14px;
		font-family:lucida sans unicode, arial;
		color:#333;
		font-size:11px;
	}
	
	
.pod2
	{
			width:274px;
			height:283px;
			background:url(../images/bg-pod2.jpg) left top;
			float:left;
			margin:0 20px 30px 20px;
	}	

.pod2 p
	{
		margin:120px 10px 0 14px;
		font-family:lucida sans unicode, arial;
		color:#333;
		font-size:11px;
	}	
	
	
.pod3
	{
			width:274px;
			height:283px;
			background:url(../images/bg-pod3.jpg) left top;
			float:left;
			margin:0 20px 30px 20px;
	}	

.pod3 p
	{
		margin:120px 10px 0 14px;
		font-family:lucida sans unicode, arial;
		color:#333;
		font-size:11px;
	}		
	
.pod4
	{
			width:274px;
			height:283px;
			background:url(../images/bg-pod4.jpg) left top;
			float:left;
			margin:0 20px 30px 20px;
	}	

.pod4 p
	{
		margin:120px 10px 0 14px;
		font-family:lucida sans unicode, arial;
		color:#333;
		font-size:11px;
	}		
	
	
	
.btnShopping
	{
		width:167px;
		height:45px;
		background:url(../images/btn-shopping.gif) left top;
		display:block;
		text-indent:-9999px;
		margin:10px 0 0 5px;
	}	
	
.btnShopping a
	{
		width:167px;
		height:45px;
		display:block;
	}
	
.btnShopping a:hover
	{
		width:167px;
		height:45px;
		display:block;
		background:url(../images/btn-shopping.gif) right top;
	}	

	
#bulkBuyingContainer
	{
		width:608px;
		height:284px;
		margin:5px 0 0 0px;
		background:url(../images/bg-bulk-buying.jpg) right top;
	}	
	
#bulkBuyingContainer p a
	{
	color:#CC0000;
	}	
	
#pod6 p	
{
		margin:10px 2px 0 5px;
		font-family:lucida sans unicode, arial;
		color:#333;
		font-size:11px;
	}	
	
#pod5 p	
{
		font-family:lucida sans unicode, arial;
		color:#333;
		font-size:11px;
		margin:0;
	}		

	
#pod5
	{
		width:200px;
		float:left;
		margin:230px 0 0 30px;
	}	
	
#pod6
	{
		width:230px;
		float:right;
		height:200px;
		margin:50px 30px 0 0;
	}		
	
	
	
	#headerNav
	{
		width:790px;
		margin:0 auto;
		height:20px;
	}
	
	#header
	{
		font-family:lucida sans unicode, arial;
		font-size:11px;
		color:#fff;
		width:800px;
		float:left;
		margin:0;
		padding:10px 0 0px;
		
	}
	#header li
	{
		float:right;
		color:#846000;
		list-style-type:none;
		margin:0 0 0 0px;
		padding:0 10px 0 0px;
		
		display:block;
		line-height:24px;
	}	
	
#header li a
	{
		float:left;
		color:#846000;
		list-style-type:none;
	}			
	
#header li a:hover
	{
		text-decoration:none;
		color:#453200;
	}	
	
	#footerContainer
	{
		width:790px;
		height:170px;
		margin:0 auto;
		position:relative;
		padding-top:0px;
		
		background:url(../images/footer-strap.gif) 0 35px no-repeat;
		border-bottom:1px dashed #000;
		border-top:1px dashed #000;
	}
	
#footerNav
	{
		width:800px;
		margin:0 auto;
		background-color:#fff;
		height:100px;
	}	
	
	
#footer
	{
		font-family:lucida sans unicode, arial;
		font-size:11px;
		color:#fff;
		width:790px;
		margin:0 auto;
		height:200px;
		float:left;
		margin:0;
		padding-top:10px;
		
	}	
	
#footer li
	{
		float:left;
		color:#846000;
		list-style-type:none;
		margin:0 6px;
		padding-top:0px;
		display:block;
		line-height:24px;
	}	
	
#footer li a
	{
		float:left;
		color:#846000;
		list-style-type:none;
	}			
	
#footer li a:hover
	{
		text-decoration:none;
		color:#453200;
	}		
	
	
.clear
	{
		clear:both;
	}	
	
p
	{
		color:#333;
		font-size:11px;
		font-family:lucida sans unicode, arial;
	}
	
p a
	{
		color:#333;
	}
	
	#myGallery
{
	text-align: left;
	margin: 0 auto;
}

