/* Stylesheet for Taconic Web Site -------------------------------------------------------- File Name: taconic_main.css Media: Screen Version: 1.2 Created: 18 October 2005 Last-Modified: 09 August 2006 -------------------------------------------------------- */ /* HTML Elements ---------------------------------------------------------- */ /* --- Document Elements --- */ body { background: #FFFFFF; color: #000000; margin: 0px 0px 15px 0px; font-family: Arial, Helvetica, sans-serif; } /* --- Block Elements --- */ br {} hr { color: #ffffff; border-top: 1px solid #dddac5; clear: both; } img {} a img {border: 0px none;} /* --- Header Text --- */ h1, h2, h3, h4, h5, h6 { font-family: Arial, Helvetica, sans-serif; } h1 span { font-weight: normal; } h2 span { font-weight: normal; } h3 span { font-weight: normal; } h4 span { font-weight: normal; } h5 span { font-weight: normal; } h6 span { font-weight: normal; } h1 { font-size: 18px; color: #0f6cb6; margin: 5px 0px 12px 0px; } h2 { font-size: 16px; color: #0f6cb6; margin: 2px 0px 8px 0px; } h3 { font-size: 14px; color: #0f6cb6; margin: 2px 0px 2px 0px; } body#threecoltxt td h3 { font-size: 14px; color: #cc6600; margin: 2px 0px 2px 0px; } h4 { font-size: 14px; color: #cc6633; margin: 2px 0px 2px 0px; } h5 { font-size: 11px; color: #0f6cb6; margin: 2px 0px 2px 0px; } h6 { font-size: 10px; color: #0f6cb6; margin: 2px 0px 2px 0px; } /* --- Block Text --- */ p, blockquote, caption, div { font-family: Arial, Helvetica, sans-serif; } p {} blockquote {} caption {} div {} /* --- Text Elements --- */ a { color: #0f6cb6; text-decoration: none; } a:hover { color: #cc6633; text-decoration: underline; } pre {} pre { white-space: -moz-pre-wrap; /* Mozilla, supported since 1999 */ white-space: -pre-wrap; /* Opera 4 - 6 */ white-space: -o-pre-wrap; /* Opera 7 */ white-space: pre-wrap; /* CSS3 - Text module (Candidate Recommendation) http://www.w3.org/TR/css3-text/#white-space */ word-wrap: break-word; /* IE 5.5+ */ } span {} sup {} small { font-size: 10px; } address {} /* --- List Items --- */ ul, ol, li { font-family: Arial, Helvetica, sans-serif; } ul {} ul li {} ol {} /* --- Definition Elements --- */ dl, dt, dd { font-family: Arial, Helvetica, sans-serif; } dl {} dt {} dd {} /* --- Table Elements --- */ table { width: 100%; margin: 0px 0px 15px 0px; font-size: 11px; } tr {} thead {} tbody {} th { padding: 2px 5px 2px 5px; border: 0px none; border-top: 1px solid #c2d4ec; border-bottom: 1px solid #c2d4ec; font-size: 12px; text-align: left; vertical-align: bottom; color: #4c4d4f; background: #eaf0f9; } th img { margin: 0px 0px 0px 3px; } tr.superheader th { padding: 10px 5px 10px 5px; border: 0px none; border-bottom: 0px none; font-size: 14px; text-align: left; vertical-align: top; color: #4c4d4f; background: #d8d3cc; } td { padding: 2px 5px 2px 5px; border-bottom: 1px solid #c2d4ec; font-size: 11px; text-align: left; vertical-align: top; color: #4c4d4f; background: #ffffff; } .border { border-left: 1px solid #c2d4ec; } tfoot {} legend {} /* --- Inputs --- */ input, select, button, textarea { font-family: Arial, Helvetica, sans-serif; font-size: 12px; } input {} input.inputimg { margin: 0px 0px -5px 5px;} select {} button {} textarea {} form { margin: 0px; padding: 0px; } /* Global Container ID's ---------------------------------------------------------- */ #printheader { display: none; } .skiplink { display: none; } /* Header Container ID's ---------------------------------------------------------- */ #header { width: 970px; height: 55px; margin: 0px auto 0px auto; background: #ffffff; } /* Start Clear Hack */ #header:after { content: ""; display: block; height: 55px; clear: both; } #header { height: 55px; } /* Stop Clear Hack */ /* --- Branding Container --- */ input.gsc-input { border-color: #8A99A6; background: white !important; } .gsc-branding-img {display:none;} .gsc-branding-text {display:none;} .gs-webResult.gs-result .gs-visibleUrl-long{display:block; color: #008000; } .gs-webResult.gs-result .gs-visibleUrl-short {display:none; color: #008000; } table.gsc-search-box td { border-bottom: none !important;} #branding { position: absolute; top: 0px; margin: 0px 0px 0px 0px; width: 369px; height: 94px; background: url(../frame-images/taconic/backgrounds/branding.gif) no-repeat 0px 0px; } #branding.homepage { position: absolute; top: 0; margin: 0; width: 367px; height: 89px; background: url(../frame-images/taconic/backgrounds/branding_hp.png) no-repeat 0 0; } /* Changed 9/9/11 */ * html #branding.homepage { position: absolute; top: 0px; margin: 0px 0px 0px 0px; width: 367px; height: 89px; background: url(../frame-images/taconic/backgrounds/branding_hp.gif) no-repeat 0px 0px; } #branding img { width: 270px; height: 45px; margin: 17px 0 0 55px; } /* Changed 10/4/11 */ /* --- Nav Utility Container --- */ #navutility { float: right; width: 320px; margin: 5px 6px 0px 0px; } #navutility ul { float: right; margin: 0px; padding: 0px; } #navutility li { display: block; float: left; margin: 0px; padding: 0px 4px 0px 4px; font-size: 10px; color: #ffffff; border-left: 1px solid #d9b3c6; } #navutility li.start { border-left: 0px none; } #navutility a { font-size: 10px; color: #8d0e3a; } #navutility a:hover { font-size: 10px; color: #cc6633; text-decoration: underline; } #navutility #selectedut { font-size: 10px; color: #c4b595; } #navutility #selectedut a { color: #8d0e3a; } #navutility #selectedut a:hover { color: #cc6633; text-decoration: underline; } /* --- Header Login Container --- */ #loginarea { float: right; margin: 10px 2px 0px 0px; font-size: 12px; font-weight: bold; color: #cc6633; } #loginarea span { font-size: 10px; font-weight: normal; color: #ffffff; } #loginarea a { color: #8d0e3a; } #loginarea a:hover { color: #cc6633; } /* --- Search Container - Added 11/5/10 --- */ #header form { float: right; height: 22px; margin: 8px 9px 0 0; padding: 0; clear: both; } #searchArea { } #searchArea .textfield { display: block; background: transparent url(../frame-images/taconic/backgrounds/bkg-search.png) no-repeat 0 0; width: 158px; height: 19px; float: left; margin: 1px 5px 0 0; padding: 0 5px 0 12px; border: none; } #searchArea .submit { float: left; } /* Primary Navigation Container ID's ---------------------------------------------------------- */ #nav1 { width: 573px; margin: 0px auto 0px auto; padding: 0px 0px 0px 397px; background: #4b064b url(../frame-images/taconic/backgrounds/nav1.gif) repeat-x 0px 0px; } /* Start Clear Hack */ #nav1:after { content: ""; display: block; height: 0; clear: both; } #nav1 { height: 20px; } /* Stop Clear Hack */ ul#navmenu { margin: 0; border: 0 none; padding: 0; width: 573px; /*For KHTML*/ list-style: none; height: 20px; } ul#navmenu li { margin: 0; border: 0 none; padding: 0; float: left; /*For Gecko*/ display: inline; list-style: none; position: relative; /*min-height: 20px;*/ z-index: 10; } /* Changed 9/9/11 */ ul#navmenu ul { margin: 0; border: 0 none; padding: 0 5px 5px; width: 200px; list-style: none; display: none; position: absolute; top: 20px; left: 0; background: #9ab8df url(../frame-images/taconic/nav_images/dd_bottom.gif) no-repeat 0px 100%; } /* Changed 9/9/11 */ ul#navmenu ul li { float: none; /*For Gecko*/ display: block !important; display: inline; /*For IE*//*For IE*/ } /* Root Menu */ ul#navmenu a { padding: 0px 38px 0px 0px; float: none !important; /*For Opera*/ float: left; /*For IE*/ display: block; font: bold 11px Arial, Helvetica, sans-serif; text-decoration: none; height: auto !important; height: 1%; /*For IE*//*For IE*/ font-weight: normal; } ul#navmenu a img { border: 0px;} /* Root Menu Hover Persistence */ ul#navmenu a:hover, ul#navmenu li:hover a, ul#navmenu li.iehover a { color: #ffffff; } /* 2nd Menu */ ul#navmenu li:hover li a, ul#navmenu li.iehover li a { float: none; padding: 2px 5px 2px 5px; background: #9ab8df; color: #4c4d4f; border-top: 1px dashed #b8cde9; } /* 2nd Menu Hover Persistence */ ul#navmenu li:hover li a:hover, ul#navmenu li:hover li:hover a, ul#navmenu li.iehover li a:hover, ul#navmenu li.iehover li.iehover a { background: #9ab8df; color: #ffffff; } /* 3rd Menu */ ul#navmenu li:hover li:hover li a, ul#navmenu li.iehover li.iehover li a { background: #9ab8df; color: #ffffff; border-top: 1px dashed #b8cde9; } /* 3rd Menu Hover Persistence */ ul#navmenu li:hover li:hover li a:hover, ul#navmenu li:hover li:hover li:hover a, ul#navmenu li.iehover li.iehover li a:hover, ul#navmenu li.iehover li.iehover li.iehover a { background: #4c064c; color: #c8b9a2; } /* 4th Menu */ ul#navmenu li:hover li:hover li:hover li a, ul#navmenu li.iehover li.iehover li.iehover li a { background: #9ab8df; color: #ffffff; border-top: 1px dashed #b8cde9; } /* 4th Menu Hover */ ul#navmenu li:hover li:hover li:hover li a:hover, ul#navmenu li.iehover li.iehover li.iehover li a:hover { background: #4c064c; color: #c8b9a2; } ul#navmenu ul ul, ul#navmenu ul ul ul { display: none; position: absolute; top: 0; left: 215px; } /* Do Not Move - Must Come Before display:block for Gecko */ ul#navmenu li:hover ul ul, ul#navmenu li:hover ul ul ul, ul#navmenu li.iehover ul ul, ul#navmenu li.iehover ul ul ul { display: none; } ul#navmenu li:hover ul, ul#navmenu ul li:hover ul, ul#navmenu ul ul li:hover ul, ul#navmenu li.iehover ul, ul#navmenu ul li.iehover ul, ul#navmenu ul ul li.iehover ul { display: block; } /* Breadcrumb Navigation Container ID's ---------------------------------------------------------- */ body#threecoltxt #navbreadcrumb { width: 940px; margin: 0px auto 0px auto; padding: 17px 15px 0px 15px; background: url(../frame-images/taconic/backgrounds/navbreadcrumb.gif) no-repeat 0px 100%; } body#onecoltxt #navbreadcrumb { width: 940px; margin: 0px auto 0px auto; padding: 17px 15px 0px 15px; border-bottom: 1px solid #c7c3a6; background: #d8d3cc no-repeat 0px 0px; } body#twocoltxt #navbreadcrumb { width: 940px; margin: 0px auto 0px auto; padding: 17px 15px 0px 15px; background: url(../frame-images/taconic/backgrounds/navbreadcrumb2.gif) no-repeat 0px 100%; } body#twocolgraphic #navbreadcrumb { width: 940px; margin: 0px auto 0px auto; padding: 17px 15px 0px 15px; background: url(../frame-images/taconic/backgrounds/navbreadcrumb2graphic.gif) no-repeat 0px 100%; } body#onecolgraphic #navbreadcrumb { width: 940px; margin: 0px auto 0px auto; padding: 17px 15px 0px 15px; background: url(../frame-images/taconic/backgrounds/navbreadcrumb1graphic.gif) no-repeat 0px 100%; } /* Start Clear Hack */ #navbreadcrumb:after { content: ""; display: block; height: 0; clear: both; } #navbreadcrumb { height: 100%; } /* Stop Clear Hack */ #navbreadcrumb ul { margin: 0px; padding: 0px 0px 70px 0px; } #navbreadcrumb li { display: block; float: left; list-style: none none; margin: 0px; padding: 0px 6px 0px 12px; font-size: 11px; background: #d8d3cc url(../frame-images/taconic/lists/caret_breadcrumb.gif) no-repeat 0px 3px; } #navbreadcrumb li.start { padding: 0px 6px 0px 0px; background: #d8d3cc none; } #navbreadcrumb a { color: #4c4d4f; } #navbreadcrumb a:hover { color: #cc6633; text-decoration: underline; } #selectedbc { font-weight: bold; color: #0f6cb6; } #selectedbc a { font-weight: bold; color: #0f6cb6; } #selectedbc a:hover { color: #cc6633; text-decoration: underline; } #resultslinks { position: absolute; top: 128px; margin: 0px 0px 0px -15px; padding: 4px 0px 0px 8px; width: 325px; background: url(../frame-images/taconic/backgrounds/resultslinks.gif) no-repeat 0px 0px; font-size: 11px; } /* Fix for IE. Hide from IE Mac \*/ * html #resultslinks { position: absolute; top: 130px; margin: 0px 0px 0px -25px; padding: 4px 0px 0px 8px; width: 325px; background: url(../frame-images/taconic/backgrounds/resultslinks.gif) no-repeat 0px 0px; font-size: 11px; } /* End */ #resultslinks strong { color: #4b064b; padding: 0px 5px 0px 0px; } #resultslinks div { float: left; margin: 0px; padding: 0px; } #resultslinks ul { float: left; margin: 0px; padding: 0px; } #resultslinks li { float: left; margin: -1px 0px 0px 0px; padding: 0px; font-size: 11px; } #resultslinks li a { font-size: 11px; } #resultslinks li.back { list-style: none none; margin: -1px 0px -13px 0px; padding: 0px 5px 0px 7px; background: url(../images/icons/back.gif) no-repeat 0px 4px; } /* Fix for IE. Hide from IE Mac \*/ * html #resultslinks li.back { list-style: none none; margin: -1px 0px 0px 0px; padding: 0px 5px 0px 7px; background: url(../images/icons/back.gif) no-repeat 0px 4px; } /* End */ #resultslinks li.next { list-style: none none; margin: -1px 0px -13px 0px; padding: 0px 7px 0px 5px; border-left: 1px solid #000000; background: url(../images/icons/next.gif) no-repeat 100% 4px; } /* Fix for IE. Hide from IE Mac \*/ * html #resultslinks li.next { list-style: none none; margin: -1px 0px 0px 0px; padding: 0px 7px 0px 5px; border-left: 1px solid #000000; background: url(../images/icons/next.gif) no-repeat 100% 4px; } /* End */ #off { font-size: 11px; color: #666666; } #resultslinks div.search { float: left; margin: 0px; padding: 0px 0px 0px 10px; font-weight: bold; } #resultslinks div.search a { font-size: 11px; color: #4b064b; } #resultslinks div.search a:hover {} /* Main Content Body Wrapper Container ID's ---------------------------------------------------------- */ body#threecoltxt #bodywrapper {width: 970px; margin: 0px auto 0px auto; background: #d8d3cc url(../frame-images/taconic/backgrounds/three_cols1.gif) repeat-y 0px 0px; } body#onecoltxt #bodywrapper {width: 970px; margin: 0px auto 0px auto; background: #ffffff none; } body#twocoltxt #bodywrapper { width: 970px; margin: 0px auto 0px auto; background: #d8d3cc url(../frame-images/taconic/backgrounds/col2_751.gif) repeat-y 207px 100%; } body#twocoltxt #bodywrapper h1 { font-size: 24px; color: #0f6cb6; padding: 0px 0px 5px 0px; margin: 5px 0px 30px 0px; border-bottom: 1px solid #dbeefd; } body#twocolgraphic #bodywrapper {width: 970px; margin: 0px auto 0px auto; background: #d8d3cc url(../frame-images/taconic/backgrounds/col2_751.gif) repeat-y 207px 100%; } body#onecolgraphic #bodywrapper {width: 970px; margin: 0px auto 0px auto; background: #d8d3cc;} /* Start Clear Hack */ #bodywrapper:after { content: ""; display: block; height: 0; clear: both; } #bodywrapper { height: 100%; } /* Stop Clear Hack */ /* --- Column 1 Container --- */ #col1 { float: left; width: 206px; margin: 0px 0px 0px 0px; padding: 0px 1px 0px 0px; } /* --- Secondary & Tertiary Navigation Container --- */ #nav2 { padding: 15px; font-size: 12px; color: #8d784b; background: #ebe9e5; } #nav2 ul { margin: 15px 0px 0px 0px; padding: 0px 0px 0px 0px; font-size: 12px; } #nav2 li { margin: 0px 0px 15px 0px; padding: 0px 0px 0px 12px; font-size: 12px; color: #8d784b; list-style: none none; background: url(../frame-images/taconic/nav_images/arrow_off.gif) no-repeat 0px 3px; } /* Fix for superscripted links in IE. Hide from IE Mac \*/ * html #nav2 li { margin: 0px 0px 15px 0px; padding: 0px 0px 0px 12px; font-size: 12px; color: #8d784b; list-style: none none; background: url(../frame-images/taconic/nav_images/arrow_off.gif) no-repeat 0px 6px; } /* End */ #nav2 li a { color: #4c4d4f; } #nav2 #selected { font-size: 12px; font-weight: bold; color: #7f0140; background: url(../frame-images/taconic/nav_images/arrow_on.gif) no-repeat 0px 3px; } /* Fix for superscripted links in IE. Hide from IE Mac \*/ * html #nav2 #selected { font-size: 12px; font-weight: bold; color: #7f0140; background: url(../frame-images/taconic/nav_images/arrow_on.gif) no-repeat 0px 6px; } /* End */ #nav2 #selected a { color: #0f6cb6; } #nav2 #selected a:hover { color: #0f6cb6; text-decoration: underline; } /* Tertiary Navigation */ #nav2 #selected ul { margin: 3px 0px 0px 0px; padding: 0px 0px 0px 0px; font-size: 12px; } #nav2 #selected li { margin: 0px 0px 2px 0px; padding: 0px 0px 0px 15px; font-size: 12px; color: #8d784b; list-style: none none; font-weight: normal; background: url(../frame-images/taconic/nav_images/tert_off.gif) no-repeat 0px 7px; } * html #nav2 #selected li { margin: 0px 0px 2px 0px; padding: 0px 0px 0px 15px; font-size: 12px; color: #8d784b; list-style: none none; font-weight: normal; background: url(../frame-images/taconic/nav_images/tert_on.gif) no-repeat 0px 10px; } #nav2 #selected li a { color: #4c4d4f; } #nav2 #selected li a:hover { color: #4c4d4f; text-decoration: underline; } #nav2 #selected li.selected { margin: 0px 0px 2px 0px; padding: 0px 0px 0px 15px; font-size: 12px; color: #7f0140; list-style: none none; font-weight: bold; background: url(../frame-images/taconic/nav_images/tert_on.gif) no-repeat 0px 7px; } * html #nav2 #selected li.selected { margin: 0px 0px 2px 0px; padding: 0px 0px 0px 15px; font-size: 12px; color: #7f0140; list-style: none none; font-weight: bold; background: url(../frame-images/taconic/nav_images/tert_on.gif) no-repeat 0px 10px; } #nav2 #selected li.selected a { color: #0f6cb6; } #nav2 #selected li.selected a:hover { color: #0f6cb6; text-decoration: underline; } /* 4th Level Navigation */ #nav2 #selected li.selected ul { margin: 3px 0px 0px 0px; padding: 0px 0px 0px 0px; font-size: 12px; } #nav2 #selected li.selected li { margin: 0px 0px 2px 0px; padding: 0px 0px 0px 15px; font-size: 12px; color: #8d784b; list-style: none none; font-weight: normal; background: url(../frame-images/taconic/nav_images/quat_off.gif) no-repeat 9px 10px; } #nav2 #selected li.selected li a { color: #4c4d4f; } #nav2 #selected li.selected li a:hover { color: #4c4d4f; text-decoration: underline; } #nav2 #selected li.selected li.selected { margin: 0px 0px 2px 0px; padding: 0px 0px 0px 15px; font-size: 12px; color: #7f0140; list-style: none none; font-weight: normal; background: url(../frame-images/taconic/nav_images/quat_on.gif) no-repeat 9px 10px; } #nav2 #selected li.selected li.selected a { color: #0f6cb6; } #nav2 #selected li.selected li.selected a:hover { color: #0f6cb6; text-decoration: underline; } /* --- Column 2 Container --- */ body#threecoltxt #col2 { float: left; width: 495px; margin: 0px 17px 0px 0px; padding: 0px 12px 20px 14px; font-size: 12px; overflow: hidden; } body#twocoltxt #col2 { float: left; width: 723px; margin: 0px 11px 0px 0px; padding: 0px 12px 20px 14px; border-right: 1px solid #9ab8df; border-left: 1px solid #9ab8df; background: #ffffff url(../frame-images/taconic/backgrounds/col2_lg.gif) repeat-y -1px 0px; font-size: 12px; overflow: hidden; } body#twocolgraphic #col2 { float: left; width: 723px; margin: 0px 11px 0px 0px; padding: 0px 12px 20px 14px; border-right: 1px solid #9ab8df; border-left: 1px solid #9ab8df; background: #ffffff url(../frame-images/taconic/backgrounds/col2_lg.gif) no-repeat -1px 100%; font-size: 12px; overflow: hidden; } body#onecolgraphic #col2 { float: left; width: 888px; margin: 0px 11px 0px 14px; padding: 0px 12px 20px 40px; border-right: 1px solid #9ab8df; border-left: 1px solid #9ab8df; background: #ffffff; font-size: 12px; overflow: hidden; } body#funtionpage #col2 { width: 489px; margin: 0px 11px 0px 46px; border: 1px solid #9ab8df; padding: 10px 15px 50px 15px; background: #ffffff; font-size: 12px; overflow: hidden; } /* Fix for IE. Hide from IE Mac \*/ * html body#twocoltxt #col2 { float: left; width: 723px; margin: 0px; padding: 0px 12px 20px 14px; border-right: 1px solid #9ab8df; border-left: 1px solid #9ab8df; background: #ffffff url(../frame-images/taconic/backgrounds/col2_lg.gif) repeat-y -1px 0px; font-size: 12px; } * html body#twocolgraphic #col2 { float: left; width: 723px; margin: 0px; padding: 0px 12px 20px 14px; border-right: 1px solid #9ab8df; border-left: 1px solid #9ab8df; background: #ffffff url(../frame-images/taconic/backgrounds/col2_lg.gif) no-repeat -1px 100%; font-size: 12px; } * html body#onecolgraphic #col2 { float: left; width: 888px; margin: 0px 0px 0px 7px; padding: 0px 12px 20px 40px; border-right: 1px solid #9ab8df; border-left: 1px solid #9ab8df; background: #ffffff; font-size: 12px; } /* End */ #col2 p { margin: 0px 0px 15px 0px; font-size: 12px; } #col2 p.smalltext { font-size: 11px; } #col2 ul { margin: 0px 0px 15px 0px; padding: 0px 0px 0px 15px; } #col2 ul li { list-style: square; } #col2 li { font-size: 12px; } .modelcallout { float: right; width: 220px; margin: 0px 0px 5px 15px; } #searchresults td { padding: 5px 5px 5px 5px; } #searchresults td h3 { font-size: 12px; } #searchresults td ul { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 10px; } #searchresults td ul li { font-size: 11px; list-style: none none; } /* TABLE W/ NO BORDERS */ .tabledivider { margin: 20px 0px 0px 0px; padding: 2px 5px 2px 5px; border-top: 1px solid #c2d4ec; border-bottom: 1px solid #c2d4ec; background: #eaf0f9; } #noborder { width: 100%; margin: 0px; font-size: 11px; } #noborder th { padding: 2px 5px 2px 5px; border: 0px none; font-size: 11px; text-align: left; vertical-align: bottom; color: #000000; background: transparent; } #noborder td { padding: 2px 5px 2px 5px; border: 0px none; font-size: 11px; text-align: left; color: #000000; background: transparent; } #noborder h2 { font-size: 14px; margin: 15px 0px 0px 0px; } #noborder h3 { font-size: 12px; color: #cc6633; margin: 10px 0px 0px 0px; } #noborder p { margin: 0px; } #noborder tr.noborderheader th { border-top: 1px solid #dddac5; border-bottom: 1px solid #dddac5; } .buttonarea { float: right; text-align: right; border-top: 1px solid #ccdbef; padding-top: 10px; } #overline { font-size: 10px; text-transform: uppercase; } #byline { margin: 15px 0px 0px 0px; font-size: 12px; font-weight: bold; } #headerseparation { height: 40px; font-size: 1px; } #headerseparation.underline { border-top: 1px solid #9ab8df; height: 40px; font-size: 1px; } /* --- Photo Area Container --- */ #photoarea { float: right; width: 236px; margin: 0px 0px 5px 5px; border-bottom: 1px solid #9ab8df; font-size: 10px; } #photoarea p { margin: 0px 0px 5px 0px; font-size: 10px; } #contnetheaderlink { position: relative; bottom: 15px; width: 400px; margin: 0px 0px 10px 0px; font-size: 12px; font-weight: bold; } #contnetheaderlink a { color: #0f6cb6; } #contnetheaderlink a:hover { text-decoration: underline; } ul#tablist { margin: 0px; padding: 0px; background: url(../frame-images/taconic/backgrounds/tabs.gif) repeat-x 0px 1px; } /* Start Clear Hack */ ul#tablist:after { content: ""; display: block; height: 0; clear: both; } ul#tablist { height: 100%; } /* Stop Clear Hack */ ul#tablist li { display: block; float: left; margin: 0px; padding: 0px 2px 0px 0px; list-style: none none; } ul#tablist li.selectedtl { } #productdisplay { float: right; width: 221px; margin: 0px 0px 5px 10px; } #productdisplaytop { width: 221px; height: 3px; font-size: 1px; background: #ffffff url(../frame-images/taconic/backgrounds/product_top.gif) no-repeat; } #productdisplaybottom { width: 201px; padding: 10px 10px 0px 10px; text-align: center; background: #ffffff url(../frame-images/taconic/backgrounds/product_bottom.gif) no-repeat bottom; } #searchbutton { position: relative; float: right; margin: 0px 60px 10px 40px; } #searchtext { float: left; width: 450px; margin: 0px; font-size: 12px; } /* TABLE W/ NO BORDERS */ #bracketbuckettop { position: relative; height: 3px; background: url(../frame-images/taconic/backgrounds/bucketbg.gif) no-repeat 0px; } #bracketbuckettop div { float: right; position: relative; height: 3px; width: 20px; background: url(../frame-images/taconic/backgrounds/bucketbg.gif) no-repeat 0px; } #bracketbucket { /*position: relative;*/ margin: 0px 0px 0px 0px; padding: 15px; border: 3px solid #9ab8df; font-size: 12px; border-top: 0px none; border-bottom: 0px none; } /* Fix for IE. Hide from IE Mac \*/ * html #bracketbucket { position: relative; margin: -7px 0px -8px 0px; padding: 15px; border: 3px solid #9ab8df; font-size: 12px; border-top: 0px none; border-bottom: 0px none; } /* End */ #bracketbucketbottom { position: relative; height: 3px; margin: 0px 0px 30px 0px; background: url(../frame-images/taconic/backgrounds/bucketbg.gif) no-repeat 0px; } /* Fix for IE. Hide from IE Mac \*/ * html #bracketbucketbottom { position: relative; height: 3px; margin: 0px 6px 30px 6px; background: url(../frame-images/taconic/backgrounds/bucketbg.gif) no-repeat 0px; } /* End */ #bracketbucketbottom div { position: relative; float: right; height: 3px; width: 20px; background: url(../frame-images/taconic/backgrounds/bucketbg.gif) no-repeat 0px; } #intcol1 { float: left; width: 490px; margin: 0px 15px 0px 0px; } body#onecolgraphic div#intcol1 { float: left; width: 645px; margin: 0px 15px 0px 0px; } #intcol2 { float: left; width: 190px; margin: 8px 0px 0px 0px; padding: 10px; background: #cbdaef; } #intcol2 h2 { font-size: 14px; color: #cb6828; } #intcol2 ul.calloutlist { margin: 0px 0px 10px 0px; padding: 0px; } #intcol2 li.circleone { margin: 0px; padding: 0px 0px 5px 25px; background: url(../frame-images/taconic/lists/one.gif) no-repeat 0px 2px; list-style: none none; } #intcol2 li.circletwo { margin: 0px; padding: 0px 0px 5px 25px; background: url(../frame-images/taconic/lists/two.gif) no-repeat 0px 2px; list-style: none none; } #intcol2 li.circlethree { margin: 0px; padding: 0px 0px 5px 25px; background: url(../frame-images/taconic/lists/three.gif) no-repeat 0px 2px; list-style: none none; } /* --- Column 3 Container --- */ #col3 { float: left; width: 197px; margin: 0px 0px 0px 0px; padding: 0px 13px 0px 13px; } /* --- Sidebar Item Container --- */ .sidebaritem { width: 197px; margin: 0px 0px 25px 0px; } .sidebaritem img { margin: 0px 0px 5px 0px; padding: 0px; } .sidebaritem ul { margin: 0px; padding: 0px; } .sidebaritem li { list-style: none none; margin: 0px; padding: 3px 0px 6px 0px; border-bottom: 1px solid #ccdbef; font-size: 12px; color: #8d784b; } /* --- Customer Service Container --- */ #customerservicetop { display: none; } #customerservice { width: 171px; margin: 0px; padding: 30px 12px 7px 12px; border: 1px solid #9ab8df; font-size: 12px; line-height: 14px; background: #ffffff url(../frame-images/taconic/backgrounds/cust_service1.gif) no-repeat 0px 0px; } #customerservice p { margin: 0px; padding: 3px 0px 7px 0px; font-size: 12px; line-height: 14px; } #customerservice ul { margin: 0px 0px 0px 0px; padding: 0px 0px 7px 15px; } #customerservice ul li { list-style: square; } #customerservice li { font-size: 12px; } #customerservicebottom { display: none; } /* --- 1 Column Map Container --- */ #mapareatop { width: 956px; height: 3px; margin: 0px 0px 0px 14px; padding: 18px 0px 0px 0px; font-size: 1px; background: #ffffff url(../frame-images/taconic/backgrounds/maparea.gif) no-repeat 0px 100%; } #maparea { width: 936px; margin: 0px 14px 35px 14px; padding: 0px; border-right: 3px solid #9ab8df; border-left: 3px solid #9ab8df; text-align: center; background: #ffffff url(../frame-images/taconic/backgrounds/maparea.gif) no-repeat 0px 100%; } #maparea h1 { text-align: left; margin: 0px 0px 0px 25px; position: relative; bottom: 7px; } #tablearea { width: 850px; margin: 0px 75px 0px 45px; padding: 0px 0px 30px 0px; } #tablearea table { width: 370px; } #tablearea table.left { float: left; width: 370px; } #tablearea table.right { float: right; width: 370px; margin: 0px 0px 0px 50px; } #tablearea th { font-size: 12px; } #tablearea td { font-size: 12px; } /* --- Sidebar Item Container --- */ #sidebaritem { } /* --- Primary Header Container --- */ #headerprimetxt { /*position: absolute; top: 145px; margin: 0px 0px 0px 240px;*/ float: left; width: 749px; margin: 0px 11px 0px 0px; padding: 0px; border-right: 1px solid #9ab8df; border-left: 1px solid #9ab8df; background: #9ab8df url(../frame-images/taconic/backgrounds/headerprimetxt.gif) no-repeat 338px -8px; } #headerprimetxt img { margin: 0px 0px 0px 30px; } #headernewsroom { float: left; width: 749px; margin: 0px 11px 0px 0px; padding: 0px 0px 20px 0px; border-right: 1px solid #9ab8df; border-left: 1px solid #9ab8df; background: #ffffff url(../frame-images/taconic/backgrounds/headeronecol.gif) repeat-x 0px 0px; } #headernewsroom img { margin: 0px 0px 0px 0px; } #headerprimephoto { float: left; width: 749px; margin: 0px; padding: 0px 0px 20px 0px; background: #ffffff; border-right: 1px solid #9ab8df; border-left: 1px solid #9ab8df; } #headerprimephoto img { margin: 0px -4px -4px 0px; } /* Fix for IE. Hide from IE Mac \*/ * html #headerprimephoto img { margin: 0px -4px -3px 0px; } /* End */ #headeronecol { float: left; width: 928px; margin: 0px 0px 0px 14px; padding: 0px 12px 20px 0px; border-right: 1px solid #c7c3a6; border-left: 1px solid #c7c3a6; background: #ffffff url(../frame-images/taconic/backgrounds/headeronecol.gif) repeat-x 0px 0px; } /* Fix for IE. Hide from IE Mac \*/ * html #headeronecol { float: left; width: 928px; margin: 0px 11px 0px 7px; padding: 0px 12px 20px 0px; border-right: 1px solid #c7c3a6; border-left: 1px solid #c7c3a6; background: #ffffff url(../frame-images/taconic/backgrounds/headeronecol.gif) repeat-x 0px 0px; } /* End */ #headeronecol img { margin: 0px 0px 0px 0px; } /* --- Sidebar Item Container --- */ .viewall { float: right; color: #cc6633; font-size: 12px; font-weight: bold; padding: 6px 15px 0px 0px; background: #ffffff url(../frame-images/taconic/icons/viewall.gif) no-repeat 100% 8px; } .newsroomsection { width: 720px; border-top: 1px solid #c7c3a6; padding: 10px 0px 50px 0px; } .newscol1 { float: left; width: 350px; padding: 0px 25px 0px 0px; } .newscol1 img { float: right; margin: 0px 0px 5px 5px; } .newscol1 h3 { font-size: 14px; color: #8d784b; } .newsdate { font-size: 11px; color: #000000; } .newsreadmore { position: relative; bottom: 12px; padding: 0px; margin: 0px; } .newsreadmore a { color: #4c4d4f; font-size: 12px; padding: 0px 15px 0px 0px; background: #ffffff url(../frame-images/taconic/readmore.gif) no-repeat 100% 2px; } .newscol2 { float: left; width: 340px; } .newscol2 ul { margin: 0px; padding: 0px; } #col2 div.newsroomsection div.newscol2 ul li { font-size: 12px; margin: 0px 0px 12px 0px; padding: 0px; list-style: none none; } .newstitle a { font-size: 12px; font-weight: bold; color: #4c4d4f; } #resultslinksmodels { float: right; margin: -20px 0px 0px 0px; } #resultslinksmodels:after { content: ""; display: block; height: 100%; clear: both; } #resultslinksmodels { height: 100%; } #resultslinksmodels strong { color: #4b064b; padding: 0px 5px 0px 0px; } #resultslinksmodels div { float: left; margin: 0px; padding: 0px 10px 0px 0px; } #resultslinksmodels ul { float: left; margin: 0px; padding: 0px; list-style-type: none; list-style-type: none; } #resultslinksmodels ul li { float: left; margin: 0px 0px 0px 0px; padding: 0px 2px 0px 2px; font-size: 11px; list-style: none; list-style-type: none; } #resultslinksmodels li a { font-size: 11px; } #resultslinksmodels li.back { list-style: none none; margin: 0px 0px 0px 0px; padding: 0px 5px 0px 7px; background: url(../frame-images/taconic/icons/back.gif) no-repeat 0px 4px; border-left: none; } * html #resultslinksmodels li.back { margin: -1px 0px 0px 0px; padding: 0px 5px 0px 7px; } #resultslinksmodels li.next { list-style: none none; margin:0px 0px 0px 0px; padding: 0px 7px 0px 5px; background: url(../frame-images/taconic/icons/next.gif) no-repeat 100% 4px; } * html #resultslinksmodels li.next { margin: -1px 0px 0px 0px; padding: 0px 7px 0px 5px; } /* Home Page ID's - Changed/Added 9/9/11 ---------------------------------------------------------- */ body.home .content { width: 970px; margin: 0 auto; padding: 20px 0 0; background: #f7f7f7 none; } /* Top Area */ .homepageTop { width: 970px; min-height: 300px; margin: 0; padding: 0; } .homepageTop:after { content: ""; display: block; height: 0; clear: both; } .homepageTop { height: 100%; } .homepageTop h1, .featuredArea h2 { position: absolute; left: -9999px; } .featuredArea { float: left; width: 666px; margin: 0; padding: 0; } .gallery, .gallery li { width: 666px; height: 300px; margin: 0; padding: 0; overflow: hidden; } .gallery li { position: absolute; } /* Changed 10/4/11 */ .controls { position: relative; z-index: 10; width: 210px; height: 21px; margin: -27px 0 0 442px; padding: 6px 0 0 14px; list-style: none outside none; overflow: hidden; text-transform: uppercase; color: #fff; font-weight: bold; font-size: 12px; } /*changed width from 180 to 210 to allow room for 7 buttons; reduced left margin by same amount from 472 to 442 jn 10-13-11*/ .controls li { float: left; display: block; padding: 2px 2px 0; } .controls li.prev { padding: 0 10px 0 0; } .controls li.next { padding: 0 0 0 10px; } .controls li.play { float: left; width: 24px; padding: 0 11px 0 0; text-align: right; } /*changed float from right to left; jn 10-13-11*/ .controls a { display: block; width: 13px; height: 13px; background: transparent url(../frame-images/taconic/links/link-featureditem.gif) no-repeat 0 0; overflow: hidden; text-indent: -150px; } .controls li.selected a, .controls a:hover, controls a:focus { background-position: -13px 0; } .controls li.prev a, .controls li.prev a:hover, .controls li.prev a:focus { width: 17px; height: 17px; background-image: url(../frame-images/taconic/links/link-prev.gif); background-position: 0 0; } .controls li.next a, .controls li.next a:hover, .controls li.next a:focus { width: 17px; height: 17px; background-image: url(../frame-images/taconic/links/link-next.gif);background-position: 0 0; } .controls li.play a, .controls li.play a:hover, .controls li.play a:focus { display: inline-block; width: 17px; height: 17px; margin-left: 7px; background-image: url(../frame-images/taconic/links/link-play.gif); background-position: -17px 0; vertical-align: top; text-indent: 150px; } .controls li.play a.selected, .controls li.play a.selected:hover, .controls li.play a.selected:focus { background-position: 0 0; } /* Changed 10/4/11 */ body.home .sidebaritem { float: left; width: 284px; margin: 0 0 15px 40px; padding: 5px; font-size: 12px; line-height: 16px; border: 1px solid #99d9ea; } body.home .sidebaritem h2 { margin-bottom: 5px; } body.home .sidebaritem h3 { margin: 0 0 10px; color: #0f6cb6; font-size: 16px; line-height: 20px; } body.home .sidebaritem p, body.home .sidebaritem div { margin: 0 0 12px; } body.home .sidebaritem ul { margin: 0 0 12px; } body.home .sidebaritem li { padding: 3px 0 3px 8px; border-bottom: 0; background: transparent url(../frame-images/taconic/lists/list-quicklinks.gif) no-repeat 0 8px; } .hrule { display: block; width: 294px; height: 1px; margin: 0 0 15px -5px; padding: 0; background: transparent none; border-top: 1px solid #99d9ea; font-size: 0; line-height: 0; } body.home .quickLinks { float: right; width: 284px; margin: 0; padding: 5px; } body.home .quickLinks ul { margin-bottom: 0; } body.home .lastBlock { float: right; width: 296px; margin: 0; padding: 0; border: 0; } body.home .lastBlock div { width: 284px; padding: 5px; border: 1px solid #99d9ea; } body.home .firstBlock { margin-left: 0; } /* Added 10/4/11 */ /* Bottom Area */ .homepageBottom { width: 970px; margin: 0; padding: 10px 0 0; } .homepageBottom:after { content: ""; display: block; height: 0; clear: both; } .homepageBottom { height: 100%; } p.readmore { margin-bottom: 20px !important; } body.home #footer { margin-top: 0; } /* Email Page ID's ---------------------------------------------------------- */ body#funtionpage { background: #d8d3cc; } #funtionpageheader { height: 76px; margin-bottom: 38px; background: url(../frame-images/taconic/backgrounds/funtionpageheader.gif) repeat-x 0px 0px; } #funtionpageheader img { } #funtionbody { width: 489px; margin: 0px 11px 0px 46px; border: 1px solid #9ab8df; padding: 10px 15px 50px 15px; background: #ffffff; } #funtionbody h2 { margin: 0px 0px 35px 0px; padding: 10px 0px 0px 0px; border-bottom: 1px solid #cbdaef; } #funtionbody img { margin-bottom: 5px; } #funtionbody th { font-size: 11px; background: #ffffff; text-align: right; border: 0px none; vertical-align: top; } #funtionbody td { border: 0px none; } #funtionbody .actionbtn { padding: 30px 0px 0px 140px; } #funtionbody .closebtn { float: right; position: relative; bottom: 20px; font-weight: bold; font-size: 11px; color: #8d784b; } .boldalt { color: #cb6828; font-weight: bold; } #funtionfooter { display: none; } /* Function Navigation Container ID's ---------------------------------------------------------- */ body#threecoltxt #navfunction { width: 760px; margin: 0px auto 0px auto; padding: 10px 0px 60px 210px; background: #ffffff url(../frame-images/taconic/backgrounds/threecoltxtbottom.gif) no-repeat 0px 0px; } body#onecoltxt #navfunction { width: 765px; margin: 0px auto 0px auto; padding: 10px 0px 60px 205px; background: #dddac5 url(../frame-images/taconic/backgrounds/three_cols.gif) repeat-y 0px 0px; } body#twocoltxt #navfunction { position: relative; bottom: 3px; width: 765px; margin: 0px auto 0px auto; padding: 10px 0px 60px 205px; background: #ffffff url(../frame-images/taconic/backgrounds/twocoltxtbottom.gif) no-repeat 0px 0px; } body#twocolgraphic #navfunction { position: relative; bottom: 3px; width: 765px; margin: 0px auto 0px auto; padding: 10px 0px 60px 205px; background: #ffffff url(../frame-images/taconic/backgrounds/twocoltxtbottom.gif) no-repeat 0px 0px; } body#onecolgraphic #navfunction { position: relative; bottom: 3px; width: 950px; margin: 0px auto 0px auto; padding: 10px 0px 60px 20px; background: #dddac5 url(../frame-images/taconic/backgrounds/onecolgraphicbottom.gif) no-repeat 0px 0px; } #navfunction ul { margin: 0px; padding: 0px; } #navfunction li { display: block; float: left; margin: 0px; font-size: 10px; } #navfunction a { color: #0f6cb6; } #navfunction a:hover { color: #cc6633; } .print { padding: 0px 25px 0px 11px; background: url(../frame-images/taconic/icons/print.gif) no-repeat 0px 2px; } .email {padding: 0px 25px 0px 15px; background: url(../frame-images/taconic/icons/email.gif) no-repeat 0px 3px; } /* Footer Container ID's ---------------------------------------------------------- */ #footer { width: 940px; margin: 3px auto 0px auto; padding: 5px 15px 20px 15px; border-top: 1px solid #9ab8df; } /* Start Clear Hack */ #footer:after { content: ""; display: block; height: 0; clear: both; } #footer { height: 100%; } /* Stop Clear Hack */ /* --- Footer Text Container --- */ #footertxt { float: left; font-size: 10px; } /* --- Legal Navigation Container --- */ #navlegal { margin: 0px 0px 0px 20px; } #navlegal ul { margin: 0px; padding: 0px; } #navlegal li { display: block; float: left; margin: 0px; padding: 0px 4px 0px 4px; font-size: 10px; border-left: 1px solid #9ab8df; } #navlegal li.start { border-left: 0px none; } /* --- CDG Link Container --- */ #cdglink { float: right; font-size: 10px; } #cdglink a { color: #000000; text-decoration: none; } #cdglink a:hover { color: #4c4d4f; text-decoration: underline; } /* Utilities ---------------------------------------------------------- */ #clear {clear: both; height: 1px; font-size: 1px;} .alignleft { float: left; text-align: left; } .alignright { float: right; text-align: right; } .textleft { text-align: left; } .textright { text-align: right; } /* #litTable { width: 700px; } #litTable th { background: #666666; font-weight:bold; } #litTable td { border: 1px solid #000000; } #litTable td.noborder { border: 0px none; width: 217px; } #litTable td input { margin: 0px auto 0px auto; } */ #litTable { width: 700px; margin: 0px; font-size: 11px; } #litTable th { padding: 2px 5px 2px 5px; border: 0px none; font-size: 11px; text-align: left; vertical-align: bottom; color: #000000; background: transparent; } #litTable td { padding: 2px 5px 2px 5px; border: 0px none; font-size: 11px; text-align: left; color: #000000; background: transparent; } #litTable td.noborder { border: 0px none; width: 217px; } #litTable h2 { font-size: 14px; margin: 15px 0px 0px 0px; } #litTable h3 { font-size: 12px; color: #cc6633; margin: 10px 0px 0px 0px; } #litTable p { margin: 0px; } #litTable tr.noborderheader th { border-top: 1px solid #dddac5; border-bottom: 1px solid #dddac5; color: #4c4d4f; background: #eaf0f9; } #siteSearchErrorWrapper { padding: 10px 10px 5px 10px; width: 285px; } #errorMessages { margin: 0px; padding: 0px; color: #FF0000; display: none; } #selectionsMessage { margin-top: 10px; color: #FF0000; display: none; } #calendarLaunch { display: inline; cursor: pointer; } #firstDeliveryDate { margin-bottom: 3px; } /*jn adds 4-26-10 these were required to move form from artemis microsite to main taconic site*/ #errorContainer { display: none; margin: 5px 5px 30px 23px; padding: 0px 0px 5px 25px; background: #FEFFC8 url(../frame-images/microsite/icons/exclamation.gif) no-repeat 4px 4px; } #errorContainer h3 { font-size: 18px; color: #B9181F; line-height: 20px; margin: 5px 0px 5px 0px; } #errorContainer ul#errorDetail { margin: 0px; padding: 0px; list-style-type: none; } /*#errorContainer li { color: #4A4F4F; padding: 0px 0px 3px 7px; background: transparent url(../frame-images/microsite/lists/bullet.jpg) no-repeat 0px 3px; }*/ .contact { border: none; margin-left: 18px; } .contact .reqstar {font-weight: bold; color: #EE3138; font-size: 15px; line-height: 13px; } .contact th { text-align: left; padding: 5px 0px 5px 5px; width: 100px; border: 1px solid #FFFFFF; } .contact td { padding: 5px 0px 5px 10px; border: none; } .contact td input.text { border: 1px solid #9ab8df; width: 150px; font-size: 12px; height: 13px; color: #757162; margin-top: 3px; padding: 2px; } .contact td select.text { border: 1px solid #9ab8df; width: 250px; font-size: 12px; color: #757162; margin-top: 3px; padding: 2px; } .contact td textarea { border: 1px solid #9ab8df; width: 500px; font-size: 12px; height: 125px; color: #757162; margin-top: 3px; padding: 2px; } .contact td span.inputContainer input.text { border: 1px solid #9ab8df; } .contact td span.validationError input.text { border: 2px solid #B9181F; } .contact td span.validationError select.text { border: 2px solid #B9181F; } /*add jn 5-6-10*/ .contact td span.validationError textarea { border: 2px solid #B9181F; } #subjectInq {width:375px;}