/**********************************************************************************************

	CSS on Sails
	Title: Website
	Author: XHTMLized
	Date: March 2008 

***********************************************************************************************

		
	1. BASE
			1.1 Reset
			1.2 Default styles
			1.3 Basic styles
	
	2. LAYOUT
			2.1 Header
			2.2 Content
			2.3 Sidebar
			2.4 Footer
		

***********************************************************************************************/


/* 1. BASE
-----------------------------------------------------------------------------------------------
===============================================================================================*/	



/* 1.1	Reset
-----------------------------------------------------------------------------------------------*/	


	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, font, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	b, u, i, center,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-size: 100%;
		vertical-align: baseline;
		background: transparent;
	}
	
	body {
		line-height: 1;
	}

	img {
		border: none;
	}
	
	ol, ul {
		list-style: none;
	}
	
	blockquote, q {
		quotes: none;
		padding-left: 53px;
	}
	
	blockquote:before, 
	blockquote:after,
	q:before, q:after {
		content: '';
		content: none;
	}
	
	:focus {
		outline: 0;
	}
	
	ins {
		text-decoration: none;
	}
	
	del {
		text-decoration: line-through;
	}

	hr {
		clear: both;
	}
hr {
color: #183152;
background-color: #183152;
height: 1px;
margin: 0 0 5px 0;
padding: 0;
border: none;
}
	
	table {
		border-collapse: collapse;
		border-spacing: 0;
	}


/* 1.2	Default styles
-----------------------------------------------------------------------------------------------*/	

	body {
		background: #fff;
		text-align: center;
		font-family:Verdana,Arial,Helvetica,sans-serif;
		}

	strong {
		font-weight: bold;
	}
			
	em {
		font-style: italic;
	}
		
	abbr, acronym {
		border-bottom: 1px dotted #999; 
		cursor: help;
	}
	
	input, textarea, select {
		font: 1em Arial, Helvetica, sans-serif;
	}
	.input-cell, .label-cell, .input-shell, .label-shell {
		padding: 0 0 10px 0;
		line-height: 1.2em;
	}

	a {
		color: #008d11;
		text-decoration: none;
	}
	
	a:hover, 
	a:active {
		text-decoration: underline;
	}
	

/* 1.3	Basic styles
-----------------------------------------------------------------------------------------------*/	

	.hide {
		display: none;
	}
	

/* 2. LAYOUT
-----------------------------------------------------------------------------------------------
===============================================================================================*/	
	
	.container {
		width: 955px;
		position: relative;
		margin: 0 auto;
		text-align: left;
	}
	body.inventory .container {
		width: 90% !important;
	}
	
	#header {
		margin-top:0px;
	}
	
	body.one-column #content {
		width: 850px;
		margin-left:52px;
	}
	body.inventory #content {
		width: 100% !important;
		margin-left: 0 !important;
		padding-left: 30px;
	}
	#inv-table {
		width: 100%;
	}
	
	#footer {
		clear: both;
	}
		
/* Main Backgrounds */
#header {
	background:#0d172a url(../images/bg_header.gif) repeat-x;
}
	#header .container {
		height:128px;
	}

#footer {
	background:#375d81 url(../images/bg_footer.gif) repeat-x;
}

