/* :: Created by Nology Design :: All Rights Reserved :: */

/* Reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{*font-size:100%;}
legend{color:#000;}
.italic { font-style:italic; }
/* End Reset*/ 


/**** GENERAL SETTINGS ****/

h1 { font-size: 1.6em; font-weight: bold; text-transform: uppercase; color: #EBD276; text-shadow: #000 1px 1px 2px; }
h2 { font-size:1.4em; font-weight: bold; text-transform: uppercase; color: #EBD276; text-shadow: #000 1px 1px 2px; }
.left { float: left; }
.right { float: right; }
.center { text-align: center; }
.clear { clear:both; }
.big { font-size: 1.2em; }
.xsmall { font-size: 0.7em; }
.bold { font-weight: bold; text-shadow: #000 1px 1px 2px; }
.gold { color: #EBC572; }
.hidden { display: none; }


/**** STRUCTURE ****/

body { background: #C45923 url(../img/bg.jpg) repeat-x 50% top; color: #444; font-family: Arial, Helvetica, sans-serif; font-size: 1em; }

#top { width: 1000px; margin: 0 auto; padding-top: 15px; text-align: left; font-size: 0.8em; position: relative; }

	#nav-menu { text-align: center; height: 165px; }
	
	#application { position: absolute; top: 85px; left: 0px; z-index:1000;  width: 161px; height: 43px; }
	
		#application a { text-indent: -9000px; width: 161px; height: 43px; overflow: hidden; display: block; background: url(../img/submitanapp.png) no-repeat 0 0; }
		
		#application a:hover { background-position: 0 -44px; }
		
		#application a:active { background-position: 0 -87px; } 
	
	
	.ul-image { width: 30px; text-align: center; }
	
	.ul-text { width: 95%; } 

#content { width: 1000px; overflow: hidden; margin: 0 auto; color: #FFF; position: relative; }
	
	#content p { text-shadow: #000 1px 1px 2px; }
	
	#content p a { font-weight: bold; color: #FFF; }
	
	p.space { margin-bottom: 1em; }

#loading-dialog { width: 1000px; text-align: center; margin-bottom: 5em; }

#main-img { width: 1000px; height: 382px; text-align: center; position: relative; }

	/*** SUB NAV ***/
		.prev a { height: 100px; width: 75px; position: absolute; top: 40%; left: 0; text-indent: -9000px; overflow: hidden; }
			
		.next a { height: 100px; width: 60px; position: absolute; top: 40%; right: 0; text-indent: -9000px; overflow: hidden; }
		
		.prev-home a { background: url(../img/sprite_navigation.png) no-repeat -231px -260px; }
		
			.prev-home a:hover { background-position: -227px -370px; }
		
		.prev-menu a { background: url(../img/sprite_navigation.png) no-repeat -450px -260px; }
		
			.prev-menu a:hover { background-position: -446px -370px; }
		
		.next-menu a { background: url(../img/sprite_navigation.png) no-repeat -526px -260px; }
		
			.next-menu a:hover { background-position: -528px -370px; }
		
		.prev-goods a { background: url(../img/sprite_navigation.png) no-repeat -18px -260px; }
		
			.prev-goods a:hover { background-position: -18px -370px; }
		
		.next-goods a { background: url(../img/sprite_navigation.png) no-repeat -93px -260px; }
		
			.next-goods a:hover { background-position: -94px -370px; }
		
		.next-location a { background: url(../img/sprite_navigation.png) no-repeat -312px -260px;  }
		
			.next-location a:hover { background-position: -313px -370px; }

.horizontal-div { background: url(../img/divider_horizontal.png) repeat-x; height: 26px; width: 989px; margin: 0 auto; }

.vertical-div { background: url(../img/divider_vertical.png) repeat-y; width: 12px; margin: 0 auto; z-index: -20; }

	#menu-vertical-div { height: 160px; position: absolute; left: 535px; top: 255px; }
	
	#location-vertical-div { height: 100%; }
	
	#goods-vertical-div { height: 640px;}

#footer { width: 1000px; margin: 2em auto 1.25em; color: #FFF; font-weight: bold; text-shadow: #000 1px 1px 2px; }

	/**** Slider structure ****/
		#slider { position: relative; }
		
		.slide { width: 1000px; float: left; position: relative; }
		
/**** HOME PAGE ****/
	.home-bottom { width: 1000px; }
	
	#home-bottom-container { float: right; width: 640px; margin-top: 15px; }
	
	.home-para { margin-top: 10px; width: 319px; height: 286px; float: left; }
	
	#home_show { height: 254px; width: 339px; float: left; overflow: hidden; margin-left: -10px; position: relative; top: -10px; left: -5px; }

/**** MENU PAGE ****/
	
	.menu-bottom { position: relative; }

	.picture { z-index: -10; height: 100%; width: 340px; position: absolute; top: 0; left: 355px; }
	
	.guernsey { position: relative; top: -9px; }
	
	#guernsey { position: relative; top: 13px; }
	
	#zingermans { position: relative; top: 6px; }
	
	#menu_show { width: 339px; height: 254px; overflow: hidden; position: absolute; left: 365px; }
	
	.fax { margin-top: 1.5em; font-size: 1.2em; font-weight: bold; }
	
/**** THE GOODS PAGE ****/
	
	.goods-left { width: 486px; margin: 10px 10px; }
	
	.goods-right { width: 450px; margin: 10px 10px; }
	
	.image-para { position: relative; top: -245px; text-align: left; width: 775px; margin: 0 auto; z-index: 1000; }
	
/**** LOCATION PAGE ****/

	.contact { width: 506px; margin: 20px auto; }
	
	.map { width: 480px; margin: 20px auto; }
	
	p.no-shadow a { font-weight: bold; color: #FFF; text-decoration: underline; }
	
	p.no-shadow a:active { color: #FFF; }
	
	p.no-shadow a:visited { color: #FFF; } 
	
	p.no-shadow a:hover { color: #EBC572; }
	
/**** Application Form ****/

#wrapper { background-color: #FFF; width:1000px; margin:10px auto; color: #000; }
#wrapper p { text-shadow: none; }
#wrapper h2 { font-weight: normal; color: #000; text-shadow: none; font-size: 1.2em; margin-top: 1.5em; }
#app-header { height:150px; margin:0 auto; }
.logo { width:120px; float:left; }
.header { float:left; font-size:2em; color:#D63F0A; font-weight:100; margin:50px 0 0 10px; }
.app { float:left; text-transform:uppercase; color:#444; position:relative; top:100px; left:-240px; font-size:1.25em; letter-spacing:5px; }
#form-container { margin:10px; }
#flash { width: 1000px; text-align: center; }
	.success { border: 2px solid green; background-color: #D2FFCF; padding: 2px 10px; }
	.fail { border: 2px solid red; background-color: #FFBFBF; padding: 2px 10px; }
.form-div { background-color:white; padding:10px; margin-top:15px; }
.legal { border: solid 1px red; background-color:#FFBFBF; margin:10px 0; }

h3.employer { text-transform:uppercase; padding-top:10px; font-size:1em;}
div.employer { margin:20px 0; border:solid 1px #ccc; }
p.legal-info { line-height:30px; padding:10px; }


/* Forms */

input, select, textarea { background-color:#EBD278; border:none; margin: 10px 0 0 10px; font-size:14px; border: solid 1px #444; }
input { height:20px; width:225px; padding:2px 0 0 5px;}
textarea { height:60px; width:400px; }
table { background-color:white; padding:10px; }
th { text-align:center; color:black; padding:5px 0 0 0; text-transform:uppercase; letter-spacing: 1px; font-size:12px; position:relative; top: 5px;}
em { color:red; font-size:10px; }
.submit input { width:100px; float:right; height:30px; margin:0; padding:0; margin-bottom:15px;}
.error-message { border:1px solid red; background-color:#FFBFBF; margin:5px 0 0 10px; padding:1px; width: 210px; }

/* Footer Logo */
.siteBy { font-size:smaller; font-family:arial; letter-spacing:1px; line-height:28px; margin-right:3px; float:right; }
.nologyFooter { opacity:.5; filter: alpha(opacity=50); -khtml-opacity: 0.5; -moz-opacity: 0.5; text-decoration:none; }
a.nologyFooter { display:block; float:right; border:none;} 
a.nologyFooter:hover { opacity:1; filter: alpha(opacity=100); -khtml-opacity: 1; -moz-opacity: 1; }