@font-face {
    font-family: 'DINBold';
    src: url('../inc/webfonts/din-bold-webfont.eot');
    src: url('../inc/webfonts/din-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../inc/webfonts/din-bold-webfont.woff') format('woff'),
         url('../inc/webfonts/din-bold-webfont.ttf') format('truetype'),
         url('../inc/webfonts/din-bold-webfont.svg#DINBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'DINLight';
    src: url('../inc/webfonts/din-ligh-webfont.eot');
    src: url('../inc/webfonts/din-ligh-webfont.eot?#iefix') format('embedded-opentype'),
         url('../inc/webfonts/din-ligh-webfont.woff') format('woff'),
         url('../inc/webfonts/din-ligh-webfont.ttf') format('truetype'),
         url('../inc/webfonts/din-ligh-webfont.svg#DINLight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'DINMedium';
    src: url('../inc/webfonts/din-medi-webfont.eot');
    src: url('../inc/webfonts/din-medi-webfont.eot?#iefix') format('embedded-opentype'),
         url('../inc/webfonts/din-medi-webfont.woff') format('woff'),
         url('../inc/webfonts/din-medi-webfont.ttf') format('truetype'),
         url('../inc/webfonts/din-medi-webfont.svg#DINMedium') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'DINRegular';
    src: url('../inc/webfonts/din-regu-webfont.eot');
    src: url('../inc/webfonts/din-regu-webfont.eot?#iefix') format('embedded-opentype'),
         url('../inc/webfonts/din-regu-webfont.woff') format('woff'),
         url('../inc/webfonts/din-regu-webfont.ttf') format('truetype'),
         url('../inc/webfonts/din-regu-webfont.svg#DINRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* css reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;
}
body {line-height: 1;}
ol, ul {list-style: none;}
table {border-collapse: collapse; border-spacing: 0;}
td, th {text-align: left; vertical-align: top}

html, body {height: 100%;}
body {background: #fff; color: #333; font: 80% helvetica, sans-serif; min-width: 990px;}
#parametric {background-image: url(../img/bg2.jpg);}
#sloc {background: #fff; color: #333; font: 80% helvetica, sans-serif; min-width: 1000px;}
#interchangevideos {background: #fff; color: #333; font: 80% helvetica, sans-serif; min-width: 1000px;}
#popover {background: #fff; min-width: 1px;}

/*
colors

*/

/* global content styles */

a {color: #2b84de; text-decoration: none;}
a:visited {color: #5d84ac;}
a:hover {color: #990000;}

.hilight {background-color: yellow !important;}

h1, h2, h3, h4 {font-family: 'DINMedium'; font-weight: normal; line-height: 1.2;}
h1 {font-size: 220%; color: #990000; line-height: .8; margin: 0 0 20px;}
h1 span {color: #000; font-size: 60%;}
h2, h3 {font-family: 'DINBold'; font-size: 100%; margin: 1.6em 0 .6em;}
#popover h2 {font-family: 'DINMedium'; font-size: 140%; margin-top: 0;}
#products h2, #applications h2 {text-transform: uppercase; letter-spacing: 0.1em;}
p {margin: 0 0 1em;}
hr {border: 1px solid #ddd; border-width: 1px 0 0; margin: 1em 0; height: 1px; clear: both;}
sub, .sub {font-size: 75%; line-height: 1;}
.help {cursor: help;}
.note {color: #777; font-size: 75%;}
.gray {color: #777;}
.smaller {font-size: 80%;}
.small {font-size: 90%;}
.large {font-size: 110%;}
.larger {font-size: 120%; font-weight: bold;}
.allcaps {text-transform: uppercase;}
.red {color: #990000;}
h2.larger {font-weight: normal;}
h2 em {font-family: 'DINRegular'; color: #666;}
b, strong, .bold {font-weight: bold;}
em, i, .italic {font-style: italic;}
.status {color: #990000; font-weight: bold; font-size: 90%;}

form fieldset {margin-bottom: 2em; padding: .8em 0 0}
form div {overflow: auto; margin: 0 0 4px;}
legend {font-family: 'DINMedium'; font-size: 140%;}
label.x-form-cb-label-hidden {padding: 0px; text-align: left;}
label {text-align: right; width: 140px; float: left; padding: 6px 8px 0;}
select {font-family: helvetica, sans-serif; font-size: 100%; padding: 2px 3px;}
input.text, input.password, textarea {border: 1px solid #ccc; padding: 2px 3px; /*background: #fff url(../img/form-text-bg.gif) no-repeat*/; font-family: helvetica, sans-serif; font-size: 110%; width: 240px; float: left; color: #333;}
textarea {width: 460px; height: 160px;}
td input.text {float: none;}
.submit, #search #searchSubmit {height: 24px; background: #990000; cursor: pointer; float: right; font-family: 'DINBold'; font-size: 13px; color: #fff; text-transform: capitalize; letter-spacing: 0.1em; padding: 0 .6em; border: 1px solid #990000;
-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;
-webkit-box-shadow: #999 1px 1px 3px; -moz-box-shadow: #999 1px 1px 3px; box-shadow: #999 1px 1px 3px;}
.button, .smbutton {height: 24px; background: #990000; cursor: pointer; float: right; font-family: 'DINBold'; font-size: 13px; color: #fff; padding: 0 .6em; border: 1px solid #990000;
-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; text-transform: capitalize;
/*-webkit-box-shadow: #999 1px 1px 3px; -moz-box-shadow: #999 1px 1px 3px;*/}
.smbutton {display: inline; float: none; text-transform: capitalize; padding: 2px .6em;}
.submit:hover {background-position: 0 -30px; background-color: #666; border-color: #666;
/*-webkit-box-shadow: #999 0 0 3px; -moz-box-shadow: #999 0 0 3px; box-shadow: #999 0 0 3px;*/}
.button:hover, .smbutton:hover {background-position: 0 -30px; background-color: #666; border-color: #666; color: #fff;
/*-webkit-box-shadow: #999 0 0 3px; -moz-box-shadow: #999 0 0 3px; box-shadow: #999 0 0 3px;*/}
#content form fieldset .note {clear: both; font-weight: bold; display: block; padding: 6px 0 0 96px;}
.required {font-weight: bold;}
p.required {text-align: right; margin-top: -30px;}
.radio label {float: none; margin: 0; padding: 3px 8px 0 0 !important; text-align: left;}
.checkbox {overflow: hidden;}
.checkbox input {float: left;}
.checkbox label {float: left; width: 88%; padding: 2px 0 0 4px; text-align: left;}

#content table {width: 100%; margin: 0 0 1em; position: relative;}
.tablewrap {background: #ececec; border: 1px solid #ececec; overflow: visible;
-webkit-border-radius: 6px 6px 0 0; -moz-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0;}
#content .tablewrap table {background: #fff; margin: 0;}
#content .collapsible .listing {padding: 0; display: none;}
#content .collapsible .listing th {background: #ececec; border: 0 !important;}
#content .collapsible .collapsibleheading th {font-size: 110%; background: #fff url(../img/ic-closed-redlgr.png) 6px 10px no-repeat; cursor: pointer; padding-left: 18px; border-top: 1px solid #dcdcdc;}
#content .collapsible .collapsibleheading th span {color: #555; font-family: 'DINRegular';}
#content .collapsible .collapsibleheading th.open {background-image: url(../img/ic-open-redlg.png);}
#content th {font-family: 'DINBold'; font-weight: normal; padding: 6px 12px; font-size: 95%; background: #fff; line-height: 1.2; vertical-align: bottom;}
#content td {padding: 8px 12px; background: #fff; line-height: 1.2;}
#content .tablewrap td, #content .tablewrap th {background: none;}
.sortable th {padding-left: 10px !important; background: url(../img/ic-sort.gif) 0 50% no-repeat; cursor: pointer;}
.sortable .headerSortUp, .sortable .headersortup {background: url(../img/ic-asc.gif) 0 50% no-repeat;}
.sortable .headerSortDown, .sortable .headersortdown {background: url(../img/ic-desc.gif) 0 50% no-repeat;}

#content .sep {background: #fff !important; width: 4px; padding: 0;}
#content .alt {background: #f2f2f3;}
#content tr.alt td { background: #e3edf8;}
.l {text-align: left !important;}
.r {text-align: right !important;}
.c {text-align: center !important;}
.current {color: #990000;}
.nowrap {white-space: nowrap;}
.photol {float: left; margin: 0 1em 1em 0;}
.photor {float: right; margin: 0 0 1em 1em;}
.photoc {margin: 0 auto 1em;}
.photor, .photoc {font-family: 'DINMedium'; text-align: center;}
div.photol img,div.photor img, div.photoc img, img.photol, img.photor, img.photoc {border: 1px solid #999; display: block;}
img.photoc {margin: 0 auto 1em;}
div.photol img, div.photor img, div.photoc img {margin-bottom: 2px;}
img.border, .border {border: 1px solid #999;}
img.noborder, .noborder {border: 0 !important;}
.nobg {background: none;}
#content .bullet {font-size: 140%; line-height: .4; padding: 2px 12px 0; vertical-align: middle;}

iframe {width: 100%; height: 400px;}

#content #steps {overflow: auto; padding: 0 0 2em; font-family: 'DINBold'; text-transform: uppercase; font-size: 90%; color: #777;}
#steps li {float: left; padding-right: 30px; list-style-position: inside;}
#steps li.current {color: #000;}

.quadcolumn {overflow: auto; padding-bottom: 1em;}
.quadcolumn .column {float: left; width: 21%; margin-right: 4% !important;}

.tricolumn {overflow: auto; padding-bottom: 1em;}  
.tricolumn.divided {background: url(../img/bg-tricolumn.png) top center repeat-y;}
.tricolumn .column {float: left; width: 30%; margin-right: 3% !important;}

.duocolumn {overflow: auto; padding-bottom: 1em;}
.duocolumn .column {float: left; width: 49%;}
.duocolumn .column:last-of-type {float: right; width: 49%; margin-left: 1%;}

.duocolumn2 {overflow: auto; padding-bottom: 1em;}
.duocolumn2 .column {float: left; width: 47%; margin-right: 3% !important;}

.column h2, .column h3 {margin-top: 1em;}

.columncnarrow {width: 45%; margin: 0 auto;}

.pullquote {font-size: 170%; font-family: 'DINLight'; margin: 0 0 1em; line-height: 1.1; color: #666; text-indent: -8px;}
.pullquote.noindent {text-indent: 0;}

.expandcollapse {background: url(../img/ic-closed-redlgr.png) 6px 3px no-repeat; cursor: pointer; padding-left: 18px; color: #990000; font-family: 'DINMedium'; text-transform: uppercase;}
.expandcollapse.open {background: url(../img/ic-open-redlg.png) 6px 3px no-repeat;}

.roundedwrapper {background: #fff; border: 1px solid #ddd; margin: -.6em 0 2em; overflow: visible;
-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;
/* behavior: url(../inc/PIE3.htc);*/}
.roundedwrapper h2 {text-transform: uppercase; color: #666; letter-spacing: 0.1em; padding: 12px; margin: 0 0 -8px; font-size: 90%;}
.roundedwrapper h3 {text-transform: uppercase; font-size: 110%; padding: 8px; margin: 0; border-bottom: 1px solid #ddd;}
.roundedwrapper .alllink {float: right; font-weight: bold; margin-top: -20px;}
.roundedwrapper div {border-bottom: 1px solid #ddd; padding: 8px 12px 12px; overflow: auto; clear: both;}
#support .roundedwrapper div {border: 0; padding: 0 0 6px; clear: none; overflow: auto;}
#selectionguides .roundedwrapper div {border: 0; padding: 4px 0 4px 6px; clear: none; overflow: auto;}
.roundedwrapper p {padding: 0 12px 12px; margin: 0;}
#selectionguides .roundedwrapper .column {width: 49%; margin-right: 0 !important;}
.roundedwrapper div p {padding: 0; float: left; width: 500px;}
#selectionguides .roundedwrapper div p {float: none; width: auto; margin: 0 0 4px;}
.roundedwrapper.eventwrapper div p {width: 400px;}
.roundedwrapper div img {float: left; margin: 2px 8px 0 0;}
.roundedwrapper .tricolumn {margin: 8px 8px -18px;}
.roundedwrapperj {background: #fff; border: 1px solid #ddd; margin: -.6em 0 2em; overflow: hidden;
-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;
behavior: url(../inc/PIE.htc);}
.roundedwrapperj .tricolumn {margin: 8px 8px -18px;}
.roundedwrapperj div p {padding: 0; float: left; width: 500px;}
.roundedwrapperj p {padding: 0 12px 12px; margin: 0;}

.video {font-size: 90%; float: left; width: 190px; height: 88px; padding: 0 10px 0 146px; margin: 1em 0; position: relative;}
.boxalt .video {font-size: 100%; float: none; width: auto; height: auto; padding: 12px; margin: 0;}
.video h3 {font-family: helvetica, sans-serif; margin: 0 0 4px;}
.video h3 a {font-weight: bold;}
.video p {margin: 0 0 .4em;}
.video span {float: left; background: #fff; padding: 4px; border: 1px solid #d3d3d3; position: absolute; top: -2px; left: 0;} 
.boxalt .video span {position: relative; margin: 0 0 2px; top: 0;}
.video span .button {width: 18px; height: 18px; border: 0; padding: 0; background: url(../img/ic-play.png) no-repeat; position: absolute; top: 54px; left: 8px;}
.video a:hover span .button {background-position: 0 -18px;}
.video img {display: block;}

.refDesign {font-size: 90%; float: left; width: 164px; height: 88px; padding: 0 10px 0 146px; margin: 1em 0; position: relative;}
.boxalt .refDesign {font-size: 100%; float: none; width: auto; height: auto; padding: 12px; margin: 0;}
.refDesign h3 {font-family: helvetica, sans-serif; margin: 0 0 4px;}
.refDesign h3 a {font-weight: bold;}
.refDesign p {margin: 0 0 .4em;}
.refDesign span {float: left; background: #fff; padding: 4px; border: 1px solid #d3d3d3; position: absolute; top: -2px; left: 0;} 
.boxalt .refDesign span {position: relative; margin: 0 0 2px; top: 0;}
.refDesign span .button {width: 18px; height: 18px; border: 0; padding: 0; background: url(../img/ic-play.png) no-repeat; position: absolute; top: 54px; left: 8px;}
.refDesign a:hover span .button {background-position: 0 -18px;}
.refDesign img {display: block;}

#tabs #videos .video {font-size: 90%; float: left; width: 285px; height: 88px; padding: 0 10px 0 146px; margin: 1em 0; position: relative;}
#tabsNoJS #videos, #tabsinEdit #videos .video {font-size: 90%; float: left; width: 285px; height: 88px; padding: 0 10px 0 146px; margin: 1em 0; position: relative;}

#tabs #videos .refDesign {font-size: 90%; float: left; width: 285px; height: 88px; padding: 0 10px 0 146px; margin: 1em 0; position: relative;}
#tabsNoJS #videos, #tabsinEdit #videos .refDesign {font-size: 90%; float: left; width: 285px; height: 88px; padding: 0 10px 0 146px; margin: 1em 0; position: relative;}


.videoB {font-size: 90%; float: left; width: 164px; height: 88px; padding: 0 10px 0 146px; margin: 1em 0; position: relative;}
.boxalt .videoB {font-size: 100%; float: none; width: auto; height: auto; padding: 12px; margin: 0;}
.videoB h3 {font-family: helvetica, sans-serif; margin: 0 0 4px;}
.videoB h3 a {font-weight: bold;}
.videoB p {margin: 0 0 .4em;}
.videoB span {float: left; background: #fff; padding: 4px; border: 1px solid #d3d3d3; position: absolute; top: -2px; left: 0;} 
.boxalt .videoB span {position: relative; margin: 0 0 2px; top: 0;}
.videoB span .button {width: 18px; height: 18px; border: 0; padding: 0; background: url(../img/ic-play.png) no-repeat; position: absolute; top: 54px; left: 8px;}
.videoB a:hover span .button {background-position: 0 -18px;}
.videoB img {display: block;}

.photowrap {font-size: 90%; float: left; width: 164px; height: 88px; padding: 0 10px 0 146px; margin: 1em 0; position: relative;}
.photowrap h3 {font-family: helvetica, sans-serif; margin: 0 0 4px;}
.photowrap h3 a {font-weight: bold;}
.photowrap p {margin: 0 0 .4em;}
.photowrap span {float: left; border: 1px solid #d3d3d3; position: absolute; top: -2px; left: 0;} 
.photowrap span .button {width: 18px; height: 18px; border: 0; padding: 0; background: url(../img/ic-enlarge.png) no-repeat; position: absolute; top: 68px; left: 8px;}
.photowrap a:hover span .button {background-position: 0 -18px;}
.photowrap img {display: block;}

#content .pagination li, .pagination li {display: inline; padding: 0; background: 0; margin: 0;}
.pagination a {float: left; text-decoration: none; background: url(../img/slide-li.png); text-indent: -4000px; width: 11px; height: 11px; margin-left: 2px;}
.pagination .current a {background: url(../img/slide-li1.png);}

#outerwrapper {/*background: url(../img/bg-stripe.gif) top right repeat-y; padding-right: 8px; min-height: 100%; position: relative;*/}

#parametric #outerwrapper {background: none;}
#wrapper {width: 960px; padding: 134px 0px 60px 20px; margin: 0 auto; position: relative; line-height: 1.3;}

#logo {position: absolute; top: 20px; left: 20px;}

#content {width: 73%; min-height: 430px; float: left; clear: both; overflow: visible;}
#home #content {overflow: visible;}
#cart #content, #iframe #content, #parametric #content, #interchangevideos #content {width: 100%; float: none;}

#breadcrumb {margin: -16px 0 10px; /*font-size: 85%;*/ position: relative;}
#content ul, #content ol {margin: 0 0 1em;}
#content ol {list-style-type: decimal; padding-left: 20px;}
#content ul li {margin: 0 0 .4em; padding-left: 16px; background: url(../img/li.png) 6px 6px no-repeat;}
#content ul ul {margin: .4em 15px 0;}  /* added 15px value to indent child list on product info pages */
#content ol li {margin: 0 0 .4em;}
#content #overview ul ul {margin: .4em;}

#printversion, .datasheetlink {float: right; width: 135px; height: 43px; text-indent: -4000px; background: url(../img/bt-printsheet.png) no-repeat;}
#printversion:hover, .datasheetlink:hover {background-position: 0 -43px;}

#datasheetlink, .datasheetlink {float: right; width: 135px; height: 43px; text-indent: -4000px; background: url(../img/bt-datasheet.png) no-repeat;}
#datasheetlink:hover, .datasheetlink:hover {background-position: 0 -43px;}

#NOdatasheetlink, .NOdatasheetlink {float: right; width: 135px; height: 43px; text-indent: -4000px; background: url(../img/productinfo/bt-nodatasheet.png) no-repeat;}
#NOdatasheettext, .NOdatasheettext {float: right; width: 135px; font-size: 12px;} 

.diagram {float: right; width: 300px;}
.diagram h4 {font-family: 'DINBold'; font-size: 100%; text-transform: uppercase; letter-spacing: 0.1em; margin: 0 0 .6em; padding-bottom: 6px; border-bottom: 1px solid #777;}
.enlarge {font-family: 'DINBold'; font-size: 90%; text-transform: uppercase; letter-spacing: 0.1em; float: right; position: relative; right: 40px; top: -20px;}
.enlargeFP {font-family: 'DINBold'; font-size: 90%; text-transform: uppercase; letter-spacing: 0.1em; position: absolute; display: inline-block; margin: 0 auto; left: 40%;
padding: 3px 0;
width: 20%;
color: #fff;
text-align: center;
background: rgba(153,0,0,1);
border-radius: 8px;
}
.enlargeFP:hover, .enlargeFPV:hover, .enlargeFPV2:hover {
background: rgba(153,0,0,.7);
}
.enlargeFPV{
    font-family: 'DINBold';
    font-size: 90%;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    position: absolute;
    display: inline-block;
    margin: 0 auto;
    left: 90%;
    padding: 5px;
    /* width: 20%; */
    top: 50%;
    color: #fff;
    text-align: center;
    background: rgba(153,0,0,1);
    /* border-radius: 8px; */
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    white-space: nowrap;
}
.enlargeFPV2{
    font-family: 'DINBold';
    font-size: 90%;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    position: absolute;
    display: inline-block;
    margin: 0 auto;
    /* left: 0%; */
    margin-top: -150px;
    padding: 3px 10px;
    /* margin-top: -250px; */
    margin-left: -65px;
    width: 20%;
    /* top: -90%; */
    color: #fff;
    text-align: center;
    background: rgba(153,0,0,1);
    /* border-radius: 8px; */
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(-90deg);
    white-space: nowrap;
    }
.diagram .enlarge, .modal .enlarge {margin-top: -2.5em;}
.overviewButtons {float: right; width: 300px;}

#tabs {width: 700px; background: transparent; border: none; padding: 0px; font-family: inherit; font-size: inherit;}
#content #tablinks {margin: 1.6em 0; overflow: visible; width: 699px; height: 43px; background: url(../img/tabs-botbgLg.png) bottom center no-repeat; padding: 0; list-style: none; border: none;}
#content #tablinks li {padding: 0; background: 0; margin: 0; float: left; list-style: none;}
#tablinks li a {float: left; font-family: 'DINMedium'; text-transform: uppercase; font-size: 90%; color: #777; border: none; white-space: normal; background: #f3f3f3 url(../img/tabs-selectedbg.gif) bottom left repeat-x; padding: 10px 0 7px; margin-left: 3px; width: 120px; border: 1px solid #ccc; border-width: 1px 1px 0; text-align: center; line-height: 1.2;
-webkit-border-radius: 6px 6px 0 0; -moz-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0;}
#tablinks li.twoline a {padding: 2px 0 2px;}
#tablinks li:first-child a {margin-left: 0;}
#tablinks li a:hover {color: #990000;}
#tablinks li.ui-tabs-selected a, #tablinks li.current a {color: #333 !important; background: #fff; border-bottom: 2px solid #990000;}
#tablinks #taborderlink a {color: #990000; position: relative; padding-right: 16px;}
#tablinks #taborderlink a span {position: absolute; top: 10px; right: 20px; width: 13px; height: 13px; background: url(../img/ic-cart.png) no-repeat;}
#tablinks li.ui-tabs-selected a span {background-position: 0 -28px !important;}

.sidebar {width: 247px; float: right; margin: 0 0 1em 1em; border: 1px solid #ccc; background: #fff url(../img/sidebar-bg.gif) repeat-y;}
.sidebaralt {width: 247px; float: right; margin: 0 0 1em 1em;}
.sidebar .shimtop {height: 43px; background: url(../img/sidebar-shimtop-bg.gif) no-repeat; margin-bottom: -27px;}
.sidebar .shimbot {height: 43px; background: url(../img/sidebar-shimbot-bg.gif) no-repeat; margin-top: 0px;}
.sidebar .inner {padding: 0 16px;}
.sidebar h3 {color: #990000; font-family: 'DINBold'; text-transform: uppercase; letter-spacing: 0.1em; margin: 0;}

/* content box style */
#home #content .parsys_column.cq-colctrl-lt1 .box, #home #content .parsys_column.cq-colctrl-lt1 .boxalt {width: 100%; float: left; /*background: #f6f6f6;*/ border: none; margin: 0 10px 1em 0; position: relative;}
#home #content .box .calltoaction {margin: 0; margin-top: -10px; text-align: left; font-family: 'DINBold'; font-weight: normal; text-transform: uppercase; letter-spacing: 0.1em; font-size: 90%;}

#home #content #interchange .calltoaction {margin-top: 0px;}

#content .box, #content .boxalt {width: 100%; float: left; border: 1px solid #ccc; /*background: #f6f6f6;*/ margin: 0 10px 1em 0; position: relative;
-webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;
behavior: url(../inc/PIE.htc);}
#content .boxalt {float: right; width: 174px; background: #fff; margin: 0 0 1em 1em;}
#content .sidebaralt .box {width: 247px; background: #fff;}

#content .inner {padding: 8px; overflow: auto; font-size: 90%;}
#content .boxalt .inner {border-top: 1px solid #ddd; padding: 8px 12px;}
 
#content .box h4 {padding: 10px 14px 14px; font-family: 'DINMedium'; color: #333; font-weight: normal; font-size: 18px; line-height: 120%;
-webkit-border-radius: 8px 8px 0 0; -moz-border-radius: 8px 8px 0 0; border-radius: 8px 8px 0 0;
behavior: url(../inc/PIE.htc); position: relative;}
#content .boxalt h4 {padding: 10px 12px 14px;}
#content .box h5 {font-family: 'DINBold'; font-weight: normal; text-transform: uppercase; letter-spacing: 0.1em; font-size: 100%; margin: 0 0 6px;}
#content .sidebaralt .box h4 {background: none; color: #777; padding-bottom: 0;}
#content .box h4 span {text-transform: none;}
#content .box .calltoaction {margin: -1em 0 0; text-align: right; font-family: 'DINBold'; font-weight: normal; text-transform: uppercase; letter-spacing: 0.1em; font-size: 90%;}
#content .box a, #content .boxalt strong a {font-weight: bold;}
#content .boxalt a {font-weight: normal;}
#content .boxalt p {margin: 0 0 6px;}
#content .box .calltoaction a {color: #2b84de; font-weight: normal;}

#content .boxalt .icon {float: left; margin: 0 6px 0 0;}

#content #newproducts h4, #content #relatedlinks h4 {/*background: url(../img/box-hdbg-dark.gif) bottom left repeat-x;*/ color: #000;}
#rightcolumn #relatedlinks h4 {color: #000;}
#content #newproducts li, #content #relatedlinks li {margin: 0 0 .7em; color: #444; background: none; padding: 0;}
#content #blockdiagrams li {background: none; padding: 0;}

#content #relatedvideos .viewport {height: 278px;}
#content #relatedvideos .video {width: 44%; height: 126px; padding: 0 16px 0 0; font-size: 100%;}
#content #relatedvideos .video span {display: block; position: relative; margin: 0 0 4px;} 
#content #relatedvideos .video span .button {position: absolute; bottom: 2px; left: 8px;}
#content #relatedvideos .calltoaction {margin: 0 8px 8px 0;}

/* homepage features */
#features {line-height: 1.7; padding: 40px 0 0 350px; position: relative; overflow: visible;}
#features h2 {font-size: 170%; margin: 0 0 1em;}
#features .calltoaction {font-size: 120%; margin: 1.4em 0 0; font-family: 'DINBold';}
#features .slides, #features .slides div {width: 350px; height: 411px; overflow: visible !important;}
#features .pagination {position: absolute; top: 0; right: 0; background: url(../img/pagination-bg.png) no-repeat; padding: 6px 8px 6px 80px; width: 52px;}

/* products main */
#content #productslist li {font-weight: bold; margin-bottom: 1em; font-size: 110%; padding: 0; background: none;}
#content #productslist li li {font-weight: normal; margin-bottom: 0; font-size: 90%; text-indent: -1em; padding-left: 1em;}

/* products group */
#content #productssublist li {margin-bottom: 0; text-indent: -1em; padding-left: 1em; background: none;}

#featured, #featuredalt {position: relative; overflow: visible;}
#featured h2, #featuredalt h2 {margin: 0 0 .6em; padding-bottom: 4px; border-bottom: 1px solid #777;}
#featured h3, #featuredalt h3 {font-size: 160%; margin: 0 0 .6em;}
#featured h3 a, #featuredalt h3 a {font-size: 70%; text-transform: uppercase;}
#featured p, #featuredalt p {font-family: 'DINMedium'; font-size: 110%;}
#featured .slides, #featuredalt .slides, #featured .slides div, #featuredalt .slides div {width: 640px; height: 340px;}
#featured img, #featuredalt img {display: block; margin: 0 auto;}
#featured .pagination, #featuredalt .pagination {position: absolute; top: 4px; right: 4px;}

#featuredphotos {position: relative; overflow: visible;}
#featuredphotos p {font-size: 170%; font-family: 'DINLight'; margin: 5px 0 1em 8px; line-height: 1.1; color: #666; text-indent: -8px;}
#featuredphotos .slides, #featuredphotos .slides div {width: 640px; height: 260px;}
#featuredphotos img {display: block; margin: 0 auto; border: 1px solid #999;}
#featuredphotos .pagination {position: absolute; top: -14px; right: 4px;}

/* product detail */
.zebrastripe {border-collapse: separate;}
#products #parametrics table th {text-transform: uppercase;}
#products #parametrics tr:nth-of-type(1) th:nth-of-type(1) {border-top: 1px solid #ccc; border-left: 1px solid #ccc; -webkit-border-radius: 6px 0 0 0; -moz-border-radius: 6px 0 0 0; border-radius: 6px 0 0 0; 
behavior: url(../inc/PIE.htc);}
#products #parametrics tr:nth-of-type(1) th:nth-of-type(2) {border-top: 1px solid #ccc; border-right: 1px solid #ccc; -webkit-border-radius: 0 6px 0 0; -moz-border-radius: 0 6px 0 0; border-radius: 0 6px 0 0;
behavior: url(../inc/PIE.htc);}
#products #parametrics tr:nth-of-type(1) th:nth-last-of-type(1) {border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #ccc; -webkit-border-radius: 6px 6px 0 0; -moz-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0;
behavior: url(../inc/PIE.htc);}

#products #parametrics tr:nth-of-type(2) th:nth-of-type(1) {border-left: 1px solid #ccc;}
#products #parametrics tr:nth-of-type(2) th:nth-of-type(2) {border-right: 1px solid #ccc;}
#products #parametrics tr:nth-of-type(2) th:nth-of-type(4) {border-left: 1px solid #ccc;}
#products #parametrics tr:nth-of-type(2) th:nth-last-of-type(1) {border-right: 1px solid #ccc;}

#products #parametrics tbody tr td:nth-of-type(1) {border-left: 1px solid #ccc;}
#products #parametrics tbody tr td:nth-of-type(2) {border-right: 1px solid #ccc;}
#products #parametrics tbody tr td:nth-of-type(4) {border-left: 1px solid #ccc;}
#products #parametrics tbody tr td:nth-last-of-type(1) {border-right: 1px solid #ccc;}

#products #parametrics tbody tr:nth-last-of-type(1) td:nth-of-type(1) {border-left: 1px solid #ccc; border-bottom: 1px solid #ccc;}
#products #parametrics tbody tr:nth-last-of-type(1) td:nth-of-type(2) {border-right: 1px solid #ccc; border-bottom: 1px solid #ccc;}
#products #parametrics tbody tr:nth-last-of-type(1) td:nth-of-type(4) {border-left: 1px solid #ccc; border-bottom: 1px solid #ccc;}
#products #parametrics tbody tr:nth-last-of-type(1) td:nth-of-type(5) {border-bottom: 1px solid #ccc;}
#products #parametrics tbody tr:nth-last-of-type(1) td:nth-last-of-type(1) {border-right: 1px solid #ccc; border-bottom: 1px solid #ccc;}

#products #parametrics table th, #products #parametrics table td {text-align: right;}
#products #parametrics td.l {font-weight: bold;}

/* Removed background from div and added it to tr.title th */
#documents div { border: 1px solid #ececec; margin: 0 0 1em;
-webkit-border-radius: 6px 6px 0 0; -moz-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0;
behavior: url(../inc/PIE.htc);}

#documents div.parsys-documentsTop, #documents div.parsys-documentsBottom{ border: 0; margin: 0; border-radius: 0;}
#documents div.parsys-documentsTop div.section, #documents div.parsys-documentsBottom div.section{ border: 0; margin: 0; border-radius: 0;}

#documents table {margin: 0;}
#documents tr.title th {background: #fff; padding-top: 12px; text-transform: uppercase; border-top: 0; color: #333;}
#documents tr.title th:first-child{ border-radius:5px 5px 0 0;}
#documents th {background: #ececec; color: #555; border-top: 1px solid #ddd;}
#documents td, .documents td {vertical-align: middle; border-top: 1px solid #ddd;}
#documents td.icon, .documents td.icon {padding: 8px 0 4px 12px;}
#documents td.doctitle, .documents td.doctitle {font-weight: bold; width: 50%; padding-left: 8px;}

.doctitle img {background: #fff;}

#products #packaging div {background: #ececec; border: 1px solid #ccc;
-webkit-border-radius: 6px 6px 0 0; -moz-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0;
behavior: url(../inc/PIE.htc);}
#products #packaging table {margin: 0;}
#products #packaging th {white-space: nowrap; background: none; padding: 8px 8px;}
#products #packaging td {vertical-align: middle; white-space: nowrap; padding: 8px 8px;}
#products #packaging td.part {font-weight: bold;}
#products #packaging td.type img {float: left; margin: -2px 6px 0 0;}
#products #packaging td.rohs {font-size: 85%; text-align: center; padding: 4px 12px;}
#products #packaging td.rohs img {display: block; margin: 0 auto 2px;}

#products #packaging div.parsys-packagingTop, #products #packaging div.parsys-packagingBottom{background: none; border: 0; margin: 0; border-radius: 0;}
#products #packaging div.parsys-packagingTop div.section, #products #packaging div.parsys-packagingBottom div.section{ background: none; border: 0; margin: 0; border-radius: 0;}


/*#products #packaging tr:nth-of-type(1) th:nth-of-type(1) {border-top: 1px solid #ccc; border-left: 1px solid #ccc; -webkit-border-radius: 6px 0 0 0; -moz-border-radius: 6px 0 0 0; border-radius: 6px 0 0 0; 
behavior: url(../inc/PIE.htc);}
#products #packaging tr:nth-of-type(1) th:nth-last-of-type(1) {border-top: 1px solid #ccc; border-right: 1px solid #ccc; -webkit-border-radius: 6px 6px 0 0; -moz-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0;
behavior: url(../inc/PIE.htc);}
#products #packaging tr:nth-of-type(1) th:not(:nth-of-type(1)){border-top: 1px solid #ccc;}
#products #packaging tbody tr td:nth-of-type(1) {border-left: 1px solid #ccc;}
#products #packaging tbody tr td:nth-last-of-type(1) {border-right: 1px solid #ccc;} */

#products #videos .calltoaction {font-family: 'DINMedium'; letter-spacing: 0.1em; font-size: 110%;}

#products #order .columnwrap {overflow: auto; margin: 0 0 2em;}
#products #order .columnl {width: 310px; border-right: 1px solid #ccc; padding-right: 10px; float: left;}
/*#products #order .button {font-size: 85%; padding: 0 .6em; height: 22px; float: none;} */
#products #order .button {float: none;}
#products #order .columnr {width: 310px; float: right;}
#products #order p {margin: 0 0 6px;}
#products #order label {font-weight: normal; display: inline; float: none; padding: 0;}
#products #order input.text, #products #order select {float: none; display: inline;}
#products #order #orderoptionswrap {background: #fff; border: 1px solid #ccc;
-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;
behavior: url(../inc/PIE.htc);}
#expandoptions, #collapseoptions {cursor: pointer; color: #2b84de;}
#expandoptions:hover, #collapseoptions:hover {color: #990000;}
#products #order #orderoptions {margin: 0;}
#products #order #orderoptions strong {font-family: 'DINMedium'; font-weight: normal;}
#products #order #orderoptions th {color: #fff; background: url(../img/box-hdbg-dark.gif) repeat-x; padding: 12px 8px 10px 4px; font-family: 'DINMedium'; text-transform: uppercase; letter-spacing: 0.1em;}
#products #order #orderoptions .details td {font-family: 'DINMedium'; background: #ececec; padding: 8px 8px 8px 4px; border-bottom: 1px solid #cecece;}
#products #order #orderoptions .details td.arrow {background: #cecece url(../img/ic-closed.png) 3px 12px no-repeat; padding: 8px 6px; cursor: pointer !important;}
#products #order #orderoptions .details td.arrow-red {background: #cecece url(../img/ic-red-closed.png) 3px 12px no-repeat; padding: 8px 6px; cursor: pointer !important;}
#products #order #orderoptions .open td.arrow {background-image: url(../img/ic-open.png);}
#products #order #orderoptions .open td.arrow-red {background-image: url(../img/ic-red-open.png);}
#products #order #orderoptions .open td {border-bottom: 0;}
#products #order #orderoptions .orderoptions {padding: 0; font-size: 95%; border-bottom: 3px solid #999; display: none;}
#products #order #orderoptions .orderoptions table {margin: 0;}
#products #order #orderoptions .orderoptions td {padding: 8px 8px 0;}
#products #order #orderoptions .orderoptions .samples {width: 100px;}
#products #order #orderoptions .orderoptions .or {vertical-align: middle; background: url(../img/1x1-gray.gif) center center repeat-y; width: 10px; padding: 0;} 
#products #order #orderoptions .orderoptions .or span {font-family: 'DINMedium'; color: #999; display: block; background: #fff; padding: 8px 0; text-align: center;}
#products #order #orderoptions .orderoptions .distributors {width: 290px; padding-right: 8px;}
#products #order #orderoptions .distributors ul, #products #order #orderoptions .distributors table {font-size: 90%; margin: 0;}
#products #order #orderoptions .distributors table {margin-bottom: 4px;}
#products #order #orderoptions .distributors th {background: none; color: #888; text-transform: none; font-size: 110%; letter-spacing: 0;}
#products #order #orderoptions .distributors th, #products #order #orderoptions .distributors td {padding: 4px 6px;}
#products #order #orderoptions .distributors td {border-top: 1px solid #ddd;}

#products #order #orderoptions .distributors ul {margin: .6em 0 0; overflow: visible; width: 100%; height: 28px; background: url(../img/tabs-botbg.png) bottom center no-repeat; list-style: none; padding: 0;}
#products #order #orderoptions .distributors ul li {padding: 0; background: 0; margin: 0; float: left;}
#products #order #orderoptions .distributors ul li a {float: left; font-family: 'DINMedium'; text-transform: uppercase; font-size: 75%; color: #777; background: #fff; padding: 4px 0 2px; margin-left: 1px; width: 55px; border: 1px solid #ccc !important; border-width: 1px 1px 0 !important; text-align: center;
-webkit-border-radius: 6px 6px 0 0; -moz-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0;
behavior: url(../inc/PIE.htc) !important;}
#products #order #orderoptions .distributors ul li:first-child a {margin-left: 0;}
#products #order #orderoptions .distributors ul li a:hover {color: #990000;}
#products #order #orderoptions .distributors ul li.ui-tabs-selected a {color: #333 !important; background: #f3f3f3 url(../img/tabs-selectedbg.gif) bottom left repeat-x;}

#products #ordersPIP div.parsys-orderTop, #products #ordersPIP div.parsys-orderBottom{background: none; border: 0; margin: 0; border-radius: 0;}
#products #ordersPIP div.parsys-orderTop div.section, #products #ordersPIP div.parsys-orderBottom div.section{ background: none; border: 0; margin: 0; border-radius: 0;}



/* applications pages */
#resources div {font-size: 90%; float: left; width: 310px; height: 88px; padding-right: 10px; margin: 1em 0;}
#resources div h3 {font-family: helvetica, sans-serif; margin: 0 0 4px;}
#resources div a {font-weight: bold;}
#resources div span {float: left; background: #fff; padding: 4px; border: 1px solid #d3d3d3; position: relative; margin: -2px 8px 0 0;} 
#resources div span .button {width: 18px; height: 18px; border: 0; padding: 0; background: url(../img/ic-play.png) no-repeat; position: absolute; bottom: 8px; left: 8px;}
#resources div a:hover span .button {background-position: 0 -18px;}
#resources div img {display: block;}
#resources .calltoaction {font-family: 'DINMedium'; letter-spacing: 0.1em; font-size: 110%;}
#resources #guides, #resources #videos, #resources #videos {width: 100%; font-size: 100%; float: none; height: 100%; overflow: visible; margin: 0; padding: 0;}
#resources #guides div {width: 200px;}
#resources #guides div span {float: left; background: none; padding: 0; border: 0; position: relative; margin: -2px 8px 0 0;} 

/* cart / registration pages */
#cart h2 {font-size: 140%; font-family: 'DINMedium'; margin-bottom: 5px;}
#cart .duocolumn {background: url(../img/1x1-gray.gif) 48% 48% repeat-y;}
#cart .column h2, #cart .columncnarrow h2 {margin-top: 0;}
#cart .forgotpasswordlink {margin-left: 140px;}
#cart #content .sep {background: url(../img/bg-shadowedsep.png) bottom left no-repeat !important; padding-bottom: 24px; width: 100% !important;}

#cart #content table th {text-transform: uppercase;}
#cart #content table th, #cart table td {background: none; padding: 8px;}
#cart #content table td {border-top: 1px solid #ccc;}
#cart #content table .noborder td {border-top: 0; padding: 4px 8px;}
#cart #content table .extraspace td {padding-top: 2em;}

#ofinterestopts p {margin: 0 0 4px;}
#ofinterestopts ul {font-size: 85%; list-style: none; padding-left: 0;}
#ofinterestopts ul li {clear: both;}
#ofinterestopts label {width: 130px; padding-top: 3px;}

/* about pages */
#quickfacts ul {margin: 1.6em 0;}
#quickfacts ul li {padding-left: 0; background: none;}
#quickfacts img {display: block; margin: 4em auto 0;}

#about #overview ol li strong {display: block; margin-bottom: .2em;}

#assetlitedata {overflow: visible; font-size: 90%; height: 21em;}
#assetlitedata h2 {margin-top: 0;}
#assetlitedata div {float: left; width: 175px; border: 1px solid #ccc; background: #ededed; padding: 8px 8px 0px; margin-left: 5px; height: 23em;
-webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; margin-bottom: 10px;
behavior: url(../inc/PIE.htc);}
#assetlitedata #assetlite {border: 1px solid #990000; background: #fff; width: 225px; font-weight: bold; margin-left: 0;}
#assetlitedata #assetlite h2 {color: #990000; font-weight: normal;}
#assetlitedata ul li {padding-left: 10px;}
#assetlitedata .pros li {background: url(../img/li-pros3.png) 0 5px no-repeat;}
#assetlitedata .cons {border-top: 1px solid #999; padding-top: 1em;}
#assetlitedata .cons li {background: url(../img/li-cons3.png) 0 3px no-repeat;} 
  
/* content filters */
#contentfilters {position: relative;}
#contentfilters h2.toggle {color: #fff; text-transform: uppercase; margin: 0; padding: 6px 16px 6px 20px; letter-spacing: 0.1em; font-size: 90%; width: 50px; cursor: pointer;
-webkit-border-radius: 8px 8px 0 0; -moz-border-radius: 8px 8px 0 0; border-radius: 8px 8px 0 0;
behavior: url(../inc/PIE.htc);}
#contentfilters h2.closed {background: #666 url(../img/ic-closed-lgr.png) 8px 9px no-repeat;}
#contentfilters h2.open {background: #666 url(../img/ic-open-lg.png) 8px 10px no-repeat;}
#contentfilters .shim {background: url(../img/tabs-botbg-wide.png) bottom left no-repeat; height: 16px; width: 640px; position: absolute; top: 19px;}
#contentfilters .inner {background: #fff url(../img/bg-contentfilters.gif) repeat-y; border: 1px solid #ccc; border-width: 0 1px 1px; padding: 0; overflow: hidden; display: none;}
#contentfilters .inner h3 {margin-top: 0;}
#contentfilters div.checkbox {margin: 0 0 2px;}
#contentfilters .checkbox label {width: 150px;}
#contentfilters .inner .filterwrap {float: left; padding: 8px; width: 181px; position: relative; overflow: visible;}
#contentfilters .inner #filteryear {width: 70px;}
#contentfilters .inner #filteryear label {width: 40px;}
#contentfilters .inner #filtertopic {width: 141px;}
#contentfilters .inner #filtertopic label {width: 110px;}
#contentfilters #filterresults {background: #ececec; border: 1px solid #ccc; border-width: 0 1px 1px; padding: 8px;}
#contentfilters #filterresults p {margin: 0; font-size: 90%; color: #555;}
#contentfilters #yeartoggle {color: #2b84de; padding-left: 10px; cursor: pointer;}
#contentfilters #yeartoggle.closed {background: url(../img/ic-closed-red.png) 3px 4px no-repeat;}
#contentfilters #yeartoggle.open {background: url(../img/ic-desc.gif) 0 4px no-repeat;}
#contentfilters #oldyears {display: none;}
#contentfilters #topicstoggle, #contentfilters #productstoggle, #contentfilters #applicationstoggle {float: right; font-family: 'DINBold'; font-size: 85%; color: #666; background: #ececec; padding: 0 5px 2px; border: 1px solid #ccc; position: absolute; top: 0; right: -1px; z-index: 100; cursor: pointer;}
#contentfilters #topicsoverlay, #contentfilters #productsoverlay, #contentfilters #applicationsoverlay {width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #fff; border: 1px solid #ccc; border-width: 0 1px; z-index: 99; zoom: 1; filter: alpha(opacity=70); opacity: 0.7; display: none;}

/* locations filters */
#locationfilters {position: relative;}
#locationfilters h2.toggle {color: #fff; text-transform: uppercase; margin: 0; padding: 6px 16px 6px 20px; letter-spacing: 0.1em; font-size: 90%; width: 50px; cursor: pointer;
-webkit-border-radius: 8px 8px 0 0; -moz-border-radius: 8px 8px 0 0; border-radius: 8px 8px 0 0;
behavior: url(../inc/PIE.htc);}
#locationfilters h2.closed {background: #666 url(../img/ic-closed-lgr.png) 8px 9px no-repeat;}
#locationfilters h2.open {background: #666 url(../img/ic-open-lg.png) 8px 10px no-repeat;}
#locationfilters .shim {background: url(../img/tabs-botbg-wide.png) bottom left no-repeat; height: 16px; width: 100%; position: absolute; top: 19px;}
#locationfilters .inner {background: #fff url(../img/bg-locationfilters.gif) repeat-y; border: 1px solid #ccc; border-width: 0 1px 1px; padding: 0; overflow: hidden;}
#locationfilters .inner h3 {margin-top: 0;}
#locationfilters div.checkbox {margin: 0 0 2px;}
#locationfilters .checkbox label {width: 85px;}
#locationfilters select {width: 110px; height: 120px;}
#locationfilters .inner .filterwrap {float: left; padding: 8px; width: 111px; position: relative; overflow: visible;}
#locationfilters #filterresults {background: #ececec; border: 1px solid #ccc; border-width: 0 1px 1px; padding: 8px;}
#locationfilters #filterresults p {margin: 0; font-size: 90%; color: #555;}
#filterAsia_Pacific, #filterEMEA, #filterUnited_States, #filterOther_Americas, #filterOther_Regions {display: none;}

/* contact */
#contact .roundedwrapper div {border: 0; padding: 0; margin: 0;}
#contact .roundedwrapper .tricolumn {overflow: hidden;}
#contact .roundedwrapper .column {clear: none; padding: 12px 0 20px; overflow: visible;}
#contact .roundedwrapper .column p {margin: 18px 12px -8px;}
#contact .roundedwrapper .column h2 {padding: 0 12px;}

/* media gallery */
#brandinfo .duocolumn {background: url(../img/1x1-gray.gif) 56% 0 repeat-y;}
#newsevents #videos .listing, #newsevents #photos .listing {padding: 0 0 0 1em;}
#newsevents #videos .listing .video, #newsevents #photos .listing .photowrap {width: 155px;}

/* packaging pages */
#packaging #tablinks li a {width: 180px !important;}

#packaging .pkgheading th {font-size: 110%; background: #fff url(../img/ic-closed-redlgr.png) 6px 10px no-repeat; cursor: pointer; padding-left: 18px; border-top: 1px solid #dcdcdc;}
#packaging .pkgheading th span {color: #555; font-family: 'DINRegular';}
#packaging .pkgheading th.open {background-image: url(../img/ic-open-redlg.png);}
#packaging .pkglist a {font-weight: bold;}
#packaging .pkglist .listing {padding: 0; display: none;}
#packaging .pkglist td {vertical-align: middle;}
#packaging .pkglist table th {background: #ececec; color: #555; padding: 6px 12px;}
#packaging .pkglist .img {padding: 4px;}

#packaging .tablewrap {background: #fff; overflow: visible;}
#packaging .tablewrap table {margin: 0;}
#packaging .pkgdetail {background: #fff;}
#packaging .pkgdetail td {font-weight: bold; border: 1px solid #ececec; border-width: 0 1px 1px 0; vertical-align: middle;}
#packaging .pkgdetail td span {font-weight: normal;}
#content .pkgdetail .icon, #content .pkgdetail .doctitle {border-right: 0;}
#content .pkgdetail .icon {width: 30px; padding-right: 4px; padding-left: 16px;}
#content .pkgdetail .doctitle {padding-left: 0;}
#content #pkgstats {width: 245px; float: left;}
#packaging .tablewrap div {float: right; border-bottom: 1px solid #ececec; width: 393px; padding: 25px 0;}
#packaging .tablewrap div img {display: block; margin: 0 auto;}
#packaging .diagram img {border: 0;}
#packaging .diagram .enlarge {margin: 0; font-size: 85%; margin-right: 1em;}

/* videos */
#videos .roundedwrapper {overflow: auto;}
#videos .roundedwrapper h2 {margin-bottom: 0;}
#videos .roundedwrapper img {float: left; margin: 0 16px 16px 0; border: 4px solid #fff;
-webkit-box-shadow: #999 2px 2px 12px; -moz-box-shadow: #999 2px 2px 12px; box-shadow: #999 2px 2px 12px}

/* tools */
h2.tools {background: url(../img/ic-tools.png) no-repeat; padding: 0 0 8px 30px;}
.tool {width: 45%; height: 156px; padding: 8px; float: left; border: 1px solid #ddd; margin: 0 1em 1em 0; position: relative;
-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;
behavior: url(../inc/PIE.htc);}
.tool h3 {margin: 0 0 12px; text-transform: uppercase;}
.tool p {padding-left: 65px;}
.tool .calltoaction {float: right; margin: -1.4em 0 0; font-family: 'DINBold'; font-weight: normal; text-transform: uppercase; letter-spacing: 0.1em; font-size: 95%;}
.tool .calltoaction a {color: #990000;}
.tool img {position: absolute; top: 30px; left: 4px;}

/* interchangevideos */
#interchangevideos #highlightcontentwrap {height: 480px;}

#interchangevideos #videowrapper {float: left; width: 640px; background: #fff; color: #666; 
-webkit-box-shadow: #041046 4px 4px 16px; -moz-box-shadow: #041046 4px 4px 16px; box-shadow: #041046 4px 4px 16px;
behavior: url(../inc/PIE.htc);}
#interchangevideos #videowrapper #video {padding: 10px 10px 6px; margin: 0 auto; background: #fff;}
#interchangevideos #videowrapper #calltoaction {color: #aaa; background: #ccc url(../img/video-calltoaction-bg.gif) repeat-x; height: 21px; padding: 10px 10px 0;}

#interchangevideos #description {float: right; width: 196px; height: 442px; background: #fff; opacity: 0.9; padding: 10px 14px 0; margin-right: 6px;
-webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;
behavior: url(../inc/PIE.htc);}
#interchangevideos #description h2 {margin: 0 0 12px; font-size: 160%; color: #990000;}

#interchangevideos #highlightscroll .interchangevid {width: 144px; height: 68px; padding-left: 86px; background-color: #fff; background-repeat: no-repeat; background-position: bottom left;  position: relative; margin-right: 3px;
-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
behavior: url(../inc/PIE.htc);}
#interchangevideos #highlightscroll .interchangevid a {color: #666; font-weight: normal;}
#interchangevideos #highlightscroll p {margin: 0 0 .6em;}
#interchangevideos #highlightscroll .smaller {font-size: 85%; margin: 0;}
#interchangevideos #highlightscroll .calltoaction {display: block; width: 18px; height: 18px; background: url(../img/ic-play.png) no-repeat; position: absolute; bottom: 2px; right: 8px; font-size: 0;}
#interchangevideos #highlightscroll .interchangevid:hover .calltoaction {background-position: 0 -18px;}

/* selection guides */
#selectionguides .column p {overflow: auto; font-size: 90%;}
#selectionguides .column h2 {margin-top: 0;}
#selectionguides .photol {border: 0;float: left; margin: 0 1em 1em 0; Background: #fff;}
#selectionguidesbot .photol {border: 0;float: left; margin: 0 1em 1em 0; Background: #fff;}

#rightcolumn {width: 230px; float: right; font-size: 90%;}
/* right column modules */

/* rightcolumn box style */
#rightcolumn .box {border-bottom: 1px solid #ccc; /*background: #f6f6f6;*/ margin: 0 0 1em; position: relative;}
#rightcolumn .boxBorder {border: 1px solid #ccc; /*background: #f6f6f6;*/ margin: 0 0 1em; position: relative;
    -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;}
/* conjoined box style */
#rightcolumn .join {margin-top: -18px; 
-webkit-border-radius: 0 0 8px 8px; -moz-border-radius: 0 0 8px 8px; border-radius: 0 0 8px 8px;
/*behavior: url(../inc/PIE.htc);*/}

#rightcolumn .inner {padding: 12px 14px; overflow: auto;}

#rightcolumn .toggle {position: absolute; width: 20px; height: 20px; top: 6px; right: 4px; cursor: pointer;}
.open {background: url(../img/ic-open.png) center center no-repeat;}
.closed {background: url(../img/ic-closed.png) center center no-repeat;}

#rightcolumn h4 {padding: 10px 14px 14px; /*background: #f6f6f6;*/ color: #333; font-family: 'DINMedium'; font-weight: normal; font-size: 18px;
-webkit-border-radius: 8px 8px 0 0; -moz-border-radius: 8px 8px 0 0; border-radius: 8px 8px 0 0;
/* behavior: url(../inc/PIE3.htc); */ position: relative; /*border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; border-top: 1px solid #CCCCCC;*/}
#rightcolumn h4 span {text-transform: none;}
#rightcolumn .calltoaction {margin: -1em 0 0; text-align: right; font-family: 'DINBold'; font-weight: normal; text-transform: uppercase; letter-spacing: 0.1em; font-size: 95%;}
#rightcolumn a {color: #990000; font-weight: bold;}
#rightcolumn .calltoaction a {color: #2b84de; font-weight: normal;}
#rightcolumn dl {overflow: auto;}
#rightcolumn dt {width: 48%; float: left; text-align: right; clear: both; padding: 0 0 4px;}
#rightcolumn dd {font-weight: bold; float: right; width: 50%; padding: 0 0 4px;}

/* section nav */
#rightcolumn #sectionnav {background: #fff; padding-top: 3px;}
#sectionnav li {padding: 7px 28px 5px; border-bottom: 1px solid #e8e8e8; text-transform: uppercase; font-family: 'DINMedium'; letter-spacing: 0.1em; background: url(../img/ic-closed-red.png) 18px 13px no-repeat;}
#sectionnav ul ul {display: none;}
#sectionnav li.current ul {display: block;}
#sectionnav li.current {background-image: url(../img/ic-open-red.png);}
#sectionnav li.current li {background: none;}
#sectionnav li li.current a {color: #990000;}
#sectionnav li li {padding: 5px 0; border-bottom: 0; text-transform: none; font-family: helvetica, sans-serif; font-size: 95%; letter-spacing: 0; background: none;}
#sectionnav li a {color: #333; font-weight: normal;}
#sectionnav li li a {color: #555; font-weight: bold;}
#sectionnav li a:hover, #sectionnav li li a:hover {color: #990000;}

/* iSIM Designer */
#isimdesigner {margin: 0 0 1em;}
#isimdesigner .inner {background: #f6f6f6; border-radius: 0 0 8px 8px; /*border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC;*/}
#isimdesigner form {overflow: visible; height: 100%;}
#isimdesigner h4 {color: #333; background: #f6f6f6;}
#isimdesigner p {margin: 0 0 .6em;}
#isimdesigner #isimdesigneropt {width: 100%; float: none;}
#isimdesigner td {padding: 0 12px 6px 0; vertical-align: middle;}
#isimdesigner td.c {padding: 0 4px 0 0; font-size: 85%;}
#isimdesigner label {font-weight: normal; text-align: left;}
#isimdesigner td.input {padding-right: 4px;} 
#isimdesigner td.input2 {padding-right: 4px; background: #fff url(../img/form-text-bg-disabled.gif) no-repeat;}
#isimdesigner td.disabled {padding: 0 12px 6px 0; vertical-align: middle; color: #888888;}
#isimdesigner td.cdisabled {padding: 0 4px 0 0; font-size: 85%; color: #888888; text-align:center;}   
#isimdesigner select {float: right;} 
#isimdesigner .text {width: 40px;
-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
/* behavior: url(../inc/PIE3.htc); */} 
#isimdesigner div.checkbox {clear: both; padding: 4px 0 0;}
#isimdesigner div.checkbox label {float: none; padding: 0;}
#isimdesigner .submit {font-size: 95%; height: 20px; background-position: 0 -5px;}
#isimdesigner .submit:hover {background-position: 0 -35px;}
#isimopt-multiout {float: left; margin-top: -4px; overflow: visible;}
#isimopt-activefilters .checkbox {text-align: center;}

#isimopt-activefilters {display: none;}
#isimopt-activefilters div {overflow: hidden;}
#isimopt-opamp {display: none;}
#isimopt-opamp div {overflow: hidden;} 
#isimopt-vin, #isimopt-activefilters {padding-bottom: 8px;}

/* ask an expert */
/*#askanexpert h4 {background: url(../img/box-hdbg-dark.gif) bottom left repeat-x; color: #fff;}*/
#askanexpert .inner {background: url(../img/box-askanexpert-bg.png) 18px 12px no-repeat; padding-left: 86px;}

/* generic dark background */
#darkBoxBg h4 {background: url(../img/box-hdbg-dark.gif) bottom left repeat-x; color: #fff;}

/* designassistance */
#designassistance h4 {/*background: url(../img/box-hdbg-dark.gif) bottom left repeat-x; color: #fff;*/}
#designassistance .icon {background: url(../img/box-askanexpert-bg.png) no-repeat; float: left; width: 52px; height: 51px; margin: 0 18px 0 0;}

#home .parsys_column.cq-colctrl-lt1.cq-colctrl-lt1-c0{width:33%;}
#home .parsys_column.cq-colctrl-lt1.cq-colctrl-lt1-c1{width:33%;}
#home .parsys_column.cq-colctrl-lt1.cq-colctrl-lt1-c2{width:33%;}

/* spotlight */
#spotlight {position: relative;}
#spotlight img {float: left; border: 1px solid #fff; margin: 0 12px 0 0;}
#spotlight .slides, #spotlight .slides div {width: 194px; height: 80px;}
#spotlight .pagination {position: absolute; top: 12px; right: 18px; border: 1px solid #ccc;
padding: 5px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;}
#rightcolumn #spotlight .calltoaction {margin: -2.4em 0 1em;}

/* insight */
#insight {position: relative;}
#rightcolumn #insight a {color: #2b84de; font-weight: normal;}
#rightcolumn #insight a:hover {color: #990000;}
#insight img {float: left; border: 1px solid #999; margin: 0 12px 0 0;}
#insight .slides, #insight .slides div {width: 194px; min-height: 80px;}
#insight .pagination {position: absolute; top: 12px; right: 18px;}

/* careeropps */
#careeropps {position: relative;}
#careeropps h4 {color: #000; font-family: 'DINBold'; font-weight: normal; text-transform: uppercase; letter-spacing: 0.1em; font-size: 95%;
-webkit-border-radius: 8px 8px 0 0; -moz-border-radius: 8px 8px 0 0; border-radius: 8px 8px 0 0;
behavior: url(../inc/PIE.htc); position: relative;}
#rightcolumn #careeropps a {color: #2b84de;}
#rightcolumn #careeropps a:hover {color: #990000;}
#rightcolumn #careeropps li {margin-bottom: 6px;}
#rightcolumn #careeropps .calltoaction {margin: 0;}

/* blog */
#blog .inner {padding-left: 86px; background: url(../img/box-blog-bg.png) bottom left no-repeat; position: relative;
-webkit-border-radius: 0 0 0 8px; -moz-border-radius: 0 0 0 8px; border-radius: 0 0 0 8px;
behavior: url(../inc/PIE.htc);}

/* interchange */
#interchange {position: relative;}
/* Removed because it wasn't working at all in IE and has been replaced with the following inner entry - DAM 5/6/12
#interchange .inner {display: none; min-height: 60px; padding-left: 86px; background-repeat: no-repeat; background-position: bottom left;  position: relative;
-webkit-border-radius: 0 0 0 8px; -moz-border-radius: 0 0 0 8px; border-radius: 0 0 0 8px;
behavior: url(../inc/PIE3.htc);} */ 
#interchange .inner {display: none; width: 120px; min-height: 60px; padding-left: 86px; background: url(../img/box-empty-bg.png) bottom left no-repeat; position: relative;
/*-webkit-border-radius: 0 0 0 8px; -moz-border-radius: 0 0 0 8px; border-radius: 0 0 0 8px;
 behavior: url(../inc/PIE.htc);*/ margin-bottom:15px;} 
#interchange p {margin: 0 0 .6em;}
#interchange .smaller {font-size: 85%; margin: 0;}
#rightcolumn #interchange .calltoaction a {display: block; width: 18px; height: 18px; background: url(../img/ic-play.png) no-repeat; position: absolute; bottom: 12px; right: 12px; font-size: 0;}
#interchange .calltoaction a:hover {background-position: 0 -18px;}


#home #interchange .inner {display: none; width: 100%; min-height: 60px; padding-left: 86px; overflow: visible; background: url(../img/box-empty-bg.png) bottom left no-repeat; position: relative;
/*-webkit-border-radius: 0 0 0 8px; -moz-border-radius: 0 0 0 8px; border-radius: 0 0 0 8px;
 behavior: url(../inc/PIE.htc);*/ max-width: 230px; margin-bottom:5px;} 
#home #interchange .calltoaction a {display: block; width: 18px; height: 18px; background: url(../img/ic-play.png) no-repeat; position: absolute; font-size: 0;}


/* design tip */
#designtip {border: 0 !important;}
#designtip h4 {background: url(../img/box-designtip-hdbg.gif) top left repeat-x; color: #fff; padding: 4px 14px 6px;}
#designtip .inner {background: url(../img/box-designtip-bg.gif) bottom left no-repeat;}
#designtip p {width: 80%;}
#rightcolumn #designtip .calltoaction {width: 100%;}
#rightcolumn #designtip .calltoaction a {color: #333;}
#rightcolumn #designtip .calltoaction a:hover {color: #f3c421;}
#designtip .icon {position: absolute; top: 16px; right: 12px; width: 32px; height: 50px; background: url(../img/box-designtip-ic.png) no-repeat;}

/* product boxes */
/*#rightcolumn .products {background: url(../img/box-products-bg.png) bottom left repeat-x;} */
#rightcolumn .products .inner {padding: 4px 14px 8px;}
.products table {width: 100%; margin-bottom: 8px;}
.products th {width: 80px;}
#rightcolumn .products a {color: #2b84de;}
#rightcolumn .products a:hover {color: #990000;}

/* press featured reports */
#featuredside {position: relative;}
#featuredside img {float: left; border: 1px solid #fff; margin: 0 12px 0 0;}
#featuredside .slides, #featuredside .slides div {width: 224px; height: 100px;}
#featuredside .pagination {position: absolute; top: 12px; right: 12px;}

/* twitter */
#rightcolumn #twitter h3 {background: none; }
#rightcolumn #twitter h4 {background: none;}
#rightcolumn #twitter h4 a {font-family: 'DINBold'; text-transform: uppercase; letter-spacing: 0.1em; font-size: 95%;}
#rightcolumn #twitter a {font-family: arial; font-weight: normal;}
#rightcolumn #twitter .twtr-join-conv {color: #fff !important;}

/* press contacts */
#rightcolumn #presscontacts .inner {padding: 4px 0 0;}
#presscontacts p, #presscontacts h3 {padding: 0 14px;}
#presscontacts p.intro {background: #fff; padding-bottom: 1em; margin: 0;}
#presscontacts h3 {border-top: 1px solid #ccc; margin: 0; padding: 6px 14px;}
#rightcolumn #presscontacts a {color: #2b84de; font-weight: normal;}
#rightcolumn #presscontacts a:hover {color: #990000;}

/* isimpe & iSIM rightside boxes */
#isimpe h4 {background: color: #000;}
#isim #rightcolumn a {color: #2b84de; font-weight: normal;}
#isim #rightcolumn a:hover {color: #990000;}
#isim #rightcolumn li {margin: 0 0 1em;}

#isimsteps {font-size: 90%;}
#isimsteps .column {float: left; width: 23%; margin-right: 2% !important;}
#isimsteps .column p {margin-left: 3px;}

/* parametric search */
#parametric #content #tablinks {width: 890px; background: url(../img/tabs-botbg-wide.png) bottom center no-repeat; margin-bottom: 0;}
#parametric #tablinks li a {width: 220px;}

#tutoriallink {float: right; width: 87px; height: 29px; text-indent: -4000px; background: url(../img/bt-tutorial.png) no-repeat; margin-right: 280px;}
#tutoriallink:hover {background-position: 0 -29px;}

#filters {background: url(../img/parametric-bgfilter-top.png) no-repeat; position: relative; width: 904px; margin: 0 -7px; padding-top: 15px; overflow: hidden;}
#filterwrap {background: url(../img/parametric-bgfilter.png) bottom left no-repeat; padding: 0 15px 17px; overflow: auto; width: 872px;}
#filters .scroller {margin: 0 3px 0 0; float: left; width: 170px; background: #fff; border: 1px solid #ccc;}
#filters #filter-competitors, #filters #filter-groupcr, #filters #filter-products {width: 286px;}
#content #filters .scroller .inner {padding: 0; font-size: 90%;}
#filters #filter-group, #filters #filter-group h2, #filters #filter-competitors, #filters #filter-competitors h2 {-webkit-border-radius: 8px 0 0 0; -moz-border-radius: 8px 0 0 0; border-radius: 8px 0 0 0;}
#filters #filter-application, #filters #filter-application h2, #filters #filter-products, #filters #filter-products h2 {margin-right: 0;
-webkit-border-radius: 0 8px 0 0; -moz-border-radius: 0 8px 0 0; border-radius: 0 8px 0 0;}
#filters div h2 {color: #fff; text-transform: uppercase; background-color: #990000; margin: 0; padding: 8px; letter-spacing: 0.1em; font-size: 90%;}
#filters #filter-products h2 {padding-bottom: 0;}
#filters div h2 span {display: block; background: #ddd; margin: 8px -8px 0; padding: 2px 8px; color: #333; font-size: 85%;}
#filters div h2 span input {float: none; font-size: 140%; width: 210px;}
#filters ul {width: 164px; position: relative; list-style: none; padding: 0; margin: 0;}
#filters #filter-competitors ul, #filters #filter-groupcr ul, #filters #filter-products ul {width: 280px;}
#filters ul ul {height: auto;}
#content #filters li {padding: 0; background: none; border-bottom: 1px solid #ddd; margin: 0;}
#content #filters li li {border: 0;}
#filters li a {display: block; padding: 2px 8px; color: #333;}
#filters li li a {padding: 2px 16px;}
#filters li a:hover, #filters li.current a {background: #e3edf8;}
#filters li.current a {font-weight: bold;}

#filters .toggle {position: absolute; top: 16px; right: 10px; width: 8px; height: 8px; cursor: pointer;}
#filters .open {background: url(../img/ic-open-redlg.png) no-repeat;}
#filters .closed {background: url(../img/ic-closed-redlg.png) no-repeat;}

#parametersort {position: relative;}
#parametersort h2 {color: #fff; text-transform: uppercase; background-color: #666; margin: 0; padding: 10px 8px; letter-spacing: 0.1em; font-size: 90%; width: 240px;
-webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;
behavior: url(../inc/PIE.htc);}
#parametersort h3 {text-transform: uppercase; margin: 1em 0 4px; letter-spacing: 0.1em; float: left;}
#parametersort p {float: right; margin: 1em 0 4px;}
#parametersort .toggle {position: absolute; top: 0; left: 0; width: 256px; height: 34px; cursor: pointer;}
#parametersort .open {background: url(../img/ic-open-lg.png) 97% 50% no-repeat;}
#parametersort .closed {background: url(../img/ic-closed-lg.png) 97% 50% no-repeat;}

#content #parametersort form {background: url(../img/parametric-bgfilter.png) bottom left no-repeat; padding: 0 15px 17px; overflow: auto; width: 872px; margin: -6px -7px 0; display: none;}
#content #parametersort form .shim {display: block; background: #fff; width: 256px; height: 6px; margin-left: -7px;}
#content #parametersort ul {clear: both; overflow: auto; margin: 0; padding: 8px 0 0 8px; border: 1px solid #ccc; background: #fff;}
#content #parametersort #parametersortcurr {background: #ccc;}
#content #parametersort li {color: #666; font-weight: bold; float: left; padding: 4px; margin: 0 8px 8px 0; background: #e6e6e6; cursor: move; white-space: nowrap;}
#content #parametersort .ui-state-highlight {border: 1px dotted #8fadcd; background: #e3edf8; padding: 2px;}
#content #parametersort .submit {margin: 6px 0 0;}

#parametric #matching {font-size: 100%; margin: 8px 0;}
#parametric #matching span {color: #990000;}

#parametric #content table {position: relative; overflow: visible; width: 100%; margin: 0;}
#parametric #content table a {font-weight: bold;}
#parametric #content thead a {color: #990000;}
#parametric #content thead a:hover {color: #61b813;}
#parametric #content thead td {border-bottom: 1px solid #ccc;}
#parametric #content table label {float: none; width: auto; padding: 0;}
#parametric #content th {font-family: helvetica, sans-serif; font-weight: bold; padding: 4px 8px 4px 10px; font-size: 95%; line-height: 1.2; vertical-align: bottom; background: url(../img/ic-sort.gif) 0 90% no-repeat; cursor: pointer;}
#parametric #content .headerSortUp, #parametric #content .headersortup {background: url(../img/ic-asc.gif) 0 90% no-repeat;}
#parametric #content .headerSortDown, #parametric #content .headersortdown {background: url(../img/ic-desc.gif) 0 90% no-repeat;}
#parametric #content th:nth-of-type(1) {background: none; padding-right: 8px; cursor: default;}
#parametric #content td {padding: 4px 8px 4px 4px; line-height: 1.2; background: none;}
#parametric #content tbody td {background: #fff; border-bottom: 1px solid #e3edf8;}
#parametric #content .bullet {font-size: 200%; text-align: center; display: block; line-height: .6;}

#parametric #content tbody .highlight, #parametric #content tbody tr.highlight td, #parametric #content tbody tr td.highlight {background: #ecffde !important;}
#parametric #content tbody tr td:hover {background: #d8fdbc !important;}
#parametric #content tbody tr:nth-of-type(2n-1) td {background: #e3edf8;}

#parametric td .description {font-size: 80%; display: block; width: 160px;}

#parametric #content table .toggle {position: relative; padding: 0;}
#parametric #content table .toggle span {position: absolute; top: 8px; right: 0; cursor: pointer; font-weight: bold; color: #2b84de; padding-right: 12px;}
#parametric #content table .open span {background: url(../img/ic-open-redlg.png) right center no-repeat;}
#parametric #content table .closed span {background: url(../img/ic-closed-redlg.png) right center no-repeat;}
#parametric #content table .toggle span:hover {color: #990000;}

#parametric #content table .sliders td {padding: 0;}
#parametric #content table .sliders .wrap {display: none; text-align: right; padding: 30px 4px 4px 4px;}
#parametric #content table .sliders .wrap div {margin: 0 6px 6px 0; height: 80px; float: right;}
#parametric #content table .sliders .text {text-align: right; width: 50px; font-weight: bold; background: none; border: 0; clear: both; float: right; font-size: 85%; color: #555;}

#parametric #content table .ui-slider {position: relative; border: 1px solid #a3a4a6; padding: 0; width: 5px; height: 100%; margin-bottom: -.6em;}
#parametric #content table .ui-slider .ui-slider-handle {position: absolute; z-index: 2; width: 21px; height: 12px; cursor: default; background: url(../img/slider-handle.png) no-repeat; left: -7px; margin-bottom: -3px;}
#parametric #content table .ui-slider .ui-slider-range {position: absolute; z-index: 1; display: block; border: 0; background: url(../img/slider-range.gif) repeat-y; left: 0; width: 100%;}
#parametric #content table .ui-slider-vertical .ui-slider-range-min {bottom: 0;}
#parametric #content table .ui-slider-vertical .ui-slider-range-max {top: 0;}
#parametric #content .tablescroll_body {position: relative;}
#parametric #content .tablescroll_wrapper {border-bottom: 1px solid #ccc; position: relative;}



/* page header -- subnav, search, languages, share */
#pageheader {width: 230px; height: 110px; position: absolute; right: 0px; top: 0px; 
   background-image:-moz-linear-gradient(rgb(102,102,102) 0%,rgb(34,34,34) 100%); 
            background-image:-webkit-gradient(linear,color-stop(0, rgb(102,102,102)),color-stop(1, rgb(34,34,34)));
            background-image:-webkit-linear-gradient(rgb(102,102,102) 0%,rgb(34,34,34) 100%);
            background-image:-o-linear-gradient(rgb(102,102,102) 0%,rgb(34,34,34) 100%);
            background-image:-ms-linear-gradient(rgb(102,102,102) 0%,rgb(34,34,34) 100%);
            background-image:linear-gradient(rgb(102,102,102) 0%,rgb(34,34,34) 100%);
			-webkit-border-radius: 0 0 8px 8px; -moz-border-radius: 0 0 8px 8px; border-radius: 0 0 8px 8px;
    background: url(../img/icons/rightTop.png) no-repeat;

 } 
#pageheader a {color: #fff;}
#pageheader a:hover {color: #fff;} 
#pageheader ul {float: right; clear: right;}
#pageheader li {float: left; margin: 0 0 0 1em;}

#subnav {position: relative; right: 0; margin-top: 4px; /*width: 231px;*/}
#subnav li {display: inline; margin: 0; position: relative;}
#subnav li a {float: left; height: 28px; text-indent: -4000px; background: url(../img/icons/more.png) no-repeat;}
#subnav li a:hover, #subnav li:hover a {background-color: #fff; margin: -1px -1px 0 -1px; border: 1px solid #ccc; border-width: 1px 1px 0;
-webkit-border-radius: 6px 6px 0 0; -moz-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0;
/* behavior: url(../inc/PIE3.htc); */}
#subnav #sn-tools a {width: 51px; background-position: 0 0;}
#subnav #sn-support a {width: 71px; background-position: -15px 0;}
#subnav #sn-about a {width: 59px; background-position: -122px 0;}
#subnav #sn-tools a:hover, #subnav #sn-tools:hover a {background-position: 0 -28px;}
#subnav #sn-support a#subMore:hover, #subnav #sn-support:hover a#subMore {background-position: -15px -28px;}
#subnav #sn-about a:hover, #subnav #sn-about:hover a {background-position: -122px -28px;}

#subnav li ul {display: none; position: absolute; z-index: 4000 !important; top: 28px; font-size: 90%; background: transparent; /*padding: 6px 0;
-webkit-border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px; */
/* behavior: url(../inc/PIE3.htc); */}
#subnav #sn-about ul, #subnav #sn-tools ul {left: -1px;}
#subnav #sn-support ul {right: -1px;}
#subnav #sn-about ul {background: url(../img/subnav-shim-about.png) top left no-repeat;}
#subnav #sn-tools ul {background: url(../img/subnav-shim-tools.png) top left no-repeat;}
#subnav #sn-support ul {}
#subnav li ul li {display: block;}
#subnav li ul li a {float: none; display: block; height: auto; text-indent: 0; background: none; padding: 6px 6px; margin: 0 !important; border: 1px solid #ccc; border-width: 1px 1px 0; border-top-color: #fff !important; width: 218px !important;
-webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important;
/* behavior: url(../inc/PIE3.htc); */}
#subnav li ul li.shim {height: 6px; width: 230px; background: #fff; border: 1px solid #ccc; border-width: 0 1px 1px;
-webkit-border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px;
/* behavior: url(../inc/PIE3.htc); */}

#search, .search {clear: both; padding-top: 0px; font-size: 90%; overflow: hidden; position: relative;}
#pageheader #search, .search {padding-top: 5px;}
.search {width: 234px;}
#search label, .search label {float: none; text-align: left; font-weight: normal; padding: 7px 0 0 10px; color: #666;}
#search .text, .search .text, #search #query {padding: 4px 2px 3px 2px; width: 200px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; 
-ms-input-placeholder: #666;}
#search .text::-ms-clear {
    margin-right: 10px;
}

