body {
    margin: 0px 0px 0px 0px;
    /*
    EACH APPLICATION CAN OVERRIDE THESE BY 
    PLACING LOCAL STYLE SHEET AFTER THIS ONE
    */
    font-family: arial;
    font-size: 12px;
}

/* PREVENTS EXTRA SPACE BELOW FORM IN IE */
form {
    margin: 0;
    padding: 0;
}

/* GREEN PAGE TITLE */
.firstHeading1 {
    font-family: arial;
    font-size: 18px;
    color: #393;
}

.firstHeading3 {
    font-family: arial;
    font-size: 17px;
    color: #666;
}
.fadeLine {
    background-image: url('http://www.vicorpower.com/secure_website_template/images/fade_line.gif');
    background-position: 100% 85%;
    background-repeat: no-repeat;
}
.fadeLine span {
    background-color: #FFF;
    padding-right: 10px;
}

/* CENTER PAGE CONTENT IN LINE WITH HEADER AND FOOTER */
div.pageContent {
    width: 850px;
    margin-left: auto;
    margin-right: auto;
    font-family: arial;
    font-size: 12px;
    /*border: 1px solid red;*/
}

.bodyText1, .bodyText2 {
    font-family: arial !important;
    font-size: 11px !important;
    line-height: 14px;
    color: #222222;
}

.bodyLink {
    font-family: arial;
    font-size: 11px;
    color: #007cb7;
    font-weight: normal;
}

a.bodyLink {
    text-decoration: none;
}

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

a.video {
    font-family: arial;
    font-size: 11px;
    text-decoration: none;
}
a.video:hover {
    text-decoration: underline;
}

/**/
a:link,
a:visited,
a:active,
a:hover {
    color: #007cb7;
}

/*
a:link {
    color: #007cb7;
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}
*/

a.btnBlue {
    font-family: arial;
    font-size: 10px;
    text-transform: uppercase;
    text-decoration: none;
    color: #ffffff;
    background-color: #007CB7;
    padding: 3px 10px 3px 10px;
    line-height: 22px;
}
a.btnBlueRight {
    padding: 3px 19px 3px 10px;
    background-image: url('http://www.vicorpower.com/secure_website_template/images/btn_arrow_right.gif');
    background-repeat: no-repeat;
    background-position: right;
}
a.btnBlueLeft {
    padding: 3px 10px 3px 19px;
    background-image: url('http://www.vicorpower.com/secure_website_template/images/btn_arrow_left.gif');
    background-repeat: no-repeat;
    background-position: left;
}
a.btnBlue:hover {
    color: #ffffff;
    background-color: #0A5CAF;
}


/*===================================================================
  BEGIN APPLICATION HEADER, ABOVE DROP-DOWN NAVIGATION MENUS
===================================================================*/

/* FROM vicor.css. DID NOT HELP
.tundra .dijitTitlePaneContentOuter {
    float: left !important;
}
*/

/*
.quick-link-ie8 img {
    top: -1px !important;
}
*/

/*===== FOR TOP-MOST SECTION OF HEADER ==============================*/
/*===== ALSO REQUIRES ORIGINAL vicor-dojo.js ========================*/

/* header */
div#header {
    float: none !important;
    width: auto !important;
}
div#header div#header-top {
    background-color: #007CB7;
    border-bottom: 1px solid #FFF;
    height: 10px;
}
div#header div#header-content {
    background-image: url('http://www.vicorpower.com/secure_website_template/images/header_gradient.gif');
    background-repeat: repeat-x;
    height: 92px;
    position: relative;
}
div#header div#header-content-middle {
    width: 850px;
    margin: 0 auto;
    height: inherit;
    position: relative;
}

/* div's container "International Sites" select widget, so the widget go on top */
div#header div#header-content,
div#header div#header-content div#header-content-middle,
div#header div#header-content div#header-content-middle div#quick-links,
div#header div#header-content div#header-content-middle div#quick-links div.internationalDropDownMenuItemWrapper {
    z-index: 1020;
}
div#header div#header-logo a {
    font-size: 14px !important;
    color: #007CB7 !important;
}
div#header div#header-logo img {
    vertical-align: middle;
    margin-right: 16px;
}


/* ADDED div#header TO THESE STYLES BELOW */

