@charset "UTF-8";
 
/* NAOMI PAGE */
#naomi { background-color: #f5f5f5; }
img { _behavior: url(../../js/iepngfix/iepngfix.htc); border: 0; } 
 
/* BASE LAYOUT
---------------------------------------- */
#wrapper { position: relative; margin: 0 auto; padding:0; border: 0; width: 840px; text-align: left; }
#header, #breadcrumbs, #footer { position: relative; margin: 0 auto; padding: 0; border: 0; width: 840px; clear: both; }
 
#header { margin-bottom: 10px; height: 90px; }
#breadcrumbs { margin:23px 0 25px; font-weight: normal; font-size: 10px; line-height: 15px; color: #999; text-decoration: none; text-indent: 5px; }
#breadcrumbs a { color: #999; text-decoration: none; }
#breadcrumbs a:hover { color: #07b; text-decoration: underline; }
#footer { margin: 80px auto; }
 
/* NAOMI NAVIGATION
---------------------------------------- */
#naomi_navigation { position: relative; margin: 0 auto 10px; padding: 0; border: 0; width: 830px; height: 30px; zoom: 1; }
#naomi_navigation:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#naomi_navigation h1 { line-height: 30px; display: inline; float: left; margin: 0; padding: 0; }
#naomi_navigation h1 a { line-height: 30px; background-position: 0 0; background-repeat: no-repeat; color: #ccc; display: block; font-weight: normal; width: 110px; height: 30px; position: relative; outline: none; text-decoration: none; text-indent: -9999px; background: url(../../images/naomi/common/NAOMI_logo.jpg) no-repeat 0 0; top:-2px; }
#naomi_navigation ul { display: inline; float: right; margin: 0; font-weight: normal; font-size: 12px; line-height: 18px; }
#naomi_navigation ul li { display: inline; }
#naomi_navigation ul li a { color: #999; float: left !important; margin-top: 15px; margin-left: 23px; margin-right: 5px; padding: 0; text-decoration: none; }
#naomi_navigation ul li.on a { color: #07b; }
#naomi_navigation ul li a:hover { color: #07b; }
 
/* IMAGES */
img.iconleft { float: left; margin: 2px 10px 5px 0; border: 0; }
img.iconright { float: right; margin: 2px 0 5px 10px; border: 0; }
img.titleimg { float: left; margin: 2px 0 10px 0; border: 0; }
 
 
/* NAOMI CONTAINER
---------------------------------------- */
/* BASE LAYOUT */
#naomi-containerimg { position: relative; width: 840px; height: auto; margin: 0; padding: 0; }
#naomi-containerimg img { vertical-align: bottom; display: inline; border: 0; }
#naomi-containerimg  #topcomment { position: absolute; left: 40px; top: 120px; width: 230px; margin: 0; padding: 0; } 
#naomi-container { position: relative; width: 840px; margin: 0; padding-top: 40px; background: url(../../images/naomi/common/naomibg_head.jpg) no-repeat 0 0; }
#naomi-main { position: relative; width: 840px; margin: 0; padding-bottom: 40px; background: url(../../images/naomi/common/naomibg_btm.jpg) no-repeat 0 100%; }
#naomi-main #naomi-content { position: relative; width: 840px; margin: 0; padding: 0; background: url(../../images/naomi/common/naomibg_body.jpg) repeat-y; }
 
/* BOX */
#naomi-main #naomi-content #naomi-box { position: relative; margin: 0 40px; padding: 0 0 1px 0; }
#naomi-main #naomi-content #naomi-box .naomibox { position: relative; margin-bottom: 40px; padding: 0; zoom: 1; }
#naomi-main #naomi-content #naomi-box .naomibox:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#naomi-main #naomi-content #naomi-box .naomibox.top { padding-top: 40px; }
#naomi-main #naomi-content #naomi-box .naomibox.top2 { padding-top: 10px; }
#naomi-main #naomi-content #naomi-box .naomibox.bottom { margin-bottom: 0; }
#naomi-main #naomi-content #naomi-box .naomibox img.main_imgr { float: right; margin: 2px 0 0 40px; border: 0; }
#naomi-main #naomi-content #naomi-box .naomibox img.main_imgl { float: left; margin: 2px 40px 0 0; border: 0; }
#naomi-main #naomi-content #naomi-box .naomibox img.main_imgc { margin: 0 0 15px 0; border: 0; }
 