#search .submit, .search .submit, #search #searchSubmit {margin: -20px 14px 0 0; width: 14px; height: 14px; background: url(../img/search-ic.png) no-repeat; border: 0;
padding: 0; text-indent: -4000px; position: relative; background-position: 0 0;
-webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;
-webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;
behavior: url(../inc/PIE.htc);}
#pageheader #search #searchSubmit {height: 14px;}

#search .submit:hover, .search .submit:hover, #search #searchSubmit:hover {background-position: 0 -14px;}
#parametriclink {float: left; width: 141px; height: 27px; margin: 10px 0 0; text-indent: -4000px; background: url(../img/parametriclinkNew.png) no-repeat;}
/*#parametriclink:hover {background-position: 0 -27px;}*/

#zhlink {float: left; width: 21px; height: 20px; margin: -1px 0 0; text-indent: -4000px; background: url(../img/zh.png) no-repeat;}
#zhlink:hover {background-position: 0 -27px;}

#jalink {float: left; width: 30px; height: 20px; margin: -1px 0 0; text-indent: -4000px; background: url(../img/ja.png) no-repeat;}
#jalink:hover {background-position: 0 -27px;}

#languageoptions {font-size: 80%; margin: .6em 0 0 0;}
#languageoptions li {margin: 0 1em 0 0;}

