body
{
    font-family:sans;
    font-size:9pt;
}
textarea,input{
    font-family:sans;
    font-weight:normal;
    font-size:9pt;
}
table{
    font-family:sans;
    font-weight:normal;
    font-size:9pt;
}
#userleft{
    float:left;
    padding-left:2em;
    padding-right:.5em;
    padding-top:.5em;
    width:150px;
}
.floatright
{
    float: right;
    clear:right;
    margin:5px;
}

.floatleft
{
    float: left;
    clear:left;
    margin:5px;
}
#container
{
    text-align: left;
    margin: 0px auto;
    margin-top:2.5em;
    padding: 0px;
    width: 1024px;
    overflow:auto;
    font-size:10pt;
    background-color:#eeeeee;
    border-left:1px solid gray;
    border-top:1px solid gray;
    border-right:1px solid gray;
    border-bottom:1px solid gray;
}
#wideContainer
{
    text-align: left;
    margin: 0px auto;
    margin-top:2.5em;
    padding: 0px;
    width: 1200px;
    overflow:auto;
    background-color:#eeeeee;
    border-left:1px solid gray;
    border-top:1px solid gray;
    border-right:1px solid gray;
    border-bottom:1px solid gray;
}

#containerForms
{
    text-align: left;
    margin: 0px auto;
    padding: 0px;
    border:2px;
    width: 1024px;
    border-left:3px solid gray;
    border-top:1px solid gray;
    border-right:1px solid gray;
    border-bottom:3px solid gray;
}

#top
{
    padding: .5em;
    /* background-color: #e6e2eb; */
    background-color: #E6E6E6;
    border-bottom:2px solid black;
    height:60px;
}
#top h1
{
    padding: 0;
    margin: 0;
}
#leftnav
{
    margin-top:.5em;
    float: left;
    width: 180px;
    background-color:transparent;
    margin:1px;
    font-size:9pt;
    font-weight:bold;
    padding-left:4px;
}

#rightnav
{
    margin-top:.5em;
    float: right;
    width: 180px;
    padding-right:2px;
    margin:4px;
    font-size:9pt;
    background-color:transparent;
}
#wideContent
{
    margin-top:.5em;
    float: left;
    margin-bottom:1em;
    width: 820px;
    background-color:transparent;
    margin-bottom:1em;
    border-left:2px solid navy;
    border-right:2px solid navy;
}

#content
{
    margin-top:.5em;
    float: left;
    padding:0px;
    width: 632px;
    background-color:white;
    border-left:2px solid navy;
    border-right:2px solid navy;
    margin-bottom:1em;
}
#footer
{
    clear: both;
    margin: 0;
    padding: .5em;
    background-color: #E6E6E6;
    border-top: 1px solid black;
    border-bottom: 1px solid black;
}
#leftnav p, #rightnav p { margin: 0 0 1em 0; }
#content h2 { margin: 0 0 .5em 0; }
#taglines
{
    clear: both;
    margin: 0;
    padding: .5em;
    background-color: #d9f2fd;
    height:16px;
    text-align:right;
    font-weight:bold;
    font-size: 8pt;
}
table.ordertable
{
    font-family: sans;
    font-size: 9pt;
    border-collapse:collapse;
    border: 1px solid #666;
    border-right: 3px solid #666;
    border-bottom: 3px solid #666;
    text-align:left;
}
table.ordertable tr
{
    background-color:#ddd;
}
table.ordertable tr.odd
{
    background-color:#F0E68C;
}
table.simpletable
{
    font-family: sans;
    font-size: 9pt;
    border-collapse:collapse;
    border-bottom: 1px solid #666;
    background-color:White;
    text-align:left;
}

