@import url("/stylesheets/reset.css");

/* main tags */

body { background-image: url(/images/top-bg.jpg); background-position: top; background-repeat: repeat-x; }

p { font-size: .8em; line-height: 20px; font-family: Arial, Helvetica, sans-serif; margin-top: 10px; }
a { line-height: 20px; margin-bottom: 10px; font: Arial, Helvetica, sans-serif; color: #10a717; text-decoration: none; font-weight: bold; }
a:hover { text-decoration: underline; }

h1 { font-size: 1.5em;  color: #e4d5f2; }
h1.dark { font-size: 1.5em;  color: #5607a1; }


h2 { font-size: 1.3em; color: #5607a1; }
h3 {}

.opensub a { text-decoration: underline; cursor: pointer; font-size: .8em; line-height: 20px; }
.opensub a:hover { color: #10a717; }

.left { float:left; }
.right{ float:right; }
.left-buy { float:left; padding-top: 12px; }


.grey { color: #CCCCCC }
.green { color: #10a717; }
.wf { margin-top: 20px; float: right; }
.ex { top: 58px; left: 46px; position: absolute; z-index: 100; }

.cta { float: right; margin-top: 109px; padding-right: 55px; background-image: url(../images/cta.jpg); background-position: left;  display: block; background-repeat: no-repeat; }
.photo { float: left; margin-right: 10px; margin-top: 10px; }

.transition { position: absolute; z-index: 10; left: 76px;  }

#slideshow { margin-left: 76px;  }
.clear { display:block; clear: both; }

/* containers */

#container { width: 1024px; margin: 0 auto 0 auto;  }
	
	#header{ width: 1024px; height: 207px; background-image: url(/images/header.jpg); position: relative; }
	
	#main{}
	
		#mainLeft{ width: 352px; float: left; }
		#address { padding-left: 52px; margin-bottom: 30px; }
		
		#address p { color: #10a717; font-family: Arial, Helvetica, sans-serif; }
		#address a { color: #10a717; text-decoration: none; font-family: Arial, Helvetica, sans-serif; }
		
		#address a:hover { text-decoration: underline } 
	
		#mainRight{ width: 570px; float: left; padding-top: 5px; padding-bottom: 20px; }
		#mainRight p {}
		
		#mainRight ul { clear: both; float: left; display: block; margin-bottom: 10px;  }
		#mainRight ul li { width: 562px; float: left; font-family: Arial, Helvetica, sans-serif; clear: both; display: block; padding-left: 10px;  }
		
		#mainRight ul li.buy { width: 522px; float: left; font-family: Arial, Helvetica, sans-serif; padding-left: 50px; }
		
		#nav-buy { float: left; display: block; margin-bottom: 10px; width: 562px;  }
		#nav-buy li.name { width: 100px; float: left; font-family: Arial, Helvetica, sans-serif; clear:none; padding-right: 20px; text-align: right; font-weight: bold;  }
		#nav-buy li.info { width: 350px; float: left; font-family: Arial, Helvetica, sans-serif;  clear: none; background-image: url(/images/r-q.jpg); background-repeat:no-repeat; background-position: bottom right;   }
		#nav-buy li.info p { width: 300px; float: left; display: block; text-align: justify; padding: 0 5px 0 5px; }

		
		#mainRight table { width: 95%; margin-top: 10px; margin-bottom: 10px; border-bottom: 1px solid #10a717; }
		#mainRight table tr td { font-family: Arial, Helvetica, sans-serif; font-size: .8em; line-height: 20px; padding: 0 0 5px 0; }
		
		#mainRight table tr td.tab-head { border-bottom: 1px solid #e4d5f2; font-weight: bold; font-size: 1em; }
		#mainRight table tr td.spacer { height: 5px; margin: 0px; padding: 0px; }
		#mainRight table tr td p { font-family: Arial, Helvetica, sans-serif; font-size: 1em; line-height: 20px; }
		
		.catalogue { font-family: Arial, Helvetica, sans-serif; line-height: 20px; display: block;  }
		.catalogue li { display: block; }
		.catalogue p { display: block; margin-bottom: 5px;}
		.catalogue a { font-weight: bold; text-decoration: none; color: #000000; text-decoration: underline; font-size: 12px; cursor: pointer; }
		.catalogue a:hover { text-decoration: underline; color: #10a717; }
		.catalogue b { font-weight: bold; color: #10a717;  }
		
		.details { padding: 5px 0 5px 10px; }
		
	
	#footer{ width: 100%; height: 300px; background-color: #e9e9e9; float: left; }
	
	#footer-inner { width: 1024px; margin: 0 auto 0 auto; }
	#footer-right { width: 672px; float: right }
	
	#footer-right p { display: block; float: left; font-size: .8em; font-family: Arial, Helvetica, sans-serif; margin-top: 15px; }
	#footer-right a { color: #000000; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-weight: normal;   }
	
	#footer-right a:hover { text-decoration: underline; }
	
	#map { float: left; width: 260px; padding-left: 10px;  }
	#map a { font-size: .8em; font-family: Arial, Helvetica, sans-serif; }
		
	#members { width: 352px; float: left; text-align: center }
	
	.bfs { width: 100%; position: relative; }
	#status { position: absolute; z-index: 100; top: 43px; right: 40px; }
	
/* navigation */

ul#nav{ width: 352px; float: left; display: block; margin-bottom: 30px; }

#nav li.home { float: left; width: 352px; height: 28px; }
#nav li.abou { float: left; width: 352px; height: 22px; }
#nav li.bufs { float: left; width: 352px; height: 23px; }
#nav li.link { float: left; width: 352px; height: 20px; }
#nav li.buye { float: left; width: 352px; height: 22px; }
#nav li.valu { float: left; width: 352px; height: 21px; }
#nav li.cont { float: left; width: 352px; height: 24px; }
#nav li.faqs { float: left; width: 352px; height: 22px; }

#nav li.home a { width: 352px; height: 28px; display: block; background-image: url(/images/nav_01.jpg); text-indent: -9999px; }
#nav li.abou a { width: 352px; height: 22px; display: block; background-image: url(/images/nav_02.jpg); text-indent: -9999px; }
#nav li.bufs a { width: 352px; height: 23px; display: block; background-image: url(/images/nav_03.jpg); text-indent: -9999px; }
#nav li.link a { width: 352px; height: 20px; display: block; background-image: url(/images/nav_04.jpg); text-indent: -9999px; }
#nav li.buye a { width: 352px; height: 22px; display: block; background-image: url(/images/nav_05.jpg); text-indent: -9999px; }
#nav li.valu a { width: 352px; height: 21px; display: block; background-image: url(/images/nav_06.jpg); text-indent: -9999px; }
#nav li.cont a { width: 352px; height: 24px; display: block; background-image: url(/images/nav_07.jpg); text-indent: -9999px; }
#nav li.faqs a { width: 352px; height: 22px; display: block; background-image: url(/images/nav_08.jpg); text-indent: -9999px; }

#nav li.home a:hover { background-position: 0 -28px; }
#nav li.abou a:hover { background-position: 0 -22px; }
#nav li.bufs a:hover { background-position: 0 -23px; }
#nav li.link a:hover { background-position: 0 -20px; }
#nav li.buye a:hover { background-position: 0 -22px; }
#nav li.valu a:hover { background-position: 0 -21px; }
#nav li.cont a:hover { background-position: 0 -24px; }
#nav li.faqs a:hover { background-position: 0 -22px; }

#home li.home a { background-position: 0 -28px; }
#abou li.abou a { background-position: 0 -22px; }
#bufs li.bufs a { background-position: 0 -23px; }
#link li.link a { background-position: 0 -20px; }
#buye li.buye a { background-position: 0 -22px; }
#valu li.valu a { background-position: 0 -21px; }
#cont li.cont a { background-position: 0 -24px; }
#faqs li.faqs a { background-position: 0 -22px; }


/* form */

#form-holder { width: 300px; float: left; }

.form { margin-top: 10px; float: left; display: block; width: 300px;   }
.form li { margin-bottom: 5px; } 

.form label 

{
	display: inline-block;
	width: 80px;
	vertical-align: top;
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-left: 10px;
}


textarea { width: 200px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; }
input { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; }