#shareoptions {margin: 1.4em 10px 1em 0; width: 215px; clear: both;}
#shareoptions li {margin: 0;}
#shareoptions a {float: left; height: 24px; text-indent: -4000px; background: url(../img/shareoptions.png) no-repeat; width: 67px; background-position: 0 0; padding-top: 4px;}

#shareoptions #share-print a {width: 60px; margin-left: 15px;}
#shareoptions #share-share a {margin-left: 2px; background-position: -67px 0;}
#shareoptions #share-rss a {margin-left: 12px; width: 54px; background-position: -135px 0;}

#shareoptions #share-print a:hover {background-position: 0 -24px;}
#shareoptions #share-share a:hover {background-position: -67px -24px;}
#shareoptions #share-rss a:hover {background-position: -135px -24px;}


/* footerlinks */
#footerlinks {font-size: 85%; overflow: visible; clear: both; padding: 0 0 0;}
#footerlinks a {color: #333;}
#interchangevideos #footerlinks, #interchangevideos #footerlinks a {color: #666;}
#footerlinks a:hover, #interchangevideos #footerlinks a:hover {color: #990000;}
#footerlinks ul {float: right; margin-right: -.6em;}
#footerlinks li {float: left; margin: 0 .6em 0 0; padding: 0 0 0 .6em;}/* border-left: 1px solid #666; line-height: 1em;}*/
#footerlinks li:first-child {padding-left: 0; border-left: 0;}
#footerlinks #copyright {padding-left: 1em; border-left: 0;}

