body { font:13px/1.22 arial, helvetica, clean, sans-serif; *font-size:small; *font:x-small; } /**************************************************************************************************************************** * Reset css start ****************************************************************************************************************************/ html { color:#000; background:#FFF; } 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: } legend { color:#000; } /**************************************************************************************************************************** * New Body >> css ****************************************************************************************************************************/ body { background:url(../images/bg.png) repeat-x; text-align:center; font-family:Arial; } #searchMag, #mapIcon, #headerMeadiaTop, #headerMeadiaBody, #headerMeadiaBottom, ajxBox1 { azimuth: expression( this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none", this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')", this.src = "images/blank.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("', '').replace('")', ''), this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='scale')", this.runtimeStyle.backgroundImage = "none")), this.pngSet=true ) } h3{ font-weight:bold; font-size:108%; color:#656554} #mainContanier { width:1024px; height:100%; position:relative; margin:auto; text-align:left; } #headerTop { width:1024px; height:93px; position:relative; } #logo { width:355px; height:64px; float:left; background:url(../images/logo.png) no-repeat; } #phone { width:620px; height:40px; padding:24px 0 0 40px; float:left; } #mainBar { width:975px; height:22px; padding:7px 0 0 40px; } #mainBarMenu { width:240px; color:#fff; float:left; font-size:12px; } #mainBarMenu a, #clickmap a { color:#fff; text-decoration:none; font-size:12px; margin: 0 7px 0 7px; } #mainBarMenu a:hover, #clickmap a:hover { color:#9c5fd1; } #barSearch { width:260px; height:22px; float:left; background:url(../images/searchBg.png) no-repeat 34px -1px; position:relative } #searchMag { width:31px; height:34px; background:url(../images/searchMag.png); position:absolute; top: -16px; } #searchInptCont { width:93px; height:12px; position:absolute; top: 1px; left: 42px; } .search { width:100px; height:16px; font-size:11px; background:transparent; border:0 } #inptButton { width:36px; height:15px; position:absolute; z-index:95; left: 154px; top: 1px; } #clickmap { width:100px; float:left; font-size:12px; } #mapIcon { width:54px; height:34px; background:url(../images/mapIcon.png); position:absolute; top: -12px; left: 206px; } #header { width:1024px; padding:6px 0 0 0; } #headerMeadiaTop { width:1021px; height:16px; font-size:1px; background:url(../images/headerMeadiaTop.png); } #headerMeadiaBody { width:1021px; background:url(../images/headerMeadiaBody.png); } #headerMeadiaBottom { width:1021px; height:16px; background:url(../images/headerMeadiaBottom.png); } #headerMedia { width:975px; height:328px; padding:6px 22px 0 22px } #headerMedia2 { width:975px; height:191px; margin:0 22px 0 22px; background:url(../images/headerMedia2.jpg); position:relative } #guiname { font-size:28px; color:#f4f5ed; position:absolute; left: 67px; top: 81px; width: 718px; } #navCont { width:1007px; height:46px; padding:0 0 0 7px} #contenL {width:738px;float:left } *html #contenL {width:728px;float:left } #contenR {width:245px;margin:0 0 0 20px; float:left} .color1 { color:#c19e56 } .color2 { color:#6f718c } .color3 { color:#a2d84a } .font11 { font-size:11px } .font12 { font-size:12px } .font13 { font-size:13px } .font14 { font-size:14px } .font16 { font-size:16px } #content { padding:20px 0 20px 20px; min-height:500px; } #content h1 { font-size:20px; color:#656554; } #content p { font-size:14px; color:#656554; } #content a { color:#7e8264; } #content a:hover { color:#7CBF0D; } #mainContent { width:1024px; height:337px; } #bannerMenusCont { height:188px; background:url(../images/bannerMenusBg.png) } #bannerMenus { width:1024px; height:180px; margin:auto; padding:14px 0 0 0; background:url(../images/bannerMenusBg.gif) } #bannerMenusBxFrst { width:243px; height:159px; float:left; } #bannerMenusBx { width:243px; height:159px; margin:0 0 0 17px; float:left; } #footerMenu { width:880px; height:40px; padding:5px 20px 0 20px; margin:auto; } #footerMenu img { margin-top:14px; margin-bottom:-2px } #footerMenu a { color:#262626; text-decoration:none; font-size:10px; margin:7px; line-height:24px; } #footerMenu a:hover { color:#7dbf0d; } #copyRight { width:650px; padding:14px 0 0 0; margin:auto; font-size:10px; color:#5c5c5c; border-top:#9b3ed3 1px solid; } /**************************************************************************/ /*** [INDEX PAGE STYLES] **************************************************/ .indexTop { display:block;overflow:hidden; } .cell_1 { background-color:#FFF; height:100%; } #opportunity { width:980px; height:86px; height:305px;margin:auto; padding:20px 0 0 0; } #productsCell { position:relative; clear:both; background-color:#CBE4EE; padding:10px; } #slideContainer { clear:both; position:relative; width:830px; height:209px; overflow:hidden; margin:0px; padding:0px; margin:0 0 0 72px; } #slideContainer ul { width:4550px; } #slideContainer li { position:relative; float:left; height:209px; font-weight:700; } #slideNav { clear:both; text-align:center; padding-left:2px; margin:0 0 0 66px; } #slideNav a { display:block; float:left; width:153px; height:66px; background:url(../images/tabbed.png) left top no-repeat; color:#9b3ed3; text-decoration:none; text-align:center; margin:0 3px 0 3px; padding:14px 4px 0 4px; font-weight:bold; } #slideNav a:hover { color:#9b3ed3; } #slideNav a.slideNavSelected { color:#3d3d3d; background-position:0 -74px; } #ajxBox1-1, #ajxBox1-2, #ajxBox1-3, #ajxBox1-4, #ajxBox1-5 { width:149px; height:201px; float:left; margin:8px 0 0 0; } #ajxBox1-1 { background:url(../images/ajxBox1-1.png) no-repeat 0 30px; } #ajxBox1-2 { background:url(../images/ajxBox1-2.png) no-repeat 0 30px; } #ajxBox1-3 { background:url(../images/ajxBox1-3.png) no-repeat 0 30px; } #ajxBox1-4 { background:url(../images/ajxBox1-4.png) no-repeat 0 30px; } #ajxBox1-5 { background:url(../images/ajxBox1-5.png) no-repeat 0 30px; } #ajxBox2 { width:373px; height:201px; padding:24px 10px 0 35px; float:left; color:#7e7684 } #ajxBox2 a { font-size:12px; color:#7e7684; text-decoration:none; display:block; font-weight:bold; height:18px } #ajxBox2 a:hover { color:#9b3ed3 } #ajxBox2-1 { width:280px; height:201px; padding:24px 10px 0 35px; float:left; color:#7e7684 } #ajxBox3-1, #ajxBox3-2, #ajxBox3-3, #ajxBox3-4 { width:261px; height:209px; float:left } #ajxBox3-1 { background:url(../images/ajxBox3-1.jpg) no-repeat 0 10px; } #ajxBox3-2 { background:url(../images/ajxBox3-2.jpg) no-repeat 0 10px; } #ajxBox3-3 { background:url(../images/ajxBox3-3.jpg) no-repeat 0 10px; } #ajxBox3-4 { background:url(../images/ajxBox3-4.jpg) no-repeat 0 10px; } #ajxBox3-5 { width:347px; padding:16px 0 0 0; float:left } #ajxButtonL { width:34px; height:24px; position:absolute; left: 29px; top: 692px; } #ajxButtonL a { width:34px; height:24px; background:url(../images/ajxButtonLR.png); display:block } #ajxButtonL a:hover { width:34px; height:24px; background:url(../images/ajxButtonLR.png) 0 -25px } #ajxButtonL span { display:none } #ajxButtonR { width:34px; height:24px; position:absolute; top: 692px; left: 959px; } #ajxButtonR a { width:34px; height:24px; background:url(../images/ajxButtonLR.png) -34px 0; display:block } #ajxButtonR a:hover { width:34px; height:24px; background:url(../images/ajxButtonLR.png) -34px -25px } #ajxButtonR span { display:none } #ajxBottom { width:879px; height:21px; background:url(../images/ajxBottom.png); margin:auto } /*** [/SLIDEVIEWER STYLES] ************************************************/ /**************************************************************************/ /**************************************************************************************************************************** * Replace Contaniers >> css ****************************************************************************************************************************/ #replace1Cont { position: absolute; width:165px; height:38px; left: 85px; top: 145px; } /**************************************************************************************************************************** * Replaces >> css ****************************************************************************************************************************/ #replace1 { position:relative; width:165px; height:38px; padding:0; overflow:hidden; } #replace1 span, span.replace1 { position: absolute; top:0; left:0px; width:165px; height:38px; background:url(../images/ajxBottom.png) repeat-y top left; } /**************************************************************************************************************************** * Menu Contaniers >> css ****************************************************************************************************************************/ #menu1Cont { position: absolute; width:135px; height:40px; left: 341px; top: 94px; } /**************************************************************************************************************************** * Menus >> css ****************************************************************************************************************************/ a#menu1, #menu1 span, span.menu1_span { display:block; position:relative; width:243px; height:159px; overflow:hidden; } a#menu1 span, span.menu1_span { position:absolute; left:0; top:0; background:url(../images/menuset1.png) no-repeat 0 0px; } a#menu1:hover span, span.menu1_span_oo { background-position:-243px 0; cursor:pointer } a#menu2, #menu2 span, span.menu2_span { display:block; position:relative; width:243px; height:159px; overflow:hidden; } a#menu2 span, span.menu2_span { position:absolute; left:0; top:0; background:url(../images/menuSet2.png) no-repeat 0 0px; } a#menu2:hover span, span.menu2_span_oo { background-position:-243px 0; cursor:pointer } a#menu3, #menu3 span, span.menu3_span { display:block; position:relative; width:243px; height:159px; overflow:hidden; } a#menu3 span, span.menu3_span { position:absolute; left:0; top:0; background:url(../images/menuSet3.png) no-repeat 0 0px; } a#menu3:hover span, span.menu3_span_oo { background-position:-243px 0; cursor:pointer } a#menu4, #menu4 span, span.menu4_span { display:block; position:relative; width:243px; height:159px; overflow:hidden; } a#menu4 span, span.menu4_span { position:absolute; left:0; top:0; background:url(../images/menuSet4.png) no-repeat 0 0px; } a#menu4:hover span, span.menu4_span_oo { background-position:-243px 0; cursor:pointer } a#menu5, #menu5 span, span.menu5_span { display:block; position:relative; width:168px; height:56px; overflow:hidden; } a#menu5 span, span.menu5_span { position:absolute; left:0; top:0; background:url(../images/menuset5.png) no-repeat 0 0px; } a#menu5:hover span, span.menu5_span_oo { background-position:0 -56px; cursor:pointer } a#menu6, #menu6 span, span.menu6_span { display:block; position:relative; width:168px; height:56px; overflow:hidden; } a#menu6 span, span.menu6_span { position:absolute; left:0; top:0; background:url(../images/menuset5.png) no-repeat 0 -112px; } a#menu6:hover span, span.menu6_span_oo { background-position:0 -169px; cursor:pointer } a#menu7, #menu7 span, span.menu7_span { display:block; position:relative; width:216px; height:56px; overflow:hidden; } a#menu7 span, span.menu7_span { position:absolute; left:0; top:0; background:url(../images/menuset5.png) no-repeat 0 -226px; } a#menu7:hover span, span.menu7_span_oo { background-position:0 -282px; cursor:pointer } a#menu8, #menu8 span, span.menu8_span { display:block; position:relative; width:216px; height:56px; overflow:hidden; } a#menu8 span, span.menu8_span { position:absolute; left:0; top:0; background:url(../images/menuset5.png) no-repeat 0 -338px; } a#menu8:hover span, span.menu8_span_oo { background-position:0 -396px; cursor:pointer } a#menu5-, #menu5- span, span.menu5-_span { display:block; position:relative; width:243px; height:159px; overflow:hidden; } a#menu5- span, span.menu5-_span { position:absolute; left:0; top:0; background:url(../images/menu5-.png) no-repeat 0px 0px; } a#menu5-:hover span, span.menu5-_span_oo { background-position:-243px 0; cursor:pointer } /******************/ div#content blockquote,div#content ul,div#content ol,div#content dl {margin:1em;} div#content ol,div#content ul,div#content dl {margin-left:2em;} div#content ul li {list-style: disc outside; font-size:14px; color:#656554; } div#content ol li {list-style: decimal outside;} div#content li {margin:0.5em 0; font-size:14px; color:#656554; } div#content dl dd {margin-left:1em;} #rTop { width:223px; height:55px; padding:10px; background:url(../images/rTop.png) no-repeat; text-align:left } #rMiddle { width:223; height:838px; padding:0 10px 0 10px;background:#ebebeb; border-left:#000 1px solid;border-right:#000 1px solid;padding:0 8px 0 6px } *html #rMiddle {width:217; height:698px;background:#ebebeb; border-left:#000 1px solid;border-right:#000 1px solid;padding:0 2px 0 4px;} #rBottom { width:243px; height:13px; background:url(../images/rBottom.png); } *html #rBottom { width:243px; height:13px; background:url(../images/rBottom.png); font-size:2px; margin:0 0 16px 0 } #formStr { width:243px; height:1088px; position: relative } #formStr br{ margin:0px; padding:0px; height:0px} #rModul { width:243px; height:974px; margin:29px 0 0 0 } /**************************************************************************************************************************** * Form objects >> ****************************************************************************************************************************/ #form { width:233px; margin:0; font-size:12px; font-weight: lighter; padding:0 0 0 0px } #form br { height:16px; font-size:8px } #formCont1 { width:230px; margin:6px 0 0 0 } #fTitle1 { float:left; padding:3px 0 0 0; width:96px } #fInput1 { float:right; width:126px } .input1 { background:url(../images/inputBg.png); border:1px solid #7b838c; boder-top:0px; height:17px; width:126px } .input2 { background:url(../images/inputBg.png); border:1px solid #7b838c; boder-top:0px; height:17px; width:72px } .input3 { background:url(../images/inputBg.png); border:1px solid #7b838c; boder-top:0px; height:17px; width:30px } #fTitle2 { float:right; padding:3px 10px 0 0; text-align:right; width:90px } #fTitle2-2 { float:right; padding:3px 16px 0 0; text-align:right; width:94px } #fInput2 { float:right; width:76px } #radioCont { padding:6px 0 0 0; } #radio1 { float:left; width:76px; height:18px } #radio2 { float:left; width:102px; height:18px } #radio3{ float:left; height:18px; width:215px; } #checkBox { padding:10px 0 0 0; } #buttonCont { text-align:center; padding:6px 0 0 0; height:50px; } #more { text-align:center; padding:0; } #more a { text-decoration:underline; color:#0a79e7 } #more a:hover { text-decoration:none; color:#1b69b7 } .textArea { border:1px inset #000088; font-family:Sans-serif; height:64px; line-height:normal; padding-left:3px; width:227px; margin:4px 0 0 0; overflow: auto; font-size:11px } #header_image {top:0; left:0;} /**********************Text Link***********************/ .ir-link-wrapper { text-align:center; margin:15px auto 15px auto; } .ir-link-wrapper, .ir-link-wrapper a, a.ir-link, a.ir-link:link, a.ir-link:visited, a.ir-link:active { font-family: Arial, Helvetica, sans-serif; font-size:10px; font-weight:normal; color:#333; } .ir-link-wrapper a:hover, a.ir-link:hover {color:#000; text-decoration:none;} .ir-info-wrapper {} .ir-info {} /**********************Text Link***********************/ .glacialslide-html { background-color: white; } .glacialslide-html-blur { } .glacialslide-html-content { position: absolute; display: none; } .glacialslide-loading { display: block; color: black; font-size: 8pt; font-family: sans-serif; font-weight: bold; text-decoration: none; padding: 2px; border: 1px solid black; background-color: white;/*padding-left: 22px; background-image: url(glacialslide/graphics/loader.white.gif); background-repeat: no-repeat; background-position: 3px 1px;*/ } .glacialslide-display-block { display: block; } .glacialslide-display-none { display: none; } .control { float: right; display: block; /*position: relative;*/ margin: 0 5px; font-size: 9pt; font-weight: bold; text-decoration: none; text-transform: uppercase; color: #999; } .control:hover { color: black !important; } .glacialslide-move { cursor: move; } #ftCont {background:url(../images/f_t_buttons.jpg) no-repeat 0 0; width:72px; height:31px; position:relative; margin:0 auto;} a#facebook {left:-20px; top:0;} a#facebook, #facebook span, span.facebook_span {width:36px;height:31px;display:block; position:relative; overflow:hidden;} a#facebook span, span.facebook_span { position:absolute; left:0; top:0; background:url(../images/f_t_buttons.jpg) no-repeat 0 0;} a#twitter {left:17px; top:-31px;} a#twitter, #twitter span, span.twitter_span {width:37px;height:31px;display:block; position:relative; overflow:hidden;} a#twitter span, span.twitter_span { position:absolute; left:0; top:0; background:url(../images/f_t_buttons.jpg) no-repeat -35px 0;} #displaybox {position:relative; width:500px;} .displayboxclose {-moz-user-select:none; border:0 none; cursor:pointer; height:12px; left:475px; margin:0; padding:5px 5px 7px 7px; position:absolute; top:-1px; width:12px; z-index:10000;} /*********************/ .btnnav{display:block; width:205px; height:0px; background-image:url(/images/btnbeyer.png); padding:29px 0 0 0; overflow:hidden; background-repeat:no-repeat; float:left;margin-top:-7px;} .btnnav:hover{ background-position:bottom;}