body { position:relative; margin:15px auto; width:656px; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:11px; line-height:normal;} img { border:0;} * { margin:0; padding:0;} a { color:#000; text-decoration:underline;} a:hover { color:#ff0000; text-decoration:underline;} a.but_find, a.but_find:hover, a.button, a.button:hover { text-decoration:none;} a.but_find b { /cursor:pointer;} a.black, a.black:hover, .product a.black:hover { color:#000; cursor:default; text-decoration:none;} a.button { position:relative; display:block; float:left; padding:0 7px 0 0; font-size:12px; font-weight:bold; } a.button b.left { display:block; /float:left; padding:3px 4px 1px 27px;height:17px; white-space:nowrap; background:url(../res_images/butFind1_bg.png) no-repeat; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='res_images/butFind1_bg.png',sizingMethod='crop');} a.button b.right { display:block; position:absolute; right:0;top:0; width:11px; height:21px; background:url(../res_images/butFind1_right.png) no-repeat; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='res_images/butFind1_right.png',sizingMethod='crop');} a.button b.left, a.button b.left:hover { color:#fff; /cursor:pointer;} h2 { position:relative; clear:both; margin:15px 0 0 0px; padding-left:10px; padding-bottom:1px; /*!!!*/width:644px; font-size:12px; line-height:16px; font-weight:bold; /*color:#000;*/} h2 .bottom { display:block; position:absolute; left:0; bottom:-1px; width:301px; height:3px; overflow:hidden; background:url(../images/bg_product.png) left bottom no-repeat; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bg_product.png',sizingMethod='crop'); /*FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=1,StartColorStr='#ff0000',EndColorStr='#e3f0ff');*/} small { /**/color:grey;} #header, #page, #footer { position:relative; font-family:Tahoma, sans-serif} #header { height:65px;} #header .logo { display:block; float:left; height:65px;} #header .SDct { float:right; margin:7px 12px 0 0;} #header .pageTitle { position:absolute; right:12px; bottom:3px; font-size:12px; font-weight:bold; color:#6F6F6F; text-align:right;} #header div.pageTitle a { color:#000;} #header div.pageTitle a:hover { color:#ff0000;} #page { _height:100px; /*overflow:hidden; _overflow:visible;*/} #page .content { /width:654px; /height:auto;} #content_main { /*/*/position:relative; padding:25px 0 0 0; min-height:100px; _height:100px; overflow:hidden; _overflow:visible; } /* fix layers bug in IE */ div.butArea { position:relative; display:block; margin:10px auto 16px auto; padding:0; width:346px; overflow:hidden; _overflow:visible;} /* it's necessary for NN only */ #page.productPage { padding-bottom:0;} #page.productList, #page.productPage { padding-top:0;} #page h1 { display:block; margin:0 0 10px 0; padding-top:10px; clear:both; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; text-align:center;} /**/.h1 {font-size:12px; font-weight: bold; /*color:red;*/ padding-left: 10px;} #page.productList h1 { position:relative; margin:0 0 3px 10px; font-size:14px; text-align:left; /*color:#f00;*/} #page.productPage h1 { margin:0 0 3px 0; padding-left:10px; font-size:14px; text-align:left; /*color:#f00;*/} p.deviceType, p.mfgPN { margin:3px 0 0 10px; padding:0; font-size:12px;} #forms { position:relative; margin:0 auto; padding:0; width:346px; text-align:left; font-size:11px;} #forms select { width:190px; height:18px; *height:20px; line-height:12px; background:#fff; border:1px solid #929292; } #forms input { width:188px;/width:186px; height:17px; line-height:17px; text-indent:3px; background:#fff; border:1px solid #929292;} #forms a { float:right; margin:10px 0;} #forms .title { padding-right:10px; font-family:Verdana, Arial, Helvetica, sans-serif; white-space:nowrap;} #forms .form { padding:6px 0; text-align:right;} #selected .title { padding:2px 0 2px 10px;} #selected .value { padding:2px 20px; width:100%;} #ctlDeviceList { margin:12px 0 16px 0; width:654px;} #ctlDeviceList td { width:25%; height:23px;} #ctlDeviceList a { display:block; padding:2px 6px 0 11px; height:19px; text-decoration:none;} #ctlDeviceList a:hover { padding-left:10px; border:1px solid #f00; background:url(../images/arrow_red.gif) top right no-repeat;} .product { padding:10px 10px 12px 10px; width:307px; /*color:#555;*/ vertical-align:top;} .product a { /*color:#000;*/} .product a:hover { /*color:#f00;*/} .picProd { float:left; margin-right:8px; } .infoProd {} .addToCart, .moreInfo { position:relative; float:right; text-align:right; display:block; margin:12px 0 0 0; font-size:10px; text-decoration:underline;} a.addToCart { width:70px; padding-right:15px; /*color:#f00;*/ } a.addToCart:hover { /*color:#000;*/} .moreInfo, a.moreInfoT { width:54px; /*color:#000;*/ padding-right:11px; } a.moreInfoT { margin-left:6px; font-size:10px; text-decoration:underline; } .moreInfo:hover:hover, a.moreInfoT:hover { /*color:#f00;*/} .productPage table { position:relative; float:left; } .productPage img { position:relative; float:left; clear:both; margin:0;} .productPage .addToCart { position:relative; float:left; margin:0 0 0 2px; clear:both; background:none;} .productPage ul { margin:16px 10px 0 160px; padding:0;} .productPage li { margin:0; padding:0 0 10px 0;} .productPage p { margin-top:12px;} li.explanation { padding-top:14px; list-style-image:none; list-style-type:none;} li.explanation .first { margin:0; padding:4px 0 0 0; border-top:1px solid #999;} body #page.productPage #content_main p table { /*_float:none;position:static;*/ margin:0 auto; padding:0; /*width:654px; background:url(../res_images/w_20.png) #fff; _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='res_images/w_20.png',sizingMethod='scale');*/} body #page.productPage #content_main p table td { margin:0; padding:6px 40px;} .productPage .note { margin:20px 10px 0 10px;} #clients { margin-top:26px; width:656px; background:#E0E0E0;} #clients td { padding:10px 0 10px 25px; } #clients img { margin:auto auto; padding:0;} /**/ span.warning, .qty, .partNo {/*color:gray;*/} img.warning { margin-right:6px;} /**/ #footer { _width:656px; position:relative; padding:6px 0 3px 0; font-size:9px; color:#858585; text-align:center; } /********************************************/ /**//*** corners ***/ /* top left */ #header .topLeft { position:absolute; left:-1px; top:-1px; width:9px; /*background:white;*/ height:9px; } .topLeft b { position:absolute; display:block; left:0; width:1px; height:1px; overflow:hidden;} /* white */ body #header .topLeft b.corner_0_1 { top:0px; left:0px; width:6px; background:#fff;} body #header .topLeft b.corner_0_2 { top:1px; left:0px; width:4px; background:#fff;} body #header .topLeft b.corner_0_3 { top:2px; left:0x; width:3px; background:#fff;} body #header .topLeft b.corner_0_4 { top:3px; left:0px; width:2px; background:#fff;} body #header .topLeft b.corner_0_5 { top:4px; left:0px; width:1px; height:2px; background:#fff;} /**/ .topLeft b.corner_1_1 { top:0px; left:6px;} .topLeft b.corner_1_2 { top:0px; left:7px;} .topLeft b.corner_1_3 { top:0px; left:8px;} .topLeft b.corner_2_1 { top:1px; left:4px; } .topLeft b.corner_2_2 { top:1px; left:5px; } .topLeft b.corner_2_3 { top:1px; left:6px; } .topLeft b.corner_2_4 { top:1px; left:7px; /**/display:none; } .topLeft b.corner_2_5 { top:1px; left:8px; /**/display:none; } .topLeft b.corner_3_1 { top:2px; left:3px; } .topLeft b.corner_3_2_top { top:2px; left:4px; } .topLeft b.corner_3_3 { top:2px; left:5px; /**/display:none; } .topLeft b.corner_4_1 { top:3px; left:2px; } .topLeft b.corner_4_2 { top:3px; left:3px; } .topLeft b.corner_4_3 { top:3px; left:4px; /**/display:none; } .topLeft b.corner_5_1 { top:4px; left:1px;} .topLeft b.corner_5_2 { top:4px; left:2px;} .topLeft b.corner_5_3 { top:4px; left:3px; /**/display:none;} .topLeft b.corner_6_1 { top:5px; left:1px;} .topLeft b.corner_6_2 { top:5px; left:2px; /**/display:none;} .topLeft b.corner_7_1 { top:6px;} .topLeft b.corner_7_2 { top:6px; left:1px;} .topLeft b.corner_8_1 { top:7px;} .topLeft b.corner_8_2 { top:7px; left:1px; /**/display:none;} .topLeft b.corner_9_1 { top:8px;} .topLeft b.corner_9_2 { top:8px; left:1px; /**/display:none;} .topLeft b.corner_10_1 { top:9px;} .topLeft b.corner_10_2 { top:9px; left:1px; /**/display:none;} /**/ /* top right */ #header .topRight { position:absolute; right:-1px; _right:-2px; top:-1px; width:9px; background:white; height:9px; } .topRight b { position:absolute; display:block; right:0; width:1px; height:1px; overflow:hidden;} .topRight b.corner_1_1 { top:0px; right:6px;} .topRight b.corner_1_2 { top:0px; right:7px;} .topRight b.corner_1_3 { top:0px; right:8px;} .topRight b.corner_2_1 { top:1px; right:4px; } .topRight b.corner_2_2 { top:1px; right:5px; } .topRight b.corner_2_3 { top:1px; right:6px; } .topRight b.corner_2_4 { top:1px; right:7px; } .topRight b.corner_2_5 { top:1px; right:8px; } .topRight b.corner_3_1 { top:2px; right:3px; } .topRight b.corner_3_2_top { top:2px; right:4px; } .topRight b.corner_3_3 { top:2px; right:5px; } .topRight b.corner_4_1 { top:3px; right:2px; } .topRight b.corner_4_2 { top:3px; right:3px; } .topRight b.corner_4_3 { top:3px; right:4px; } .topRight b.corner_5_1 { top:4px; right:1px;} .topRight b.corner_5_2 { top:4px; right:2px;} .topRight b.corner_5_3 { top:4px; right:3px;} .topRight b.corner_6_1 { top:5px; right:1px;} .topRight b.corner_6_2 { top:5px; right:2px;} .topRight b.corner_7_1 { top:6px;} .topRight b.corner_7_2 { top:6px; right:1px;} .topRight b.corner_8_1 { top:7px;} .topRight b.corner_8_2 { top:7px; right:1px;} .topRight b.corner_9_1 { top:8px;} .topRight b.corner_9_2 { top:8px; right:1px;} .topRight b.corner_10_1 { top:9px;} .topRight b.corner_10_2 { top:9px; right:1px;} /* bottom left */ .botLeft { position:absolute; left:-1px; bottom:-1px; _bottom:-2px; width:12px; height:12px;} .botLeft b { position:absolute; display:block; left:0; width:1px; height:1px; /*background:#fff;*/ overflow:hidden;} /* white */ body .botLeft b.corner_0_1 { bottom:0px; left:0px; width:6px; background:#fff;} body .botLeft b.corner_0_2 { bottom:1px; left:0px; width:4px; background:#fff;} body .botLeft b.corner_0_3 { bottom:2px; left:0x; width:3px; background:#fff;} body .botLeft b.corner_0_4 { bottom:3px; left:0px; width:2px; background:#fff;} body .botLeft b.corner_0_5 { bottom:4px; left:0px; width:1px; height:2px; background:#fff;} /**/ .botLeft b.corner_1 { bottom:0px; width:6px;} .botLeft b.corner_1_1 { bottom:0px; left:6px;} .botLeft b.corner_1_2 { bottom:0px; left:7px;} .botLeft b.corner_1_3 { bottom:0px; left:8px;} .botLeft b.corner_2 { bottom:1px; width:4px; } .botLeft b.corner_2_1 { bottom:1px; left:4px; } .botLeft b.corner_2_2 { bottom:1px; left:5px; } .botLeft b.corner_3 { bottom:2px; width:3px; } .botLeft b.corner_3_1 { bottom:2px; left:3px; } .botLeft b.corner_4 { bottom:3px; width:2px; } .botLeft b.corner_4_1 { bottom:3px; left:2px; } .botLeft b.corner_5 { bottom:4px;} .botLeft b.corner_5_1 { bottom:4px; left:1px;} .botLeft b.corner_6 { bottom:5px;} .botLeft b.corner_6_1 { bottom:5px; left:1px;} .botLeft b.corner_7 { bottom:6px;} .botLeft b.corner_8 { bottom:7px;} .botLeft b.corner_9 { bottom:8px;} .botLeft b.corner_10 { bottom:9px;} /* bottom right */ .botRight { position:absolute; right:-1px; bottom:-1px; _bottom:-2px; width:12px; height:12px;} .botRight b { position:absolute; display:block; right:0; width:1px; height:1px; /*background:#fff;*/ overflow:hidden;} /* white */ body .botRight b.corner_0_1 { bottom:0px; right:0px; width:6px; background:#fff;} body .botRight b.corner_0_2 { bottom:1px; right:0px; width:4px; background:#fff;} body .botRight b.corner_0_3 { bottom:2px; right:0x; width:3px; background:#fff;} body .botRight b.corner_0_4 { bottom:3px; right:0px; width:2px; background:#fff;} body .botRight b.corner_0_5 { bottom:4px; right:0px; width:1px; height:2px; background:#fff;} /**/ .botRight b.corner_1 { bottom:0px; width:6px;} .botRight b.corner_1_1 { bottom:0px; right:6px;} .botRight b.corner_1_2 { bottom:0px; right:7px;} .botRight b.corner_1_3 { bottom:0px; right:8px;} .botRight b.corner_2 { bottom:1px; width:4px; } .botRight b.corner_2_1 { bottom:1px; right:4px; } .botRight b.corner_2_2 { bottom:1px; right:5px;} .botRight b.corner_3 { bottom:2px; width:3px; } .botRight b.corner_3_1 { bottom:2px; right:3px; } .botRight b.corner_4 { bottom:3px; width:2px; } .botRight b.corner_4_1 { bottom:3px; right:2px; } .botRight b.corner_5 { bottom:4px;} .botRight b.corner_5_1 { bottom:4px; right:1px;} .botRight b.corner_6 { bottom:5px;} .botRight b.corner_6_1 { bottom:5px; right:1px;} .botRight b.corner_7 { bottom:6px;} .botRight b.corner_8 { bottom:7px;} .botRight b.corner_9 { bottom:8px;} .botRight b.corner_10 { bottom:9px;} /**/ /* fill=90% */ b.corner_5_3, b.corner_10_2 { background:url(../res_images/w_90.png); _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='res_images/w_90.png',sizingMethod='scale');} /* fill=80% */ b.corner_2_1, b.corner_2_5, b.corner_4_3, b.corner_9_2 { background:url(../res_images/w_80.png); _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='res_images/w_80.png',sizingMethod='scale');} /* fill=75% */ b.corner_6_2 { background:url(../res_images/w_75.png); _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='res_images/w_75.png',sizingMethod='scale');} /* fill=70% */ b.corner_5_1, b.corner_1_1, b.corner_7, b.corner_2_4, b.corner_7_1 { background:url(../res_images/w_70.png); _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='res_images/w_70.png',sizingMethod='scale');} /* fill=60% */ b.corner_3_3, b.corner_8_2 { background:url(../res_images/w_60.png); _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='res_images/w_60.png',sizingMethod='scale');} /* fill=50% */ b.corner_3_1, b.corner_4_1 { background:url(../res_images/w_50.png); _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='res_images/w_50.png',sizingMethod='scale');} /* fill=40% */ b.corner_8, b.corner_4_2, b.corner_8_1 { background:url(../res_images/w_40.png); _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='res_images/w_40.png',sizingMethod='scale');} /* fill=30% */ b.corner_1_2, b.corner_2_3, b.corner_5_2, b.corner_7_2 { background:url(../res_images/w_30.png); _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='res_images/w_30.png',sizingMethod='scale');} /* fill=20% */ b.corner_1_3, b.corner_2_2, b.corner_9, b.corner_9_1 { background:url(../res_images/w_20.png); _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='res_images/w_20.png',sizingMethod='scale');} /* fill=10% */ b.corner_6_1, b.corner_10_1 { background:url(../res_images/w_10.png); _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='res_images/w_10.png',sizingMethod='scale');} /* fill=6% */ b.corner_10, b.corner_3_2_top { background:url(../res_images/w_6.png); _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='res_images/w_6.png',sizingMethod='scale');} /*body#template2 .botLeft b.corner_3_1, body#template2 .botLeft b.corner_4_1 { background:url(../res_images/w_30.png); _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='res_images/w_30.png',sizingMethod='scale');} #template2 .botLeft b.corner_6_1 { background:url(../res_images/w_30.png); _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='res_images/w_30.png',sizingMethod='scale');} #template2 .botLeft b.corner_10 { bottom:6px; left:1px; background:url(../res_images/w_40.png); _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='res_images/w_40.png',sizingMethod='scale');} #template2 .botLeft b.corner_5_1 { background:url(../res_images/w_20.png); _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='res_images/w_20.png',sizingMethod='scale');} #template2 .botLeft b.corner_7 { background:url(../res_images/w_60.png); _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='res_images/w_60.png',sizingMethod='scale');} #template2 .botLeft b.corner_9 { background:url(../res_images/w_30.png); _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='res_images/w_30.png',sizingMethod='scale');} #template2 .botLeft b.corner_2_2 { background:url(../res_images/w_30.png); _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='res_images/w_30.png',sizingMethod='scale');} #template2 .botLeft b.corner_1_3 { bottom:1px; left:6px; background:url(../res_images/w_40.png); _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='res_images/w_40.png',sizingMethod='scale');} */ /*** end of corners ***/ /************** Template 1 ****************/ #template1 #header .topLeft, #template1 #header .topRight { display:none;} #template1 #page .botLeft, #template1 #page .botRight { display:none;} #template1 #page div.top { display:none;} #template1 #page div.bottom { display:none;} #template1 #header { border:1px solid #bfdcff; border-bottom:none;} #template1 #footer { border-top:4px solid red;} #template1 #forms a.but_find, #template1.colors1 #forms a.but_find { position:relative; display:block; float:right; margin:0; padding:0 6px 0 0; text-align:center; font-size:12px; font-weight:bold;} #template1 a.but_find b.left { display:block; padding:3px 6px 1px 36px; height:17px; _width:10px; background:url(../res_images/butFind1_bg.png) no-repeat; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='res_images/butFind1_bg.png',sizingMethod='crop');} #template1 a.but_find b.right { display:block; position:absolute; right:0;top:0; width:6px; height:21px; background:url(../res_images/butFind1_right.png) no-repeat; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='res_images/butFind1_right.png',sizingMethod='crop');} /************** Template 3 ****************/ #template3 #header .topLeft, #template3 #header .topRight { display:none;} #template3 #page .botLeft, #template1 #page .botRight { display:none;} #template3 #page div.top { display:none;} #template3 #page div.bottom { display:none;} body#template3 #page { background:#fff; border-top:4px solid #bfdcff; border-bottom:4px solid #bfdcff} #template3 #forms a.but_find { position:relative; display:block; float:right; margin:0; padding:0 6px 0 0; text-align:center; font-size:12px; font-weight:bold; background-color:#b3c6f4;} #template3 a.but_find b.left { display:block; padding:4px 8px 0 15px; height:19px; _width:10px; background:url(../res_images/butFind3_bg.png) no-repeat; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='res_images/butFind3_bg.png',sizingMethod='crop');} #template3 a.but_find b.right { display:block; position:absolute; right:0;top:0; width:6px; height:23px; background:url(../res_images/butFind3_right.png) no-repeat; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='res_images/butFind3_right.png',sizingMethod='crop');} body#template3.colors2 h1, body#template3.colors2 h2, body#template3.colors2 p, body#template3.colors2 a, body#template3.colors2 a:hover, body#template3.colors2 small, body#template3.colors2 span, body#template3.colors2 .title { color:#000;} body#template3 h1 { font-size:16px; font-weight:bold; font-family:Helvetica, Arial, sans-serif;} body#template3.colors2 #forms select, body#template3.colors2 #forms input { border:1px solid #929292; } #template3 #header .SDct { margin-right:0;} #template3 .pageTitle { right:0;} #template3 #footer { text-align:left;} /************** Template 2 *****************/ #template2 #header .topLeft, #template2 #header .topRight { display:none;} #template2 #page { border:1px solid #bfdcff; background-color:#bfdcff;} #template2 #page .content { _padding-bottom:14px; background:url(../res_images/bg_page4.png); _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='res_images/bg_page4.png',sizingMethod='scale');} #template2 #content_main { padding-top:0;} #template2 .pageTitle { font-family:Verdana, Arial, Helvetica, sans-serif; right:0; font-weight:normal;} #template2 #page h1 { margin:8px 0 18px 0; font-size:16px; font-weight:bold; font-family: Tahoma;} #template2 #header .SDct { margin-right:0;} #template2 #page div.top {margin-bottom:-92px; background-color:#bfdcff;} #template2 #page div.top div.contentT { width:654px; height:108px; padding:0; background:url(../res_images/bg_pageTop2.png); _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='res_images/bg_pageTop2.png',sizingMethod='scale');} #template2 #page div.bottom {} #template2 #page div.bottom div.contentB { display:none;} #template2 div.butArea { margin-right:159px; width:auto; } #template2 #forms a.but_find, #template2.colors1 #forms a.but_find { position:relative; display:block; float:right; margin:0; padding:0 6px 0 0; text-align:center; font-size:12px; font-weight:bold;} #template2 a.but_find b.left { display:block; padding:3px 6px 1px 12px; height:17px; _width:10px; background:url(../res_images/butFind2_bg.png) no-repeat; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='res_images/butFind2_bg.png',sizingMethod='crop');} #template2 a.but_find b.right { display:block; position:absolute; right:0;top:0; width:6px; height:21px; background:url(../res_images/butFind2_right.png) no-repeat; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='res_images/butFind2_right.png',sizingMethod='crop');} /************** Template 4 *****************/ #template4 #header { width:654px; margin:0; background:#fff; border:1px solid #bfdcff; border-bottom:none;} #template4 #page { background-color:#bfdcff; border:1px solid #bfdcff; border-top:none;} #template4 #page .content { background:url(../res_images/bg_page4.png); _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='res_images/bg_page4.png',sizingMethod='scale');} /* "width" and "height" are necessary determine for IE: IE6 - for the filter; IE7 - for the background. It is disappearance when a text selecting ) */ /* "bottom box" breaks when "position:relative" in this style - ??? */ #template4 #page div.bottom { margin-top:-108px; background-color:#bfdcff;} /*#template4 .botLeft { _bottom:-1px;}*/ #template4 #page div.bottom div.contentB { width:654px; height:108px; padding:0; background:url(../res_images/bg_pageBot4.png); _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='res_images/bg_pageBot4.png',sizingMethod='scale');} #template4 #forms a { float:right; margin:10px 0 0 0;} #template4 #forms a.but_find { position:relative; display:block; float:right; margin:0; padding:0 6px 0 0; text-align:center; font-size:12px; font-weight:bold;} #template4 a.but_find b.left { display:block; padding:3px 6px 1px 12px; height:17px; _width:10px; background:url(../res_images/butFind4_bg.png) no-repeat; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='res_images/butFind4_bg.png',sizingMethod='crop');} #template4 a.but_find b.right { display:block; position:absolute; right:0;top:0; width:6px; height:21px; background:url(../res_images/butFind4_right.png) no-repeat; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='res_images/butFind4_right.png',sizingMethod='crop');} #template4 #page h1 {font-weight:bold;} /**//*** colors1 - colors schema LIGHT ***/ .colors1 #forms select, .colors1 #forms input { border:1px solid #929292; } .colors1 h2 { color:#000;} .colors1 a, .colors1 a.black, .colors1 a.black:hover, .colors1 .product a.black:hover, .colors1 #header div.pageTitle a, .colors1 .product a , .colors1 a.addToCart:hover, .colors1 .moreInfo, .colors1 a.moreInfoT, .colors1 #ctlDeviceList a:hover { color:#000;} .colors1 a:hover, .colors1 #header div.pageTitle a:hover, .colors1 .h1, .colors1 #page.productList h1, .colors1 #page.productPage h1, .colors1 .product a:hover, .colors1 a.addToCart, .colors1 .moreInfo:hover, .colors1 a.moreInfoT:hover { color:#ff0000;} .colors1 small, .colors1 span.warning, .colors1 .qty, .colors1 .partNo { color:#808080;} .colors1 .product { color:#555;} /* color of button text */ .colors1 a.button b.left, .colors1 a.button:hover b.left { color:#fff} #template1.colors1 a.but_find b.left, #template1.colors1 a.but_find:hover b.left { color:#fff;} #template3.colors1 a.but_find b.left, #template3.colors1 a.but_find:hover b.left { color:#620507;} #template4.colors1 a.but_find b.left, #template4.colors1 a.but_find:hover b.left { color:#fff5b5;} #template2.colors1 a.but_find b.left, #template2.colors1 a.but_find:hover b.left { color:#ffe2bf} /* end of colors1*/ /**//*** colors2 - colors schema DARK ***/ #template2.colors2 #selected .title, #template2.colors2 #selected .value, #template4.colors2 #selected .title, #template4.colors2 #selected .value { font-weight:bold;} .colors2, .colors2 h1, .colors2 .h1, .colors2 h2, .colors2 a, .colors2 a.black, .colors2 a.black:hover, .colors2 .title, .colors2 p, .colors2 ul, .colors2 font { color:#fff;} .colors2 #forms select, .colors2 #forms input { border:1px solid #acc1f1; } .colors2 #ctlDeviceList a:hover, #template1.colors2 #ctlDeviceList a:hover { color:#fff;} #template1.colors2 #forms select, #template1.colors2 #forms input { border:1px solid #929292; } #template1.colors2 small, #template1.colors2 span, #template1.colors2 span.warning, #template1.colors2 .qty, #template1.colors2 .partNo, #template1.colors2 a:hover, #template1.colors2 .mfgPN, #template1.colors2 a:hover font { color:#bfbfbf;} #template1.colors2 #footer { border-color:#000;} /* style of button */ .colors2 a.button b.left, .colors2 a.button:hover b.left { color:#000; background:url(../res_images/butFind1_bg2.png) no-repeat; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='res_images/butFind1_bg2.png',sizingMethod='crop');} .colors2 a.button b.right { background:url(../res_images/butFind1_right2.png) no-repeat; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='res_images/butFind1_right2.png',sizingMethod='crop');} #template1.colors2 a.but_find b.left { color:#000; background:url(../res_images/butFind1_bg2.png) no-repeat; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='res_images/butFind1_bg2.png',sizingMethod='crop');} #template1.colors2 a.but_find b.right { background:url(../res_images/butFind1_right2.png) no-repeat; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='res_images/butFind1_right2.png',sizingMethod='crop');} #template4.colors2 a.but_find b.left { color:#000; background:url(../res_images/butFind4_bg2.png) no-repeat; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='res_images/butFind4_bg2.png',sizingMethod='crop');} #template4.colors2 a.but_find b.right { background:url(../res_images/butFind4_right2.png) no-repeat; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='res_images/butFind4_right2.png',sizingMethod='crop');} #template2.colors2 a.but_find b.left { color:#000; background:url(../res_images/butFind2_bg2.png) no-repeat; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='res_images/butFind2_bg2.png',sizingMethod='crop');} #template2.colors2 a.but_find b.right { background:url(../res_images/butFind2_right2.png) no-repeat; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='res_images/butFind2_right2.png',sizingMethod='crop');} /* end of colors2*/ /**//*** colors3 - colors schema WHITE ***/ #template1.colors3 #header { border-bottom:3px solid #929292;} #template3.colors3 #page { border-top:3px solid #929292; border-bottom:4px solid #929292;} #template3.colors3 #header .pageTitle { color:#6F6F6F;} body#template2.colors3 #header, body#template2.colors3 #page {border-color:#eee;} body#template4.colors3 #header { border-bottom:1px solid #eee;} body#template4.colors3 #header, body#template4.colors3 #page, body.colors3 .topLeft b, body.colors3 .topRight b {border-color:#eee;} body.colors3 #header .topLeft b, body.colors3 #header .topRight b, body.colors3 .botLeft b, body.colors3 .botRight b, body#template2.colors3 .botLeft b.corner_3_1, body#template2.colors3 .botLeft b.corner_4_1, body#template4.colors3 .botLeft b.corner_3_1, body#template4.colors3 .botLeft b.corner_4_1 { background-color:#e1e1e1;} /* white */ body.colors3 #header .topLeft b.corner_0_1, body.colors3 #header .topLeft b.corner_0_2, body.colors3 #header .topLeft b.corner_0_3, body.colors3 #header .topLeft b.corner_0_4, body.colors3 #header .topLeft b.corner_0_5, body.colors3 .botLeft b.corner_0_1, body.colors3 .botLeft b.corner_0_2, body.colors3 .botLeft b.corner_0_3, body.colors3 .botLeft b.corner_0_4, body.colors3 .botLeft b.corner_0_5, body.colors3 .botRight b.corner_0_1, body.colors3 .botRight b.corner_0_2, body.colors3 .botRight b.corner_0_3, body.colors3 .botRight b.corner_0_4, body.colors3 .botRight b.corner_0_5 { background:#fff;} /**/ .colors3 #forms select, .colors3 #forms input { border:1px solid #929292; } /* color of button text */ .colors3 a.button b.left, .colors3 a.button:hover b.left { color:#fff;} #template1.colors3 a.but_find b.left, #template1.colors3 a.but_find:hover b.left { color:#fff;} #template3.colors3 a.but_find b.left, #template3.colors3 a.but_find:hover b.left { color:#620507;} #template4.colors3 a.but_find b.left, #template4.colors3 a.but_find:hover b.left { color:#fff5b5;} #template2.colors3 a.but_find b.left, #template2.colors3 a.but_find:hover b.left { color:#ffe2bf} /* end of colors3*/ /* RED */ body.colors1 .red h1, body.colors1 .red .h1, body.colors2 .red a:hover { color:#000;} body.colors2 .red h1, body.colors2 .red .h1 { color:#fff600;} body.colors2 .red a.black:hover { color:#fff;} body.colors2 .red h2 .bottom { background:url(../images/bg_productRed.png) left bottom no-repeat; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bg_productRed.png',sizingMethod='crop'); } body.colors2 .red #ctlDeviceList a:hover { border-color:#fff600; background:url(../images/arrow_redRed2.gif) top right no-repeat;} #template1.colors2 .red a.but_find b.left { color:#000; background:url(../res_images/butFind1_bg2Red.png) no-repeat; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='res_images/butFind1_bg2Red.png',sizingMethod='crop');} .colors2 .red a.button b.left, .colors2 .red a.button:hover b.left { color:#000; background:url(../res_images/butFind1_bg2Red.png) no-repeat; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='res_images/butFind1_bg2Red.png',sizingMethod='crop');} /**/ /* BLUE */ #template2.colors2 .blue a.but_find b.left { color:#ffe2bf; background:url(../res_images/butFind2_bg.png) no-repeat; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='res_images/butFind2_bg.png',sizingMethod='crop');} #template2.colors2 .blue a.but_find b.right { background:url(../res_images/butFind2_right.png) no-repeat; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='res_images/butFind2_right.png',sizingMethod='crop');} #template4.colors2 .blue a.but_find b.left { color:#fff5b5; background:url(../res_images/butFind4_bg.png) no-repeat; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='res_images/butFind4_bg.png',sizingMethod='crop');} #template4.colors2 .blue a.but_find b.right { background:url(../res_images/butFind4_right.png) no-repeat; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='res_images/butFind4_right.png',sizingMethod='crop');} /**/ /* GREEN */ #template2.colors2 .green a.but_find b.left { color:#ffe2bf; background:url(../res_images/butFind2_bg.png) no-repeat; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='res_images/butFind2_bg.png',sizingMethod='crop');} #template2.colors2 .green a.but_find b.right { background:url(../res_images/butFind2_right.png) no-repeat; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='res_images/butFind2_right.png',sizingMethod='crop');} #template4.colors2 .green a.but_find b.left { color:#fff5b5; background:url(../res_images/butFind4_bg.png) no-repeat; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='res_images/butFind4_bg.png',sizingMethod='crop');} #template4.colors2 .green a.but_find b.right { background:url(../res_images/butFind4_right.png) no-repeat; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='res_images/butFind4_right.png',sizingMethod='crop');} /**/ /* YELLOW */ #template2.colors2 .yellow a.but_find b.left { color:#ffe2bf; background:url(../res_images/butFind2_bg.png) no-repeat; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='res_images/butFind2_bg.png',sizingMethod='crop');} #template2.colors2 .yellow a.but_find b.right { background:url(../res_images/butFind2_right.png) no-repeat; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='res_images/butFind2_right.png',sizingMethod='crop');} #template4.colors2 .yellow a.but_find b.left { color:#fff5b5; background:url(../res_images/butFind4_bg.png) no-repeat; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='res_images/butFind4_bg.png',sizingMethod='crop');} #template4.colors2 .yellow a.but_find b.right { background:url(../res_images/butFind4_right.png) no-repeat; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='res_images/butFind4_right.png',sizingMethod='crop');} /**/ /* MAGENTA */ #template2.colors1 .magenta a.but_find b.left { color:#000; background:url(../res_images/butFind2_bg2.png) no-repeat; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='res_images/butFind2_bg2.png',sizingMethod='crop');} #template2.colors1 .magenta a.but_find b.right { background:url(../res_images/butFind2_right2.png) no-repeat; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='res_images/butFind2_right2.png',sizingMethod='crop');} #template4.colors1 .magenta a.but_find b.left { color:#000; background:url(../res_images/butFind4_bg2.png) no-repeat; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='res_images/butFind4_bg2.png',sizingMethod='crop');} #template4.colors1 .magenta a.but_find b.right { background:url(../res_images/butFind4_right2.png) no-repeat; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='res_images/butFind4_right2.png',sizingMethod='crop');} /**/ /**//*** MAIN COLORS ***/ #template4 #header, #template4 #page, #template2 #header, #template2 #page, #template1 #header, #template1 #page, #template3 #header, body#template3 #page, #template3 #page, .topLeft b, .topRight b { border-color:#a6ceff/*#373737*/;} #template4 #page, #template4 #page div.bottom, #template4 #page div.top, #template2 #page, #template2 #page div.bottom, #template2 #page div.top, #template1 #page, #template1 #page div.bottom, #template1 #page div.top, #template3 #page, #template3 #page div.bottom, #template3 #page div.top, #header .topLeft b, #header .topRight b, .botLeft b, .botRight b/*, body#template2 .botLeft b.corner_3_1, body#template2 .botLeft b.corner_4_1, body#template2 .botLeft b.corner_1_1, body#template2 .botLeft b.corner_7, #template2 .botLeft b.corner_6_1, #template2 .botLeft b.corner_10, #template2 .botLeft b.corner_2_2, #template2 .botLeft b.corner_1_3 */ { background-color:#a6ceff/*#373737*/;} #template3 .pageTitle { color:#a6ceff;} /**//*** end of main colors ***/