/*Separator character inside fotterlinks*/
#footerlinks ul span {float: left;}

/* Social Media Footer icons */
#footerlinksfollow {font-size: 85%; overflow: visible; clear: both;  padding: 3em 0 0;}
#footerlinksfollow span {float: right;}

/* applications menu */ 
#applicationsmenu {background: #414141 url(../img/applications-bg2.gif) center top repeat; position: fixed; top: -128px; width: 100%; height: 128px; z-index: 1000;}
#home #applicationsmenu {top: 0px;}

#applicationsmenu h3 {margin: 0; text-indent: -4000px; width: 156px; height: 25px; background: url(../img/applications-tab.png); position: fixed; top: 4px; left: 46%; cursor: pointer;}
#home #applicationsmenu h3 {top: 128px;}

#applicationsmenu .shim {width: 100%; background: url(../img/applications-shim.gif) repeat-x; height: 5px; position: fixed; top: 0;}
#home #applicationsmenu .shim {top: 124px;}
  
#applicationsmenu ul {margin: 0 auto; width: 960px; overflow: auto;}
#applicationsmenu li {float: left;}
#applicationsmenu li a {text-indent: -4000px; width: 66px; height: 94px; background: url(../img/applications.png) no-repeat; float: left; margin: 8px 7px;}
#applicationsmenu li #app-automotive {background-position: 0 0;}
#applicationsmenu li #app-computing {background-position: -77px 0;}
#applicationsmenu li #app-consumerelec {background-position: -155px 0;}
#applicationsmenu li #app-display {margin-right: 0; background-position: -236px 0;}
#applicationsmenu li #app-energy {width: 78px; margin: 8px 0; background-position: -302px 0;}
#applicationsmenu li #app-instrumentation {width: 91px; margin: 8px 0; background-position: -380px 0;}
#applicationsmenu li #app-industrial {margin-left: 0; background-position: -550px 0;}
#applicationsmenu li #app-medical {background-position: -630px 0;}  
#applicationsmenu li #app-military {background-position: -471px 0;}
#applicationsmenu li #app-networking {background-position: -707px 0;}
#applicationsmenu li #app-security {background-position: -786px 0;}
#applicationsmenu li #app-space {background-position: -864px 0;}

#applicationsmenu li #app-automotive:hover {background-position: 0 -94px;}
#applicationsmenu li #app-computing:hover {background-position: -77px -94px;}
#applicationsmenu li #app-consumerelec:hover {background-position: -155px -94px;}
#applicationsmenu li #app-display:hover {background-position: -236px -94px;}
#applicationsmenu li #app-energy:hover {background-position: -302px -94px;}
#applicationsmenu li #app-instrumentation:hover {background-position: -380px -94px;}
#applicationsmenu li #app-industrial:hover {background-position: -550px -94px;}
#applicationsmenu li #app-medical:hover {background-position: -630px -94px;}    
#applicationsmenu li #app-military:hover {background-position: -471px -94px;}
#applicationsmenu li #app-networking:hover {background-position: -707px -94px;}
#applicationsmenu li #app-security:hover {background-position: -786px -94px;}
#applicationsmenu li #app-space:hover {background-position: -864px -94px;}

#applicationsmenu .more {font-size: 80%; color: #999; font-family: 'DINMedium'; text-transform: uppercase; letter-spacing: 0.1em; position: relative; width: 940px; margin: -4px auto; text-align: right; clear: both;}
#applicationsmenu .more a {color: #999;}
#applicationsmenu .more a:hover {color: #fff;}

/* side products menu */
#sidenav {width: 256px; height: 468px; padding: 18px 12px 36px 0; position: fixed; top: 55px; left: -218px; z-index: 3000; background: url(../img/sidenav-bg.png) top left no-repeat;}
#home #sidenav {top: 180px; left: -10px;}
#sidenav-tabs {float: right; width: 35px; height: 564px; margin-right: -1px;}
#sidenav-tabs li {text-indent: -4000px; width: 35px; height: 141px; background: url(../img/sidenav-tabs.gif) no-repeat; cursor: pointer;}
#sidenav-tabs #sntab-finder {background-position: 0 0;}
#sidenav-tabs #sntab-new {height: 128px; background-position: 0 -141px;}
#sidenav-tabs #sntab-order {height: 72px; background-position: 0 -269px;}
#sidenav-tabs #sntab-codes {height: 127px; background-position: 0 -341px;}

#sidenav-tabs #sntab-finder:hover {background-position: -35px 0;}
#sidenav-tabs #sntab-new:hover {background-position: -35px -141px;}
#sidenav-tabs #sntab-order:hover {background-position: -35px -269px;}
#sidenav-tabs #sntab-codes:hover {background-position: -35px -341px;}

.sn-finder #sntab-finder {background-position: -70px 0 !important;}
.sn-new #sntab-new {background-position: -70px -141px !important;}
.sn-order #sntab-order {background-position: -70px -269px !important;}
.sn-codes #sntab-codes {background-position: -70px -341px !important;}

#sideproductfinder, #sidenewproducts, #sideorder, #sidepartcodes {display: none;}
.sn-finder #sideproductfinder, .sn-new #sidenewproducts, .sn-order #sideorder, .sn-codes #sidepartcodes {display: block;}
#sidenewproducts, #sideorder, #sidepartcodes {margin-left: 10px; width: 204px;}

#sn-allproducts, #sn-parametric, #sn-crossref2, #sn-productgroups {display: block; text-indent: -4000px; height: 35px; width: 214px; background: url(../img/sidenav-productfindertabs.gif) no-repeat;}
#sn-parametric {height: 34px; background-position: 0 -35px;} 
#sn-crossref2 {height: 36px; background-position: 0 -69px;} 
#sn-productgroups {background-position: 0 -105px;}

#sn-allproducts:hover {background-position: -214px 0;}
#sn-parametric:hover {background-position: -214px -35px;}
#sn-crossref2:hover {background-position: -214px -69px;}
#sn-productgroups:hover {background-position: -214px -105px;}

#sn-productgroupswrap li {float: left;}
#sn-productgroupswrap li a {display: block; width: 181px; padding: 5px 8px 4px 24px; margin-bottom: 1px; color: #555; font-weight: bold; font-size: 90%; background: #f3f3f3 url(../img/sidenav-bggroups.gif) top right repeat-y;}
#sn-productgroupswrap li a:hover, #sn-productgroupswrap li:hover a, #sn-productgroupswrap li:hover li a:hover {color: #990000;}
#sn-productgroupswrap li:hover li a {color: #555;}
#sn-productgroupswrap ul li {position: relative; width: 213px;}
#sn-productgroupswrap ul ul {display: none; position: absolute; top: 0; left: 213px; background: #f3f3f3 url(../img/sidenav-bggroups.gif) top right repeat-y; padding: 1px; z-index: 1000;
-webkit-box-shadow: #999 3px 3px 15px; -moz-box-shadow: #999 3px 3px 15px; box-shadow: #999 3px 3px 15px;}
#sn-productgroupswrap ul li li {width: 197px;}
#sn-productgroupswrap ul ul a {background: #fff; font-weight: normal; padding-left: 8px;} 

#crossref {margin: -4px 24px 0; width: 180px; font-size: 90%; overflow: visible; padding-bottom: 30px; display: none;}
#crossref input.text {width: 174px; float: none; display: block;}
#crossref .submit {font-size: 95%; height: 20px; background-position: 0 -5px; margin-top: 3px;}
#crossref .submit:hover {background-position: 0 -35px;}

/* new products menu */ 
#sidenewproducts {margin-left: 0; font-size: 90%;} 
#sidenewproducts h3 {margin: 0;}
#sidenewproducts h3 a {background: #f3f3f3 url(../img/sidenav-bggroups.gif) top right repeat-y; margin-bottom: 1px;  width: 181px; padding: 5px 8px 4px 24px; color: #555; font-weight: bold; font-family: helvetica; display: block;}
#sidenewproducts h3 a:hover {color: #990000;}
#sidenewproducts h3.ui-state-active a {color: #990000;}
#sidenewproducts ul {background: #f3f3f3 url(../img/sidenav-bggroups.gif) top right repeat-y;}
#sidenewproducts ul li {padding: 0 0 0 24px; width: 181px; color: #999; background: #fff; margin-bottom: 1px;}
#sidenewproducts ul li a {display: block; width: auto; background: none; padding: 5px 8px 4px 0; color: #990000; font-family: 'DINBold'; font-weight: normal;}
#sidenewproducts ul li span {font-size: 95%; float: right; margin-top: -18px; font-family: 'DINMedium';}
#sidenewproducts .calltoaction {text-align: right; text-transform: uppercase; font-size: 90%;}
#sidenewproducts .calltoaction a {padding-right: 0;}

/* part codes menu */
#sidepartcodes {padding: 10px; width: 184px; font-size: 90%;}
#sidepartcodes ul {width: 25%; float: left;}
#sidepartcodes a {display: block; text-align: center; background: #f3f3f3; padding: 6px 0; color: #990000; font-family: 'DINBold'; margin: 0 4px 4px 0;}
#sidepartcodes a:hover {background: #990000; color: #fff;}


/* order menu */
#sideorder {background: #efefef; height: 466px; font-size: 90%;}
#sideorder form {background: #fff; padding: 10px; margin: 0 0 1em; overflow: auto; position: relative;}
#sideorder h3 {text-transform: uppercase;}
#sideorder p {background: #fff; padding: 10px 10px 0; margin: 0;}
#sideorder label {float: none; text-align: left; padding: 14px 0 0 15px;}
#sideorder input.text {width: 174px; float: none; display: block;}
#sideorder .submit {font-size: 95%; height: 20px; background-position: 0 -5px; margin-top: 3px;}
#sideorder .submit:hover {background-position: 0 -35px;}
#sideorder .calltoaction {text-align: right; text-transform: uppercase; margin-right: 10px;}
#sideorder .calltoaction a {color: #990000;}

/* myINTERSIL */
#myintersilwrap {position: fixed; bottom: 0; left: -8px; width: 100%; background: url(../img/myintersilwrap-bg.gif) bottom left repeat-x; z-index: 2000;}
#myintersilwrap .myi-arrow {display: block; width: 25px; height: 25px; position: absolute; top: 0; left: 50%; cursor: pointer;}
/*.open .myi-arrow {background: url(../img/myintersil-arrowopen.png) center no-repeat;}*/
#myintersilwrap.open .myi-arrow {width: 81px; margin-left: -40px; background: url(../img/myintersil-arrowopen3.png) center no-repeat; }
.closed .myi-arrow {background: url(../img/myintersil-arrowclosed.png) center no-repeat;}