body{
    font-family: sans;
}
table.simpletable tr td
{
    text-align:left;
    font-family: sans;
}
table.forumtable
{
    font-family: sans;
    font-size: 9pt;
    border-collapse:collapse;
    border-bottom: 3px solid #666;
    border-top: 1px solid #666;
    border-left: 1px solid #666;
    border-right: 1px solid #666;
    background-color:White;
    text-align:left;
}
table.forumtable tr td
{
    text-align:left;
    border-top: 1px solid #666;
}
.odd
{
    font-family: sans;
    font-size: 9pt;
    text-align:right;
    font-weight:bold;
}
.even
{
    font-family: sans;
    font-size: 9pt;
    text-align:left;
    font-weight:bold;
}
.oddColor
{
    background-color:#AFEEEE;
    font-family: sans;
    font-size: 9pt;
}
.evenColor
{
    background-color:white;
    font-family: sans;
    font-size: 9pt;
}
.clear { clear:  both; }
table.ForumTable
{
    font-family: sans;
    font-size: 9pt;
    border-collapse:collapse;
    background-color:White;
    text-align:left;
    border-bottom: 3px solid #666;
}
.authorImage{
    float:left;
    padding-right:0px;
    margin-bottom: 0em;
    margin-left: 10px;
    margin-top: -25px;
    background-color:#E0FFFF;
    border-left:solid #9932CC 2px;
    border-top:solid #9932CC 2px;
    border-bottom:solid #9932CC 2px;
    border-right:solid #9932CC 2px;
    background: url(../IONimages/shadow.jpg) no-repeat bottom right;
}
.spacer_one{
    float:left;
    padding-right:15px;
    margin-bottom: .25em;
}
.spacer_two{
    margin-top:-2em;
    float:left;
    padding-right:15px;
    margin-left:3em;
}
#authorBox{
    float:left;
    background-color:#F5FFFA;
    text-align:left;
    border-top:solid #D3D3D3 1px;
    border-bottom:solid #D3D3D3 1px;
    margin-top:1em;
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    margin-left: 20px;
    width: 650px;
    color:black;
    font-weight:normal;
    font-size:10pt;
}
.person{
    font-weight:bold;
    font-size:9pt;
    margin-top:.5em;
}
.rightJust{
    float:right;
    text-align:left;

}
#subjectBox{
    float:left;
    margin-top:.5em;
    margin-bottom:1em;
    margin-left:.5em;
    float:left;
    font-weight:bold;
    font-family:sans-serif;
    color:navy;
    text-align:center;
    font-size:12pt;
}
.replyImage{
    float:right;
    margin: 20px 40px 0px 0px;
    background: url(../IONimages/shadow.jpg) no-repeat bottom right;
    line-height:0;
}

.profileImage{
    float:right;
    margin-right:3em;
    border:solid #9932CC 2px;
    margin-top:5em;
}
#formSpot{
    float:left;
    text-align:center;
}
.image{
    float:right;
    margin-top:2em;
    margin-left:-15em;
}
.image_left{
    float:left;
    position:relative;
    top:1px;
    left:44px;
}
#questions{
    text-align:left;
    float:left;
    width:150px;
    line-height:22.5pt;
    font-weight:normal;
    font-family:sans-serif;
    color:purple;
    font-size:10pt;
    padding-left:1.5em;
    vertical-align:middle;
}
#answers{
    float:left;
    margin-left:5px;
    width:400px;
    line-height:22.5pt;
}

#space{
    line-height:26pt;
}

#user_questions{
    text-align:left;
    float:left;
    width:150px;
    line-height:16pt;
    font-weight:normal;
    font-family:sans-serif;
    color:purple;
    font-size:10pt;
    padding-left:1.5em;
}
#user_answers{
    float:left;
    margin-left:5px;
    width:450px;
}
#formArea{
    float:left;
    width:600px;
    border:solid black 1px;
    margin-top:1em;
    margin-left:1em;
}
.checkbox_effect{
    margin-top:.8em;
    margin-bottom:.8em;
}

.textfield_effect {
    border-width: 1px;
    border-style: solid;
    background-color:#EEEEEE;
    border-color: #999999;
    background-repeat: repeat-x;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    color: #333333;
    margin-top:3.4pt;
    margin-bottom:3.4pt;
}


