body { font: 12px/18px Arial, sans-serif; color: #5c5c5c; background: #B2BABC; margin:0px; padding: 0px; width: 100%;} table { border-collapse: collapse; padding: 0px; margin: 0px; } img { border: none; } #bodybackground { background-color: #B2BABC;position: relative; z-index: 20; } #top_background { background: /*#DADADA*/#B2BABC url(/images/background_top.jpg) repeat-x left top; min-height: 408px;} /* basic styles */ .clearfix:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; } form { margin: 0px; padding: 0px; } a { cursor: pointer; color: #207dc2; text-decoration: none;} a:hover { text-decoration: underline; } p { margin: 0px 0px 15px 0px; } td,th { vertical-align: top; text-align: left; font-size: 14px;} hr { height: 1px; color: #d4d4d5; background-color: #d4d4d5; border: 0; } ul { margin-left: 0px; padding-left: 0px; } ul li { margin-left: 15px; padding-left: 0px; margin-bottom: 2px; } ol { margin-left: 0px; padding-left: 0px; } ol li { margin-left: 18px; padding-left: 0px; margin-bottom: 20px; } div.topnav { position: relative; float: left; height: 44px;padding:0px;} a.topnav { display: block; float: left; clear: none;margin: 5px 0px 0px 25px; color: white; border-right: 1px solid #5b5b5b;padding-right: 25px;text-transform: uppercase; font-weight: bold;font-size: 13px;} a.last { border-right: none; } #specChart { border: 1px solid #cccccc; width: 100%; } #specChart tr.odd { background: #CCCCCC; } #specChart th { font-weight: bold; padding-left: 4px;} #specChart tr td { padding: 2px 4px 2px 4px; } #specChart.msds { width: 710px; table-layout: fixed; } #specChart.msds td { /*border-bottom: 1px solid #cccccc;*/ } #overall #content #tophalf #specChart.msds td p { margin: 0; padding: 0; } div.topnav:hover, div.topnav.currentpage { background: #cccccc url('/images/background_l2_nav.jpg') repeat-x; } div.topnav:hover a.topnav, div.topnav.currentpage a.topnav { border-right-color: transparent; color: #172a4b; text-decoration: underline;} div.topnav:hover, div.currentpage:hover, div.topnav:hover a.topnav {} a.topnav { text-decoration: none;} #header { height: 131px;background: transparent url(/images/header_globe.jpg) no-repeat; } #header #logo { margin: 23px 0px 0px 56px;} .searchbox { } #tophalf p { font-size: 14px; } #tophalf .searchbox { width: 100%; } .searchbox fieldset { margin:0px; padding:0px 0px 0px 80px; border: 0px;} #tophalf .searchbox fieldset { margin:0px; padding:0px 0px 0px 0px; border: 0px; } .searchbox .searchquery { height: 34px;background: url(/images/search.jpg) center left no-repeat; padding-left: 15px;width: 170px;padding-top: 5px;border: 0px; line-height: 34px;} .searchbox .searchquery2 { height: 42px;background: url(/images/search2.jpg) center left no-repeat; padding-left: 15px;width: 167px;padding-top: 5px;border: 0px; line-height: 34px;} .searchbox .searchsubmit { vertical-align: bottom;padding-bottom:3px; } #narrow_col0 { padding: 0px 50px 0px 50px; width: 573px; float: left; clear: none;} #narrow_col0 form.searchbox input.text { padding-right: 0; } #narrow_col0 form.searchbox .searchsubmit { vertical-align: baseline; padding-top: 5px; } #narrow_col0 #result_header { margin: 0 0 30px 0; padding: 15px 0 0 0; color: #13355C; border-top: 1px solid #cccccc; } #narrow_col0 #result_header p { margin: 0; } #narrow_col0 div.title em { font-style: normal; font-weight: bold; } #narrow_col0 div.description ul { list-style: none; margin: 5px; padding: 0; } #narrow_col0 div.description li { margin: 0; padding: 0; } #narrow_col0 span.mak_1 { color: white; background-color: #207DC2; padding-left: 2px; padding-right: 2px; } #narrow_col0 div.url { margin: 5px 0 30px 0; } #narrow_col0 div#other_pages { padding: 30px 0 30px 0; color: #13355C; } #narrow_col0 div#other_pages strong, #narrow_col0 div#other_pages a { margin: 0 5px 0 5px; } #narrow_col0 h2 { padding-right: 150px; color: #123257;font-size: 20px; line-height: 25px;font-weight: normal; } #narrow_col0 h3 { color: #a52821; font: 14px/18px Arial, sans-serif; font-weight: bold; text-transform: uppercase;} #header #siteNav { float: right; clear: both;padding-right: 45px; } #header #siteNav ul { list-style: none; color: white; line-height: 11px; margin: 20px 0 0 0; text-shadow: 1px 1px 1px black;} #header #siteNav ul li { float: left; clear: none; border-right: 1px solid white; padding-right: 10px; } #header #siteNav ul li.last { border: none; } #header #siteNav ul li a { color: white; } #header #siteNav ul li a:hover { text-decoration: underline; } #header div.topnav:hover div.mega { visibility: visible; } /* not display: none; because the layout breaks when display: block; is used to make it visible */ #header #navigation { float: left; clear: both;margin: 22px 0px 0px 40px; width: 1003px} #header div.mega { visibility: hidden; position: absolute; top: 44px; left: 0; padding: 0px; background: url(/images/background-topnav-dropdown.gif) repeat-x top left; } #header div.mega-column { float: left; background: url(/images/background_mega.jpg) right top no-repeat; width: 192px;height: 302px; } #header div.mega-column-minor { float: left; background: url(/images/background_mega_minor.jpg) right top no-repeat; width: 192px;height: 302px; } /*#header div.mega-column:last-child,*/ #header div.mega-column-minor.last-child, #header div.mega-column.last-child { padding-right: 0px} #header span.mega { display: block; margin: 0px; color: white; font-size: 11px; text-transform: uppercase; padding: 10px 0px 0px 20px;} #header span.mega a { color: white;} #header div.mega-column-minor span.mega { padding: 0px 0px 0px 20px;} #header ul.mega { list-style: none; } #header ul.mega li { color: #aaaaaa; padding: 8px 20px 0px 0px; line-height: 13px;} #header ul.mega li a { color: #0d2744; text-decoration: none; } #header ul.mega li a:hover { text-decoration: underline; } #header #topnav_tech a.topnav { background:url(/images/wells_tech_icon.png) no-repeat!important; padding: 8px 20px 5px 39px; } #header #topnav_tech div.mega { z-index: 3000; width: 771px; /*margin-left: 40px;*/ } #header #topnav_products a.topnav { padding-top: 8px; } #header #topnav_products div.mega { z-index: 3000; width: 385px; } #header #topnav_catalog a.topnav { padding-top: 8px; } #header #topnav_catalog div.mega { z-index: 3000;} #header #topnav_company a.topnav { padding-top: 8px; } #header #topnav_company div.mega { z-index: 3000; width: 384px; } #header #topnav_video a.topnav { padding-top: 8px; } #header #topnav_video div.mega { z-index: 3000; width: 175px; } #overall { width: 1043px; margin: 0px auto 0px auto; z-index: 200;} #overall #content { width: 1043px; background: white url(/images/background_h1.jpg) repeat-x; float: left; clear: both;border: 4px solid #CACACA; z-index: 40;} #overall #content #tophalf { float: left; clear: both; width: 100%; background: white;} #overall #content #tophalf h1 { background: #BEBEBE url(/images/background_l2_h1.jpg) no-repeat top right;margin: 0px;width: 993px;padding: 0px 0px 0px 50px; line-height: 88px;color: #13355c; font-weight: normal;} #overall #content #tophalf .col0 { width: 266px; float: left; clear: both;padding: 0px 20px 0px 50px; font-size: 18px;line-height: 22px;} #overall #content #tophalf .col0 h1 { background: none; font-size: 35px;line-height: 30px; color: #13355c; margin: 60px 0 15px 0; width: 256px; padding:0px;} #overall #content #tophalf .col0 img { margin-top: 15px;} #overall #content #tophalf .col1 { width: 707px; float: left; clear: none;} #overall #content #tophalf .col1 #slideshow { float: left; list-style: none;padding: 0px; margin: 0px; } #overall #content #tophalf .col1 #slideshow_nav { margin: 0px; list-style: none; position: relative; top: -2px;} #overall #content #tophalf .col1 img { float: left; clear: none;} #overall #content #tophalf .L2colA { width: 691px;float: left; clear: none; margin:20px 40px 30px 0px;padding: 0px 0px 0px 50px;font-size: 14px;color: black; } #overall #content #tophalf .L2col0 { width: 525px;float: left; clear: none; margin:20px 0px 0 0px;padding: 0px 0px 30px 50px;font-size: 14px;color: black; } #overall #content #tophalf .wide { width: 731px;} #overall #content #tophalf .L2col0 h2{ padding-right: 50px; color: #123257;font-size: 20px; line-height: 25px;font-weight: normal; } #overall #content #tophalf .L2col0 p { padding-right: 50px; } #overall #content #tophalf .L2col0 ul { font-size: 14px; } /*#overall #content #tophalf .L2col0 ul li { float: left; clear: none;margin: 0px 20px 10px 0px; padding: 0px; list-style: none; } #overall #content #tophalf .L2col0 ul.traditional { margin: 0px 0px 10px 15px; } #overall #content #tophalf .L2col0 ul.traditional li { float: none; list-style: disc; padding: 0px 0px 0px 5px; margin: 0px;}*/ #overall #content #tophalf .L2col0 ul { margin: 0px 0px 10px 15px; } #overall #content #tophalf .L2col0 ul li { float: none; padding: 0px 0px 0px 5px; margin: 0px;} #overall #content #tophalf .L2col0 ul.video li { float: left; clear: none;margin: 0px 20px 10px 0px; padding: 0px; list-style: none; } /*#overall #content #tophalf .L2col0 ul*/ span.videonote { font-size: 11px; } #overall #content #tophalf .L2col1 { float: left; clear: none; width: 186px;padding: 50px 20px 30px 0px; margin:0px; } #overall #content #tophalf .L2col1 h2{ margin-top: 110px; font-size: 14px;color: #13355c;font-weight: normal;line-height: 35px; } #overall #content #tophalf .L2col1 div.icon { float:left; clear: left;padding:10px 0 10px 0; /*width: 90%*/ width: 100%; border-bottom: 1px solid #d4d4d5;} #overall #content #tophalf .L2col1 div.icon img { float: left; clear: none; padding: 0px 5px 0px 0px; } #overall #content #tophalf .L2col2 { width: 222px; background: transparent url(/images/background_l2_subnav.jpg) repeat-x top left; float: left; clear: none;margin-top: 5px; padding: 10px 30px 40px 10px; min-height: 529px;} #overall #content #tophalf .L2col2 h4{ padding: 0px 0px 10px 0px; margin: 0px; color: #b0261E; font-weight: bold; font: 20px/18px Arial, sans-serif; /*text-transform: uppercase;*/} #overall #content #tophalf .L2col2 h4 a { color: #b0261E; } #overall #content #tophalf .L2col2 ul{ list-style: none; border-bottom: 1px solid #cccccc;} #overall #content #tophalf .L2col2 ul ul{ list-style: none; border-bottom: none;} #overall #content #tophalf .L2col2 ul ul ul { /*list-style: square;*/ list-style: none; margin-top: 3px;} #overall #content #tophalf .L2col2 li { border-top: 1px solid #cccccc; padding: 3px 0px 3px 0px; margin: 0px;} #overall #content #tophalf .L2col2 li, #overall #content #tophalf .L2col2 li a { color: #105896; font: 16px/18px Arial, sans-serif;} #overall #content #tophalf .L2col2 li a { display: block; padding: 7px 0 7px 5px; } #overall #content #tophalf .L2col2 li a:hover, #overall #content #tophalf .L2col2 li a.currentpage, #overall #content #tophalf .L2col2 li.currentpage a.currentpage { background-color: white; text-decoration: none; } #overall #content #tophalf .L2col2 li li { border-top: none; padding: 5px 0px 5px 0; color: #4F4F4F; background-color: transparent;} #overall #content #tophalf .L2col2 li li a { display: block; padding: 0 0 0 10px; color: #4F4F4F; background-color: transparent;} #overall #content #tophalf .L2col2 li li a:hover { color: #B0261E; background-color: transparent;} #overall #content #tophalf .L2col2 li.currentpage li a.currentpage { color: #B0261E; background-color: transparent; } #overall #content #tophalf .L2col2 li li li { padding-left: 10px; /*list-style-position: inside*/ background: url(/images/nav-bullet.gif) no-repeat 11px 11px;} #overall #content #tophalf .L2col2 li.currentpage li.currentpage a { font: 12px/15px Arial, sans-serif; color: #4f4f4f; } #overall #content #tophalf .L2col2 li.currentpage li.currentpage a.currentpage { color: #B0261E; font: 16px/18px Arial, sans-serif;} #overall #content #tophalf .L2col2 li.currentpage li.currentpage li.currentpage a { } #overall #content #tophalf .L2col2 li li li:hover, #overall #content #tophalf .L2col2 li.currentpage li.currentpage li.currentpage { background-color: white; } #overall #content #tophalf .L2col2 li li li:hover a, #overall #content #tophalf .L2col2 li.currentpage li.currentpage li.currentpage a/*.currentpage*/ { font: 12px/15px Arial, sans-serif; color: #105896;} #overall #content .L2col2 #topnav li li { display: none; } #overall #content .L2col2 #topnav li.currentsection li { display: block; } #overall #content #tophalf #widesubnav { width: 250px; padding: 0px 90px 0px 30px;margin: 5px 0px 0px 0px;} #overall #content #tophalf #widesubnav h2 { color: #a52821; font: 20px/23px Arial, sans-serif; font-weight: normal;} #overall #content #tophalf #widesubnav h4 { font-weight: bold; padding-bottom: 0px} #overall #content #tophalf #widesubnav ul { padding: 0px 0px 20px 0px; border: 0px;} #overall #content #tophalf #widesubnav ul li { list-style: square; margin-left: 20px; border: 0px; padding-top: 0px; padding-bottom: 0px; } #overall #content #tophalf #widesubnav ul li a { font: 12px/15px Arial, sans-serif;} #overall #content #tophalf #widesubnav ul#holidays li { list-style: none; margin-left: 0px;font: 12px/15px Arial, sans-serif; color: #5C5C5C;} #overall #content #news { padding: 0px 0px 0px 20px; float: left; clear: left; width: 316px; } #overall #content #news #tabs { position: relative; left: -20px; top: -7px; width: 336px; } #overall #content #news #tabs img { float: left; clear: none; } #overall #content #news #popitemlist { display: none; } #cms_overall #content #news #popitemlist { display: block; } #overall #content #news .item { border-bottom: 1px solid #d4d4d5;float: left; clear: both;width:240px; padding: 5px 0px 5px 0px;margin-left: 30px; } #overall #content #news .item img { float: left; clear: both; } #overall #content #news .item div { float: left; clear: none; width: 179px;padding: 5px 0px 0px 10px; } #overall #content #news .item div h1 { margin: 0px;color: #9a0528; font-size: 14px; padding-right: 4px;float: left; clear: none; } #overall #content #news .item div p { font-size: 14px; } #overall #content #news #socialmedia { float: left; clear: both;width:230px; padding: 5px 10px 5px 0px;margin-left: 30px; text-align: right; } #overall #content #spotlight { background: transparent url(/images/background_spotlight.jpg) repeat-x 0 -35px; width: 677px; float: left; padding: 10px 0px 0px 30px; clear: none; top: -1px; position: relative; margin: 38px 0px 0px 0px; border-top: 3px solid #CBCBCB;} #overall #content #spotlight h1 { float: left; clear: none; width: 225px; font-size: 28px; font-weight: normal; color: #0f2b4a;line-height: 32px; padding: 0px; margin: 0px;} #overall #content #spotlight div#def { float: left; width: 362px;padding: 0px 60px 0px 0px;color: #424346;font-size:13px; } #overall #content #spotlight img.main { float:left; clear: left; } #overall #content #spotlight #filmstrip { float: left; clear: both; width: 607px; height: 147px; margin: 0px;} #cms_overall #content #spotlight #filmstrip { height: auto; } #cms_overall #content #spotlight #filmstrip li { list-style: none; } #overall #content #spotlight .spotlight_text { float:right; margin-right: 90px; clear: none; width: 325px; } #overall #content #spotlight .spotlight_text ul br { display: none;} #overall #content #spotlight .spotlight_text a { /*padding-left: 250px;*/ float: right; } #overall #content #spotlight .spotlight_text h1 { color:#123257;font-size: 18px;font-weight: normal; width: 100%; margin: 0px; padding: 0px; } #overall #content #spotlight .spotlight_text h2 { color: black; font-size: 14px; text-transform: uppercase; font-weight: normal; width: 100%; clear: left;} #overall #content #spotlight #DETAILB, #overall #content #spotlight #DETAILC, #overall #content #spotlight #DETAILD, #overall #content #spotlight #DETAILE, #overall #content #spotlight #DETAILF, #overall #content #spotlight #DETAILG { display: none; } #cms_overall #content #spotlight #DETAILB, #cms_overall #content #spotlight #DETAILC, #cms_overall #content #spotlight #DETAILD, #cms_overall #content #spotlight #DETAILE, #cms_overall #content #spotlight #DETAILF, #cms_overall #content #spotlight #DETAILG { display: block; } #footer { float: left; clear:both; width: 100%; color: white; background: transparent url(/images/background_bottom.jpg) repeat-x scroll top left; position: relative; bottom: /*50px;*/30px;z-index: -1; height: 260px; } #footer_text { width: 1043px; margin: 70px auto 0px auto; } #footer_text a { color: #65b5f0; } #footer_text ul { list-style: none; padding-left: 0px; margin-left: 0px; color: #4f6278;} #footer_text ul li { float: left; clear:none; margin: 0px; padding:0px 0px 0px 0px;} #footer_text .col0 { float: left; clear: both;width: 497px; padding: 5px 0px 0px 60px; } #footer_text .col0 h1 { font-weight: bold;font-size: 20px;margin-bottom: 2px; } #footer_text .col0 div { font-style:italic;font-size: 14px;margin-bottom: 15px; } #footer_text .col0 #copyright { float: left; clear: both;padding: 20px 0px 0px 0px; } #footer_text .col1 { float: left; clear: none; width: 450px; color: #989797; padding: 0px; margin: 35px 0px 0px 0px;} #footer_text .col1 img { float: left; clear: none; width: 100px; border-right: 1px solid #626262; padding: 0 15px 0 0; margin: 0px 10px 0px 0px;} #footer_text .col1 div { float: left; clear: none; width: 278px; font-size: 12px; line-height: 14px; font-style: italic; margin: 0px 0px 0px 10px;} #footer_text .col1 ul { float: left; clear: both; width: 100%; /*margin-top: 45px;*/margin-top: 33px; margin-left: 10px;} #homepage_carousel { margin: 0px; padding: 0px; } #homepage_carousel .grid_box { margin: 0px; padding: 0px; background: #231f20; display: none;} #homepage_carousel ul .grid_box { display: block; } #homepage_carousel .grid_box img { border-bottom: 1px solid white; } #homepage_carousel a { color: white; text-decoration: none; } #homepage_carousel a:hover { text-decoration: underline; } #hot_off_the_line td { width: 50%; padding-right: 40px; } #hot_off_the_line img { border: 4px solid #c0c0c0; } .jcarousel-skin-wells .jcarousel-container { margin-left: -15px; } .jcarousel-skin-wells .jcarousel-container-horizontal { width: 593px; padding: 10px 35px 5px 10px; } .jcarousel-skin-wells .jcarousel-clip-horizontal { width: 593px; height: 127px; } .jcarousel-skin-wells .jcarousel-item { width: 197px; height: 127px; } .jcarousel-skin-wells .jcarousel-item-horizontal { margin: 0 1px 0 0; } .jcarousel-skin-wells .jcarousel-item-placeholder { background: #fff; color: #000; } /** Horizontal Buttons */ .jcarousel-skin-wells .jcarousel-next-horizontal { position: absolute; top: 65px; right: 20px; width: 29px; height: 28px; cursor: pointer; background: transparent url(/images/spotlight-forward.jpg) no-repeat 0 0; } .jcarousel-skin-wells .jcarousel-next-horizontal:hover { } .jcarousel-skin-wells .jcarousel-next-horizontal:active { } .jcarousel-skin-wells .jcarousel-next-disabled-horizontal, .jcarousel-skin-wells .jcarousel-next-disabled-horizontal:hover, .jcarousel-skin-wells .jcarousel-next-disabled-horizontal:active { cursor: default; background-position: -96px 0;} .jcarousel-skin-wells .jcarousel-prev-horizontal { position: absolute; top: 65px; left: 0px; width: 29px; height: 28px; cursor: pointer; background: transparent url(/images/spotlight-back.jpg) no-repeat 0 0; } .jcarousel-skin-wells .jcarousel-prev-horizontal:hover { } .jcarousel-skin-wells .jcarousel-prev-horizontal:active { } .jcarousel-skin-wells .jcarousel-prev-disabled-horizontal, .jcarousel-skin-wells .jcarousel-prev-disabled-horizontal:hover, .jcarousel-skin-wells .jcarousel-prev-disabled-horizontal:active { cursor: default; background-position: -96px 0;} .grid_box { float: left; width: 197px; margin-right: 20px; } .grid_box:hover { background: #c7c6c6; } .grid_box img { display: block; width: 197px; height: 127px; } #homepage_carousel { } #homepage_carousel .grid_box { } #homepage_carousel .grid_box img { } #hsvideo { padding-bottom: 20px; border-right: 1px solid #cccccc; margin-right: 25px;} #slowvideo { display: none; margin-bottom: 10px; } #HIGHSPEED { background: #BEBEBE;padding: 4px; } #DIALUP { padding: 4px; } #highlight { color: #0d2744; font-size: 16px; line-height: 18px;} #spacer { float: left; clear: both; width: 100%; height: 60px;background-color: #071A29; margin-top: -1px;} #adobe { color: black; font-size: 11px; margin-top: 20px; padding-right: 400px; width: 100%;} #adobe img { margin-right: 10px; } #spec_search { vertical-align: top;margin-top: 8px; background: none; border: 1px solid #cccccc; padding: 6px; } input.text { vertical-align: top;margin-bottom: 8px; background: white; border: 1px solid #cccccc; padding: 6px; } textarea { vertical-align: top;margin-bottom: 8px; background: white; border: 1px solid #cccccc; padding: 6px; } .warn, .required { color: #A52821; } #sitemap { margin: 20px 0px 80px 40px; padding-bottom: 30px; background: url(/images/background_sitemap.gif) repeat-y top left; } #sitemap ul { float: left; clear: none; width: 232px; margin: 0px 11px 0px 0px; padding: 0px; list-style: none; } #sitemap ul ul { float: none; clear: none; width: auto; margin: 0px; padding: 0px; } /*#sitemap ul ul ul ul { list-style: square; } #sitemap ul ul ul ul ul { list-style: none; } */ #sitemap li { float: none; clear: none; margin: 5px 0px 5px 0px; padding: 0px 0px 0px 0px; } #sitemap li li { padding-left: 20px; } #sitemap li li li { padding-left: 10px;} #sitemap li li li li { padding-left: 15px; padding-right: 5px; background: url(/images/nav-bullet.gif) no-repeat 5px 7px;} #sitemap ul li a { display: block; color: #69b3f2; background: #162746 url(/images/background_sitemap_headings.gif) repeat-x top left; font-weight: normal; padding: 5px 20px 4px 20px; font: 20px/28px Arial, sans-sarif; } #sitemap ul li li a { color: #105896; background: transparent; font-weight: bold!important; padding: 0px; font: 16px/18px Arial, sans-sarif;} #sitemap ul li li li a { color: #9b1a13; background: transparent; font-weight: normal!important; padding: 0px; font: 14px/18px Arial, sans-sarif;} #sitemap ul li li li li a { color: #105896; background: transparent; font: 15px Arial, sans-sarif;} /* Tabs ----------------------------------*/ #overall #content #tophalf .L2col0 .ui-tabs { position: relative; /*padding: .2em;*/ /*zoom: 1;*/ } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */ #overall #content #tophalf .L2col0 .ui-tabs .ui-tabs-nav { width: 480px; margin: 0 0 5px 0; padding: 0; list-style: none; border-bottom: 3px solid #cacccf; } #overall #content #tophalf .L2col0 .ui-tabs .ui-tabs-nav li { margin: 0 10px 0 0; padding: 0; float: left; border: 3px solid #cacccf; border-bottom: none; /*position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap;*/ } #overall #content #tophalf .L2col0 .ui-tabs .ui-tabs-nav li a { display: block; float: left; width: 100px; height: 28px; padding: 9px 0 0 0; text-align: center; text-decoration: none; font-size: 15px; color: #102c4b; background-color:#f2f2f2; border-bottom: 3px solid #cacccf;} #overall #content #tophalf .L2col0 .ui-tabs .ui-tabs-nav li.ui-tabs-selected { /*margin-bottom: 0; padding-bottom: 1px;*/ } #overall #content #tophalf .L2col0 .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; } #overall #content #tophalf .L2col0 .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */ #overall #content #tophalf .L2col0 .ui-tabs .ui-tabs-panel { display: block; /*border-width: 0; padding: 1em 1.4em;*/ background: none; } #overall #content #tophalf .L2col0 .ui-tabs .ui-tabs-hide { display: none !important; } /* overrides for ui-tab styles */ #overall #content #tophalf .L2col0 #tabs ul.ui-tabs-nav { /*padding:0 0 0 8px;*/ height: 40px; } #overall #content #tophalf .L2col0 #tabs .ui-tabs-nav li { /*margin:5px 5px 0 0;*/ } /*#overall #content #tophalf .L2col0 #tabs .ui-tabs-nav li a:link, #overall #content #tophalf .L2col0 #tabs .ui-tabs-nav li a:visited,*/ #overall #content #tophalf .L2col0 #tabs .ui-tabs-nav li a:hover/*, #overall #content #tophalf .L2col0 #tabs .ui-tabs-nav li a:active*/ { background-color: white;} #overall #content #tophalf .L2col0 #tabs .ui-tabs-nav li.ui-tabs-selected a:link, #overall #content #tophalf .L2col0 #tabs .ui-tabs-nav li.ui-tabs-selected a:visited, #overall #content #tophalf .L2col0 #tabs .ui-tabs-nav li.ui-tabs-selected a:hover, #overall #content #tophalf .L2col0 #tabs .ui-tabs-nav li.ui-tabs-selected a:active { font-weight: bold; background-color: white; border-bottom-color: white;} #overall #content #tophalf .L2col0 #tabs .ui-tabs-panel { /*padding:20px 9px; font-size:12px; line-height:1.4; color:#000;*/ } #overall #content #tophalf .L2col0 #tabs .ui-widget-content a:link, #overall #content #tophalf .L2col0 #tabs .ui-widget-content a:visited { /*color:#1b75bb; text-decoration:none;*/ } #overall #content #tophalf .L2col0 #tabs .ui-widget-content a:hover, #overall #content #tophalf .L2col0 #tabs .ui-widget-content a:active { /*color:#0b559b;*/ } /* homepage slideshow thing */ #overall #content #tophalf #slideshow_nav { position: absolute; z-index: 35; top: 0; right: 0; width: 256px; height: 378px; } #overall #content #tophalf #slideshow_nav a { display: block; width: /*256px*/ 251px; height: /*91px*/ 71px; margin-bottom: 4px; padding: 20px 0 0 5px; font: 22px/25px Arial, sans-serif; text-decoration: none; color: white; background: url(/images/feature-hover.png) no-repeat 0 -256px; /* this preloads the image, in a sense */ } #overall #content #tophalf #slideshow_nav a.activeSlide, #overall #content #tophalf #slideshow_nav a:hover { background-position: top right; } #overall #content #tophalf #slideshow_nav a span { display: block; } #overall #content #tophalf #slideshow_nav a span.smaller { font: 14px/18px Arial, sans-serif; } #overall #content #tophalf #slideshow_nav a.activeSlide span.big, #overall #content #tophalf #slideshow_nav a:hover span.big { width: 150px; } #overall #content #tophalf #slideshow_nav a.activeSlide span.smaller, #overall #content #tophalf #slideshow_nav a:hover span.smaller { display: none; } #overall #content #tophalf ul#slideshow { /*position: relative;*/ width: 787px; height: 378px; margin: 0; padding: 0 256px 0 0; background: url(/images/feature-rightGradient.jpg) no-repeat top right; list-style: none; } #cms_overall #overall #content #tophalf ul#slideshow { height: auto; } #overall #content #tophalf ul#slideshow li { display: none; margin: 0; padding: 0; } #cms_overall #overall #content #tophalf ul#slideshow li { display: block; } #overall #content #tophalf ul#slideshow .link_text { display: none; } #cms_overall #overall #content #tophalf ul#slideshow .link_text { display: block; } #overall #content #tophalf ul#slideshow .caption { /*position: absolute; top: 0; left: 0;*/ float: left; width: 290px; padding: 55px 0 0 47px; } #cms_overall #overall #content #tophalf ul#slideshow .caption { /*position: static;*/ /*float: none;*/ } #overall #content #tophalf ul#slideshow .caption h1 { width: auto; margin: 0; padding: 0; background: none; font: bold 38px/35px Arial, sans-serif; color: #13355c; } #overall #content #tophalf ul#slideshow .caption p { margin: 20px 0 25px 0; font: 18px/24px Arial, sans-serif; } #overall #content #tophalf ul#slideshow .caption img { margin-left: -4px; }