div#header div#quick-links {
    position: absolute;
    right: 3px;
    top: 9px;
}
div#header div#quick-links span.quick-link {
    border-left: 1px solid #007CB7;
    padding-left: 10px;
    margin-right: 10px;
    float: left;
    line-height: 14px;/*CONTROLS DIVIDER-LINE HEIGHT BETWEEN LINKS*/
}
div#header div#quick-links span.quick-link img {
    vertical-align: middle;
    position: relative;
    top: 0px;
    left: -1px;
}
div#header div#international-search {
    position: absolute;
    right: 3px;
    top: 40px;
}

/*moved here from vicor.css*/
div#header a.bodyLink {
    color: #007cb7;
    font-weight: normal;
    vertical-align: 4px; /*added this in order to remove template_css.css*/
    text-decoration: none; /*added this in order to remove template_css.css*/

}
div#header a.bodyLink:hover {
    text-decoration: underline;
}


/*===== ADDED WHEN REMOVING OTHER STYLE SHEETS ==============================*/

/* FROM vicor.css .bodyText1, .bodyText2 */
div#header,
div#header a,
div#header div input {
    font-family: arial;
    font-size: 11px;
    line-height: 14px;
    color: #222222;
}

/*added this in order to remove dojo.css
BLOCKED: INTERFERING WITH div.searchMenuContent .textbox IN navigation.css
div#header div input {
    margin: 0px 5px 0px 0px;
    padding: 0;
    color: #666666;
}
*/

/*added this in order to remove dojo.css*/
div#header img {
    border: 0 none;
}

/*===== VICOR INTERNATIONAL DROP-DOWN LIST ==================================*/

/* vicor.widget.InternationalDropDown */
div#header div.internationalDropDownMenuItemWrapper {
    float: left;
    position: relative;
    margin-left: 20px;
}
div#header div.internationalDropDownMenuItem {
    background-repeat: repeat-x;
    text-align: left;
    float: left;
    height:17px;
    line-height:17px;
}
div#header div.internationalDropDownSubMenu {
    width: 99%;
    z-index: 999;
    border: 1px solid #D6D6D6;
    border-top: none !important;
    height: 1px; /* IE is stupid */
    overflow: hidden;
    top: 17px;
    position: absolute;
    left: 0px;
}
div#header div.internationalDropDownSubMenuItem {
    background-color: #FFF;
    padding: 2px 2px 2px 10px;
    cursor: pointer;
}
div#header div.internationalDropDownSubMenuItem a {
    font: normal normal normal 11px arial;
    text-decoration: none;
}

/*===================================================================
  END APPLICATION HEADER, ABOVE DROP-DOWN NAVIGATION MENUS
===================================================================*/

/*=========================================================
  BEGIN APPLICATION HEADER DROP-DOWN NAVIGATION MENUS
=========================================================*/

div#header-nav {
    background-color: #D1D1D1;
    height: 26px;
    border-bottom: 1px solid #FFF;
}
/* div container menu, so the menu go on top  */
div#header-nav,
div#header-nav div.dropDownMenu,
div#header-nav div.dropDownMenu div.dropDownMenuItemWrapper,
div#header-nav div.dropDownMenu div.dropDownMenuItemWrapper div.dropDownSubMenu {
    z-index: 1010;
}


/* vicor.widget.DropDownMenu */
div#header-nav div.dropDownMenu {
    width: 850px;
    margin: 0px auto;
    position: relative;
}
div#header-nav div.dropDownMenuItemWrapper {
    float: left;
    position: relative;
}
div#header-nav div.dropDownMenuItem {
    background-color: #666666;
    width: 211px;
    height: 26px;
    text-align: center;
    float: left;
}
div#header-nav div.dropDownMenuItem a,
div#header-nav div.dropDownSubMenuItem a,
div#header-nav div.dropDownMenuItem span,
div#header-nav div.dropDownSubMenuItem span {
    font-family: Myriad,Helvetica,Tahoma,Arial,clean,sans-serif;
    font-size: 12px;
    color: #FFF;
    text-decoration: none;
    line-height: 26px; /* messes up safari? */
}
div#header-nav div.dropDownMenuItem span,
div#header-nav div.dropDownSubMenuItem span {
    font-weight: bold;
}
div#header-nav div.dropDownSubMenu {
    width: 211px;
    z-index: 999;
    border-top: none !important;
    height: 1px; /* IE is stupid */
    overflow: hidden;
    top: 26px;
    position: absolute;
    left: 0px;
}
div#header-nav div.dropDownSubMenuItem {
    background-color: #4CA3CC;
    padding: 0px 14px;
    border-bottom: 1px solid #007CB7;
}
div#header-nav div.dropDownSubMenuBreak {
    border-bottom: 1px solid #FFF;
}
/* border divs added in template */
div#header-nav div.dropDownMenuBorder {
    border-left: 2px solid #FFF;
    float: left;
    height: 26px;
}
div#header-nav div.dropDownMenuBorder1 {
    display: none;
}