#myintersilmenu {width: 890px; height: 14px; margin: 0 auto; background: url(../img/myintersilmenu-bg.png) no-repeat; padding: 14px 20px; color: #c1c1c1;}
#myintersilmenu h3 {float: left; color: #fff; font-weight: normal; font-family: 'DINMedium'; letter-spacing: 0.2em; margin: 0 2em 0 0;}
#myintersilmenu ul li {float: left; margin: .3em .6em 0 0; padding: 0 0 0 .6em; border-left: 1px solid #676767; line-height: .9em;}
#myintersilmenu #loggedinnav li {border-left: 0; margin-right: 1.4em;}
#myintersilmenu ul li a {color: #c1c1c1;}
#myintersilmenu ul li a:hover, #myintersilmenu ul li a.current {color: #990000;}
#myintersilmenu ul li:first-child, #myintersilmenu #accountnav #an-cart {padding-left: 0; border-left: 0;}
#myintersilmenu #loginnav li, #myintersilmenu #loggedinnav li, #myintersilmenu #accountnav {font-family: 'DINMedium'; text-transform: uppercase; letter-spacing: 0.2em; font-size: 85%;}
#myintersilmenu #accountnav {float: right;}
#myintersilmenu #accountnav #an-cart a {margin-left: 1em; padding-right: 16px; background: url(../img/ic-cart.png) right -28px no-repeat;}
#myintersilmenu #accountnav #an-cart a:hover, #myintersilmenu #accountnav #an-cart a.current {background-position: top right;}

#myintersil {display: none; width: 862px; padding: 14px 14px 0; margin: 0 auto; overflow: auto; border: 20px solid #000; border-width: 0 20px; background: #eee; position: relative;}
#myintersil #loginform {padding: 0 210px;}
#myintersil #loginform fieldset a {clear: both; display: block; font-weight: bold; margin-left: 100px;}
#myintersil #loginform legend {position: absolute; top: 14px; left: 24px;}
#myintersil #loginform label {font-weight: bold; width: 80px;}
#myintersil #loginform .submit {margin-top: -50px;}

#myintersil table {width: 100%; margin: 0 0 1em;}
#myintersil th {font-family: 'DINBold'; font-weight: normal; padding: 4px 8px; font-size: 95%; line-height: 1.2; vertical-align: bottom; text-transform: uppercase;}
#myintersil td {padding: 4px 8px; line-height: 1.2; border-top: 1px solid #bbb;}

#myintersil #cartform {padding: 0 0 1em;}
#myintersil #cartform .button {font-size: 75%; letter-spacing: 0; padding: 0 .6em; height: 18px; background-position: 0 -30px; border: 0;}
#myintersil #cartform .submit {font-size: 95%; padding: 0 .6em; margin: -1em 60px 1em 0; height: 26px;}

#myintersil #searchorders {background: #bbb; width: 862px; margin: -14px -14px 14px -14px; padding: 14px 14px 10px; position: relative; overflow: auto;}
#myintersil #searchorders label {float: none; text-align: left; font-weight: normal; padding: 5px 0 0 20px; color: #666;}
#myintersil #searchorders legend, #myintersil #searchorders div, #myintersil #searchorders .submit {float: left; overflow: visible;}
#myintersil #searchorders legend, #myintersil #searchorders div {padding: 0 1em 0 0;}

#parametric #toolbar * {display: none;}
#toolbar h4 {width: 45px; height: 61px; text-indent: -4000px; background: url(../img/toolbar-ic.png) no-repeat; position: fixed; right: 8px; top: 22px; cursor: pointer; z-index: 4000;}
#home #toolbar h4 {top: 150px;}
#toolbar ul:hover {cursor: move;}
#toolbar ul {cursor: move; width: 108px; height: 504px; background: url(../img/toolbar-bg.png) no-repeat; position: fixed; right: 8px; top: 22px; display: none; z-index: 4000;}

#home #toolbar ul {top: 150px;}
#toolbar li a {display: block; width: 66px; height: 61px; margin-left: 22px; text-indent: -4000px; background: url(../img/toolbar-tools.png) no-repeat;}
#toolbar #tools-close a {background: none; float: right; width: 20px; height: 20px; margin: 4px 20px 0 0;}
#toolbar #tools-draggable a {background: none; height: 46px; cursor: move; float: left; width: 40px;}
#toolbar #tools-isim a {background-position: 0 0; clear: both;}
#toolbar #tools-ask a {background-position: 0 -61px;}
#toolbar #tools-videos a {background-position: 0 -122px;}
#toolbar #tools-dm a {background-position: 0 -183px;}
#toolbar #tools-packaging a {background-position: 0 -244px;}
#toolbar #tools-pcn a {background-position: 0 -305px;}
#toolbar #tools-sales a {background-position: 0 -366px;}

#toolbar #tools-isim a:hover {background-position: -66px 0;}
#toolbar #tools-ask a:hover {background-position: -66px -61px;}
#toolbar #tools-videos a:hover {background-position: -66px -122px;}
#toolbar #tools-dm a:hover {background-position: -66px -183px;}
#toolbar #tools-packaging a:hover {background-position: -66px -244px;}
#toolbar #tools-pcn a:hover {background-position: -66px -305px;}
#toolbar #tools-sales a:hover {background-position: -66px -366px;}

#tagline {/*text-indent: -4000px; width: 12px; height: 137px; background: url(../img/tagline.png) no-repeat; position: fixed; right: 14px; bottom: 14px; z-index: -100;*/}
#parametric #tagline {display: none !important;}

/*
 * jQuery UI Tabs 1.8.13
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Tabs#theming
 */
.ui-tabs { position: relative; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-hide { display: none !important; }

/* tabSubLinks */
#tabSubLinks {font-size: 85%; overflow: visible; clear: both; padding: 0 0 0;}
#tabSubLinks a {color: #333;}
#tabSubLinks a:hover {color: #990000;}
#tabSubLinks ul, ol {margin-right: -.6em; list-style: none}
#tabSubLinks li {float: left; margin: 0 .6em 0 0; padding: 0 0 0 .6em;}
#tabSubLinks li:first-child {padding-left: 0; border-left: 0;}
#tabSubLinks ul span {float: left;}

/*accordion*/
#content .accordion h3, #rightcolumn .accordion h3 {cursor: pointer; background: url(../img/ic-closed-red.png) 6px 10px no-repeat; padding-left: 14px;}
#content .accordion h3.ui-state-active, #rightcolumn .accordion h3.ui-state-active {background-image: url(../img/ic-open-red.png);}
#content .accordion2 h3, #rightcolumn .accordion2 h3 {cursor: pointer; background: url(../img/ic-closed-red.png) 6px 10px no-repeat; padding-left: 14px;}
#content .accordion2 h3.ui-state-active, #rightcolumn .accordion2 h3.ui-state-active {background-image: url(../img/ic-open-red.png);}

/* Tiny Scrollbar */
.scroller .inner {overflow: hidden !important;}
#filters .scroller .inner {position: relative;}
#content .scroller .viewport {/*width: 290px;*/ height: 278px;}
#content #filters .scroller .viewport {width: 170px; height: 222px; position: absolute; top: 0; left: 0;}
#content #filters #filter-competitors .viewport, #content #filters #filter-groupcr .viewport, #content #filters #filter-products .viewport {width: 286px;}
#content #filters #filter-products .viewport {height: 194px;}
#rightcolumn .scroller .viewport {width: 190px; height: 50px;}
.scroller .viewport {overflow: hidden; position: relative;}
.scroller .scrollcontent, #highlightscroll .scrollcontent { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; }
.scroller .scrollbar{ background: url(../img/scroller-track.png) no-repeat; position: relative; background-position: 0 0; float: right; width: 15px; margin-right: -10px;}
#filters .scroller .scrollbar {margin-right: 0; width: 7px; background: url(../img/scroller-track-filter.gif) repeat-y;}
.scroller .track {height: 100%; width:13px; position: relative; padding: 0 1px; }
.scroller .thumb { height: 20px; width: 25px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: -5px; z-index: 100;}
.scroller .thumb .end {background: #ccc; height: 100%; width: 6px;
-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
behavior: url(../inc/PIE.htc); margin: 0 auto;}
#filters .scroller .thumb .end {background: #666; margin-left: 6px;}
.scroller .disable, #highlightscroll .disable {display: none;}
#filters .disable {display: block;}
#filters .disable .end {display: none !important;}

/* highlight horiz scroller */
#highlightscroll {position: relative; border-top: 1px solid #b5b5b5; color: #666; line-height: 1.1; margin: 0 0 1em; font-size: 90%; padding: 3px 0 2px;}
#interchangevideos #highlightscroll {border-top-color: #fff; margin-right: 6px;}
#highlightscroll .scrollcontent div a {font-weight: bold; display: block; margin-bottom: 4px;}
#highlightscroll .scrollcontent div.current {background: #e3edf8; color: #666; border: 1px solid #2b84de; padding: 9px;
-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
behavior: url(../inc/PIE.htc);}
#interchangevideos #highlightscroll .interchangevid.current {background-color: #e3edf8; border: 1px solid #2b84de; color: #666;}
#highlightscroll .scrollcontent div {width: 190px; padding: 10px; float: left; height: 80px;}
#highlightscroll .scrollcontent div img {float: left; margin: 0 12px 0 0; border: 1px solid #999;}
#highlightscroll .viewport {width: 640px; height: 116px; overflow: hidden; position: relative;}
#interchangevideos #highlightscroll .viewport {width: 884px; height: 104px;}
#highlightscroll .scrollbar {background: url(../img/scroller-track-x.png) 50% 50% no-repeat; position: absolute; bottom: 0; left: 0; z-index: 3000; margin: 0 0 5px; clear: both; height: 15px;}
#interchangevideos #highlightscroll .scrollbar {background-image: url(../img/scroller-track-x-white.png);}
#highlightscroll .track {height:15px; position: relative;}
#highlightscroll .thumb {height: 25px; cursor: pointer; overflow: hidden; position: absolute; left: 0; bottom: -5px; padding: 0 4px;}
#highlightscroll .thumb .end {background: #b5b5b5 url(../img/scroller-thumb-x.png); width: 98%; height: 6px; margin: 10px 0 0; 
-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; 
behavior: url(../inc/PIE.htc);}
#interchangevideos #highlightscroll .thumb .end {background: #fff url(../img/scroller-thumb-x-white.png);}
 
/* myINTERSIL scroller */
#myintersil {overflow: hidden !important; padding-bottom: 10px;} 
#myintersil .viewport {width: 842px; height: 300px; overflow: hidden; position: relative;}
#myintersil .scrollcontent {width: 842px; position: absolute; left: 0; top: 0; padding: 0; margin: 0; }
#myintersil .scrollbar{ background: url(../img/scroller-track.png) no-repeat; position: relative; background-position: 0 0; float: right; width: 15px; margin-right: -10px;}
#myintersil .track {height: 100%; width:13px; position: relative; padding: 0 1px; }
#myintersil .thumb { height: 20px; width: 25px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: -5px; z-index: 1000;}
#myintersil .thumb .end {background: #ccc; height: 100%; width: 6px;
-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
behavior: url(../inc/PIE.htc); margin: 0 auto;}
#myintersil .disable {display: none;}

ul.ui-corner-all, li.ui-menu-item a.ui-corner-all {behavior: none;} /* PIE.htc bug - Doesn't like to round corners of hidden objects. */
 
/* autocomplete */
.ui-autocomplete {position: absolute; cursor: default; border: 1px solid #aaaaaa; background: #ffffff url(../img/jqueryimg/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x; color: #222222; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}
.ui-autocomplete a {display: block; color: #363636; padding: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}
.ui-autocomplete .ui-state-hover, .ui-autocomplete .ui-state-focus { border: 1px solid #999999; background: #dadada url(../img/jqueryimg/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; }

.OneLinkNoTx { /*no-op*/ } 
.OneLinkHide { /*no-op*/ } 
.OneLinkTxShow { display:none; } 
.OneLinkShow { display:none; } 
.OneLinkKeepLinks { /*no-op*/ } 
.OneLinkReplace { /*no-op*/ } 
.OneLinkReplaceNoTx { /*no-op*/ }
.productDiv {
    overflow: auto;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
   /* background: #fff; */
    border: 1px solid #ccc;
    padding: 0px 10px 3px 10px;
    margin-bottom: 10px;
}
.productDiv h2{
	letter-spacing: 0.1em;
    margin: .6em 0 .6em;
}
#leftDuoColumn{float:left; width:49%;}
#rightDuoColumn{float:right; width:49%;}
.hideContent {opacity: 0;}
div.spanPage{
    position: absolute;
    width: 98vw;
    left: calc(-49vw + 50%);
}
#tabs #videos .video.odd, #tabs #videos .refDesign.odd {float: left;}
#tabs #videos .video.even, #tabs #videos .refDesign.even {float: right;}
input.text.roundedTextField, input.password.roundedTextField, .roundedTextField{
	-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;
    /* Firefox v3.6+ */
background-image:-moz-linear-gradient(49% 0% -90deg,rgb(255,255,255) 0%,rgb(255,255,255) 100%); 
/* safari v4.0+ and by Chrome v3.0+ */
background-image:-webkit-gradient(linear,49% 0%,49% 49%,color-stop(0, rgb(255,255,255)),color-stop(1, rgb(255,255,255)));
/* Chrome v10.0+ and by safari nightly build*/
background-image:-webkit-linear-gradient(-90deg,rgb(255,255,255) 0%,rgb(255,255,255) 100%);
/* Opera v11.10+ */
background-image:-o-linear-gradient(-90deg,rgb(255,255,255) 0%,rgb(255,255,255) 100%);
/* IE v10+ */
background-image:-ms-linear-gradient(-90deg,rgb(255,255,255) 0%,rgb(255,255,255) 100%);
background-image:linear-gradient(180deg,rgb(255,255,255) 0%,rgb(255,255,255) 100%);
width:318px;
height:23px;
border-color:rgb(204,204,204);
border-width:1px;
border-style:solid;
-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffeeeeee,endColorstr=#ffffffff,GradientType=0)";
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffeeeeee,endColorstr=#ffffffff,GradientType=0);
}
textarea.roundedCommentField{
        	-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;
    /* Firefox v3.6+ */
background-image:-moz-linear-gradient(49% 0% -90deg,rgb(255,255,255) 0%,rgb(255,255,255) 100%); 
/* safari v4.0+ and by Chrome v3.0+ */
background-image:-webkit-gradient(linear,49% 0%,49% 49%,color-stop(0, rgb(255,255,255)),color-stop(1, rgb(255,255,255)));
/* Chrome v10.0+ and by safari nightly build*/
background-image:-webkit-linear-gradient(-90deg,rgb(255,255,255) 0%,rgb(255,255,255) 100%);
/* Opera v11.10+ */
background-image:-o-linear-gradient(-90deg,rgb(255,255,255) 0%,rgb(255,255,255) 100%);
/* IE v10+ */
background-image:-ms-linear-gradient(-90deg,rgb(255,255,255) 0%,rgb(255,255,255) 100%);
background-image:linear-gradient(180deg,rgb(255,255,255) 0%,rgb(255,255,255) 100%);
border-color:rgb(204,204,204);
border-width:1px;
border-style:solid;
-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffeeeeee,endColorstr=#ffffffff,GradientType=0)";
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffeeeeee,endColorstr=#ffffffff,GradientType=0);
}
div#topWrapper{
	display:table;
    position: absolute;
	top: 20px;
	left: 300px;
    color: #333;
        width: 430px;
}
#topWrapper a {
	color: #333;
}
#topWrapper a:hover {
	color: #990000;
}
div.topWrapperPadding{width: 16px; }
div.topWrapperPadding2{width: 5px; }
div#topLang{
    display:table-cell;
    height: 25px;
    margin: 0 0 0;
    vertical-align: top;
    background: url(../img/icons/topIconsSprite.png) no-repeat;
    background-position: 0 6px;
	font-family: DINBold;
	font-size: 11px;
    color: #666;
    float: right;
    margin-right: 16px;
}

div#topLang:hover{
	background-position: 0 -130px;
}

a#langEnglish{
    height: 25px;
    line-height: 25px;
    float: left;
    margin-left: 25px;
    vertical-align: middle;
}

#langEnglish:hover{
	/*background-position: 0 -16px; */
            color: #99000;
}
a#langChinese{
    height: 25px;
    line-height: 25px;
    float: left;
    margin-left: 5px;
            width: 25px;
            text-indent: -4000px;
    vertical-align: middle;
    background: url(../img/icons/chineseLangSprite.png) no-repeat;
    background-position: 0 0;
}
a#langChinese:hover{
    background-position: 0 -25px;
}


a#langJapanese{
    height: 25px;
    line-height: 25px;
    float: left;
    margin-left: 5px;
    vertical-align: middle;
}

.showSignIn {
	text-indent: 20px;
}
.leftDuoCol, .rightDuoCol{
	float: left;
    width: 47%;
    margin-left:1%;
    margin-right:1%;
}
.rightDuoCol{
	float: right;
    width: 47%;
    margin-left:1%;
    margin-right:1%;
}
div#topSignIn{
    display: table-cell;
    height: 25px;
    z-index:501;
    margin: 0 0 0;
    float:right;
}

div#topSignIn:hover{
	background-position: 0 -125px;
}
div#topSignIn:hover a{
    /*color:#990000; */
}
div#topSignIn:hover a#signedInMenu{
    color:#990000;
}

.signedInCSS{
    color:#000;
}
    .signedInCSS:hover{
            color:#990000;
            }
a#signInLink{

    height: 25px;
    line-height: 25px;
    float: left;
    margin-left: 5px;
    vertical-align: middle;
    background: url(../img/icons/topIconsSprite.png) no-repeat;
    background-position: 0 -535px;
    text-indent: 25px;
    font-family: DINBold;
	font-size: 11px;
    color: #666;
    padding-right: 15px;
}
#editprofile a, #logout a {display: block;
	white-space: nowrap;
	font-family: sans-serif;
	font-size: 13px;
	color: #2b84de;
}
a#signInLink:hover{
    color:#990000;
    background: url(../img/icons/topIconsSprite.png) no-repeat;
    background-position: 0 -670px;
    text-indent: 25px;
}
a#signedInMenu, a#signedInMenu2{
    height: 25px;
    line-height: 25px;
    float: left;
    font-family: DINBold;
	font-size: 11px;
    color: #666;
    background: url(../img/icons/topIconsSprite.png) no-repeat;
    background-position: 0 -535px;
    text-indent: 25px;
}

a#signedInMenu2 > span{
    color: #000;
}
a#signedInMenu2:hover > span{
    color: #990000;
}

a#signedInMenu{
    margin-top: -12px;
	margin-left: -2px;
    background-position: 0 -670px;
}
.signedInUser{
    color:#000;
    }
.signedInUser:hover{
    color:#990000;
    }

.signedInUser:hover + #arrowDown{
    background: url(../img/icons/downArrows.png) no-repeat;
    background-position: 0 -1px;
    float: right;
}

a#signedInMenu:hover, a#signedInMenu2:hover{
    color:#990000;
    background: url(../img/icons/topIconsSprite.png) no-repeat;
    background-position: 0 -670px;
    text-indent: 25px;
}


.hideSignedInMenu, .hideSignIn{
    visibility:hidden;
    display:none;
}

div#topCart{
   /* position: absolute;
	top: 24px;
	left: 670px; 
    width: 60px; 
    display: table-cell;*/
    height: 25px;
    margin: 0 0 0;
   /* vertical-align: top; */
    background: url(../img/icons/topIconsSprite.png) no-repeat;
    background-position: 0 -265px;
    margin-left: 5px;
    float:right;
}

div#topCart:hover{
	background-position: 0 -400px;
}
div#topCart:hover a{
	color:#990000;
}


a#shoppingCartLink{
    height: 25px;
    line-height: 25px;
    float: left;
    margin-left: 25px;
    vertical-align: middle;
    font-family: DINBold;
	font-size: 11px;
    color: #666;
}

a#shoppingCartLink:hover{
    color:#990000;
}
a#shoppingCartMenu{
    width: 100%;
    height: 13px;
    float: left;
    margin-left: 20px;
    font-family: DINBold;
	font-size: 13px;
    color: #000;
}

a#shoppingCartMenu:hover{
}
div#parametricSearch{
    position: relative;
		top: 24px;
		left: 5px;
    width: 160px;
    height: 13px;
    margin: 0 0 0;
    background: url(../img/icons/parametricLogo.png) no-repeat;
    background-position: 0 -3px;
}
div#divider{
    position: relative;
	top: 14px;
	left: 139px;
	width: 16px;
	margin: 0 0 0;
}
div#parametricSearch:hover{
	background-position: 0 -3px;
}
div#parametricSearch:hover a{
	color:#fff;
}


a#parametricSearchLink{
    width: 100%;
    height: 13px;
    float: left;
    margin-left: 20px;
    font-family: DINRegular;
    font-weight: bold;
    font-size: 11px;
    color: #fff;
    margin-top: -1.5px;
}

a#parametricSearchLink:hover{
    color:#fff;
}
a#environmentalSearch {height: 25x; text-indent: 25px; background: url(../img/icons/more3.png) no-repeat;
background-position: 0px 0px;}
a#environmentalSearch:hover { background-position: 0 -25px;}

 a#crossReference {height: 25x; text-indent: 25px; background: url(../img/icons/more3.png) no-repeat;
background-position: 0px -50px;}
a#crossReference:hover { background: url(../img/icons/more3.png) no-repeat;
background-position: 0px -75px;}

 a#reliabilityReports {height: 25x; text-indent: 25px; background: url(../img/icons/more3.png) no-repeat;
background-position: 0px -100px;}
 a#reliabilityReports:hover { background: url(../img/icons/more3.png) no-repeat;
background-position: 0px -125px;}


#socialMenu ul {margin: 0 auto; overflow: auto;}
#socialMenu li {float: left;}
#socialMenu li a {text-indent: -4000px; width: 20px; height: 15px; background: url(../img/icons/social.png) no-repeat; float: left; margin: 8px 7px;}
#socialMenu li#socialTitle {margin-top: 10px;}
#socialMenu li #socialFaceBook {background-position: 0 0;}
#socialMenu li #socialTwitter {background-position: -32px 0;}
#socialMenu li #socialLinkedIn {background-position: -64px 0;}
#socialMenu li #socialYouTube {background-position: -96px 0;}
#socialMenu li #socialWeibo {background-position: -128px 0;}

