/* *************************************************************************
Title : CSS main styles
Author : Designkitchen, Inc.
Description : Common styles for layout and appearance
Created : feb.06.2007 
Modified : 


CSS TOC
=HTML SELECTORS
=LAYOUT
=NAVIGATION
=SECTION SPECIFIC
************************************************************************* */

/* =PAGE CONTENT */
@import url("content.css");


/* *************************************************************************
=HTML SELECTORS
************************************************************************* */
* {
}	
html {
}	
body 
{
    background:#1e2b3a;
    color:#293747;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:76%;
    margin:0;
	padding:0;
}

/* ----- HEADINGS ----- */
h1 {
    color:#fff;
    float:left;
    font-size:1.4em;
    margin:5px 0 0 0;
    height:11px;
    padding:0 8px 57px 31px;
   
}
h1 span
{
    display:none;
}
h1.aboutH1
{
    background:url(../img/headline.about.gif) no-repeat 31px 0;
    /*width:226px;*/
    width:68px;
}
h1.networkBusH1
{
    background:url(../img/headline.networkbus.gif) no-repeat 31px 0;
    width:150px;
}
h1.appH1
{
    background:url(../img/headline.applications.gif) no-repeat 31px 0;
      /*width:226px;*/
    width:147px;
}
h1.capH1
{
    background:url(../img/headline.capabilities.gif) no-repeat 31px 0;
    width:136px
}
h1.featuredH1
{
    background:url(../img/headline.featuredPrd.gif) no-repeat 31px 0;
    width:224px;
}
h1.featuredPowerDisH1{
    background:url(../img/headline.featuredPrd.gif) no-repeat 31px 0;
    padding-bottom:39px;
    width:224px;
}
h1.requestH1
{
    background:url(../img/headline.requestQuote.gif) no-repeat 31px 0;
    width:190px;
    padding:0 8px 41px 31px;
}
h1.searchResults
{
    background:url(../img/headline.searchResults.gif) no-repeat 31px 0;
    width:250px;
    padding:0 8px 41px 31px;
}
h1.designGuideH1
{
    background:url(../img/headline.designGuide.gif) no-repeat 31px 0;
    width:147px;
}

h2{ 

}

h2.headline
{
    font-size:1.4em;
    float:left;
    color:#cdca5e;
    font-weight:normal;
    letter-spacing:.04em;
    margin:0;
    padding:0;
    position:relative;
    vertical-align:middle;
    
    
} 
h2 span 
{
    display:none;
}
.learnMore h2
{
    background:url(../img/headline.learnMore.gif) no-repeat 0 0;
    margin:0;
    height:25px;
    padding:0 0 13px 0;
    width:193px;
    
}
.news h2
{
    background:url(../img/headline.news.gif) no-repeat 0 0;
    margin:0;
    height:25px;
    padding:0 0 11px 0;
    width:193px;
   
    
}

h3 {
   
    margin:0;
    padding:0;
}
h4 
{
    
}
h5 {
}
h6 {
}

/* ----- PARAGRAPHS ----- */
p 
{
    font-size:.85em;
    line-height:1.55;
    word-spacing:.05em;   
}	
/* ----- QUOTES ----- */
blockquote {
}
cite {
}
/* ----- CODE ----- */
pre {
}
code {
}
/* ----- LISTS ----- */
li {
}
ol {
}
ul 
{
    margin:0;
    padding:0;
    list-style:none;
}
ol li {
}
ul li 
{
    margin:0;
    padding:0;
}
/* ----- IMAGES ----- */
img {
	border:0;
	margin:0;
	padding:0;
}
/* ----- TEXT FORMATTING ----- */
strong {
}
em {
}
b {
}
i {
}
ins {
	text-decoration: none;
}
del {
}
/* ----- LINKS ----- */
a {
    color:#5689bd;
    text-decoration:none;
}
a:visited {
}
a:hover 
{
   color:#cdca5e;
}
/* ----- TABLES ----- */
table {
}
caption {
}
thead {
}
tbody {
}
tfoot {
}
tr {
}
th {
}
td {

}
/* ----- FORMS ----- */
form {
	margin:0;
	padding:0;
}
fieldset {
}
legend {
}
label {
}
input, select, textarea {
}
optgroup {
}
option {
}
/* ----- DEFINITIONS ----- */
dl { 
}
dt {
}
dd {
}