.divider_effect {
    border-width: 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12pt;
    color: Green;
    font-weight:bold;
    margin-bottom:5.2pt;
}

.dropdown_effect {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    color: #333333;
    margin-top:3.4pt;
    margin-bottom:3.4pt;
}

.button_effect {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    color: #333333;
    margin-bottom:.5em;
    text-align:right;
    margin-right:1.5em;
}

.file_effect {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    color: #333333;
    margin-bottom:5.2pt;
}
.area_effect{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9pt;
}
.radio_effect {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    margin-top:3.4pt;
    margin-bottom:3.4pt;
}

.img-wrapper{
    float:left;
    margin: 10px 20px 10px 10px;
    background: url(../IONimages/shadow.jpg) no-repeat bottom right;
    line-height:0;
}

.img-wrapper img{
    float:none;
    margin:0;
    background:#fff;
    padding:4px;
    border:1px solid #C5BDBD;
    position:relative;
    left:-5px;
    top:-5px;
}
.replyImage img{
    float:none;
    margin:0;
    background:#fff;
    padding:4px;
    border:1px solid #C5BDBD;
    position:relative;
    left:-3px;
    top:-3px;
}
.comment{
    float:right;
    margin-right:.25em;
    margin-bottom:.25em;
    position:relative;
}
#inventory_cat{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12pt;
    font-weight:bold;
    float:left;
    width:25%;
    overflow:hidden;
    height:auto;
}
#inventory{
    text-align: left;
    margin: 0px auto;
    margin-top:.5em;
    padding: 5px;
    width: 620px;
    overflow:auto;
    border-bottom:1px solid black;
}
#inventory_items{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12pt;
    font-weight:bold;
    float:left;
    vertical-align:top;
    width:200px;
    padding-left: 3em;
}
#inventory_counts{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9pt;
    font-weight:bold;
    float: right;
    vertical-align:top;
    text-align:right;
    width:200px;
    padding: 5px;
}

.table_question{
    text-align:left;
    float:left;
    width:150px;
    line-height:22pt;
    font-weight:normal;
    font-family:sans-serif;
    color:purple;
    font-size:10pt;
    padding-left:1.5em;
}
/* set the image to use and establish the lower-right position */ .cssbox, .cssbox_body, .cssbox_head, .cssbox_head h2{ background: transparent url(../IONimages/borders/img.png) no-repeat bottom right} .cssbox{ /* intended total box width - padding-right(next) */ width:335px !important; /* IE Win = width - padding */ width: 320px; /* the gap on the right edge of the image (not content padding) */ padding-right:15px; /* use to position the box */ margin:20px auto} /* set the top-right image */ .cssbox_head{background-position:top right; /* pull the right image over on top of border */ margin-right:-15px; /* right-image-gap + right-inside padding */ padding-right:40px} /* set the top-left image */ .cssbox_head h2{ background-position:top left; margin:0; /* reset main site styles*/ border:0; /* ditto */ /* padding-left = image gap + interior padding ... no padding-right */ padding:25px 0 15px 40px; height:auto !important; height:1%} /* IE Holly Hack */ /* set the lower-left corner image */ .cssbox_body{ background-position:bottom left; margin-right:25px; /* interior-padding right */ padding:15px 0 15px 40px} /* mirror .cssbox_head right/left */