#socialMenu li #socialFaceBook:hover {background-position: 0 -16px;}
#socialMenu li #socialTwitter:hover {background-position: -32px -16px;}
#socialMenu li #socialLinkedIn:hover {background-position: -64px -16px;}
#socialMenu li #socialYouTube:hover {background-position: -96px -16px;}
#socialMenu li #socialWeibo:hover {background-position: -128px -16px;}

#signInDropDownOff{
    position: relative; width: 100%; height: 100px;top: -13px; left: -4px; max-width: 210px;
					box-shadow: 0 3px 6px rgba(0,0,0,0.3), inset 0 -3px 3px rgba(0,0,0,0.1); opacity: 0; 
					padding-top: 10px; padding-left: 3px; border: 1px rgba(0,0,0,0.3) solid;
					background: #ffffff; -webkit-border-radius: 5px 5px; -moz-border-radius: 5px 5px; 
					border-radius: 5px 5px; -webkit-transition: all .3s ease .15s; -moz-transition: all .3s ease .15s; 
					-o-transition: all .3s ease .15s; -ms-transition: all .3s ease .15s; transition: all .3s ease .15s;
}
#signInDropDownOff:hover{
    display: none;
    position: relative; width: 100%; height: 100px;top: -13px; left: -4px; max-width: 210px;
					box-shadow: 0 3px 6px rgba(0,0,0,0.3), inset 0 -3px 3px rgba(0,0,0,0.1); opacity: 0; 
					padding-top: 10px; padding-left: 3px; border: 1px rgba(0,0,0,0.3) solid;
					background: #ffffff; -webkit-border-radius: 5px 5px; -moz-border-radius: 5px 5px; 
					border-radius: 5px 5px; -webkit-transition: all .3s ease .15s; -moz-transition: all .3s ease .15s; 
					-o-transition: all .3s ease .15s; -ms-transition: all .3s ease .15s; transition: all .3s ease .15s;
}
#signInDropDown{ 
    display:none; position: relative; clear: left; height: 80px;top: -34px; left: -4px; max-width: 210px; z-index:-5;
					box-shadow: 0 3px 6px rgba(0,0,0,0.3), inset 0 -3px 3px rgba(0,0,0,0.1); opacity: 0; 
					padding-top: 20px; padding-left: 5px; padding-right: 5px; border: 1px rgba(0,0,0,0.3) solid;
					background: #ffffff; -webkit-border-radius: 5px 5px; -moz-border-radius: 5px 5px; 
					border-radius: 5px 5px; -webkit-transition: all .3s ease .15s; -moz-transition: all .3s ease .15s; 
					-o-transition: all .3s ease .15s; -ms-transition: all .3s ease .15s; transition: all .3s ease .15s;
}
#signInDropDown.click_hover{
   display: block; position: relative; clear: left; height: 80px;top: -34px; left: -4px; max-width: 210px; z-index:501;
					box-shadow: 0 3px 6px rgba(0,0,0,0.3), inset 0 -3px 3px rgba(0,0,0,0.1); opacity: 100; 
					padding-top: 20px; padding-left: 5px; padding-right: 5px; border: 1px rgba(0,0,0,0.3) solid;
					background: #ffffff; -webkit-border-radius: 5px 5px; -moz-border-radius: 5px 5px; 
					border-radius: 5px 5px; -webkit-transition: all .3s ease .15s; -moz-transition: all .3s ease .15s; 
					-o-transition: all .3s ease .15s; -ms-transition: all .3s ease .15s; transition: all .3s ease .15s;
}

a#signedInMenu:hover + div#signInDropDown, a#signedInMenu2:hover + div#signInDropDown{
    display:block;
}

div#topSignIn:hover + div#signInDropDown {
	/* left: -4px; */
}

.signInError{
	display:none;
 }
.signInErrorMessage{
    padding: 10px; 
    background: #EBC097; -webkit-border-radius: 5px 5px; -moz-border-radius: 5px 5px; border-radius: 5px 5px;
}
.signInHide{
        display:none;
}
#langEnglish.enON {color: #000;}
#arrowDown{
    background: url(../img/icons/downArrows.png) no-repeat;
    background-position: 0 -51px;
    float: right;
    height: 25px;
    width: 5px;
    display: inline-block;
    padding-right: 5px;
}
#topSignIn:hover > #signedInMenu2 > #arrowDown, #signInDropDown #arrowDown, #arrowDown.click_hover{
    background: url(../img/icons/downArrows.png) no-repeat;
    background-position: 0 -1px;
    float: right;
}

#arrowDownMore{
    background: url(../img/icons/downArrows.png) no-repeat;
    background-position: 0 -26px;
    float: right;
    height: 25px;
    width: 5px;
    display: inline-block;
    padding-right: 4px;
    position: relative;
	left: 5px;
	top: -28px;
}
#arrowDownMore.click_hover, .navSmall.click_hover #arrowDownMore{
    background: url(../img/icons/downArrows.png) no-repeat;
    background-position: 0 -1px;
    float: right;
}

.placeholder { color: #ccc; }
.featuredProductsWithLarge{
	display: inline-block;
	padding-bottom: 10px;
}

.hide {display: none;}

.newLabel {
	font-size: 13px;
    }
.regSelect {
    width: 325px;
    height: 28px;
}
select #bill-country, select #bill-country{
    width: 325px;
    height: 28px;
}
label {font-size: 13px;}
.regDiv {padding-bottom: 5px;}
#noscriptmessage {width: 670px; padding: 20px; margin: 1em auto 2em; border: 3px solid #990000; color: #990000; font-size: 150%; background: #fff;}

/* Reset */
.nav,
.nav a,
.nav ul,
.nav li,
.nav div,
.nav form,
.nav input {
	margin: 0;
	padding: 0;
	border: none;
	outline: none;
    cursor: pointer;
}

.nav a { text-decoration: none; }

.nav li { list-style: none; }

/* Menu Container */
.nav {
	display: inline-block;
	position: relative;
	cursor: default;
	z-index: 500;
    position: absolute;
	top: 61px;
    width: 980px;
    left: 0px;
}



/* Menu List */
.nav > li {
	display: block;
	float: left;
}

/* Menu Links */
.nav > li > a {
	position: relative;
	display: block;
	z-index: 510;
	height: 52px;
	padding: 0 24px;
	line-height: 42px;
	font-family: DINRegular, Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 14px;
	color: #fff;
    text-transform: uppercase;
    text-align: center;
    /*min-width: 70px; */
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	-ms-transition: all .3s ease;
	transition: all .3s ease;
	top: -1px;
}

.nav > li:hover > a, .nav > li > a.click_hover { background: #fff; color: #990000; border-top: solid #ccc 1px; top: -1px;}

.nav > li:first-child > a {
	/*border-radius: 3px 0 0 3px; */
	border-left: none;
}

/* Search Form */
.nav > li.nav-search > form {
	position: relative;
	width: inherit;
	height: 54px;
	z-index: 510;
	border-left: 1px solid #4b4441;
}

.nav > li.nav-search input[type="text"] {
	display: block;
	float: left;
	width: 1px;
	height: 24px;
	padding: 15px 0;
	line-height: 24px;

	font-family: DINRegular, Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 13px;
	color: #999999;
	text-shadow: 0 0 1px rgba(0,0,0,.35);

	background: #372f2b;

	-webkit-transition: all .3s ease 1s;
	-moz-transition: all .3s ease 1s;
	-o-transition: all .3s ease 1s;
	-ms-transition: all .3s ease 1s;
	transition: all .3s ease 1s;
}

.nav > li.nav-search input[type="text"]:focus { color: #fcfcfc; }

.nav > li.nav-search input[type="text"]:focus,
.nav > li.nav-search:hover input[type="text"] {
	width: 110px;
	padding: 15px 20px;

	-webkit-transition: all .3s ease .1s;
	-moz-transition: all .3s ease .1s;
	-o-transition: all .3s ease .1s;
	-ms-transition: all .3s ease .1s;
	transition: all .3s ease .1s; 
}

.nav > li.nav-search input[type="submit"] {
	display: block;
	float: left;
	width: 20px;
	height: 54px;
	padding: 0 25px;
	cursor: pointer;

	background: #372f2b url(../img/search-icon.png) no-repeat center center;

	border-radius: 0 3px 3px 0;

	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	-ms-transition: all .3s ease;
	transition: all .3s ease;
}

.nav > li.nav-search input[type="submit"]:hover { background-color: #4b4441; }

/* Menu Dropdown */
.nav > li > div.has_children_inactive {
	position: absolute; display: none; width: 100%; top: 43px; left: -2px;
box-shadow: 0 3px 6px rgba(204,204,204,204.3), inset 0 -3px 3px rgba(204,204,204,204.1);
opacity: 0; visibility: hidden; overflow: hidden; background: #ffffff; -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px;
-webkit-transition: all .3s ease .15s; -moz-transition: all .3s ease .15s; -o-transition: all .3s ease .15s; -ms-transition: all .3s ease .15s; transition: all .3s ease .15s; background-color: rgb(255,255,255); border-color: rgb(204,204,204);
border-width: 1px; border-style: solid; border-top-color: #fff; -moz-box-shadow: 0px 3px 10px rgba(0,0,0,0.5);
-webkit-box-shadow: 0px 3px 10px rgba(0,0,0,0.5); box-shadow: 0px 3px 10px rgba(0,0,0,0.5); -ms-filter: "progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=3,Color=#80000000,Positive=true)";
filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=3,Color=#80000000,Positive=true);
}

.nav > li > div.has_children_active {
	position: absolute; display: block; width: 100%; top: 43px; left: -2px;
box-shadow: 0 3px 6px rgba(204,204,204,204.3), inset 0 -3px 3px rgba(204,204,204,204.1);
opacity: 1; visibility: visible; overflow: visible; background: #ffffff; -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px;
-webkit-transition: all .3s ease .15s; -moz-transition: all .3s ease .15s; -o-transition: all .3s ease .15s; -ms-transition: all .3s ease .15s; transition: all .3s ease .15s; background-color: rgb(255,255,255); border-color: rgb(204,204,204);
border-width: 1px; border-style: solid; border-top-color: #fff; -moz-box-shadow: 0px 3px 10px rgba(0,0,0,0.5);
-webkit-box-shadow: 0px 3px 10px rgba(0,0,0,0.5); box-shadow: 0px 3px 10px rgba(0,0,0,0.5); -ms-filter: "progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=3,Color=#80000000,Positive=true)";
filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=3,Color=#80000000,Positive=true);
}
/* Menu Content Styles */
.nav .nav-column {
	float: left;
	width: 20%;
	padding: 0 2.5% 2.5% 2.5%;
}
.nav .nav-column.triNav {
	width: 28%;
}

.nav .nav-column.triNav.short {
	width: 25%;
}

.nav .nav-column.triNav.wide {
	width: 34%;
}

.nav .nav-column.navDivider {
	width: 1px;
    padding: 0;
    margin-left: 10px;
}

.nav .nav-column.navDividerLong {
	width: 1px;
    padding: 0;
    margin-left: 10px;
}

.nav .nav-column.navDividerLong:before {
    content:" ";
    margin:0 -15px;
    position: absolute;
    top: 50px;
    bottom: 30px;
    width: 1px;
    background: #CCC;
}
.nav .nav-column.navDivider:before {
    content:" ";
    margin:0 -15px;
    position: absolute;
    top: 50px;
    bottom: 50px;
    width: 1px;
    background: #CCC;
}

.nav .nav-column h3 {
	margin: 20px 0 10px 0;
	font-family:DINRegular;
    font-size:12px;
    font-weight:bold;
    line-height:120%;
    color:rgb(51,51,51);
    text-align:left;

	text-transform: uppercase;
}
.nav .nav-column #search .text {
    /*height: 20px;*/
    border-radius: 6px;
    border: 1px solid #CCC;
    margin-bottom: 10px;
}
.nav-column #search #searchSubmit{
	margin: -30px 54px 0px 0px;
}

.nav-column p {
    font-size:11px;
    line-height:125%;
    color:rgb(51,51,51);
    text-align:left;
}

.nav .nav-column h3.orange { color: #ff722b; }

.nav .nav-column li a {
	display: block;
	line-height: 30px;
	white-space: nowrap;
	font-family: sans-serif;
	font-size: 13px;
	color: #2b84de;
}

.nav .nav-column li a.all {
	font-weight: bold;
}

.nav .nav-column li div {
	vertical-align: middle;
    height: 40px;
    padding-left:50px;
    background-position: 0 0;
}

.nav .nav-column li div a {
    line-height: 40px;
}
.nav .nav-column li div#refDes, div#iSIM, div#designModels, div#softwareDrivers, div#videoCenter, div#selectionGuides {
	background: url(../img/icons/newTools.png) no-repeat;
}
.nav .nav-column li div#refDes { background-position:0 0; }
.nav .nav-column li div#refDes:hover { background-position:0 -40px; }
.nav .nav-column li div#iSIM { background-position:0 -80px;}
.nav .nav-column li div#iSIM:hover { background-position:0 -120px; }
.nav .nav-column li div#designModels { background-position:0 -160px;} 
.nav .nav-column li div#designModels:hover {background-position:0 -200px;}
.nav .nav-column li div#softwareDrivers {background-position:0 -240px;} 
.nav .nav-column li div#softwareDrivers:hover {background-position:0 -280px;} 
.nav .nav-column li div#videoCenter {background-position:0 -320px;}
.nav .nav-column li div#videoCenter:hover {background-position:0 -360px;}
.nav .nav-column li div#selectionGuides {background-position:0 -400px;}
.nav .nav-column li div#selectionGuides:hover {background-position:0 -440px;}

.nav .nav-column li a:hover, .nav .nav-column li div:hover a { color: #990000; }


/* Reset */
.navSmall,
.navSmall a,
.navSmall ul,
.navSmall li,
.navSmall div,
.navSmall form,
.navSmall input {
	margin: 0;
	padding: 0;
	border: none;
	outline: none;
}

.navSmall a { text-decoration: none; }

.navSmall li { list-style: none; width: 100%;}

/* Menu Container */
.navSmall {
	display: inline-block;
	position: relative;
	cursor: default;
	z-index: 551;
    position: absolute;
	top: 11px;
    width: 50px;
    left: 130px;
}



/* Menu List */
.navSmall > li {
	display: block;
	float: left;
}

/* Menu Links */
.navSmall > li > a {
	position: relative;
	display: block;
	z-index: 510;
	padding: 3px 19.8px 6px 9px;
    left: 18px;
    width: 38px;
	line-height: 32px;
	font-family: DINRegular, Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 11px;
	color: #fff;
    text-transform: uppercase;
    text-align: center;
/*	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	-ms-transition: all .3s ease;
	transition: all .3s ease; */
    border-radius: 5px 5px 0 0;

}
#pageheader .navSmall > li > a:hover{
	/*color:#990000;*/
        }
#pageheader .navSmall > li > a.click_hover { background: #fff; color: #990000; 
    box-shadow: 0 3px 6px rgba(204,204,204,204.3), inset 0 -3px 3px rgba(204,204,204,204.1); display:block; visibility: visible;
overflow: hidden; background: #ffffff; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius:5px 5px  0 0 ; border-radius: 5px 5px 0 0;
/*-webkit-transition: all .3s ease .15s; -moz-transition: all .3s ease .15s; -o-transition: all .3s ease .15s; -ms-transition: all .3s ease .15s; transition: all .3s ease .15s;*/ background-color: rgb(255,255,255); border-color: rgb(204,204,204);
border-width: 1px; border-style: solid; -moz-box-shadow: 0px 3px 10px rgba(0,0,0,0.5);
-webkit-box-shadow: 0px 3px 10px rgba(0,0,0,0.5); box-shadow: 0px 3px 10px rgba(0,0,0,0.5); -ms-filter: "progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=3,Color=#80000000,Positive=true)";
filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=3,Color=#80000000,Positive=true);
}

#pageheader .navSmall > li.hover_touch #arrowDownMore{
/*-webkit-transition: none .3s linear .15s; -moz-transition: none .3s linear .15s; -o-transition: none .3s linear .15s; -ms-transition: none .3s linear .15s; transition: none .3s linear .15s; */
    background: url(../img/icons/downArrows.png) no-repeat;
    background-position: 0 -1px;
    float: right;
}

.navSmall > li:first-child > a {
	/*border-radius: 3px 0 0 3px;
	border-left: none; */
}

/* Search Form */
.navSmall > li.navSmall-search > form {
	position: relative;
	width: inherit;
	height: 54px;
	z-index: 510;
	border-left: 1px solid #4b4441;
}

.navSmall > li.navSmall-search input[type="text"] {
	display: block;
	float: left;
	width: 1px;
	height: 24px;
	padding: 15px 0;
	line-height: 24px;

	font-family: DINRegular, Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 13px;
	color: #999999;
	text-shadow: 0 0 1px rgba(0,0,0,.35);

	background: #372f2b;

	-webkit-transition: all .3s ease 1s;
	-moz-transition: all .3s ease 1s;
	-o-transition: all .3s ease 1s;
	-ms-transition: all .3s ease 1s;
	transition: all .3s ease 1s;
}

.navSmall > li.navSmall-search input[type="text"]:focus { color: #fcfcfc; }

.navSmall > li.navSmall-search input[type="text"]:focus,
.navSmall > li.navSmall-search:hover input[type="text"] {
	width: 110px;
	padding: 15px 20px;

	-webkit-transition: all .3s ease .1s;
	-moz-transition: all .3s ease .1s;
	-o-transition: all .3s ease .1s;
	-ms-transition: all .3s ease .1s;
	transition: all .3s ease .1s;
}

.navSmall > li.navSmall-search input[type="submit"] {
	display: block;
	float: left;
	width: 20px;
	height: 54px;
	padding: 0 25px;
	cursor: pointer;

	background: #372f2b url(../img/search-icon.png) no-repeat center center;

	border-radius: 0 3px 3px 0;

	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	-ms-transition: all .3s ease;
	transition: all .3s ease;
}

.navSmall > li.navSmall-search input[type="submit"]:hover { background-color: #4b4441; }

/* Menu Dropdown */
#dm1.has_children_inactive {
	position: absolute; display: none; width: 227px; top: 38px; left: -130px;z-index: 600;
box-shadow: 0 3px 6px rgba(204,204,204,204.3), inset 0 -3px 3px rgba(204,204,204,204.1);
opacity: 0; visibility: hidden; overflow: hidden; background: #ffffff; -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px;
-webkit-transition: all .3s ease .15s; -moz-transition: all .3s ease .15s; -o-transition: all .3s ease .15s; -ms-transition: all .3s ease .15s; transition: all .3s ease .15s; background-color: rgb(255,255,255); 
border-left-color: rgb(204,204,204); border-right-color: rgb(204,204,204); border-bottom-color: rgb(204,204,204);
border-left-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-style: solid; border-top: 0px; 
    -moz-box-shadow: 0px 3px 10px rgba(0,0,0,0.5);
-webkit-box-shadow: 0px 5px 10px rgba(0,0,0,0.5); 
box-shadow: 0px 5px 10px rgba(0,0,0,0.5); 
    -ms-filter: "progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=3,Color=#80000000,Positive=true)";
filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=3,Color=#80000000,Positive=true);
}

#dm1.has_children_active {
	position: absolute; display: block; width: 227px; top: 38px; left: -130px;z-index: 600;
box-shadow: 0 3px 6px rgba(204,204,204,204.3), inset 0 -3px 3px rgba(204,204,204,204.1);
opacity: 1; visibility: visible; overflow: visible; background: #ffffff; -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px;
-webkit-transition: all .3s ease .15s; -moz-transition: all .3s ease .15s; -o-transition: all .3s ease .15s; -ms-transition: all .3s ease .15s; transition: all .3s ease .15s; background-color: rgb(255,255,255); 
border-left-color: rgb(204,204,204); border-right-color: rgb(204,204,204); border-bottom-color: rgb(204,204,204);
border-left-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-style: solid; border-top: 0px; 
    -moz-box-shadow: 0px 3px 10px rgba(0,0,0,0.5);
-webkit-box-shadow: 0px 5px 10px rgba(0,0,0,0.5); 
box-shadow: 0px 5px 10px rgba(0,0,0,0.5); 
    -ms-filter: "progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=3,Color=#80000000,Positive=true)";
filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=3,Color=#80000000,Positive=true);
}

.navSmall > li > div.click_hover {
	opacity: 1;
	visibility: visible;
	overflow: visible;
    /*z-index: 5000 !important;*/
}

/* Menu Content Styles */
.navSmall .navSmall-column {
	padding: 0 2.5% 2.5% 2.5%;
}
.navSmall .navSmall-column.triNav {
	width: 28%;
}

.navSmall .navSmall-column.triNav.short {
	width: 25%;
}

.navSmall .navSmall-column.triNav.wide {
	width: 34%;
}

.navSmall .navSmall-column.navSmallDivider {
	width: 1px;
    padding: 0;
    margin-left: 10px;
}

.navSmall .navSmall-column.navSmallDivider:before {
    content:" ";
    margin:0 -15px;
    position: absolute;
    top: 50px;
    bottom: 50px;
    width: 1px;
    background: #CCC;
}

.navSmall .navSmall-column h3 {
	margin: 20px 0 10px 0;
	font-family:DINRegular;
    font-size:12px;
    font-weight:bold;
    line-height:120%;
    color:rgb(51,51,51);
    text-align:left;

	text-transform: uppercase;
}
.navSmall .navSmall-column #search .text {
    /* height: 20px; */
    border-radius: 6px;
    border: 1px solid #CCC;
    margin-bottom: 10px;
}
.navSmall-column #search #searchSubmit{
	margin: -30px 54px 0px 0px;
}

.navSmall-column p {
    font-size:11px;
    line-height:125%;
    color:rgb(51,51,51);
    text-align:left;
}

.navSmall .navSmall-column h3.orange { color: #ff722b; }

#pageheader .navSmall .navSmall-column li a {
	display: block;
	line-height: 30px;
	white-space: nowrap;
	font-family: sans-serif;
	font-size: 13px;
	color: #2b84de;
}

.navSmall .navSmall-column li a.all {
	font-weight: bold;
}

.navSmall .navSmall-column li div {
	vertical-align: middle;
    height: 40px;
    padding-left:50px;
    background-position: 0 0;
}

.navSmall .navSmall-column li div a {
    line-height: 40px;
}
.navSmall .navSmall-column li div#refDes {
	background: url(../img/icons/newTools.png) no-repeat;
    background-position: 0 0;
}
.navSmall .navSmall-column li div#refDes:hover {
    background-position:0 -40px;
}

