/********************************************************
                GLOBAL VARIABLES
********************************************************/
body{
    background: url(/images/layout/body-gbg.gif) repeat;
    font-family: arial, helvetica, sans-serif;
    }


/********************************************************
                CONTAINER
********************************************************/
#container{
    margin: 15px auto;
    width: 761px;
    background: #FFF;
    font-famiy: Arial, Helvetica, Sans-Serif;
    background: url(/images/layout/container-bg.gif) repeat-y; 
    position: relative;
    }


/********************************************************
                BANNER
********************************************************/
#banner{
    clear: both;
    font-size: 12px;
    }

/********* BANNER NAVIGATION *********/
.bannernavigation{
    font-famiy: Verdana;
    background: url(/images/layout/bannernav-bg.gif) repeat-x;
    display: block;
    height: 17px;
    font-size: 11px;
    text-transform: uppercase;
    font-weight: bold;
    border-bottom: solid 3px #f2992e;
    }

.bannernavigation a{
    display: block;
    float: left;
    padding: 2px 10px 0 10px;
    text-decoration: none;
    color: #425b9e;
    border-right: solid 1px #a2a5a7;
    border-left: solid 1px #b1b4b5;
/*    height: 15px;*/
    }

.bannernavigation a:hover{
    text-decoration: underline;
    }

#banner_current{
    background: #f2992e;
    color: #FFF;
    }

.bannernavigation a.contactus{
    border-right: 2px;
    }

/********* SEARCH FORM *********/
form.GoogleForm{
    display: block;
    position: absolute;
    top: 86px;
    right: 10px;
    }

form.GoogleForm input{
    font-size: 8px;
    width: 125px;
    }

form.GoogleForm img{
    position: relative;
    top: 4px;
    left: 2px;
    }

/********************************************************
                LEFT
********************************************************/
#left{ 
    width: 150px;
    float: left;
    font-size: 11px;
    }

.submenu{
    display: block;
    background: #9BB3CB;
    }

#left .submenu a{
    background: url(/images/bullet_dark_blue.gif) no-repeat 10px 50%;
/*    padding-left: 20px;*/
    padding: 2px 10px 2px 20px;
    }

.registration_registration_frame{
    font-size:12px;
    }

iframe {
    overflow: hidden;
    width: 150px;
    }

/********* LEFT BUCKET HEADER *********/
.left_hdr{
    font-weight: bold;
    padding: 2px 10px 0 5px;
    height: 18px;
    color: #FFF;
    font-size: 13px;
    display: block;
    border-bottom: solid 1px #FFF;
    background: #23408f;
    }

.left_hdr a{
    color: #FFF;
    text-decoration: none;
    }

.hardware, .software{
    background: #23408f;
    background-image: none;
    }

/********* LEFT NAV LINKS *********/
.left_links{
    display: block;  
    background: #ccdcee;
    }

.left_links a{
    display: block;
    color: #3a5298;
    text-decoration: none;
/*    padding: 5px 0 5px 15px;*/
    padding: 2px 10px 2px 20px;
    border-bottom: solid 1px #FFF;
    }

.left_links a:hover{
    background: #9BB3CB;
    }

.sb_div,
.div_links,
.support_links,
.overview_links,
.company_links,
.analytics_links,
.industry_links,
.product_links,
.submenu{
    display: none;
    }

.left_links #left_current, .submenu #left_current{
    background: url(/images/layout/left-active.gif) right no-repeat #9bb3cb;
    }

#left .submenu a#left_current{
    background: url(/images/layout/left-active.gif) right no-repeat #9bb3cb;
    }


/********************************************************
                MAIN
********************************************************/
#main{
    width: 424px;
    margin: 20px 10px;
    float: left;
    padding-bottom: 25px;
    font-famiy: Arial, Helvetica, Sans-Serif;
    font-size:1.0em;
    }

.main_inner{
    display: block;
    }

.UAsafari .main_inner{
    float: right;
    }

.img_hdr{
    display: block;
    padding: 10px 5px 0 5px;
    }

.img_hdr object{
    position: relative;
    top: 10px;
    left: 10px;
    }

/********* BREADCRUMBS *********/
.breadcrumbs{
    padding: 5px 0;
    display: block;
    font-size: 11px;
    }


/********* MAIN NAV LINKS *********/
.main_links{
    display: block;
    padding: 10px;
    }

.main_links a{
    background: url(/images/bullet_gray_dark.gif) no-repeat 0 50%;
    padding-left: 10px;
    margin-bottom: 5px;
    display: block;    
    color: #0000FF;
    }

.main_links a:hover{
    color: #CB3738;
    }

#maincontent{
    color: #6f7071;
    }



/********************************************************
                RIGHT
********************************************************/
#right{
    float: right;
    clear: right;
    width: 166px;
    font-size: 11px;
    margin-top: 27px;
    }

