﻿/** resets **/
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, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-family: inherit; text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }
ol, ul { list-style: none; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; }
a { outline: none; }

/** defaults **/
a { color: #5A86BC; text-decoration: underline; }
a:hover { text-decoration: none; }

body { font: normal normal normal 12px/19.5px arial; background: #f8f8f8 url(../imgs/bg.jpg) repeat-x left top; display: inline; }

em { font-style: italic; }

fieldset { border: none 0; padding: 0 10px 10px 0; margin: 0; }
fieldset legend { font-weight: bold; margin-bottom: 10px; padding: 0; }
fieldset label { display: block; float: left; width: 115px; padding: 0; margin: 5px 10px 0 0; text-align: right; }
fieldset textarea, fieldset select { width: auto; margin: 5px 0 0; }
fieldset textarea { overflow: auto; }
fieldset small { display: block; font-size: 85%; margin: 0 0 5px 120px; padding: 1px 3px; }
fieldset br { clear: left; }

h1 { font: normal normal normal 275% georgia; margin: 0 0 10px 0; color: #185200; font-size: 16px; }
h2 { background: transparent url(../imgs/button-inactive.gif) no-repeat scroll left top; font: normal normal normal 135% arial; line-height: 22px !important; margin: 0 0 15px 0; padding-left: 30px; color: #195200; }
h2 small { display: block; }
h3 { font: normal normal normal 125% arial; margin: 0 0 5px 0; }
h4 { font: normal normal normal 110% arial; }

/**hr { background: url(imgs/header-hr.gif) repeat-x; height: 15px; border: none 0; margin: 0px; padding: 0px; }**/

p { margin: 0 0 15px 0; }

small { font-size: 90%; }
strong { font-weight: bold; }

/** layout **/
#buffer { background-color: #dbdbdb; height:15px; }
#pg-left-shadow { margin: 0 auto 15px; min-height: 955px;  width: 888px; background: url(../imgs/shadows.jpg) no-repeat left top; padding-left: 10px; }
#pg-right-shadow { margin: 0 auto; min-height: 955px;  background: url(../imgs/shadows.jpg) no-repeat right top; padding-right: 10px; }
#pg { margin: 0 auto; width: 868px; background-color: #fff; border: solid 1px #ebebeb; }
#hd { background: #acb3aa url(../imgs/oosi-hdr.jpg) no-repeat; height: 128px; border-bottom: 1px solid #ebebeb; }
	/*#hd h1 { color: #000; font-family: Arial; font-size: 26px; font-weight: bold; line-height: 55px; margin-top: 45px; }
	#hd img { margin-left: 50px; margin-top: 5px; }*/
#bd { min-height: 650px; padding-top: 25px; }

#ft { background-color: #ebebeb; text-align: center; font-size: 10px; line-height: 16px; margin: 50px 10px 10px; padding: 2px 0 2px 220px; }
#ft a {}
#ft p {}


#leftCol { float: left; width: 230px; }
#rightCol { margin-left: 230px; padding-right: 30px; }
#homeLink { display: block; height: 100px; width: 325px; float: left; }


/** asset stuff **/
.editor { }
.editor.sandbox { }
/* avoid float issues */

/** buttons **/
input.btn { padding-left: 25px; }
input.btn.cancel { background: #ece9d8 url(imgs/icos/cross.png) no-repeat 2px 0px; width: 100px; }
input.btn.save { background: #ece9d8 url(imgs/icos/disk.png) no-repeat 2px 0px; font-weight: bold; width: 200px; }
input.btn.search { background: #ece9d8 url(imgs/icos/zoom.png) no-repeat 2px 0px; width: 100px; }
input.btn.delete { background: #ece9d8 url(imgs/icos/delete.png) no-repeat 2px 0px; width: 100px; }
input.btn.new { background: #ece9d8 url(imgs/icos/add.png) no-repeat 2px 0px; width: 80px !important; width: 100px; }
input.btn.upload { background: #ece9d8 url(imgs/icos/upload.gif) no-repeat 2px 0px; padding: 3px 0 3px 25px; width: 100px; }
input.btn.send { background: #ece9d8 url(imgs/icos/send.gif) no-repeat 2px 0px; width: 100px; }
input.btn.submit { padding: 2px 10px; font-weight: bold; }

/** forms **/
fieldset .req, fieldset .required { font-weight: bold; }
fieldset .val { background: transparent url(imgs/icos/exclamation.png) scroll no-repeat; text-indent: -999px; width: 20px; height: 15px; overflow: hidden; }
fieldset .title { font-size: 16px; }
fieldset .readonly { border: none 0; background-color: Transparent; }

fieldset#contact input, fieldset#contact textarea { width: 250px; }
	fieldset#contact input.btn.send { width: 100px; }

/** lists **/
#globalNav { margin: 30px 0 0 15px; }
	#globalNav li { }
		#globalNav li.first { }
		#globalNav li.last { }
		#globalNav li a { color: #185200; font-size: 14px; font-weight: bold; line-height: 35px; text-decoration: none; text-transform: uppercase; padding-left: 30px; background: url(../imgs/button-inactive.gif) no-repeat left; }
		#globalNav li a:hover { color: #999; background: url(../imgs/button-active.gif) no-repeat left; }
	#globalNav ul { margin-left: 40px; }
		#globalNav ul li a { background-image: none; font-size: 11px; font-weight: normal; line-height: 18px; padding: 0; }
		#globalNav ul li a:hover { background-image: none;}

#headerContainer { background-color:#acb3aa; padding: 3px; float: right; /*height: 52px;*/ margin-top: 0; margin-right: 0; }
#headerShortcuts { }
#headerShortcuts li { width: 85px; float: left; /*background: url(imgs/menu-bg.jpg) repeat-x;*/ }
#headerShortcuts li.first { }
#headerShortcuts li.last { margin-right: 0; }
#headerShortcuts li a { color: #fff; font-size: 12px; font-weight: bold; line-height: 19.5px; text-decoration: none; display: block; text-align: center; }
#headerShortcuts li a:hover { color: #ccc; }

#ft ul { margin-bottom: 10px; margin-top: 15px; }
	#ft ul li { border-right: solid 1px #999; float: left; margin-right: 5px; padding-right: 5px; }
		#ft ul li.last { border-right: none 0; float:none; }

/** messages **/
.msg { border: 2px solid #DDDDDD; margin-bottom: 1em; padding: 0.8em; }
.msg h4 { font-weight: bold; }
.msg ul { margin-left: 25px; list-style-type: disc; }
.msg.success { background: #E6EFC2 none repeat scroll 0 0; border-color: #C6D880; }
.msg.success, .msg.success * { color: #264409 !important; line-height: 18px; }
.msg.error { background: #FBE3E4 none repeat scroll 0 0; border-color: #FBC2C4; }
.msg.error, .msg.error * { color: #8A1F11 !important; line-height: 18px; }

/** grids **/
.line, .lastUnit { overflow: hidden; _overflow: visible; _zoom: 1; }
.unit { float: left; _zoom: 1; }
.hLine .unit { line-height: 30px !important; }
.size1of1 { float: none; }
.size1of2 { width: 50%; }
.size1of3 { width: 33.33333%; }
.size2of3 { width: 66.66666%; }
.size1of4 { width: 25%; }
.size2of4 { width: 50%; }
.size3of4 { width: 75%; }
.size1of5 { width: 20%; }
.size2of5 { width: 40%; }
.size3of5 { width: 60%; }
.size4of5 { width: 80%; }
.leftCol { float: left; width: 230px;}
.lastUnit { float: none; _position: relative; _left: -3px; _margin-right: -3px; width: auto; }

/** definition list **/
dl#properties { border: solid 1px #ebebeb; margin-top: 15px; }
dl#properties dt { float: left; width: 100px; font-size: 11px !important; background-color: #ebebeb; padding-left: 5px; margin-right: 10px; border-bottom: solid 1px #fff; clear: both; }
dl#properties dd { margin-left: 105px; font-size: 11px !important; border-bottom: solid 1px #ebebeb; }

/** image cycle **/
#image-cycle { width: 608px; height: 253px; background: #f0efea url(../imgs/cycle-bg.gif) no-repeat right; }

/** product category **/
#product-category { /*width: 180px; float: right; clear: both; margin-left: 20px;*/ }
#product-category img { clear: both; border: solid 5px #e9e9e9; }
#product-category a:hover img{ border: solid 5px #C6D4C1; }
#product-category div { float:left;width: 135px; padding-left: 10px; }
#product-category a { text-decoration: none; }
#product-category h1 { background-color: Transparent !important; text-align: center; font-size: 14px; line-height: 23px; color: #000 !important; margin: 0; padding: 0; }

/** sub-pics **/
.sub-pics { float: left; margin-bottom:10px; }

/** products listing **/
.product-category { float: left; width: 250px; height: 200px; border: solid 1px #e9e9e9; text-align: center; padding-top: 10px; margin: 0px 5px 10px 5px; }
	.product-category a { text-decoration: none; }
	.product-category a:hover img { border: solid 10px #fff; }
	.product-category img { border: solid 10px #e9e9e9; }
	.product-category h2 { background: transparent none; padding-left: 0; text-align: center; }

.product-sub-category { }
.product-sub-category h1 { font-size: 13px; }
.product-sub-category img { float: left; margin: 0px 10px 0px 0px; }

.product { border-bottom: dotted 1px #EBEBEB; margin-bottom: 15px; margin-left: 15px; padding-bottom: 15px; }
	.product h3 { font-weight: bold; }
.product-image { width: 180px; border: solid 1px #e9e9e9; float: left; padding: 7px 7px 7px 7px; margin: 5px 10px 10px 0px; }
	.product-image img { margin: 0 auto; }

/** resources **/
.resources { }

h1 { line-height: 49px; font-size: 30px; color: #185200; padding: 0px !important; }

/** contact form **/
#contact-map { border: solid 1px #ebebeb; text-align: center; padding-top: 10px; background-color: #f8f8f8; }
#contact-form { margin-top: 20px; }

/** sitemap **/
ul.sitemap { margin-left: 15px; }
ul.sitemap ul { margin-left: 15px; margin-bottom: 0px; }

ul.sitemap li { font-size: 13px; padding: 5px; list-style-type: none; }
ul.sitemap li li { font-size: small; }
ul.sitemap li li li { font-size: smaller; }

ul.sitemap a { font-size: inherit; color: #006000; }

/** empty data template **/
.empty-data { font-style: italic; margin: 0 0 20px 20px; }

/** hit-counter **/
#hit-counter {  margin-left:200px; color:#E16E24; font-size:11px;}    

#compass-link { text-align:center; font-size: 10px; line-height: 16px; margin-top:20px;  }