/* BORDER BOX */
#naomi-main #naomi-content .borderbox { position: relative; top: 0; width: 840px; margin: 0; padding-top: 40px; padding-bottom: 1px; background: url(../../images/naomi/common/naomibg_border.jpg) no-repeat 0 0; }
#naomi-main #naomi-content .borderbox .contentsbox { position: relative; margin: 0 40px 40px; padding: 0 0 1px 0; zoom: 1; }
#naomi-main #naomi-content .borderbox .contentsbox:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#naomi-main #naomi-content .borderbox .contentsbox.bottom { margin-bottom: 0; }
#naomi-main #naomi-content .borderbox .contentsbox ul { list-style: disc inside; margin: 10px 0 10px; font-weight: normal; font-size: 12px; color: #666; }
#naomi-main #naomi-content .borderbox .contentsbox li { margin-bottom: 0; padding-left: 5px; line-height: 18px; }
 
 
/* COLUMN
---------------------------------------- */
.naomicol { position: relative; margin-bottom: 40px; padding: 0; width: 760px; height: auto; zoom: 1; }
.naomicol:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.naomicol.top { padding-top: 40px; }
.naomicol.bottom { margin-bottom: 0; }
 
.naomicol .column2first, .naomicol .column2last,
.naomicol .column3first, .naomicol .column3last,
.naomicol .column4first, .naomicol .column4last,
.naomicol .column5first, .naomicol .column5last  { position: relative; display: inline; float: left; padding: 0; }
 
.naomicol .column2first { width: 365px; margin-right: 30px; }
.naomicol .column2last { width: 365px; margin-right: 0; }
.naomicol .column3first { width: 240px; margin-right: 20px; }
.naomicol .column3last { width: 240px; margin-right: 0; }
.naomicol .column4first { width: 175px; margin-right: 20px; }
.naomicol .column4last { width: 175px; margin-right: 0; }
.naomicol .column5first { width: 136px; margin-right: 20px; }
.naomicol .column5last { width: 136px; margin-right: 0; }
 
.naomicol .column2first.bottom, .naomicol .column2last.bottom,
.naomicol .column3firts.bottom, .naomicol .column3last.bottom,
.naomicol .column4first.bottom, .naomicol .column4last.bottom,
.naomicol .column5first.bottom, .naomicol .column5last.bottom { margin-bottom: 0; }
 
 /* BANNER AD
---------------------------------------- */
.banner_ad { position: relative; width: 760px; height: 75px; margin-bottom: 20px; padding: 0; zoom: 1; }
.banner_ad:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.banner_ad img { float: left; margin: 0; border: 0; }

