body { font:13px/1.22 arial, helvetica, clean, sans-serif; *font-size:small; *font:x-small; } /**************************************************************************************************************************** * Reset css start ****************************************************************************************************************************/ html { } body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, blockquote, th, td { margin:0; padding:0; } table { border-collapse:collapse; border-spacing:0; } fieldset, img { border:0; } address, caption, cite, code, dfn, th, var { font-style:normal; font-weight:normal; } li { 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; font-variant:normal; } sup { vertical-align:text-top; } sub { vertical-align:text-bottom; } input, textarea, select { font-family:inherit; font-size:inherit; font-weight:inherit; } input, textarea, select { *font-size:100%; margin:0; padding:0 } legend { color:#000; } /**************************************************************************************************************************** * New Body >> css ****************************************************************************************************************************/ body { background:#94d8f3 url('../images/bg-sub.png') repeat-x; text-align:center; font-family:Arial; } div.mainContainer { width:960px; min-height:1075px; text-align:left; margin:auto; border-top:0px; } *html div.mainContainer { height:1075px;} div.logo { width:507px; height:100px; float:left; display:inline; } div.addy { width:453px; height:47px; float:right; display:inline; background: url('../images/bg-addy.png'); } h2 { color:#85cbe1; font-weight:bold; font-size:14px; font-family:Arial; } div.nav1 { width:453px; height:59px; float:right; display:inline; } div.nav2 { width:960px; height:43px; clear:both; } div.flash { width:507px; height:265px; float:left; display:inline; background:#94d8f3; } div.video { width:453px; height:265px; float:right; display:inline; background:#94d8f3; } div.navMain { width:960px; height:65px; clear:both; } div.nav3 { width:719px; height:65px; float:left; display:inline; } div.search { width:241px; height:65px; float:right; display:inline; background: url('../images/bg-search.jpg') repeat-x; } input.search { width:135px; height:16px; border:0px; border:1px solid #28588f; } input.ok { width:36px; height:15px; border:0px; } div.header { width:960px; height:129; clear:both; } div.bar { width:960px; height:15px; clear:both; } div.ajax { width:960px; height:388px; background:#8ed9f0 url('../images/bg-content.png') repeat-x; } div.copy { width:960px; min-height:524px; background:#94d8f3 url('../images/bg-content.png') repeat-x; } div.copyL { width:685px; min-height:524px; float:left; display:inline; } div.txt { width:619px; min-height:514px; padding:0px 37px 10px 29px; font-size:12px;} h1 { color:#fff; font-weight:bold; font-size:18px; font-family:Arial; padding-left:29px; } hr { width:618px; height:2px; background:#fff url('../images/hr1.gif') no-repeat scroll left; border:0 none; } hr hr { display: none; } div.copyL blockquote,div.copyL ul,div.copyL ol,div.copyL dl { margin:5px; } div.copyL ol,div.copyL ul,div.copyL dl { margin:10px 0px 10px 0px; } div.copyL ul li {list-style: disc outside; margin-left:15px; } div.copyL ol li {list-style: decimal inside;} div.copyL li { margin:5px 0px; } div.copyL dl dd {margin-left:1em;} div.copyR { width:275px; min-height:524px; float:right; display:inline; } input { width:210px; height:24px; border:1px solid #1b9dc5; background:#caecf9; font-size:11px; } textarea { width:210px; height:100px; border:1px solid #1b9dc5; background:#caecf9; font-size:11px; } input.test { width:128px; height:28px; border:0px; } div.footer { height:160px; background: url('../images/bg-footer.png') repeat-x scroll center center; font-size:10px; color:#fff; clear:both; margin:auto; } .footer a { color:#fff; text-decoration:none; font-size:10px; font-weight:bold; line-height:24px; margin:6px; } .footer a:hover { color:#fff; text-decoration:underline; font-weight:bold; } .copyright a { color:#fff; text-decoration:none; font-size:10px; font-weight:normal; line-height:24px; } .copyright a:hover { color:#fff; text-decoration:underline; font-weight:normal; } div.links { width:960px; height:160px; margin:auto; } div.footerHome { width:960px; height:160px; background: url('../images/bg-footer.png') repeat-x; font-size:10px; color:#fff; clear:both; } .homeAjax1L{width:142px;padding:15px 0 0 22px; float:left; text-align:center; position:relative} .homeAjax1R{width:730px; padding:0 0 0 22PX;float:left} .ajax2{width:900px; height:315px; background:url(../images/homeAjaximg2.jpg) no-repeat 29px 3px ; position:relative} .ajax2Txt{ position:absolute; left:354px; top:128px; color:#1c1c1c} .ajax3{width:900px; height:315px; background:url(../images/homeAjaximg3.jpg) no-repeat 0px 2px; position:relative} .ajax3Txt{ position:absolute; left:275px; top:128px; color:#1c1c1c} .ajax4{width:900px; height:315px; background:url(../images/homeAjaximg4.jpg) no-repeat 29px 3px ; position:relative} .ajax4Txt{ position:absolute; left:318px; top:128px; color:#1c1c1c} .ajax5{width:900px; height:315px; background:url(../images/homeAjaximg5.jpg) no-repeat 28px -1px ; position:relative} .ajax5Txt{ position:absolute; left:354px; top:128px; color:#1c1c1c} /**************************************************************************************************************************** * Begin Glacial Accordion >> css ****************************************************************************************************************************/ .accordion{width:244px; height:333px; padding:10px; background:url(../images/accordion.png);} .accordionContent{ height:150px; padding:10px 0 0 0;overflow:hidden; display:none; position:relative} .accordionContent p{ width:234px; margin:auto; color:#545454} .accordion a, .accordion span, .accordion h3 {width:243px;height:41px;margin:0;padding:0;display:block;position:relative;overflow:hidden;} .accordion span, .accordion h3 { background:url(../images/accordionMenu.png) -243px 0;} .accordion span {position:absolute; left:0; top:0; cursor:pointer;} .accordion h3 { width:243px;} #accordionMenu1 {background-position: -243px 0;} #accordionMenu1 span, span.accordionMenu1_span {background-position: 0 0;} #accordionMenu1 a:hover span, span.accordionMenu1_span_oo {background-position: -243px 0;} #accordionMenu2 {background-position: -243px -41px;} #accordionMenu2 span, span.accordionMenu2_span {background-position: 0 -41px;} #accordionMenu2 a:hover span, span.accordionMenu2_span_oo {background-position:-243px -41px;} #accordionMenu3 {background-position: -243px -82px;} #accordionMenu3 span, span.accordionMenu3_span {background-position: 0 -82px;} #accordionMenu3 a:hover span, span.accordionMenu3_span_oo {background-position: -243px -82px;} #accordionMenu4 {background-position: -243px -123px;} #accordionMenu4 span, span.accordionMenu4_span {background-position: 0 -123px;} #accordionMenu4 a:hover span, span.accordionMenu4_span_oo {background-position: -243px -123px;} /**************************************************************************************************************************** * END Glacial Accordion >> css ****************************************************************************************************************************/ /*****************************************************************************/ /** [HSLIDER] ****************************************************************/ .sliderWrapper{width:939px;margin:auto;position:relative;} #slideLinks { background:url(../images/slideNav.png) 0 -55px no-repeat;} #slideLinks, #slideLinks ul{ width:939px; height:55px;} #slideLinks li{width:183px; height:55px; float:left; margin:0 0 0 6px; list-style:none} #slideLinks li a, #slideLinks a span {display:block; position:relative; overflow:hidden;} #slideLinks a span {position:absolute; left:0; top:0; background:url(../images/slideNav.png) no-repeat left top; cursor:pointer;} #slideLinks a#slideMenu1, #slideMenu1 span, span.slideMenu1_span {width:183px; height:55px;} #slideLinks a#slideMenu1 span, span.slideMenu1_span {background-position:0 0;} #slideLinks a#slideMenu1:hover span, span.slideMenu1_span_oo {background-position:0 -55px;} #slideLinks a#slideMenu2, #slideMenu2 span, span.slideMenu2_span {width:183px; height:55px;} #slideLinks a#slideMenu2 span, span.slideMenu2_span {background-position:-189px 0;} #slideLinks a#slideMenu2:hover span, span.slideMenu2_span_oo {background-position:-189px -55px;} #slideLinks a#slideMenu3, #slideMenu3 span, span.slideMenu3_span {width:183px; height:55px;} #slideLinks a#slideMenu3 span, span.slideMenu3_span {background-position:-378px 0;} #slideLinks a#slideMenu3:hover span, span.slideMenu3_span_oo {background-position:-378px -55px;} #slideLinks a#slideMenu4, #slideMenu4 span, span.slideMenu4_span {width:183px; height:55px;} #slideLinks a#slideMenu4 span, span.slideMenu4_span {background-position:-567px 0;} #slideLinks a#slideMenu4:hover span, span.slideMenu4_span_oo {background-position:-567px -55px;} #slideLinks a#slideMenu5, #slideMenu5 span, span.slideMenu5_span {width:183px; height:55px;} #slideLinks a#slideMenu5 span, span.slideMenu5_span {background-position:-756px 0;} #slideLinks a#slideMenu5:hover span, span.slideMenu5_span_oo {background-position:-756px -55px;} #slideCont {width:938px; height:325px; clear:both; position:relative; overflow:hidden;background:url(../images/slideItems.png) no-repeat;} #slideItems { width:4690px; position:relative; } #slideItems h1{color:#1c1c1c; font-size:16px;padding-left:0;} #slideItems li { width:938px; height:325px;display:block; float:left;position:relative;overflow:hidden;} a#slidePrevious { width:33px; height:68px; display:block; position:absolute; background:url(../images/sliderArrows.png) no-repeat left top; left: -33px; top: 107px; } a:hover#slidePrevious { background-position:0 -69px} a#slideNext { width:33px; height:68px; display:block; position:absolute; background:url(../images/sliderArrows.png) no-repeat -34px 0; right:-33px; top: 107px; } a:hover#slideNext { background-position:-34px -69px} a#slide-previous-link, a#slide-next-link { display:block; position:absolute; width:40px; height:40px; overflow:hidden; top:130px; } a#slide-previous-link {left:5px;} a#slide-next-link {left:883px;} /**************************************************************************************************************************** * END [HSLIDER] ****************************************************************************************************************************/ /**************************************************************************************************************************** * Menus >> css ****************************************************************************************************************************/ a#menu1 { left:20px; top:239px} a#menu1, a#menu1 span, span#menu1_span{ width:148px; height:49px; display:block; position:absolute; overflow:hidden;} a#menu1 span, span#menu1_span {left:0; top:0; background:url(../images/menuSet1.jpg) no-repeat 0 0;} a#menu1:hover span, span#menu1_span_oo {background-position: -148px 0;} a#menu2 { left:738px; top:239px} a#menu2, a#menu2 span, span#menu2_span{ width:148px; height:49px; display:block; position:absolute; overflow:hidden;} a#menu2 span, span#menu2_span {left:0; top:0; background:url(../images/menuSet1.jpg) no-repeat 0 -50px;} a#menu2:hover span, span#menu2_span_oo {background-position: -148px -50px;} a#menu3 { left:754px; top:239px} a#menu3, a#menu3 span, span#menu3_span{ width:148px; height:49px; display:block; position:absolute; overflow:hidden;} a#menu3 span, span#menu3_span {left:0; top:0; background:url(../images/menuSet1.jpg) no-repeat 0 -100px;} a#menu3:hover span, span#menu3_span_oo {background-position: -148px -100px;} a#menu4 { left:754px; top:239px} a#menu4, a#menu4 span, span#menu4_span{ width:148px; height:49px; display:block; position:absolute; overflow:hidden;} a#menu4 span, span#menu4_span {left:0; top:0; background:url(../images/menuSet1.jpg) no-repeat 0 -150px;} a#menu4:hover span, span#menu4_span_oo {background-position: -148px -150px;} a#menu5 { left:705px; top:239px} a#menu5, a#menu5 span, span#menu5_span{ width:195px; height:46px; display:block; position:absolute; overflow:hidden;} a#menu5 span, span#menu5_span {left:0; top:0; background:url(../images/menuSet1.jpg) no-repeat 0 -200px;} a#menu5:hover span, span#menu5_span_oo {background-position: -195px -200px;} a#menu6 {left:50px;top:99px;} a#menu6, a#menu6 span, span#menu6_span{ width:148px; height:49px; display:block; position:absolute; overflow:hidden;} a#menu6 span, span#menu6_span {left:0; top:0; background:url(../images/menuSet1.jpg) no-repeat 0 -50px;} a#menu6:hover span, span#menu6_span_oo {background-position: -148px -50px;} a#menu7 { left:95px; top:106px} a#menu7, a#menu7 span, span#menu7_span{ width:148px; height:49px; display:block; position:absolute; overflow:hidden;} a#menu7 span, span#menu7_span {left:0; top:0; background:url(../images/menuSet1.jpg) no-repeat 0 -100px;} a#menu7:hover span, span#menu7_span_oo {background-position: -148px -100px;} a#menu8 { left:27px; top:110px} a#menu8, a#menu8 span, span#menu8_span{ width:166px; height:50px; display:block; position:absolute; overflow:hidden; left:50px;} a#menu8 span, span#menu8_span {left:0; top:0; background:url(../images/watch_videos.png) no-repeat 0 0;} a#menu8:hover span, span#menu8_span_oo {background-position: 0;} a#menu9 { left:10px; top:92px} a#menu9, a#menu9 span, span#menu9_span{ width:195px; height:46px; display:block; position:absolute; overflow:hidden;} a#menu9 span, span#menu9_span {left:0; top:0; background:url(../images/menuSet1.jpg) no-repeat 0 -200px;} a#menu9:hover span, span#menu9_span_oo {background-position: -195px -200px;} /*****************/ /*********************/ #tab_menu, #tab_menu *, .tab_menus, .tab_menus *, #tab_menu1, #tab_menu1 *, #tab_menu2, #tab_menu2 * {margin:0;padding:0;} #tab_menu, .tab_menus, #tab_menu1, #tab_menu2 { float:left;} #tab_panels { clear:both;} #tab_menu ul, .tab_menus ul, #tab_menu1 ul, #tab_menu2 ul { position:relative; width:350px; list-style:none; margin:0;padding:0; border:1px solid #2A7FC0; } #tab_menu li, .tab_menus li, #tab_menu1 li, #tab_menu2 li { display:block;position:relative;margin:0;padding:0; list-style-type:none; list-style-position:outside;} #tab_menu li a, .tab_menus li a, #tab_menu1 li a, #tab_menu2 li a { display:block; position:relative; margin:0; padding: 0 0 2px 32px; cursor:pointer; color:#FFF;text-decoration:none; background:#6ABFFF url(../images/main_tablinks_off.jpg) no-repeat left top; line-height:25px; min-height:29px;} *html #tab_menu li a, *html .tab_menus li a, *html #tab_menu1 li a, *html #tab_menu2 li a {height:29px;} #tab_menu li a:hover, .tab_menus li a:hover, #tab_menu1 li a:hover, #tab_menu2 li a:hover { text-decoration:underline; color:#FFF; background:#6ABFFF url(../images/main_tablinks_over.jpg) no-repeat left top; } #tab_menu li.tab_selected a, .tab_menus li.tab_selected a, #tab_menu1 li.tab_selected a, #tab_menu2 li.tab_selected a { color:#FFF; background:#6ABFFF url(../images/main_tablinks_on.jpg) no-repeat left top;} .tab_panel { padding:10px; } .tab_menus, #tab_menu1, #tab_menu2 { position:relative;} .tab_menus ul, #tab_menu1 ul, #tab_menu2 ul { width:165px; border:0px none; } .tab_menus li, #tab_menu1 li, #tab_menu2 li { position:static;} @media all { @import url(../styles/jdMenu.css); /* rules */ } /*********************/ .glacialslide { cursor: url(/glacialslide/graphics/zoomin.cur); pointer; outline: none; } .glacialslide img { border: 2px solid gray; } .glacialslide:hover img { border: 2px solid white; } .glacialslide-image { border: 2px solid white; } .glacialslide-image-blur { } .glacialslide-caption { display: none; border: 2px solid white; border-top: none; font-family: Verdana, Helvetica; font-size: 10pt; padding: 5px; background-color: white; color: black;text-align:center; } .glacialslide-display-block { display: block; } .glacialslide-display-none { display: none; } .glacialslide-loading { display: block; color: white; font-size: 9px; font-weight: bold; text-transform: uppercase; text-decoration: none; padding: 3px; border-top: 1px solid white; border-bottom: 1px solid white; background-color: black;/* padding-left: 22px; background-image: url(/glacialslide/graphics/loader.gif); background-repeat: no-repeat; background-position: 3px 1px; */ } a.glacialslide-credits, a.glacialslide-credits i { padding: 2px; color: silver; text-decoration: none; font-size: 10px; } a.glacialslide-credits:hover, a.glacialslide-credits:hover i { color: white; background-color: gray; } /*************************/ a#blog_btn {top: 10px;} a#blog_btn, #blog_btn span, span.blog_btn_span { width:231px; height:65px; display:block; position: relative; overflow:hidden; } a#blog_btn span, span.blog_btn_span {position:absolute; left:0; top:0; background:url(../images/blog_button.png) no-repeat 0 0; cursor:pointer;} a#blog_btn:hover span, span.blog_btn_span_oo {background-position:0px -65px;} .glacialslide-html{background-color:#FFF;} .glacialslide-html-blur{border:2px solid gray;} .glacialslide-html-content{position:absolute;display:none;} .glacialslide-loading{display:block;color:#000;font-size:8pt;font-family:sans-serif;font-weight:700;text-decoration:none;border:1px solid #000;background-color:#FFF;padding:2px;} .glacialslide-move{cursor:move;} .glacialslide-display-block{display:block;} .glacialslide-display-none{display:none;} .control{float:right;display:block;font-size:9pt;font-weight:700;text-decoration:none;text-transform:uppercase;color:#999;margin:0 5px;} .control:hover{color:#000!important;} a.glacialslide, a.glacialslide * { margin:0; padding:0; } a.glacialslide { display:block; float:left; position:relative; width:auto; height:64px; overflow:hidden; margin:6px 8px 6px 0; background:url(watch_video_button_left.png) left top no-repeat;} a.glacialslide span, span.glacialslide { display:block; float:left; position:relative; width:auto; height:34px; cursor:pointer; background:url(watch_video_button_right.png) right top no-repeat; font:12px/1.20em helvetica,arial,clean,sans-serif; color:#8a2222; padding:30px 6px 0 46px; font-weight:bold; text-align:left; } a.glacialslide:hover { background-position:left -64px; color:#9aaaab; } a.glacialslide:hover span { background-position:right -64px; color:#9aaaab; white-space:nowrap; } /*********MAIN-ACCORDION-STYLE*************/ .main_accordion, body .main_accordion { border: 1px solid #8C8F91; margin: 10px 0; overflow: hidden; width: 620px; font: 75%/120% Arial, Helvetica, sans-serif; } .main_accordion h3, body .main_accordion h3 { background: #E1E5E8 url(../images/accordion_images/gcl_accord_head_off.gif) no-repeat left top; cursor: pointer; font-size: 15px; min-height: 28px; line-height: 25px; margin: 0; padding: 0 0 0 35px; border:0px none; border-top:1px solid #8C8F91; } .main_accordion h3.active_header { background: #46708E url(../images/accordion_images/gcl_accord_head_on.gif) no-repeat left top; } .main_accordion h3.accordion_header_oo { background: #F1F3F6 url(../images/accordion_images/gcl_accord_head_off_oo.gif) no-repeat left top; } .main_accordion h3 a { color:#222; text-decoration:none; line-height:25px; } .main_accordion h3.active_header a { color:#FFF; } .main_accordion h3.accordion_header_oo a { text-decoration: underline; color:#000; } .main_accordion div { background-color: #FBFDFF; margin:0; padding:10px 15px; border-bottom: 1px solid #737373; display: none; color: #000; height: 300px; overflow: hidden; } .main_accordion div p { margin:.2em 0 .4em 0; padding:0; } .main_accordion div ul, .main_accordion div ol {margin:1em; } .main_accordion div ul li {list-style:disc outside;} .main_accordion div ol li {list-style:decimal outside;} /*****************END-MAIN-ACCORDION-STYLE********************************/