/* CSS Reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym {border:0;}
a {text-decoration:none;color:#333;}
p {z-index:1;}


/*------/ common /-----*/
body {background-color:#fff;font: 62.5%/1 Verdana, Geneva, sans-serif;}
#page {width:952px;margin:0 auto;position:relative;min-height:960px;height: auto !important;height:960px;}
a:link,
a:visited {color:#25a1db;text-decoration:none;}
a:hover {color:#333;}
a:active {color:#333}

h1, h2, h3, h4, h5, h6 {color:#25a1db;font-family: Arial, Helvetica, Sans-Serif;}
h1 {font-size:2.8em;margin:0 0 22px;line-height:1.2em;}
h2 {font-size:1.6em;margin:0 0 12px;line-height:1.2em;}
h3 {font-weight:bold;font-size:1.2em;font-family:Verdana, Geneva, sans-serif;color:#666;margin:0 0 16px;line-height:1.4em;}

p {color:#666;font-size:1.2em;line-height:1.3em;margin:0 0 25px;}
p.seek a {font-weight:bold;font-family:Verdana, Geneva, sans-serif;}

input.text, textarea.text {border:1px solid #eee;background:#fafafa;font-size:1.2em;color:#666;padding:5px}
select {border:1px solid #eee;background:#fafafa;color:#666;padding:3px 6px 3px 3px;}

label.block {display:block;position:relative;}
label.block span {position:absolute;top:8px;left:7px;font-size:1.2em;color:#666;}
iframe{border: 0 none;height: 1057px; width: 100%;}

/*------/ header /-----*/
#header {background: url(/Common/Images/bg-header.gif) top left repeat-x;height:105px;position:relative;margin:0 12px;}
	.ie6 #header, .ie7 #header {margin:0 12px 60px;} /* fixes IE6/7 z-index issue, jQuery moves #nav after #content */
#header fieldset {position:absolute;top:50px;right:18px;}
#header fieldset label {display:block;position:relative;float:left;}
#header fieldset label span {position:absolute;color:#ccc;top:5px; left:4px;font-size:1.2em}
#header fieldset input.text {border:1px solid #ececec;font-size:1.2em;padding:2px 3px 3px;margin:0 8px 0 0;color:#666;}
#header fieldset input.btn {margin:3px 0 0;}
#logo {top:41px;left:24px;position:absolute;display:block;width:401px;height:38px;}
#subnav {position:absolute;top:21px;right:16px;}
#subnav li {margin:0 0 0 12px;float:left;}
li.facebookLink a, li.twitterLink a {display: block;height: 17px;width: 16px; overflow: hidden; text-indent: -9999px;margin-top: -3px;background: url(/Common/Images/socialIcons.png);background-repeat: no-repeat;}
li.facebookLink a {background-position: -16px 0 ;}


/*------/ reskin /-----*/
.banner-reskin {position:absolute;top:0;overflow:hidden;}
.banner-reskin a {display:block;position:absolute;top:0;}
#banner-left {right:952px;}
#banner-left a {right:0}
#banner-right {left:952px;}
#banner-right a {left:0;}



/*------/ navigation /-----*/
#nav {float:right;height:62px;background: url(/Common/Images/bg-nav.jpg) 0 0 repeat-x;}
	.ie6 #nav, .ie7 #nav  {float:none;position:absolute;right:0;top:105px;} /* fixes IE6/7 z-index issue, jQuery moves #nav after #content */
	
#nav li {float:left;height:62px;position:relative;}
#nav li.sep {background: url(/Common/Images/sep-nav.gif) 0 0 no-repeat;width:1px;}
#nav li a {font-size:11px;display:block;padding:0 15px;margin:11px 0;line-height:40px;}
#nav li ul {position:absolute;top:-9999em;left:-9999em;width:188px;z-index:1001;}
	.ie6 #nav li ul, .ie7 #nav li ul {background:url(/Common/Images/bg-nav-subnav-ie-fix.png) top center no-repeat;}
#nav li ul li {height:auto !important;width:170px;padding: 0 9px;background:url(/Common/Images/bg-nav-subnav.png) center bottom no-repeat;float:none;position:relative;}
#nav li ul li.first a {border-top:1px solid #ccc;}
#nav li ul li.last {background: url(/Common/Images/bg-nav-subnav-bottom.png) bottom left no-repeat;padding:0 0 22px 9px;width:179px}
#nav li ul li.over {background: url(/Common/Images/bg-nav-subnav-hover.png) bottom center no-repeat;}
#nav li ul.over li.over {background: url(/Common/Images/bg-nav-subnav-bottom-over.png) bottom center no-repeat;}

#nav li.over ul li a,
#nav li.nav-1-over ul li a,
#nav li.nav-8-over ul li a {margin:0;background:none;line-height:12px;float:none;padding:7px 34px 7px 18px;width:118px}

#nav li ul li a:hover,
#nav li ul li.over a {background:url(/Common/Images/bullet-nav.gif) right center no-repeat;}

#nav li.over ul {top:51px;left:-8px;}
#nav li.over ul li a {margin: 0;}
#nav li.over ul li ul {left:172px;top:-9999em;background:none;}
#nav li.over ul li.over ul {top:0;}
#nav li.over ul li.over ul a {background:none;}
#nav li.over ul li.over ul a:hover {background:url(/Common/Images/bullet-nav.gif) right center no-repeat;}

#nav .nav-1 {background: url(/Common/Images/bg-nav-left.jpg) top left no-repeat;}
#nav .nav-8 {background: url(/Common/Images/bg-nav-right.jpg) top right no-repeat;}
#nav .nav-1 a.toplevel {padding-left:28px;}
#nav .nav-8 a.toplevel {padding-right:28px;}
#nav li.nav-1-over a.toplevel, #nav li.nav-1 a.toplevel:hover {background: url(/Common/Images/bg-nav-hover-caps.jpg) top left no-repeat;}
#nav li.nav-8-over a.toplevel, #nav li.nav-8 a.toplevel:hover, .about #nav li.nav-8 a.toplevel {background: url(/Common/Images/bg-nav-hover-caps.jpg) bottom right no-repeat;}
#nav li.nav-8-over ul {right:10px;left:auto;top:51px;}

/*---/ active/hover navigation states /---*/
.channels .nav-2 a,
.news .nav-3 a,
.advertising .nav-5 a,
.resource .nav-7 a,
#nav li a:hover,
#nav li.over a {background: url(/Common/Images/bg-nav-hover.jpg) 0 0 repeat-x;text-decoration:none;color:#25a1db;}


/*------/ trade promotion /-----*/
.nav-4,
li.trade {display:none;}
.trade-promo .nav-4,
.trade-promo li.trade {display:list-item;}


/*------/ content /-----*/
#content {clear:both;margin:0 12px;padding:3px 0 0;}


/*------/ footer /-----*/
#footer {background: url(/Common/Images/bg-footer.jpg) 0 0 repeat-x;border-top:1px solid #267fac;clear:both;height:40px;margin:25px 0 0;}
#footer .internal {width:928px;margin:0 auto;position:relative;}
#footer .strap {font-size:1.2em;font-family:Arial, Helvetica, sans-serif;color:#fff;line-height:40px;float:left;margin:0;}
#footer .strap strong {font-weight:bold;}
#footer ul {float:right;margin:15px 86px 0 0;}
	.ie6 #footer ul {margin:15px 43px 0 0;}
#footer ul li {float:left;}
#footer ul li.first {border-right:1.5px solid #fff;padding:0 12px 0 0;margin:0 12px 0 0;}
#footer ul li a {color:#fff;font-size:1em;}
#footer #orchard {position:absolute;right:0;top:8px;display:block;width:61px;height:18px;text-indent:-9999em;background: url(/Common/Images/logo-orchard.gif) 0 0 no-repeat;}

/*------/ Iframe subscribe page /-------*/
.iframe-content label, .iframe-content span.multiple span{ font-size: 1.2em; color: #666;}
.iframe-content label.left{ float: left; width: 200px;}
.iframe-content span.label,span.spacer,span.multiple span {width:250px;float:left; margin-top: 4px;} 
.iframe-content span.multiple {float:left;} 
.ie7 span.checkbox label{ position: relative; bottom: 10px;}
.iframe-content span.button {margin-left:250px;}
.iframe-content span.right{ float: right;}
.iframe-content div{ margin-bottom: 15px;}
.iframe-content div.clear {clear:both;padding-top:5px; overflow: hidden;} 
.iframe-content span.button{ display: block;  background: url(/Common/Images/btn-submit_off.gif) no-repeat;}
.iframe-content span.button:hover{ background: url(/Common/Images/btn-submit_on.gif) no-repeat;}
.iframe-content span.button input{ background: transparent; border: 0px; display: block; text-indent: -99999px; width: 89px; height: 30px; }
.iframe-content input.checkbox{ margin-bottom: 10px;}
.iframe-content input.text{ width: 200px;}
.iframe-content input[type="checkbox"]{ margin-bottom: 10px;}
.iframe-content label.error{ margin-left: 5px;color: #FF0000;}
.iframe-content option{ margin-right: 15px;}
.iframe-form {cursor:pointer; }
/*------/ flash /-----*/
#flash-wrap {position:relative;margin:0 0 15px;}
#flash-wrap .cnr {position:absolute;width:8px;height:8px;background-color:#ff0000;}
#flash-wrap .tl {background: url(/Common/Images/flash-cnr-tl.png) 0 0 no-repeat;top:0;left:0;}
#flash-wrap .tr {background: url(/Common/Images/flash-cnr-tr.png) 0 0 no-repeat;top:0;right:0;}
#flash-wrap .br {background: url(/Common/Images/flash-cnr-br.png) 0 0 no-repeat;bottom:0;right:0;}
#flash-wrap .bl {background: url(/Common/Images/flash-cnr-bl.png) 0 0 no-repeat;bottom:0;left:0;}
	.ie6 #flash-wrap .bl, .ie6 #flash-wrap .br {top:306px;}
#flash {width:928px;margin:0 auto;height:522px;background: url(/Common/Images/flash-frame.png) 0 0 no-repeat;}
#flash .wrap {padding:30px 0 10px 120px;background: url(/Common/Images/icon-flash.jpg) 20px 20px no-repeat;border:1px dotted #eee;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}
#flash .wrap h2 {font-size:1,3em;color:#25a1db;margin:0 0 10px;}
#flash .wrap p {font-size:1.1em;line-height:1.4em;width:270px;}
.home #flash .wrap {border:none;}


/*------/ carousel /-----*/
div#carousel {background: url(/Common/Images/bg-carousel.jpg) 0 0 no-repeat;height:188px;padding:0 0 20px;position:relative;overflow:hidden;margin:0 0 20px;border-bottom:10px solid #f8f8f8}
div#carousel .jcarousel-container {padding:0 36px 0 37px;width:855px;height:188px;}
div#carousel .jcarousel-clip {height:188px;width:855px;overflow:hidden;height:188px;}
#content #carousel ul {height:188px;}
#content #carousel li {float:left;margin:14px 5px 0 0;position:relative;width:210px;height:160px;}
#content #carousel li .image, #carousel li .frame, #carousel li .frame-hover {position:absolute;top:0;left:0;}
#content #carousel li .image {z-index:10;top:5px;left:5px;}
#content #carousel li .frame {z-index:20;background:url(/Common/Images/carousel-frame.gif) top left no-repeat;width:210px;height:160px;}
#content #carousel li .frame-hover {z-index:30;display:none;background: url(/Common/Images/carousel-frame.gif) top right no-repeat;width:210px;height:160px;}
#content #carousel li a.play {background: url(/Common/Images/btn-carousel-play.png) center bottom no-repeat;width:200px;height:104px;position:absolute;top:5px;left:5px;right:5px;display:none;text-indent:-9999em;z-index:40}
#content #carousel li .copy {position:absolute;top:109px;left:5px;width:190px;height:28px;padding:12px 0 0 10px;z-index:50;}
#content #carousel li .copy p {font-size:1em;color:#0099ff;padding:0 65px 0 0;margin:0;line-height:1.1em;}
#content #carousel li .copy img {position:absolute;right:5px;top:5px;}
#content #carousel .btn {width:29px;position:absolute;height:151px;top:17px;text-indent:-9999em;cursor:pointer;}
#content #carousel .prev {left:0;background: url(/Common/Images/arrow-prev.jpg) 0 0 no-repeat}
#content #carousel .next {right:0;background: url(/Common/Images/arrow-next.jpg) 0 0 no-repeat}
#content #carousel a.btn:hover {background-position:bottom left;}

#content #carousel li.active .frame-hover,
#content #carousel li.active a.play {display:block;}

.internal #content #carousel {height:129px;}
.internal #content #carousel li {width:179px;height:129px;margin:0 11px 0 0;list-style:none;}
.internal #content #carousel li .image {top:0;left:0;}
.internal #content #carousel li .frame {background-position:0 -190px;width:179px;height:129px;}
.internal #content #carousel li .frame-hover {background-position:-179px -190px;  width:179px;height:129px;}
.internal #content #carousel li a.play {background: url(/Common/Images/x.gif) 0 0 repeat;width:179px;height:88px;top:0;right:0;left:0;}
.internal #content #carousel li .copy {top:87px;left:5px;padding:2px 0 0 4px;font-size:.8em}
.internal #content #carousel li p {color:#333}
.internal #content #carousel li p.playing {display:none;font-weight:bold;color:#25a1db;} 
.internal #content #carousel li.active p.playing {display:block;}
.internal #content #carousel li.last {margin:0;}

/*---------/ Big item list layout /--------*/
.big-item-block{ clear: both;}
.big-item-block li{ display: block; float: left; height: 222px; width: 276px; position: relative;  }
    .internal #content ul.big-item-block li{ list-style: none; margin: 0px 27px 18px 0;}
     .internal #content ul.big-item-block li.row-end{ margin-right: 0px;}
.big-item-block li img.image{ position: absolute; left: 0px; top: 1px; z-index: 10; }
.big-item-block li a.play {/*background: url("/Common/Images/btn-simple-play.png") no-repeat scroll center center transparent;*/ display: none; height: 210px; position: absolute; text-indent: -9999em; top: 5px; width: 277px; z-index: 60;}
.big-item-block li div.frame{ background: url("/Common/Images/bestwork-frame.gif") no-repeat right top; height: 218px; width: 277px; z-index: 20; left: 0; position: absolute; top: 0;}
.big-item-block li div.frame-hover{ background: url("/Common/Images/bestwork-frame.gif") no-repeat left top; display: none; height: 222px; width: 281px; z-index: 30; left: -2px; position: absolute; top: -3px;}
.big-item-block li div.copy{ height: 28px; left: 0px; padding: 12px 0 0 10px; position: absolute; top: 165px; width: 262px; z-index: 50;}
.big-item-block li div.copy p{ color: #0099FF; cursor: pointer; font-size: 1em; line-height: 1.1em; margin: 0; padding: 0 65px 0 0;}
.big-item-block li div.copy img{ position: absolute; right: 9px; top: 6px;} 

/*------/ breadcrumb trail /-----*/
.internal #content #breadcrumb {background: #f5f5f5 url(/Common/Images/bg-breadcrumb.gif) top left no-repeat;height:40px;margin:0 0 25px;}
.internal #content #breadcrumb li {float:left;line-height:40px;margin:0 0 0 14px;font-size:1.2em;list-style:none;}
.internal #content #breadcrumb li a {display:block;float:left;line-height:40px;height:40px;background: url(/Common/Images/bullet-breadcrumb.gif) top right no-repeat;padding:0 20px 0 0;}
.internal #content #breadcrumb li.cap {float:right;background: url(/Common/Images/bg-breadcrumb.gif) bottom left no-repeat;width:10px;margin:0;}


/*------/ internal pages /-----*/
.panel {background: url(/Common/Images/bg-panel-bottom.gif) bottom center no-repeat;padding:10px 20px 20px;margin:0 0 15px;}
.panel-top {background: url(/Common/Images/bg-panel-top.gif) top center no-repeat;height:10px;}

.internal #flash-wrap {margin:0 0 25px;width:560px;}
.internal #flash {width:560px;height:314px;background:none;margin:0}
.internal #flash .wrap {height:284px;}

.internal #copy {width:560px;padding:0 14px 0 0;background: url(/Common/Images/bg-content.gif) top right repeat-y;float:left;position:relative;}
	.nosidebar #copy {width:100%;background:none;padding:0;}
.internal #copy .last {margin-bottom:0;}
.internal #copy img {margin:0 0 15px;}

.internal #content strong {font-weight:bold;}
.internal #content ul.bullet, .internal .section ul, .internal #copy, .internal .slide ul {margin:0 0 16px;}
.internal #content ul.bullet li, .internal .section ul li, .internal #copy li, .internal .slide ul li {color:#666;font-size:1.2em;line-height:1.3em;margin:0 0 6px;list-style:inside disc}

.internal .error {font-size:1.2em;line-height:1.3em;}
.internal .error ul, .internal #form .error ul {margin: 10px 0 20px;}
.internal .error ul li, .internal #form .error ul li {color:#666;margin:0 0 6px;list-style:inside disc}
.internal #copy .error ul li {font-size:1.1em;}

.internal ul.gallery {}
.internal ul.gallery li {width:92px;height:92px;line-height:92px;float:left;margin:0 12px 12px 0;position:relative;}
.internal ul.gallery li.last {margin:0 0 12px;}
.internal ul.gallery li a {display:block;width:92px;height:92px;text-align:center;}
.internal ul.gallery li .frame {background: url(/Common/Images/bg-link-channel-gallery.gif) 0 0 no-repeat;z-index:10;width:92px;height:92px;position:absolute;top:0;left:0;}
.internal ul.gallery li .frame:hover {background-position:top right}

.internal #details {}
.internal .panel .section {background: url(/Common/Images/bg-source.gif) bottom left repeat-x;margin:0 0 20px;padding:0 0 18px;clear:both;float:left;width:888px;}
.internal .panel .section p {padding:0 353px 0 0}
.internal .panel .section p.source {width:535px;margin:0;font-style:italic;color:#ccc;}
.internal .panel .section ul.bullet {margin-right:25px}

.internal .panel .section .copy {float:left;width:565px;}
.internal .panel .section .copy p {padding:0 53px 0 0;}
.internal .panel .section .sidebar {float:right;width:300px;}
.internal .panel .section .screen {margin:0 0 10px;}

.internal .panel .section .program {clear:both;padding:0 0 20px;float:left;width:888px}


.internal #sidebar {width:300px;float:right;}
.internal #sidebar ul {margin:0 0 20px;}
.internal #content .links li {line-height:40px;height:40px;background: url(/Common/Images/bg-link-sidebar.gif) 0 0 no-repeat;margin:0 0 10px;font-size:1.4em;list-style:none;}
.internal #content .links li:hover, .internal #content .links li.over {background-position: 0 -40px;}
.internal #content .links li.active {color:#25a1db;background-position: 0 -40px;}
.internal #content .links li a {display:block;background-image:url(/Common/Images/bullet-sidebar.gif);background-repeat:no-repeat;padding:0 0 0 15px;width:285px;height:40px;}
.internal #content .links li a:hover {color:#25a1db;}
.internal #content .links li a.disabled {color:#333;}
.internal #content .links li.nobg {background:none;font-size:1.4em;line-height:20px;height:20px;}
.internal #content .links li.samepage a {background-position: 0 0;padding:0 0 0 34px;width:266px}
.internal #content .links li.internal a {background-position: 0 -200px;padding:0 30px 0 14px;width:256px}
.internal #content .links li.external a {background-position: 279px -40px;}
.internal #content .links li.expand a {background-position: 276px -80px;}
.internal #content .links li.site a {background-position:0 -120px;padding:0 0 0 37px;width:263px}
.internal #content .links li.pdf a {background-position:0 -160px;padding:0 0 0 37px;width:263px}
.internal #content .links li.external-cs {margin:0 0 1px;}
.internal #content .links li.external-cs, .internal #content #sidebar h3.title {background: url(/Common/Images/bg-link-sidebar-cs-external.gif) 0 0 no-repeat;}
.internal #content .links li.external-cs a {background:url(/Common/Images/bullet-sidebar-cs-external.gif) 280px center no-repeat;color:#fff;}
.internal #content .links li.external-cs:hover, .internal #content .links li.over {background-position:0 -40px;color:#fff;}
.internal #content .links li.external-cs a:hover,
.internal #content .links li.over a {color:#fff;}
.internal #sidebar h3.title {line-height:40px;height:40px;margin:0 0 10px;font-size:1.4em;color:#fff;padding:0 0 0 15px;font-weight:normal;}

.internal #content .links li.casestudy {background:none;height:161px;}
.internal #content .links li.casestudy a,
.internal #content .links li.casestudy a.over {display:block;width:300px;height:161px;position:relative;padding:0;background:none;}
.internal #content .links li.casestudy a:hover span,
.internal #content .links li.casestudy a.over span {display:block;}
.internal #content .links li.casestudy span {display:none;width:300px;height:161px;position:absolute;top:0;right:0;left:0;bottom:0;background: url(/Common/Images/frame-casestudy.gif) 0 0 no-repeat;z-index:10}

.internal #content .icon, .internal #content li a.icon {display:block;margin:0 0 15px;/*font-size:1.1em;*/clear:both;color:#25a1db;background-image: url(/Common/Images/sprite-icons.jpg); background-repeat:no-repeat;}
.internal #content .zoom {line-height:20px;height:20px;padding:0 0 0 25px;margin:0 0 15px;}
.internal #content .links li a.print {line-height:20px;height:20px;padding:0 0 0 25px;margin:0 0 15px;background-position:0 -222px;}

.internal #sidebar h4 {font-weight:bold;font-size:1.2em;font-family:Verdana, Geneva, sans-serif;color:#666;margin:0;}

.internal #sidebar blockquote {margin:25px 0;background: url(/Common/Images/bg-quote.gif) top left no-repeat;}
.internal #sidebar blockquote p {font-size:2em;color:#25a1db;background: url(/Common/Images/bg-quote.gif) bottom right no-repeat;padding:20px 30px;text-align:center;}

.internal .logo {margin:0 0 10px;position:relative;overflow:hidden;text-align:center;}
.internal .logo a {display:block;}
.internal .logo span {display:block;position:absolute;right:0;left:0;width:300px;}
.internal #sidebar .logo img {padding:10px 0;}
.internal .logo .top {background: url(/Common/Images/bg-channel-logo.gif) top center no-repeat;height:232px;z-index:10;top:0;}
.internal .logo .bottom {background: url(/Common/Images/bg-channel-logo-bottom.gif) bottom center no-repeat;bottom:0;height:7px;z-index:11;}

.internal #content .toolbox {position:absolute;right:0;top:65px; z-index: 1;}
.internal #content .toolbox li {width:300px;float:left;}
.internal #content .toolbox li.nobg {line-height:40px;height:40px;width:90px;}
.internal #content .toolbox li.nobg .print {margin:10px 0 0;width:50px;}

.dotted {background:url(/Common/Images/bg-dotted.gif) bottom left repeat-x;padding:0 0 15px;margin:0 0 15px;}
.divide {width:100%;height:1px;clear:both;}

/*------/ universal table style /-----*/
table {width:100%;}
table th,
table tbody td {padding:5px 8px;vertical-align:top;}
table tbody th {width:230px;color:#25a1db;font-size:1.2em;border-right:1px dotted #ccc;}
table thead th {font-weight:bold;font-size:1.2em;color:#666;padding:0 8px;height:33px;vertical-align:middle;}
table tr {border-bottom:1px dotted #ccc;}
table tr.alt {background:#f5f5f5;}
table tbody td {font-size:1.2em;line-height:1.3em;color:#666;padding:5px 8px 5px 50px;}
table tbody td li {margin:0 0 8px;}
table .align {text-align:center;}
table .sunday-deadline, table .midweek-deadline {width:250px;}
table .std-ads {width:120px;}
table .dimensions {width:175px}
table .format {width:250px;}


table.specifications thead th {background: url(/Common/Images/bg-th.gif) 0 repeat-x;font-size:1.1em;border-right:1px dotted #ccc;}
table.specifications thead th.first {border-left:1px dotted #ccc;}
table.specifications tbody th {border-left:1px dotted #ccc;width:120px;font-size:1.1em;line-height:1.4em;}
table.specifications tbody td {border-right:1px dotted #ccc;padding:15px 18px;font-size:1.1em;line-height:1.4em;}

.internal .slide {position:relative;}

/*------/ channels & websites /-----*/
.channels fieldset {padding:0 0 30px;/* IE6 */}
.channels fieldset select {float:left;min-width:200px;width:auto !important;width:200px;}
.channels fieldset p {margin:0 15px;float:left;line-height:26px;}


/*------/ advertising solutions /-----*/
.ia #internal h2 {clear:both;}
.ia #copy {margin-bottom: 30px;}
.ia .panel .section {padding-bottom:0;width:100%;background:none;margin:0;}
.ia .panel .section .copy p {padding:0;}
.ia .panel .section .sidebar {float:right;width:210px;}
.ia .panel .section .logo {position:relative;}
.ia .panel .section .logo img {padding:0;margin-bottom:0px!important;}
.ia .panel .section .logo div {background: url(/Common/Images/frame-advertising-solutions.png) 0 0 no-repeat;width:210px;position:absolute;z-index:10}
.ia .panel .section .logo .top {top:0;left:0;height:6px;}
.ia .panel .section .logo .bottom {bottom:0;left:0;height:6px;background-position:bottom right;}


/*--------/ resource bank /-------*/

/*------/ online specifications /-----*/
.onlinespec #content h2 {font-size:2.8em;margin:0 0 35px;}
.onlinespec #content .toolbox {top:0;}
.js .onlinespec #flashspec, .js .onlinespec #richmedia, .js .onlinespec #ebtv, .js .onlinespec #habbo {display:none;}

/*------/ Interactive/connect specifications /-----*/
.interactivespec #content h2 {font-size:2.8em;margin:0 0 35px;}
.interactivespec #content .toolbox {top:0;}
.js .interactivespec #microsite, .js .interactivespec #minidal, .js .interactivespec #interactivegame, .js .interactivespec #dedicatedadvertiser, .js .interactivespec #greenbutton, .js .interactivespec #mobilefoxtel , .js .interactivespec #ondemand {display:none;}


/*------/ material requirements /-----*/
.material #content h2 {font-size:2.8em;margin:0 0 25px;}
.material #content .wrap {position:relative;}
.material #content .wrap .toolbox {top:0;}
.material table {margin:0 0 35px;}
.material table tbody th {width:305px;}
.material table tbody td {padding:8px}


/*------/ careers /-----*/
.careers h3 {margin:0 0 2px;}
.careers p em {font-style:italic;}
.js #sydney, .js #melbourne, .js #brisbane, .js #perth {display:none;}


/*------/ send it /-----*/
.sendit .upload {width:424px;margin:0 0 20px 0;float:left;}
.sendit .message {width:424px;float:left;}
.sendit #content #copy ol li {list-style:none;}
.sendit .field {width:350px;margin:0 10px 10px 0;}
.sendit .field input {width:340px}
.sendit .files input {width:340px;margin:0 0 10px;}
.sendit .message textarea {height:195px;margin:0 0 15px;width:410px;}


/*------/ news /-----*/
.news #content .icon {line-height:28px;padding:0 0 0 32px;}
.news #content .entry .icon {height:auto !important;}
.news #content #legend {padding:0 0 18px;margin:0 0 16px;clear:both;}
.news #content #legend p {float:left;clear:none;line-height:28px;margin:0 18px 0 0;}
.news #content #legend .news-industry {margin:0 45px 0 0;}
.news #content #legend .rss {background-position:0 -110px;width:28px;display:block;text-indent:-9999em;float:right;clear:none;margin:0;padding:0;}

.news #content .news-industry, .news #content li.news-industry .icon {background-position:0 -250px;}
.news #content .news-mcn, .news #content li.news-mcn .icon {background-position:-70px -50px;}
.news #content hr {margin:0 0 10px;}

.news #content #articles li.news-industry, .news #content #articles li.news-mcn {background-position:bottom left;margin:0 0 15px;}

.news #content #articles {clear:both;}
.news #content #articles li {clear:both;list-style:none;width:100%;float:left;}
.news #content #articles .thumb {width:120px;float:left;margin:0 22px 0 0;position:relative;}
.news #content #articles .thumb div {width:120px;height:120px;position:absolute;top:0;right:0;left:0;background: url(/Common/Images/frame-news.gif) 0 0 no-repeat;}
.news #content #articles .entry {float:left;width:418px;}
.news #content #articles .title h2 {font-size:1.2em;margin:0 0 3px;line-height:1em}
.news #content #articles .title p {margin:0;color:#999;font-size:1.1em}
.news #content #articles .excerpt, .news #content #articles .more {margin:0;font-size:1.1em}

.news fieldset#article-search {background: url(/Common/Images/bg-panel-sidebar.gif) 0 0 no-repeat;width:270px;height:129px;padding:15px;margin:0 0 18px;}
.news fieldset#article-search h3 {margin:0 0 14px;}
.news fieldset#article-search p {margin:0 0 10px;}
.news fieldset#article-search .text {width:260px;margin:0 0 8px;border:1px solid #afafaf;font-size:1.2em;padding: 3px;background:#fcfcfc;}
.news fieldset#article-search .submit {float:right;}
.news #sidebar h3 {font-size:1.6em;color:#25a1db;font-weight:normal;}
.news #sidebar h3.title {margin:0 0 25px;}
.news #sidebar h4 {font-size:1.6em;margin:0 0 15px;}
.news #content .archives {padding:0 0 1px;margin:0 0 15px;}
	.ie6 .news #content .archives {padding:0 0 15px;}
.news #content .archives h5 {font-size:1.2em;margin:0;line-height:1.2em;}
.news #content .archives p {margin:0;font-size:1.2em;line-height:1em;}
.news #content #sidebar .more {line-height:19px;height:19px;padding:0 22px 0 0;text-align:right;background: url(/Common/Images/bullet-sidebar.gif) 292px -50px no-repeat;}

.detail #copy div.icon {padding-left:42px;padding-top:3px;margin:0 0 30px;}
.detail #copy div.icon h1 {margin:0;}
.detail #copy div.icon p {font-size:1.2em;margin:0}

.news #content .footer {background:url(/Common/Images/bg-dotted.gif) top left repeat-x;padding:15px 0 0;}
.news #content .footer .back {line-height:19px;height:19px;padding:0 0 0 22px;float:left;background: url(/Common/Images/bullet-sidebar.gif) -13px -10px no-repeat;margin:0;}
.news #content .footer .social {float:right;}
.news #content .footer .social li {float:left;clear:none;margin:0 0 0 12px;list-style:none;}
.news #content .footer .social li a {margin:0;padding:0;text-indent:-9999em;width:28px;height:28px;}
.news #content .footer .social li a.twitter {background-position:-28px -138px;}
.news #content .footer .social li a.twitter:hover {background-position:0 -138px;}
.news #content .footer .social li a.facebook {background-position:-28px -166px;}
.news #content .footer .social li a.facebook:hover {background-position:0 -166px;}
.news #content .footer .social li a.email {background-position:-28px -194px;}
.news #content .footer .social li a.email:hover {background-position:0 -194px;}
.news #content .footer .social li a.rss {background-position:-28px -110px;}
.news #content .footer .social li a.rss:hover {background-position:0 -110px;}

#content #internal .paging {float:right;}
#content #internal .paging li {float:left;margin:0 5px 0 0;list-style:none;}
#content #internal .paging li a {display:block;border:1px solid #ccc;padding:5px 7px;}
#content #internal .paging li a:hover, #content #internal .paging li a:focus {border-color:#555;}
#content #internal .paging li a.active {border-color:#555;background-color:#f8f8f8;color:#333;}


/*------/ newsletter /-----*/
.newsletter #copy fieldset legend {display:none;}
.newsletter #copy fieldset li {clear:both;margin:0 0 20px;height:30px;list-style:none;}
.newsletter #copy fieldset li p {line-height:30px;}
.newsletter #copy select {float:left;margin:0 20px 0 0;}
.newsletter #copy label.block {float:left;}
.newsletter #copy label.block span {top:7px;left:6px;}
.newsletter #copy input.text {width:200px;margin:0 20px 0 0;padding:5px 4px;}
.newsletter #copy input.email {width:280px;}
.newsletter #copy .actions .submit {float:right;margin:0 62px 0 0;}
.newsletter #copy .actions label {color:#666;font-size:1.2em;}
.unsubscribe #copy .actions .submit {margin:0;}



/*------/ management /-----*/
.internal #content #management li {float:left;width:257px;height:63px;background:url(/Common/Images/frame-management.gif) 0 0 no-repeat;margin:0 22px 20px 0;padding:13px 12px;position:relative;list-style:none;}
.internal #content #management li:hover, .internal #content #management li.over {background-position:bottom left;}
.internal #content #management li.last {margin-right:0;}
.internal #content #management li h2 {margin:0 0 1px;}
.internal #content #management li h3 {font-weight:normal;line-height:1.2em;margin:0;}
.internal #content #management li a.more {position:absolute;left:12px;bottom:13px;font-size:1.2em;}
	.js #content #management li a.more {display:none}
.internal #content #management .copy {float:left;width:170px;}
.internal #content #management img {border:1px solid #ccc;padding:2px;background-color:#fff;float:right;}


/*------/ channels /-----*/
.channels h3.applied {display:none;}
#channels {}
#channels dt {float:left;width:94px;height:94px;background-repeat:no-repeat;background-position:center center;margin:0 4px 7px 0;}
#channels dt a {display:block;width:82px;height:82px;padding:6px;background: url(/Common/Images/bg-link-channels.gif) 0 0 no-repeat;}
#channels dt a:hover {background-position:top right;}
#channels dt a img {-moz-opacity: 0.15; -webkit-opacity: 0.15; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=15)"; filter: alpha(opacity=15); opacity: 0.15;}
#channels dt a:hover img, #channels dt a.selected img {-moz-opacity: 1; -webkit-opacity: 1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1;}
#channels dd {display:none;}
#copy #channels dt.last {margin:0 0 7px;}
#copy #channels dt.lastrow {margin:0 4px 0 0}


/*------/ contact /-----*/
.contact #content .wrap {float:left;width:50%;}
.contact #content h2 {margin:0 0 8px;}
.contact #content p {margin:0 0 8px;}
.contact #content ul {margin:0 0 30px;}
.contact #content ul.bullet li {list-style:none none;}
.contact #content em {color:#25a1db}
.contact #content .links {margin:0 0 2px;}
.contact #content .links li {margin:0;}
.contact #content .row {clear:both;}
.contact .wrap-map, .contact .map {height:250px;overflow:hidden;width:100%;}
.contact .wrap-map {position:relative;margin:0 0 10px;}
.contact .frame {position:absolute;width:300px;height:8px;background: url(/Common/Images/frame-map.png) 0 0 no-repeat;}
.contact .ft {top:0;left:0;right:0;}
.contact .fb {bottom:0;left:0;right:0;background-position:bottom right;}
.contact #form h2 {font-size:2.8em;line-height:1.2em;margin:0 0 22px;}
.contact #form h2 span {font-size:0.45em;color:#666;}
.contact #form legend {display:none;}
.contact #form li {clear:left;margin:0 0 20px}
.contact #form li select, .contact #form li .block {float:left;margin:0 10px 0 0;}
.contact #form li textarea {width:540px;height:75px;}
.contact #form li input.firstname,
.contact #form li input.lastname {width:175px;}
.contact #form li input.email {width:312px;}
.contact #form li select {width:75px}
.contact #form li select.state {margin:0}
.contact #form li .wrap {width:315px;}
.contact #form li .wrap input.submit {float:right;}
.contact #form li .wrap label {display:block;color:#666;line-height:1.1em;font-size:1.1em;margin:0 0 15px;}
.contact #form li .wrap .chk {display:block;height:100px;float:left;margin:0 10px 0 0;}


/*------/ general terms of business /-----*/
#business-terms h2 {margin-top:10px;}
#business-terms p {margin:6px 0 0 15px;}
#business-terms .terms-indent {margin:6px 0 0 30px; display:block; clear:both;}
#business-terms div {color: #666666; font-size: 1.2em; line-height: 1.3em;}
#business-terms table {width: 350px !important;margin-top:5px;}
#business-terms td {padding:0 0 0 5px;vertical-align:middle;}





/*------/ classes /-----*/
.cboth {clear:both;}
.hide {display: none;}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {font: 12px Arial, Helvetica, sans-serif;color: #333333;}
#TB_secondLine {font: 10px Arial, Helvetica, sans-serif;color:#666666;}
#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {position: fixed;z-index:100;top: 0px;left: 0px;height:100%;width:100%;}
.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {background-color:#000;filter:alpha(opacity=75);-moz-opacity: 0.75;opacity: 0.75;}
* html #TB_overlay {/* ie6 hack */position: absolute;height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');}
#TB_window {position: fixed;background: #ffffff;z-index: 102;color:#000000;display:none;border: 4px solid #525252;text-align:left;top:50%;left:50%;}
* html #TB_window {/* ie6 hack */position: absolute;margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');}
#TB_window img#TB_Image {display:block;margin: 15px 0 0 15px;border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;border-top: 1px solid #666;border-left: 1px solid #666;}
#TB_caption{height:25px;padding:7px 30px 10px 25px;float:left;}
#TB_closeWindow{height:25px;padding:11px 25px 10px 0;float:right;}
#TB_closeAjaxWindow{padding:7px 10px 5px 0;margin-bottom:1px;text-align:right;float:right;}
#TB_ajaxWindowTitle{float:left;padding:7px 0 5px 10px;margin-bottom:1px;}
#TB_title{background-color:#e8e8e8;height:27px;}
#TB_ajaxContent{clear:both;padding:2px 15px 15px 15px;overflow:auto;text-align:left;line-height:1.4em;}
#TB_ajaxContent.TB_modal{padding:15px;}
#TB_ajaxContent p{padding:5px 0px 5px 0px;}
#TB_load{position: fixed;display:none;height:13px;width:208px;z-index:103;top: 50%;left: 50%;margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */}
* html #TB_load {/* ie6 hack */position: absolute;margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');}
#TB_HideSelect{z-index:99;position:fixed;top: 0;left: 0;background-color:#fff;border:none;filter:alpha(opacity=0);-moz-opacity: 0;opacity: 0;height:100%;width:100%;}
* html #TB_HideSelect {/* ie6 hack */position: absolute;height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');}
#TB_iframeContent{clear:both;border:none;margin-bottom:-1px;margin-top:1px;_margin-bottom:1px;}