/* ----- Horizontal Rule -----*/
hr{
}
.hr{
}

/* ----- ID AND CLASS SELECTORS ----- */
.clear {
	clear:both;
	font-size:1px;
	line-height:1px;
	margin:0px;
	padding:0px;
}
.clearBoth{
	clear:both;
}
.floatLeft{ 
	float:left;
	position:relative;
}
.floatRight{ 
	float:right;
	position:relative;
}


/* *************************************************************************
=LAYOUT
************************************************************************* */


/* --- containers --- */

#container
{
   background:#2a3b4b url(../img/body.bkg.gif) repeat-x 0 0;
   width:100%;
}
#columnWrapper
{
    width:955px;
}
#leftColumn
{
    float:left;
    position:relative;
    width:712px;
}
#rightColumn
{
    float:left;
    padding:61px 0 0 20px;
    position:relative;
    width:223px;
}


/*---- main content ----*/
#mainContentWrapper
{
    background:#1d2b39 url(../img/content.bkg.gradient.gif) no-repeat 0 0;
    padding:27px 0 0 33px;
    position:relative;
    width:679px;
    z-index:0; 
}
#mainContent
{
    clear:both;
    background:#e5e8eb url(../img/content.bkg.white.gif) no-repeat top left;
    padding:0 0 33px 0;
    position:relative;
    width:679px;
    z-index:0;
}
#mainContent table td
{
   padding:0;
   margin:0;
   
}

#mainContent img
{
    border:3px solid #fff;
    display:block;
    margin:0 0 10px 0;
}
#mainContent ul
{
    padding: 0 0 8px 10px;
    position:relative;
}
#mainContent ul li
{
    background:url(../img/bullet.gif) no-repeat 0 .5em;
    font-size:.85em;
    font-weight:bold;
    padding:0 0 7px 10px;
    word-spacing:.05em; 

}
#mainContent ul li a
{
    border-left:1px solid #b6bdc3;
    font-weight:normal;
    padding:0 0 0 10px;
    margin: 0 0 0 10px;

}

#mainContent a:hover,
#mainContent ul li a:hover
{
    color:#293747;
}
.mainContentColumn
{
    float:left;
    padding:0px 0 0 20px;
    position:relative;
    width:309px;
}

.mainContentBlock
{
    padding:18px 0 0 20px;
    position:relative;
    width:638px;
}

.full
{
    float:none;
    padding:30px 20px 0 10px;
    position:relative;
    width:auto;
}

.thanks
{
    float:none;
    padding:30px 20px 0 10px;
    position:relative;
    width:auto;
    min-height:300px;
}

.chineseTrans
{
    font-size:1.1em;
    float:none;
    padding:30px 20px 0 20px;
    position:relative;
    width:auto;
    min-height:300px;

}
.mainContentColumn h2,
.newsArticle h2,
.productsNeeded h2,
.cmsColumnLft h2,
.mainContentBlock h2
{
    background:#293747 url(../img/arrow.right.yellow.gif) no-repeat 10px 50%;
    color:#fff;
    font-size:.9em;
    font-weight:normal;
    margin:8px 0 12px 0;
    padding:3px 0 5px 23px;
    
       
}
.mainContentColumn h3,
.mainContentBlock h3
{
    color:#5f90c1;
    font-size:.9em;
    font-weight:normal;
    padding:0 10px 3px 10px;
       
}
.mainContentColumn p,
.mainContentBlock p
{
    
    padding:0 10px 13px 10px;
    margin:0;
}
/* ----- footer ----- */
    
#footer{
    background:#1e2b3a;
    color:#aabdd1;
    clear:both;
    font-size:.85em;
    height:80px;
    position:static;
    width:100%;
    word-spacing:.05em; 
    z-index:0;
}
#footer ul
{
    padding:15px 0 0 24px;
 
}
#footer ul li
{
    border-left:1px solid #5e6b77;
    float:left;
 
    padding:0 10px;
  
}
#footer ul li a
{
   color:#aabdd1;
   display:block;
}
#footer ul li a:hover
{
    color:#fff;
}
#footer ul li.powerRail
{
    border:none;
}
#footer ul li.powerRail a
{
    color:#fff;
}
#footer ul li.powerRail a:hover
{
    color:#cdca5e;
}
/* ----- header ----- */

