@font-face {
   font-family: 'CabinRegular';
   src: url(cabin-regular.eot);
   src: url('cabin-regular.eot?#iefix') format('embedded-opentype'), url('cabin-regular.woff') format('woff'), url('cabin-regular.ttf') format('truetype'), url('cabin-regular.svg#svgFontName') format('svg');   
}

/* == CSS reset == */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0; }
address, caption, cite, code, dfn, em, th, var { font-style: normal; font-weight: 400; }
caption, th { text-align: left; }
/* == Headings  ==*/
h1, h2, h3, h4, #navbar a.menu-title { color: #111; font-weight: 400; }

.pagemargin {
    margin: 15px;
}
/* == Main Container Styles == */
#wrapper { margin: 0 auto; width: 994px; }
#middle { padding: 0 12px 12px 12px; clear: both; }
#footer { padding: 30px 0 0 2px; clear: both; }
#middleTop { float: left;width: 99%;margin-right: 0;
}
/*== Columns  ==*/
.content-left { float: left; width: 714px; margin-right: 10px; }
.content-full { margin: 0; width: 726px; }
.sidebar-right { float: left; width: 230px;margin-left: 0px; }
.sidebar-left { float: left; margin-right: 12px; width: 230px; }
.col4 { width: 230px; margin: 0 0 14px 0; padding: 0 4px 0 4px; float: left; }
.phase1-col5 { width: 182px; margin: 0 0 14px 0; padding: 0 4px 0 4px; float: left; }
.col2 { width: 472px; margin-right: 12px; margin-bottom: 14px; float: left; }


/* == clearfix hack ==*/
.clearfix:after { clear: both; content: " "; display: block; font-size: 0; height: 0; visibility: hidden; }
.clearfix { display: block; }
html .clearfix { height: 1%; }



/* == General Base Styles == */
* { margin: 0; padding: 0; }
body { font-family: "CabinRegular", Verdana, Geneva, Helvetica, sans-serif; font-size: 13px; }
h1 { font-size: 2em; line-height: 1; padding-bottom: 0.5em; padding-top: 0.2em; }
h2 { font-size: 1.5em; padding-bottom: 0.75em; }
h3 { font-size: 1.25em; padding-bottom: 0.5em; }
h4 { font-size: 1.1em; padding-bottom: 0.25em; }
h5 { font-size: 1em; font-weight: normal; padding-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: normal; }

.formfield {
    margin-top: 10px;
}

.formfield label, .formfield input, .formfield .fieldvalue, .formfield select {
  display:inline-block;
    width: 210px;
}

.formfield label {
    width: 200px;
}

input.special { visibility: hidden;}

