/*
* Reset
*/
html, body, div, span, applet, object,
iframe, h1, h2, h3, h4, h5, h6, p,
blockquote, pre, a, abbr, acronym,
address, big, cite, code, del, dfn, em,
font, img, ins, kbd, q, s, samp, small,
strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul, 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%; line-height: 1; font-family: inherit; text-align: left; vertical-align: baseline }
a img, :link img, :visited img { border: 0 }
table { border-collapse: collapse; border-spacing: 0 }
ol, ul { list-style: none }
q:before, q:after, blockquote:before,
blockquote:after { content: "" }
/*
* Theme
*/
html, body { background: #fff url(../imgs/ite-bg-head.gif) repeat-x; margin: 0 auto; font: normal normal normal 1.0em/normal Verdana, Calibri, Arial, sans-serif }
div#container { width: 930px; margin: 0 auto; padding: 0; text-align: left }
a { text-decoration: none; color: #ff6600; line-height: 18px }
a:hover { color: #ff4800; text-decoration: underline }
a:hover.selected { padding-bottom:0; border-bottom:0 }
/*
* Header
*/
div#header { background: #10137d url(../imgs/ite-bg-logo-head.gif) no-repeat 700px 30px; height: 100px }
div#header p.title, div#header p.summary,
div#header p.logo { display: none }
/*
* Navigation
*/
div#nav { text-align: center }
div#nav li { display: inline; list-style-type: none; margin: 0 0 0 1px; padding: 0 }
div#nav ul { vertical-align: bottom }
div#nav ul li a { background: #7C72B0 url(../imgs/ite-bg-tab-nav.gif) repeat-x; font-size: .9em; padding: 4px 10px; line-height: 2.0em; text-decoration: none; color: #fff }
div#nav ul li a:hover { background: #7C72B0 url(../imgs/ite-bg-tab-hover-nav.gif) repeat-x; text-decoration: underline }
div#nav ul li a.selected { font-size: 1.0em; padding: 5px 12px 6px 12px; background: #fff; color: #10137d; line-height: 1.95em }
/*
* Main content area with vertical rhythm - rhythmic unit 18px
*/
div#main { font-size: 75% }
html>div#main { font-size: 12px }
div#main p { margin-bottom: 18px }
div#main em { font-weight: bold; font-style: normal; color: #555 }
div#main h1, div#main h2, div#main h3 { margin-top: 18px; font-weight: normal; line-height: 36px }
div#main h1, div#main h2 { font-size: 20px; color: #10137d; background: #fff url(../imgs/ite-bg-hl-main.gif) left bottom repeat-x; *padding: 8px 0 }
div#main h1 { margin-bottom: 18px }
div#main h3 a, div#main p, div#main h3, div#main h4 { line-height: 18px }
div#main h2 { margin-top: 0; margin-bottom: 18px }
div#main h3, div#main h4 { font-size: 16px; color: #ff6600 }
p.more { font-size: 14px; text-align: right }
p.more a { padding-right: 19px; background: #fff url(../imgs/more.gif) top right no-repeat }
div#left { position: relative; float: left; width: 554px }
div#right { margin-top: 18px; background: #fff url(../imgs/ite-bg-vl-right.gif) repeat-y; padding-left: 15px; float: left; width: 342px }
div#right i { color: #ff6600 }
/*
* Content
*/
div#content { width: 540px; margin-top: 0px }
div#container .news img { float: left; margin: 0 15px 15px 0 }
/*
* Video
*/
div#video { display: none; position: absolute; top: 18px; left: 0; width: 558px; height: 288px }
div#video h2, div#video p { display: none }
/*
* Feature
*/
div#feature img { float: left; margin-top: 0px; margin-right: 10px; padding-bottom:0px; width:130px; }
div#feature.featuredProduct { display: block; clear: both; background: #fff url(../imgs/ite-bg-hl-main.gif) left bottom repeat-x; height: 216px; margin-bottom: 36px }
div#feature.featuredProduct .right { float: right; width: 140px; height: 198px }
div#feature.featuredProduct .more { display: block; clear: both; }
/*
* Logolinks
*/
div#logolinks { width: 100%; padding-top: 20px; float: left; background: #fff url(../imgs/ite-bg-hl-main.gif) left top repeat-x }
div#logolinks img { margin-right: 34px }
/*
* Footer
*/
div#footer { width: 100%; margin-top: 10px; padding: 20px 0; float: left; border-top: 1px #ccc solid }
div#footer h2 { display: none }
div#footer p { font-size: .7em; line-height: 18px }
div#footer .terms_privacy { margin-top:0;margin-bottom:10px;}
/*
* Article view page
*/
div.article #content { margin-top: 0 }
div.article #content h1 { font-size: 26px; background: 0 }
div.article #content h2 { font-size: 16px; background: 0 }
div.article #content ul, div.article #content ol { margin-bottom: 18px }
div.article #content li { font-size: 12px; line-height: 18px; list-style: square; margin-left: 18px }
div#left .product { clear: both; border: 1px red solid }
div.article .fullWidth { width: 100% !important }
div.article .fullWidth #content { width: 100% !important }
.aImg { margin: 10px 0 50px 0 }
div.article img.downarrow { float:right; }
/*
* Product Navigation
*/
div#productNavigation { font-size: 12px; line-height: 18px; text-align: left; margin: 12px 0 12px 0 }
div#productNavigation li { display: inline; list-style-type: none; margin: 0 3px 0 0; padding: 0 8px 0 0; *margin: 0 3px 0 7px; background: #fff url(../imgs/ite-bg-pipe.jpg) right top repeat-y }
div#productNavigation li.last { background: none }
div#productNavigation ul li.selected { font-size: 13px; font-weight: bold; color: #ff6600; margin: 0 3px 0 0; padding: 0 5px 0 0; background: none }
div#productNavigation ul li a { text-decoration: none; color: #888 }
div#productNavigation ul li a:hover { padding-bottom: 1px; border-bottom: 1px solid }
div#productNavigation ul li a.selected { font-weight: bold; padding-bottom: 1px; border-bottom: 1px solid #ff6600; color: #ff6600 }
div#productNavigation ul li a.publishingSelected { font-weight: bold; padding-bottom: 1px; border-bottom: 1px solid #10137d; color: #10137d }
/*
* Upcoming Events
*/
div.listBlock { display: block; clear: both; min-height: 90px }
div.listBlock img { display: block; clear: both; margin-bottom: 18px; overflow: visible }
div.listBlock b { font-weight: normal }
div#main div.listBlock h3 { margin-top: 0 }
div#upcomingEvents img { float: left; margin-right: 15px }
div#upcomingEvents h2 { clear: both }
/*
* Product List
*/
div.productList { display: block; clear: both; background: #fff url(../imgs/ite-bg-hl-main.gif) left bottom repeat-x; height: 216px; margin-bottom: 36px }
div.productList .right { float: right; width: 490px; height: 198px }
div#main.product h1 { margin: 36px 0px 36px 0; font-size: 12px }
div#main.product h1.pubH1 { margin: 66px 0px 36px 0; font-size: 12px }
div.productList .left { float: left; width: 410px; height: 198px }
div.productList .left img { float: right }
div.productList .left img.logo { float: none }
#\404error ul, li { margin: 5px 10px }
/*
* Forms
*/
form { position: relative; top: -9px }
fieldset { position: relative; border: 1px solid #ccc; margin-bottom: 17px; padding-bottom: 18px }
legend { padding: 0 10px; margin-left: 20px; line-height: 36px; color: #666 }
label { line-height: 36px; display: block; width: 160px; float: left; margin-right: 18px; text-align: right }
input { line-height: 18px; margin: 8px 0; border: 1px solid #ccc; *margin: 7px 0 7px 0 }
select { line-height: 18px; margin: 8px 0 6px 0; width: 280px; *margin: 7px 0 }
textarea { width: 275px; margin: 8px 0 13px 0; height: 146px; *margin: 7px 0 7px 0 }
p.required { display: inline; font-size: 10px; color: #333; position: relative; top: 15px; left: 310px }
fieldset span { position: relative; top: -8px; margin-left: 14px; line-height: 18px; color: #c00; font-size: 10px }
fieldset span.textAreaError { margin-left: 180px }
fieldset p.submit input { *margin: 7px 0 8px 0 }
div#main fieldset h2 { line-height: 18px; margin: 0 30px; font-size: 12px }
fieldset p { font-size: 10px; margin: 0 30px }
fieldset p.submit { line-height: 36px; display: block; text-align: center }
.areasOfInterest label { width: 500px !important; text-align: left !important; margin-left: 20px }
.areasOfInterest ul { margin-left: 10px; *margin-left: 7px; width: 46%; float: left }
/*
* Product
*/
#productHeader img.cover { float: right; margin-right: 130px }
#productHeader p { *padding-bottom: 20px }
#productBody { clear: both }
.productLinks { clear: both; padding: 18px 0 0 0; margin: 0 0 36px 0; *position: relative; *top: -18px; *margin: 0 0 18px 0 }
.productLinks span { background: #fa6912 url("../imgs/ite-bg-productbt.gif") left no-repeat; padding: 8px 0px 8px 14px; margin: 0 14px 0 0; *padding: 0px 0px 0px 14px }
.productLinks span a { background: #fa6912 url("../imgs/ite-bg-productbt.gif") right no-repeat; padding: 8px 14px 8px 0px; color: #fff }
.productLinks span a:hover { padding: 8px 14px 8px 0px; border-bottom: 0px; color: #fff; text-decoration: underline }
/*
* Advertising
*/
div#main #printAdvertising { height: 190px; background: #fff url("/content/ite/images/site/printAdvertising.gif") left top no-repeat }
div#main #onlineAdvertising { padding-top: 10px; height: 180px; background: #fff url("/content/ite/images/site/onlineAdvertising.gif") left top no-repeat }
div#main #awardsAdvertising { padding-top: 10px; height: 180px; background: #fff url("/content/ite/images/site/awardsAdvertising.jpg") left top no-repeat }
/*
* Product Index
*/
#main.productIndex h1 { display: none }
#productFocus { clear: both; border: 1px #bbb dotted; height: 310px; margin: 30px 12px 15px 10px}
.productIndex li { height: 165px; margin: 30px 0 10px 0; width: 444px; float: left; padding: 10px; background: #fff url(../imgs/ite-bg-vl-right.gif) repeat-y }
.productIndex li.first { background: 0 }
#main.productIndex li h2 { font-size: 16px; line-height: 36px; margin-bottom: 9px }
#data, #publishing { height: 100%; position: relative;}
.productIndex a.seeMoreLink { position: absolute; bottom: 10px; right: 10px }
.productInformation label { width: 250px }
.productInformation select { width: 200px }
#keyProductInfo { margin:0 0 30px 0; }
#keyProductInfo .displaybody { display:none; }
#keyProductInfo h2 { padding-bottom:5px; }
#keyProductInfo img.downarrow { float:right; }
#keyProductInfo ul { margin-bottom: 18px }
#keyProductInfo li { font-size: 12px; line-height: 18px; list-style: square; margin-left: 18px }
#productDisplayPrices { margin:0 0 30px 0;}
#productDisplayPrices .displaybody { display:none; }
#productDisplayPrices h2 { padding-bottom:5px;}
#productDisplayPrices select, option { width:340px;}
#productDisplayPrices img.downarrow { float:right; }
#productDisplayPrices .pricesHeader { padding: 0px 8px 0px 0; font-size: 12px; color: #10137d }
#productDisplayPrices .pricesDropdown { padding: 0px 8px 0px 0; font-size: 10px }
#productDisplayPrices .buyNow { text-align:right; padding: 8px 0;}
#productDisplayPrices .buyNow span { background: #fa6912 url("../imgs/ite-bg-productbt.gif") left no-repeat; padding: 8px 0px 8px 14px; margin: 0 0; *padding: 0px 0px 0px 14px }
#productDisplayPrices .buyNow span a { background: #fa6912 url("../imgs/ite-bg-productbt.gif") right no-repeat; padding: 8px 14px 8px 0px; color: #fff }
#productDisplayPrices .buyNow span a:hover { padding: 8px 14px 8px 0px; border-bottom: 0px; color: #fff; text-decoration: underline }
#relatedProducts img { float: left; margin-right: 5px }
#relatedProducts .displaybody { display:none; }
#relatedProducts img.downarrow { float: right; margin-right: 0px }
div#relatedProducts h2 { padding-bottom:5px; }
div#relatedProducts h3 { font-size: 14px; margin-top: 6px; font-weight: normal; line-height: 18px }
/* video */
div#video {position: absolute;top: 18px;left: 0;width: 558px;height: 288px;}
div#video h2, div#video p {display: none;}
.areasOfInterest label { width: 250px }
.checkbox { margin:0;padding:0;border:0;}
/*
* Advertising Opportunities
*/
h2.advertisingNavigation { margin-bottom:0;}
#advertisingNavigation { font-size: 12px; line-height: 18px; text-align: left; margin: 0px 0 4px 0; }
#advertisingNavigation ul, li { padding:0; margin-left: 0; }
#advertisingNavigation li { display: inline; list-style-type: none; margin: 0 3px 0 0; padding: 0 8px 0 0; *margin: 0 3px 0 0px; background: #fff url(../imgs/ite-bg-pipe.jpg) right top repeat-y; }
#advertisingNavigation li.last { margin-left:0; background: none; }
#advertisingNavigation ul li a { text-decoration: none; color: #ff6600; }
#advertisingNavigation ul li a:hover { padding-bottom: 1px; border-bottom: 1px solid; }
div#ourProducts h3 { margin-top: 6px;}
div#ourProducts h3 a { font-size: 14px; margin-top: 0px; font-weight: normal; }
#downloadMediaPacks select, option { width:340px;}
#downloadMediaPacksLink { text-align:right; }
#downloadMediaPacksLink input { color:#fff;width:95px; height:30px; padding: 0; margin:0; border:0; background: #fa6912 url("../imgs/ite-download.gif") no-repeat;}