#header
{
    background:url(../img/header.main.bkg.gif) no-repeat 0 0;
    height:133px;
    position:relative;
    width:712px;
    z-index:199;    
}
.logo
{
    padding:60px 0 0 34px;
}
.logo a
{
    background:url(../img/logo.mnb.gif) no-repeat 0 0;
    display:block;
    height:21px;
    width:328px;
   
}

.logo a span{display:none;}
/* *************************************************************************
=NAVIGATION
************************************************************************* */


/*------ Global Navigation -----*/
#topNav
{
    right:1px;
    position:absolute;
    top:0;
}
#topNav, #topNav ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
#topNav a {
	display: block;
}

#topNav li {
	float: left;
}
#topNav li ul li
{
    float:none;
}
#topNav li ul {
	position:absolute;
	left:-9999px;
}
#topNav li:hover ul,
#topNav li.sfhover ul,
#topNav li.aboutOn ul,
#topNav li:hover.aboutActive ul
{
    background-position: 0 0;
	left:auto;
}
#topNav ul li.aboutActive a,
#topNav ul li.aboutOn a,
#topNav ul li.about a
{
    background:url(../img/nav.about.gif) no-repeat 0 0;
    display:block;
    height:13px;
    padding:0 0 6px 0;
   /*width:138px;*/
     width:54px;
}

#topNav ul li.about a:hover,
#topNav ul li:hover.about a:hover,
#topNav ul li:hover.aboutOn a:hover,
#topNav ul li:hover.aboutActive a:hover,
#topNav ul li.sfhover a:hover,
#topNav ul li.aboutActive a
{
    background:url(../img/nav.about-o.gif) no-repeat 0 0;
}
#topNav ul li.aboutOn a,
#topNav ul li:hover.about a,
#topNav ul li:hover.aboutOn a,
#topNav ul li:hover.aboutActive a,
#topNav ul li.sfhover a
{
    background:url(../img/nav.about-a.gif) no-repeat 0 0;
}
#topNav ul li.request a
{
    background:url(../img/nav.request.gif) no-repeat 0 0;
    display:block;
    height:13px;
    width:119px;
}
#topNav ul li.request a:hover
{
    background:url(../img/nav.request-o.gif) no-repeat 0 0;
}
#topNav ul li.contact a{
    background:url(../img/nav.contact.gif) no-repeat 0 0;
    display:block;
    height:13px;
    width:96px;
}
#topNav ul li.contact a:hover{
    background:url(../img/nav.contact-o.gif) no-repeat 0 0;
 }
#topNav ul li a span
{
    display:none;
} 

#topNav ul li.about ul li a,
#topNav ul li:hover.about ul li a,
#topNav ul li:hover.aboutOn ul li a,
#topNav ul li:hover.aboutActive ul li a,
#topNav ul li.aboutOn ul li a,
#topNav ul li.aboutActive ul li a    
{
   background:url(../img/bkg.blank.gif) no-repeat 0 .4em;
   color:#fff;
   display:block;
   font-size:.85em;
   height:auto;
   margin:0;
   padding:0 0 3px 8px;
   text-decoration:none;
   word-spacing:.05em;
}
#topNav ul li.about ul li a:hover,
#topNav ul li:hover.about ul li a:hover,
#topNav ul li.aboutActive ul li a:hover,
#topNav ul li:hover.aboutActive ul li a:hover,
#topNav ul li.sfhover ul li a:hover,
#topNav ul li:hover.aboutOn ul li a:hover,
#topNav ul li.aboutOn ul li a:hover,
#topNav ul li.sfhover ul li a:hover,
#topNav ul li.aboutOn ul li.current a,
#topNav ul li:hover.aboutActive ul li.current a:hover,
#topNav ul li:hover.aboutOn ul li.current a:hover,
#topNav ul li.sfhover ul li.current a:hover
{
    background:url(../img/arrow.right.gif) no-repeat 0 .4em;
    color:#cdca5e;
    text-decoration:none;
} 
#topNav ul li:hover.aboutOn ul li.current a,
#topNav ul li.sfhover ul li.current a
 {background:none;}