/*=========================================================
  END APPLICATION HEADER DROP-DOWN NAVIGATION MENUS
=========================================================*/

/*=============================================================================
  BEGIN BREADCRUMBS
=============================================================================*/

div#breadcrumbs {
    background-image: url('http://www.vicorpower.com/secure_website_template/images/breadcrumb_gradient.gif');
    background-repeat: repeat-x;
}
div#breadcrumbs div#breadcrumbs-content {
    margin: 0 auto;
    width: 850px;
    padding: 11px 0px 10px 0px;
    position: relative;
    font-family: arial;
    font-size: 10px;
    color: #666666;
}
div#breadcrumbs a {
    color: #007CB7;
    text-decoration: none;
    font-size: 10px;
}
div#breadcrumbs a:hover {
    text-decoration: underline;
}
div#breadcrumbs .divider {
    margin: 0px 5px;
}
div#breadcrumbs div#breadcrumbs-links {
    position: absolute;
    right: 0px;
}
div#breadcrumbs div#breadcrumbs-links span {
    border-left: 1px solid #007CB7;
    padding: 0px 8px 0px 12px;
}
div#breadcrumbs div#breadcrumbs-links span.phone {
    border-left: 0px;
    font-size: 11px;
    color: #999999;
}

/*=============================================================================
  END BREADCRUMBS
=============================================================================*/

/*=========================================================
  BEGIN APPLICATION FOOTER
=========================================================*/

div#footer {
    font-family: arial;
    font-size: 10px;
    padding-top: 10px;
    margin: 0 auto;
    width: 850px;
    float: none;
    border-top: 1px solid #CCC;

/* BLOCKED BECAUSE OF HOW QUALITY SITE WORKS. CHECK OTHER SITES.
    position: relative;
    top: 25px;
*/
    height: 35px;
    /*border: 1px solid red;*/
}

div#footer ul {
    font-size: 10px;
    margin: 0px;
    padding: 0px;
    float: left;
}
div#footer li {
    font-size: 10px;
    display: inline;
    margin: 0px 10px 0px 0px;
}
div#footer-right {
    font-size: 10px;
    float: right;
    margin: 0px 5px 0px 0px;
}
span#footer-made-in-usa {
    margin: 0px 30px 0px 0px;
    font-size: 10px;
    color: #666;
}
span#footer-made-in-usa img {
    margin-right: 11px;
}
div#footer a {
    font-size: 10px;
    color: #007CB7;
    text-decoration: none;
}
div#footer a:hover {
    text-decoration: underline;
}
div#footer .footerLink {
    font-size: 10px;
    border-left: 1px solid #007CB7;
    padding-left: 8px;
}
div#footer .footerLink1 {
    font-size: 10px;
    border-left: none;
    padding-left: 0px;
}

/*=========================================================
  END APPLICATION FOOTER
=========================================================*/

/*=========================================================
  BEGIN GREEN/GRAY NAVIGATION TABS
=========================================================*/

div.tabContainer {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    border-bottom: 5px solid #339933;
    font-family: arial;
}
div.tabContainer table {
    height: 33px;
}
div.tabContainer td {
    border-right: 1px solid #FFFFFF;
    text-align: center;
}
div.tabContainer td.tabOn span {
    padding-left: 20px;
    padding-right: 20px;
}
div.tabContainer td.tabOn {
    background: #339933 url('http://www.vicorpower.com/secure_website_template/images/tab_sel_lft.gif') no-repeat 0px 0px;
    font-size: 13px;
    color: #ffffff;
    cursor: pointer;
}
div.tabContainer td.tabOn br {
    line-height: 10px;
}
div.tabContainer td.tabOn div {
    background: #339933 url('http://www.vicorpower.com/secure_website_template/images/tab_sel_rgt.gif') top right no-repeat;
    width: 5px;
    height: 5px;
    float: right;
}
div.tabContainer td.tabOff {
    font-size: 11px;
    background-color: #EAEAEA;
    border-top: 5px solid #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
    cursor: pointer;
    padding-left: 20px;
    padding-right: 20px;
}