#right h2{
    font-size: 12px;
    margin: 0;
    padding: 0;
    color: #23408F;
    }

#right h2 a{
    color: #23408F;
    }

#right ul{
    margin: 0 0 0 15px;
    padding: 0;
    list-style-type: square;
    color: #23408F;
    }

#right li{
    margin: 0; 
    padding: 0;
    }

/********* RIGHT BUCKET HEADER *********/
.right_hdr{
    height: 33px;
    width: 160px;
    background: url(/images/header_bg_sub.gif) no-repeat;
    padding: 22px 0 0 15px;
    display: block;
    font-weight: bold;
    }

.right_hdr a{
    color: #000;
    }

.right_bucket{
    display: block;
    width: 137px;
    height: 111px;
    background: url(/images/layout/right-bucket3.gif) no-repeat;
    padding: 15px 10px 0 10px;
    margin: 0 0 20px 0;
    }

.bucket_inner {
    background: url("/images/layout/peachMiddle.gif") repeat-y;
    display: block;
    padding: 0 30px 0 20px;
    }

.bucket_inner_blue {
    background: url("/images/layout/blueMiddle.jpg") repeat-y; 
    color: #fff;
    display: block;
    padding: 0 25px 0 20px;
    }

.bucket_inner_blue a {
    color: #fff;
}

#right .bucket_inner_blue ul, #right .bucket_inner_blue li {
    color: #fff;
}


font.cmx-RightBucketHeader2 {
    color: #fff;
    font-size: 11px; 
    font-weight: bold;
    margin: 0 0 5px 0;
    position: relative;
    top: -10px;
    }

font.cmx-RightBucketHeader2 a {
    color: #fff;
    }

.learnmore2 {
    color: #FFF;
    display: block;
    text-align: right;
    padding: 0 35px 0 0;
    background: url(/images/layout/learn-more2.gif) 135px 50% no-repeat;
    position: relative;
    top: -20px;
    }

.learnmore2 a {
    color: #FFF;
    }

font.cmx-RightBucketHeader {
    color: #23408F;
    font-size: 11px; 
    font-weight: bold;
    margin: 0 0 5px 0;
    position: relative;
    top: -10px;
    }

font.cmx-RightBucketHeader a {
    color: #23408F;
    }

.learnmore{
    display: block;
    text-align: right;
    padding: 0 35px 0 0;
    background: url(/images/layout/learn-more.gif) 135px 50% no-repeat;
    position: relative;
    top: -20px;
    }

.printableversion{
    display: block;
    background: url(/images/layout/printable.gif) no-repeat 50px 50%;
    text-align: right;
    margin: 0 20px 25px 0;
    }

.requestquote{
    display: block;
    background: url(/images/layout/request-quote.gif) no-repeat 50px 50%;
    text-align: right;
    margin: 0 20px 0 0;
    }



/********************************************************
                FOOTER
********************************************************/
#footer{
    clear: both;
    width: 761px;
    font-size: 12px;
    color: #f79929;
    text-align: center;
    line-height: 150%;
    background: url(/images/layout/footer-bottom.gif) no-repeat bottom #23408f;
    border-top: solid 2px #FFF;
    }

#footer .inner{
    display: block;
    border-top: solid 5px #f79929;
    padding: 10px 0;
    }

#footer a{
    color: #FFF;
    text-decoration: none;
    }


#footer a:hover{
    text-decoration: underline;
    }



/********************************************************
                MISC
********************************************************/
.more{
    display: block;
    float: right;
    clear: right;
    background: url(/images/arrow_red_right3.gif) no-repeat 0 50%;
    padding-left: 10px;
    margin: 10px 0;
    }

.more a{
    color: #0000FF;
    }

.topmargin{
    margin: 10px 0 0 0;
    }

.bottommargin{
    margin: 0 0 10px 0;
    }

h1{
    font-size: 18px;
    font-weight: bold;
    padding: 0;
    margin: 5px 0;
    color: #23408F;
    } 

h2{
    font-size: 17px;
    font-weight: bold;
    }

h3{
    font-size: 15px;
    font-weight: bold;
    }

.img_left{
    float: left;
    padding: 2px;
    background: #CB3738;
    margin: 5px;
    }

.img_right{
    float: right;
    padding: 2px;
    background: #CB3738;
    margin: 5px;
    }

/************** SPECS TABLE **************/
table.specs{
    border-collapse: collapse;
    font-size: 10px;
        }

table.specs td{
    border: solid 1px #000;
    padding: 2px 3px;
    }

table.specs .row1{
    background: #D6D6D6;
    text-align: center;
    font-size: 11px;
    font-weight: bold;
    }

table.specs .col3{
    width: 80px;
}

table.specs .col4{
    width: 65px;
}

