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, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0; padding:0; border:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline; font-family:Verdana, Arial, Helvetica, sans-serif;}
h1, h2, h3, h4, h5, h6, p {margin:0 0 10px 0;}
html {min-height:100%; margin-bottom:1px; background:#fff url('/include/images/design/bgr-main-grad.jpg') repeat-x 0 0;}
body {line-height:1; color:#000; font-size:76%;}
/* Tables still need 'cellspacing="0"' in the markup. */
table {border-collapse:separate; border-spacing:0; }
caption, th, td {text-align:left; font-weight:normal;}
/* Remove possible quote marks (") from , . */
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" ""; font-size:1.1em; line-height:1.2; font-style:italic;}
a:link, a:visited, a:focus, a:hover, a:active {color:#4265AB;}
a:visited, a:focus {color:#2E4779;}
/* Main div declarations */
body {text-align:center;}
div#container_zero {background:transparent url('/include/images/design/bgr-head-border-repeat.png') repeat-y center top; width:1020px; margin:0 auto; text-align:left;}
div#container {background:transparent url('/include/images/design/bgr-head-border.png') no-repeat scroll center top; width:1000px; margin:0 auto; padding:10px; text-align:center; line-height:1.2; position:relative;}
div#header {height:70px; position:relative;}
div#content, div#contentNoRight {float:left; display:inline; width:790px; margin:10px 5px; padding:5px 5px 5px 15px; text-align:left;}
div#sub-content {float:left; width:173px; text-align:left; color:#000; margin:10px 0 0 0; padding:0;}
/* Header */
div#header img#logo {left:10px; top:13px; position:absolute;}
div#header img#components { margin:0 0 0 201px; padding:0; float:left; }
div#header ul {list-style:none; background:url('/include/images/design/text-languages.png') no-repeat 0 0; position:absolute; top:3px; right:10px; padding:15px 0 0 0;}
div#header ul li {display:inline; padding:0;}
div#header ul li#disty-extranet { text-align:left; display:block;}
/* Navigation */
div#topnav {height:36px; width:995px; margin:0; padding:0; position:relative;}
div#topnav ul {width:995px; height:36px; list-style:none; padding:0; margin:0 0 0 3px; background:url('/include/images/design/nav-form.jpg') no-repeat right top;}
div#topnav ul li {float:left; background:#900;}
div#topnav ul li a {color:#fff; display:block; height:36px; overflow:hidden; background-position:top;}
#nav-Home {background:url("/include/images/design/nav-home.jpg") no-repeat; width:120px;}
#nav-AboutUs {background:url("/include/images/design/nav-about.jpg") no-repeat; width:120px;}
#nav-TechCentre {background:url("/include/images/design/nav-techcentre.jpg") no-repeat; width:171px;}
#nav-Capabilities {background:url("/include/images/design/nav-techcentre.jpg") no-repeat; width:171px;}
#nav-Products {background:url("/include/images/design/nav-products.jpg") no-repeat; width:120px;}
#nav-Downloads {background:url("/include/images/design/nav-downloads.jpg") no-repeat; width:171px;}
#nav-Contact {background:url("/include/images/design/nav-contact.jpg") no-repeat; width:90px;}
div#topnav ul li a:hover, div#topnav ul li a:focus {background-position:center;}
div#topnav ul li#primenavOn a {background-position:bottom;}
div#primesearch {position:absolute; right:0; top:5px;}
div#primesearch form input {margin-right:15px;}
div#primesearch form input#search-field { margin-right:5px; height:14px; padding:0;}
p#youAreHere {border-bottom:1px dashed #ccc; padding:0 0 7px 10px; margin:0 0 5px 0; }
div#contentNoRight p#youAreHere {border-bottom:1px dashed #ccc; padding:0 0 7px 10px; margin:0 2px 5px -10px;}
ul#distExtranet { border:1px dashed #ccc; list-style:none; margin:0 0 10px 0; padding:7px 0 7px 5px; width:100%; color:#900; font-size:1.2em;}
ul#distExtranet li { display:inline; margin:0 0 0 10px;}
div#contentNoRight ul#distExtranet { border:1px dashed #ccc; list-style:none; margin:0 0 10px -10px; padding:7px 5px;}
div#contentNoRight ul#distExtranet li { display:inline; background:none; margin:0 0 0 10px; padding:0;}
/* Left-hand side */
div#sub-content div {background:#f9f9f9 url('/include/images/design/bgr-leftside.png') repeat-y 0 0; margin:0; padding:0 0 10px 0;}
div#sub-content div h3 {margin:0;}
div#sub-content div p {margin:10px 7px 0 10px;}
div#sub-content div dl {margin:10px 5px 0 10px; font-size:.9em;}
div#sub-content div dt {margin:10px 0 0 0; padding:3px 0;}
div#sub-content div dt a {color:#000; text-decoration:none;}
div#sub-content div dt strong {font-weight:bold;}
div#sub-content div dl dd select {width:150px;}
div#sub-content div dl dd input {width:104px; margin-right:5px;}
div#sub-content div dl dd input.goBtn {width:34px!important;}
.flag {display:inline; margin-left:48px;}
div#sub-content div#left-bottom {background:#fff url('/include/images/design/bgr-left-footer.png') no-repeat 0 0; padding:20px 0 0 0;}
div#sub-content div#left-bottom p {color:#666; font-weight:bold; font-size:.8em;}
div#sub-content div#left-bottom a {color:#000;}
div#sub-content ul.leftNav {margin:0 10px; list-style:none; font-size:1.2em;}
div#sub-content ul.leftNav li {padding:6px 0 6px 4px; border-bottom:1px dashed #ccc; position:relative;}
div#sub-content ul.leftNav li a {text-decoration:none; color:#333;}
div#sub-content ul.leftNav li a#leftNavOn {color:#900;}
div#sub-content ul.leftNav ul {margin:0 0 0 1px; list-style:none; font-size:.8em;}
div#sub-content ul.leftNav ul li {padding:5px 0 5px 8px; border:none; background:url('/include/images/design/bullet-subNavoff.png') no-repeat 0 7px;}
div#sub-content ul.leftNav ul li a {text-decoration:none; color:#333; font-weight:bold;}
div#sub-content ul.leftNav ul li#leftSubNavOn {background:url('/include/images/design/bullet-subNavon.png') no-repeat 0 7px;}
div#sub-content ul.leftNav ul li#leftSubNavOn a {color:#900; font-weight:bold;}
div#sub-content div#live-call { background:url('/include/images/design/bgr-live-chat.png') no-repeat 78px 65px; margin:0; padding:0;}
div#sub-content div#catalogue-samples { margin:0; padding:0;}
div#live-call h4 { color:#000; font-size:1.1em; font-weight:bold; margin:7px 0 14px 10px;}
div#live-call a.btn-chat { margin:0 0 0 10px;}
div#sub-content div#live-call p.panel-bot {background:url('/include/images/design/bgr-left-footer.png') no-repeat 0 bottom; margin:20px 0 0 0; padding:0 0 15px 10px;}
div#sub-content div#catalogue-samples p.panel-bot {background:url('/include/images/design/bgr-left-footer.png') no-repeat 0 bottom; margin:10px 0 0 0; padding:0 0 15px 10px;}
/* General typography */
p#youAreHere + h1 {background:url('/include/images/design/bgr-h1.jpg') repeat-x 10px bottom; font-size:1.4em; margin:0 0 1em -10px; padding:0 0 5px 10px; } /* Has to be repeated for thicky IE6 who doesn't understand adjacent selectors */
div#contentNoRight p + h1 { background:none; font-size:1.3em; padding:2px 5px; font-weight:normal;}
div#contentNoRight h1 {background:url('/include/images/design/bgr-h1.jpg') repeat-x 10px bottom; font-size:1.4em; margin:0 0 1em -10px; padding:0 0 5px 10px;}
div#contentNoRight h1.search {font-weight:bold;}
div#contentNoRight h1.search a {color: #AD1717;}
div#contentNoRight h1.search .right {float:right;padding:3px 5px;font-size:0.7em;}
div#contentNoRight p#youAreHere + h1 {background:url('/include/images/design/bgr-h1.jpg') repeat-x 10px bottom; font-size:1.4em; margin:0 0 1em -10px; padding:0 0 5px 10px; } /* Has to be repeated for thicky IE6 who doesn't understand adjacent selectors */
div#contentNoRight div.title h1, div#contentNoRight div.title h2 {background:none; margin:0; padding:0;}
div#contentNoRight h2 {background:#900 url('/include/images/design/bgr-h2bar-end.png') no-repeat right top; color:#fff; font-size:1.3em; padding:2px 5px; font-weight:normal;}
div#contentNoRight h3 { font-size:1.3em; }
div#contentNoRight h4 { font-size:1em; font-weight:bold; margin:0; padding:0; }
div#contentNoRight .hx-section { background:#900 url('/include/images/design/bgr-h2bar-end.png') no-repeat right top; color:#fff; padding:2px 5px; font-weight:normal; width:70%; margin:20px 0 10px 0;}
p.note { color:#666; font-size:.8em!important;}
div#contentNoRight p {font-size:1.1em; line-height:1.3;}
div#contentNoRight ul, div#contentNoRight ol {margin:0 0 10px 0; line-height:1.6; }
div#contentNoRight ul li, div#contentNoRight ol li {background:url('/images/left_nav_img.gif') no-repeat 0 10px; padding:5px 0 0 12px; list-style:none;}
div#contentNoRight ul#markets {list-style:none; line-height:2; margin:0 0 0 5px;}
cite { font-style:italic; border-bottom:1px dashed #ccc; margin:10px 0; padding:5px 0; display:block; width:100%;}
blockquote cite { border:none; margin:0 0 10px 0; padding:0; font-weight:bold; font-size:.9em;}
form.admin fieldset { border:1px dashed #ccc; padding:10px;}
form.admin fieldset legend { background:#f2f2f2; padding:3px 5px;}
div.adminfiles { margin-bottom:15px; }
div.adminfiles input { margin-right:5px; }
div.adminfiles label { margin-bottom:5px; }
div#contentNoRight span#nda {
float:right; background: transparent url('/images/pdf_icon_sm.gif') no-repeat scroll 0px 50%; padding: 0px 100px 0px 25px;
}
/* Homepage*/
div#welcome {margin:0 0 10px 0;}
div#intro-wrapper { position:relative; width:100%; }
div#intro-2 {width:500px; float:left; margin:0 0 15px 0; padding:0 10px 0 0; }
/* Homepage, Newsletter */
div#newsletter, div#newsletterx {width:250px; height:110px; float:right; background:#DDE8FA url('/include/images/design/bgr-newsletter.png') no-repeat 0 0; padding:10px;}
div#newsletter { position:absolute; right:0px; top:0;}
div#newsletter h3, div#newsletterx h3 {background:#dde8fa url('/include/images/design/icon-green-tick.png') no-repeat 0 0; padding:0 0 0 20px; font-weight:bold;}
div#newsletter p, div#newsletterx p {width:90%;}
div#newsletter input#newsletter-name, div#newsletter input#newsletter-email { margin:0 0 5px 0;}
/* Homepage, first row promo - Products */
div#products {width:795px; height:261px; overflow:visible; background:#e0cccc url('/include/images/design/bgr-home-products.jpg') no-repeat 0 0; clear:both; margin:10px 0 20px 0; padding:0;}
div#products div.prd-section {float:left; width:243px; margin:3px 0 0 0; padding:10px 10px 0 10px; display:inline; border-right:1px solid #e2cfcf; position:relative;}
div#products div.last {padding:10px 0 0 10px; border:none;}
div#products div.prd-section h3 {margin:10px 0 4px 0;}
div#products div.prd-section p.intro {font-weight:bold;}
div#products div.prd-section p.intro a { color:#000;}
div#products div.prd-section a img.readmore,
div#products div.last a img.readmore {margin:0; padding:0; position:absolute; right:10px; top:230px;}
div#products div.last a img.readmore {right:0;}
div#products div.prd-section-featured {float:left; width:263px; padding:2px; display:inline; border-right:1px solid #e2cfcf; position:relative;}
div#products div.prd-section-featured .readmore {margin:0; padding:0; position:absolute; right:10px; top:230px;}
/* Homepage, second row promo - Site Features */
div#site-features {width:100%; background:#fff url('/include/images/design/bgr-home-features.jpg') repeat-x left bottom; clear:both; margin:10px 0; padding:0 0 10px 0;}
div#site-features div.feature-section {float:left; width:250px; margin:0 10px 0 0; padding:0 10px 0 0; display:inline; border-right:1px solid #a9a9d9; position:relative; min-height:290px; _height:290px; overflow:visible;}
div#site-features div.last {width:243px; margin:0; padding:0; border:none;}
div#site-features div.feature-section h4 {margin:0 0 4px 0; width:250px; height:30px; background:#eef2f9;}
div#site-features div.feature-section h4 img {margin:4px 0 0 8px;}
div#site-features div.last h4 { width:245px;}
div#site-features div.feature-section img,
div#site-features div.feature-section h5,
div#site-features div.feature-section p {margin:0 0 0 10px;}
div#site-features div.feature-section h5 {color:#4265AB; font-weight:normal; font-size:1.2em; margin:3px 0 3px 10px;}
ul#markets {list-style:none; line-height:2; margin:0 0 0 5px; position:relative;}
ul#markets li#industrial {background:url('/include/images/design/li-industrial.png') no-repeat 0 0;padding:3px 0 0 45px;}
ul#markets li#military {background:url('/include/images/design/li-military.png') no-repeat 0 0;padding:3px 0 0 45px;}
ul#markets li#aerospace {background:url('/include/images/design/li-aerospace.png') no-repeat 0 0;padding:3px 0 0 45px;}
ul#markets li#medical {background:url('/include/images/design/li-medical.png') no-repeat 0 0;padding:3px 0 0 45px;}
ul#markets li#consumer {background:url('/include/images/design/li-consumer.png') no-repeat 0 0;padding:3px 0 0 45px;}
ul#markets li#telecomms {background:url('/include/images/design/li-telecomms.png') no-repeat 0 0;padding:3px 0 0 45px;}
ul#markets li#semiconductor {background:url('/include/images/design/li-semiconductor.png') no-repeat 0 0;padding:3px 0 0 45px;}
ul#markets li#automotive {background:url('/include/images/design/li-automotive.png') no-repeat 0 0;padding:3px 0 0 45px;}
div#site-features div.feature-section img.prd-browser {margin:10px 0 0 50px;}
div#site-features div.feature-section a img.readmore,
div#site-features div.last a img.readmore {margin:10px 0 0 0; padding:0; float:right; padding-bottom:10px; /* if you need buttons to align bottom, use:margin:0; bottom:0px; */ }
div#site-features div.feature-section img#callback {float:right; clear:none}
div#site-features div.feature-section img#callback-button {float:left;}
/* About > News */
#news dl {margin-top:.2em; padding-bottom:.8em;}
#news dt {display:block; background:#F1F3FA; margin:0; font-weight:bold; padding:.3em;}
#news dd {margin:.5em; padding-bottom:1em; border-bottom:1px solid #ccc;}
#news p {margin:.3em 0;}
/* Newsletters */
dl#newsletters {float:left;}
dl#newsletters dt {clear:left;
padding-top:1em;
border-top:1px solid #ccc;
margin-top:.6em;
background:none;}
dl#newsletters dt img {float:left;
margin-right:.6em;
margin-bottom:.6em;}
dl#newsletters dt.first {border-top:none;}
dl#newsletters dd {border-bottom:0;}
.icon {border:none !important;}
#range ul, #pitch ul, #type ul {border:1px solid #aeaeae; min-height:180px; height:auto; _height:180px; margin:0; overflow:auto; _overflow:visible;}
#pitch ul {min-height:120px; height:auto; _height:120px;}
#type ul {min-height:30px; height:auto; _height:30px;}
#range li, #pitch li, #type li {float:left; width:16em; background-image:url(/include/images/bullet.gif); background-position:0 3px; background-repeat:no-repeat; padding:0 0 0 1.5em; list-style-type:none;}
#range h3, #pitch h3, #type h3 {font-size:1em; background:#D6DEF0; padding:.3em; margin:.8em 0;}
.presentations{min-height:180px;
clear:right;}
div#add-to-faves {display:block;
margin-bottom:12px;}
a#add-favourite {padding:6px 0 6px 24px;
background:white url(/include/images/add_favourite.gif) center left no-repeat
}
/* News specific style */
/* Electronica 2006 */
form#electronica2006 div
{margin:10px 0;}
form#electronica2006 label
{display:block;
float:left;
width:14em;
margin-top:3px;
padding-right:10px;
text-align:right;}
form#electronica2006 label.required {font-weight:bold;}
form#electronica2006 em.required {font-weight:bold;
color:#666;}
form#electronica2006 input#submit {margin-left:14.5em;}
form#electronica2006 ul#errors {font-weight:bold;
color:red;}
/* About > History */
div#contentNoRight ol.ol-history {list-style:none; margin:0; padding:70px 0 0 0; font-size:1.3em;}
div#contentNoRight ol.ol-history li { background:none; margin:0; padding:0;}
/* About > People */
.peopleWrapper h3 { background:none; color:#000; border-top:1px dashed #CC7F7F; font-weight:bold; clear:both; margin-top:10px; padding-top:10px;}
.vcard { background:transparent url('/images/people/bgr-bio.jpg') no-repeat left bottom; width:380px; float:left; margin:0 10px 10px 0; padding:0 0 10px 0;}
.vcard .europe { background:transparent url('/images/people/bgr-europe.png') no-repeat top right; width:370px; padding:0 0 0 10px;}
.vcard .usa { background:transparent url('/images/people/bgr-usa.png') no-repeat top right; width:370px; padding:0 0 0 10px;}
.vcard .asia { background:transparent url('/images/people/bgr-asia.png') no-repeat top right; width:370px; padding:0 0 0 10px;}
.vcard img { float:left; margin:0 5px 0 0;}
div#contentNoRight .vcard span.fn a { font-weight:bold; margin:0 0 3px 0;}
.vcard .org { display:none;}
div#contentNoRight .vcard p.role { font-style:italic; font-size:1em; margin:0 0 3px 0;}
div#contentNoRight .vcard .bio p { margin:0; padding:0; font-size:.9em;}
/* Tech Centre > Home Page */
div#contentNoRight h2#h2-overview, h2.h2-subcon {background:none; margin:0; padding:0;}
div#capabilities-intro, div#capabilities-list, div#subcontract-intro {background:#fff url('/include/images/design/bgr-grad-redl.jpg') repeat-y 0 0; border:1px solid #9c2b2c; border-width:1px 0; width:790px; height:250px; margin:-1px 0 0 0;}
div#capabilities-intro h3, div#capabilities-list h3, div#subcontract-intro h3 {background:none; margin:10px 0 10px 20px; padding:0; font-size:1.2em;}
div#capabilities-intro p, div#capabilities-list p {margin:0px 0 10px 20px; width:420px;}
div#capabilities-intro div#intro-anim {float:right; width:300px; margin:0;}
div#subcontract-intro div#subcon-image {float:right; width:400px; margin:0; padding:10px 0 0 0;}
{margin:0px 0 10px 20px; width:360px;}
div#subcontract-intro p {margin:0px 0 10px 20px; width:360px;}
div#film-container {background:#fff url('/include/images/design/bgr-grad-redl.jpg') repeat-y left top; width:790px; height:260px; margin:0 0 10px 0; padding:15px 0 20px 0; border:1px solid #9C2B2C; border-width:1px 0;}
div#film-container h3 { display:inline; margin:0 0 10px 25px;}
div#film-container p {margin:10px 0 0 25px; padding:0 10px 0 0;}
div#film-container div#flash-film {float:right; width:275px; background:url('/include/images/design/cap-conception.gif') no-repeat 0 0; margin:0 0 0 20px; padding:24px 0 0 0;}
div#capabilities-list { height:auto; padding:0 0 10px 0;}
div#capabilities-list ul { margin:0 0 0 40px;}
div#capabilities-list ul#tablist { margin:0 0 20px 0; padding:0; width:100%; float:left; background:#000 url('/include/images/design/bgr-capable-list.jpg') repeat-x bottom right;}
div#capabilities-list ul#tablist li {display:inline; background:none; margin:0; padding:0;}
div#capabilities-list ul#tablist li a { float:left; color:white; padding:3px 11px; text-decoration:none; border-right:0px solid navy;}
div#capabilities-list ul#tablist li a.selected {color:white!important; padding-top:4px; /*shift text down 1px*/ padding-bottom:3px; background:url('/include/images/design/bgr-capable-list-on.jpg') repeat-x 0 0; border-bottom:1px solid #5c5754; }
.tabcontentstyle { border:1px solid gray; width:450px; margin-bottom:0em; padding:0px; }
.tabcontent { display:none; background:#fff url('/include/images/design/bgr-grad-redl.jpg') repeat-y 0 0; border-bottom:1px solid #9c2b2c; padding:0 0 0 25px; }
div#capabilities-list img { float:right; margin:0 20px; }
div#capabilities-list h4, div#capabilities-list p, div#capabilities-list p.important { margin:0 0 0 20px; width:auto;}
div#capabilities-list h4 { margin:8px 0 3px 20px; font-weight:bold; }
div#capabilities-list p { margin:8px 20px; }
div#capabilities-list p.important { margin:0 0 8px 20px; color:#900; }
/* Tech Centre > Process > Tour */
#previousNext {display:block; width:auto; text-align:right; }
.previous { background:url(/images/previous_black.gif) no-repeat 0px 50%; padding-left:12px; margin-right:0px; text-decoration:none; }
.next { background:url(/images/left_nav_img.gif) no-repeat 3em 50% ; text-decoration:none; padding-right:20px; }
/* Tech Centre > Case Studies */
div.case-studies { float:left; width:45%; height:19em; margin:0 10px 10px 0; padding:10px 10px 0 10px; border:1px dashed #ccc; }
div#contentNoRight div.case-studies h4 { background:#f0f0f0; padding:5px; width:15em; display:inline-block;}
/* Tech Centre > Gallery */
div#contentNoRight div.infiniteCarousel ul li { background:none; margin:0; padding:15px 5px 0;}
/* Products > Products Home */
div#product-overview div.box {
float:left;
width:49%;
min-height:14em;
margin-bottom:2%;
display:inline;
}
div#product-overview div.odd {margin-right:15px;}
div#product-overview .title {
width:96%;
padding:2%;
font-weight:bold;
color:white;
background:#4265ab url(/include/images/catalogue/default-corner.gif) top right no-repeat;
}
div#product-overview div#catalogue p {
margin:0;
text-align:center;
font-size:1.4em;
font-weight:bold;
}
div#product-overview div#catalogue p a {
display:block;
height:2.8em;
padding:.5em;
border-top:1px solid #bbb;
border-right:1px solid #999;
border-bottom:1px solid #999;
border-left:1px solid #bbb;
text-align:left;
font-size:.9em;
font-weight:normal;
line-height:1.4em;
}
div#product-overview div#catalogue a.catalogue-download {
padding-left:62px;
background:transparent url('/include/images/pdf_icon.gif') 12px center no-repeat;
}
div#product-overview div#catalogue a.catalogue-request {
padding-left:76px;
margin-top:.6em;
background:transparent url('/include/images/catalogue-icon-sml.gif') 12px center no-repeat;
}
div#product-overview div#browser ul.categories {text-align:center;margin:0; padding:0;}
div#product-overview div#browser ul.categories li {list-style:none; background:none; float:left;margin:0; padding:0;}
div#product-overview div#browser ul.categories img {margin:0;}
div#product-overview div#browser ul.categories a {border:0;}
div#product-overview .title a { text-decoration:none; color:white;}
div#product-overview .title a {
border-bottom:1px dotted #333;
text-decoration:none;
color:white;
}
div#product-overview .title a:hover {color:#222;}
div#product-overview h1 {font-size:1.4em;}
div#product-overview h1, div#product-overview h1.title, div#product-overview div.box h1 a {font-weight:normal;}
div#product-overview .title h1 {margin-bottom:.2em;}
div#product-overview h1.title, div#product-overview h2.title, div#product-overview div.title h1, div#product-overview div.title h2 {
margin:0;
font-weight:normal;
font-size:1.4em;
}
div#product-overview div.title h2 {
padding:0;
padding-bottom:.2em;
background:none;
}
div#product-overview h2.title a, div#product-overview .title h2 a {font-weight:normal;}
div#product-overview h1, div#product-overview div.box div.title p {margin:0;}
div#product-overview div.box div.content {padding:0 2%;}
div#product-overview div.box div.content a {
border-bottom:1px dotted #666;
font-weight:inherit;
text-decoration:none;
color:#666
}
div#product-overview div.box ul {
margin-left:0;
padding-left:0;
list-style:none;
}
div#product-overview div.box ul li {
margin:0 0 10px 0;
padding-left:16px;
}
div#product-overview div.box ul li span {padding-bottom:5px;}
div#product-overview div.box#datamate ul {
height:225px;
background:transparent url('/include/images/catalogue/datamate_back.jpg') bottom right no-repeat;}
div#product-overview div.box#datamate ul li {background:transparent url('/include/images/catalogue/datamate_bullet.gif') no-repeat left 5px;}
div#product-overview div.box#datamate ul li span {border-bottom:1px solid #ed963b;}
div#product-overview div.box#rfi-pcb ul { height:225px; background:transparent url('/include/images/catalogue/rfi_back.jpg') bottom right no-repeat;}
div#product-overview div.box#rfi-pcb ul li {background:transparent url('/include/images/catalogue/rfi_bullet.gif') no-repeat left 5px;}
div#product-overview div.box#rfi-pcb ul li span {border-bottom:1px solid #9d85be;}
div#product-overview div.box#ez-boardware ul { }
div#product-overview div.box#ez-boardware ul li {background:transparent url('/include/images/catalogue/rfi_bullet.gif') no-repeat left 2px;}
div#product-overview div.box#ez-boardware ul li span {border-bottom:1px solid #9d85be;}
div#product-overview div.box#terminals ul { height:215px; background:transparent url('/include/images/catalogue/terminals_back.jpg') bottom right no-repeat;}
div#product-overview div.box#terminals ul li {background:transparent url('/include/images/catalogue/terminals_bullet.gif') no-repeat left 5px;}
div#product-overview div.box#terminals ul li span {border-bottom:1px solid #3c9d90;}
div#product-overview div.box#connectors ul {
height:215px;
background:transparent url('/include/images/catalogue/connectors_back.jpg') bottom right no-repeat; }
div#product-overview div.box#connectors ul li {background:transparent url('/include/images/catalogue/connectors_bullet.gif') no-repeat left 5px;}
div#product-overview div.box#connectors ul li span {border-bottom:1px solid #2383c6;}
/* end */
div#buy-now form#buy-form, div#buy-now form.buy-link {margin:.3em 0;}
div#buy-now form#buy-form {background:transparent url('/include/images/buy_now_back.png') top left no-repeat;}
div#buy-now form#buy-form select {
margin:4px 0 0 14px;
vertical-align:top;
}
div#buy-now img {
margin-top:1px;
border:0 !important;
vertical-align:top;
}
div#buy-now a#buy-link {
display:block;
float:left;
width:131px;
height:32px;
text-indent:-9999px;
background:transparent url('/include/images/buy-now-button.png') top left no-repeat;
}
div#buy-now form, div#buy-now a {clear:left;}
div#buy-now img.buy-now {margin-left:.4em;}
div#buy-now strong.us-only {
margin-left:.8em;
padding-left:20px;
line-height:2.3em;
font-size:1.1em;
color:#444;
background:transparent url('/include/images/us.png') center left no-repeat;
}
/* Individual Product sections Start */
div#product-overview div.box#datamate .title, div.products.datamate div.title {background:#ed9940 url(/include/images/catalogue/datamate-corner.gif) top right no-repeat;}
div#product-overview div.box#rfi-pcb .title, div.products.rfi-pcb div.title {background:#82679e url(/include/images/catalogue/rfi-pcb-corner.gif) top right no-repeat;}
div#product-overview div.box#ez-boardware .title, div.products.ez-boardware div.title {background:#9B669A url(/include/images/catalogue/ez-corner.png) top right no-repeat;}
div#product-overview div.box#terminals .title, div.products.terminals div.title {background:#2c8471 url(/include/images/catalogue/terminals-corner.gif) top right no-repeat;}
div#product-overview div.box#connectors .title, div.products.connectors div.title {background:#2064a3 url('/include/images/catalogue/connectors-corner.gif') top right no-repeat;}
div.products div.title {
margin-bottom:1em;
padding:.4em .6em;
color:white;
}
div.products div.title h2 {margin:.3em 0 0 0;}
div.products div.title h2 a {color:white;}
div.products h3 {
margin:0;
padding:0;
background:none;
}
img.rfi-pcb, img.terminals, img.connectors {
float:right;
margin:0;
padding:0 0 0 20px;
background-color:white;
}
div#contentNoRight div.products ul {
margin:0;
padding:0;
list-style:none;
}
div.products ul li {
width:60%;
margin-bottom:10px;
padding:0 0 10px 16px;
border-bottom:1px solid;
}
div.products.datamate ul li {
border-color:#ed9940;
background:transparent url('/include/images/catalogue/datamate_bullet.gif') left 4px no-repeat
}
div.products.rfi-pcb ul li {
border-color:#82679e;
background:transparent url('/include/images/catalogue/rfi_bullet.gif') left 4px no-repeat
}
div.products.terminals ul li {
border-color:#2c8471;
background:transparent url('/include/images/catalogue/terminals_bullet.gif') left 6px no-repeat
}
div.products.connectors ul li {
border-color:#2064a3;
background:transparent url('/include/images/catalogue/connectors_bullet.gif') left 6px no-repeat
}
/* Individual Product sections End */
/* Datamate PR Start */
div.products.datamate.pr ul li {
width:none;
padding:0;
border:0;
background:none;
}
div.products.datamate.pr ul {
float:left;
width:48.5%;
}
div.products.datamate.pr ul#articles {margin-right:20px!important;}
div.products.datamate.pr ul li {
width:100%;
min-height:110px;
padding-bottom:10px;
border-bottom:1px dotted #ed9940;
margin:14px 0 0 0;
}
div.products.datamate.pr ul li.latest {
padding-bottom:2%;
border-bottom:1px solid #4265ab;
background-color:#dee5f3;
}
div.products.datamate.pr ul li.latest h2 {
height:26px;
padding:0;
border-bottom:1px solid #4265ab;
margin:0 0 .6em 0;
text-indent:-9999px;
}
div.products.datamate.pr ul li.latest div.date, div.products.datamate.pr ul li div.date {
margin:.2em 0 0 0;
font-size:.8em;
color:#666;
background-color:transparent;
}
div.products.datamate.pr ul#articles li.latest h2 {background:white url("/include/images/datamate-pr/latest-article.gif") top left no-repeat;margin:0; padding:0;}
div.products.datamate.pr ul#featured li.latest h2 {background:white url("/include/images/datamate-pr/latest-feature.gif") top left no-repeat; margin:0; padding:0;}
div.products.datamate.pr ul li h3 {margin-top:0;}
div.products.datamate.pr ul li p {margin:.4em 0;}
div.products.datamate.pr ul li.latest {
margin-top:0;
text-align:center;
}
div.products.datamate.pr ul li.latest h2, div.products.datamate.pr ul li.latest h3, div.products.datamate.pr ul li.latest div.date, div.products.datamate.pr ul li.latest p {
padding:0 2%;
text-align:left;
}
div.products.datamate.pr h3 {font-size:1em;}
div.products.datamate.pr ul li.latest div {
margin:1em 1px;
background-color:white;
}
div.products.datamate.pr ul li.latest img {margin:1em;}
div.products.datamate.pr ul li.past img {
float:left;
padding:1px;
border:1px solid #ed9940;
margin:0 .6em .4em 0;
}
/* Datamate PR End*/
/* EZ Boardware Product page */
div#ez-boardware .content p { margin:5px 0;}
div#ez-boardware .content p a img { float:right;}
div#product-overview div#ez-boardware div.content { padding:0 5px;}
/* Datamate product overview Start */
p.rohs, p.non-rohs {
position:relative;
margin-top:22px;
padding-left:70px;
}
p.rohs {
height:60px;
line-height:4.7em;
}
p.non-rohs {
height:73px;
line-height:5.6em;
}
p.rohs img, p.non-rohs img {
position:absolute;
top:0;
left:0;
}
img.right {
float:right;
padding:12px;
background-color:white;
}
p.copper-contact {
height:100px;
}
p.copper-contact img {
float:left;
margin-right:12px;
}
table#connector-types {
width:90%;
margin-top:1em;
}
table#connector-types caption {
text-align:left;
font-weight:bold;
font-size:1.1em;
}
table#connector-types tr td {text-align:left;}
table#connector-types tr td a.logo {
font-size:1.3em;
text-decoration:none;
color:#000;
}
table#connector-types tr td a.logo img {float:left;}
table.specifications {
width:90%;
border-collapse:collapse;
}
table.specifications tr {
vertical-align:top;
text-align:left;
}
table.specifications tbody tr th {width:35%;}
table.specifications tbody tr th, table.specifications tbody tr td {padding:6px;}
ul#datamate-downloads {
list-style:none;
margin:0;
padding:0;
}
div#contentNoRight ul#datamate-downloads { margin:0; padding:0;}
ul#datamate-downloads li {
float:left;
width:32%;
margin-right:1%;
padding:0;
border:0;
text-align:center;
background:none;
}
ul#datamate-downloads li a {
display:block;
padding:4%;
height:1%;
border:1px solid #aaa;
text-decoration:none;
}
ul#datamate-downloads li a:hover {border-color:#666;}
ul#datamate-downloads li a img {margin-bottom:.6em;}
p#crimping-fig1 {
float:right;
padding:2em;
background-color:white;
}
ul#crimping-figures {
margin:0;
padding:0;
list-style:none;
}
ul#crimping-figures li {
position:relative;
float:left;
display:block;
width:32%;
height:11em;
margin-right:1%;
padding:0;
border:0;
text-align:center;
background:none;
}
ul#crimping-figures li span {
position:absolute;
bottom:0;
left:0;
width:100%;
}
div#contentNoRight p.bs-code {
margin:10px 0 0 .5em;
line-height:1.76em;
font-size:1.6em;
}
div#contentNoRight p.bs-code a, div#contentNoRight p.bs-code span {
padding:.3em .8em;
border:1px solid #d3c5de;
text-decoration:none;
font-weight:bold;
}
p.bs-code span.active {background-color:#d3c5de;}
table.bs-datamate {
width:40em;
margin-bottom:30px;
border:1px solid #d3c5de;
border-collapse:collapse;
}
table.bs-datamate caption {
margin:0;
padding:.3em;
border:1px solid #d3c5de;
background-color:#d3c5de;
font-size:1em;
font-weight:bold;
text-align:left;
}
table.bs-datamate tr th, table.bs-datamate tr td {
padding:.4em;
border:1px solid #d3c5de;
text-align:center;
font-weight:bold;
}
table.bs-datamate tr td { font-weight:normal;}
p.mixtek-code {
margin-bottom:0;
margin-left:.5em;
line-height:1.76em;
font-size:1.3em;
}
p.mixtek-code a, p.mixtek-code span {
padding:.3em .8em;
border:1px solid #d3c5de;
text-decoration:none;
font-weight:bold;
}
p.mixtek-code span.active {background-color:#d3c5de;}
div#container_zero div#container div#contentNoRight div.products div dl.mixtek_info { float:left; width:230px; margin:0 0 20px 0; line-height:2; }
div#container_zero div#container div#contentNoRight div.products div dl.highlights { width:420px; padding-left:20px; }
div#container_zero div#container div#contentNoRight div.products div dl.mixtek_info dt { font-weight:bold; padding:0 0 5px 0; }
div#container_zero div#container div#contentNoRight div.products div dl.mixtek_info dd { }
dl.mixtek_info dd {background:url('/include/images/design/bullet-subNavon.png') no-repeat 0 10px; padding:3px 0 0 15px;}
dl.mixtek_info dd#industrial {background:url('/include/images/design/li-industrial.png') no-repeat 0 0; padding:3px 0 0 45px;}
dl.mixtek_info dd#aerospace {background:url('/include/images/design/li-aerospace.png') no-repeat 0 0; padding:3px 0 0 45px;}
dl.mixtek_info dd#medical {background:url('/include/images/design/li-medical.png') no-repeat 0 0; padding:3px 0 0 45px;}
table.mixtek-datamate {
width:60em;
margin-bottom:1em;
border:1px solid #d3c5de;
border-collapse:collapse;
}
table.mixtek-datamate caption {
margin:0;
padding:.3em;
border:1px solid #d3c5de;
background-color:#d3c5de;
font-size:1em;
font-weight:bold;
text-align:left;
}
table.mixtek-datamate tr th {
width:15%;
}
table.mixtek-datamate tr th, table.mixtek-datamate tr td {
padding:.4em;
border:1px solid #d3c5de;
}
table#special-contacts-key, table#special-contacts-key tr th, table#special-contacts-key tr td {
border:1px solid #FFB76B;
}
table#special-contacts-key caption {
background-color:#ED9940;
margin-left:-1px;
border:1px solid #FFB76B;
}
/* Datamate product overview End */
/* Catalog Download instructions */
div.catalog-instructions {margin:0 0 10px 0; width:100%;}
div.catalog-instructions p { float:left; margin:0 20px 0 0; display:inline;}
div.catalog-instructions p.text-instruction {width:350px;}
/* RoHS, Polarising features and Specifications tables shared styles */
table#rohs-status, table#connector-types, table.specifications, table#crimping {
border-collapse:collapse;
text-align:center;
margin:0 auto 20px auto;
}
table#rohs-status thead th, table#rohs-status tbody td,
table#connector-types thead th, table#connector-types tbody td,
table.specifications th, table.specifications tbody td, table#crimping th, table#crimping td {
padding:4px 6px;
border:1px solid #aaa;
text-align:center;
vertical-align:middle;
}
/* RoHS status table */
table#rohs-status {width:42em;}
table#rohs-status thead th, table#rohs-status tbody td {width:50%;}
table#rohs-status thead th img {margin-bottom:4px;}
.catalogue-datamate td.centre {
text-align:center;
}
.catalogue-datamate {
padding:0px;
border-top:0px;
border-left:0px;
border-right:1px solid #F1B047;
border-bottom:1px solid #F1B047;
text-align:left;
font-size:.9em;
margin:5px;
width:98%;
}
.catalogue-datamate th{
background:#F1B047;
padding:.3em;
text-align:center;
border-bottom:1px solid #F1B047;
border-right:1px solid #F1B047;
}
.catalogue-datamate td{
padding:.4em;
background:#fff;
border-right:1px solid #F1B047;
border-bottom:1px solid #F1B047;
vertical-align:top;
}
.catalogue-datamate th.logo {
width:48px;
padding:0em;
padding-top:48px;
background:#F1B047;
vertical-align:middle;
background-image:url(/include/images/catalogue-curve-datamate.gif);
background-location:0px 0px;
background-repeat:no-repeat;
}
.catalogue-datamate img {
border:0px;
}
.catalogue-connectors td.centre {
text-align:center;
}
.catalogue-connectors {
padding:0px;
border-top:0px;
border-left:0px;
border-right:1px solid #177DB6;
border-bottom:1px solid #177DB6;
text-align:left;
font-size:.9em;
margin:5px;
width:98%;
}
.catalogue-connectors th{
background:#177DB6;
padding:.3em;
text-align:center;
border-bottom:1px solid #177DB6;
border-right:1px solid #177DB6;
}
.catalogue-connectors td{
padding:.4em;
background:#fff;
border-right:1px solid #177DB6;
border-bottom:1px solid #177DB6;
vertical-align:top;
}
.catalogue-connectors th.logo {
width:48px;
padding:0em;
padding-top:48px;
vertical-align:middle;
background-image:url(/include/images/catalogue-curve-connectors.gif);
background-location:0px 0px;
background-repeat:no-repeat;
}
.catalogue-special-connectors td.centre {
text-align:center;
}
.catalogue-special-connectors img {
border:0px;
}
.catalogue-special-connectors {
padding:0px;
border-top:0px;
border-left:0px;
border-right:1px solid #00CCFF;
border-bottom:1px solid #00CCFF;
text-align:left;
font-size:.9em;
margin:5px;
width:98%;
}
.catalogue-special-connectors th{
background:#00CCFF;
padding:.3em;
text-align:center;
border-bottom:1px solid #00CCFF;
border-right:1px solid #00CCFF;
}
.catalogue-special-connectors td{
padding:.4em;
background:#fff;
border-right:1px solid #00CCFF;
border-bottom:1px solid #00CCFF;
vertical-align:top;
}
.catalogue-special-connectors th.logo {
width:48px;
padding:0em;
padding-top:48px;
vertical-align:middle;
background-image:url(/include/images/catalogue-curve-special-connectors.gif);
background-location:0px 0px;
background-repeat:no-repeat;
}
.catalogue-special-connectors img {
border:0px;
}
.catalogue-rfipcb {
padding:0px;
border-top:0px;
border-left:0px;
border-right:1px solid #A68ABD;
border-bottom:1px solid #A68ABD;
text-align:left;
font-size:.9em;
margin:5px;
width:98%;
}
.catalogue-rfipcb th{
background:#A68ABD;
padding:.3em;
text-align:center;
border-bottom:1px solid #A68ABD;
border-right:1px solid #A68ABD;
}
.catalogue-rfipcb td{
padding:.4em;
background:#fff;
border-right:1px solid #A68ABD;
border-bottom:1px solid #A68ABD;
vertical-align:top;
height:auto;
}
.catalogue-rfipcb td.centre {
text-align:center;
}
.catalogue-rfipcb th.logo {
width:48px;
padding:0em;
padding-top:48px;
vertical-align:middle;
background-image:url(/include/images/catalogue-curve-rfipcb.gif);
background-location:0px 0px;
background-repeat:no-repeat;
}
.catalogue-rfipcb img {
border:0px;
}
.catalogue-terminals {
padding:0px;
border-top:0px;
border-left:0px;
border-right:1px solid #4FAD23;
border-bottom:1px solid #4FAD23;
text-align:left;
font-size:.9em;
margin:10px 0 15px;
width:98%;
}
.catalogue-terminals th{
background:#4FAD23;
padding:.3em;
text-align:center;
border-bottom:1px solid #4FAD23;
border-right:1px solid #4FAD23;
}
.catalogue-terminals td.centre {
text-align:center;
}
.catalogue-terminals td{
padding:.4em;
background:#fff;
border-right:1px solid #4FAD23;
border-bottom:1px solid #4FAD23;
vertical-align:top;
height:auto;
}
.catalogue-terminals th.logo {
width:48px;
padding:0em;
padding-top:48px;
vertical-align:middle;
background-image:url(/include/images/catalogue-curve-terminals.gif);
background-location:0px 0px;
background-repeat:no-repeat;
}
.catalogue-terminals img {
border:0px;
}
.catalogue-brochures {
padding:0px;
border-top:2px solid #6699CC;
border-left:2px solid #6699CC;
border-right:1px solid #6699CC;
border-bottom:1px solid #6699CC;
text-align:left;
font-size:.9em;
margin:5px;
width:98%;
}
.catalogue-brochures th{
background:#D8DDF0;
padding:.3em;
border-bottom:1px solid #6699CC;
border-right:1px solid #6699CC;
}
.catalogue-brochures td.centre {
text-align:center;
}
.catalogue-brochures td {
padding:.4em;
background:#fff;
border-right:1px solid #6699CC;
border-bottom:1px solid #6699CC;
vertical-align:top;
}
.product-overview td.centre {
text-align:center;
}
.product-overview {
padding:0px;
border-top:2px solid #6699CC;
border-left:2px solid #6699CC;
border-right:1px solid #6699CC;
border-bottom:1px solid #6699CC;
text-align:left;
font-size:.9em;
margin:5px 0 15px;
width:98%;
}
.product-overview th{
background:#D8DDF0;
padding:.3em;
border-bottom:1px solid #6699CC;
border-right:1px solid #6699CC;
}
.product-overview td {
padding:.4em;
background:#F1F3FA;
border-right:1px solid #6699CC;
border-bottom:1px solid #6699CC;
vertical-align:top;
}
.overview-datamate td {
background-color:#F8D8A3;
}
.overview-connectors td {
background-color:#8BBEDB;
}
.overview-specialist-connectors td {
background-color:#00CCFF;
}
.overview-rfipcb td {
background-color:#D3C5DE;
}
.overview-terminals td {
background-color:#A7D691;
}
#export-enquiries {
padding:4px;
}
#export-enquiries select {
margin-bottom:5px;
}
#export-enquiries label {
float:left;
width:100px;
}
/* Admin area */
table.admin {
margin-bottom:1em;
border:1px solid #999;
border-collapse:collapse;
}
table.admin caption {
padding:1em 0 .5em 0;
text-align:left;
font-weight:bold;
}
table.admin tr {border-top:1px solid #999;}
table.admin thead tr th {
color:white;
background-color:#4265ab;
}
table.admin tr th, table.admin tr td {
padding:.5em .4em;
border:1px solid #999;
}
table.admin td.num {
text-align:right;
}
table.admin.reports {width:45%;}
table.admin.users {width:100%;}
table.admin.users thead {display:none;}
table.admin tr td.name {font-weight:bold;}
table.admin tr td.number {text-align:right; width:60px;}
div.user {
float:left;
width:250px;
margin:5px;
padding:10px;
border:#ccc solid;
border-width:0 1px 1px 0;
background:#d6def0;
}
div.user.disabled {background:#ccc url("/include/images/disabled.gif") 198px 4px no-repeat;}
div.user h4 {
margin:0;
padding:0;
font-size:1em;
background:none;
}
div.user p a.email {font-weight:normal;}
form.admin label {display:block;}
form.admin fieldset {margin:1em 0;}
form.admin fieldset#groups label {display:inline;}
form.admin input#disabled {float:left;}
form.admin input#sendpassword {float:left;}
form.admin input#addafter {float:left;}
div#export-enquiries {line-height:1.6em;}
div#errors {
margin:8px 0px;
padding:5px;
border:1px solid #f00;
background-color:#fdd;
}
div#errors strong {
color:#f00;
}
.filesbox, .uploadbox {
float:left;
border:1px solid #ccc;
padding:10px;
margin:5px;
}
.filesbox {
width:300px;
height:80px;
}
.uploadbox {
width:630px;
height:100px;
}
.filesbox h3, .uploadbox h3 {
background:#fff;
margin:0px;
margin-bottom:10px;
padding:0px;
}
#parts-searchable
{
padding:5px;
margin:5px;
border:1px solid #990;
background:#ffc;
}
.browsefiles
{
border:1px solid #ccc;
background-color:#efefef;
padding:5px;
width:400px;
}
.browsefiles select
{
width:100%;
}
a.pdflink
{
background:transparent url("/images/pdf_icon_sm.gif") no-repeat scroll 0px 50%;
height:20px;
padding-left:25px;
}
.oddEvenRightPDF a.help {
margin:0;
padding:0;
background-image:none;
display:block;
width:13px;
position:relative;
left:80px;
top:-13px;
*margin-top:13px;
} /* IE 6 - 7 Hack */
a.help img
{
border:0px !important;
margin-bottom:-3px;
display:inline-block;
}
/* Products > Product Browser */
div#product-browser span.back-up {
display:block;
margin-bottom:.6em;
float:left;
}
div#product-browser span.back-up a {
padding:3px 0px 3px 23px;
text-decoration:none;
background:white url("/include/images/product-browser/arrow_up.gif") top left no-repeat;
}
div#product-browser ul {
margin:0;
padding:0;
list-style:none;
}
div#product-browser ul li {margin:0; padding:0;}
div#product-browser ul#breadcrumb {
float:left;
width:98%;
margin-bottom:.7em;
margin-left:13px;
}
div#product-browser ul#breadcrumb li {
float:left;
display:block;
margin-right:-23px;
background:none;
}
div#product-browser ul#breadcrumb li.first {margin-left:-13px;}
div#product-browser ul#breadcrumb li.last {margin-left:-25px;}
div#product-browser ul#breadcrumb li a {
padding:.3em 3.6em .3em .6em;
line-height:2em;
font-weight:normal;
text-decoration:none;
white-space:nowrap;
background-color:#69c;
}
div#product-browser ul#breadcrumb li a {background:#ccf url("/images/breadcrumb.gif") center right no-repeat;}
div#product-browser ul#breadcrumb li.first a {
padding-right:3.6em;
background-color:#ccf !important;
}
div#product-browser ul#breadcrumb li.last a {
margin-right:0;
padding-right:.6em;
padding-left:2.9em;
color:white;
background:transparent url("/images/breadcrumb-last.gif") left center no-repeat;
}
div#product-browser ul#breadcrumb li.only a {
padding-right:.6em;
background-image:none;
color:white;
background-color:#69c !important;
}
div#product-browser h2 {
padding:0;
margin:0 0 .4em 0;
font-size:1.2em;
font-weight:normal;
color:white;
background-color:transparent;
}
div#product-browser.pb_index h2, div#product-browser.datamate div.families h2 {color:#333;}
div#product-browser div.categories {background-color:#ccf;}
div#product-browser div.families {background-color:#d6def0;}
div#product-browser.datamate div.categories {background:#9B632A url('/images/product-browser/datamate-cat-bgr.jpg') top left no-repeat;}
div#product-browser.datamate div.families {background:#ED9940 url('/images/product-browser/datamate-fam-bgr.jpg') top left no-repeat;}
div#product-browser.connectors div.categories {background:#11365A url('/images/product-browser/connectors-cat-bgr.jpg') top left no-repeat;}
div#product-browser.connectors div.families {background:#2064A3 url('/images/product-browser/connectors-fam-bgr.jpg') top left no-repeat;}
div#product-browser.specialist-connectors div.categories {background:#00A1CB url('/images/product-browser/spec-connectors-cat-bgr.jpg') top left no-repeat;}
div#product-browser.specialist-connectors div.families {background:#2064A3 url('/images/product-browser/connectors-fam-bgr.jpg') top left no-repeat;}
div#product-browser.rfi_pcb div.categories {background:#604D77 url('/images/product-browser/rfi-cat-bgr.jpg') top left no-repeat;}
div#product-browser.rfi_pcb div.families {background:#82679E url('/images/product-browser/rfi-fam-bgr.jpg') top left no-repeat;}
div#product-browser.terminals div.categories {background:#1B5549 url('/images/product-browser/terminals-cat-bgr.jpg') top left no-repeat;}
div#product-browser.terminals div.families {background:#2C8471 url('/images/product-browser/terminals-fam-bgr.jpg') top left no-repeat;}
div#product-browser.essentials div.categories {background:#910101 url('/images/product-browser/essentials-cat-bgr.jpg') top left no-repeat;}
div#product-browser.essentials div.families {background:#cc0000 url('/images/product-browser/essentials-fam-bgr.jpg') top left no-repeat;}
div#product-browser div.products {
float:left;
width:98%;
margin-bottom:.7em;
padding:.6em;
}
div#product-browser.pb_index div.products {
background:url('/images/product-browser/overview-panel-bgr.png') top left no-repeat;
}
div#product-browser div.products h2 { background:none;}
div#product-browser div.products ul li {
float:left;
width:152px;
padding:0;
border:0;
}
div#product-browser div.products ul li a {
display:block;
position:relative;
font-weight:normal;
text-align:center;
text-decoration:none;
}
div#product-browser div.categories ul li a {height:206px;}
div#product-browser div.families ul li a {height:236px;}
div#product-browser.pb_index div.products ul li a {height:188px;}
div#product-browser div.products ul li.has-stats a {height:266px;}
div#product-browser div.products ul li a span.family-number {
clear:left;
display:block;
margin:0px 0px 5px 10%;
width:80%;
color:white;
background-color:#69c;
word-wrap:break-word;
}
div#product-browser div.products ul li a img {max-width:120px;}
div#product-browser div.products ul li a span.name {
display:block;
width:88%;
padding:1em 6% 3px 6%;
margin:0;
vertical-align:50%;
color:#000000;
}
div#product-browser.pb_index div.products ul li a span.name {
padding-top:0px;
margin-top:10px;
}
div#product-browser div.products ul li a img {
position:absolute;
bottom:12px;
left:15px;
border:1px solid #cdcdcd;
}
div#product-browser.pb_index div.products ul li a img {
margin-top:45px;
border:1px solid #cdcdcd;
}
div#product-browser.pb_index div.products ul li span.name {
position:absolute;
top:0px;
left:0px;
width:88%;
vertical-align:50%;
}
div#product-browser.pb_index div.products ul li#datamate span.name {
background:transparent url('/images/product-browser/datamate-h-bgr.png') 50% 50% no-repeat;
color:#000000;
}
div#product-browser.pb_index div.products ul li#connectors span.name {
background:transparent url('/images/product-browser/connectors-h-bgr.png') 50% 50% no-repeat;
color:#ffffff;
}
div#product-browser.pb_index div.products ul li#specialist-connectors span.name {
background:transparent url('/images/product-browser/spec-connectors-h-bgr.png') 50% 50% no-repeat;
color:#ffffff;
line-height:14px;
width:80%;
margin-left:4%;
}
div#product-browser.pb_index div.products ul li#rfi--pcb-hardware span.name {
background:transparent url('/images/product-browser/rfi-h-bgr.png') 50% 50% no-repeat;
color:#ffffff;
line-height:14px;
width:80%;
margin-left:4%;
}
div#product-browser.pb_index div.products ul li#ez-boardware span.name {
background:transparent url('/images/product-browser/ezboardware-bgr.png') 50% 50% no-repeat;
color:#ffffff;
}
div#product-browser.pb_index div.products ul li#terminals--hardware span.name {
background:transparent url('/images/product-browser/terminals-h-bgr.png') 50% 50% no-repeat;
color:#ffffff;
line-height:14px;
}
div#product-browser.pb_index div.products ul li#harwin-essential-product span.name {
background:transparent url('/images/product-browser/essentials-h-bgr.png') 50% 50% no-repeat;
color:#ffffff;
line-height:14px;
}
div#product-browser div.products ul li a span.name em {vertical-align:bottom;}
div#product-browser div.categories ul li {
background-color:transparent;
background-position:top left;
background-repeat:repeat-y;
margin:0 20px 10px 0;
}
div#product-browser div.categories ul li a {
background-color:transparent;
background-position:top left;
background-repeat:no-repeat;
}
div#product-browser div.categories ul li a span.name {
background-color:transparent;
background-position:bottom left;
background-repeat:no-repeat;
}
div#product-browser div.families ul li {
background-color:transparent;
background-position:top left;
background-repeat:repeat-y;
}
div#product-browser div.families ul li a {
background-color:transparent;
background-position:top left;
background-repeat:no-repeat;
}
div#product-browser div.families ul li a span.name {
background-color:transparent;
background-position:bottom left;
background-repeat:no-repeat;
}
div#product-browser span.name { line-height:1.1;}
div#product-browser span.family-number { overflow:hidden;}
/* Datamate Panels */
/* Home */
div#product-browser div.categories ul li#datamate {background:transparent url("/images/product-browser/datamate-panel-bgr.png") top left no-repeat;}
/* products */
div#product-browser.datamate div.products ul li {background:transparent url("/images/product-browser/datamate-panel-cat-bgr.png") top left no-repeat;}
div#product-browser.datamate div.products ul li a {}
div#product-browser.datamate div.products ul li a img {border:1px solid #cdcdcd;}
/* families */
div#product-browser.datamate div.families ul li {background:transparent url("/images/product-browser/datamate-panel-fam-bgr.png") top left no-repeat;}
/* Connectors Panel */
/* Home */
div#product-browser div.categories ul li#connectors {background:transparent url("/images/product-browser/connectors-panel-bgr.png") top left no-repeat;}
/* products */
div#product-browser.connectors div.products ul li {background:transparent url("/images/product-browser/connectors-panel-cat-bgr.png") top left no-repeat;}
div#product-browser.connectors div.products ul li a {}
div#product-browser.connectors div.products ul li a img {border:1px solid #cdcdcd;}
/* families */
div#product-browser.connectors div.families ul li {background:transparent url("/images/product-browser/connectors-panel-fam-bgr.png") top left no-repeat;}
/* Specialist Connectors Panel */
/* Home */
div#product-browser div.categories ul li#specialist-connectors {background:transparent url("/images/product-browser/spec-connectors-panel-bgr.png") top left no-repeat;}
/* products */
div#product-browser.specialist-connectors div.products ul li {background:transparent url("/images/product-browser/spec-connectors-panel-cat-bgr.png") top left no-repeat; line-height:1em;}
div#product-browser.specialist-connectors div.products ul li a {}
div#product-browser.specialist-connectors div.products ul li a img {border:1px solid #cdcdcd;}
/* families */
div#product-browser.specialist-connectors div.families ul li {background:transparent url("/images/product-browser/spec-connectors-panel-fam-bgr.png") top left no-repeat;}
/* RFI & PCB Panel */
/* Home */
div#product-browser div.categories ul li#rfi--pcb-hardware,
div#product-browser div.categories ul li#ez-boardware {background:transparent url("/images/product-browser/rfi-panel-bgr.png") top left no-repeat;}
/* products */
div#product-browser.rfi_pcb div.products ul li {background:transparent url("/images/product-browser/rfi-panel-cat-bgr.png") top left no-repeat;}
div#product-browser.rfi_pcb div.products ul li a {}
div#product-browser.rfi_pcb div.products ul li a img {border:1px solid #cdcdcd;}
/* families */
div#product-browser.rfi_pcb div.families ul li {background:transparent url("/images/product-browser/rfi-panel-fam-bgr.png") top left no-repeat;}
/* Terminals Panel */
/* Home */
div#product-browser div.categories ul li#terminals--hardware {background:transparent url("/images/product-browser/terminals-panel-bgr.png") top left no-repeat;}
/* products */
div#product-browser.terminals div.products ul li {background:transparent url("/images/product-browser/terminals-panel-cat-bgr.png") top left no-repeat;}
div#product-browser.terminals div.products ul li a {}
div#product-browser.terminals div.products ul li a img {border:1px solid #cdcdcd;}
/* families */
div#product-browser.terminals div.families ul li {background:transparent url("/images/product-browser/terminals-panel-fam-bgr.png") top left no-repeat;}
/* Essentials Panel */
/* Home */
div#product-browser div.categories ul li#harwin-essential-product {background:transparent url("/images/product-browser/essentials-panel-bgr.png") top left no-repeat;}
/* products */
div#product-browser.essentials div.products ul li {background:transparent url("/images/product-browser/essentials-panel-cat-bgr.png") top left no-repeat;}
div#product-browser.essentials div.products ul li a {}
div#product-browser.essentials div.products ul li a img {border:1px solid #cdcdcd;}
/* families */
div#product-browser.essentials div.families ul li {background:transparent url("/images/product-browser/essentials-panel-fam-bgr.png") top left no-repeat;}
div#product-browser p#datamate_link {
clear:left;
padding-top:.6em;
margin-bottom:0;
color:white;
}
div#product-browser p#datamate_link a {color:#bbb}
div#product-browser div.families p {
margin:0 0 .6em 0;
color:white;
}
div#product-browser.datamate div.families p {color:#333;}
/* FAQs */
dl#faq {margin:0;}
dl#faq dt {margin:15px 0 3px 0px; background:transparent url('/images/left_nav_img.gif') no-repeat scroll left center; padding:0 0 0 12px;}
dl#faq dd {margin:2px 0 2px 12px;}
dl#faq span { font-weight:bold;}
/* @Start admin details */
form#stats-options {
float:left;
margin-bottom:.6em;
color:white;
background-color:#69c;
}
form#stats-options ul li {
float:left;
padding:.3em .8em;
}
form#stats-options ul li.show {
padding-left:.3em;
padding-right:.8em;
background-color:#69c;
}
form#stats-options ul li.from {
color:#333;
background-color:#ccf;
}
form#stats-options ul li.show {background-color:#69c;}
form#stats-options ul li.submit {
padding-left:.3em;
padding-right:.3em;
background-color:#ccf;
}
div#product-browser div.page-stats {padding-top:3.4em;}
div#product-browser div.page-stats h2 {
margin:0;
padding-bottom:.4em;
font-weight:normal;
}
div#product-browser div.page-stats table {
float:left;
margin-right:.6em;
border-collapse:collapse;
text-align:center;
}
div#product-browser div.page-stats caption {
padding-bottom:.3em;
font-weight:bold;
}
div#product-browser div.page-stats table thead tr th {
font-weight:normal;
color:#666;
}
div#product-browser div.page-stats table tbody tr th.one, div#product-browser div.page-stats table tbody tr td.one {background-color:#ccf;}
div#product-browser div.page-stats table tbody tr th.two, div#product-browser div.page-stats table tbody tr td.two {background-color:#69c;}
div#product-browser div.page-stats table thead tr th.two {color:white;}
div#product-browser div.page-stats table thead tr th, div#product-browser div.page-stats table tbody tr td {padding:.2em .4em;}
div#product-browser div.page-stats table tbody tr td.value {font-size:1.4em;}
div#product-browser div.products ul li ul.stats {
float:left;
padding-bottom:7px;
margin-bottom:3px;
line-height:1.4em;
}
div#product-browser div.products ul li ul.stats li {
width:123px;
padding-left:6px;
padding-right:8px;
background:none;
}
div#product-browser div.products ul li ul.stats li strong {color:#666;}
div#product-browser div.products ul li ul.stats li.views {padding-top:4px;}
div#product-browser div.products ul li ul.stats li.drop-outs {margin-top:2px;}
div#product-browser div.products ul li ul.stats li em.month {
padding:.1em .3em;
font-style:normal;
white-space:nowrap;
}
div#product-browser div.products ul li ul.stats li em.month.one {
color:#444;
background-color:#ccf;
}
div#product-browser div.products ul li ul.stats li em.month.two {
color:#fff;
background-color:#69c;
}
div#product-browser div.products ul li ul.stats li em.month strong {color:#333;}
/* @End admin details */
/* @End product browser */
div.download-help {
color:#666;
background:#BBD2F6;
padding:8px;
border:1px solid #666;
margin:20px 0px;
}
/* Mix-Tek Part Number Builder */
form#mixtek-part-builder input, form#mixtek-part-builder table {font-size:100%;}
form#mixtek-part-builder, form#mixtek-part-list {
position:relative;
width:41em;
padding:.8em;
border:1px solid;
border-top-color:#ddd;
border-right-color:#bbb;
border-bottom-color:#bbb;
border-left-color:#ddd;
margin-bottom:1em;
word-spacing:0;
font-size:1.6em;
font-family:Arial, Verdana, sans-serif;
background-color:white;
}
form#mixtek-part-builder.enhanced {padding-top:10em;position:relative;z-index:200;}
form#mixtek-part-builder input {
text-align:center;
text-transform:uppercase;
}
div#mixtek_preview {
width:749px;
padding:14px;
display:none;
border:1px solid;
border-top-color:#ddd;
border-right-color:#bbb;
border-bottom-color:#bbb;
border-left-color:#ddd;
text-align:center;
margin-bottom:1em;
}
div#mixtek_preview h2 {
text-align:left;
}
div#mixtek_preview a#mixtek_preview_pdf {
background:url(/include/images/pdf.gif) no-repeat 30%;
padding:2px 20px;
display:block;
}
/* Field wrappers */
form#mixtek-part-builder div.field {
margin-top:.6em;
text-align:center;
}
form#mixtek-part-builder.enhanced div.field {
display:block;
float:left;
margin-top:0;
} /* For JS version */
form#mixtek-part-builder div#gender-field {width:42px;}
form#mixtek-part-builder div#signal-style-field, form#mixtek-part-builder div#signal-quantity-field, form#mixtek-part-builder div#signal-finish-field, form#mixtek-part-builder div#jackscrew-field, form#mixtek-part-builder div#special-before-quantity-field, div#special-after-quantity-field {width:60px;}
form#mixtek-part-builder div#special-before-number-field, form#mixtek-part-builder div#special-after-number-field {width:72px;}
form#mixtek-part-builder span.divider, span#range {
display:block;
float:left;
text-align:center;
}
form#mixtek-part-builder span.divider {width:12px;}
/* Field inputs */
form#mixtek-part-builder input#gender {width:1.2em;}
form#mixtek-part-builder input#signal-style, form input#signal-quantity, form#mixtek-part-builder input#signal-finish, form#mixtek-part-builder input#jackscrew, form#mixtek-part-builder input#special-before-quantity, form#mixtek-part-builder input#special-after-quantity {width:2em;}
form#mixtek-part-builder input#special-before-number, form#mixtek-part-builder input#special-after-number {width:2.8em;}
form#mixtek-part-builder input.submit {
font-size:.7em;
text-transform:none;
}
/* Field labels and errors */
form#mixtek-part-builder label {
line-height:1.1em;
font-size:.7em;
text-align:center;
font-family:Arial, Verdana, sans-serif;
color:#555;
}
form#mixtek-part-builder div.enhanced label {
position:absolute;
top:0;
background:transparent url('/include/images/mix-tek/label-line.png') 50% top no-repeat;
}
form#mixtek-part-builder label#gender-label {
top:9em;
left:5em;
height:5em;
background-position:50% 1.2em;
}
form#mixtek-part-builder span#gender-error {left:3.8em;}
form#mixtek-part-builder label#signal-style-label {
top:5em;
left:7.2em;
height:9em;
width:7em;
background-position:50% 2.5em;
}
form#mixtek-part-builder span#signal-style-error {left:6.4em;}
form#mixtek-part-builder label#signal-quantity-label {
top:7.86em;
left:11.8em;
height:6.1em;
width:7em;
background-position:50% 2.3em;
}
form#mixtek-part-builder span#signal-quantity-error {left:9.6em;}
form#mixtek-part-builder label#signal-finish-label {
top:5em;
left:16.6em;
height:9em;
width:7em;
background-position:50% 2.3em;
}
form#mixtek-part-builder span#signal-finish-error {left:12.7em;}
form#mixtek-part-builder label#jackscrew-label {
top:7.9em;
left:21.2em;
height:6.1em;
width:7em;
background-position:50% 2.3em;
}
form#mixtek-part-builder span#jackscrew-error {left:15.8em;}
form#mixtek-part-builder label#special-before-quantity-label {
top:1em;
left:25.4em;
height:13em;
width:10em;
background-position:50% 3.5em;
}
form#mixtek-part-builder span#special-before-quantity-error {left:19.6em;}
form#mixtek-part-builder label#special-before-number-label {
top:5em;
left:32em;
height:9em;
width:9em;
background-position:50% 4.5em;
}
form#mixtek-part-builder span#special-before-number-error {left:23.6em;}
form#mixtek-part-builder label#special-after-quantity-label {
top:1em;
left:37.5em;
height:13em;
width:10em;
background-position:50% 3.5em;
}
form#mixtek-part-builder span#special-after-quantity-error {left:27.7em;}
form#mixtek-part-builder label#special-after-number-label {
top:5em;
left:43.6em;
height:9em;
width:10em;
background-position:50% 3.5em;
}
form#mixtek-part-builder span#special-after-number-error {left:31.7em;}
/* Field helpers */
form#mixtek-part-builder, form#mixtek-part-list {font-size:1.5em;}
/* default styles */
/* Table styles */
form#mixtek-part-builder div.value-table {
padding-top:5px;
margin-top:.1em;
text-align:left;
font-size:.7em;
background:transparent url('/include/images/mix-tek/box-arrow.gif') top center no-repeat;
}
form#mixtek-part-builder div.value-table table {
border-collapse:collapse;
border-right:1px solid #b09bc1;
border-bottom:1px solid #b09bc1;
border-left:1px solid #cabbd6;
}
form#mixtek-part-builder div.value-table table caption {display:none;}
form#mixtek-part-builder div.value-table table tr {background:#d3c5de;}
form#mixtek-part-builder div.value-table table tr.over {
color:white;
background:#4265ab;
}
form#mixtek-part-builder div.value-table table tr th, form#mixtek-part-builder div.helper table tr td {padding:.3em .5em;}
/* Bits for when JS in on */
form#mixtek-part-builder div.helper { position:absolute; top:16.6em; left:1.6em; }
form#mixtek-part-builder {z-index:200;}
form#mixtek-part-list {z-index:10} /* Fix IE6 z-index bug */
form#mixtek-part-builder div#gender-values table {width:9.8em;}
form#mixtek-part-builder div.helper#signal-style-values {background-position:8.4em top;}
form#mixtek-part-builder div#signal-style-values table {width:22em;}
form#mixtek-part-builder div.helper#signal-quantity-values {left:7em;}
form#mixtek-part-builder div#signal-quantity-values table {width:16.8em;}
form#mixtek-part-builder div.helper#signal-finish-values {left:9.6em;}
form#mixtek-part-builder div#signal-finish-values table {width:21em;}
form#mixtek-part-builder div.helper#jackscrew-values {left:7em;}
form#mixtek-part-builder div#jackscrew-values table {width:35.6em;}
form#mixtek-part-builder div.helper#special-before-quantity-values {left:28em;}
form#mixtek-part-builder div.helper#special-before-number-values {left:19.2em;}
form#mixtek-part-builder div.helper#special-after-quantity-values {left:40.2em;}
form#mixtek-part-builder div.helper#special-after-number-values { left:15.6em; background-position:32.7em top; }
form#mixtek-part-builder div#special-before-number-values table,
form#mixtek-part-builder div#special-after-number-values table {
width:35em;
overflow:visible;
z-index:10000;
position:relative;
}
form#mixtek-part-builder div#special-before-quantity-values table,
form#mixtek-part-builder div#special-after-quantity-values table {
width:4.8em;
}
form#mixtek-part-builder div.helper#special-before-number-values div,
form#mixtek-part-builder div.helper#special-after-number-values div {
height:50.4em;
overflow:visible;
z-index:10000;
}
/* Bespoke gallery */
#bespokeWrapper { width:95%;}
#bespokeImages { float:left; width:48%; }
#bespokeBlank { float:right; width:48%; border:1px solid #ccc; margin-top:10px; padding:5px; min-height:350px; height:auto; _height:350px; }
#bespokeText { clear:right; padding-top:10px; }
div#bespokeImages ul { margin:6px 0 0 0; padding:0;}
#bespokeImages li { float:left; width:100px; padding:5px; margin:.1em; list-style-type:none; display:block; text-align:left; }
#bespokeBlank li { width:90%; list-style-type:disc; vertical-align:top; }
#blank { margin-top:-5px;}
#medconn, #medapp, #idc, #battery, #pcb, #detonator, #hotshoe { display:none; margin-top:-5px;}
/* Errors and warnings */
#saved-history .error { background:#900; color:#fff; padding:5px 7px;}
div#errors, div#warnings {
width:63em;
padding:1em;
margin-bottom:1em;
}
div#errors {
color:white;
background-color:red;
}
div#warnings {background-color:yellow;}
div#errors a {color:#aaa;}
div#errors p, div#warnings p {
margin-top:0;
font-size:1em;
font-weight:bold;
}
div#errors p {background:red url('/include/images/mix-tek/error.png') left center no-repeat;}
div#warnings p {background:yellow url('/include/images/mix-tek/error.png') left center no-repeat;}
div#errors ol, div#warnings ol {
padding-left:1.9em;
margin-bottom:0;
}
div#errors ol li, div#warnings ol li {margin:.4em 0;}
form#mixtek-part-builder p#message {
z-index:10;
position:absolute;
top:16.6em;
right:1em;
width:16em;
padding:.3em .5em;
font-size:.7em;
color:white;
background-color:red;
}
form#mixtek-part-builder span.error, form#mixtek-part-builder span.warning {
position:absolute;
z-index:10;
padding:.2em .6em;
padding-bottom:.4em;
text-align:center;
color:white;
}
form#mixtek-part-builder span.error {
top:8.1em;
background:transparent url('/include/images/mix-tek/error-arrow.gif') bottom center no-repeat;
}
form#mixtek-part-builder input.error {
color:white;
background-color:red;
}
form#mixtek-part-builder span.warning {
top:6.5em;
left:14.4em;
width:17em;
height:7em;
font-size:.7em;
font-weight:bold;
color:black;
background:transparent url('/include/images/mix-tek/warning-arrow.gif') bottom center no-repeat;
}
form#mixtek-part-builder input.warning {background-color:yellow;}
/* Your part numbers */
div#mixtek-part-list ol {font-size:1.4em;}
form#mixtek-part-list h2 {
margin:0;
font-size:1em;
}
form#mixtek-part-list p {font-size:.8em;}
form#mixtek-part-list p input {
text-transform:none;
font-size:1em;
}
form#mixtek-part-list input {text-align:left;}
ol#part-numbers {
margin:0;
padding:0;
}
div#contentNoRight #part-numbers li {
position:relative;
padding:.6em;
border:1px solid #999;
margin:.6em 0;
list-style-position:inside;
}
ol#part-numbers li p {
padding:.4em;
padding-left:28px;
margin:1em 0 0 0;
font-size:.8em;
background:#ffff00 url("/include/images/mix-tek/warning.gif") .4em .4em no-repeat;
}
ol#part-numbers li span {
padding:.25em;
border:1px solid #d3c5de;
color:#333;
background-color:#e7dcef;
}
ol#part-numbers li a {font-size:.7em;}
ol#part-numbers li a.remove {
position:absolute;
top:0.2em;
right:12em;
padding-left:21px;
margin-left:2em;
background:transparent url("/include/images/mix-tek/delete.gif") 0.1em center no-repeat;
}
ol#part-numbers li a.regenerate {
position:absolute;
top:0.2em;
right:0.8em;
background:transparent url("/include/images/mix-tek/refresh-icon.png") 0.1em center no-repeat;
padding-left:17px;
}
ol#part-numbers li a.extralink {
position:absolute;
top:2em;
right:0.8em;
padding-left:21px;
margin-left:2em;
}
/* Harwin office locator */
ul#details {
padding:0;
list-style:none;
}
ul#details li.generated {
padding:.6em 2.2em .6em .6em;
border-top:1px solid #ccc;
border-right:1px solid #aaa;
border-bottom:1px solid #aaa;
border-left:1px solid #ccc;
background-color:white;
position:relative;
background-image:none;
}
ul#details li.generated h2 {margin:0;}
ul#details li.generated p {margin-bottom:0;}
ul#details li.generated a.hide {
display:block;
position:absolute;
top:2px;
right:0px;
width:23px;
height:23px;
text-indent:-9999px;
background:white url("/include/images/close.gif") top right no-repeat;
}
/* Essentials Banner */
div#harwin-splash {
position:relative;
width:100%;
min-width:568px;
height:187px;
color:white;
font-family:Helvetica, Arial, Verdana, sans-serif;
background:# url("/include/images/homepage/essentials/banner-mid.jpg") top left repeat-x;
}
div#harwin-splash a {color:white;}
div#harwin-splash div#intro {
position:absolute;
top:0;
left:0;
width:228px;
height:124px;
padding:18px;
background:#c00 url("/include/images/homepage/essentials/banner-left.jpg") top left no-repeat;
}
div#harwin-splash div#intro h2 {
font-size:1.6em;
font-weight:normal;
}
div#harwin-splash div#intro p {
margin:.8em 0;
font-size:1.4em;
line-height:1em;
}
div#harwin-splash h2, div#harwin-splash p {margin:0;}
div#harwin-splash ul#images {
height:160px;
margin:0;
margin-left:264px;
padding:0;
overflow:hidden;
list-style:none;
background:transparent url("/include/images/homepage/essentials/banner-right.jpg") top right no-repeat;
}
div#harwin-splash ul#images li {
position:relative;
float:left;
width:70px;
height:160px;
margin:0 .75em;
}
div#harwin-splash ul#images li.first {z-index:10;}
div#harwin-splash ul#images li a {
position:absolute;
bottom:0;
text-decoration:none;
}
div#harwin-splash ul#images li a:hover {cursor:pointer;}
div#harwin-splash ul#images li a img {border:0;}
div#harwin-splash ul#images li a em.go {
position:absolute;
bottom:45px;
left:44px;
display:none;
width:26px;
height:21px;
font-size:1.1em;
font-style:normal;
font-weight:normal;
text-align:center;
line-height:1.6em;
}
div#harwin-splash ul#images li a em.go.active {
display:block;
color:#369;
background:transparent url("/include/images/homepage/essentials/go.gif") top left no-repeat;
}
div#harwin-splash ul#images li em.detail {
position:absolute;
top:36px;
left:-124px;
display:block;
z-index:20;
width:116px;
height:35px;
padding:5px 11px 5px 5px;
font-style:normal;
line-height:1em;
color:#333;
background:transparent url("/include/images/homepage/essentials/detail.gif") top left no-repeat;
}
div#harwin-splash ul#images li em.detail.right {
z-index:10;
left:67px;
padding-left:11px;
padding-right:5px;
background:transparent url("/include/images/homepage/essentials/detail-right.gif") top left no-repeat;
}
/* Pre-live competition page */
div#newark-competition.pre-live {
width:359px;
height:296px;
padding:84px 112px 111px 42px;
font-size:1.6em;
text-align:center;
color:#444;
}
div#newark-competition.pre-live p {margin-top:110px;}
div#newark-competition.pre-live p em {
font-style:normal;
color:black;
}
div#newark-competition {
float:left;
padding:64px 0 0 21px;
background:transparent url("/include/images/newark-competition-back-sm.png") top left no-repeat;
}
div#triotek-video {
float:left;
padding:74px 0 0 31px; background:transparent url("/include/images/bgr-triotek-video.jpg") top left no-repeat; width:402px; height:411px; }
div#newark-competition h1,
div#triotek-video h1 {display:none;}
div#newark-competition div#flash-movie {
float:left;
margin:10px;
}
div#newark-competition div#intro {margin-left:410px;}
div#newark-competition div#intro p {
margin-top:0;
font-size:1.2em;
font-weight:bold;
}
div#newark-competition div#competition-details {
padding-top:20px;
clear:left;
color:#333;
font-weight:bold;
}
div#newark-competition em#error {
font-style:normal;
color:red;
}
div#newark-competition div#competition-details ol#answers {
height:2.8em;
padding-left:18px;
list-style-type:upper-alpha;
}
div#newark-competition div#competition-details ol#answers li {
float:left;
margin-right:4em;
color:black;
}
div#newark-competition div#competition-details ol#answers li label {color:#333;}
div#newark-competition div#competition-details input#competition-submit {
clear:left;
display:block;
}
div#newark-competition div#winners {
padding-top:10px;
clear:left;
color:#333;
font-weight:bold;
}
div#newark-competition div#winners ul {font-weight:normal;}
/* Contact Us */
form#searchDisCountry,
form#searchDisState,
form#searchDisName { margin:0 0 20px 0;}
form#searchDisCountry h4,
form#searchDisState h4,
form#searchDisName h4 { margin:0 0 10px 0;}
table#contact-disty { border-collapse:separate; }
table#contact-disty td { vertical-align:middle; border-bottom:1px dashed #ccc; padding:10px 0; text-align:left; }
table#contact-disty td p { margin:0; padding:0;}
table#contact-disty td img { padding:0 20px 0 0;}
/* contact page */
div#contact-left-livechat { width:49%; height: 255px; margin:0 0 5px 0; padding:0; float:left; }
div#contact-left-livechat p { padding:0 0 0 70px; }
div#contact-left-livechat h2 {font-weight: bold;}
div#contact-right-freesamples { width:49%; height: 255px; margin:0 0 5px 0; padding:0; float:right; background-image:url(/include/images/design/request-sample-envelope.jpg); background-attachment: scroll; background-repeat: no-repeat; background-position:bottom; }
div#contact-right-freesamples p { font-size:1.6em; font-weight:bold; padding:22px 0 0 0; }
div#contact-right-freesamples h2 {font-weight: bold;}
div#contact-left-global { width:49%; height:290px; margin:0; padding:0; float:left; clear:both;}
div#contact-left-global h2 {font-weight: bold;}
div#contact-right-sales { width:49%; height:250px; margin:0 0 0 0; padding:0; float:right; }
div#contact-right-sales h2 {font-weight: bold;}
div#contact-right-sales h2 a {color: #FFF; text-decoration:none;}
/* Catalogue & Samples Form */
#enquiries {
float:left;
width:100%;
}
#enquiries ol#progress {
height:2em;
margin-left:0;
padding:0;
list-style-position:inside;
}
#enquiries ol#progress li {
float:left;
margin:0;
margin-right:-24px;
padding:.4em 2em .4em 2em;
}
#enquiries ol#progress li {
color:#333;
background:transparent url("/images/progress.gif") center left no-repeat;
}
#enquiries ol#progress li.first {
padding-left:.8em;
background-color:#ccf;
}
#enquiries ol#progress li.last {
margin-right:0;
padding-right:.8em;
}
#enquiries ol#progress li.current {
font-weight:bold;
color:#333;
background:transparent url("/images/progress-current.gif") center left no-repeat;
}
#enquiries ol#progress li.inactive {color:#666;}
#enquiries ol#progress li.first {background-image:none;}
#enquiries ol#progress li.firstiscurrent {background-color:#69c;} /* Put up with IE6 'specialness' */
#enquiries div#distributor-selection {clear:left;}
#enquiries div#continent-list, #enquiries div#country-list, #enquiries div#distributor-list, #enquiries div#office-list, #enquiries div#details {
margin-bottom:20px;
padding:0 6px 8px 6px;
background:#f2f2f2;
}
#enquiries div#distributor-list, #enquiries div#office-list {padding:0;}
#enquiries h2, #enquiries h3
{
margin:0 -6px 0 -6px; /* Make the h2s and h3s ignore the padding on their container */
padding:4px 6px;
font-size:.9em;
}
#enquiries h2 {background-color:#cdd5ec;}
#enquiries h3
{
margin-top:8px;
margin-bottom:8px;
}
#enquiries div#distributor-list h2, #enquiries div#office-list h2 {margin:0;}
#enquiries div#distributor-list p, #enquiries div#office-list p
{
position:relative;
margin-left:6px;
}
#enquiries p img.spinner
{
position:absolute;
right:6px;
text-align:right;
}
#enquiries table
{
width:100%;
border-collapse:collapse;
}
#enquiries td
{
width:50%;
padding:30px;
border-top:1px solid #f3c3c4;
}
#enquiries td.odd {border-right:1px solid #f3c3c4;}
#enquiries td img.logo {margin-left:12px;}
#enquiries td label.name
{
margin-left:30px;
font-weight:bold;
}
/* User details section of the form */
#enquiries div#user-details div {margin:4px 0;}
#enquiries div#user-details div.col1, #enquiries div#user-details div.col2 {height:15.5em;}
#enquiries div#user-details div.col1
{
float:left;
width:25em;
margin:0 10px 10px 0;
}
#enquiries div#user-details div.col2
{
margin-bottom:1em;
margin-left:25.5em;
}
#enquiries div.required label {font-weight:bold;}
#enquiries div#user-details .col1 label, #enquiries div#user-details .col2 label
{
display:block;
float:left;
margin-top:3px;
}
#enquiries div#user-details div.col1 label {width:9em;}
#enquiries div#user-details div.col2 label {width:7em;}
#enquiries div#user-details div#comment-box label {float:none;}
#enquiries div#remember-me
{
margin-top:15px;
width:300px;
}
/* Sample requests section of the form */
#enquiries div.sample
{
margin:.6em 0;
padding:.6em;
border:1px solid #999;
}
#enquiries div.sample p {margin:0;}
#enquiries div.sample div
{
margin-bottom:1em;
}
#enquiries div#samples div label
{
display:block;
float:left;
margin-top:3px;
}
#enquiries div#samples div.type label, #enquiries div#samples div.project label, #enquiries div#samples div.date-scheduled label {width:16em;}
#enquiries div#samples div.quantity label, #enquiries div#samples div.potential-quantity label {width:16em;}
#enquiries div#samples div.potential-quantity {float:left;}
#enquiries div.sample div.type, #enquiries div.sample div.project, #enquiries div.sample div.date-scheduled
{
margin-right:3em;
float:left;
}
#enquiries div#catalogue-request {margin:0 -6px -8px -6px;}
#enquiries div#catalogue-request h3 {
margin:0;
margin-top:8px;
}
#enquiries div#catalogue-request label {font-size:16px;}
#enquiries div#catalogue-request div {padding:6px;}
#enquiries div#catalogue-request div img {margin:6px 0 0 24px;}
#enquiries div.catalogue, #enquiries div.additions {
float:left;
width:47%;
margin-right:6px;
border-right:1px solid #69c;
}
#enquiries div.additions { border-top:1px solid #69c; }
#enquiries div.range { border-top:1px solid #69c; }
#enquiries div#newsletter h3 {clear:left;}
#enquiries div#source p {
float:left;
margin-right:1em;
}
#enquiries p.submit {clear:left;}
#enquiries div.sample p {clear:left}
/* Contact > Samples > Errors */
#enquiries ul#errors {
padding:6px 0 6px 66px;
font-weight:bold;
color:red;
background:white url(/include/images/error.gif) center left no-repeat;
}
#enquiries div.error input, #enquiries select.error {
color:white;
background-color:red;
}
#enquiries div.error input {
border-width:3px;
}
div#terms li {
margin-left:20px;
}
div#terms .info {
color:#f00;
}
#container #content #terms h2 {color:#900; font-size:1.2em; font-weight:bold; margin:10px 0 0; padding:0;}
#container #content #terms h3 { font-weight:bold; margin:0; padding:0;}
#container #content #terms ol li { margin:0 0 0 30px;}
form#register label {
width:180px;
float:left;
}
form#register input {
margin-bottom:5px;
width:260px;
}
form#register input.button {
width:auto;
}
form.manage label {
width:100px;
float:left;
}
form.manage input {
margin-bottom:5px;
width:260px;
}
form.manage input.button {
width:auto;
}
.notice {
padding:10px;
margin: 10px 0 0 0;
background-color:#ffc;
border:1px solid #663;
}
/* My History */
div#contentNoRight h1 span.beta { background: url(/images/design/beta.png) center right no-repeat; text-indent: -9999px; overflow: hidden; height: 18px; width: 39px; display: inline-block; }
div#sub-content ul.leftNav li.my-history { background:#FEFDCC; color:#000; }
div#sub-content ul.leftNav li.my-history a { background:url(/images/design/beta-sm.png) no-repeat right top; padding-right:28px; color:#000; font-weight:normal;}
/* downloads image list */
ul#downloads { margin:0!important; padding:0; list-style:none; display:block; }
ul#downloads li { list-style:none; display:inline; float:left; padding:0!important; margin:0!important; background:none!important; text-align:center!important; }
ul#downloads li a { text-align:center; text-decoration:none; color:#CF001B; font-size:14px; font-weight:bold; }
/* Distributor Extranet > home page*/
div.float { float:left; background:#CFCFC7; margin:10px 10px 10px 0; padding:10px; width:160px; height:170px; padding-bottom:0; }
div.float p { text-align:left; margin:0; padding:0; margin-top:-10px; padding:2px; }
div.float a { text-decoration:none; font-weight:normal; display:block; margin:0; padding:0; }
div.float a:hover { background:#A5A5A0; color:#000;}
div#distributorNoticeBox { border:1px solid red; margin-bottom:10px;}
div#distributorNoticeBox img { float:left; clear:none; padding:5px; }
div#distributorNoticeBox p strong { color:#f00; }
div#distributorNoticeBox p { color:#000; margin:5px 0 0 70px; padding:0 0 5px 0;}
div#distributorNoticeBox p a, div#distributorNoticeBox p a:active, div#distributorNoticeBox p a:visited {color:#f00;}
div#distributorNoticeBox p a:hover {color:#b00;}
/* Distributor search results */
p.dist-details { float:left; margin-right:20px; }
img.dist-of-year { margin-top:15px; }
/* Translations */
/* German pages */
div.de-float-panel { float:left; width:385px; margin:0 10px 0 0;}
table#de-disty-table td { vertical-align:middle; }
div#contentNoRight ul#de-pages-nav { margin:0; padding:5px 0 10px 0!important; border-bottom:1px dashed #ccc; height:30px; font-size:.9em;}
div#contentNoRight ul#de-pages-nav {list-style:none; margin:0; padding:0;}
div#contentNoRight ul#de-pages-nav li { width:93px; float:left; margin:0 5px 0 0; padding:0; display:inline; background:none;}
div#contentNoRight ul#de-pages-nav li.long { width:183px!important; float:left; margin:0 5px 0 0; display:inline;}
div#contentNoRight ul#de-pages-nav li.last { margin:0;}
div#contentNoRight ul#de-pages-nav li a { display:block; background:url('/include/images/de-nav-bgr.jpg') no-repeat 0 0; width:93px; height:30px; line-height:1; color:#fff; text-decoration:none; padding:4px 0 0 4px;}
div#contentNoRight ul#de-pages-nav li.long a { width:183px; background:url('/include/images/de-nav-bgr-long.jpg') no-repeat 0 0;}
div#contentNoRight ul#de-pages-nav li a.current {background:url('/include/images/de-nav-bgr-on.png') no-repeat 0 0; color:#900;}
div#contentNoRight ul#de-pages-nav li.long a.current { background:url('/include/images/de-nav-bgr-long-on.png') no-repeat 0 0;}
div#google-translate { background:url('/include/images/design/bgr-google-translate.jpg') no-repeat 0 0; padding:30px 0 0 30px; height:140px; }
div#google-translate h3 { background:url('/include/images/design/h3-google-translate.png') no-repeat 0 0; text-indent:-9999px; padding:0; height:30px;}
/* In the news */
div#contentNoRight div#news div.inthenewsSpot {border-bottom:1px solid #ccc; padding-bottom:15px;}
div#contentNoRight div#news div.inthenewsSpot img.teaserImg {float:right; clear:none;}
div#contentNoRight div#news div.inthenewsSpot p.inthenewsSubheader {background:#F1F3FA none repeat scroll 0 0; color:#657292;}
div#contentNoRight div#news .inthenewsSpacer {margin-top:20px;}
.test-prop { height:1%!important; background:#f00; border:1px solid red;}
/* Footer */
div#footer {
clear:both;
width:1005px;
margin:0 auto;
padding:35px 0 5px 5px;
text-align:left;
color:#333;
line-height:1.6;
background:#eef3f9 url('/include/images/design/bgr-bottom-border.png') no-repeat scroll center top;
}
div#footer div#links {
background:#fff url('/include/images/design/bgr-dl-footer.jpg') repeat-x 0 0;
margin:0 5px 5px 0;
width:990px;
}
div#footer div#links dl { width:300px; float:left; margin:5px 20px 0 5px; color:#454545;}
div#footer div#links dl.last { margin:5px 0 0 35px;}
div#footer div#links dl dt { font-weight:bold; font-size:1.1em; margin:0; padding:0; line-height:1;}
div#footer div#links dl dd { margin:0 0 10px 0; padding:0; line-height:1.2; }
div#footer div#links dl dd a { color:#454545;}
div#footer p#aardvark { float:right; margin:0; text-align:right; width:150px; text-align:right; width:150px;}
div#footer div {
background:#ccd0d6;
padding:5px;
left:-10px;
width:990px;
}
div#footer div p { line-height:1.3; margin:0; padding:0;}
div#footer div p img { float:left; margin:0 5px 0 0; padding:5px; background:#fff; }
/* Tools */
.floatright {float:right; margin:0 0 10px 20px;}
.floatleft {float:left; margin:0 20px 10px 0;}
.right {text-align:right;}
.left {text-align:left;}
.nopad {margin:0!important; padding:0!important;}
.linkImg {background:url(/images/left_nav_img.gif) no-repeat 5px 50%; padding-left:1.3em;}
.imgFloatLeft {float:left; margin-right:.5em; padding:5px; background:#f9f3f3; border:1px dashed #ccc;}
.imgFloatRight {float:right; margin-left:.5em; margin-bottom:.3em; padding:5px; background:#f9f3f3; border:1px dashed #ccc;}
.imgFloatLeftNoBorder {float:left; margin-right:.5em; border:0px;}
.imgFloatRightNoBorder {float:right; margin-left:.5em; margin-bottom:.3em; border:0px;}
.boxOutRight, .boxOutRight200, .boxOutRight210, .boxOutRight300, .boxOutLeft {font-size:.8em; margin:0 0 5px 5px; padding:5px; float:right; width:160px; background:#f9f3f3; border:1px dashed #ccc; text-align:right;}
.boxOutLeft { float:left; margin:0 5px 5px 0; width:auto;}
.boxOutRight p {font-style:normal; font-weight:bold; color:#4265AB;}
.boxOutRight200 {width:200px;}
.boxOutRight210 {width:210px;}
.boxOutRight300 {width:300px;}
.clearLeft {clear:left;}
.clearRight {clear:right;}
.clearboth {clear:both;}
.boldOff {font-weight:normal;}
hr { height:1px; border:0; border-top:1px dashed #c00; }
strong {font-weight:bold;}
/* Clearing */
.stretch, .clear {clear:both; height:1px; margin:0; padding:0; font-size:15px; line-height:1px;}
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
* html>body .clearfix {display:inline-block; width:100%;}
* html .clearfix {/* Hides from IE-mac \*/ height:1%; /* End hide from IE-mac */ }
/* Accessibility */
span.accesskey {text-decoration:none;}
.accessibility {position:absolute; top:-999em; left:-999em;}
/* electronica 08 form */
#electronica_form {border:1px solid #888888; padding:10px; margin-top:10px; }
#electronica_form label {float:left; margin:10px 0px 0px 10px; width:150px; }
#electronica_form p {margin:10px 0px 10px 10px; }
#electronica_form input {float:left; clear:right; margin:10px 0px 0px 10px; }
#electronica_form input.error { background-color:#ff0000; color:#ffffff; }
#electronica_form #firstfeature {float:left; width:360px; border:1px solid #888888; margin:5px;padding-bottom:10px; height:225px; position:relative;}
#electronica_form #secondfeature {width:360px; border:1px solid #888888; margin:5px; margin-left:390px;padding-bottom:10px; padding-right:5px; height:225px}
#electronica_header {padding-top:30px; padding-bottom:20px; border-top:1px solid #888888; margin-top:0px; text-align:center}
#electronica_form #electronica_submit {float:left; margin:20px 0px 0px 10px; }
p.error-text {background-color:#ff0000; color:#ffffff; padding:5px 10px 5px 10px; margin-top:10px;}
h1#electronica_introtext {margin:30px 100px 30px 100px; text-align:center}
/* Lightbox 2.04 */
#lightbox{ position:absolute; left:0; width:100%; z-index:100; text-align:center; line-height:0;}
#lightbox img{ width:auto; height:auto;}
#lightbox a img{ border:none; }
#outerImageContainer{ position:relative; background-color:#fff; width:250px; height:250px; margin:0 auto; }
#imageContainer{ padding:10px; }
#loading{ position:absolute; top:40%; left:0%; height:25%; width:100%; text-align:center; line-height:0; }
#hoverNav{ position:absolute; top:0; left:0; height:100%; width:100%; z-index:10; }
#imageContainer>#hoverNav{ left:0;}
#hoverNav a{ outline:none;}
#prevLink, #nextLink{ width:49%; height:100%; background-image:url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display:block; }
#prevLink { left:0; float:left;}
#nextLink { right:0; float:right;}
#prevLink:hover, #prevLink:visited:hover { background:url(/images/gallery/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background:url(/images/gallery/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer{ font:10px Verdana, Helvetica, sans-serif; background-color:#fff; margin:0 auto; line-height:1.4em; overflow:auto; width:100% ; }
#imageData{ padding:0 10px; color:#666; }
#imageData #imageDetails{ width:80%; float:left; text-align:left; }
#imageData #caption{ font-weight:bold; }
#imageData #numberDisplay{ display:block; clear:left; padding-bottom:1.0em; }
#imageData #bottomNavClose{ width:66px; float:right; padding-bottom:0.7em; outline:none;}
#overlay{ position:absolute; top:0; left:0; z-index:90; width:100%; height:500px; background-color:#000; }
/* 101 Datamate */
h1#lok { background:transparent url(/include/images/design/bgr-h1.jpg) repeat-x scroll 10px bottom; font-size:1.4em; margin:0 0 1em -10px; padding:0 0 5px 10px; }
#lok-intro { width:381px; float:left; margin-top:10px; }
#lok-intro ul { padding:3px 0 0 10px; margin-bottom:20px; }
div#lok-intro .lok-ttl, div#sample-form .lok-ttl { margin-bottom:0; margin-top:30px; padding:0px; background:transparent}
div#lok-intro .lok-sections { background:#fff url(/include/images/design/bgr-grad-redl.jpg) repeat-y scroll 0 0; border-color:#9c2b2c; border-style:solid; border-width:1px 0; margin:-1px 0 0; width:362px; }
div#lok-intro .lok-sections ul { list-style:none; padding:3px 0 0 10px; margin:0px;}
div#lok-intro .lok-sections ul li { background:url(/images/design/bullet-red.png) #dcd0d0 no-repeat left 11px; margin:10px 0; padding:5px 0 5px 10px; }
#sample-form {float:right; width:362px;}
#sample-form .details textarea { width:180px; height:180px; }
#sample-form .details .blueHeader { background:#c7babb none repeat scroll 0 0 !important; border-bottom:1px solid #dcd0d0 !important; border-top:1px solid #dcd0d0 !important; padding-left:0.4em; color:#990000; }
#sample-form .details table td { font-size:1em; padding:5px 5px 5px 10px; }
/* mousercookout */
ul#mousercookout { margin:0; padding:0; }
ul#mousercookout li { margin:10px; padding:0; float:left; display:inline; }
ul#mousercookout li img { border:5px solid #ccc; }
ul#mousercookout li img:hover { border:5px solid #cf001b; }
/* Mix-Tek Datamate */
.lok-ttl-mix { background:none!important; padding:0!important; }
.sample-form-mix { float:none!important; }
.sample-form-mix .lok-sections #requestForm .details h3 { font-size:1em; padding:6px; }
/* EZ-Cable Clips Table */
#cablecliptable {float:right; width:362px;margin-top:20px}
#cablecliptable table {text-align:center; border:1px solid #d4d4d4;}
#cablecliptable table td {text-align:center; border-right:1px solid #b7adad;}
#cablecliptable table .itemnumber {text-align:left; border-right:1px solid #b7adad;padding:4px 0 4px 14px;}
#cablecliptable table .measurement {color:#bb3132;padding:4px 0 4px 4px;}
/* Video section */
#videos { background:transparent url(/images/videos/videos.gif) no-repeat top left;}
#videos h3 {margin:0 80px; height:57px; }
#videos h3 img {vertical-align:middle;}
#videos .youtube { height:430px; padding:0 0 0 82px; }
#videos .youtube .arrwl {position:absolute; top:420px;left:225px;}
#videos .youtube object {}
#videos .youtube .arrwr {position:absolute; top:420px;left:955px;}
#videos .content {padding:0 71px 10px 81px;}
#videos .content li {padding:0 15px}
#videos .controls {text-transform:uppercase; color:#969696; margin:20px 0 10px 0; border-top:1px solid #d6d6d6; padding:12px 0 0 0; font-size:0.9em; display:block; height:30px;}
#videos .controls a {color:#cc0000; font-weight:bold;}
#videos .toright {float:right;}
#MCarousel {width:640px; position:relative; height:165px; background:transparent url('/images/videos/v_carousel.gif') no-repeat top left;padding:53px 0 0 0;}
#MCarousel .window {width:530px;overflow:hidden;margin:0 58px;}
#MCarousel #tray {}
#MCarousel #tray img {margin:0 10px;}
#MCarousel .controls_l {position:absolute; top:75px; left:10px;}
#MCarousel .controls_r {position:absolute; top:75px; right:10px;}
#triotek {}
#triotek .left {float:left; width:48%;}
#triotek .right {float:right; width:48%;}
#triotek p {font-size:1.2em; line-height:1.6em!important}
#triotek .left li {font-size:1.1em; line-height:1.4em}
#triotek .ttk-sections {width:362px; background:#fff url(/include/images/design/bgr-grad-redl.jpg) repeat-y scroll 0 0; border:#9c2b2c solid 1px 0; float:right; }
#triotek .ttk-sections ul {list-style:none outside; margin:-10px 0 0px 0px ;padding:10px;}
#triotek .ttk-sections ul li {background:url(/images/design/bullet-red.png) #dcd0d0 no-repeat left 11px; margin:10px; text-align:left; }
#triotek .ttk-ttl, #triotek #sample-form {margin:20px 0 0 0; padding:0px; background:transparent}
/* New Search */
.searchTop {border-top:1px solid #d5d5d5;border-bottom:1px solid #d5d5d5;padding:8px 0;margin:15px 0 5px 0; height: 120px;}
.searchTop .inputs {float:left; width:25%; display:block; margin:0 10px 0 0 ;}
.searchTop .details {float:right;border-left:1px solid #a5a5a5; width:52%; display:block;padding:0 0 0 15px;}
.searchTop .buttons {float:left; display:block;margin:60px 20px 0 0;}
#searchfilters {display:block;width:100%;margin:0;padding:0; position:relative;}
.searchList {border-right:1px solid #f2f2f2;width:77%; margin:0 10px 0 0;}
#searchfilters .buttons {position: absolute; top: 5em; right: 5em;}
.searchTop .pod, .searchList .pod {height:50px; width:180px; margin:5px 10px 5px 0; float:left;}
.searchTop .pod input, .searchTop .pod select, .searchList .pod input, .searchList .pod select {width:90%;}
.searchTop .pod label, .searchList .pod label {display:block;margin:0 0 8px 0;font-size:1.2em;}
.importantInfo {border-bottom:1px solid #d5d5d5;display:block;padding:12px ;font-size:0.9em!important;}
/* IMS 13361 */
#oddEvenTable thead th {text-align:left; font-weight:normal;}
/* END IMS 13361 */
/* Four panel scroller */
div#four-panel-scroll {padding-top:53px;background: transparent url(/images/videos/v_carousel.gif) no-repeat scroll left top; clear:both; no-repeat 0 0; height:160px; margin:10px 0 0 0; position:relative; }
div#four-panel-scroll p { text-align:center; padding:9px 0 0 0;}
div#four-panel-scroll a.controls { height:28px; width:24px; display:block; position:absolute; top:67px; }
div#four-panel-scroll a.controls:hover {background-color:#fff;}
div#four-panel-scroll a.controls span {display:none;}
div#four-panel-scroll a.left { background:url('/images/videos/arrw_l.gif') no-repeat center center; left:6px; top:50px }
div#four-panel-scroll a.right { background:url('/images/videos/arrw_r.gif') no-repeat center center; right:12px; top:50px; }
div#four-panel-scroll ul.scroller { margin:0 auto; padding:0; height: 160px; width: 530px;}
div#four-panel-scroll ul.scroller li { background: none;display:inline; float:left; width:150px; height:100px; margin:0 8px 0 0; }
div#four-panel-scroll ul.scroller h3 { margin:0; padding:7px 0 5px 7px; font-weight:bold; font-size:1em;}
div#four-panel-scroll ul.scroller img { margin:0 0 0 3px; padding:0;}
div#four-panel-scroll ul.scroller a img { border:none; float:right; padding:0 5px 0 0; margin:0;}
div#four-panel-scroll ul.scroller span { margin:0; padding:5px 0 5px 7px; width:118px; float:left; }
#column-left { width:50%; float:left; }
#column-right { float:left; }
/* History and My History css */
form#recent-items div { padding:1px 5px; margin:0 0 5px 0;}
.today {background:#f5f5f5; border-bottom:2px dashed #666; padding:0 0 10px 0; }
.beforetoday {background:#f5f5f5; border-bottom:2px dashed #666; padding:0 0 10px 0; }
div#js-history-save span.nopad {
width: 550px;
}
div#saved-history { margin:40px 0 0 0;}
form#recent-items h2, div#saved-history h2 { margin:10px 0 0 0; padding:0; font-weight:bold; color:#000; background:none;}
form#recent-items ul { list-style-type:none; line-height:1; }
form#recent-items ul li {background:none; width:130px; height:150px; float:left; margin:0 0 30px 0; padding:0;}
form#recent-items ul li div.thumbnail { min-height:110px; height:auto!important; height:110px; width:110px; background:#fff; margin:0; padding:0; text-align:center;}
form#recent-items ul li div.thumbnail img { padding-top:20px;}
form#recent-items ul li a { display:block; margin:0 0 3px 0; width:80%;}
form#recent-items ul li span {display:inline; padding:0 7px 3px 0; background:#d3e5b7;}
form#recent-items ul li span label { margin:0 0 0 2px; font-weight:bold; cursor:pointer; }
form#recent-items ul li#select-all-recent, form#recent-items ul li#select-all-today { text-align:right; font-weight:bold; float:none; width:100%; height:auto; margin:0 0 10px 0;}
p.list-tools { display:block; text-align:left; min-height:1%; clear:left; }
p.list-tools span { float:left;}
p.list-tools span.paging { float:right;}
p.list-tools span.today { border:none;}
p.list-tools span.paging a { margin:0 5px; padding:0; }
p.list-tools span.paging a.current { font-weight:bold; text-decoration:none; color:#000;}
p.list-tools span.paging a.previous, span.paging a.next { text-decoration:none; background:none; margin:0; padding:0;}
form#recent-items div.history-actions, div#saved-history div.history-actions { background:#d3e5b7; padding:5px; vertical-align:middle; padding:5px; position:relative;}
div.history-actions a { margin:0 20px 0 0;}
div.history-actions span { position:absolute; top:10px;}
div.history-actions span.nopad { top:3px;}
div.history-actions span.nopad a { margin:0; padding:0;}
div.history-actions span em { font-style:italic;}
div#saved-history div.history-actions span { top:3px; width:500px;}
table#oddEvenTable a.dl-cad { background:url('/images/icon-cad.gif') no-repeat 0 0; padding:0 0 3px 25px;}
table#oddEvenTable .remove-item { width:100px; background:#fcc; text-align:center;}
able#oddEvenTable th.remove-item { background:#9E0D10;}
form#history_login_form div.forgotten_password {margin-top: 10px;}
#send-container { margin:0 0 10px 0;}
/* styles for large homepage banner carousel */
#carousel-wrapper { width:790px; height:186px; padding:0 0 20px 0; overflow:hidden; position:relative; }
#carousel-content { width:10000px; }
#carousel-content .slide { float:left; height:186px; }
div.controls { position:absolute; bottom:20px; right:10px; z-index:10; }
div.controls a { float:left; display:inline; margin-left:1px; }
div.controls a.next { background:url(../images/promo-scroller/next.gif) top center no-repeat; height:26px; width:14px; text-indent:-999px; display:block; overflow:hidden; }
div.controls a.previous { background:url(../images/promo-scroller/previous.gif) top center no-repeat; height:26px; width:14px; text-indent:-999px; display:block; overflow:hidden; }
div.controls a.next:hover { background:url(../images/promo-scroller/next-hover.gif) top center no-repeat; }
div.controls a.previous:hover { background:url(../images/promo-scroller/previous-hover.gif) top center no-repeat; }
div.controls a.carousel-jumper {color:#000; background:transparent url(../images/promo-scroller/thumbNav.gif) top center no-repeat; padding:5px 5px 5px 5px; height:16px; width:16px; text-align:center; font-size:0.9em; }
div.controls a.carousel-jumper:hover, div.controls a.carousel-selected { background:transparent url(../images/promo-scroller/thumbNav-hover.gif) top center no-repeat; }
div.controls background { background:url(../images/promo-scroller/caroucel.gif) top center no-repeat;}
/* New MadLibs CAD sign-up form */
form#register div.madlib { background:#f7f7f7; padding:10px; margin:0 0 10px 0;}
form#register div.madlib label { float:none; width:auto;}
form#register div.madlib input { width:180px; vertical-align:middle;}
form#register div.madlib input#PostCode { width:100px;}
form#register div.madlib p.signup { width:400px; float:left; margin:0; padding:0;}
form#register div.madlib input.signup { float:right; width:auto;}
#register #terms { border:1px solid #999; width:100%; height:100px; overflow-y:scroll; overflow-x:hidden; margin:10px 0; }
#register #terms h5, #register #terms p { padding:5px 10px;}
form#register input.button { margin:0 0 0 180px;}
input.placeholder { color:#a9a9a9!important; }
p.error {color:#f00;}
input.error, select.error {
border: 1px solid #f00; padding:3px;
-moz-box-shadow: 0px 0px 10px #f00; /* FF3.5+ */
-webkit-box-shadow: 0px 0px 10px #f00; /* Saf3.0+, Chrome */
box-shadow:0 0 10px #f00; /* Opera 10.5, IE 9.0 */
}
/* Contact Technical Search */
div#contact-technical {
background:none repeat scroll 0 0 #FEFDCC;
color:#000000;
border-bottom:1px dashed #CCCCCC;
border-top:1px dashed #CCCCCC;
padding:10px 10px 10px 10px;
height: 100px;
position:relative;
}
div#contact-technical div#contact-container { width:770px; float:left; margin:0; padding:0;}
div#contact-technical div#contact-cog { width:87px; float:left; margin:0; padding:0 ;}
div#contact-technical div#contact-p { width:430px; float:left; margin:0; font-size: 1.2em; padding:15px 5px 0 10px;}
div#contact-technical div#contact-livechat { width:79px; float:left; margin:0; padding:26px 5px 0 5px;}
div#contact-technical div#contact-technical-btn { width:127px; float:left; margin:0; padding:0 5px 0 5px;}
/* 404 Error page */
div#error404-container { width:770px; height:100px; float:left; margin:0; padding:10px 0 0 0; border-bottom:#990000 1px solid; background-image: url(../images/404error-sadface.jpg); background-repeat:no-repeat; background-position:left centre; clear:both;}
div#error404-container h2 { font-weight: bold; font-size:2em; padding:10px 5px 5px 100px; color:#000000; background:none;}
div#error404-container p { font-size:1.2em; padding: 0px 10px 10px 100px; float:left;}
div#error404-leftcol { width:400px; float:left; display:inline; margin:10px 0 0 0;clear:right;vertical-align:top; clear:both;}
div#error404-leftcol p { font-size:1.2em; padding:10px 0 0 0}
div#error404-leftcol ul { margin:10px 0 0 20px;}
div#error404-leftcol ul li { line-height: 2em; list-style-position: outside; list-style-image: url(../images/404error-tick.jpg); color:block; background:none;}
div#error404-rightcol { width:380px; float:right; display:inline; margin:0; vertical-align:top; background-image: url(../images/404error_search-icon.jpg); background-repeat:no-repeat; background-position:left centre; margin:10px 0 0 0;}
div#error404-rightcol p { font-size:1.2em; color:#669900; font-weight:bold; float:left;clear:right; padding: 10px 10px 10px 50px;}
div#error404-search { width:297px; height:101px; float:left; margin:0; padding:0; background-image: url(../images/404error-searchbox.jpg); background-repeat: no-repeat;}
div#error404-search p { font-size:1.2em; color:#000; font-weight:bold; float:left;clear:right; padding: 10px 10px 0px 30px;}
div#error404-searchbox { padding: 30px 10px 0px 30px;}
div#nav_supp{ width:770px; float:left; margin:0; }
div#nav_supp ul { margin:10px 0 0 20px; background:none; color:block;}
div#nav_supp ul li { line-height: 2em; list-style-type: none; font-size:1.3em; color:#000; display:block; background-image:none; color:block;}
/* Exhibitions page */
div#exhibitions { width: 400px; float: left;}
div#exhibitions .img { padding: 0;}
div#exhibitions h2 { font-size: 1.2em; margin:0; }
div#exhibitions b { color: #c70024; font-weight: bold; }
div#contact-textbox { padding: 0 0 -10px 0 ; width:362px; height: 90px; background: url(/images/exhibitions/bluebox.jpg) no-repeat 0 0;}
div#contact-textbox p { padding: 15px 20px 20px 20px; }