/*------ Main Navigation -----*/

.tabsNav
{
    
    position:relative;
    z-index:100;
}
.tabsNav ul
{
    margin:0;
    padding:0;
    position:relative;
    z-index:101;
}
.tabsNav li
{
    
}
.tabsNav a 
{
    display:block;
    height:20px;
    position:absolute;
    top:32px;
}
.tabsNav a span
{
    display:none;
}

.tabsNav a.tabCapOff
{
    background:url(../img/tab.capabilities.gif) no-repeat 0 0;
    right:299px;
    width:119px;
    z-index:200;
}
.tabsNav a.tabCapOn
{
    background:url(../img/tab.capabilities-o.gif) no-repeat 0 0;
    right:299px;
    width:119px;
    z-index:204;
}

.tabsNav a:hover.tabCapOff
{
    background:url(../img/tab.capabilities-o.gif) no-repeat 0 0;
    line-height:1;
    width:119px;
    z-index:204;
}
.tabsNav li a.tabFeatureOff,
.tabsNav li a.tabFeatureOn
{
    background:url(../img/tab.featuredProd.gif) no-repeat 0 0;
    right:137px;
    width:162px;
}
.tabsNav li a:hover.tabFeatureOff,
.tabsNav li a.tabFeatureOn,
.tabsNav li.sfhover a.tabFeatureOff,
.tabsNav li:hover a.tabFeatureOff
{
    background:url(../img/tab.featuredProd-o.gif) no-repeat 0 0;
    width:170px;
    z-index:202;
}
.tabsNav a.tabDesignOff
{
    background:url(../img/tab.designGuide.gif) no-repeat 0 0;
    right:20px;
    width:117px;
    z-index:201;
}
.tabsNav a.tabDesignOn
{
    background:url(../img/tab.designGuide-o.gif) no-repeat 0 0;
    right:20px;
    width:125px;
    z-index:200;
}
.tabsNav a:hover.tabDesignOff
{
    background:url(../img/tab.designGuide-o.gif) no-repeat 0 0;
    width:125px;
    z-index:200;
}
ul.tabFeatureUl{
    width:200px;
}
.tabsNav li ul 
{
    background:#293747;
    border-top:1px solid #4d637b;
	left:-9999px;
	margin:0;
    padding:0;
    position:absolute;
    top:52px;
    text-align:right;
    width:200px;
    z-index:100;
}

.tabsNav li:hover ul, .tabsNav li.sfhover ul 
{
    background-position: 0 0;
    left:375px;
}
.tabsNav li ul li
{
    margin:0;
    padding:4px 21px 0 20px;
     
 }
 .tabsNav li ul li.tabFeatureUl_last
{

    padding:3px 21px 11px 0px;
}
.tabsNav li ul li a
{
    color:#fff;
    display:inline;
    font-size:.85em;
    position:static;
    word-spacing:.05em;
}
.tabsNav li ul li a:hover
{
    color:#cdca5e;
}
/*------ Skip Navigation (section 508 sites) -----*/

.skipNav{
	display:none;
}


/* *************************************************************************
=SECTION SPECIFIC
************************************************************************* */

/*---- Chinese Link ----*/

.chineseLink
{
    left:20px;
    margin:0;
    padding:0;
    position:absolute;
    top:0px;
}
.chineseLink a
{
    display:inline;
}