#showimage{
    border: 5px solid #848D92;
    background: #CC1A1A;
    z-index: 50;
    color: #FFF;
    font-weight: bold;
    font-size: 14px;
    }

.img_gallery{
    display: block;
    clear: both;
    text-align: center;
    width: 100%;
    margin: 0 auto;
    }

.img_gallery img{
    padding: 2px;
    }

.img_gallery a{
    margin: 5px 5px;
    }

.img_gallery a:hover{
    background: #CB3738;
    }

.photo_gallery{
    display: block;
    clear: both;
    text-align: center;
    width: 100%;
    margin: 15px auto;
    }

.photo_gallery img{
    padding: 2px;
    }

.photo_gallery a{
    margin: 6px;
    }

.photo_gallery a:hover{
    background: #CB3738;
    }


.nav_bullets{
    display: block;
    padding: 5px;
    background: #F5F5F5;
    border: 1px solid #848D92;
    text-align: center;
    }

.nav_bullets a{
    color: #0000FF;
    }

.mainnavigation{
    padding: 5px;
    background: #F5F5F5;
    border: 1px solid #848D92;
    text-align: center;
    }

.mainnavigation a{
    color: #0000FF;
    }

#main_ {
    color: #CB3738;
    text-decoration: none;
    }

/*.nav_bullets ul{
    display: block;
    margin: 0;
    padding: 5px 5px 5px 20px;
    background: #F5F5F5;
    border: 1px solid #848D92;
    }

.nav_bullets a{
    color: #0000FF;
    }*/

/**** List Styles ****/
ul.cmx-download{
    padding: 0;
    margin: 0 0 0 15px;
    font-size: 0.9em;
    }


li.cmx-word{
    list-style: none;
    background: url(/images/icon_word.gif) no-repeat 0 50%;
    padding-left: 20px;
    margin-bottom: 5px;
    }

li.cmx-excel{
    list-style: none;
    background: url(/images/icon_excel.gif) no-repeat 0 50%;
    padding-left: 20px;
    margin-bottom: 5px;
    }

li.cmx-pdf{
    list-style: none;
    background: url(/images/icon_pdf.gif) no-repeat 0 50%;
    padding-left: 20px;
    margin-bottom: 5px;
    }

li.cmx-pp{
    list-style: none;
    background: url(/images/icon_pp.gif) no-repeat 0 50%;
    padding-left: 20px;
    margin-bottom: 5px;
    }

li.cmx-zip{
    list-style: none;
    background: url(/images/icon_zip.gif) no-repeat 0 50%;
    padding-left: 20px;
    margin-bottom: 5px;
    }

li.cmx-image{
    list-style: none;
    background: url(/images/icon_image.gif) no-repeat 0 50%;
    padding-left: 20px;
    margin-bottom: 5px;
    }


ol.cmx-Alpha{
    list-style-type: upper-alpha;
    }

table.oem{
    border-collapse: collapse;
    }

table.oem td{
    border: solid 1px #000;
    padding: 3px;
    }

table.oem tr.hdr{
    background: gray;
    }

table.oem tr.hdr td{
    font-weight: bold;
    color: #FFF;
    }

ul.cmx-sitemap{
    list-style-position: inside;
    margin: 0;
    padding: 0;
    }

ul.cmx-sitemap li ul{
    list-style-type: disc;
    }
    
ul.cmx-sitemap li{
    margin: 5px 0;
    }
    
li.cmx-parent{
    display: block;
    color: #000;
                    padding: 3px;
    font-weight: bold;
    font-size: 1.2em;
    margin: 10px 0;
    background: #E5E5E5;
    list-style-type: none;
    }
    
ul.cmx-sitemap li ul li{
    }
    
ul.cmx-sitemap a.folder{
    background: url(/images/folder.gif) 0 50% no-repeat;
    padding-left: 20px;
    display: block;
    }

.Blue h3, .Blue h2, font.cmx-Blue{
    color: #23408F;
    }

.Black h3, .Black h2, font.cmx-Black{
    color: #000;
    }

font.cmx-Blue{
    }

font.cmx-Black{
    }

font.cmx-Gray{
    color: #bcbec0;
    }

.font.cmx-Orange{
    color: #F2992E;
    }

hr{
    color: #D4D5D7;
    }

.support_icon{
    display: block;
    padding: 15px 0;
    text-align: center;
    margin: 0;
    }

#footer .copyrightnotice, #footer .copyrightnotice a{
    color: #7facd9;
    font-size: 11px;
    }

a.styledRFQLink:hover {
background:#FFFFFF none repeat scroll 0 0;
color:#23408F;
}

a.styledRFQLink {
background:#FF9933 none repeat scroll 0 0;
border:1px solid #23408F;
color:#FFFFFF;
font-weight:bold;
padding:7px;
text-align:center;
text-decoration:none;
}