#shadow {
    margin:auto;
    position:relative;	/* This fixes the IE7 overflow hidden bug */
    width:1200px;			/* width of whole page */
    overflow:hidden;		/* This chops off any overhanging divs */
    background: url(../IONimages/backgrounds/main_shadow.png) repeat-y top center;
}
.colmask {
    margin:auto;
    position:relative;	/* This fixes the IE7 overflow hidden bug */
    width:1100px;			/* width of whole page */
    overflow:hidden;		/* This chops off any overhanging divs */
    border:solid #b421de 2px;
}
/* common column settings */
.colright
{
    float:left;
    width:100%;			/* width of page */
    position:relative;
    border-left:1px solid black;
}
.colmid
{
    float:left;
    width:100%;			/* width of page */
    position:relative;
    border-right:1px solid black;
}
.colleft {
    float:left;
    width:100%;			/* width of page */
    position:relative;
    /*        border-right:2px solid black; */
    border-right:1px solid black;
}
.col1,
.col3 {
    float:left;
    position:relative;
    padding:0 0 1em 0;	/* no left and right padding on columns, we just make them narrower instead
						only padding top and bottom is included here, make it whatever value you need */
    overflow:hidden;
}
.col2{
    float:left;
    position:relative;
    padding:0 0 1em 0;	/* no left and right padding on columns, we just make them narrower instead
						only padding top and bottom is included here, make it whatever value you need */
    overflow:hidden;
}
/* 3 Column settings */
.threecol {
    background-color:#e3f5fd;		/* right column background colour */
}
.threecol .colmid {
    right:18%;			/* width of the right column */
    background-color:white;		/* center column background colour */
}
.threecol .colleft {
    right:64.3%;			/* width of the middle column */
    background-color:#e3f5fd; /* left column background colour */

}
.threecol .col1 {
    width:64.2%;			/* width of center column content (column width minus padding on either side) */
    left:100.1%;			/* 100% plus left padding of center column */
    /* border:2px solid black; */
}
.threecol .col2 {
    width:16%;			/* Width of left column content (column width minus padding on either side) */
    left:18%;   /* width of (right column) plus (center column left and right padding) plus (left column left padding) */
    padding-left:1em;
    padding-top:1.5em;
    font-size:9pt;
    font-weight:bold;
}
.threecol .col3 {
    width:17%;			/* Width of right column content (column width minus padding on either side) */
    left:85%;			/* Please make note of the brackets here:
						(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
    padding-top:1.5em;
    font-size:9pt;
    font-weight:bold;

}
#hole{
    width:1210px;
    margin:auto;
}

#RFQformArea{
    float:left;
    width:672px;
    border:solid black 1px;
    margin-top:1em;
    margin-left:1em;
    line-height:22pt;
}

#RFQquestions{
    text-align:left;
    float:left;
    width:170px;
    line-height:23pt;
    font-weight:normal;
    font-family:sans-serif;
    color:purple;
    font-size:10pt;
    padding-left:1.5em;
    vertical-align:baseline;
}

#RFQanswers{
    float:left;
    margin-left:5px;
    width:470px;
    line-height:22pt;
}


table.cssTable{
    margin-left:2em;
    margin-right:1em;
    font-weight:normal;
    font-size:10pt;
    font-family:sans-serif;
}

table.cssTable tr.d0 td{
    height:2em;
}

.firstCell{
    color:purple;
    width:150px;
}
.secondCell{
    padding-left:1em;
}

table.ruledTable{
    font-weight:normal;
    font-size:9pt;
    font-family:sans-serif;
    width:100%;
    padding:2px;
    background-color:#F5F5DC;
}

/*
    Highlight Table Rows
*/

/* jquery Live Link*/
.jqLink{
    color:Navy;
    font-weight:bold;
    border-bottom:1px solid Navy;
    cursor: pointer;
}

#lr_area{
    width:100%;
    margin-top:.5em;
    float:left;
}
            #left_side{
                float:left;
                margin-left:1em;
                background-color:#FAEBD7;
                width:30%;
                line-height:26pt;
                padding-left:.5em;
                padding-right:.5em;
                border:1px solid black;
                text-align:right;
            }
            
            #right_side{
                position:relative;
                float:left;
                margin-left:.5em;
                background-color:#ADD8E6;
                width:60%;
                line-height:26pt;
                padding-left:.5em;
                 border:1px solid black;
                 text-align:left;
            }