/* IOMATIX INC all rights reserved */
HTML{
font-size: 100%;
}
BODY{
background: #E6E6EC url(/images/bg.gif) repeat;
font: 0.8em/1.1em Verdana, Arial, Helvetica, sans-serif;
color:#333333;
text-align:center;
padding:0;
margin: 0 auto;
}
body * {
font-size: 100%;
}
input, select, textarea{
font-size: 100%;
color:#4066B1;
padding:0;
margin:0px;
}
form {
margin:0;
padding:0 0 0 5px;
display:inline;
}
p {
margin:0;
padding:10px 10px 0 10px;
}
a, a:visited {
color:#4066B1;
text-decoration:underline;
}
a:hover {
color:#333333;
text-decoration:underline;
}
a img, a.img:link, a.img:visited, a.img:hover {
border-width:0;
}
.left, img.left {
float:left;
margin:4px 15px 4px 0;
}
.right, img.right {
float:right;
margin:4px 0 4px 15px;
}
h1{
font: 2em/1em Verdana, Arial, Helvetica, sans-serif;
}
h2{
font: 1.5em/1em Verdana, Arial, Helvetica, sans-serif;
margin:0;
}
h3{
font: bold 1.35em/1em Verdana, Arial, Helvetica, sans-serif;
margin:0;
}
h4{
font: 1.2em/1em Verdana, Arial, Helvetica, sans-serif;
margin:0;
}
sup {
font: normal 1em Verdana, Arial, Helvetica, sans-serif;
}
#blue {
color:#4066B1;
}
#search {
background: transparent url("/images/search.gif") no-repeat 0 3px;
font: .9em/1em Verdana, Arial, Helvetica, sans-serif;
padding:10px;
text-align:right;
color:#ffffff;
background-color:#4066B1;
margin:0;
}
#search a, #search a:hover, #search a:visited {
color:#ffffff;
}
#page {
width:929px;
text-align:left;
margin-left:auto;
margin-right:auto;
}
#head {
background: url("/images/head.jpg") no-repeat;
width:100%;
height:100px;
}
#head_text {
padding:10px 50px 10px 0;
text-align:right;
color:#FFFFFF;
}
#head_text a, #head_text a:visited {
color:#FFFFFF;
font: bold 1.2em/1em Verdana, Arial, Helvetica, sans-serif;
text-decoration:none;
}
#head_text a:hover {
color:#FFFFFF;
font: bold 1.2em/1em Verdana, Arial, Helvetica, sans-serif;
text-decoration:underline;
}
.imgleft, .imgmain, .left, img.left,img.home {
float:left;
}
img.home {
float:left;
padding:0 5px 0 0;
}
.imgright, .right, img.right {
float:right;
margin:4px 0 4px 15px;
}
img.imgleft, img.imgright {
padding:4px;
border:1px solid #ddc;
}
img.imgmain {
padding:3px;
border:1px solid #cccccc;
margin:10px 10px 70px 10px;
}
#nav {
background:transparent url("/images/nav_bg.gif") repeat-x;
float:left;
padding-left:10px;
margin-left:4px;
* margin-left:2px;
color:#4066B1;
height:50px;
width:907px;
}
/*globalnav*/
#globalnav {
position:relative;
float:left;
width:100%;
list-style:none;
line-height:1em;
padding:0.5em 0;
}
#globalnav LI {
margin:0;
padding:5px 0 0 1px;
border-right:1px solid #D9D9D9;
}
#globalnav a {
text-transform:uppercase;
display:block;
color:#333333;
text-decoration:none;
background:transparent;
margin:0;
font: bold 1em Arial, Helvetica, sans-serif;
}
#globalnav li:hover, 
#globalnav li.sfhover {
background: #FFFFFF url("/images/nav_hvr.gif") repeat-x;
padding:3px 0 10px 0;
text-decoration: none;
border-top:2px solid #CCCCCC;
border-left:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
}
#globalnav li.here {
background: #FFFFFF;
padding:3px 0 10px 0;
text-decoration: none;
border-top:2px solid #CCCCCC;
border-left:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
}
#globalnav li:hover ul li, 
#globalnav li.sfhover ul li {
background: none;
border:0;
}
/* Commented backslash hack hides rule from IE5-Mac \*/
#globalnav a, #globalnav a span
{
float: none
}
/* End IE5-Mac hack */
#globalnav, #globalnav ul { /* all lists */
padding: 0;
margin: 0;
list-style: none;
line-height: 1;
}
#globalnav li { /* all list items */
float: left;
}
#globalnav li ul { /* second-level lists */
position:absolute;
top:2.3em;
float:left;
width: 100%;
border:0;
background:none;
left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}
#globalnav li:hover ul, #globalnav li.sfhover ul { /* lists nested under hovered list items */
left:0;
width:550px;
text-align:center;
list-style:none;
overflow:hidden;
background:#FFFFFF;
z-index:2;
}
#globalnav li.here ul {
left:0;
width:550px;
text-align:center;
list-style:none;
overflow:hidden;
background:#FFFFFF;
z-index:1;
}
#globalnav li:hover ul li, #nav li.sfhover ul li{
text-align:center;
width:100%;
border:0;
padding:2px 0 0 0;
z-index:2;
}
#globalnav li.here ul li{
text-align:center;
width:100%;
border:0;
padding:2px 0 0 0;
z-index:1;
}
/*subnav*/
#globalnav UL A {
color:#333333;
display:inline;
margin:0;
border:0;
font: normal 1.1em Arial, Helvetica, sans-serif;
text-transform:none;
}
#globalnav UL A:hover,
#globalnav UL A:active {
font: normal 1.1em Arial, Helvetica, sans-serif;
text-transform:none;
text-decoration:underline;
color:#4066B1;
border:0;
}
#globalnav A:hover span,
#globalnav A:active span,
#globalnav A:link span,
#globalnav A:visited span {
padding: 0 20px 16px 20px;
}
#news {
padding:4px 10px;
margin:0;
border-left:8px solid #CCCCCC;
}
#news LI {
font-weight:bold;
list-style:none;
padding:0 0 15px 0;
text-indent:none;
}
#news LI A{
font-weight:normal;
width:460px;
}
#leftcolumn,#rightcolumn,#outerright,#head,#main_bg,#sub_bg {
float:left;
text-align:justify;
margin:0;
overflow:hidden;
}
#foot,#fullcolumn {
float:left;
text-align:left;
margin:0;
}
#main_bg {
background: transparent url("/images/main_bg.gif") repeat-y 0 0;
}
#sub_bg {
background: transparent url("/images/sub_bg.gif") repeat-y 0 0;
}
#leftcolumn {
padding:0 30px 20px;
width:688px;
}
#fullcolumn {
padding:0 20px 20px 30px;
width:875px;
}
#outerright {
width:177px;
}
#rightcolumn {
width:149px;
padding:0 0 0 10px;
margin-left:.5em;
* margin-left:3px;
}
#leftcolumn p,h2,h3 {
padding:5px 0;
}
#rightcolumn p {
width:130px;
text-align:left;
overflow:hidden;
padding:0;
}
#foot {
clear:both;
width:925px;
padding:12px 0 0 0;
background: transparent url("/images/sub_btm.gif") no-repeat top left;
}
#foot p {
text-align: center;
padding:0;
}
#div1,#div2,#div3,#div4,#div5,#column,#sub_column, #first_column {
text-align:left;
float:left;
margin:0;
color:#333333;
background-color:#F5F5F5;
overflow:hidden;
border-right:1px solid #CCCCCC;
border-bottom:1px solid #CCCCCC;
}
#div1 h2,#div2 h2,#div4 h2,#div5 h2 {
color:#F8F8FF;
background-color:#4066B1;
padding:5px 10px;
margin:0;
}
#div4 h2 {
color:#4066B1;
background-color:#ECECEC;
}
#div1 {
margin:0 10px 0 18px;
* margin:0 10px 0 9px;
width:350px;
height:240px;
}
#div1 #news {
border-left:0;
padding-top:10px;
}
#div1 #news LI {
padding:10px 0;
}
#div2 {
width:407px;
height:240px;
}
#div3 {
margin:0 10px 0 10px;
width:112px;
height:240px;
}
#div4 {
margin:10px 10px 0 18px;
* margin:10px 10px 0 9px;
width:530px;
height:250px;
}
#div4 p{
padding:0 0 0 10px;
}
#div5 {
border-left:1px solid #CCCCCC;
margin:10px 16px 0 0;
width:350px;
height:250px;
}
#m_portal_div h4#add {
background-image:url('/images/btn/added.gif');
}
#m_portal_div h4#buy {
background-image:url('/images/btn/purchased.gif');
}
#m_portal_div h4#mark {
background-image:url('/images/btn/bookmarks.gif');
}
#m_portal_div h4 {
opacity:.80;
filter:alpha(opacity=80);
-moz-opacity: 0.8;
color:#000033;
padding:5px 10px 8px;
height:13px;
margin:0;
}
#m_portal_div a {
text-decoration:none;
}
#m_portal_div h4:hover {
opacity:1;
filter:alpha(opacity=100);
-moz-opacity: 1;
margin:0;
}
#morebox {
background-color:#FFFFFF;
border:1px dotted #DCDCDC;
padding:0 0 5px 0;
margin:5px 15px -15px 0;
}
#add, #buy, #mark {
background-color:#FFFFFF;color:#000033;border:0;text-decoration:none;
background-image:url("/images/btn/bookmarks.gif");
}
#cart {
border:0;text-decoration:none;padding:2px;margin:2px;height:18px;width:86px;background:#FFFFFF;color:#333333;
}
#info {
text-decoration:none;background:#FFFFA1;padding:5px;margin:10px 0 0 0;border:1px dotted #cccccc;
}
#alt {
text-decoration:none;background:#4B70B7;color:#ffffff;padding:0;margin:0;
}
#store_col {
padding:0 0 0 5px;
float:left;
width:265px;
}
#q_col {
text-align:right;
float:left;
width:65px;
}

