@charset "utf-8";
/* 
=================== CSS Document  ======================
	
	Site: 			
	Author: 		Steven Gibbons | Union Room Ltd
	Created: 		09 November 2009
	Updated: 	
	Copyright: 	(c) 2009
	
=========================================================

/* ========= Global ========= */
* { margin: 0; padding: 0; }
html { font-size: 100%; }
body { font-size: 62.5%; font-family: Arial, Helvetica, sans-serif; margin: 0; background: #FFF url('../img/bg/body.jpg') repeat-x; }
p { font-size: 1.1em; color: #666; margin: 0; line-height: 1.5; margin: 0; padding: 0 0 10px 0; text-align: left; }
p a { text-decoration: none; color: #89763D; }
p a:hover { text-decoration: underline; }
a:focus { outline: none!important; }

div#container { background: url('../img/bg/lines.jpg') no-repeat center 328px; }
div#wrapper { margin: 0 auto; width: 980px; }
div#hdr { height: 100px; }
div#hdr h1 { float: left; margin: 24px 0 25px 14px; width: 307px; height: 51px; background: url('../img/iR/h1-logo.jpg') no-repeat; }
div#hdr ul { float: right; margin: 20px 4px 0 0; list-style: none; }
	div#hdr ul li { float: left; margin: 0 5px; font-size: 1.1em; color: #999; }
		div#hdr ul li a { color: #FFF; text-decoration: none; margin: 0 5px 0 0; }
			div#hdr ul li a.active,
			div#hdr ul li a:hover { text-decoration: underline; }

div#navigation { height: 20px; padding: 15px 14px; }
	div#navigation a { margin: 0 25px 0 0; padding: 0; font-size: 1.5em; text-decoration: none; color: #FFF; }
		div#navigation a.active,
		div#navigation a:hover { padding: 11px 0 0 0; border: 4px solid #FFF; border-width: 4px 0 0 0; }

div#structure { position: relative; margin: 0; padding: 14px; width: 952px; background: #FFF; }
div#structure div#left { position: absolute; top: 2px; left: -20px; width: 20px; height: 476px; background: url('../img/bg/left.jpg') no-repeat; }
div#structure div#right { position: absolute; top: 2px; right: -20px; width: 20px; height: 476px; background: url('../img/bg/right.jpg') no-repeat; }

div#content #gallery { float: left; width: 714px; height: 300px; overflow: hidden; }

div#content ul#stock { float: left; list-style: none; height: 237px; }
	div#content ul#stock li { float: left; }
	
div#content { min-height: 600px; }

div#inner { float: left; padding: 10px 20px; width: 674px; min-height: 400px; }

div#content ul#breadCrumb { margin: 0; height: 50px; width: 100%; }
div#content ul#breadCrumb li { list-style: none; margin: 0 7px 0 0; float: left; font-size: 1.1em; color: #666; line-height: 1.5; }
div#content ul#breadCrumb li a { color: #89763D; text-decoration: none; }
	div#content ul#breadCrumb li a.active,
	div#content ul#breadCrumb li a:hover { text-decoration: underline; }
	div#content h3 { font-size: 4.0em; color: #333; margin: 0 0 15px 0; }
	div#content h4 { font-size: 2.5em; color: #89763D; margin: 0 0 10px 0; }
	div#content h5 { font-size: 1.5em; color: #89763D; margin: 0 0 15px 0; }
	div#inner ul { margin: 0 0 10px 30px; }
	div#inner ul li { font-size: 1.1em; color: #666; list-style: 1.5; }
	div#content ul.sitemap li { margin: 0 0 5px 0; }
	div#content ul.sitemap li a { color: #89763D; text-decoration: none; }
		div#content ul.sitemap li a:hover { text-decoration: underline; }
	
div#content ul#list,
div#content ul#listing { margin: 0; }
div#content ul#about { float: left; clear: left; height: 174px; margin: 20px 0 0 0; }
div#content ul#about li { list-style: none; float: left!important; }
div#content ul.drop { margin: 0 0 10px 0; }
div#content ul.drop li { list-style: none; float: none; margin: 0 0 10px 0; font-size: 1.0em; }
div#content a.more { font-size: 2.0em; color: #666; text-decoration: none; padding: 0 0 0 20px; background: url('../img/bg/plus-minus.gif') no-repeat 0 7px; }
div#content a.more.open { padding: 0 0 0 20px; background: url('../img/bg/plus-minus.gif') no-repeat 0 -14px; }
div#content div.content { margin: 5px 0; }
div#content div.content a { text-decoration: none; color: #89763D; }
div#content div.content a:hover { text-decoration: underline; }
div#content div.content ul li a { text-decoration: none; color: #89763D; }
div#content div.content ul li a:hover { text-decoration: underline; }
div#content div.content ul.bullet { margin: 0 0 10px 0; }
div#content div.content ul.bullet li { margin: 0 0 5px 15px; list-style: disc; color: #666; }
div#content div.info { display: none; margin: 0 20px; }
div#content div.info ul { margin: 0; font-size: 1.1em; }
div#content div.info p { margin: 0; padding: 0 0 10px 0; }
div#content hr { margin: 10px 0; padding: 0; clear: both; height: 5px; background: url('../img/bg/hr.gif') no-repeat; border: 0 solid #FFF; display: block; }

div#content form.form { position: relative; z-index: 3; left: -20px; width: 660px; background: #EEE; margin: 0 0 20px 0; padding: 20px; }
div#content form.form h4 { font-size: 2.0em; color: #89763D; margin: 0 0 10px 0; }
	div#content form.form a { text-decoration: none; color: #89763D; }
		div#content form.form a:hover { text-decoration: underline; }
	div#content form.form a#send { width: 45px; height: 25px; margin: 10px 0 0 0; background: url('../img/iR/a-send.gif') no-repeat; }
		div#content form.form a#send:hover { background-position: bottom; }

div#content form.form table td { padding: 5px 20px 5px 0; font-size: 1.1em; color: #666; }
div#content form.form table td label { text-align: left; font-weight: bold; color: #666; }
	div#content form.form table td input[type="text"] { margin: 5px 0 0 0; padding: 5px; width: 280px; color: #666; font-size: 1.0em; border: 1px solid #BBB; }
	div#content form.form table td input[type="file"] { background: #FFF; margin: 5px 0 0 0; padding: 5px; width: 280px; color: #666; font-size: 1.0em; border: 1px solid #BBB; }
	div#content form.form table td input[type="checkbox"] { margin: 0 5px 0 0; }
	div#content form.form table td select { margin: 5px 0 0 0; padding: 5px; width: 200px; color: #666; font-size: 1.0em; border: 1px solid #BBB; }
	div#content form.form table td textarea { overflow: hidden; margin: 5px 0 0 0; font-size: 1.0em; padding: 5px; width: 596px; height: 150px; color: #666; border: 1px solid #BBB; }

	div#content a#contact { width: 78px; height: 25px; background: url('../img/iR/a-contact-us.jpg') no-repeat;  }
		div#content a#contact:hover { background-position: left bottom; }
		
div#info { float: left; width: 892px; padding: 20px 30px; background: #211F1B; height: 230px; }
	div#info h3 { font-size: 4.0em; color: #988344; }
	div#info h4 { font-size: 2.0em; color: #988344; margin: 0 0 5px 0; }
	div#info h5 { font-size: 1.5em; color: #FFF; margin: 0 0 15px 0; }
	div#info a#learnMoreGold { width: 82px; height: 25px; background: url('../img/iR/a-learn-more-gold.gif') no-repeat; }
		div#info a#learnMoreGold:hover { background-position: bottom; }

div#jobSearch { float: right; background: #CCC; width: 238px; height: 300px; }
div#jobSearch h6 { width: 110px; font-size: 2.0em; color: #FFF; margin: 0 0 10px 0; padding: 7px 20px; background: #666; }
div#jobSearch table { margin: 0 20px; text-align: left; }
div#jobSearch table th { font-size: 1.1em; padding: 0 0 6px 0; text-align: left; }
div#jobSearch table select { margin: 0 0 6px 0; padding: 5px; width: 198px; color: #666; font-size: 1.1em; border: 1px solid #BBB; }
div#jobSearch table input { padding: 5px; width: 186px; color: #666; font-size: 1.1em; border: 1px solid #BBB; }
	div#jobSearch a.search { width: 58px; height: 25px; margin: 10px 0 10px 1px; background: url('../img/iR/a-search.gif') no-repeat; }
		div#jobSearch a.search:hover { background-position: bottom; }
		
div#groupLeft { float: left; margin: 10px 0 0 0; width: 631px; height: 165px; }
div#groupLeft h6 { font-size: 2.0em; color: #FFF; margin: 0 0 10px 0; padding: 7px 20px; background: #666; }
div#groupLeft p { padding: 0 20px; color: #666; }
div#groupLeft input { margin: 5px 20px 0 20px; padding: 5px; width: 259px; color: #666; font-size: 1.1em; border: 1px solid #CCC; }
	div#groupLeft a.learnMore { width: 82px; height: 25px; margin: 10px 20px; background: url('../img/iR/a-learn-more.gif') no-repeat; }
		div#groupLeft a.learnMore:hover { background-position: bottom; }
	div#groupLeft a.signup { width: 55px; height: 25px; margin: 10px 20px; background: url('../img/iR/a-sign-up.gif') no-repeat; }
		div#groupLeft a.signup:hover { background-position: bottom; }
		
div#groupLeft div#leftColumn { float: left; width: 311px; height: 165px; background: #EEE; }
div#groupLeft div#leftColumn h6 { width: 120px; }
div#groupLeft div#leftColumn ul li { list-style: none; }
div#groupLeft div#rightColumn { float: right; width: 311px; height: 165px; background: #EEE; }
div#groupLeft div#rightColumn h6 { width: 170px; }

div#groupRight { float: right; margin: 10px 0 0 0; width: 311px; height: 165px; background: #211F1B url('../img/bg/otter-shop.jpg') no-repeat; }	
div#groupRight h6 { width: 180px; font-size: 3.0em; color: #FFF; padding: 10px 15px 0 15px; }
div#groupRight p { padding: 0 20px; color: #FFF; font-size: 1.4em; }
	div#groupRight a.learnMore { width: 82px; height: 25px; margin: 10px 20px; background: url('../img/iR/a-learn-more.gif') no-repeat; }
		div#groupRight a.learnMore:hover { background-position: bottom; }

div#otterShop { float: right; margin: 14px 0 0 0; width: 238px; height: 175px; background: #211F1B url('../img/bg/otter-shop-side.jpg') no-repeat; }	
div#otterShop h6 { width: 180px; font-size: 3.0em; color: #FFF; padding: 10px 15px 0 15px; }
div#otterShop p { padding: 0 20px; color: #FFF; font-size: 1.3em; }
	div#otterShop a.learnMore { width: 82px; height: 25px; margin: 10px 20px; background: url('../img/iR/a-learn-more.gif') no-repeat; }
		div#otterShop a.learnMore:hover { background-position: bottom; }

div#howMarket { clear: right; float: right; margin: 14px 0 0 0; width: 238px; height: 165px; background: #EEE; }
div#howMarket h6 { font-size: 2.0em; color: #FFF; margin: 0 0 10px 0; padding: 7px 20px; background: #666; width: 170px; }
div#howMarket p { padding: 0 20px; color: #666; }
div#howMarket input { margin: 5px 20px 0 20px; padding: 5px; width: 186px; color: #666; font-size: 1.1em; border: 1px solid #CCC; }
	div#howMarket a.signup { width: 55px; height: 25px; margin: 10px 20px; background: url('../img/iR/a-sign-up.gif') no-repeat; }
		div#howMarket a.signup:hover { background-position: bottom; }

div#jobs ul { list-style: none; position: relative; z-index: 3; left: -20px; width: 700px; padding: 7px 0 10px 0; }
div#jobs ul li { width: 700px; background: #EEE; margin: 0 0 15px 0; padding: 7px 0 10px 0; }
div#jobs h5 { margin: 0 0 20px 0!important; }
div#jobs h5 span { font-size: 1.0em; color: #FFF; margin: 0 0 20px 0; padding: 7px 20px; background: #666; }
div#jobs p { padding: 0 20px 10px 20px; }
div#jobs p span { font-weight: bold; color: #333; }
	div#jobs a.apply { width: 111px; height: 25px; margin: 0 20px 5px 20px; background: url('../img/iR/a-apply.gif') no-repeat; }
		div#jobs a.apply:hover { background-position: bottom; }
	div#jobs a.moreDetails { width: 86px; height: 25px; margin: 0 20px 5px 20px; background: url('../img/iR/a-more-details.gif') no-repeat; }
		div#jobs a.moreDetails:hover { background-position: bottom; }
div#jobs ul.options { float: right; width: 220px; margin: 0 40px 0 0; }
div#jobs ul.options li { float: right; margin: 0; padding: 0; position: static; width: 95px; }
div#jobs ul li h4 { padding: 0 20px; font-size: 1.8em; color: #666; float: none; display: inline-block; }

div#jobs ul li ul.features { position: static; margin: 0 20px 10px 20px; padding: 0; }
div#jobs ul li ul.features  li { font-size: 1.0em; color: #666; margin: 0 10px 5px 0; padding: 0; float: left; width: auto; }
div#jobs ul li p { font-size: 1.0em; }

form#applyJob { margin: -10px 0 0 0!important; }

form#viewResults table { position: relative; z-index: 4; float: right; top: -70px; right: -11px; }
form#viewResults table td { font-size: 1.1em; color: #666; font-weight: bold; padding: 0 5px 0 0; }
form#viewResults table td select { margin: 0; padding: 5px; width: 100px; color: #666; font-size: 1.0em; border: 1px solid #BBB; }

ul.pagenation { margin: 0; position: relative; z-index: 4; float: right; clear: right; top: -53px; right: -6px; }
ul.pagenation li { float: left; list-style: none; margin: 0 0 0 10px; font-size: 1.1em; color: #666; }
ul.pagenation li a { color: #89763D; text-decoration: none; }
	ul.pagenation li a:hover { text-decoration: underline; }

ul.backlink { position: relative; z-index: 4; float: right; clear: right; top: -26px; right: -6px; }
ul.backlink li { float: left; list-style: none; margin: 0 0 0 10px; font-size: 1.1em; color: #666; }
ul.backlink li a { color: #89763D; text-decoration: none; }
	ul.backlink li a:hover { text-decoration: underline; }

div#columnLeft { float: left; width: 240px; }
div#columnRight { float: right; width: 434px; }
form#callback { }
form#callback table td { padding: 5px 20px 5px 0; font-size: 1.1em; color: #666; }
form#callback table td label { text-align: left; font-weight: bold; color: #666; }
	form#callback table td input[type="text"] { margin: 5px 0 0 0; padding: 5px; width: 190px; color: #666; font-size: 1.0em; border: 1px solid #BBB; }
	form#callback table td textarea { overflow: hidden; margin: 5px 0 0 0; font-size: 1.0em; padding: 5px; width: 410px; height: 150px; color: #666; font-family: Arial, Helvetica, sans-serif; border: 1px solid #BBB; }
	form#callback a#send { width: 45px; height: 25px; margin: 10px 0 0 0; background: url('../img/iR/a-send.gif') no-repeat; }
		form#callback a#send:hover { background-position: bottom; }

div#ftr { margin: 0; padding: 0; width: 100%; height: 150px; background: url('../img/bg/ftr.jpg') repeat-x; }
div#innerFtr { margin: 0 auto; width: 952px; padding: 0 14px; }
div#innerFtr p { color: #666; margin: 0; padding: 0 0 3px 0; }
div#innerFtr img#forum { margin: 23px 0; }
div#innerFtr ul li { list-style: none; float: left; margin: 0 5px 0 0; color: #666; font-size: 1.1em; }
div#innerFtr ul li a { text-decoration: none; margin: 0 5px 0 0; color: #89763D;  }
div#innerFtr ul li a.active,
div#innerFtr ul li a:hover { text-decoration: underline; } 

div#content form.paypal { margin: 0 0 20px 0; padding: 0; }
div#content form.paypal h4 { font-size: 2.0em; color: #89763D; margin: 0 0 10px 0; }
	div#content form.paypal a { text-decoration: none; color: #89763D; }
		div#content form.paypal a:hover { text-decoration: underline; }
	div#content form.paypal a#send { width: 45px; height: 25px; margin: 10px 0 0 0; background: url('../img/iR/a-send.gif') no-repeat; }
		div#content form.paypal a#send:hover { background-position: bottom; }
	div#content form.paypal a#pay { width: 45px; height: 25px; margin: 10px 0 0 0; background: url('../img/iR/a-send.gif') no-repeat; }
		div#content form.paypal a#pay:hover { background-position: bottom; }

div#content form.paypal table td { padding: 5px 20px 5px 0; font-size: 1.1em; color: #666; }
div#content form.paypal table td label { text-align: left; font-weight: bold; color: #666; }
	div#content form.paypal table td input[type="text"] { margin: 5px 0 0 0; padding: 5px; width: 280px; color: #666; font-size: 1.0em; border: 1px solid #BBB; }
	div#content form.paypal table td input[type="file"] { background: #FFF; margin: 5px 0 0 0; padding: 5px; width: 280px; color: #666; font-size: 1.0em; border: 1px solid #BBB; }
	div#content form.paypal table td input[type="checkbox"] { margin: 0 5px 0 0; }
	div#content form.paypal table td select { margin: 5px 0 0 0; padding: 5px; width: 200px; color: #666; font-size: 1.0em; border: 1px solid #BBB; }
	div#content form.paypal table td textarea { overflow: hidden; margin: 5px 0 0 0; font-size: 1.0em; padding: 5px; width: 596px; height: 150px; color: #666; border: 1px solid #BBB; }



/* ========= Important Classes ========= */
h1, h2, h3, h4, h5, h6 { font-weight: lighter; }

a.btnReplace { cursor: pointer; }
input.btnReplace { display: none; margin: 0; padding: 0; }
input, textarea { font-family: Arial, Helvetica, sans-serif!important; }
img.btnReplace { cursor: pointer; }

.imgReplace { background-position: top; background-repeat: no-repeat; display: block; }
.imgReplace span { width: 0px; height: 0px; overflow: hidden; display: block; }
 
* html .clearfix { height: 1%; /* IE5-6 */ }
* + html .clearfix { display: inline-block; /* IE7not8 */ }
.clearfix:after { /* FF, IE8, O, S, etc. */ content: "."; display: block; height: 0; clear: both; visibility: hidden; }

/* ========= impromptu ========= */
.jqifade{ position: absolute; background-color: #000; }
div.jqi{ width: 400px; font-family: Arial, Helvetica, sans-serif; position: absolute; background-color: #FFF; font-size: 11px; text-align: left; border: solid 1px #eeeeee; padding: 7px; }
div.jqi .jqicontainer{ font-weight: bold; }
div.jqi .jqiclose{ position: absolute; top: 4px; right: -2px; width: 18px; cursor: default; color: #BBB; font-weight: bold; }
div.jqi .jqimessage{ padding: 10px; line-height: 20px; color: #444; }
div.jqi .jqibuttons{ text-align: right; padding: 5px 0 5px 0; border: solid 1px #eeeeee; background-color: #f4f4f4; }
div.jqi button{ padding: 3px 10px; margin: 0 10px; background-color: #333; border: solid 1px #f4f4f4; color: #FFF; font-weight: bold; font-size: 12px; }
div.jqi button.jqidefaultbutton{ background-color: #333; }
.jqiwarning .jqi .jqibuttons{ background-color: #333; }