/* body and html */
html, body{
margin: 0px;
padding: 0px;
font-family: verdana, arial, helvetica, sans; /*whatever fonts here*/
font-size: 12px; /* standard size for normal fonts */
color: #333; /*standard color for all text */
min-width: 900px; /*set minimum width of site */
background: #ffffff url('../images/bg.jpg') 0 0 repeat-x;
text-align: center;
}
.box_title{font-size:22px; margin-top:14px; font-weight:bold; border-bottom:1px solid #000; color: #416393;}
.distributor_box .theBox{ width:32%; float:left; padding:5px 5px 5px 0px;}
.distributor_box{border-top:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC; background:#FFF; padding:0px 20px 20px 20px; margin-bottom:5px; height:100%}
.distributor_box:hover{border-top:1px solid #CCC; border-bottom:1px solid #CCC; background:#F8F8F8; padding:0px 20px 20px 20px; margin-bottom:5px;}
.distributor_box div{ padding:2px 0px 2px 0px;}
.sales_rep_box{border-top:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC; background:#FFF; padding:0px 20px 20px 20px; margin-bottom:5px;}
.sales_rep_box:hover{border-top:1px solid #CCCCCC; border-bottom:1px solid #CCC; background:#F8F8F8; padding:0px 20px 20px 20px; margin-bottom:5px;}
.sales_rep_box div{ padding:2px 0px 2px 0px;}
img { border: 0; }
/* Containers
* -there are holders for the entire site, headers, navigations, bodies, footers, etc...
* -usually, these are 100% width for background repeats
* -text-align: center is for internet explorer, centering the divs inside them.
*/
/*theWholeContainer is a wrapper for the entire site. this div would go right in the beginning..
*
*
* ...
*
*
*and be closed right at the end. All the containers following would be in this.
*/
a { text-decoration: none; }
#theWholeContainer {
width: 900px;
background: #ffffff url('../images/new/bg2.jpg') 0 0 repeat-x;
text-align: center;
margin: 0 auto;
border: 1px solid #000000;
border-top: none;
padding-bottom: 10px;
}
/*theHeader is where things at the top of the page are stored and positioned
*/
#theHeader {
width: 100%;
height: 53px;
text-align: center;
}
#theHeader a.left { float: left; display: inline; }
#theHeader a.right { float: right; display: inline; }
/*end of #theHeader styles*/
#theNavigationCenterer {
width: 652px;
margin: 0 auto;
}
#theNavigationCenterer img {
float: left;
display: inline;
margin: 0;
}
/*end navigatiion
*
* here is the body! */
#theBodyHolder_products, #theBodyHolder_home,
#theBodyHolder_company_profile, #theBodyHolder_contact,
#theBodyHolder_faq, #theBodyHolder_press_release,
#theBodyHolder_mems_pressure_sensor_technology {
margin: 0;
padding: 10px 0;
width: 100%;
/* height: 100%; */
background: #ffffff;
}
#theBodyHolder_products {
background: #ffffff url
}
#theBodyHolder_company_profile {
background: #ffffff url('../images/contact/flagback.gif') 0 0 no-repeat;
}
#theBodyHolder_company_profile2 {
background: #ffffff;
}
#homeImage {
float: left;
clear: left;
margin-top: -4px;
}
#theBody {
/* width: 1000px; */
width: 880px;
margin: 0 -10px 0 10px;
/* background: #ffffff; */
text-align: left;
}
#theBody #theLeftSide {
float: left;
display: inline;
width: 290px;
/* height: 100%; */
margin: 10px 0 0 10px;
}
#theBody #theLeftSide .theGray ul li { line-height: 20px; font-weight: bold; list-style-type: none; }
#theBody #theLeftSide .theGray ul a { text-decoration: none; }
#theBody #theLeftSide .theGray ul a:hover { text-decoration: underline; }
#theBody #theRightSide {
float: left;
display: inline;
margin: 10px 0 0 10px;
width: 660px;
/* height: 100%; */
}
.submit-image {
margin-left:128px;
}
p.centerIt { text-align: center; }
p.margin20 { margin: 5px 20px; }
/* some body classes */
#theBody .theGray {
background: #efefef;
padding: 5px;
text-align: left;
}
#theBody .theGray p {
margin: 0;
padding: 0;
}
#theBody .theGrayLine {
margin: 10px 0 0 0 ;
border-top: 3px solid #efefef;
clear: both;
}
#theBody .row { clear: both; margin-top:2px; }
#theBody .rowLeft {
float: left;
display: inline;
width: 140px;
text-align: right;
}
#theBody .rowRight {
float: left;
display: inline;
width: 130px;
margin-left: 5px;
font-weight: bold;
text-align: left;
}
#theBody .content {
text-align: left;
margin-top: 10px;
}
#theBody .home_left {
float: left;
display: inline;
width: 283px;
}
#theBody .home_right {
float: left;
display: inline;
width: 367px;
}
#theBody h1.home {
font-size: 14px;
border-left: 3px solid #416393;
width: 367px;
text-align: left;
background: #d1d7dc;
padding: 2px 0 2px 10px;
margin: 0 0 2px 10px;
clear: both;
}
#theBody a { color: #416393; }
#theBody a:hover { color: #000000; text-decoration: none; }
#theBody ul, #flashplayerholder, #flashplayerholder1 { text-align: left; }
#flashplayerholder {
background: #416393 url('../files/home_page_flash/ast_home_04.jpg') 0 0 no-repeat;
width: 660px;
height: 221px;
}
#flashplayerholder1 {
background: #416393 url('../files/home_page_flash/ast_home_04.jpg') 0 0 no-repeat;
width: 660px;
height: 221px;
}
/*contact page */
#theLeftSide_contacts, #theRightSide_contacts {
width: 410px;
margin: 10px 5px 10px 10px;
float: left;
display: inline;
text-align: left;
}
#theRightSide_contacts {
margin: 10px 10px 10px 5px;
}
#theRightSide_contacts select { width: 200px; }
.small_box {
float: left;
display: inline;
width: 270px;
margin-left: 10px;
}
.small_box_new {
float: left;
display: inline;
width: 375px;
margin-left: 10px;
}
.small_box_new_global {
background: url("../images/global-bg.jpg") no-repeat;
float: left;
display: inline;
height:135px;
width: 375px;
margin-left: 0px;
padding-left:15px;
padding-top:10px;
margin-top:-7px;
}
.smaller_box {
float: left;
display: inline;
width: 175px;
margin-left: 10px;
}
.rep_head, .rep_row {
border-bottom: 1px solid #416393;
clear: both;
margin-top: 10px;
}
.rep_row {
border-bottom: 1px solid #416393;
clear: both;
margin-top: 10px;
padding-bottom: 10px;
height: auto;
}
.rep_head {
font-size: 14px;
color: #416393;
}
.rep, .terr {
float: left;
display: inline;
width: 450px;
text-align: left;
}
.rep h3, .rep p { margin: 0 0 2px 10px; padding: 0; }
#contact-address {
float:left; width:175px;
}
/*product page */
#theLeftSide_products, #theRightSide_products {
width: 350px;
margin: 10px 5px 10px 10px;
float: left;
display: inline;
text-align: left;
}
#theLeftSide_products2, #theRightSide_products2 {
width: 410px;
margin: 10px 5px 10px 10px;
float: left;
display: inline;
text-align: left;
}
#theLeftSide_products h2 {
font-size: 13px;
color: #416393;
}
#theLeftSide_products h3
{
font-size: 14px;
color: #000;
padding:0px;
margin:0px;
}
#theLeftSide_products h3.prodhead
{
padding:0 0 10px 14px;
}
#theLeftSide_products h3.sub-prodhead
{
font-size: 13px;
font-weight:normal;
padding:0 0 10px 14px;
font-style:italic;
}
#theLeftSide_products.press p, #theRightSide_products.wiring p { padding: 0 10px; }
#theRightSide_products {
margin: 10px 10px 10px 5px;
}
.rowBlue, .rowWhite {
margin: 5px 0;
padding: 3px 5px 3px 1px;
}
#theBodyHolder_contact .rowWhite {
width: 435px;
}
.rowBlue { background: #efefef; }
.rowWhite { background: #ffffff; }
.ce { }
.rowBlue p, .rowWhite p {
display: inline;
margin-left: 0;
font-size: 12px;
color: #000000;
}
.rowBlue a, .rowWhite a {
text-decoration: none;
color: #416393;
font-size: 16px;
font-weight: bold;
}
.rowBlue a:hover, .rowWhite a:hover {
text-decoration: underline;
}
#theLeftSide_products div,#theLeftSide_products h3,#theRightSide_products div,#theRightSide_products h3
{
padding:0 0 0 5px;
}
.clabel {
float: left;
display: inline;
width: 175px;
text-align: right;
padding-top: 3px;
}
.clabel-new {
float: left;
display: inline;
width: 175px;
text-align: left;
padding-top: 3px;
}
.cform {
float: left;
display: inline;
margin-left: 5px;
width: 250px;
text-align: left;
}
#product_top {
margin: 10px;
}
#product_top h2 {
font-size: 13px;
}
#product_top h3 {
font-size: 12px;
color: #416393;
}
#product_top ol li { margin-left: 35px; }
#product_top ol h4 { font-size: 13px; color: #000000; margin: 10px 0 2px 0; }
h1.product_top {
color: #416393;
font-size: 18px;
border-bottom: 1px solid #000000;
margin: 3px 0;
padding: 0 0 2px 0;
}
h1.pressure, h1.hazard, h1.submersible, h1.differential, h1.high_accuracy, h1.digital, h1.switch, h1.high_volume {
font-size: 13px;
color: #000000;
padding: 2px 5px;
}
h1.pressure {
border-left: 5px solid #008000;
background: #b0ffb0;
}
h1.hazard {
border-left: 5px solid #000000;
background: #ffff01 url('../images/new/hazard_background2.jpg') 115% 0 no-repeat;
}
h1.submersible {
border-left: 5px solid #009999;
background: #a4ffff;
}
h1.differential {
border-left: 5px solid #996633;
background: #e4d7c5;
}
h1.high_accuracy {
border-left: 5px solid #800080;
background: #ffc6ff;
}
h1.digital {
border-left: 5px solid #ff6600;
background: #ffd6a8;
}
h1.switch {
border-left: 5px solid #666666;
background: #cccccc;
}
h1.high_volume {
border-left: 5px solid #416393;
background: #c5d2e4;
}
h1.faq_Q {
font-size: 18px;
color: #416393;
clear: both;
}
.column, .column_border {
float: left;
display: inline;
width: 250px;
margin: 0 5px;
padding: 0 10px;
}
.column_border { border-left: 1px solid #416393; }
.product_by {
height: 90px;
}
.doc_box {
float: left;
display: inline;
height: 150px;
text-align: center;
width: 200px;
margin: 5px 5px 5px 0;
}
#pdf_doc_box {
clear: both;
width: 640px;
margin: 10px auto;
}
#pdf_doc_box a { text-decoration: none; }
#pdf_doc_box a:hover { color: #000000; }
.image_box {
text-align: center;
margin: 5px;
float: left;
display: inline;
height: 110px;
border: 1px solid #416393;
}
.image_box:hover { border: 1px solid #cccccc; }
#printer_friendly {
width: 800px;
background: #ffffff;
text-align: center;
padding: 10px 0;
}
#printer_friendly ul, #printer_friendly p { text-align: left; }
#printer_friendly_map {
width: 500px;
margin: 0 auto;
}
a.backtotop {
float: right;
display: inline;
clear: both;
background: #ffffff url('../images/new/back_to_top.jpg') 0 100% no-repeat;
padding-left: 25px;
margin: 5px 10px 10px 0;
height: 20px;
line-height: 20px;
vertical-align: center;
text-decoration: none;
}
a.backtotop:hover { background: #ffffff url('../images/new/back_to_top.jpg') 0 0 no-repeat; }
.faq_entry {
margin: 10px 0;
padding: 5px 10px;
/* border-top: 1px solid #416393; */
clear: both;
}
.faq_entry p { margin: 0 10px; }
.faq_entry ul li { margin-right: 40px; }
.faq_entry ul li.nope { list-style-type: none; margin-right: 40px; }
span.smaller { font-size: 10px; }
.chart {
width: 900px;
margin: 10px auto;
border: 1px solid #000000;
border-bottom: none;
}
.chart_row {
width: 900px;
border-bottom: 1px solid #000000;
}
.chart_item1, .chart_item2 {
width: 224px;
border-left: 1px solid #000000;
float: left;
display: inline;
text-align: center;
height: 25px;
line-height: 25px;
vertical-align: center;
}
.chart_item1 {
margin-left: -1px;
font-weight: bold;
}
/* detail styles */
.detail_small {
float: left;
display: inline;
width: 95px;
font-size: 9px;
text-align: center;
height: 140px;
vertical-align: center;
}
div.ce_logo {
float: left;
display: inline;
width: 70px;
height: 70px;
background: #ffffff url('../images/logos/ce_logo.gif') 50% 50% no-repeat;
}
div.ul_logo {
float: left;
display: inline;
width: 70px;
height: 70px;
background: #ffffff url('../images/logos/ul_label.gif') 50% 50% no-repeat;
}
.spec_box {
border: 1px solid #416393;
padding: 2px;
width: 500px;
}
.spec_row, .spec_head {
border-top: 1px solid #000000;
clear: both;
width: 495px;
}
.spec_head { font-weight: bold; }
.spec, .spec_detail, .spec_small {
float: left;
width: 165px;
padding: 2px 0;
margin-top: 2px;
}
.spec_detail { width: 250px; }
.spec_small { width: 85px; padding-left: 5px;}
.marginLeft150 { margin-left: 120px; }
.marginLeft20 { margin-left: 20px; }
.floatLeft { float: left; display: inline; }
.floatRight { float: right; display: inline; }
.clearIt { clear: both; }
.clearLeft { clear: left; }
#bottom_contact_info {
text-align: center;
}
#bottom_contact_info p {
margin: 3px 0;
color: #ffffff;
font-size: 10px;
}
#bottom_contact_info a { color: #ffffff; }
#bottom_contact_info a:hover { color: #000000; }
#theBabelFish {
margin: 10px auto;
width: 385px;
text-align: right;
font-size: 10px;
}
#theBabelFish p {
float: right;
display: inline;
color: #015e87;
margin: 10px;
width: 200px;
}
#theBabelFish div, #theBabelFish table { float: right; display: inline; margin-right: 5px; }
strong.almost { color: #666666; }
/* End Containers */
sup { font-size: 85%;
vertical-align: baseline;
position: relative;
bottom: 0.33em;
}
/*fixes floating div problems*/
.clearfix:after, #theBody:after, .row:after, .content:after, .rowBlue:after, .rowWhite:after, .rep_head:after,
.rep_row:after, .spec_row:after, .spec_head:after, .chart:after, .chart_row:after, #theBody .home_left:after,
#theBodyHolder_products:after, #theBodyHolder_home:after, #theBodyHolder_company_profile:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */
a { text-decoration: none; color: #015e87; }
a:hover { color: #000000; }
#ast_container {
margin: 0 auto;
border: 1px solid #000000;
border-top: none;
width: 900px;
}
#header_image {
width: 900px;
height: 90px;
background: url('../images/long_header.jpg') 0 0 no-repeat;
}
#header_image a
{
width: 900px;
height: 90px;
display:block;
}
#theNavigation {
width: 900px;
height: 29px;
line-height: 29px;
background: url('../images/nav_rep.jpg') 0 0 repeat-x;
text-align: center;
}
#theNavigation a {
margin: 0;
padding: 0 15px;
border-left: 1px solid #fefefe;
color: #ffffff;
line-height: 26px;
display: inline-block;
font-size: 14px;
font-weight: bold;
}
#theNavigation a.end { border-right: 1px solid #fefefe; }
#theFooter {
color: #015e87;
font-size: 11px;
}
#theFooter a {
color: #015e87;
font-size: 13px;
margin: 0 4px;
text-decoration: none;
padding:0 37px 0 37px;
}
#theFooter a:hover { color: #000000; }
#theNavigation a:hover {
background: #9a9ea4;
}
#subfoot {
width:1000px;
margin:0 auto;
}
#subfoot .boxes{
float:left;
width:180px;
text-align:center;
font-family: verdana, arial, helvetica, sans;
font-size: 10px;
color: #015e87;
margin: 0;
}
#subfoot .boxes a{
font-family: verdana, arial, helvetica, sans;
font-size: 10px;
color: #015e87;
margin: 0;
text-decoration:none;
}
#subfoot .boxes a:hover{
font-family: verdana, arial, helvetica, sans; /*whatever fonts here*/
font-size: 10px; /* standard size for normal fonts */
color: #000000; /*standard color for all text */
margin: 0;
}
#subfoot .boxeshome{
float:left;
width:130px;
text-align:center;
}
#subfoot .boxesproducts{
float:left;
width:160px;
text-align:center;
font-family: verdana, arial, helvetica, sans;
font-size: 10px;
color: #015e87;
margin: 0;
}
#subfoot .boxesproducts a{
font-family: verdana, arial, helvetica, sans;
font-size: 10px;
color: #015e87;
margin: 0;
text-decoration:none;
}
#subfoot .boxesproducts a:hover{
font-family: verdana, arial, helvetica, sans; /*whatever fonts here*/
font-size: 10px; /* standard size for normal fonts */
color: #000000; /*standard color for all text */
margin: 0;
}
#subfoot .boxestech{
float:left;
width:200px;
text-align:center;
font-family: verdana, arial, helvetica, sans;
font-size: 10px;
color: #015e87;
margin: 0;
}
#subfoot .boxestech a{
font-family: verdana, arial, helvetica, sans;
font-size: 10px;
color: #015e87;
margin: 0;
text-decoration:none;
}
#subfoot .boxestech a:hover{
font-family: verdana, arial, helvetica, sans; /*whatever fonts here*/
font-size: 10px; /* standard size for normal fonts */
color: #000000; /*standard color for all text */
margin: 0;
}
#subfoot .boxesapps{
float:left;
width:190px;
text-align:center;
font-family: verdana, arial, helvetica, sans;
font-size: 10px;
color: #015e87;
margin: 0;
}
#subfoot .boxesapps a{
font-family: verdana, arial, helvetica, sans;
font-size: 10px;
color: #015e87;
margin: 0;
text-decoration:none;
}
#subfoot .boxesapps a:hover{
font-family: verdana, arial, helvetica, sans; /*whatever fonts here*/
font-size: 10px; /* standard size for normal fonts */
color: #000000; /*standard color for all text */
margin: 0;
}
#subfoot .boxesabout{
float:left;
width:140px;
text-align:center;
font-family: verdana, arial, helvetica, sans;
font-size: 10px;
color: #015e87;
margin: 0;
}
#subfoot .boxesabout a{
font-family: verdana, arial, helvetica, sans;
font-size: 10px;
color: #015e87;
margin: 0;
text-decoration:none;
}
#subfoot .boxesabout a:hover{
font-family: verdana, arial, helvetica, sans; /*whatever fonts here*/
font-size: 10px; /* standard size for normal fonts */
color: #000000; /*standard color for all text */
margin: 0;
}
/****************************************** PRODUCT FORM *************************************************/
#product-form
{
border:1px solid #416393;
padding:0 5px 5px;
margin:20px 0 20px 30px;
text-align:left;
width:810px;
}
#product-form-successHigh {
color: #009900;
font-weight: bold;
padding:0 5px 5px;
margin:20px 0 10px 90px;
text-align:left;
width:800px;
}
#product-form-failed
{
color: #FF0000;
font-weight: bold;
padding:0 5px 5px;
margin:20px 0 10px 90px;
text-align:left;
width:800px;
}
#product-form .high_volume
{
margin:9px 0;
}
#product-form .left
{
float:left;
width:400px;
}
#product-form .right
{
float:right;
width:400px;
}
#product-form .product_form_row
{
padding:0 0 10px;
clear:both;
}
#product-form .product_form_row label
{
float:left;
width:120px;
padding:0 2px 0;
}
#product-form .product_form_row input
{
width:220px;
}
#product-form .product_form_row textarea
{
width:620px;
height:80px;
}
#product-form .product_form_row input.check
{
width:auto;
}
#product-form .product_form_row label.check
{
width:auto;
float:none;
}
#product-form .product_form_submit
{
padding:0 0 0 122px;
margin:0 0 5px;
}
/*****Hover Tooltip***********/
a.tt{
position:relative;
z-index:24;
color:#3CA3FF;
font-weight:bold;
text-decoration:none;
}
a.tt span{ display: none; }
/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt:hover{ z-index:25; color: #aaaaff; background:;}
a.tt:hover span.tooltip{
display:block;
position:absolute;
top:0px; left:0;
padding: 15px 0 0 0;
width:200px;
color: #01578A;
text-align: center;
filter: alpha(opacity:90);
KHTMLOpacity: 0.90;
MozOpacity: 0.90;
opacity: 0.90;
}
a.tt:hover span.top{
display: block;
padding: 30px 8px 0;
background: url(../images/bubble.gif) no-repeat top;
}
a.tt:hover span.middle{ /* different middle bg for stretch */
display: block;
padding: 0 8px;
background: url(../images/bubble_filler.gif) repeat bottom;
}
a.tt:hover span.bottom{
display: block;
padding:3px 8px 10px;
color: #01578A;
background: url(../images/bubble.gif) no-repeat bottom;
}