div.tabContainer td.tabOffHilite {
    background-color: #d5eaec;
}

/*=========================================================
  END GREEN/GRAY NAVIGATION TABS
=========================================================*/


/*=========================================================
  BEGIN RIGHT COLUMN SIDEBAR PROVIDING CONTACT INFO.
  ALSO REQUIRES ORIGINAL
  * right-column.css
  * form-fields.css
  * navigation.css
  * dojo.js
  * vicor-dojo.js

UPDATE: AUG 17 2009
REMOVE ALL right-column styles. REPLACED WITH table.exp BELOW.

=========================================================*/

table.exp {
    width: 220px;
}

table.exp td.menuHdr {
    color: #888888;
    text-decoration: none;
    font-family: arial;
    font-size: 11px;
    font-weight: bold;
    background: #d5eaec url('http://www.vicorpower.com/secure_website_template/images/bgExpMenu.gif') no-repeat;
    height: 24px;
    border-bottom: 1px solid #ffffff;
    padding: 0px 0px 0px 3px;
}

table.exp td.menuContents {
    background-color: #F2FAFB;
    padding: 10px 10px 14px 14px;
    font-family: arial;
    font-size: 11px;
    line-height: 14px;
    color: #999999;
    width: 220px;
}

table.exp td.menuContents select {
    font-size: 11px;
    line-height: 14px;
    color: #999999;
}


/* .secondHeading1 available outside div#right-column
div#right-column .secondHeading1 {
    font-family: arial;
    font-weight: bold;
    font-size: 11px;
    color: #666;
}
div#right-column a.secondHeading1:hover {
    color: #007CB7;
}
*/
.secondHeading1 {
    font-family: arial;
    font-weight: bold;
    font-size: 11px;
    color: #444444;
}
a.secondHeading1 {
    text-decoration: none;
    color: #666;
}
a.secondHeading1:hover {
    text-decoration: underline;
    color: #007CB7;
}

/* NEEDED FOR CallMeBack Name/Phone Required VALIDATION MESSAGE */
/*
div#right-column {
    font-family: arial;
    font-size: 12px;
}
div#right-column a {
    text-decoration: none;
}
div#right-column a:hover {
    text-decoration: underline;
}
div#right-column .blueButtonCenter a:hover {
    text-decoration: none;
}
*/

/*
adding div#right-column to .bodyText1 causes Technical Questions
country drop-down text to be too close to top. 
.bodyText1 already specified above.
*/
/*
.bodyText1,
div#right-column .bodyText2 {
    font-family: arial;
    font-size: 11px;
    line-height: 14px;
    color: #999;
}
div#right-column .bodyText2 {
    color: #666;
}
div#right-column .spaceBodyText {
    margin-bottom: 14px;
}
div#right-column .bodyLink {
    font-family: arial;
    font-size: 11px;
    color: #007cb7;
    font-weight: normal;
}

div#right-column .clear {
    clear: both;
}
div#right-column .clearline {
    float: left;
    clear: both;
}
div#right-column .width-parent {
    width: 100%;
}
*/

/*adding div#right-column to one of these .solidFilledicon causes
  submit button in callMeBack pop-up not to be aligned right. */

div.child-width-parent div.solidFilledicon {
    width: 100%;
}
.solidFilledicon {
    float: left;
    clear: both;
}
.solidFilledicon a,
.solidFilledicon img,
.solidFilledicon span {
    float: left;
    vertical-align: middle;
}
.solidFilledicon img {
    margin-bottom: 4px;
    margin-right: 5px;
    *padding-bottom: 4px;
}

/*
div#right-column .contentPadding {
    padding-bottom: 14px;
}
div#right-column .halfContentPadding {
    padding-bottom: 7px;
}
div#right-column div.dottedlines {
    border-bottom: 1px dotted #666;
    width: 100%;
}
*/
/* Puts "Call Me Back" widget country select list on top */
/*
div#right-column div.selectWrapper {
    z-index: 999;
}
*/

/*
div#right-column .dijitTitlePane {
    clear: both;
}
*/

/*=========================================================
  END RIGHT COLUMN SIDEBAR PROVIDING CONTACT INFO
=========================================================*/