/*-- ELEMENTS --*/
	.hide { display: none; }
	#content-alt { position: absolute; top: 40px; left: 240px; width: 290px; height: auto; z-index: 999; }
	#content { position: absolute; top: 0; left: 240px; width: 290px; height: auto; z-index: 999; }
		#detail { display: none; float: left; width: 100%; height: auto; background-color: #f1f1f2; }
			#detail p { color: #7d7f81; }
			#about { float: left; width: 260px; margin: 10px 15px 10px 15px; padding: 0 0 5px 0; border-bottom: 1px solid #000000; }
				#about p a, 
				#about p a:link { color: #7d7f81; text-decoration: none; }
				#about p a:focus, 
				#about p a:hover { color: #000000; text-decoration: none; }
			#contact { float: left; width: 260px; margin: 10px 15px 10px 15px; padding: 0 0 5px 0; border-bottom: 1px solid #000000; }
				#contact p a, 
				#contact p a:link { color: #7d7f81; text-decoration: none; }
				#contact p a:focus, 
				#contact p a:hover { color: #000000; text-decoration: none; }			
			#catalogue { float: left; width: 260px; margin: 10px 15px 0 15px; }
				#catalogue a, 
				#catalogue a:link { color: #7d7f81; text-decoration: underline; }
				#catalogue a:focus, 
				#catalogue a:hover	{ color: #000000; text-decoration: underline; }
		#toggle { float: left; width: 100%; background-color: #ffffff; height: 27px; -moz-border-radius-bottomleft: 8px; -webkit-border-bottom-left-radius: 8px;  -moz-border-radius-bottomright: 8px; -webkit-border-bottom-right-radius: 8px; }

			span.less { display: none; }
			
			span.more,
			span.less { float: left; width: 265px; height: 16px; overflow: none; font-size: 11px; text-transform: uppercase; margin: 7px 0 0 13px; color: #000000; font-weight: bold; }
					
			span.more a , 
			span.more a:link  { color: #000000; text-decoration: none; display: block; width: 265px; height: 16px; background: transparent url(../img/toggle_open.gif) 0px 0px no-repeat; text-indent: -5000px; }
			span.more a:focus, 
			span.more a:hover  { color: #7d7f81;  text-decoration: none; display: block; width: 265px; height: 16px; background: transparent url(../img/toggle_open.gif) 0px -16px no-repeat; text-indent: -5000px; }	

			span.less a , 
			span.less a:link  { color: #403a38; text-decoration: none; display: block; width: 265px; height: 16px; background: transparent url(../img/toggle_close.gif) 0px 0px no-repeat; text-indent: -5000px; }
			span.less a:focus, 
			span.less a:hover  { color: #ffffff;  text-decoration: none; display: block; width: 265px; height: 16px; background: transparent url(../img/toggle_close.gif) 0px -16px no-repeat; text-indent: -5000px; }					
			
	#logo { position: absolute; top: 80px; left: 240px; width: 160px; height: 193px; z-index: 99; }
	#logo-alt { position: absolute; top: 40px; left: 40px; width: 160px; height: 193px; z-index: 99; }
	#credit { position: absolute; bottom: 10px; left: 240px; width: 160px; z-index: 99; }
		#credit span { font-size: 11px; }
		#credit 	a, 
		#credit 	a:link { color: #ffffff; text-decoration: none; }
		#credit 	a:focus, 
		#credit 	a:hover	{ color: #000000; text-decoration: none; }
	#credit-alt { position: absolute; bottom: 10px; left: 40px; width: 160px; z-index: 99; }
		#credit-alt span { font-size: 11px; }
		#credit-alt 	a, 
		#credit-alt 	a:link { color: #ffffff; text-decoration: none; }
		#credit-alt 	a:focus, 
		#credit-alt 	a:hover	{ color: #000000; text-decoration: none; }
		
	.middleColumn { float: left; width: 100%; margin: 0 0 10px 0; }	
	.middleColumn input.text { float: left; width: 220px; border: 1px solid #ffffff; background-color: transparent; height: 15px; padding: 3px; font-size: 11px; }	
	
	.Actions input { float: left; height: 25px; background-color: #ffffff; color: #000000; border: 0; padding: 3px; margin: 0 0 10px 0; }
	#ForgotPassword { float: left; width: 100%; }
	
	#flash { position: fixed; width: 100%; height: 100%; z-index: 0; top: 0; left: 0; }	
/*-- ELEMENTS --*/