/* STANDARD LINKS COLUMN */
.naomicol3ad { position: relative; margin: 0; padding: 0; width: 760px; height: 200px; background: url(../../images/naomi/common/column3ad_bg.jpg) no-repeat 0 0; zoom: 1; }
.naomicol3ad:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.naomicol3ad .column3ad { position: relative; display: inline; float: left; width: 250px; height: 200px; margin: 0 5px 0 0; padding: 0; }
.naomicol3ad .column3ad.last { margin: 0; }
.naomicol3ad .column3ad img { margin: 0; border: 0 }
 
 
 
 
/* FEATURES PAGE
---------------------------------------- 
h1.features_headline { position: relative; top: 75px; margin-bottom: 15px; height: 25px; background: url(../../images/naomi/features/features_h1text20090121.jpg) no-repeat 0 0; text-indent: -9999px; overflow: hidden; }
p.features_text { position: relative; top: 75px; margin-bottom: 20px; width: 400px; }
/* FAQ *//*
h1.faqtitle { margin-bottom: 20px; }
h4.question { color: #07b; margin-bottom: 0; }
img.middle { margin: 5px 0 10px; } */
 
 
/* DISTINCTION PAGE
----------------------------------------
h1.distinction_headline { position: relative; top: 75px; margin-bottom: 15px; height: 25px; background: url(../../images/naomi/distinction/distinction_h1text20090121.jpg) no-repeat 0 0; text-indent: -9999px; overflow: hidden; }
p.distinction_text { position: relative; top: 75px; margin-bottom: 20px; width: 400px; }
ul.uservoice { list-style: disc; margin-bottom: 10px; font-weight: normal; font-size: 12px; color: #666; padding-left: 18px; } */
 
 
/* APPLICATION PAGE
----------------------------------------
h1.appli_headline { position: relative; top: 50px; margin-bottom: 15px; height: 50px; background: url(../../images/naomi/application/application_h1text20090121.jpg) no-repeat 0 0; text-indent: -9999px; overflow: hidden; }
p.appli_text { position: relative; top: 50px; margin-bottom: 20px; width: 275px; }
p.appli_cap { position: relative; top: 50px; margin-bottom: 15px; width: 275px; font-size: 10px; line-height: 15px; color: #999; }
#iconbox { position: relative; float: left; width: 210px; margin: 0 40px 0 0; padding: 0; }
#iconbox ul { list-style-type: none; }
#iconbox li { height: 34px; margin: 0; padding: 0; font-size: 12px; line-height: 30px; color: #999; }
#iconbox li img { float: left; margin: 0 15px 4px 0; border: 0; }
#applibox { position: relative; float: left; width: 470px; margin: 0; padding: 0; }
img.sample { float: left; margin: 2px 10px 20px 0; }
h3.sample { margin-top: 8px; }
#applispec table { width: 720px; background: #fff; border-collapse: collapse; text-align: left; }
#applispec th, #applispec tr, #applispec td { border-collapse: collapse; vertical-align: middle; padding: 7px 0 7px 10px; }
#applispec td { border: 1px solid #ccc; }
#applispec th { font-weight: bold; font-size: 12px; line-height: normal; color: #333; padding-left: 0; }
#applispec td.cap { font-weight: normal; font-size: 10px; line-height: normal; color: #333; width: 85px; }
#applispec td.txt { font-weight: normal; font-size: 10px; line-height: normal; color: #666; } */
 
 
/* SAMPLE PAGE
---------------------------------------- *//*
h1.sample_headline { position: relative; top: 20px; margin-bottom: 15px; width:195px; height: 35px; background: url(../../images/naomi/vet/sample/h1_sample_20090515.jpg) no-repeat 0 0; text-indent: -9999px; overflow: hidden; }
p.sample_text { position: relative; top: 20px; margin-bottom: 20px; width: 300px; }
p.sample_cap { position: relative; top: 20px; margin-bottom: 15px; width: 300px; font-size: 10px; line-height: 15px; color: #777; }
p.thumbnail { text-align: center; margin-bottom: 0; }
img.thumbnail { margin: 0 5px 5px; width: 165px; height: 200px; border: 0; }

/* VET *//*
p.thumbnail_vet { text-align: center; margin:5px 0 0 10px; }
img.thumbnail_vet { margin: 0; width: 240px; height: 195px; border: 0; }
 
 
/* OPTIONAL ITEMS PAGE
---------------------------------------- *//*
h1.option_headline { position: relative; top: 120px; margin-bottom: 15px; height: 25px; background: url(../../images/naomi/option/option_h1text20090121.jpg) no-repeat 0 0; text-indent: -9999px; overflow: hidden; }
#displayspec { float: right; margin-left: 10px; padding: 0; width: 450px; }
#displayspec table { border-collapse: collapse; margin: 8px 0 0; padding: 0; font-weight: normal; font-size: 10px; line-height: 15px; }
#displayspec tr, #displayspec th, #displayspec td { border: 1px solid #ccc; padding: 5px; vertical-align: middle; }
#displayspec th { font-weight: bold; color: #333;  height: 25px; }
#displayspec td.cap { width: 90px; color: #333; }
#displayspec td.txt { width: 330px; color: #666; }
#displayspec td.comment { color: #666; }
img.zooml { float: left; margin: 0 0 10px 0; }
img.zoomlbtm { float: left; margin: 0; }
img.optional { float: right; margin: 0; }
 
 
/* SPECIFICATION PAGE
---------------------------------------- *//*
h1.spec_headline { position: relative; top: 50px; margin-bottom: 15px; height: 45px; background: url(../../images/naomi/spec/spec_h1text20090121.jpg) no-repeat 0 0; text-indent: -9999px; overflow: hidden; }
ul.spec_text { position: relative; top: 50px; margin-bottom: 20px; width: 350px; list-style: disc inside; font-size: 10px; line-height: 15px; color: #999; }
#specsystem { width: auto; margin: 0; padding: 0; }
#specsystem p { margin-bottom: 10px; }
#specsystem p.last { margin-bottom: 0; }
#specsystem ul  { list-style: square inside; margin-top: 0; margin-bottom: 10px; }
#specsystem li { font-weight: normal; font-size: 12px; line-height: 18px; color: #999; }
#specsystem li.title { font-weight: bold; font-size: 12px; line-height: 18px; color: #666; list-style-type: none; } 
#specsystem .codicil { padding-left: 12px; }
 
/* SPEC TABLE *//*
.specbox { float: right; margin-left: 30px; padding: 0; width: 510px; }
.specbox table { border-collapse: collapse; margin: 5px 2px 0 0; padding: 0; font-weight: normal; font-size: 10px; line-height: 15px; }
.specbox tr, .specbox th, .specbox td { border: 1px solid #ccc; padding: 5px; vertical-align: middle; }
.specbox th { font-weight: bold; color: #666;  }
.specbox td.cap { width: 95px; color: #333; }
.specbox td.txt { width: 400px; color: #666; }
 
/* PERMISSION TABLE *//*
#permission { margin: 0; padding: 0; width: 720px; }
#permission table { border-collapse: collapse; margin: 10px 0 0; padding: 0; font-weight: normal; font-size: 12px; line-height: 18px; }
#permission tr, #permission th, #permission td { border: 1px solid #ccc; padding: 5px 10px; vertical-align: middle; }
#permission th { color: #333; background-color: #eee; }
#permission td.name { width: 400px; color: #666; }
#permission td.number { width: 280px; color: #666; } */