#column {
width:264px;
height:213px;
margin:0;
padding:0;
border:0;
border-left:1px solid #CCCCCC;
}
#first_column, #sub_column {
background-color:#FFFFFF;
width:275px;
margin-top:10px;
border:0;
}
#sub_column {
width:290px;
margin:10px;
padding:10px;
border:0;
border:1px solid #CCCCCC;
}
#first_column {
padding:10px 8px 10px 0;
}
#sub_column {
padding:10px 8px 10px 12px;
border-left:1px dotted #CCCCCC;
}
.icon_pdf,
.icon_pdf a:hover {
display:inline;
padding:0 18px;
background: url("/images/icon_pdf.gif") no-repeat top left;
}
.icon_pdfr,
.icon_pdfr a:hover {
float:left;
padding:0 18px;
background: url("/images/icon_pdf.gif") no-repeat top left;
}
.icon_dollar,
.icon_dollar a:hover {
float:left;
padding:0 18px;
background: url("/images/icon_dollar.jpg") no-repeat top left;
}
.more {
float:right;
font: 1.1em/1em Arial, Helvetica, sans-serif;
padding:5px 20px 0 0;
}
#pscroller1{
width: 330px;
height: 170px;
background-color:#F5F5F5;
}
#rightcolumn LI,#rightcolumn UL LI,#rightcolumn UL {
padding:5px 2px;
margin:0;
text-indent:none;
list-style:none;
line-height:1em;
}
hr {
padding:0;
margin:7px 0;
color: #DCDCDC;
background-color: #CCCCCC;
border:0;
height: 1px;
}

