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; } a, a:link, a:visited, a:active{ color: #445581; } a:hover { color:#FFAC22; text-decoration:none; } /**************************************************************************************************************************** * New Body >> css ****************************************************************************************************************************/ body { background:#f5f6f6 url('../images/bg-sub.png') repeat-x; text-align:center; font-family:Arial; } div.mainContainer { width:960px; min-height:1146px; margin:auto; text-align:left; border-top:0px; } div.logo { width:371px; height:91px; float:left; display:inline; } div.phone { width:589px; height:49px; float:right; display:inline; font-size:18px; background: url('../images/bg-phone.png') no-repeat; } div.nav1 { width:589px; height:42px; float:right; display:inline; } div.flash { width:960px; height:334px; clear:both; } div.content { width:930px; height:147px; padding:20px 15px 0px 15px; } div.ajax1 { width:960px; height:266px; background: url('../images/bg-ajax1.png') no-repeat; } div.ajaxTxt { width:877px; height:113px; font-size:14px; padding:0px 27px 0px 27px; color:#0289d3; } .ajaxCaps { color:#434343; text-transform: uppercase; } div.ajax2 { width:960px; height:322px; background: url('../images/bg-ajax2.png') no-repeat; } div.tempTxt { width:900px; height:100px; margin:0px 50px 0px 40px; } h1 { font-size:18px; color:#474342; } div.footer { min-height:133px; background:#f5f6f6 url('../images/bg-footer.png') repeat-x top center; text-align:center; font-size:10px; color:#5d5d5d; margin:auto; clear:both; } .footer a { color:#474342; text-decoration:none; font-size:10px; font-weight:bold; line-height:24px; margin:6px; } .footer a:hover { color:#0289d3; text-decoration:underline; font-weight:bold; } p.footer { width:900px; margin:auto; } hr.footer { border:0; width:800px; color:#795445; background-color:#795445; height:3px; } div.copyright { width:925px; min-height:133px; margin:auto; } ul { margin:0px; padding:0px; } a:link.btn1, a:visited.btn1 { display:block; width:192px; height:49px; background:transparent url('../images/click-to-talk.png') no-repeat top left; background-position: 0px 0px; } a:hover.btn1 { background-position: 0px -49px; } a:link.btn2, a:visited.btn2 { display:block; width:86px; height:22px; background:transparent url('../images/btn-learnmore.png') no-repeat top left; background-position: 0px 0px; } a:hover.btn2 { background-position: 0px -22px; } a:link.btn3, a:visited.btn3 { display:block; width:86px; height:22px; background:transparent url('../images/btn-learn2.png') no-repeat top left; background-position: 0px 0px; } a:hover.btn3 { background-position: 0px -22px; } /**************************************************************************************************************************** * Secondary Page >> css ****************************************************************************************************************************/ div.subLogo { width:371px; height:91px; float:left; display:inline; } div.subPhone { width:589px; height:49px; float:right; display:inline; font-size:18px; background: url('../images/bg-phone.png') no-repeat; } div.nav2 { width:589px; height:42px; float:right; display:inline; } div.subFlash { width:960px; height:179px; clear:both; } div.subAjax1 { width:960px; height:225px; background: url('../images/bg-subAjax1.png') no-repeat; } div.copyL { width:276px; min-height:746px; float:left; display:inline; } div.ajax2 { width:960px; height:322px; background: url('../images/bg-subAjax2.png') no-repeat; } div.copyR { width:612px; min-height:746px; float:right; display:inline; padding:0px 41px 0px 31px; } .title { font-size:24px; color:#034a8e; font-weight:bold; } div.box4 { font-size:12px; padding:0px 42px 0px 84px; text-align:left; } div.copyR blockquote,div.copyR ul,div.copyR ol,div.copyR dl { margin:0px 0px 10px 18px; } div.copyR ol,div.copyR ul,div.copyR dl { margin-left:18px; } div.copyR ul li {list-style: disc outside;} div.copyR ol li {list-style: decimal outside;} div.copyR li {margin:1px 0; } div.copyR dl dd { margin-left:10px; } /*****************************************************************************/ /** [HSLIDER] ****************************************************************/ .sliderWrapper{width:931px; height:266px; padding:0px; margin:auto; position:relative; font-size:12px; } #slideLinks { background: url('../images/slideNav1.gif') 0 -133px no-repeat;} #slideLinks, #slideLinks ul{ width:931px; height:133px;} #slideLinks li{width:133px; height:133px; float:left; margin:0 0 0 0px; 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/slideNav1.gif') no-repeat left top; cursor:pointer;} #slideLinks a#slideMenu1, #slideMenu1 span, span.slideMenu1_span {width:133px; height:133px;} #slideLinks a#slideMenu1 span, span.slideMenu1_span {background-position:0 0;} #slideLinks a#slideMenu1:hover span, span.slideMenu1_span_oo {background-position:0 -133px;} #slideLinks a#slideMenu2, #slideMenu2 span, span.slideMenu2_span {width:133px; height:133px;} #slideLinks a#slideMenu2 span, span.slideMenu2_span {background-position:-133px 0;} #slideLinks a#slideMenu2:hover span, span.slideMenu2_span_oo {background-position:-133px -133px;} #slideLinks a#slideMenu3, #slideMenu3 span, span.slideMenu3_span {width:133px; height:133px;} #slideLinks a#slideMenu3 span, span.slideMenu3_span {background-position:-266px 0;} #slideLinks a#slideMenu3:hover span, span.slideMenu3_span_oo {background-position:-266px -133px;} #slideLinks a#slideMenu4, #slideMenu4 span, span.slideMenu4_span {width:133px; height:133px;} #slideLinks a#slideMenu4 span, span.slideMenu4_span {background-position:-399px 0;} #slideLinks a#slideMenu4:hover span, span.slideMenu4_span_oo {background-position:-399px -133px;} #slideLinks a#slideMenu5, #slideMenu5 span, span.slideMenu5_span {width:133px; height:133px;} #slideLinks a#slideMenu5 span, span.slideMenu5_span {background-position:-532px 0;} #slideLinks a#slideMenu5:hover span, span.slideMenu5_span_oo {background-position:-532px -133px;} #slideLinks a#slideMenu6, #slideMenu6 span, span.slideMenu6_span {width:133px; height:133px;} #slideLinks a#slideMenu6 span, span.slideMenu6_span {background-position:-665px 0;} #slideLinks a#slideMenu6:hover span, span.slideMenu6_span_oo {background-position:-665px -133px;} #slideLinks a#slideMenu7, #slideMenu7 span, span.slideMenu7_span {width:133px; height:133px;} #slideLinks a#slideMenu7 span, span.slideMenu7_span {background-position:-798px 0;} #slideLinks a#slideMenu7:hover span, span.slideMenu7_span_oo {background-position:-798px -133px;} #slideCont {width:931px; padding:0px; margin:0px 0px 0px 0px; clear:both; position:relative; overflow:hidden; } #slideItems { width:6888px; position:relative;} #slideItems li { width:931px; height:133px;padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;display:block; float:left;position:relative;overflow:hidden; } #slideItems img { margin-right:20px; } #slideItems h3 { color:#0c295d; font-size:17px; font-weight:bold; } 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] ****************************************************************************************************************************/ /*****************************************************************************/ /** [VSLIDER] ****************************************************************/ .vSliderWrapper{width:933px; padding:0px 0px 0px 0px; margin:auto; background:#dedcdc url('../images/vSliderBg.png') repeat-y top right; } .vSliderL{ width:264px; float:left; } .vSliderR{ width:669px; float:left; padding-top:20px; overflow:hidden; } ul#vSlideItems { padding:0px; } ul#vSlideLinks { width:264px;overflow:hidden;background:url('../images/vSlideMenu.png') no-repeat -264px 0; margin:0; padding:0; } ul#vSlideLinks li{width:264px; height:46px; padding:0; margin:0; overflow:hidden; line-height:2px; font-size:2px; } a#vSlideMenu1, #vSlideMenu1 span, span.vSlideMenu1_span { display:block; position:relative;width:264px; height:46px; overflow:hidden;} a#vSlideMenu1 span, span.vSlideMenu1_span { position:absolute; left:0; top:0; background:url(../images/vSlideMenu.png) no-repeat 0 0;} a#vSlideMenu1:hover span, span.vSlideMenu1_span_oo { background-position: -264px 0 ; cursor:pointer} a#vSlideMenu2, #vSlideMenu2 span, span.vSlideMenu2_span { display:block; position:relative;width:264px; height:46px; overflow:hidden;} a#vSlideMenu2 span, span.vSlideMenu2_span { position:absolute; left:0; top:0; background:url(../images/vSlideMenu.png) no-repeat 0 -46px;} a#vSlideMenu2:hover span, span.vSlideMenu2_span_oo { background-position:-264px -46px; cursor:pointer} a#vSlideMenu3, #vSlideMenu3 span, span.vSlideMenu3_span { display:block; position:relative;width:264px; height:46px; overflow:hidden;} a#vSlideMenu3 span, span.vSlideMenu3_span { position:absolute; left:0; top:0; background:url(../images/vSlideMenu.png) no-repeat 0 -92px;} a#vSlideMenu3:hover span, span.vSlideMenu3_span_oo { background-position:-264px -92px; cursor:pointer} a#vSlideMenu4, #vSlideMenu4 span, span.vSlideMenu4_span { display:block; position:relative;width:264px; height:46px; overflow:hidden;} a#vSlideMenu4 span, span.vSlideMenu4_span { position:absolute; left:0; top:0; background:url(../images/vSlideMenu.png) no-repeat 0 -138px;} a#vSlideMenu4:hover span, span.vSlideMenu4_span_oo { background-position:-264px -138px; cursor:pointer} a#vSlideMenu5, #vSlideMenu5 span, span.vSlideMenu5_span { display:block; position:relative;width:264px; height:46px; overflow:hidden;} a#vSlideMenu5 span, span.vSlideMenu5_span { position:absolute; left:0; top:0; background:url(../images/vSlideMenu.png) no-repeat 0 -184px;} a#vSlideMenu5:hover span, span.vSlideMenu5_span_oo { background-position:-264px -184px; cursor:pointer} a#vSlideMenu6, #vSlideMenu6 span, span.vSlideMenu6_span { display:block; position:relative;width:264px; height:46px; overflow:hidden;} a#vSlideMenu6 span, span.vSlideMenu6_span { position:absolute; left:0; top:0; background:url(../images/vSlideMenu.png) no-repeat 0 -230px;} a#vSlideMenu6:hover span, span.vSlideMenu6_span_oo { background-position:-264px -230px; cursor:pointer} a#vSlideMenu7, #vSlideMenu7 span, span.vSlideMenu7_span { display:block; position:relative;width:264px; height:46px; overflow:hidden;} a#vSlideMenu7 span, span.vSlideMenu7_span { position:absolute; left:0; top:0; background:url(../images/vSlideMenu.png) no-repeat 0 -276px;} a#vSlideMenu7:hover span, span.vSlideMenu7_span_oo { background-position:-264px -276px; cursor:pointer} .vSliderRContent { padding:0px 28px 6px 30px; } .big {font-size:24px;} .big1 {font-size:30px; line-height:36px;} .big2 {font-size:22px; line-height:36px;} .big3 {font-size:20px; line-height:28px;} .vSlideItems h1{ height:28px;font-size:26px; color:#fff; letter-spacing:-0.05em; padding:6px 0px 0px 89px;} .vSlideItems { font-size:15px; color:#323232; } .vSlideItems{ line-height:18px;text-align:left; font-size:12px; color:#3b3b3b; } /**************************************************************************************************************************** * END [VSLIDER] ****************************************************************************************************************************/ /**************************************************************************************************************************** * Begin Glacial Accordion >> css ****************************************************************************************************************************/ .accordion{width:263px; padding:0px; background:#dedcdd; text-align:left; } .accordionContent{ height:351px; padding:15px; overflow:hidden; background:#dedcdd url('../images/bg-subAjax1.png') repeat-y; } .accordion a, .accordion span, .accordion h3 { width:263px; height:46px; margin:0; padding:0; display:block; position:relative; overflow:hidden; } .accordion span, .accordion h3 { background-image:url('../images/accordionMenu.png'); } .accordion span { position:absolute; left:0; top:0; cursor:pointer; } .accordion h3 { width:263px; } #accordionMenu1 {background-position: -263px 0;} #accordionMenu1 span, span.accordionMenu1_span {background-position: 0 0;} #accordionMenu1 a:hover span, span.accordionMenu1_span_oo {background-position: -263px 0;} #accordionMenu2 {background-position: -263px -46px;} #accordionMenu2 span, span.accordionMenu2_span {background-position: 0 -46px;} #accordionMenu2 a:hover span, span.accordionMenu2_span_oo {background-position:-263px -46px;} #accordionMenu3 {background-position: -263px -92px;} #accordionMenu3 span, span.accordionMenu3_span {background-position: 0 -92px;} #accordionMenu3 a:hover span, span.accordionMenu3_span_oo {background-position: -263px -92px;} #accordionMenu4 {background-position: -263px -138px;} #accordionMenu4 span, span.accordionMenu4_span {background-position: 0 -138px;} #accordionMenu4 a:hover span, span.accordionMenu4_span_oo {background-position: -263px -138px;} #accordionMenu5 {background-position: -263px -184px;} #accordionMenu5 span, span.accordionMenu5_span {background-position: 0 -184px;} #accordionMenu5 a:hover span, span.accordionMenu5_span_oo {background-position: -263px -184px;} #accordionMenu6 {background-position: -263px -230px;} #accordionMenu6 span, span.accordionMenu6_span {background-position: 0 -230px;} #accordionMenu6 a:hover span, span.accordionMenu6_span_oo {background-position: -263px -230px;} /**************************************************************************************************************************** * END Glacial Accordion >> css ****************************************************************************************************************************/ div.subCopyL blockquote,div.subCopyL ul,div.subCopyL ol,div.subCopyL dl {margin:1em;} div.subCopyL ol,div.subCopyL ul,div.subCopyL dl {margin-left:2em;} div.subCopyL ul li {list-style: disc inside;} div.subCopyL ol li {list-style: decimal outside;} div.subCopyL li {margin:0.5em 0; } div.subCopyL dl dd {margin-left:1em;} .subCopyL img {border:1px solid #656565;}