/* 2.1	Header
-----------------------------------------------------------------------------------------------*/	

	#header h1, 
	#header h1 span,
	#header h1 a {
		display: block;
		width: 373px;
		height: 118px;
		overflow: hidden;
		cursor: pointer;
	}
	
	#header h1,
	#header .logo {
		position: absolute;
		top: 10px;
		left: 0;
	}
		
	#header h1 span,
	#header .logo span {	
		position: absolute; 
		top: 0;
		left: 0;
		z-index: 10;
		background: url(../images/logo.jpg) no-repeat;
	}
	
	#header h1 a {
		line-height:118px;
		font-size:40px;
		text-align:center;
		color:#fff;
		font-weight:normal;
	}
	
	#header p.contact {
		position:absolute;top:100px;left:373px;
		color:#fff;
		font-size:1.25em;
	}
		#header p.contact a {
			color:#fff;
		}
		#header p.contact strong {
			font-weight:normal;
			font-size:1.32em;
		}
		
	/* Size Switch */
	#header div.sizeswitch {
		position:absolute;top:21px;right:60px;
	}
	div.sizeswitch a {
		color:#7eadda;
		text-decoration:none;
	}
		div.sizeswitch a:hover, div.sizeswitch a:focus {
			text-decoration:underline;
		}
		div.sizeswitch a.current {
			text-decoration:underline;
			cursor:default;
			color:#fff;
		}
		div.sizeswitch a.s {font-size:14px;}
		div.sizeswitch a.d {font-size:18px;}
		div.sizeswitch a.l {font-size:23px;}
	div#header div.c2 {
		padding-top:6px;
		background:#0d172a url(../images/bg_nav.gif) bottom repeat-x;		
	}
	div#zd-nav-container {
		text-align:center;
		overflow:hidden;
	}
	ul#zd-nav {
		margin:0 auto;
	}
		ul#zd-nav li {
			height:30px;
			margin-top:6px;
			margin-right:5px;
			float:left;
			background-color:#c4e2fc;background-position:0 0;background-repeat:no-repeat;background-image:url(../images/nav-li.gif);
		}
			ul#zd-nav li:hover {
				background-color:#375d81;
				background-image:url(../images/nav-lih.gif);
			}
		ul#zd-nav li a {
			float:left;
			padding:2px 12px 0 12px;
			border-width:0 0 2px 0;border-style:solid;border-color:#375d81;
			font-size:1.6em;line-height:26px;text-transform:uppercase;
			background-position:top right;background-repeat:no-repeat;background-image:url(../images/nav-a.gif);
			color:#375d81;
			white-space:nowrap;
			
		}
			ul#zd-nav li a:hover {
				color:#fefefe;
				text-decoration:none;
				background-image:url(../images/nav-ah.gif);
			}
		ul#zd-nav li.zd-nav-active, ul#zd-nav li.zd-nav-active:hover {
			margin-top:0;
			height:36px;
			background-color:#ffffff;
			background-image:url(../images/nav-lic.gif);
		}
			ul#zd-nav li.zd-nav-active a, ul#zd-nav li.zd-nav-active a:hover {
				line-height:32px;
				padding:2px 12px 2px 12px;
				border-bottom:none;
				background-image:url(../images/nav-ac.gif);
				color:#375d81;
				cursor:default;
			}

/* 2.2	Content
-----------------------------------------------------------------------------------------------*/	

#content {padding-top:25px; 		font-size: 1.25em;}

#content {color:#375d81;}
#content a {color:#008d11;}
#content a:visited {color:#0d172a;}

#content h1 a,
#content h2 a,
#content h3 a,
#content h4 a,
#content h5 a {
	color:#183152;
}

#content h1 a:hover,
#content h2 a:hover,
#content h3 a:hover,
#content h4 a:hover,
#content h5 a:hover {
	color:#4b7eaf;
	text-decoration:none;
}

#content h1,
#content h2,
#content h3,
#content h4,
#content h5 {
	font-family:Georgia,"Times New Roman",Times,serif;
	font-weight:bold;
	color:#183152;
}

#content h1 {font-size:1.83em;margin:15px 0;}
#content h2 {font-size:1.66em;}
#content h3 {font-size:1.50em;}
#content h4 {font-size:1.33em;}
#content h5 {font-size:1.36em;}

#content p, #content ul, #content ol {font-size:1em;line-height:1.32em;margin:15px 0;}
#content ul, #content ol {}

#content p ol, #content p ul, #content ul p, #content ol p {font-size:1em;}

#content ol, #content ul {list-style-position:outside;}
		#content ul ul, #content ol ol {font-size:1em;margin:5px 0;}
	#content ol {
		padding-left:55px;
		list-style-type:decimal;
	}
	#content ul {
		padding-left:48px;
		list-style-type:disc;
	}
		#content ul li {padding-left:5px;}

#content strong.important {
	font-weight:normal;
	color:#a10000;
}

/* 2.3	Sidebar
-----------------------------------------------------------------------------------------------*/	


/* 2.4	Footer
-----------------------------------------------------------------------------------------------*/	

#footer {
	height:120px;
}

#footer ul.logos {
	height:48px;
	padding:10px 0 22px 0;
	text-align:center;
}
	#footer ul.logos li {
		display:inline;
		padding:0 4px;
	}
#footer p {
	text-align:center;
	line-height:34px;
	font-size:1em;
	color:#8f8f8f;
}
	#footer p a {
		color:#8f8f8f;
	}
#zd-form-feedback {
	margin-bottom: 30px;
}