/**************************************************************************************************************************** * Reset css start ****************************************************************************************************************************/ * { margin:0; padding:0; } body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td { margin:0; padding:0; } table { border-collapse:collapse; border-spacing:0; } fieldset, img { border:0; } address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal; } ol, ul { list-style:none; } caption, th { text-align:left; } h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal; } blockquote:before, blockquote:after, q:before, q:after { content:''; } blockquote, q { quotes: "" ""; } abbr, acronym { border:0; font-variant:normal; } sup, sub { line-height:-1px; vertical-align: text-top; } sub { vertical-align:text-bottom; } input, textarea, select { font-family:inherit; font-size:inherit; font-weight:inherit; } body { font:13px/1.22 arial, helvetica, clean, sans-serif; *font-size:small;*font:x-small;} table { font-size:inherit; font:100%; } pre, code, kbd, samp, tt { font-family:monospace; *font-size:108%;line-height:99%; } body * { line-height:1.22em; } h1, h2, h3, h4, h5, h6, strong { font-weight:bold; } em { font-style:italic; } th { font-weight:bold; text-align:center; } p { margin: 1em 0; } 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; } div#content ol li { list-style: decimal outside; } div#content li { margin:0.5em 0; } div#content dl dd { margin-left:1em; } body { color:#000; } a, a:link, a:visited, a:active { color: #000; } a:hover { color:#158AB7;} /**************************************************************************************************************************** * Reset css finish ****************************************************************************************************************************/ /**************************************************************************************************************************** * New Body >> css ****************************************************************************************************************************/ body { background: #201f1c url(../images/bg.jpg) repeat-x;margin:auto; padding:0; text-align:center} #maincontanier{width:960px; margin:auto; text-align:left} #top{width:920px; height:35px; position:relative;} #nav1Cont{width:186px; height:35px; position:absolute; z-index:99} #telNum{ width:310px; height:35px; position:absolute; left: 250px; color:#B7A84D; padding:12px 0 0 26px; font-size:11px;} .searchCont{ width:170px; height:26px; padding:5px 0 0 35px; background:url(../images/searchBg.png) no-repeat; position:absolute; left:733px; top:6px;} .buttonCont{ width:32px; height:17px; position:absolute; left:917px; top:11px; } .ie .searchCont {padding:0 0 0 35px;} #search {background-color:#F7F7F7; border:0 none;font-size:11px; height:12px; line-height:13px; margin:0; overflow:hidden; padding:0; width:115px; *position:relative; *top:0px;} #header{ width:920px; height:160px; position:relative; margin:auto} #nav2Cont{ width:920px; height:34px;} #headerMedia{ width:960px; height:349px; padding:26PX 0 0 0;} #slideCont{ width:920px; height:353px; position: relative; margin:auto} #footer{ height:50px;margin:auto;padding:10px 0 0;text-align:center;width:750px;} #footer img { margin-top:14px; margin-bottom:-2px } #footer a { color:#000000; text-decoration:none; font-size:10px; margin:7px; line-height:24px; } #footer a:hover { color:#233174; text-decoration:underline; } #copyRight{ width:920px; height:135px; text-align:center; color:#ada680; font-size:10px; padding:20px 0 0 0; margin:auto; letter-spacing:1px;} .header-img{ width:461px; height:77px; background:url(../images/header_img.png); position:absolute; top: 34px; left:-23px; z-index:1} .headerMSet1{ width:187px; position:absolute; top: 27px; left: 501px;} .headerMSet1 br{font-size:10px} .headerMSet2 br{font-size:11px} .headerMSet2{ width:248px; position:absolute; top: 15px; left: 705px; margin:0 0 0 11px;} .headerMSet2inner{ width:248px; position:absolute; top: 15px; left: 710px; margin:0 0 0 11px;} .headerMediaL{ width:469px; height:322px;float:left} .headerMediaR{ width:475px; height:322px;float:left; margin:0 0 0 10px} .gui-img{ height:60px; padding-top:3px; overflow:hidden;} .footCont{height:216px; background:url(../images/footer.png)} .contentSL{ width:478px; padding:0 10px 0 10px; float:left;} .contentSR{ width:438px; float:left;} .leftColumn{ height:760px; background:url(../images/leftColumn.jpg)} #box1{ height:296px; padding:36px 0 0 0; background:url(../images/shadow.png) left bottom no-repeat} .boxL{ width:170px; float:left; padding:0 0 0 20px} .boxL h1{ color:#c2c1c0; font-size:16px;} .boxR{ width:234px; float:left} #box3{ height:110px; position:relative} #box4{ height:110px; position:relative; background:url(../images/boxBg.png); margin:0 0 0 24px; width:379px; height:300px;} #box4in1{ width:297px; height:20px; position:absolute;left: 19px; top: 16px; color:#353430; font-size:18px; } #box4in2{ width:92px; height:159px; position:absolute;left: 19px; top: 48px;background:url(../images/PremiumLens-implants-.jpg) no-repeat; } #box4in3{ width:227px; height:190px; position:absolute; left: 120px; top: 35px; font-size:12px; } #box4in4{ width:131px; height:25px; position:absolute;left: 222px; top: 260px; } /**************************************************************************************************************************** * Menus >> css ****************************************************************************************************************************/ a#menu1, #menu1 span, span.menu1_span { display:block; position:relative; width:187px; height:31px; overflow:hidden; } a#menu1 span, span.menu1_span { position:absolute; left:0; top:0; background:url(../images/menuSetTop.png) no-repeat 0 0px; } a#menu1:hover span, span.menu1_span_oo { background-position:-187px 0; cursor:pointer } a#menu2, #menu2 span, span.menu2_span { display:block; position:relative; width:187px; height:38px; overflow:hidden; } a#menu2 span, span.menu2_span { position:absolute; left:0; top:0; background:url(../images/menuSetTop.png) no-repeat 0 -31px; } a#menu2:hover span, span.menu2_span_oo { background-position:-187px -31px; cursor:pointer} a#menu3, #menu3 span, span.menu3_span { display:block; position:relative; width:187px; height:37px; overflow:hidden; } a#menu3 span, span.menu3_span { position:absolute; left:0; top:0; background:url(../images/menuSetTop.png) no-repeat 0 -69px; } a#menu3:hover span, span.menu3_span_oo { background-position:-187px -69px; cursor:pointer } a#menu4, #menu4 span, span.menu4_span { display:block; position:relative; width:219px; height:42px; overflow:hidden; } a#menu4 span, span.menu4_span { position:absolute; left:0; top:0; background:url(../images/menuSet1.png) no-repeat 0 -104px; } a#menu4:hover span, span.menu4_span_oo { background-position:0 -241px; cursor:pointer } a#menu5, #menu5 span, span.menu5_span { display:block; position:relative; width:219px; height:42px; overflow:hidden; } a#menu5 span, span.menu5_span { position:absolute; left:0; top:0; background:url(../images/menuSet1.png) no-repeat 0 -146px; } a#menu5:hover span, span.menu5_span_oo { background-position:0 -283px; cursor:pointer } a#menu6, #menu6 span, span.menu6_span { display:block; position:relative; width:209px; height:26px; overflow:hidden; } a#menu6 span, span.menu6_span { position:absolute; left:0; top:0; background:url(../images/menuSet2.png) no-repeat 0 0; } a#menu6:hover span, span.menu6_span_oo { background-position:-209px 0; cursor:pointer} a#menu7, #menu7 span, span.menu7_span { display:block; position:relative; width:209px; height:26px; overflow:hidden; } a#menu7 span, span.menu7_span { position:absolute; left:0; top:0; background:url(../images/menuSet2.png) no-repeat 0 -26px; } a#menu7:hover span, span.menu7_span_oo { background-position:-209px -26px; cursor:pointer} a#menu8, #menu8 span, span.menu8_span { display:block; position:relative; width:209px; height:26px; overflow:hidden; } a#menu8 span, span.menu8_span { position:absolute; left:0; top:0; background:url(../images/menuSet2.png) no-repeat 0 -52px; } a#menu8:hover span, span.menu8_span_oo { background-position:-209px -52px; cursor:pointer} a#menu9, #menu9 span, span.menu9_span { display:block; position:relative; width:209px; height:26px; overflow:hidden; } a#menu9 span, span.menu9_span { position:absolute; left:0; top:0; background:url(../images/menuSet2.png) no-repeat 0 -78px; } a#menu9:hover span, span.menu9_span_oo { background-position:-209px -78px; cursor:pointer} a#menu10, #menu10 span, span.menu10_span { display:block; position:relative; width:273px; height:127px; overflow:hidden; } a#menu10 span, span.menu10_span { position:absolute; left:0; top:0; background:url(../images/menuSet3.png) no-repeat 0 0; } a#menu10:hover span, span.menu10_span_oo { background-position:0 -127px; cursor:pointer} a#menu11, #menu11 span, span.menu11_span { display:block; position:relative; width:273px; height:127px; overflow:hidden; } a#menu11 span, span.menu11_span { position:absolute; left:0; top:0; background:url(../images/menuSet3.png) no-repeat -278px 0; } a#menu11:hover span, span.menu11_span_oo { background-position:-278px -127px; cursor:pointer} a#menu12, #menu12 span, span.menu12_span { display:block; position:relative; width:273px; height:127px; overflow:hidden; } a#menu12 span, span.menu12_span { position:absolute; left:0; top:0; background:url(../images/menuSet3.png) no-repeat -558px 0; } a#menu12:hover span, span.menu12_span_oo { background-position:-558px -127px; cursor:pointer} a#menu13, #menu13 span, span.menu13_span { display:block; position:relative; width:346px; height:88px; overflow:hidden; } a#menu13 span, span.menu13_span { position:absolute; left:0; top:0; background:url(../images/menuSet4.png) no-repeat 0 0; } a#menu13:hover span, span.menu13_span_oo { background-position:0 -88px; cursor:pointer} a#menu14, #menu14 span, span.menu14_span { display:block; position:relative; width:234px; height:44px; overflow:hidden; } a#menu14 span, span.menu14_span { position:absolute; left:0; top:0; background:url(../images/menuSet5.jpg) no-repeat 0 0; } a#menu14:hover span, span.menu14_span_oo { background-position:-234px 0; cursor:pointer} a#menu15, #menu15 span, span.menu15_span { display:block; position:relative; width:234px; height:46px; overflow:hidden; } a#menu15 span, span.menu15_span { position:absolute; left:0; top:0; background:url(../images/menuSet5.jpg) no-repeat 0 -44px; } a#menu15:hover span, span.menu15_span_oo { background-position:-234px -44px; cursor:pointer} a#menu16, #menu16 span, span.menu16_span { display:block; position:relative; width:234px; height:51px; overflow:hidden; } a#menu16 span, span.menu16_span { position:absolute; left:0; top:0; background:url(../images/menuSet5.jpg) no-repeat 0 -146px; } a#menu16:hover span, span.menu16_span_oo { background-position:-234px -146px; cursor:pointer} a#menu17, #menu17 span, span.menu17_span { display:block; position:relative; width:234px; height:51px; overflow:hidden; } a#menu17 span, span.menu17_span { position:absolute; left:0; top:0; background:url(../images/menuSet5.jpg) no-repeat 0 -95px; } a#menu17:hover span, span.menu17_span_oo { background-position:-234px -95px; cursor:pointer} a#menu18, #menu18 span, span.menu18_span { display:block; position:relative; width:234px; height:51px; overflow:hidden; } a#menu18 span, span.menu18_span { position:absolute; left:0; top:0; background:url(../images/menuSet5.jpg) no-repeat 0 -196px; } a#menu18:hover span, span.menu18_span_oo { background-position:-234px -196px; cursor:pointer} a#menu19, #menu19 span, span.menu19_span { display:block; position:relative; width:179px; height:78px; overflow:hidden; } a#menu19 span, span.menu19_span { position:absolute; left:0; top:0; background:url(../images/menuSet6.jpg) no-repeat 0 0; } a#menu19:hover span, span.menu19_span_oo { background-position:-179px 0; cursor:pointer} a#menu20, #menu20 span, span.menu20_span { display:block; position:relative; width:179px; height:78px; overflow:hidden; } a#menu20 span, span.menu20_span { position:absolute; left:0; top:0; background:url(../images/menuSet6.jpg) no-repeat 0 -78px; } a#menu20:hover span, span.menu20_span_oo { background-position:-179px -78px; cursor:pointer} a#menu21, #menu21 span, span.menu21_span { display:block; position:relative; width:131px; height:25px; overflow:hidden; } a#menu21 span, span.menu21_span { position:absolute; left:0; top:0; background:url(../images/menuSet7.png) no-repeat 0 0; } a#menu21:hover span, span.menu21_span_oo { background-position:0 -25px; cursor:pointer} #mnu19Cont{ width:179; height:78px; position:absolute; top:10px; left: 22px; } #mnu20Cont{ width:179; height:78px; position:absolute; top:10px; left: 227px; } a#menu22, #menu22 span, span.menu22_span { display:block; position:relative; width:219px; height:45px; overflow:hidden; margin-top:3px; top:-4px;} a#menu22 span, span.menu22_span { position:absolute; left:0; top:0; background:url(../images/menuSet1.png) no-repeat 0 -197px; } a#menu22:hover span, span.menu22_span_oo { background-position:0 -334px; cursor:pointer } /**************************************************************************/ /*** [INDEX PAGE STYLES] **************************************************/ .indexTop { display:block; position:relative; overflow:hidden; } .cell_1 {height:100%; } #opportunity { width:880px; height:86px; height:305px; position:relative; margin:auto; padding:20px 0 0 0; } #productsCell { position:relative; clear:both; background-color:#CBE4EE; padding:10px; } #slideContainer { clear:both; position:relative; width:880px; height:209px; overflow:hidden; margin:0px; padding:0px; margin:auto; background:url(../images/ajaxBg.png) } #slideContainer ul { width:5280px; } #slideContainer li { position:relative; float:left; height:209px; font-weight:700; } #slideNav { clear:both; text-align:center; padding-left:2px; margin:0 0 0 10px; } #slideNav a { display:block; float:left; width:133px; height:73px; background:url(../images/tabbed.png) left top no-repeat; color:#dadada; text-decoration:none; text-align:center; margin:0 3px 0 3px; padding:14px 2px 0; font-weight:bold; } #slideNav a:hover { color:#4485c1; } #slideNav a.slideNavSelected { color:#3d3d3d; background-position:0 -87px; } #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.jpg) no-repeat 12px 12px; float:left; width:178px; } #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 10px; } #ajxBox1-5 { background:url(../images/ajxBox1-5.png) no-repeat 0 10px; width:157px; height:167px; } #eventList{ padding:20px 0 0 0 } #ajxBox2 { width:640px; height:201px; padding:24px 10px 0 35px; float:left;color:#3d3d3d; font-weight:normal; } #ajxBox2 a { font-size:12px; color:#3d3d3d; text-decoration:none; display:block; font-weight:bold;} #ajxBox2 a:hover { color:#23306c} #ajxBox2-1 { width:280px; height:201px; padding:24px 10px 0 35px; float:left; color:#7e7684 } #ajxBox2-1i { width:560px; height:201px; padding:24px 10px 0 35px; float:left;color:#3c382c; font-size:12px;font-weight:normal} #ajxBox3-1, #ajxBox3-2, #ajxBox3-3, #ajxBox3-4,ajxBox3-1i { width:261px; height:209px; float:left } #ajxBox3-1i{ width:694px; height:209px; float:left;} /*width:716px*/ #ajxBox3-1 { background:url(../images/ajxBox3-1.jpg) no-repeat 0 10px; } #ajxBox3-2 { background:url(../images/ajxBox3-2.jpg) no-repeat 0 10px; width:206px; height:206px;margin:0 0 0 80px; } #ajxBox3-3 { background:url(../images/ajxBox3-3.jpg) no-repeat 0 10px; } #ajxBox3-4 { } #ajxBox3-5 { width:347px; padding:16px 0 0 0; float:left } #ajxBox3-6 { color:#3C382C;float:left;font-size:12px;font-weight:normal;height:201px; padding:24px 10px 0 35px; width:802px; } #ajxButtonL { width:34px; height:24px; position:absolute; left: -16px; top: 177px; } #ajxButtonL a { width:34px; height:24px; background:url(../images/ajxButtonLR.gif); display:block } #ajxButtonL a:hover { width:34px; height:24px; background:url(../images/ajxButtonLR.gif) 0 -25px } #ajxButtonL span { display:none} #ajxButtonR { width:34px; height:24px; position:absolute; top: 177px; left:902px; } #ajxButtonR a { width:34px; height:24px; background:url(../images/ajxButtonLR.gif) -34px 0; display:block } #ajxButtonR a:hover { width:34px; height:24px; background:url(../images/ajxButtonLR.gif) -34px -25px } #ajxButtonR span { display:none} #ajxBottom { width:879px; height:21px; background:url(../images/ajxBottom.png); margin:auto} #ajxContanier1 { padding:10px 0 10px 20px;} #ajxContanier1L {width:180px;float:left; color:#222f71; font-size:17px; font-weight:normal} #ajxContanier1M {width:260px;float:left; color:#3c382c; font-size:12px;font-weight:normal} #ajxContanier1R {width:209px; height:26px;float:left;} .mediaCont1 {width:276px; height:150px;float:left;} .mediaCont2 {width:276px; height:150px;float:left;} .mediaCont3{width:276px; height:150px; float:left;} /*** [/SLIDEVIEWER STYLES] ************************************************/ /**************************************************************************/ /**************************************************************************************************************************** * Form >> css ****************************************************************************************************************************/ .askFormInpt{width:138px; height:16px; background:url(../images/inputbg.gif) repeat-x; border:1px solid #a2a2a2;padding:1px 0 0 3px; margin:3px 0 0 0; font-size:11px } .askFormTxtA {width:138px; height:52px; background:#fff url(../images/inputbg.gif) repeat-x;border:1px solid #a2a2a2;OVERFLOW: auto;padding:1px 0 0 3px; font-size:11px;margin:3px 0 0 0;} /****** Form1 >> css *****/ #form1{ width:140px;font-size:10px; color:#667c87; padding:40px 0 0 0; text-align:left; line-height:12px; margin:0; padding:0} #submit { padding-top:10px;} /****** Form2 >> css *****/ #formCont{ width:312px;background:#66CCCC} #formBox2{ padding:8px 0 0 0} #formFloat1,#formFloat2{ width:140px; height:16px; padding:4px 0 0 4px; float:left; background:url(../images/inputBg.png)} #formFloat2{ margin:0 0 0 8px;} /**************************************************************************************************************************** * Form >> css ****************************************************************************************************************************/ div#contentS blockquote,div#contentS ul,div#contentS ol,div#contentS dl {margin:1em;} div#contentS ol,div#contentS ul,div#contentS dl {margin-left:2em;} div#contentS ul li {list-style: disc inside;} div#contentS ol li {list-style: decimal inside;} div#contentS li {margin:0.1em 0; } div#contentS dl dd {margin-left:1em;} /***************/ .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;} /**************/ .glacialslideImg {display:block; min-width:158px; min-height:64px;} /***************Send To Friend*******************/ #recommendUsCell { display:none; cursor: default; padding:5px; border:1px solid #000; z-index:99;} .close_form, .close_form_oo { margin:0; padding:0 1px; border:1px solid #555; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; float:right; cursor:pointer; } .close_form { background-color:#F6F6F6; color:#CC0000; } .close_form_oo { background-color:#C90000; color:#FFF; } #recommendUsForm, #recommendUsForm * { margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:14px; } #recommendUsForm { clear:both; } recommendUsForm td { margin:2px 0; } #recommendUsForm .input_txt, #recommendUsForm .input_txtarea { border:1px solid #bbb; background-color:#F6F6F6; padding:2px; margin:1px 0; } #recommendUsForm .input_txt { width:145px; } #recommendUsForm .input_txtarea { width:300px; } #recommendUsForm a { color:#AE620D; font-family:Georgia,"Times New Roman",Times,serif; font-size:12px; text-decoration:none; } /***************Send To Friend*******************/ .content_txt { margin:30px 0 10px 0;} .content_txt img { border:1px solid black; } #x_months_interest_button_holder {position:relative;width:100px; height:20px;} #x_months_interest_button { background:transparent url(../images/24_months_int_fin.png) repeat scroll 0 0; height:83px; left:200px; position:absolute; text-indent:-9999px; top:-25px; width:154px; } a#x_months_interest_button:hover{ background:transparent url(../images/24_months_int_fin.png) repeat scroll 0 83px; } /*********************/ #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:295px; list-style:none; margin:0;padding:0; border:1px solid #e7e6e6; } #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:#3e3e3e;text-decoration:none; background:#e9e9e9 url(../images/main_tablinks_off.gif) 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:#34505e; background:#d9d9d9 url(../images/main_tablinks_over.gif) 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:#3e3e3e; background:#dadada url(../images/main_tablinks_on.gif) 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 */ } /*********************/