.navSmall .navSmall-column li div#iSIM {
	background: url(../img/icons/newTools.png) no-repeat;
    background-position: 0 0;
} 
.navSmall .navSmall-column li div#designModels {
	background: url(../img/icons/designModels.png) no-repeat;
} 
.navSmall .navSmall-column li div#softwareDrivers {
	background: url(../img/icons/softwareDriversCode.png) no-repeat;
} 
.navSmall .navSmall-column li div#videoCenter {
	background: url(../img/icons/videoCenter.png) no-repeat;
}
.navSmall .navSmall-column li div#selectionGuides {
	background: url(../img/icons/selectionGuides.png) no-repeat;
}
.navSmall .navSmall-column li div#refDes:hover, .navSmall .navSmall-column li div#iSIM:hover, .navSmall .navSmall-column li div#designModels:hover {
    background-position:0 -40px;
} 

div.moreNav > div.navSmall-column > ul.moreList {padding-top: 10px; padding-bottom: 20px;}
#pageheader .navSmall .navSmall-column li a:hover, #pageheader .navSmall .navSmall-column li div:hover a { color: #990000; }

input:-webkit-autofill {
    -webkit-text-fill-color: $black;
    -webkit-box-shadow: 0 0 0px 1000px white inset;
    -webkit-tap-highlight-color: #990000;
}
input:-moz-autofill {
    -moz-text-fill-color: $black;
    -moz-box-shadow: 0 0 0px 1000px white inset;
    
}
input:-o-autofill {
    -o-text-fill-color: $black;
    -o-box-shadow: 0 0 0px 1000px white inset;
}
input:-khtml-autofill {
    -khtml-text-fill-color: $black;
    -khtml-box-shadow: 0 0 0px 1000px white inset;
}

input:focus:-webkit-autofill {
    -webkit-text-fill-color: $black;
    -webkit-box-shadow: 0 0 0px 1000px white inset;
    -webkit-tap-highlight-color: #990000;
}
input:focus:-moz-autofill {
    -moz-text-fill-color: $black;
    -moz-box-shadow: 0 0 0px 1000px white inset;
}
input:focus:-o-autofill {
    -o-text-fill-color: $black;
    -o-box-shadow: 0 0 0px 1000px white inset;
}
input:focus:-khtml-autofill {
    -khtml-text-fill-color: $black;
    -khtml-box-shadow: 0 0 0px 1000px white inset;
}
input:-ms-input-placeholder {  
      color: #aaa;  
}
input::-webkit-input-placeholder { color: #aaa;  }
input::-moz-placeholder {  color: #aaa; }  
.navSmallVLine{
	float: right;
    position: relative;
    vertical-align: top;
    /* top: -9px; */
    /* right: 10px; */
}
.hover {
-webkit-user-select: none;
-webkit-touch-callout: none;        
}
div.logo {position: absolute; top: 13px; left: 20px;}
div.trail breadcrumb {margin: -26px 0 10px; font-size: 85%; position: relative;}

#designtip {border: 0 !important;}
#designtip .inner {display: none; background: url(../img/box-designtip-bg.gif) bottom left no-repeat;}

#sn-parametric2 {height: 34px; background-position: 0 -35px;} 
#sn-parametric2:hover {background-position: -214px -35px;}

.roundedwrapperContact {background: #fff; border: 1px solid #ddd; margin: -.6em 0 2em; overflow: visible;
-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;
behavior: url(../inc/PIE.htc);}
.roundedwrapperContact h2 {text-transform: uppercase; color: #666; letter-spacing: 0.1em; padding: 12px; margin: 0 0 -8px; font-size: 90%;}
.roundedwrapperContact h3 {text-transform: uppercase; font-size: 110%; padding: 8px; margin: 0; border-bottom: 1px solid #ddd;}
.roundedwrapperContact .alllink {float: right; font-weight: bold; margin-top: -20px;}
.roundedwrapperContact div {border-bottom: 1px solid #ddd; padding: 8px 12px 12px; overflow: auto; clear: both;}
#support .roundedwrapperContact div {border: 0; padding: 0 0 6px; clear: none; overflow: auto;}
#selectionguides .roundedwrapperContact div {border: 0; padding: 4px 0 4px 6px; clear: none; overflow: auto;}
.roundedwrapperContact p {padding: 0 12px 12px; margin: 0;}
#selectionguides .roundedwrapperContact .column {width: 49%; margin-right: 0 !important;}
.roundedwrapperContact div p {padding: 0; float: left; width: 500px;}
#selectionguides .roundedwrapperContact div p {float: none; width: auto; margin: 0 0 4px;}
.roundedwrapperContact.eventwrapper div p {width: 400px;}
.roundedwrapperContact div img {float: left; margin: 2px 8px 0 0;}
.roundedwrapperContact .tricolumn {margin: 8px 8px -18px;}

/* contact */
#contact .roundedwrapperContact div {border: 0; padding: 0; margin: 0;}
#contact .roundedwrapperContact .tricolumn {overflow: hidden;}
#contact .roundedwrapperContact .column {clear: none; padding: 12px 0 20px; overflow: visible;}
#contact .roundedwrapperContact .column p {margin: 18px 12px -8px;}
#contact .roundedwrapperContact .column h2 {padding: 0 12px;}

div.form_row {
    width: 100%;
}

/* spacers */
div.section.spacer_before {
    padding-top: 8px;
    margin-top: 12px;
}
div.section.spacer_after {
    margin-bottom: 20px;
}
div.section.spacer_both {
    padding-top: 8px;
    margin-bottom: 20px;
    margin-top: 12px;
}

/* parsys component */
div.par, div.rightpar {
    clear: both;
}
div.parsys_column {
    height: 100%;
    width: 100%;
    float: left;
    border: 0;
    vertical-align:top;
    padding: 0;
    margin: 0;
}

div.section {
    /* Property added to avoid IE hasLayout issue on paragraphs
       see #20817 - IE6: div around Drag Components image not big enough
    */
    zoom: 1;
}

div.parsys_column .section {
    overflow:visible;
    width: 100%;
}

/* column control layouts */
div.cq-colctrl-cols {width: 100%; float: left; }

div.cq-colctrl-default { width: 100%;}

/* layout 0 : 50% 50% ( grid6 + grid6 ) */
div.cq-colctrl-lt0 { }
div.cq-colctrl-lt0-c0 { width: 49%; float: left;}
div.cq-colctrl-lt0-c1 { width: 49%; margin-left: 1%; float: right;}

/* layout 1 : 33% 33% 33%( grid4 + grid4 + grid4 ) */
#home div.cq-colctrl-lt1 { overflow: visible; width: 960px; border-top: 1px solid #ccc; padding-top: 4px;}
#home div.cq-colctrl-lt1-c0 { width: 31%; margin-right: 0px; float: left;}
#home div.cq-colctrl-lt1-c1 { width: 31%; margin-left: 0px; margin-right: 0px; margin: 0 auto;}
#home div.cq-colctrl-lt1-c2 { width: 31%; margin-left: 0px; float: right;}


/* layout 2: 20% 20% 20% 40% ( grid2.6 + grid2.6 + grid2.6 + grid4 ) */
div.cq-colctrl-lt2 { }
div.cq-colctrl-lt2-c0 { width: 115px; margin-right: 10px;}
div.cq-colctrl-lt2-c1 { width: 115px; margin-left: 10px; margin-right: 10px}
div.cq-colctrl-lt2-c2 { width: 115px; margin-left: 10px; margin-right: 10px}
div.cq-colctrl-lt2-c3 { width: 235px; margin-left: 10px }

/* layout 3: 4 x 25% ( grid3 + grid3 + grid3 + grid3 ) */
div.cq-colctrl-lt3 { }
div.cq-colctrl-lt3-c0 { width: 145px; margin-right: 10px;}
div.cq-colctrl-lt3-c1 { width: 145px; margin-left: 10px; margin-right: 10px;}
div.cq-colctrl-lt3-c2 { width: 145px; margin-left: 10px; margin-right: 10px;}
div.cq-colctrl-lt3-c3 { width: 145px; margin-left: 10px; }

/* layout 4: 5 x 20% ( grid2.5 + grid2.5 + grid2.5 + grid2.5 + grid2.5 ) */
div.cq-colctrl-lt4 { }
div.cq-colctrl-lt4-c0 { width: 112px; margin-right: 10px;}
div.cq-colctrl-lt4-c1 { width: 112px; margin-left: 10px; margin-right: 10px;}
div.cq-colctrl-lt4-c2 { width: 112px; margin-left: 10px; margin-right: 10px;}
div.cq-colctrl-lt4-c3 { width: 112px; margin-left: 10px; margin-right: 10px;}
div.cq-colctrl-lt4-c4 { width: 112px; margin-left: 10px; }

/* layout 5 : 25% 75% ( grid6 + grid6 ) */
div.cq-colctrl-lt5 { }
div.cq-colctrl-lt5-c0 { width: 155px; margin-right:10px}
div.cq-colctrl-lt5-c1 { width: 465px; margin-left: 10px}

/* layout 6: 4 x 25% ( grid3 + grid3 + grid3 + grid3 ) */
div.cq-colctrl-lt6 { }
div.cq-colctrl-lt6-c0 { width: 175px; margin-right: 10px;}
div.cq-colctrl-lt6-c1 { width: 175px; margin-left: 10px; margin-right: 10px;}
div.cq-colctrl-lt6-c2 { width: 175px; margin-left: 10px; margin-right: 10px;}
div.cq-colctrl-lt6-c3 { width: 175px; margin-left: 10px; }

/* layout 7 : 33% 33% 33%( grid4 + grid4 + grid4 ) */
div.cq-colctrl-lt7 { font-size: 105%; }
div.cq-colctrl-lt7-c0 { width: 280px; margin-right: 10px;}
div.cq-colctrl-lt7-c1 { width: 280px; margin-left: 10px; margin-right: 10px;}
div.cq-colctrl-lt7-c2 { width: 280px; margin-left: 10px; }

/* layout 8 : 50% 50% ( grid6 + grid6 ) */
#signIn div.cq-colctrl-lt8 { }
#signIn div.cq-colctrl-lt8-c0 { width: 48.5%;}
#signIn div.cq-colctrl-lt8-c1 { width: 48.5%; margin-left: 20px;}

/* text component */
/* Asked all developers if they added this without response.  Removed 3/28/12 - DAM
div.text ul li {
    background:url("../images/gl.gif") repeat-x scroll center bottom transparent;
    list-style-image:url("../images/bullet.gif");
    list-style-position:outside;
    margin-left:28px;
    margin-top:2px;
    padding-bottom:4px;
}

div.text ol li {
    background:url("../images/gl.gif") repeat-x scroll center bottom transparent;
    list-style-position:outside;
    margin-left:28px;
    margin-top:2px;
    padding-bottom:4px;
}
 */
div.text li a {
}


div.sitemap div.linkcontainer {
    padding:0 0 10px 20px;
}
div.sitemap div.linkcontainer div.linkcontainer {
}

div.sitemap div.link {
    padding-bottom:5px;
}

div.sitemap div.link a {
}

#resourcesi div {font-size: 90%; float: left; width: 310px; height: 88px; padding-right: 10px; margin: 1em 0;}
#resourcesi div h3 {font-family: helvetica, sans-serif; margin: 0 0 4px;}
#resourcesi div a {font-weight: bold;}
#resourcesi div span {float: left; background: #fff; padding: 4px; border: 1px solid #d3d3d3; position: relative; margin: -2px 8px 0 0;} 
#resourcesi div span .button {width: 18px; height: 18px; border: 0; padding: 0; background: url(../img/ic-play.png) no-repeat; position: absolute; bottom: 8px; left: 8px;}
#resourcesi div a:hover span .button {background-position: 0 -18px;}
#resourcesi div img {display: block;}
#resourcesi .calltoaction {font-family: 'DINMedium'; letter-spacing: 0.1em; font-size: 110%;}
#resourcesi #guides, #resourcesi #videos {width: 50%; font-size: 100%; float: none; height: 100%; overflow: visible; margin: 0; padding: 0;}
#resourcesi #guides div {width: 200px;}
#resourcesi #guides div span {float: left; background: none; padding: 0; border: 0; position: relative; margin: -2px 8px 0 0;} 

#myintersil-cart iframe {width: 100%; height: 360px;}
/* egoins - added to overload the frame size in style.css */
#myintersil {display: none; width: 890px; padding: 0px 0px 0; margin: 0 auto; overflow: auto; border: 20px solid #000; border-width: 0 20px; background: #d4d5d4 url(../img/myintersil-bg.gif) repeat-x; position: relative;}
#products #order #orderoptions #samples a { padding-right: 15px; padding-top: 8px; background: url(../img/ic-cart.png) no-repeat right 8px ;}
#products #order #orderoptions #samples a:hover, a:current { background-position: right -20px; } 
#products #order #orderoptions #parts a { padding-right: 15px; padding-top: 8px; background: url(../img/ic-cart.png) no-repeat right 8px ;}
#products #order #orderoptions #parts a:hover, a:current { background-position: right -20px; } 
#products #order #orderoptions th {color: #fff; background: url(../img/box-hdbg-dark.gif) repeat-x; padding: 12px 6px 10px 3px; font-family: 'DINMedium'; text-transform: uppercase; letter-spacing: 0.1em;}
#products #order #orderoptions .ncnr {font-size: 75%; color: #c60c46;} 
#products #order #orderoptions .details td {font-family: 'DINMedium'; background: #ececec; padding: 8px 8px 4px 4px; border-bottom: 1px solid #cecece;}
#products #order #orderoptions .details2 td {padding: 6px 8px 0px 4px;}
#products #order #orderoptions .noborder td {border-bottom: 0;padding-bottom:0px;} 
/* selection guides */
#selectionguidestop .roundedwrapper div {border: 0; padding: 4px 0 4px 6px; clear: none; overflow: auto;}
#selectionguidestop .roundedwrapper .column {width: 48.5%; margin-right: 0 !important;}
#selectionguidestop .roundedwrapper div p {float: none; width: auto; margin: 0 0 4px;}
#selectionguidestop .column p {overflow: auto; font-size: 90%;}
#selectionguidestop .column h2 {margin-top: 0;} 
#selectionguidestop .photol {border: 0;}  
 
#selectionguidesbot .column p {overflow: auto; font-size: 90%;}
#selectionguidesbot .column h2 {margin-top: 0;} 
#selectionguidesbot .photol {border: 0;}
#selectionguidesbot .tricolumn {overflow: auto; padding-bottom: 1em; padding-left: 1em;}
#selectionguidesbot .tricolumn .divided {background: url(../img/bg-tricolumn.gif) top center repeat-y;}
#selectionguidesbot .tricolumn .column {float: left; width: 30%;}

/* ask an expert */
#siteMapcolumn {width: 90%; float: right; font-size: 100%;}
/* right column modules */

/* rightcolumn box style */
#siteMapcolumn .box {border: 1px solid #ccc; background: #f6f6f6; margin: 0 0 1em; position: relative;
-webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;
behavior: url(../inc/PIE.htc);}
#sitemapC h4 {background: url(../img/box-hdbg-dark.gif) bottom left repeat-x; color: #000000;}
#sitemapC .inner {padding: 10px; width} 

#sitemapcolumn {width: 275px; float: left; font-size: 90%;}
/* right column modules */

/* sitemapcolumn box style */
#sitemapcolumn .box {border: 1px solid #ccc; background: #f6f6f6; margin: 0 0 1em; position: relative;
-webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;
behavior: url(../inc/PIE.htc);}

/* conjoined box style */
#sitemapcolumn .join {margin-top: -18px;
-webkit-border-radius: 0 0 8px 8px; -moz-border-radius: 0 0 8px 8px; border-radius: 0 0 8px 8px;
behavior: url(../inc/PIE.htc);}

#sitemapcolumn .inner {padding: 12px 14px; overflow: auto;}

#sitemapcolumn .toggle {position: absolute; width: 20px; height: 20px; top: 6px; right: 4px; cursor: pointer;}
.open {background: url(../img/ic-open.png) center center no-repeat;}
.closed {background: url(../img/ic-closed.png) center center no-repeat;}

#sitemapcolumn h4 {padding: 10px 14px 14px; background: url(../img/box-hdbg.gif) bottom left repeat-x; font-family: 'DINBold'; font-weight: normal; text-transform: uppercase; letter-spacing: 0.1em; font-size: 95%;
-webkit-border-radius: 8px 8px 0 0; -moz-border-radius: 8px 8px 0 0; border-radius: 8px 8px 0 0;
behavior: url(../inc/PIE.htc); position: relative;}
#sitemapcolumn h4 span {text-transform: none;}
#sitemapcolumn .calltoaction {margin: -1em 0 0; text-align: right; font-family: 'DINBold'; font-weight: normal; text-transform: uppercase; letter-spacing: 0.1em; font-size: 95%;}
#sitemapcolumn a {color: #2b84de; font-weight: bold; font-size: 12px;}
#sitemapcolumn .calltoaction a {color: #2b84de; font-weight: normal;}
#sitemapcolumn dl {overflow: auto;}
#sitemapcolumn dt {width: 48%; float: left; text-align: right; clear: both; padding: 0 0 4px;}
#sitemapcolumn dd {font-weight: bold; float: right; width: 50%; padding: 0 0 4px;}

/* designassistance */
#sitemap h4 {background: url(../img/box-hdbg-dark.gif) bottom left repeat-x; color: #fff;}
#sitemap .icon {background: url(../img/box-askanexpert-bg.png) no-repeat; float: left; width: 52px; height: 51px; margin: 0 18px 0 0;}

/* content box2 style */
#content .box2, #content .box2alt {width: 275px; float: left; border: 1px solid #ccc; background: #f6f6f6; margin: 0 10px 1em 0; position: relative;
-webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;
behavior: url(../inc/PIE.htc);}
#content .box2alt {float: right; width: 174px; background: #fff; margin: 0 0 1em 1em;}

 
/* #content .inner {padding: 8px; overflow: auto; font-size: 90%;} */
#content .box2alt .inner {border-top: 1px solid #ddd; padding: 8px 12px;}

#content .box2 h4 {padding: 10px 14px 14px; background: url(../img/box-hdbg.gif) bottom left repeat-x; font-family: 'DINBold'; font-weight: normal; text-transform: uppercase; letter-spacing: 0.1em; font-size: 95%;
-webkit-border-radius: 8px 8px 0 0; -moz-border-radius: 8px 8px 0 0; border-radius: 8px 8px 0 0;
behavior: url(../inc/PIE.htc); position: relative;}
#content .box2alt h4 {padding: 10px 12px 14px;}
#content .box2 h5 {font-family: 'DINBold'; font-weight: normal; text-transform: uppercase; letter-spacing: 0.1em; font-size: 100%; margin: 0 0 6px;}
#content .box2 h4 span {text-transform: none;}
#content .box2 .calltoaction {margin: -1em 0 0; text-align: right; font-family: 'DINBold'; font-weight: normal; text-transform: uppercase; letter-spacing: 0.1em; font-size: 90%;}
#content .box2 a, #content .box2alt strong a {font-weight: bold;}
#content .box2alt a {font-weight: normal;}
#content .box2alt p {margin: 0 0 6px;}
#content .box2 .calltoaction a {color: #2b84de; font-weight: normal;}

#content .box2alt .icon {float: left; margin: 0 6px 0 0;}

