@charset "UTF-8";


/* IMAGES */
img.iconimg { float: left; margin: 2px 10px 5px 0; border: 0; }
img.titleimg { float: left; margin: 2px 0 10px 0; border: 0; }

/* TOP */

/* FEATURES PAGE
---------------------------------------- */
h1.features_headline { position: relative; top: 50px; 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: 50px; 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: 405px; }
ul.uservoice { list-style: disc; margin-bottom: 10px; font-weight: normal; font-size: 12px; color: #666; padding-left: 18px; }
 
 
/* SOFTWARE PAGE
---------------------------------------- */
h1.appli_headline { position: relative; top: 35px; margin-bottom: 15px; height: 58px; background: url(../../images/naomi/software/application_h1text20090121.jpg) no-repeat 0 0; text-indent: -9999px; overflow: hidden; }
p.appli_text { position: relative; top: 40px; margin-bottom: 20px; width: 360px; }
p.appli_cap { position: relative; top: 35px; margin-bottom: 15px; width: 360px; font-size: 10px; line-height: 15px; color: #999; }
#iconbox { position: relative; float: left; width: 230px; margin: 0 70px 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: 460px; margin: 0; padding: 0; }
img.sample { float: left; margin: 2px 10px 20px 0; }
h3.sample { margin-top: 8px; }
#applispec table { width: 760px; 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: #999; }
p.thumbnail { text-align: center; margin-bottom: 0; }
img.thumbnail { margin: 0 5px 5px; width: 165px; height: 200px; border: 0; }
hr.sampleline { position:relative; top:-4px; margin-bottom:10px; border-style: dotted; }

/* VET */ 
p.thumbnail_vet { text-align: center; margin:5px 0 0 10px; }
img.thumbnail_vet { margin: 0; width: 175px; height: 160px; border: 0; }



/* FAQ
---------------------------------------- */
h1.faq_headline { position: relative; top: 40px; margin-bottom: 13px; height: 25px; background: url(../../images/naomi/faq/h1_faq_20090326.jpg) no-repeat 0 0; text-indent: -9999px; overflow: hidden; }
p.faq_headtext { position: relative; top: 40px; margin:0; }
h3#overview, h3#features, h3#service, h3#other { margin-bottom: 20px; }
h3.faq { color: #36c; margin-bottom: 5px; }
p.ask { color: #333; margin-bottom:40px; }

/* SPEC & OPTION
---------------------------------------- */
h1.spec_headline { position: relative; top: 50px; margin-bottom: 5px; height: 58px; background: url(../../images/naomi/spec/spec_h1text20090121.jpg) no-repeat 0 0; text-indent: -9999px; overflow: hidden; }
h2.specs { margin-bottom: 20px; } 
p.speclinks { display: inline; position: relative; top: 75px; left: 0; width: 275px; margin: 0; }
.color999 {  color: #999; }
/* NAOMI SPEC */
#naomi_spec { float: left; margin-right: 10px; padding: 0; width: 425px; }
#naomi_spec table { border-collapse: collapse; margin: 15px 0 0; padding: 0; font-weight: normal; font-size: 10px; line-height: 15px; }
#naomi_spec table tr, #naomi_spec table th, #naomi_spec table td { border: 1px solid #ccc; padding: 5px; vertical-align: middle; }
#naomi_spec table th { font-weight: bold; color: #333; height: 25px; font-size:12px; }
#naomi_spec table td.cap { width: 150px; color: #333; }
#naomi_spec table td.txt { width: 250px; color: #666; }
#naomi_spec table td.comment { color: #666; }
/* DISPLAY SPEC */
#disp_spec { position: relative; float:left; margin: 0; padding: 0; width:510px; }
#disp_spec table { width: 510px; border-collapse: collapse; margin: 15px 0 10px; padding: 0; font-weight: normal; font-size: 10px; line-height: 15px; }
#disp_spec table tr, #disp_spec table th, #disp_spec table td { border: 1px solid #ccc; padding: 5px; vertical-align: middle; }
#disp_spec table th { width: auto; font-weight: bold; color: #333; height: 25px; }
#disp_spec table td.cap { width: 100px; color: #333; }
#disp_spec table td.sub { width: 100px; color: #333; }
#disp_spec table td.txt { width: 270px; color: #666; }
#disp_spec table td.comment { color: #666; }

h3.specdisp { margin-top: 30px; }
p.caption { font-size: 10px; line-height: 15px; color: #999; margin:0; }
.codicil { padding-left: 15px; }
.capnamber { font-size:8px; line-height:0; position:relative; top:-3px; left:1px; }

img#bgon_naomi { position: relative; right: -40px; top:10px; float: right; margin: 10px 0 0 0; border: 0; z-index: 10; }

.monispec_img { position:relative; top:15px; float:left; width:250px; height:920px; margin:0; padding:0; border:0; }
img#bgon_monitor { position: relative; float:left; left: -40px; margin:0 0 30px 0; border: 0; z-index: 10; }
img.bgon_monitor2 { position:relative; float:left; margin-top:5px; z-index: 10; width:210px; height:135px; }
img.optional { float: right; margin: 0; } 


/* -- 
OPTIONAL ITEMS PAGE
----------------------------------------
h1.option_headline { position: relative; top: 120px; margin-bottom: 15px; height: 25px; background: url(../../images/naomi/medical/option/option_h1text20090121.jpg) no-repeat 0 0; text-indent: -9999px; overflow: hidden; }
#naomi-main #naomi-content .borderbox .contentsbox .optionbox  { position: relative; margin-top: 30px; padding: 0; width: 760px; height: auto; }

img.zooml { float: left; margin: 0 0 10px 0; }
img.zoomlbtm { float: left; margin: 0; }
img.optional { float: right; margin: 0; }
p.caption { font-size: 10px; line-height: 15px; color: #999; margin:0; }
img.optionmoni { float: right; margin: 0px 0 25px 25px; border: 0; }
img.optionviewer { float: left; position:relative; top:-65px; margin-right:20px; }

-- DISPLAY SPEC --
#disp_spec { position: relative; float:right; margin: 0; padding: 0; width:485px; }
#disp_spec table { width: 485px; border-collapse: collapse; margin: 10px 0 10px; padding: 0; font-weight: normal; font-size: 10px; line-height: 15px; }
#disp_spec table tr, #disp_spec table th, #disp_spec table td { border: 1px solid #ccc; padding: 5px; vertical-align: middle; }
#disp_spec table th { width: auto; font-weight: bold; color: #333; height: 25px; }
#disp_spec table td.cap { width: 100px; color: #333; }
#disp_spec table td.sub { width: 100px; color: #333; }
#disp_spec table td.txt { width: 270px; color: #666; }
#disp_spec table td.comment { color: #666; } 
#naomi-main #naomi-content .borderbox .contentsbox li.option_prod { list-style:outside; margin-left:20px; padding:0; }
.codicil { padding-left: 13px; }

 
SPECIFICATION PAGE
----------------------------------------
h1.spec_headline { position: relative; top: 50px; margin-bottom: 15px; height: 45px; background: url(../../images/naomi/medical/spec/spec_h1text20090121.jpg) no-repeat 0 0; text-indent: -9999px; overflow: hidden; }
ul.spec_text { position: relative; top: 35px; 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; } 
p.speccaption { position:relative; top:-20px; left:40px; font-size: 10px; line-height: 15px; color: #999; margin:0; }
 
-- 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: 760px; }
#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: 420px; color: #666; }
#permission td.number { width: 300px; color: #666; }
-- */