/* =ajap
----------------------------------------------------------------------*/
#letterdiv {
padding: 0 3px 4px 0;
}
#disablediv {
position: absolute; left:0; top:0; height: 100%; width: 100%; padding: 1em;
z-index:3;
margin: 0 auto; text-align: left;
background-color:transparent;
background-repeat:repeat;
background-image:url("/images/t.png");
}
#windowdiv {
position: absolute; top:80px; left:30%; width: 350px; padding: 1em;
margin: 0 auto; text-align: left;
z-index:4;
background-color:#fff;
border:#999 3px solid;
}
#previewdiv {
position: absolute; top:50px; left:10%; width: 650px; padding: 1em;
margin: 0 auto; text-align: left;
z-index:4;
background-color:#fff;
border:#999 3px solid;
}
.box {
text-align:left;
background: #F8F8F8 url(/images/testbg.png) repeat top left;
border: 7px solid #999999;
color: #000000;
padding: 0px;
position: fixed;
width:151px;
* width:148px;
}
#morecart {
background-color:#FFFFFF;
border:1px dotted #DCDCDC;
padding:0 0 5px 0;
margin:0 0 5px 0;
}
#flizoat {
filter:alpha(opacity=95);
-moz-opacity:0.95;
opacity: 0.95;
}
.box p {
padding:0;
margin:0;
}
.box LI, .box UL {
display:inline;
padding:0;
margin:0;
}
.box IMG:hover {
filter:alpha(opacity=90);
-moz-opacity:0.9;
opacity: 0.9;
}
.box IMG {
filter:alpha(opacity=70);
-moz-opacity:0.7;
opacity: 0.7;
}
.bar {
background:#999999;
color:#FFFFFF;
cursor: move;
font-weight: bold;
height:18px;
padding:0 0 2px 2px;
}
.content {
padding-left:2px;
width:143px;
padding: 5px;
}