/*---- download PDF ----*/
.downloadPDF
{
    background:#3e4f61 url(../img/relatedDocs.bkg.top.gif) no-repeat top right;
    padding:14px 0 0 0;
    position:relative;
    margin:40px 0 0 -20px;
    width:233px;
}
.downloadPDFContent
{
    background:#3e4f61 url(../img/relatedDocs.bkg.bot.gif) no-repeat bottom right;
    padding:0 10px 11px 20px;
    width:203px;
}
.downloadPDFContent h2
{
    
    font-size:.85em;
    height:9px;
    margin:0;
    padding:0 0 10px 0;
    word-spacing:.05em;
    
}
.downloadPDFContent h2.relatedDocsH2
{
     background:url(../img/headline.relatedDocs.gif) no-repeat 0 0;
     width:154px;
     
}
.downloadPDFContent h2.printBrochH2
{    
    background:url(../img/headline.printBrochure.gif) no-repeat 0 0;
    width:166px;
}
.downloadPDFContent h3
{
    color:#fff;
    font-size:.85em;
    font-weight:normal;
    padding:0;
    margin:0;
    word-spacing:.05em;
}
.downloadPDFContent a strong
{
    display:block;
    color:#fff;
}
.downloadPDFContent a:hover strong
{
    color:#cdca5e;
}
.downloadPDFContent p
{
    color:#e5e8eb;
    line-height:1.35em;
    padding:0 0 10px 0;
    margin:0;
}
.downloadPDFContent a
{
    color:#aabdd1;
}
.downloadPDFContent a:hover
{
    color:#cdca5e;
}

/*---- Flash Detect  ----*/
.flashDetect
{
    background:url(../img/content.bkg.gradient.gif) no-repeat 0 0; 
    color:#e5e8eb; 
    clear:both;
    height:210px; 
    padding:0 0 0 60px; 
    }
 .flashDetectHome
{
    background:url(../img/content.bkg.gradient.gif) no-repeat 0 0; 
    color:#e5e8eb;
    clear:both; 
    height:207px; 
    padding:40px 0 0 60px; 
    }
/*---- Learn More  ----*/
.learnMore
{
    padding:51px 0 15px 0;
}
.learnMore ul
{
    
}

.learnMore li
{
    border-left:4px solid #cdca5e;
    margin:0 0 7px 0;
    padding:0 0 0 4px;
    position:relative;
    width:176px;
  
}
.learnMore li.industryApps
{
    z-index:100;
}
.learnMore li a
{   
    background:#1e2c3a url(../img/arrow.down.gif) no-repeat 169px 4px;
    color:#fff;
    display:block;
    font-size:.85em;
    padding:5px;
    position:relative;
    width:176px;    
    word-spacing:.05em;
}
.learnMore li a:hover
{
    /*color:#cdca5e;*/
    color:#fff;
}
.learnMore li ul li a:hover
{
    color:#cdca5e;
}
.learnMore li ul li
{
    border:none;
    margin:0;
    padding:0;
    position:static;
        
}
.learnMore li ul li a
{
    background-image:none;
}
.learnMore ul li ul
{
    
    background:#1e2c3a;
    padding:0 0 2px 0;
    position:absolute;
    top:20px;
    left:-99999px;
    width:186px;
   
}
.learnMore ul li:hover ul, .learnMore ul li.sfhover ul
{
   background-position: 0 0;
   left:4px;
}


/*---- News ----*/

.news 
{
   
}
.news h3
{
    color:#fff;
    font-size:.85em;
    font-weight:normal;
    padding:0 0 3px 0;
    word-spacing:.05em;
}
.news p
{
    border-bottom:1px solid #6b7782;
    color:#aabdd1;
    line-height:1.35em;
    margin:0 0 9px 0;
    padding:0 0 10px 0;
    width:193px;    
}
.news a 
{
    color:#cdca5e;
}

.news a:hover
{
   color:#fff;
}


/*---- Search ----*/

div.search
{
  border-left:4px solid #aabdd1;
  padding:0 0 0 4px;   
  height:20px;
  position:relative;
}
.search input
  {
   background-color:#fff;
   border:1px solid #fff;
   font-size:11px;
   height:16px;
   margin:0;
   padding:2px 0 0 4px;
   position:absolute;
   top:0;
   width:158px;
   
  }
.search a#btnSearch
{
    background:url(../img/btn.arrow.right.gif) no-repeat 4px 0;
    left:172px;
    height:19px;
	margin:0;
	padding:2px 0 0 4px;
	position:absolute;
	top:0;
    width:23px;
    
}


.search a#btnSearch span
{
	display:none;
}