/* text-accordion component style */
.text-accordionwrapper{
    width: 600px;
    margin-left: 0;
    margin-right: 0;
}      
.text-accordionHead{
    width: 590px;
    color: #000;
    font-family: 'DINMedium';
    font-size: 110%;
    float: left;
    cursor: pointer;
    padding: 5px 0 5px 22px;
    background: url(../img/ic-closed-redlgr.png) 12px 10px no-repeat;
}    
.text-accordionHead.open{ background: url(../img/ic-open-redlg.png) 12px 10px no-repeat;}  
.text-accordionButton{  
    width: 590px;
    float: left;
    padding: 5px 0 5px 22px;
    color: #2b84de; 
    background: url(../img/ic-closed-redlgr.png) 10px 8px no-repeat;
    font-family: 'DINMedium';
    cursor: pointer;
}
.text-accordionButton.open{ background: url(../img/ic-open-redlg.png) 10px 8px no-repeat;}
.text-accordionContent{ 
    width: 590px;
    float: left; 
    padding: 5px 0px 8px 22px;
    margin-right: 5px;
    /* font-family: 'DINNormal'; */ 
    display: none;
} 
.expandcollapsetext {background: url(../img/ic-closed-redlgr.png) 6px 3px no-repeat; cursor: pointer; padding-left: 18px; color: #c60c46; font-family: 'DINMedium'; text-transform: uppercase;}
.expandcollapsetext.open {background: url(../img/ic-open-redlg.png) 6px 3px no-repeat;}
.text-accordionwrapper .text.parbase.section p {margin: 5px 0 2px 0;}
.text-accordionwrapper .text p {margin: 5px 0 2px 0;}

.form_section {
    width: 300px;
    float: none;
}

.form_section form {
    float: left;
    width: 300px;
}

.form_section fieldset {
    width: 300px;
    float: left;
}

.form_section .input_box1 {
    background: url(../../default/images/input_box.gif) no-repeat 0 0;
    width: 185px;
    height: 23px;
    float: left;
}

.form_section input {
    width: 175px;
    padding-left: 5px;
    padding-right: 5px;
    border: none;
    background: none;
    padding-top: 4px;
    font-size: 11px;
    color: #999;
}

.form_section input.sign_up {
    background: url(../../default/images/sign_up_btn.gif) no-repeat 0 0;
    width: 82px;
    height: 23px;
    float: left;
    margin-left: 5px;
    display: inline;
    cursor: pointer;
}

form .form_row {
    display: block;
    font-size: 13px;
    line-height: 24px;
    color: #666;
    clear: both;
}

form .form_field_checkbox, form .form_field_radio {
    margin-left: 20px;
}

form .form_field_text, form .form_field_textarea {
    background:url("../../default/images/collab/fieldbg.gif") repeat-x scroll center top #FFFFFF;
    border-color:#7C7C7C #C3C3C3 #DDDDDD;
    border-style:solid;
    border-width:1px;
    color:#333333;
    font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Helvetica,sans-serif;
    font-size:100%;
    margin:0;
    padding:2px;
}

form .form_field_textarea {
    width: 630px; /* changed from 698 */
}

form .form_row_description {
    font-size: 11px;
    line-height: 12px;
    clear: both;
    color: #666666;
}

form .form_rightcol {
    clear: both;
}

form .form_rightcolnobr {
    clear: none;
    float: right;
    margin-bottom: 15px;
}

form .form_rightcolnooverflow {
    overflow: hidden;
}

form .title {
    padding-top: 10px;
}

form .form_leftcolmark {
    color: #f00;
}

form .form_leftcollabel {
    float: left;
    font-weight: bold;
}


form .form_leftcollabel label {text-align: left; width: 140px; float: left; padding: 6px 0 0;}  /* added 10-15-12 DAM */


form .form_leftcolmark {
    float: left;
    padding-left: 2px;
    font-weight: bold;
}

form .form_leftcolnobr {
    float: left;
    margin-bottom: 15px;
}

form .form_captcha_input {
    float: left;
    width: 170px;

}

form .form_captcha_input input {
     width: 170px; 
        	-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;
    /* Firefox v3.6+ */
background-image:-moz-linear-gradient(49% 0% -90deg,rgb(255,255,255) 0%,rgb(255,255,255) 100%); 
/* safari v4.0+ and by Chrome v3.0+ */
background-image:-webkit-gradient(linear,49% 0%,49% 49%,color-stop(0, rgb(255,255,255)),color-stop(1, rgb(255,255,255)));
/* Chrome v10.0+ and by safari nightly build*/
background-image:-webkit-linear-gradient(-90deg,rgb(255,255,255) 0%,rgb(255,255,255) 100%);
/* Opera v11.10+ */
background-image:-o-linear-gradient(-90deg,rgb(255,255,255) 0%,rgb(255,255,255) 100%);
/* IE v10+ */
background-image:-ms-linear-gradient(-90deg,rgb(255,255,255) 0%,rgb(255,255,255) 100%);
background-image:linear-gradient(180deg,rgb(255,255,255) 0%,rgb(255,255,255) 100%);
height:23px;
border-color:rgb(204,204,204);
border-width:1px;
border-style:solid;
-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffeeeeee,endColorstr=#ffffffff,GradientType=0)";
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffeeeeee,endColorstr=#ffffffff,GradientType=0);
}

form .form_captcha_img {
    float: left;
    padding-left: 16px;
}

form .form_captcha_refresh {
    float: right;
}

form .feedback_submit .button {
    float: right;
    margin-right: 75px;
}

form .form_captcha_refresh .button {
    background: #666;
    border: 1px solid #666;
}


form .form_captchatimer {
    float: left;
    border: 1px solid #CCCCCC;
}

form .form_captchatimer_bar {
    float: left;
    background-color:#CCCCCC;
    height: 8px;
}

form .customer_survey_submit {
    float: right;
    margin-top: 28px;
}

form .form_field_text {
    width: 300px;  /* changed from 334 */
    margin-bottom: 4px;
}

form .form_field_text.form_field_multivalued {
    width: 300px;  /* changed from 314 */
}

form .form_field_select {
    width: 300px;  /* changed from 340 */
}

form .form_error {
    color: #f00;
    font-weight: bold;
}

form div.section {
    padding-bottom: 10px;
}

form div.colctrl.section {
    padding-bottom: 0 !important;
}

/* multiple resource checkbox */
form SPAN.mr_write {
    display:inline-block;
    width:16px;
    text-align:right;
    vertical-align:top;
}

div.download div.item {
    clear: both;
    margin: 0 0 8px 0;
}
span.icon img {
    width: 16px;
    height: 16px;
}
span.icon  {
    float: left;
    padding: 0 8px 8px 0;
    background: url(../../default/images/icons/default.gif) no-repeat
}
span.icon.type_doc  {
    background: url(../../default/images/icons/doc.gif) no-repeat
}
span.icon.type_eps  {
    background: url(../../default/images/icons/eps.gif) no-repeat
}
span.icon.type_gif  {
    background: url(../../default/images/icons/zip.gif) no-repeat
}
span.icon.type_jpg  {
    background: url(../../default/images/icons/jpg.gif) no-repeat
}
span.icon.type_pdf  {
    background: url(../../default/images/icons/pdf.gif) no-repeat
}
span.icon.type_ppt  {
    background: url(../../default/images/icons/ppt.gif) no-repeat
}
span.icon.type_tif  {
    background: url(../../default/images/icons/tif.gif) no-repeat
}
span.icon.type_txt  {
    background: url(../../default/images/icons/txt.gif) no-repeat
}
span.icon.type_xls  {
    background: url(../../default/images/icons/xls.gif) no-repeat
}
span.icon.type_zip  {
    background: url(../../default/images/icons/zip.gif) no-repeat
}
customMF, .customMF {text-align: left; font-weight: bold;font-size: 80%;}
/* TipTip CSS - Version 1.2 */

#tiptip_holder {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99999;
}

#tiptip_holder.tip_top {
    padding-bottom: 5px;
}

#tiptip_holder.tip_bottom {
    padding-top: 5px;
}

#tiptip_holder.tip_right {
    padding-left: 5px;
}

#tiptip_holder.tip_left {
    padding-right: 5px;
}

#tiptip_content {
    font-size: 13px;
    color: #000;
    text-shadow: 0 0 0 #000;
    padding: 4px 8px;
    border: 1px solid rgba(255,255,255,0.25);
    background: rgb(225,215,0);
    background: rgba(225,215,0,1);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFF00), to(#FFFF00));
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    box-shadow: 0 0 3px #555;
    -webkit-box-shadow: 0 0 3px #555;
    -moz-box-shadow: 0 0 3px #555;
}

#tiptip_arrow, #tiptip_arrow_inner {
    position: absolute;
    border-color: transparent;
    border-style: solid;
    border-width: 6px;
    height: 0;
    width: 0;
}

#tiptip_holder.tip_top #tiptip_arrow {
    border-top-color: #fff;
    border-top-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_bottom #tiptip_arrow {
    border-bottom-color: #fff;
    border-bottom-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_right #tiptip_arrow {
    border-right-color: #fff;
    border-right-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_left #tiptip_arrow {
    border-left-color: #fff;
    border-left-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_top #tiptip_arrow_inner {
    margin-top: -7px;
    margin-left: -6px;
    border-top-color: rgb(25,25,25);
    border-top-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_bottom #tiptip_arrow_inner {
    margin-top: -5px;
    margin-left: -6px;
    border-bottom-color: rgb(25,25,25);
    border-bottom-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_right #tiptip_arrow_inner {
    margin-top: -6px;
    margin-left: -5px;
    border-right-color: rgb(25,25,25);
    border-right-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_left #tiptip_arrow_inner {
    margin-top: -6px;
    margin-left: -7px;
    border-left-color: rgb(25,25,25);
    border-left-color: rgba(25,25,25,0.92);
}

/* Webkit Hacks  */
@media screen and (-webkit-min-device-pixel-ratio:0) {  
    #tiptip_content {
        padding: 4px 8px 5px 8px;
        background-color: rgba(45,45,45,0.88);
    }
    #tiptip_holder.tip_bottom #tiptip_arrow_inner { 
        border-bottom-color: rgba(45,45,45,0.88);
    }
    #tiptip_holder.tip_top #tiptip_arrow_inner { 
        border-top-color: rgba(20,20,20,0.92);
    }
}
/*
 * jQuery message plug-in 1.0
 *
 * http://bassistance.de/jquery-plugins/jquery-plugin-message/
 *
 * Copyright (c) 2009 Jörn Zaefferer
 *
 * $Id$
 * 
 * Dual licensed under the MIT and GPL licenses:
 *   http://www.opensource.org/licenses/mit-license.php
 *   http://www.gnu.org/licenses/gpl.html
 */
.jquery-message {
    font: normal 15px / 50px Helvetica, Arial, Sans-Serif;
    letter-spacing: -1px;
    position: fixed;
    top: 40%;
    /* top: 250px; */
    /* bottom: 50px; */
    left: 38%;
    width: 25%;
    color: black;
    background-color: white;
    text-align: center;
    display: none;
    z-index: 100000;
    border: solid 2px #c60c46;
}

.jquery-message .round {
    padding: 15px;
} 

.jquery-message p {
    padding: .3em;
    display: inline;
}

.jquery-message a {
    display: none;
}
/*
* qTip2 - Pretty powerful tooltips
* http://craigsworks.com/projects/qtip2/
*
* Version: nightly
* Copyright 2009-2010 Craig Michael Thompson - http://craigsworks.com
*
* Dual licensed under MIT or GPLv2 licenses
*   http://en.wikipedia.org/wiki/MIT_License
*   http://en.wikipedia.org/wiki/GNU_General_Public_License
*
* Date: Tue Sep 20 14:19:36.0000000000 2011
*/

/* Core qTip styles */
.ui-tooltip, .qtip{
    position: absolute;
    left: -28000px;
    top: -28000px;
    display: none;

    max-width: 280px;
    min-width: 50px;
    
    font-size: 10.5px;
    line-height: 12px;

    z-index: 15000;
}

    /* Fluid class for determining actual width in IE */
    .ui-tooltip-fluid{
        display: block;
        visibility: hidden;
        position: static !important;
        float: left !important;
    }

    .ui-tooltip-content{
        position: relative;
        padding: 5px 9px;
        overflow: hidden;
        
        border-width: 1px;
        border-style: solid;
        
        text-align: left;
        word-wrap: break-word;
        overflow: hidden;
    }

    .ui-tooltip-titlebar{
        position: relative;
        min-height: 14px;
        padding: 5px 35px 5px 10px;
        overflow: hidden;
        
        border-width: 1px 1px 0;
        border-style: solid;

        font-weight: bold;
    }

    .ui-tooltip-titlebar + .ui-tooltip-content{ border-top-width: 0px !important; }

        /*! Default close button class */
        .ui-tooltip-titlebar .ui-state-default{
            position: absolute;
            right: 4px;
            top: 50%;
            margin-top: -9px;

            cursor: pointer;
            outline: medium none;

            border-width: 1px;
            border-style: solid;
        }
        
        * html .ui-tooltip-titlebar .ui-state-default{ top: 16px; } /* IE fix */

        .ui-tooltip-titlebar .ui-icon,
        .ui-tooltip-icon .ui-icon{
            display: block;
            text-indent: -1000em;
        }

        .ui-tooltip-icon, .ui-tooltip-icon .ui-icon{
            -moz-border-radius: 3px;
            -webkit-border-radius: 3px;
            border-radius: 3px;
        }

            .ui-tooltip-icon .ui-icon{
                width: 18px;
                height: 14px;

                text-align: center;
                text-indent: 0;
                font: normal bold 10px/13px Tahoma,sans-serif;

                color: inherit;
                background: transparent none no-repeat -100em -100em;
            }


/* Applied to 'focused' tooltips e.g. most recently displayed/interacted with */
.ui-tooltip-focus{

}

/* Applied on hover of tooltips i.e. added/removed on mouseenter/mouseleave respectively */
.ui-tooltip-hover{
    
}


/*! Default tooltip style */
.ui-tooltip-default .ui-tooltip-titlebar,
.ui-tooltip-default .ui-tooltip-content{
    border-color: #F1D031;
    background-color: #FFFFA3;
    color: #555;
}

    .ui-tooltip-default .ui-tooltip-titlebar{
        background-color: #FFEF93;
    }

    .ui-tooltip-default .ui-tooltip-icon{
        border-color: #CCC;
        background: #F1F1F1;
        color: #777;
    }
    
    .ui-tooltip-default .ui-tooltip-titlebar .ui-state-hover{
        border-color: #AAA;
        color: #111;
    }

/* Tips plugin */
.ui-tooltip .ui-tooltip-tip{
    margin: 0 auto;
    overflow: hidden;

    background: transparent !important;
    border: 0px dashed transparent !important;
    z-index: 10;
}

    .ui-tooltip .ui-tooltip-tip,
    .ui-tooltip .ui-tooltip-tip *{
        position: absolute;
        
        line-height: 0.1px !important;
        font-size: 0.1px !important;
        color: #123456;

        background: transparent;
        border: 0px dashed transparent;
    }
    
    .ui-tooltip .ui-tooltip-tip canvas{ top: 0; left: 0; }


/* Modal plugin */
#qtip-overlay{
    position: fixed;
    left: -10000em;
    top: -10000em;
}

    /* Applied to modals with show.modal.blur set to true */
    #qtip-overlay.blurs{ cursor: pointer; }

    /* Change opacity of overlay here */
    #qtip-overlay div{
        position: absolute;
        left: 0; top: 0;
        width: 100%; height: 100%;

        background-color: black;

        opacity: 0.7;
        filter:alpha(opacity=70);
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    }

/*! Light tooltip style */
.ui-tooltip-light .ui-tooltip-titlebar,
.ui-tooltip-light .ui-tooltip-content{
    border-color: #E2E2E2;
    color: #454545;
}

    .ui-tooltip-light .ui-tooltip-content{
        background-color: white;
    }

    .ui-tooltip-light .ui-tooltip-titlebar{
        background-color: #f1f1f1;
    }


/*! Dark tooltip style */
.ui-tooltip-dark .ui-tooltip-titlebar,
.ui-tooltip-dark .ui-tooltip-content{
    border-color: #303030;
    color: #f3f3f3;
}

    .ui-tooltip-dark .ui-tooltip-content{
        background-color: #505050;
    }

    .ui-tooltip-dark .ui-tooltip-titlebar{
        background-color: #404040;
    }

    .ui-tooltip-dark .ui-tooltip-icon{
        border-color: #444;
    }

    .ui-tooltip-dark .ui-tooltip-titlebar .ui-state-hover{
        border-color: #303030;
    }


/*! Cream tooltip style */
.ui-tooltip-cream .ui-tooltip-titlebar,
.ui-tooltip-cream .ui-tooltip-content{
    border-color: #F9E98E;
    color: #A27D35;
}

    .ui-tooltip-cream .ui-tooltip-content{
        background-color: #FBF7AA;
    }

    .ui-tooltip-cream .ui-tooltip-titlebar{
        background-color: #F0DE7D;
    }

    .ui-tooltip-cream .ui-state-default .ui-tooltip-icon{
        background-position: -82px 0;
    }


/*! Red tooltip style */
.ui-tooltip-red .ui-tooltip-titlebar,
.ui-tooltip-red .ui-tooltip-content{
    border-color: #D95252;
    color: #912323;
}

    .ui-tooltip-red .ui-tooltip-content{
        background-color: #F78B83;
    }

    .ui-tooltip-red .ui-tooltip-titlebar{
        background-color: #F06D65;
    }

    .ui-tooltip-red .ui-state-default .ui-tooltip-icon{
        background-position: -102px 0;
    }

    .ui-tooltip-red .ui-tooltip-icon{
        border-color: #D95252;
    }

    .ui-tooltip-red .ui-tooltip-titlebar .ui-state-hover{
        border-color: #D95252;
    }


/*! Green tooltip style */
.ui-tooltip-green .ui-tooltip-titlebar,
.ui-tooltip-green .ui-tooltip-content{
    border-color: #90D93F;
    color: #3F6219;
}

    .ui-tooltip-green .ui-tooltip-content{
        background-color: #CAED9E;
    }

    .ui-tooltip-green .ui-tooltip-titlebar{
        background-color: #B0DE78;
    }

    .ui-tooltip-green .ui-state-default .ui-tooltip-icon{
        background-position: -42px 0;
    }


/*! Blue tooltip style */
.ui-tooltip-blue .ui-tooltip-titlebar,
.ui-tooltip-blue .ui-tooltip-content{
    border-color: #ADD9ED;
    color: #5E99BD;
}

    .ui-tooltip-blue .ui-tooltip-content{
        background-color: #E5F6FE;
    }

    .ui-tooltip-blue .ui-tooltip-titlebar{
        background-color: #D0E9F5;
    }

    .ui-tooltip-blue .ui-state-default .ui-tooltip-icon{
        background-position: -2px 0;
    }

/*! Add shadows to your tooltips in: FF3+, Chrome 2+, Opera 10.6+, IE6+, Safari 2+ */
.ui-tooltip-shadow{
    -webkit-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
    box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
}

    .ui-tooltip-shadow .ui-tooltip-titlebar,
    .ui-tooltip-shadow .ui-tooltip-content{
        filter: progid:DXImageTransform.Microsoft.Shadow(Color='gray', Direction=135, Strength=3);
        -ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Color='gray', Direction=135, Strength=3)";

        _margin-bottom: -3px; /* IE6 */
        .margin-bottom: -3px; /* IE7 */
    }


/*! Add rounded corners to your tooltips in: FF3+, Chrome 2+, Opera 10.6+, IE9+, Safari 2+ */
.ui-tooltip-rounded,
.ui-tooltip-rounded .ui-tooltip-content,
.ui-tooltip-tipsy,
.ui-tooltip-tipsy .ui-tooltip-content,
.ui-tooltip-youtube,
.ui-tooltip-youtube .ui-tooltip-content{
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.ui-tooltip-rounded .ui-tooltip-titlebar,
.ui-tooltip-tipsy .ui-tooltip-titlebar,
.ui-tooltip-youtube .ui-tooltip-titlebar{
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}

.ui-tooltip-rounded .ui-tooltip-titlebar + .ui-tooltip-content,
.ui-tooltip-tipsy .ui-tooltip-titlebar + .ui-tooltip-content,
.ui-tooltip-youtube .ui-tooltip-titlebar + .ui-tooltip-content{
    -moz-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
}


/*! Youtube tooltip style */
.ui-tooltip-youtube{
    -webkit-box-shadow: 0 0 3px #333;
    -moz-box-shadow: 0 0 3px #333;
    box-shadow: 0 0 3px #333;
}

    .ui-tooltip-youtube .ui-tooltip-titlebar,
    .ui-tooltip-youtube .ui-tooltip-content{
        _margin-bottom: 0; /* IE6 */
        .margin-bottom: 0; /* IE7 */

        background: transparent;
        background: rgba(0, 0, 0, 0.85);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#D9000000,endColorstr=#D9000000);
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#D9000000,endColorstr=#D9000000)";

        color: white;
        border-color: #CCCCCC;
    }

    .ui-tooltip-youtube .ui-tooltip-icon{
        border-color: #222;
    }

    .ui-tooltip-youtube .ui-tooltip-titlebar .ui-state-hover{
        border-color: #303030;
    }


/* jQuery TOOLS Tooltip style */
.ui-tooltip-jtools{
    background: #232323;
    background: rgba(0, 0, 0, 0.7);
    background-image: -moz-linear-gradient(top, #717171, #232323);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#717171), to(#232323));
    
    border: 2px solid #ddd;
    border: 2px solid rgba(241,241,241,1);

    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;

    -webkit-box-shadow: 0 0 12px #333;
    -moz-box-shadow: 0 0 12px #333;
    box-shadow: 0 0 12px #333;
}

    /* IE Specific */
    .ui-tooltip-jtools .ui-tooltip-titlebar{
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171,endColorstr=#4A4A4A);
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171,endColorstr=#4A4A4A)";
    }
    .ui-tooltip-jtools .ui-tooltip-content{
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A,endColorstr=#232323);
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A,endColorstr=#232323)";
    }

    .ui-tooltip-jtools .ui-tooltip-titlebar,
    .ui-tooltip-jtools .ui-tooltip-content{
        background: transparent;
        color: white;
        border: 0 dashed transparent;
    }

    .ui-tooltip-jtools .ui-tooltip-icon{
        border-color: #555;
    }

    .ui-tooltip-jtools .ui-tooltip-titlebar .ui-state-hover{
        border-color: #333;
    }


/* Cluetip style */
.ui-tooltip-cluetip{
    -webkit-box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4);
    box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4);
}

    .ui-tooltip-cluetip .ui-tooltip-titlebar{
        background-color: #87876A;
        color: white;
        border: 0 dashed transparent;
    }

    .ui-tooltip-cluetip .ui-tooltip-content{
        background-color: #D9D9C2;
        color: #111;
        border: 0 dashed transparent;
    }
    
    .ui-tooltip-cluetip .ui-tooltip-icon{
        border-color: #808064;
    }
    
    .ui-tooltip-cluetip .ui-tooltip-titlebar .ui-state-hover{
        border-color: #696952;
        color: #696952;
    }


/* Tipsy style */
.ui-tooltip-tipsy{
    border: 0;
}

    .ui-tooltip-tipsy .ui-tooltip-titlebar,
    .ui-tooltip-tipsy .ui-tooltip-content{
        _margin-bottom: 0; /* IE6 */
        .margin-bottom: 0; /* IE7 */

        background: transparent;
        background: rgba(0, 0, 0, .87);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#D9000000,endColorstr=#D9000000);
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#D9000000,endColorstr=#D9000000)";
        
        color: white;
        border: 0px transparent;

        font-size: 11px;
        font-family: 'Lucida Grande', sans-serif;
        font-weight: bold;
        line-height: 16px;
        text-shadow: 0 1px black;
    }

    .ui-tooltip-tipsy .ui-tooltip-titlebar{
        padding: 6px 35px 0 10;
    }

    .ui-tooltip-tipsy .ui-tooltip-content{
        padding: 6px 10;
    }
    
    .ui-tooltip-tipsy .ui-tooltip-icon{
        border-color: #222;
        text-shadow: none;
    }

    .ui-tooltip-tipsy .ui-tooltip-titlebar .ui-state-hover{
        border-color: #303030;
    }


/* Tipped style */
.ui-tooltip-tipped{

}
    
    .ui-tooltip-tipped .ui-tooltip-titlebar,
    .ui-tooltip-tipped .ui-tooltip-content{
        border: 3px solid #959FA9;

        filter: none; -ms-filter: none;
    }

    .ui-tooltip-tipped .ui-tooltip-titlebar{
        background: #3A79B8;
        background-image: -moz-linear-gradient(top, #3A79B8, #2E629D);
        background-image: -webkit-gradient(linear, left top, left bottom, from(#3A79B8), to(#2E629D));
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8,endColorstr=#2E629D);
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8,endColorstr=#2E629D)";

        color: white;
        font-weight: normal;
        font-family: serif;

        border-bottom-width: 0;
        -moz-border-radius: 3px 3px 0 0;
        -webkit-border-radius: 3px 3px 0 0;
        border-radius: 3px 3px 0 0;
    }
    
    .ui-tooltip-tipped .ui-tooltip-content{
        background-color: #F9F9F9;
        color: #454545;

        -moz-border-radius: 0 0 3px 3px;
        -webkit-border-radius: 0 0 3px 3px;
        border-radius: 0 0 3px 3px;
    }

    .ui-tooltip-tipped .ui-tooltip-icon{
        border: 2px solid #285589;
        background: #285589;
    }
        
        .ui-tooltip-tipped .ui-tooltip-icon .ui-icon{
            background-color: #FBFBFB;
            color: #555;
        }

/* IE9 fix - removes all filters */
.ui-tooltip:not(.ie9haxors) div.ui-tooltip-content,
.ui-tooltip:not(.ie9haxors) div.ui-tooltip-titlebar{
    filter: none;
    -ms-filter: none;
}