/* == Text elements ==*/
p { margin: 0 0 0.5em; }
p img.left { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }
a { color: #378E8A; text-decoration: none; }
a.visible { color: #209490; }
a:hover, .footer-nav-box a:hover, a:hover h6, a:hover h5, a:hover h4, a:hover h3, a:hover h2, a:hover h1 { color: #47BAB5; }
a:hover{cursor: pointer}
blockquote { color: #666; font-style: italic; margin: 1.5em; }

/* == Lists == */
li ul, li ol { margin: 0 1.5em; }
ul, ol { margin: 0 1.5em 0; }
ul { list-style-type: disc; }
ol { list-style-type: decimal; }
thead th { background: #F9F9F9; }
th, td, caption { padding: 4px 10px 4px 5px; }
tfoot { font-style: italic; }
caption { background: #eee; }


/* == Images == */
img { -ms-interpolation-mode: bicubic; border: none; }

/* == Misc classes == */
.breadcrumbs { margin-bottom: 6px; }
.breadcrumbs a:hover, a.section-get-more:hover, a.readmore:hover, div.largeBc a:hover, .article-body a:hover, a:hover span.summary { text-decoration: underline; }
.breadcrumbs span { color: #676767; }
.small { font-size: 11px; }
.large { font-size: 14px; }
.highlight { background: #ff0; }
.added { background: #060; color: #fff; }
.removed { background: #900; color: #fff; }
.unavailable { background-color: #f0f0f0; border: solid 1px #e0e0e0; padding: 5px; text-align: center; }
.error { color: red; }
.success-box { color: #009900; padding:10px; border:1px solid #009900; }
.fullwidth { width: 100%; }
.whitebg { background-color: #fff; }
.lgreybg { background-color: #f3f3f3; }
.border { border: solid 1px #333; }
.lightborder { border: solid 1px #ddd; }
.topborder { border-top: solid 1px #ddd; }
.bottomborder { border-bottom: solid 1px #ddd; }
.nobold { font-weight: 400; }
.bold { font-weight: 700; }
.vmiddle { vertical-align: middle; }
.vtop { vertical-align: top; }
.nopad { padding: 0; }
.whiteBg, .whiteBgArticle { border: solid 1px #ccc; background-color: #fff; padding: 15px; margin-bottom: 10px; }
.whiteBgArticle { min-height: 600px; }
.errorMessage { border: solid 1px #ccc; background-color: #FFFFE0; padding: 15px; margin: 10px 0; clear: both; }
.missing { background-color: #FFFFE0; }
.hide, .doc-content .slideshow { display: none; }
.quiet { color: #666; }
.block { display: block; }
.left, .eventlist-wide .eventlist-body, .research-list ul li img { float: left; }
.right, #solution .btn { float: right; }
.text-right { text-align: right; }
.datestamp { display: block; }
table.filterResults td.cellSummary .sectionSummary span { white-space: nowrap; }
div.img-box { font-size: 10px; text-align: center; }
div.img-box img { display: block; }
.float-left  { float: left; padding-right: 10px; }
.float-right { float: right; padding-left: 10px; }

.breadcrumbs, a.section-get-more, .datestamp, .partNo, .section-title > a { font-size: 12px; }
div.largeBc {  font-size: 13px; }
.popup-big { font-size:1.2em;padding:20px; }

h1, h2, h3, h4, a.section-title, #navbar a.menu-title, .actionItem, .doctitle, .footer-nav-box > span, a.btn, input[type="submit"],ul.tabs { font-family: "CabinRegular", Verdana, Calibri, Trebuchet MS, sans-serif; }

.loader-spin {min-width:32px; min-height:32px; width:32px; height:32px; background-image:url("../images/static/ajax-loader.gif"); background-repeat:no-repeat; margin: 6px; display:inline-block;}

.center {text-align:center;}

.l-pad-5 { padding-left: 5px; }
.r-pad-5 { padding-right: 5px; }
.b-mar-5 { margin-bottom: 5px; }
.b-mar-10 { margin-bottom: 10px; }
.b-mar-20 { margin-bottom: 20px; }
.t-mar-5 { margin-top: 5px; }
.t-mar-10 { margin-top: 10px; }
.t-mar-20 { margin-top: 20px; }
.t-mar-30 { margin-top: 30px; }
.l-mar-5 { margin-left: 5px; }
.l-mar-10 { margin-left: 10px; }
.l-mar-20 { margin-left: 20px; }
.l-pad-10 { padding-left: 10px; }
.r-pad-10 { padding-right: 10px; }
.t-pad-5 { padding-top: 5px; }
.t-pad-10 { padding-top: 10px; }
.headerBox { background-color: #eee; color: #333; font: bold 12px verdana; height: 20px; padding-left: 4px; }
.posText { font-style: italic; padding-bottom: 10px; }
.clear { clear: both; }
.trans25 { filter: alpha(opacity=25); -khtml-opacity: 0.25; -moz-opacity: 0.25; opacity: 0.25; }
.trans50 { filter: alpha(opacity=50); -khtml-opacity: 0.5; -moz-opacity: 0.5; opacity: 0.5; }
.trans75 { filter: alpha(opacity=75); -khtml-opacity: 0.75; -moz-opacity: 0.75; opacity: 0.75; }

input.textboxes { border: solid 1px #4c9594; color: #666; font-size: 10px; height: 16px; padding: 2px 0 0 5px; }
input.tall {height:24px;padding-left:2px;}
input.qty { height: 24px; margin: 0 4px 0 0; width: 18px; vertical-align: middle; margin-bottom: 3px; }

a.section-get-more { float: right; margin-top: 6px; }
.section-title { background: url("../images/webnxt/separator.gif") repeat-x scroll center bottom transparent; margin: 6px 0px; padding: 0 0 6px; }
.section-title > a { padding-left: 20px; }

/* Standard Style  */
.buttons a:hover { background-color: #dff4ff; border: 1px solid #c2e1ef; color: #369; }
.buttons a:active { background-color: #6299c5; border: 1px solid #6299c5; color: #fff; }

/* Grey Green Style  */
button.greygreen, .buttons a.greygreen { border-color: #368180 #368180 #2c7675; color: #2c7675; }
.buttons a.greygreen:hover, button.whitegreen:hover { border: 1px solid #2c7675; color: #529214; }
.buttons a.greygreen:active { border: 1px solid #2c7675; }

/* == Buttons == */
a.btn, input[type="submit"] { display: inline-block; vertical-align: middle; text-decoration: none; text-align: center; overflow: hidden; margin-bottom: 3px; }
a.btn.large, a.btn.medium, input[type="submit"] { color: #676767; text-shadow: 0px 1px 0px white; border: 1px solid #c5c5c5; background-color: #e2e2e2; }
a.btn.large { font-size: 18px; min-height: 32px; line-height:32px; min-width: 182px; background: url(../images/webnxt/btn-bg-large.gif) repeat-x 0 0;  padding: 0px 10px;}
a.btn.large.fixedwidth { width: 182px; max-width:182px;}
a.btn.medium, a.btn.black, input[type="submit"] { font-size: 14px; line-height:24px; min-height: 24px; padding: 0px 7px; }
a.btn.medium { background: url(../images/webnxt/btn-bg-medium.gif) repeat-x 0 0; background-color: #f8f8f8 }
a.btn.black { background: url(../images/webnxt/btn-bg-black.gif) repeat-x 0 0 black; color: white; text-shadow: 0px 1px 0px #444; border: 1px solid #2c2c2c; }
a.btn.small {
    color: #676767; 
    text-shadow: 0px 1px 0px white;
    border: 1px solid #c5c5c5;
    background-color: #e2e2e2;
    background: url(../images/webnxt/btn-bg-medium.gif) repeat-x 0 0;
    background-color: #f8f8f8;
    font-size: 10px;
    font-weight: 900;
    line-height:15px;
    min-height: 5px;
    padding: 0px 5px;
}
a.btn:hover, a.btn:focus { background-position: 0 -50px; color: white; text-shadow: 0px -1px 0px #5cb2af; border: 1px solid #83bbba;  background-color: #f8f8ff; }
a.btn:active { border-color: #95cfcd; }
a.btn > span { cursor: pointer; }
a.btn .arrow, a.btn .arrow-left { font-size: 16px; line-height:16px;}
a.btn .arrow { padding-left: 6px;}
a.btn .arrow-left { padding-right: 6px; }
a.btn.large .arrow, a.btn.large .arrow-left {line-height:28px;font-size:24px;margin-top:1px;}

a.btn.cart .cart-icon { width: 20px; height: 14px; margin-top: 4px; margin-right: 6px; display: block; float: left; background: url(../images/webnxt/cart-icon.png) no-repeat 0 0;background-position:0 -26px}
a.btn.cart{background:url(../images/webnxt/btn-bg-medium-green.gif) repeat-x 0 0 ;color:white;-webkit-text-shadow:0px -1px 0px #5cb2af; text-shadow:0px -1px 0px #5cb2af;border:1px solid #83bbba;background-color: #f8f8ff;}
a.btn.cart:hover, a.btn.cart:focus {background-position: 0 -50px;}




input[type="submit"], input[type="submit"]:hover { color: black; padding-bottom: 2px; }
input[type="submit"]:hover { border: 1px solid #83bbba; }

/* vertical tab buttons */
ul.tabs { margin: 0; width: 218px; padding: 0; border-bottom: 1px solid #d2d2d2; }
ul.tabs li { list-style: none; }
ul.tabs a { outline: none; }
/*, ul.tabs .selected span*/
ul.tabs a { display: block; line-height:21px; padding: 3px 12px; background: url(../images/webnxt/btn-bg-tabs.gif) gray; color: #676767; text-decoration: none; text-shadow: 0px 1px 0px white; font-size: 16px; border: 1px solid #d2d2d2; border-bottom-color: #e9e9e9; width: 192px; height: 21px; }
ul.tabs a:hover { background-position: 0 -50px; text-shadow: 0px -1px 0px #5cb2af; border-color: #83bbba; color: white; }
ul.tabs a:hover .arrow { color: white; }
ul.tabs .arrow { display: block; float: right; font-size: 24px; color: #b1b1b1; }
ul.tabs a.selected, ul.tabs a.selected:hover { text-shadow: none; border-color: #d2d2d2; background: white; border-right: none; width: 193px; border-bottom-color: white; color: black; }
ul.tabs li.sep { border-top: 1px solid #d2d2d2; }
ul.tabs a.selected .arrow { display: none; }
div.tab-content { float: left;margin: 0;padding-bottom: 10px;width: 714px;padding:12px; min-height: 390px;
                  background:#fff url(../images/webnxt/tab_container_bg.png) no-repeat top right;
                  border-top:solid 1px #d2d2d2;}
div.tab-content img.waiting { padding: 20px 0 0 290px }


#smallfooter { text-align: right; font-size: 12px; color: #888; padding: 10px 0 10px 0; }

body.gradient { background: #D3D3D3 url(../images/webnxt/page-bg2.png) repeat-x top left; color: #333; }
body.gradient #wrapper-bg { background: url(../images/webnxt/page-bg.png) repeat-y top; margin: 0; padding: 0 7px; }
body.gradient #header { background: url(../images/webnxt/header-bg.jpg) repeat-x 0px 10px; margin: 0 1px; padding: 0; position: relative; border-bottom: solid 1px #ddd; }
body.gradient #top { padding: 0px 12px; clear: both; background-color: #fff;  }  /* #f3f3f3; */
body.gradient #middle { background-color: #fff;  border-bottom: solid 1px #ccc; } /* #f3f3f3; */
div.largeBc { margin: 0 0 3px 0; padding: 3px 0; }






.rightmost { clear: right; margin-right: 0; }
.article-body, .summary { line-height: 1.5em; }
.summary { margin-bottom: 15px; }
.solution-body { margin: 10px 0 20px 0; }
.article-body ul, .article-body p { padding-bottom: 1em; }
.article-body h1, .article-body h2, .article-body h3, .article-body h4 { margin-bottom: 0px;padding-top: 1em; } 


/* == Header == */
#logoLink { height: 80px; display: block; position: absolute; top: 12px; left: 20px; }
ul.countryList { list-style-type: none; }

#countryPopup { position: absolute; border: solid 1px #aaa; width: 600px; right: 5px; top: 26px; padding: 20px; z-index: 2000; background-color: white; }
#countryPopup img.flag { width: 16px; height: 11px; position: absolute; margin-left: -30px; }
#countryPopup ul.countryList { margin-left: 0; }
#countryPopup ul.countryList li { margin: 4px 0 4px 30px; }
#topMenu { color: #666; height: 36px; width: 775px;}
#topMenu .divider-image, #topMenu img, #topMenu .arrow-image, #topMenu #selectedCountry, #topMenu .cart-image, #topMenu .user-image { float: left; padding: 4px 7px 4px 1px; }
 #topMenu a{ float: left; margin: 4px 7px 4px 1px; }
#topMenu #selectedCountry img { float: left; }

#navbar { margin: 0; padding: 91px 0 0; }
#navbar-items { border-top: solid 1px #ddd;}
#navbar-items ul { list-style-type: none; margin: 0; padding: 0; }
#navbar-items ul.navbar { height: 35px; overflow: hidden; margin: -1px; }                                                                                                             /* #61919B; */
#navbar-items li.menu-title { display: inline; float: left;  }
#navbar-items li.menu-title a.menu-title { display: block; border-right: solid 1px #e8e8e8; width: 234px;  text-align: center; color: #4A4A4A; font-size: 16px; line-height: 28px; height: 28px; margin: 0; padding: 4px 4px 3px 4px; text-decoration: none; white-space: nowrap; }
#navbar-items #top-menu-item1 a.menu-title { width: 238px; } 
#navbar-items #top-menu-item4 a.menu-title { width: 238px;*width: 235px; border: none; } /* *width: 237 -> IE7 hack to get the text showing correct in IE7 and IE6 */
#navbar li.menu-title a.selected,   #navbar-items div.narrow-menu a:hover { background-image: none; color: #fff;  }
#navbar-items li.menu-title #top-menu-item4 { float: right;}


/*Phase 1 styles */
#navbar-items li.menu-title.phase1 a.menu-title { width: 187px; }
#navbar-items li.menu-title.phase1#top-menu-item1 a.menu-title { width: 187px; } 
#navbar-items li.menu-title.phase1#top-menu-item4 a.menu-title { width: 187px;*width: 184px;border-right: solid 1px #e8e8e8;}
#navbar-items li.menu-title.phase1#top-menu-item4 {float:left; }
#navbar-items li.menu-title.phase1#top-menu-item5 {float:left; border: none;width: 188px;}



#navbar-items div.menu-container { display: none; z-index: 98;}
#navbar-items div.wide-menu { position: absolute; height: auto; width: 100%; left: 0; background-color: #61919B; text-align: left;  }
#navbar-items div.narrow-menu-c { position: relative; }
#navbar-items div.narrow-menu {  position: absolute;  height: auto;  border-bottom: solid 1px #d1d1d1; border-left: solid 1px #d1d1d1; border-right: solid 1px #d1d1d1; left: 0; text-align: left; top: 1px; width: 250px; }
#navbar-items div.narrow-menu a { background: #fff; color: #414141; display: block; height: auto; margin: 0; padding: 10px; }
#navbar-items div.narrow-menu a:hover { border-right: 0px; }

#navbar-items div.wide-menu, #navbar-items div.wide-menu table,  #navbar li.menu-title a.selected,  #navbar-items div.narrow-menu a:hover, div.ie-dropShadow { background-color: #61919B; }
#navbar-items div.wide-menu, #navbar-items div.narrow-menu  { -webkit-box-shadow: 8px 8px 2px #aaa; -moz-box-shadow: 2px 8px 6px #aaa; box-shadow: 4px 4px 6px #888; } 

.ie-dropShadow  {  position: absolute; z-index: -1; background-color: #fff; top: 0; left: 0;                                  
                    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#888888')";
                    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#888888');  } 

#navbar-items table.navMenuTable { width: 978px; z-index: 1001 }
#navbar-items table.navMenuTable { border-collapse: separate; border-spacing: 4px; padding-bottom: 10px;}    
#navbar-items table.navMenuTable td { width: 25%; background-color: White; vertical-align: top; border: solid 1px #aaa; padding: 10px; color: #666; }
#navbar-items table.navMenuTable td:hover { border: 6px solid #47BAB5; padding: 5px;  } 
#navbar-items table.navMenuTable td > ul { list-style: none; }
#navbar-items table.navMenuTable td li { width: 200px; overflow: hidden; white-space: nowrap; display: block; }
#navbar-items table.navMenuTable td li img { display: none; }
#navbar-items table.navMenuTable td li a:hover { text-decoration: underline; }
#navbar-items table.navMenuTable td > p { list-style: none; }
#navbar-items table.navMenuTable td h3 { padding-bottom: 0.2em }


/* == Search bar == */
.mainSearchForm input {
    height: 28px; width: 250px; font-size: 0.9em; color: #c0c0c0; background: white;padding-right: 23px;
                      
}
.mainSearchForm .search-button { cursor: pointer;position: absolute;right: 1px;top: 6px; padding:2px 7px 4px 1px!important;}
 
#header .mainSearchForm  { float: right;margin-top: 15px;width: 650px;position: relative; right: 5px;}

/* == Call To Action Sidebar Module == */
#call2action { float: right; }

#call2action div.livechat span.arrow {margin-top:8px;}

.cart-image { width: 18px;
    height: 19px;background:url(../images/webnxt/cart-icon.png) 4px 6px no-repeat; vertical-align:top;margin: -3px;margin-right: 5px;}
.user-image { width: 8px;
    height: 16px;background:url(../images/static/icons/icon-user.png) no-repeat; vertical-align:top;margin: 1px;}
.arrow-image { width: 5px;
    height: 6px;background:url(../images/static/icons/icon-arrow-down.png) no-repeat; vertical-align:top;margin: 6px;}
.divider-image { width: 3px;
  height: 14px;background:url(../images/static/menu-divider.png) no-repeat; vertical-align:top;margin: 0px;margin-top: 2px;margin-left: 2px;}
#call2action .chat-image {vertical-align:middle;margin-top: 0px; margin-left:4px;}
.sideBarDiv { padding-top: 20px; }

#call2action > a.expanded { border-bottom: none; }

.side-content { margin-bottom: 20px; }

/* == Footer == */
#footer-nav { margin: 10px; color: #555; }
.footer-nav-box a { color: #555; }
.footer-nav-box > span { display: block; margin-bottom: 6px; border-bottom: solid 1px #999; font-size: 16px; }
.footer-nav-box ul, .footer-box-inner ul, .eventlist ul, .eventlist-wide ul, .additional-links ul, .research-list ul { list-style: none; margin: 0; padding: 0; }
.footer-nav-box ul li { padding-bottom: 3px; }

#footer .social-media-contact { padding-left: 10px; min-height: 48px; vertical-align: middle; }
#footer .social-media-policy { max-width: 500px; width: 500px; white-space: nowrap }
ul.social-media-icons { list-style-type: none; margin: 0; }
ul.social-media-icons li { display: inline; padding-right: 7px; float: left; }

/* == document lists == */
div.documentListSep { height: 1px; background-color: #ddd; margin: 4px 0; padding: 0 }
table.documentTable { border-collapse: separate; margin-left: -10px;  }
table.documentTable td.listItem { padding: 0 4px; border: 6px solid white; width: 220px; vertical-align: top;  }
table.documentTable td.listItem > a { display: block; position: relative; width: 100%; }
table.documentTable td.listItem span.newProduct { position: absolute; top: 0; left: -4px; width: 230px; text-align: center; color: #fff; background-color: #47BAB5; filter:alpha(opacity=75);-moz-opacity:0.75;-khtml-opacity: 0.75;opacity: 0.75;}


table.documentTable td.listItem img { display: block; margin: 0 -4px; width: 230px; }
table.documentTable td.listItem:hover { border: 6px solid #47BAB5; }
table.documentTable td.sep { padding: 0; margin: 0; width: 0px; border-left: solid 1px #ddd }
table.documentTable td.listItem a span.thumbnail { display: block; }
table.documentTable td.listItem a .thumbnail, .documentList .thumbnail img { border: none; overflow: hidden; float: left; cursor: pointer; }
table.documentTable td.listItem a .thumbnail { margin-bottom: 13px; display: block; }
table.documentTable td.listItem a:hover h3 { background-color: white; }
table.documentTable p.summary { color: #333333; }


/* == old document list rules == */
.documentList { clear: both; }
.documentList a span.thumbnail { display: block; }
.documentList a .thumbnail, .documentList .thumbnail img { border: none; overflow: hidden; float: left; cursor: pointer; }
.documentList a .thumbnail { margin-bottom: 13px; display: block; }
.documentList a:hover h3 { background-color: white; }
.documentList p.summary { color: #333333; }
.documentList a:hover .thumbnail { border: 6px solid #47BAB5; }
.documentList a:hover .thumbnail img { margin: -6px; }
.documentList a:hover h3 { background: none; }
.docsummary-vert h3 { margin-bottom: 20px; }
.documentList .col4 a.img { border: 0px solid #fff;}
.documentList a h3 { color: #424242; }
.documentList a:hover h3 { color: #47BAB5; }


.playIcon { display: block; position: absolute; z-index: 11; width: 48px; height: 48px; background: url('../images/static/play.gif'); background-repeat: no-repeat; }
.playIconBackground { display: block; position: absolute; z-index: 10; width: 48px; height: 48px; background: url('../images/static/play_bg.png'); filter: alpha(opacity=50); -khtml-opacity: 0.5; -moz-opacity: 0.5; opacity: 0.5; }

div.video-item { padding: 10px 0; }
div.video-item div.video-icon { position: relative; float: left; width: 125px; height: 90px; }
div.video-icon .playIcon, div.video-icon .playIconBackground { top: 21px; left: 36px }
table.documentTable .playIcon, .documentList .playIcon, table.documentTable .playIconBackground, .documentList .playIconBackground { left: 91px; top: 55px;  }
div.video-item a:hover .playIconBackground, table.documentTable a:hover .playIconBackground, .documentList a:hover .playIconBackground { background: #2C2C2C; }

.docsummary-vert .docsummary-item-row { border-bottom: solid 1px #ccc; margin: 0; padding: 5px 0 0; }
.docsummary-vert .docsummary-image { width: 230px; }
.docsummary-vert .docsummary-text { padding: 30px 0 0 10px; width: 490px; }

a.readmore { white-space: nowrap; }




ul.product-items { margin: 0; padding: 0; list-style: none; }
ul.product-items > li { display: block; float: left; }

ul.product-items.grid > li.sep { border-bottom: 1px solid #D8D8D8; clear: both; height: 1px; margin: 0 0 6px; padding: 6px 0 0; width: 100%; float: none; line-height: 1px; }
ul.product-items.grid > li.product-item { width: 220px; }
ul.product-items.grid > li.product-item.first { padding-right: 12px; }
ul.product-items.grid > li.product-item.last { padding-left: 12px; border-left: 1px solid #D8D8D8;  }
ul.product-items.grid > li.product-item.middle { padding-right: 12px; padding-left: 12px; border-left: 1px solid #D8D8D8; }

div.sidebar-right ul.product-items.grid li { border-right: none; border-bottom: solid 10px white; padding: 10px; background-color: #eee }
div.sidebar-right ul.product-items.grid li.sep { display: none; }

ul.product-items.grid > .col-2, ul.product-items.grid > .col-3 { padding-left: 12px; }
ul.product-items.grid > .col-3 { width: 221px; }

ul.product-items.list a.h { display: block; height: 64px; }
ul.product-items.list a.h img { float: left; padding-right: 14px;}
ul.product-items.list > li { clear: both; width: 100%; border-bottom: solid 1px #ddd; margin-bottom: 10px; }



.product-items .item-pricing {min-height:53px;}
.product-items .product-header h3 { font-size: 14px; padding: 0; }
.product-items .product-header:hover h3 { background: white; }
.product-items .product-header h3 span { white-space: nowrap; }
.product-items .product-header.with-image {  display: block; position: relative;  }
.product-items .product-header.with-image h3 {  position: absolute; }
.product-items .product-header.with-image img { padding-top: 30px; }
.product-items.grid .product-item .favouriteRemove {text-align:center;}
.product-items .product-item .product-image img { height: 156px; width: 220px; padding-bottom: 5px; }

.product-item.kit p.price { color: #008200; }
.product-items a.btn.cart { min-width: 105px; }
.product-items p.price, td.currentPrice .price { color: #333; font-size: 16px; font-weight: bold; }
.product-items p.listPrice { color: #990000; text-decoration: line-through; margin: -2px 0 2px 0;}
.product-items div.addToCart { float: right; overflow: hidden; width: 130px; }
.product-items .stock { min-height: 28px; margin: 0px 0 0 0; }

.product-item .course-enroll-status {min-height:1.0em;}

.product-items.list > li { float: none; padding: 0;  }
.product-items.list .cart-controls {float:right; padding-top:15px; width: 180px;}
.product-items.list .product-pricing {float:right; min-width: 120px; padding: 0 20px 0 10px; }
.product-items.list .product-pricing p {text-align:right; margin: 0 }
.product-items.list .product-pricing div.item-empty-pricing { width: 300px; margin-bottom: 10px; }
.product-items.list .product-image { width: 64px;padding-right:15px; float: left;}
.product-items.list .product-image img { height: 64px; width: 64px;}
.product-items.list .stock {float:left;}
.product-items.list .favouriteRemove {clear:both;float:right;}

.product-items.list .price-hint {display:block;}

div#webShopFilter p.resultHeading { margin-top: 15px; margin-bottom: 10px; border-bottom: solid 1px #ddd; padding-bottom: 15px; }
 

.price-hint, .price-hint { font-weight: normal; color: #999999; }
.price-hint { font-size: 10px; }
.price-hint-s { font-size: 9px; }


.partNo { color: #aaa; display: block; padding-bottom: 2px;}
.item-info td { padding-right: 10px; }

span.price { white-space: nowrap; }
span.available { background: url(../images/webnxt/green-circle.png) no-repeat center left; padding-left: 12px; }
span.not-available { background: url(../images/webnxt/red-circle.png) no-repeat center left; padding-left: 12px; }
span.preorder { background: url(../images/webnxt/blue-circle.png) no-repeat center left; padding-left: 12px; }
span.check-ok { background: url(../images/registration/green-check-s.png) no-repeat center left; padding-left: 21px;}

/* == Events / News Module == */
.eventlist { margin: 0 0 25px 0; }
.eventlist ul li a { display: block; padding: 3px 0 9px 0;  border-bottom: solid 1px #e8e8e8}
.eventlist ul li:last-child  a { border-bottom: none; }
.eventlist ul li a:hover { background-color: #ffffff; border-bottom-color: #e9e9e9; }
.eventlist ul li h5 { margin: 4px 0 0 0; }


/* == Additional Links Module == */
.additional-links { background: none repeat scroll 0 0 #F1F1F1; border: 1px solid #D7D7D7; padding: 10px; }

/* == Document Content Module == */
img.main-image-right { float: right; padding-left: 10px; }
img.main-image-left { float: left; padding-right: 10px; }

/* == User Stories / Research / News  Filter Page Module == */
table.filterTable { border-collapse: collapse; table-layout: fixed; width: 100%; }
table.filterTable td.containerCell { border: 1px solid #ccc; padding: 5px; }
table.filterResults td.cellSummary { margin: 10px; padding: 10px; vertical-align: top; width: 50%; }
table.filterResults td.cellSummary p.author { margin-top: 0; }
table.filterResults td.cellSummary .tagContainer { color: gray; font-style: italic; margin-bottom: 10px; margin-top: 4px; }
table.filterResults td.cellSummary a.doctitle { font-size: 18px; line-height: 100%; }
table.filterResults td.cellSummary .date { font-size: 8px; font-style: italic; margin-bottom: 5px; }
.sectionSummary { margin-top: 10px; }
.sectionSummary p { margin-bottom: 10px; margin-top: 0; }
p.authors { border-bottom: solid 1px #ccc; border-top: solid 1px #ccc; padding: 4px 0; font-style: italic; margin-bottom: 20px;}

/* UserStories.aspx specific  */
.userstories-filter table.filterResults td.cellSummary { border-bottom: solid 1px #e0e0e0; padding-bottom: 5px; padding-top: 5px; }
.userstories-filter table.filterResults td.cellSummary p.author { font-size: 8px; font-weight: 700; margin-top: 5px; }

#story { width: 444px; margin: 0 12px 0 0; padding: 12px; float: left; background: white; }
#story #summary { font-size: 1.2em;  }
.share { margin-bottom: 1em; min-height: 20px; position: relative; min-width:190px; overflow:visible;white-space:nowrap;}
.share-bar, .share-bar-white { height: 34px; padding: 7px 0 0 0; text-align: left; }
.share-bar { background: url(../images/webnxt/separator-double.gif) top repeat-x; }
.share-bar-white { background: url(../images/webnxt/separator-double-white.gif) top repeat-x; }
.share { font-size: 0.9em; }
.share p { display: inline; font-weight: bold; }
.share .custom_images img { vertical-align: middle; }
.addthis_toolbox .custom_images a { width: 20px; height: 20px; margin: 0; padding: 0; }
.addthis_toolbox .custom_images a:hover img { opacity: 0.75; }

/* == Search Results Page == */
#searchresults form > input { float: left; height: 24px; margin-right: 10px; width: 250px; }
#searchresults #searchInfo { clear: both; padding-bottom: 10px; }
#userstory-article .article-title { background-color: #ebebeb; height: 16px; padding: 3px; width: 724px; }
#userstory-article .article-title h4 { font-size: 14px; font-weight: 700; }
#userstory-article p.customer { color: gray; font-weight: 700; }
#userstory-article .article-summary { font-weight: 700; margin-bottom: 25px; }
#userstory-article .article-summary { font-weight: 500; font-style: italic; margin-bottom: 25px; }
.quote { font-size: 12px; font-style: italic; margin: 25px 0 25px; }


/* == User Story == */
h2.customer { color: gray; }
h2.solution { line-height: 1em; }
#quote * { font-family: "Georgia", Times, serif; font-style: italic; }
#quote img { float: left; padding: 6px 13px 6px 0; }
#quote p { font-size: 18px; color: #48a8a6; line-height: 1.4em; }
#quote h5 { font-size: 1.2em; line-height: 1.2em; font-weight: bold; color: #424242; }
#quote h5 #workplace { font-weight: normal; }

/* == Research Page == */
#research-article .article-img { float: right; padding: 20px; width: 320px; }

/* == Events Page ==*/
#events .events-header { border-bottom: 1px solid #CCC; margin: 0 0 10px; padding: 0 0 10px; width: 735px; }
#events .events-flash { height: 165px; width: 250px; }
#events .events-body { width: 460px; }

ul.event-list { list-style-type: none; font-size: 0.8em; margin: 0; }
ul.event-list li { list-style: none; width: 345px; float: left; margin-right: 24px; height: 170px; }
ul.event-list li .event-description { width: 170px; float: left; margin-right: 5px; }
ul.event-list li .event-image img { width: 170px; float: left; margin: 0; }
ul.event-list .event-location { margin: 7px 0; }

/* == Product Grid == */
.productgrid-zoom-details { height: 0px; width: 0px; overflow: hidden; }
.productgrid-zoom-details .zoom-detail { cursor: pointer; text-align: left; border: 6px solid #47BAB5; padding: 5px; background: white; width: 200px; min-height: 230px; }
.productgrid-zoom-details .zoom-detail img { height: 200px; width: 200px; }
#productgrid-categories .active { background: url(../images/webnxt/cat-selected.gif) no-repeat; position: relative; padding: 11px 10px 0 10px; top: -5px; left: -4px; height: 176px; margin-right: -8px; margin-bottom: -5px; }
#productgrid { margin-bottom: 10px; }
ul#productgrid-categories { width: 1000px; margin: 0; }
#productgrid-categories li.active a { padding: 0; }
#productgrid-categories li a { outline: 0; }
#productgrid-categories li { list-style: none; background: white; float: left; width: 109px; height: 168px; margin-right: 12px; }
#productgrid-categories li a { display: block; width: 103px; height: 100%; padding: 6px; }
#productgrid-categories li.last { margin-right: 0; }
#productgrid-categories li img { width: 97px; height: 97px; }
#productgrid-categories h4 { padding-top: 6px; line-height: 1.1em; }
#productgrid-container { clear: both; background: white; padding: 6px 6px; width: 702px; }
#feature-filter-container { margin: 0 0 0 0; padding: 0; }
#feature-filter-container a, #feature-filter-container #show { margin-right: 1.3em; display: block; float: left; font-size: 0.85em; }
#feature-filter-container #show { font-weight: bold; color: black; }
#feature-filter-container a:hover { text-decoration: underline; }
#feature-filter-container a.active { background: url(../images/webnxt/check.gif) no-repeat center left; outline: none; padding-left: 12px; color: black; text-decoration: none; cursor: default; }
#productgrid-container .separator { padding: 6px 0 0 0; margin: 0 0 6px 0; border-bottom: 1px solid #D8D8D8; clear: both; width: 100%; height: 1px; }
#productgrid-container .productgrid-element { display: block; float: left; list-style: none; padding: 0 6px 0 6px; width: 104px; height: 165px; border-right: 1px solid #D8D8D8; position: relative; }
#productgrid-container .productgrid-element.last { border: none; }
#productgrid-container .productgrid-element span.newProduct { position: absolute; top: 0; left: 0; width: 100%; text-align: center; color: #fff; font-size: 0.9em; background-color: #47BAB5; filter:alpha(opacity=75);-moz-opacity:0.75;-khtml-opacity: 0.75;opacity: 0.75;}
#productgrid-container .productgrid-element.new img { background-color: #ffff00; }
#productgrid-container .productgrid-element:hover { cursor: pointer; border: 3px solid #47BAB5; margin: -3px -2px -3px -3px; }
#productgrid-container .productgrid-element h5 { font-size: 0.9em; }

#productgrid-container .productgrid-element img { width: 100px; height: 100px; padding-left: 1px; }

/* orders page */
#orderResultTable td { font-size: 0.9em; }

/* progress steps */
ul.progress-steps { margin: 0; list-style: none; background: url(../images/static/gray.png) repeat-x 0px 15px; height: 60px; }
ul.progress-steps > li { padding-top: 30px; list-style-type: none; background-repeat: no-repeat; background-position: top center; height: 30px; background-image: url(../images/static/progress-step-off.png); text-align: center; float: left; font-size: 0.8em; color: #999999; }
ul.progress-steps > li.on { background-image: url(../images/static/progress-step-on.png); color: #333333; }

/* Live Chat */
#livechat-compact-container, #livechat-full{ left: 20px; right: auto; } 

/* DISQUS */
#dsq-content h3, #dsq-content h3.disqus-head { font-size: 1.1em; margin-bottom:0.2em; }

#dsq-content p.policy {padding-bottom:0.5em; clear:both; margin-top:40px;}

#dsq-reply {margin-bottom:5em;}



/* Document List Items (new) */

div.docListItem {clear: both;border-top: solid 1px #ddd;padding: 10px 0 10px 168px;}
div.docListItem strong{display: block; font-family: "CabinRegular"; font-size: 1.25em; font-weight: normal;}
div.docListItem > a > img{float: left;width: 148px;height: 105px;padding-bottom: 10px;margin-left: -168px;}
div.docListItem > a > img.icon { float: left; padding: 10px 20px 30px 132px; width: 32px; height: 32px;}
div.docListItem .partDesc { float:left; width: 210px; font-weight: normal;}                
div.docListItem div.inlineParts { width: 546px; padding-top: 20px; clear: right; }

div.docListItem .cart-controls { padding: 0;  width: 127px; }
div.docListItem .item-empty-pricing { display: none; }

div.downloadTab { padding-bottom: 20px; }
div.downloadTab div.docListItem { padding-left: 60px }
div.downloadTab div.docListItem > a > img.icon { padding: 3px; margin-left: -60px;}

 
@media print
{
    .noprint, #navbar-items, #call2action,  #footer, #topMenu, a.btn.large, a.btn.medium, .controls, .stock, .share {display: none;}
    .whiteBg, .whiteBgArticle { border: none; }
}

.btn.circular {
    border-radius: 40px;
}

/*Banners*/ 
.smallbanner {
    margin-left: 42%;
    margin-top: 60px;
    margin-bottom: 50px;
}

    .smallbanner p {
        width: 357px;
    }
    .bigbanner ul,.smallbanner ul {
        list-style: none;
    }

    .smallbanner .article-body {
        line-height: 1.2em;
    }

    .smallbanner #slideshow {
        display: none;
    }

    .smallbanner h1 {
        font-size: 16px;
        padding-top: 0px;
        padding-bottom: 0.3em;
    }

    .bigbanner .t-mar-10,.smallbanner .t-mar-10 {
        margin: 0;
    }

    .smallbanner .article-body div {
        width: 0!important;
    }

    .smallbanner img {
       width: auto;
float: right;
height: 100px;


    }

    .bigbanner p, .bigbanner h1, .bigbanner .posText{
        float: left;
        width: 60%;
    }

    .bigbanner .article-body ul, .article-body p {
        padding-bottom: 0em;
    }
    .bigbanner ul {
        float: left;
    }
    
   #product-content #content_specs .mainText h2 {
        margin-top: 25px;
padding-bottom: 5px;
    }

 #product-content #content_specs .mainText h3 {
        margin-top: 10px;
padding-bottom: 5px;
    }

 #fade {
    display: none;  /* ensures it’s invisible until it’s called */
    position:fixed;  /* makes the div go into a position that’s fixed to the browser viewing area */
    left: 0%; /* makes the div span all the way across the viewing area */
    top: 0%; /* makes the div span all the way across the viewing area */
    background-color: black;
    -moz-opacity: 0.7; /* makes the div transparent, so you have a cool overlay effect */
    opacity: .70;
    filter: alpha(opacity=70);
    width: 100%;
    height: 100%;
    z-index: 1001; /* makes the div the second most top layer, so it’ll lay on top of everything else EXCEPT for divs with a higher z-index (meaning the #overlay ruleset) */
}

 .placeholder {
     color: #555;
 }

 span.addressNbr { font-size: 0.8em;color: #999; }

.ui-autocomplete img { height: 40px; width: 56px; padding-right: 10px;vertical-align: middle;}

.truncate {
  white-space: nowrap !important;
  overflow: hidden !important;
    text-overflow: ellipsis !important;
      width:400px !important;
}

#editEmail {
    max-width: 100%;
}

a.btn.disabled {
   pointer-events: none;
   cursor: default;
   background: #ddd;
   text-shadow: none;
   color: #aaa !important;
}

a.btn.donate {
	padding: 8px 20px 2px 20px;
	text-decoration: none; 
	background: #71d54c;
	border: 2px solid #6bca48;	
	color: rgba(255,255,255,1.00);	
	font-size: 1.2em;	
	background: #5fb340;
	background: -moz-linear-gradient(top, #5fb340 0%, #71d54c 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5fb340), color-stop(100%,#71d54c));
	background: -webkit-linear-gradient(top, #5fb340 0%,#71d54c 100%);
	background: -o-linear-gradient(top, #5fb340 0%,#71d54c 100%);
	background: -ms-linear-gradient(top, #5fb340 0%,#71d54c 100%);
	background: linear-gradient(to bottom, #5fb340 0%,#71d54c 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5fb340', endColorstr='#71d54c',GradientType=0 );
	border-radius: 15px; 	
	-webkit-border-radius: 15px;
    -khtml-border-radius: 15px;
    -moz-border-radius: 15px;
	box-shadow: 0 8px 0 #69c447; 
	-webkit-box-shadow: 0 8px 0 #69c447;
    -moz-box-shadow: 0 8px 0 #69c447;	
	text-shadow: 0 2px 2px #62b743;	
}

a.btn.donate:hover {
    background: #77e050;
    background: -webkit-linear-gradient(top, #77e050, #71d54c);
    background: -moz-linear-gradient(top, #77e050, #71d54c);
    background: -o-linear-gradient(top, #77e050, #71d54c);
    background: -ms-linear-gradient(top, #77e050, #71d54c);
    background: linear-gradient(to top, #77e050, #71d54c);
}

div.e-chat-button {
    display: flex;
    position: fixed;
    bottom: 0;
    right: 0;
    margin-right: 1.25rem;
    margin-bottom: 1.25rem;
    z-index: 999999;
    border: 0;
    padding: 0;
    background: transparent;
}

div.e-chat-button a img {
    display: flex;
    width: 5rem;
    height: 5rem;
}

div.e-chat-button:hover {
    transform: scale(1.1);
}

div.e-chat-button .lt-ie10, div.e-chat-button .sr-only {
    display: none;
}