body {margin: 0;padding: 0;background: #F8F8F8;font-family: Arial, Tahoma, Helvetica, Sans-Serif;font-size:12px;} h1, h2, h3, h4 {margin: 0;padding: 0; font-family: Arial, Helvetica, sans-serif;font-weight: normal;} h1{font-size:18px;color:#4A6058;clear:both;} h2, h3 {font-size:14px;font-weight:bold;color:gray;} h4{font-size:12px;font-weight:bold;color:black;} hr{border: 1px dotted silver;} input:focus{border-color:#2BB0D7;} a:active {outline:none;} :focus {-moz-outline-style:none;} /*-------------------------- Main Eelements--------------------------------------------------------------*/ /* form1 treated as container div */ #form1{margin: 0 auto;width: 1000px;padding-top: 1px;overflow:hidden;background: #F8F8F8;} #header{clear:both;float:left;width:1000px;background: #F8F8F8 url(../Imgs/console/Head.jpg) no-repeat;} #menubar, #menubarmodal {clear:both;float:left;position:relative;height: 22px;width: 1000px;border-bottom: 1px solid #A0A0A0; margin: 1px 0 1px 0;background:url(../Imgs/console/bg-menu-bar.jpg) no-repeat;} #menubarmodal{height:0px;} #leftcolumn{clear:both;float:left;width:160px;border-left: 1px solid #A0A0A0;padding:1px 0 0 0; background:white url(../Imgs/console/bg-column-left5.jpg) repeat-y 100% 0;} #content{float:left;width:605px;color:#505050;padding:0 22px 0 25px;background:white url(../imgs/tests/navshadow_original.gif) no-repeat;} #rightcolumn{float:left;width:186px;background:white url(../Imgs/console/bg-column-right.jpg);padding:6px 0 0 0; border-left: 1px solid #E6E6E6;border-top: 1px solid white;} #leftcolumn, #content, #rightcolumn{padding-bottom: 4767px;margin-bottom:-4767px;} #footer{clear:both;float:left;padding-top:3px;text-align:center;width:998px; height:18px;background: #E8ECEB;border: 1px solid #A0A0A0;} img#logo{position:absolute;z-index:998;left:-9999px;display:run-in;} #homedebug div {clear:both;float:left;border: 1px solid gray;background:#F0F0F0;width:998px;} /* Other Webs */ .formcont{height:1500px;background: white !important;} #headern{float:left;position:relative;clear:both;width: 1000px;} #leftcolumnn{float:left;clear:both; position:relative; width:160px;left:0px;margin-right:107px;} #contentn{float:left;position:relative;width:625px;left:0%;background:white;color:#505050;} #rightcolumnn{float:left;position:relative;width:160px;left:0%;margin-left:27px;} /*-------------------------- All Various --------------------------------------------------------------*/ .Tc /* Technology listing on console left */ {margin: 0 auto;font-size:11px;background: url(../Imgs/Console/bg_Tech.jpg);background-repeat:no-repeat; Height: 25px;Width:185px;vertical-align:middle;text-align:center;} .TcBottom {margin: 0 auto;vertical-align:bottom;background: url(../Imgs/Console/bg_TechBottom.jpg);background-repeat:no-repeat; padding-top:10px;Height: 7px;Width:168px;} /* BrandLogo listing on console right */ /* ProductListing */ .plcntn {clear:both;position:relative;float:left; height:130px;width:100%;padding-top:20px;} .plimg {position:relative;float:left;width:120px;height:80px; } .plimgin {position:absolute;bottom:0.1%;left:10%;right:10%;} .pltxt {position:relative;float:left;color:Gray; background: url(../Imgs/Various/bg-ProductListing-txt.gif) no-repeat 0px 3px; line-height:130%; Width:106px;height:40px; padding-top:4px;font-size:10px; padding-left:7px;padding-right:7px; text-align:center;} .SSControl {text-align:center;background: url(../Imgs/Various/bg-ss_light.jpg);background-repeat:no-repeat;color:#000000; Width:130px;height:185px; font-family: Arial, Helvetica, sans-serif;font-size: 11px;} /*----------------------- Section for standard objects ---------------------------------------------------------*/ /* sh Standard Hyperlink with rollover - shd = sh disable - shnb sh No Block, shbtntr = sh button trasparent (not yet used)*/ .sh,.shnb,.shbtntr{color:#4D7CC1;} .shd{color:Silver;} .sh,.shd {display:block;} .sh,.shd,.shnb,.shbtntr{border-width:0px;margin-left:auto;margin-right:auto;font-style:normal;font-variant:normal; text-decoration:none;/* #266380;(MPS logo) 165372;*/} .shbtntr{background:transparent;} .sh:hover,.shnb:hover,.shbtntr:hover{color:red;background:transparent;} .shd:hover{color:gray;background:transparent;} /* Rollover */ .sh:hover,.shd:hover,.shb:hover,.shbtntr:hover {opacity:.65;filter:alpha(opacity=65);text-decoration: underline;} /*filter:alpha(opacity=65) is for compatibility of IE6/IE7/IE8 but for IE6 the hover not work (opacity is CSS3 and work with IE8, FF, Chrome so good for future)*/ /* Standard Hyperlink with Bullet with Rollover */ .shb {display:block;border-width:0px;padding-left:15px;padding-bottom:0px;padding-top:0px; margin-left:auto;margin-right:auto;font-style:normal;font-variant:normal;text-decoration:none; background:url(../Imgs/Various/Tecn-bullet.gif);background-position: 0 50%; background-repeat:no-repeat; color:#4D7CC1; /* 165372;*/} /* .shb {border-width:0px;padding-left:15px;padding-right:2px;padding-bottom:0px;padding-top:0px; margin-left:auto;margin-right:auto;font-variant:normal; text-decoration:none; background: white url(../Imgs/Various/Tecn-bullet.gif) no-repeat;;background-position: 0 50%; color:#266380; border: solid 1px #CCCCCC; } */ .shb:hover {background:url(../Imgs/Various/Tecn-bullet_red.gif);background-repeat:no-repeat;color:Red; background-position: 0 50%;} /* ------------------------------------------------------------------------------------ Products Head inside the Div Content */ #prh_left{clear:both;position:relative;float:left;height:185px;width: 255px;padding-top:20px;padding-bottom:0px; overflow:visible;} #prh_center{float:left;position:relative;left:0px;width: 150px;height:185px; padding-top:15px;text-align:left;color:#CD6602; font-family: Helvetica, Sans-Serif, Arial, Tahoma;font-size:18px;font-weight:bold;} #prh_right{float:right;position:relative;left:27.5px;width:150px;height:185px;vertical-align:top;} #prh_table{height:185px;width:254px;vertical-align:middle;text-align:center} /* ------------------------------------------------------------------------------------ MenuBar Div */ .menulnkdiv{clear:right;float:left;padding: 5px 0 0 10px;width:790px;color:gray;} .srcboxdiv{background: url(../Imgs/Console/search-box.png) no-repeat; position:absolute;top:1px;left:818px;width:195px;} .srcbox {width:110px;margin-left:10px;height:17px;margin-top:1px;margin-bottom:2px;} .watermarksrc{width:115px;color:gray;text-align:center;margin-left:5px;} .srcbtndiv{position:absolute;top:4px;left:965px;width:24px;} .btngoto{float:left;width:25px;border:0px;background-color:Transparent;color:#4D7CC1; font-size:12px;font-family: Arial, Helvetica, sans-serif;font-weight:bold;} .btngoto:hover{color:Red;text-decoration:underline;} /*------------------------/ /Title Product Listing */ #tpl_left{clear:both;float:left;position: relative;left:25px;top:15px;height:100%;width: 400px;line-height:170%;} #tpl_right{float:left;position: relative;top: 0px;padding-top:20px;padding-bottom:20px;left: 2px;width: 150px;height: 100%;} /*------------------------/ / Home and around Home */ /* Banner Transition Top */ .bttopctn {clear:both;position:relative;float:left; padding-top:20px;padding-left:85px; padding-bottom:30px;} .bttop {background: white url(../Imgs/various/btFrameTop.gif) no-repeat;overflow: hidden; width:450px;height: 331px;} .bttop a {margin: 20px 28px 25px 21px;border-width:0px;display:block;width:400px;height: 281px;} .bttop img {display:block;border-width:2px;border-color:#E4E4E4;color:#266380; /*165372;*/overflow: hidden;} .bttop img:hover{border-color:red;} /* Banner Transition Left (midlle height) */ .btleft{clear:both; position:relative;float:left; margin-left:25px;width:250px;height: 200px; background: white url(../Imgs/various/btFrameLeft.gif) no-repeat;overflow: hidden;} .btleft img {margin-left: 22px;margin-right:25px;margin-top:20px;margin-bottom:25px;width:200px;height: 150px; vertical-align:middle;border-width:2px;border-color:#E4E4E4;} .btleft img:hover{border-color:red;} /* Banner Transition Right (midlle height only text) */ .btright{ position:relative;float:right; height: 190px; width: 230px; padding-right:50px; background: white url(../Imgs/various/btFRameRight.gif) no-repeat;overflow: hidden; } .btright span {height: 90px; width: 185px; text-align:center;display: block; margin-left: 25px;margin-right:30px;margin-top:55px;margin-bottom:50px;} /* Optional for catalog pictures */ .btbottom{clear:both; position:relative;float:left; left:170px;top:30px;width:270px;height: 400px; background: white url(../Imgs/various/btFrameBottom.gif) no-repeat;overflow: hidden;} .btbottom img {margin-left: 23px;margin-right:25px;margin-top:23px;margin-bottom:25px; vertical-align:middle;} /* AboutUs Services */ div.asctn{clear:both;width:605px;border-bottom:1px solid silver;padding:15px 0 80px 0} div.astext{float:left;width:60%} div.asspace{float:left;width:10%} div.asimg{float:right;width:30%} /*-------------------------- Input RS Object -------------------------------------------------------*/ /*Main Divs */ .divrstleft{clear:both;float:left;position:relative;width:415px;z-index:2;border:1px dotted #BEBEBE; background-color:#FDFDF5;margin-top:10px;} .divrstright{position:relative;float:left;width:178px;margin-left:10px;color:gray;z-index:0; margin-top:10px;} /* RSTbox */ .lblrst{clear:both;float:left;width:100px;margin-top:15px;margin-left:15px; border-bottom:1px solid #BEBEBE;} .watermark, .tboxrst, .dropdownrst, .tboxrstor{width:285px;margin-top:10px;border:1px solid #BEBEBE; padding:2px 0 0 2px;z-index:2;} .validatorrst{} .watermark{background-color:#F0F8FF;color:gray;height:17px;} .tboxrst{height:17px;color:gray;text-decoration:none;} .dropdownrst{height:21px;} .tboxrstor{height:17px;color:gray;text-decoration:none;cursor:default;background:#F5F5F5;overflow:auto} .imgcalendar{position:absolute;cursor:pointer;margin:13px 0px 10px 4px;} /* for rs Date */ /*RsCheckBox */ .divcbrst,.divcbrstww{clear:both;float:left;width:398px;padding-top:10px;padding-left:15px;z-index:2;} .divcbrstww{width:598px;} .lblcbleftrst{float:left;width:100px;padding-top:17px;border-bottom:1px solid #BEBEBE;} .lblcbrightrst,.lblcbrightrstww{float:left;width:282px;z-index:2;color:gray;background-color:#F0F8FF; border:1px solid #BEBEBE;} .lblcbrightrstww{width:482px;} .cbrst{float:left;z-index:2;width:22px;padding-top:6px;padding-bottom:6px;} .cbrst input{cursor:pointer;} .cvtbox{float:left;z-index:2;width:0px;height:0px;text-align:left;border:none;background:transparent;} /* BtnSubmit */ .submitrst{margin-top:15px;margin-left:170px;margin-bottom:5px;} .submitrst,.mpebtnok,.mpebtncanc,.mpebtncenter,.btndatecnf {border:solid 1px #D2D2D2;cursor:pointer;color:#266380; background:url(../Imgs/various/button.png) repeat -2px -2px;} .submitrst:hover,.mpebtnok:hover,.mpebtncanc:hover,.mpebtncenter:hover,.btndatecnf:hover {background:transparent;color:red;text-decoration:underline;display:inline-block;} /*display:inline-block; need to ff to underline btn*/ /*mpebtns*/ .mpebtns{height:30px;position:relative;} .mpebtnok{float:left;position:relative;top:0px;left:100px;} .mpebtncanc{float:right;position:relative;top:0px;right:100px;} .mpebtnml{margin:5px 0 5px 200px;} /* Delimiter */ .delimrstinner{text-align:center;margin-bottom:5px;padding-bottom:4px;padding-top:4px;height:15px; color:black;background-color:#E8EEE2;font-weight:bolder;} .delimrstfirst{clear:both;} .delimrstnext{padding-top:25px;} /* TextComments */ .commrst{margin:0px 10px 0px 14px;color:gray;} /*Page DivC */ .divcrst{clear:both;} /*PageTitle*/ .titlerst{padding-top:2px;} .titlerst h1,.titlerst h2{text-align:center;margin-bottom:0px;} .titlerst h1{height:40px;margin-top:15px;padding-top:3px;letter-spacing:1px;} .titlerst h2{background:url(../Imgs/Various/pageh2-3.gif) no-repeat;height:25px;margin-top:15px;padding-top:5px;} /*PageLink*/ .pagelink{padding-top:12px;margin-bottom:0px;} /*PageLink*/ .pagetxt{clear:both;color:gray;text-align:left;line-height:16px;} /* Optional description below DivLeft */ .divdescrleft{margin-bottom:10px;padding-left:15px;padding-right:15px;font-size:12px;color:gray;} /*InputBox Hidden To pick-up IDs */ .tboxhidden {display:none;} /*AutoComplete*/ Original .acele,.aceli,.acehl {font-family: Arial, Helvetica, sans-serif;font-weight:normal;font-size:12px;cursor:pointer;width:370px;z-index:2} .acele,.acelekart,.aceleck{overflow:auto;height:200px;border-width:1px;border-style:solid;border-color:gray; list-style-type:none;margin:0px;padding:0px;background-color:#F5F8F5;} .aceli{background-color:#F5F8F5;} /* Items selected */ .acehl{background-color:gray;color:yellow;} /* Items selected */ /*Personalized acele*/ .acelekart{padding-right:320px;} .aceleck{padding-right:190px;} /*Others*/ .delbtn{border:0px;background:white url(../Imgs/various/gr-delete.gif) no-repeat; width:16px;margin-top:2px;height:16px;background-color:transparent;} .delbtn:hover{opacity:.65;filter:alpha(opacity=65);} .oradio input{cursor:pointer;} .headup, .headdown, .btnocart, .btnocartdt{border:0px;background-color:transparent;cursor:pointer;} .headup, .headdown, .btnocart{float:left;clear:both;margin: 7px 0 0 12px;width:24px;height:24px;} .btnocartdt {margin: 0px 0 0 0px;height:12px;width:0px;} .headup{background: url(../Imgs/various/head-up.gif) no-repeat;} .headdown{background: url(../Imgs/various/head-down.gif) no-repeat;} .btnocart, .btnocartdt{background: url(../Imgs/various/ocart.gif) no-repeat;} .btnview{background: url(../Imgs/various/gr-view.gif) no-repeat;height:16px;width:20px;} /*-------------------------- ModalPopupExtender for Input Errors --------------------------------*/ /* The external window */ .popupdiv{background-color:#F5F8F5;border:solid 1px black;width:450px; display:block;padding:5px 5px 5px 5px;text-align:center;} /*control the background*/ .popupmpe{position:absolute;z-index: 100;top: 0px;left: 0px;background-color: #000; filter:alpha(opacity=60);opacity:0.6;} /* is where is writen the content */ .popupvs{font-size:14px; line-height:22px;text-align:left;list-style-type:disc;color:Gray; overflow:auto;max-height:500px;padding-right:15px;} /* The title area putted in a Div */ .popupdivtitle{clear:both;font-size:16px; text-align:center; padding:5px 5px 5px 5px;font-weight:bold;background:url(../Imgs/Various/tab.jpg) repeat -2px -2px;} #mpeoptok{margin-right:250px;} /*-------------------------- Prompt for Common Use --------------------------------*/ .al{text-align:left;} .ac{text-align:center;} /* or use: margin-left:auto;margin-right:auto;*/ .ar{text-align:right;} .avc{vertical-align:middle;} .clearboth{clear:both;} .floatleft{float:left;} .floatright{float:right;} .padd{padding-top:10px;} .paddb{padding-bottom:10px;} .paddall{padding:5px 5px 5px 5px;} .height{height:10px;} .fnt10{font-size:10px;} .fnt11{font-size:11px;} .fnt12{font-size:12px;} .bgw{background-color:white;} .cursorpointer{cursor:pointer;} /*.spacers{padding-top:5px;clear:both;} */ .spacer{padding-top:15px;clear:both;} .spacer2{padding-top:30px;} /*-------------------------- Recurring Options --------------------------------*/ .3d, .tooltip p, .x3date, .btndatecnf .tooltipsum p {box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);-webkit-box-shadow: 2px 2px rgba(0, 0, 0, 0.5); -moz-box-shadow: 2px 2px rgba(0, 0, 0, 0.5);} .round, .tooltip p, .x3date, .btndatecnf,.tooltipsum p {border-radius: 5px 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;} /*-------------------------- JQuery Tooltip --------------------------------*/ .tooltip, .tooltipsum{position:absolute;z-index:999;left:-9999px;} .tooltip p, .tooltipsum p{margin:0;padding:0;color:black;background-color:#222;padding:2px 7px; font-weight:bold; background:url(../Imgs/Various/tit-y-h120.gif) repeat #444444; border: 1px solid #2BB0D7; margin-left:auto;margin-right:auto;text-align:center;} .tooltipsum p{background:#D9F4F6;} /*-------------------------- Email Object --------------------------------*/ .emaildiv{clear:both;float:left;position:relative;width:600px;z-index:2;border:1px dotted #BEBEBE;background-color:#FDFDF5;} .emailrow{background:#F5F5F5;} .emailt{clear:both;float:left;position:relative; width:535px;height:5px;padding-bottom:0px;} .emailimg{float:right;position:relative;padding-right:2px;} .emailtbox{border:1px solid #BEBEBE;color:gray;text-decoration:none;} .emailfreesubj{float:left;border:1px solid #BEBEBE;color:gray;text-decoration:none;padding: 0px 0px 0 2px;} /*-------------------------- Grid Works --------------------------------*/ .PSLU /* Product (Tab) Specify Left Unpair (Dark) */ {text-align:left;vertical-align:top;background-color: #EBEBEB;width:100px;border: solid 1px #FFFFFF;} .PSRU /*Product (Tab) Specify Right Unpair (Dark) */ {text-align:left;vertical-align:top;background-color: #EBEBEB;width:480px;border: solid 1px #FFFFFF;} .PSLP /*Product (Tab) Specify Left Pair */ {text-align:left;vertical-align:top;background-color: #F5F5F5;Width:100px;border: solid 1px #FFFFFF;} .PSRP /*Product (Tab) Specify Right Pair */ {text-align:left;vertical-align:top;background-color: #F5F5F5;Width:480px;border: solid 1px #FFFFFF;} /*List images in the tab of the product */ .ImagesListing{text-align:center;background: url(../Imgs/Various/BG_ImageListing.jpg);background-repeat:no-repeat; Width:110px;height:100px;} /* for price listing like in the description of the product */ .PriceListing{height:22px;left:15px;margin-left:10px;border-color:white;} .PriceListing{background:url(../Imgs/Various/bg-prices.gif) no-repeat 0px 3px;} .divgrid{clear:both;width:605px;} .divgrid table{} .divgrid thead{background:url(../Imgs/Various/tit-y-h50.gif) repeat-x #444444;cursor:help;} .divgrid thead th{padding: 2px 2px 2px 2px;border:1px solid #E1E1E1;} .divgrid tbody tr:first-child{border-top:0px;height:27px;} .divgrid tbody tr{border:2px solid white;padding: 2px 2px 2px 2px;height:22px;background:url(../Imgs/Various/bg-grid.jpg) repeat;} .divgrid .odd{background:white} .divgrid tbody td{border-left:2px solid white;} .divgrid tbody td input:focus{border-color:#2BB0D7;} input:focus, .lblcbrightrst:focus{border-color:#2BB0D7;} .divgrid input[type=text]{border:1px solid #E1E1E1;padding: 2px 2px 0px 2px;z-index:2;height:15px} .gridcellhidden{visibility:hidden;display:none;} .closedt{width:602px;height:15px;background:url(../Imgs/Various/tit-y-h21.gif) repeat-x #444444;border:1px solid #E6E6DE;} /*-------------------------- oDate Objects --------------------------------*/ .x3date {clear:both;padding-top:5px;margin-top:15px;z-index:1;position:relative;height:25px; background:url(../Imgs/Various/tit-y-h50.gif) repeat-x #444444;border:1px solid #D8D8CE;} .x3date input[type=text]{margin-top:0px;width:30px;} .x3date img{margin-top:4px;} .odfloat, .divtbxdate, .datelbl{float:left;padding-right: 20px;} .datelbl{padding-right: 2px;margin-top:3px;font-weight:normal;color:gray;} #datefdiv{margin-left:6px;} .x3date input[type=submit]{float:left;margin-top:1px;} .btndaterange{height:25px;width:25px;border:0px;opacity:.80;filter:alpha(opacity=80);} .btndaterange[disabled]{opacity:.35;filter:alpha(opacity=35);} .btndatecnf{margin-top:0px !important;} #btnseasonprev, #btnyearprev{background:url(../Imgs/Various/jq/back_enabled.jpg) no-repeat;} #btnseasonnext, #btnyearnext{background:url(../Imgs/Various/jq/forward_enabled.jpg) no-repeat;} #btnseasonprev[disabled], #btnyearprev[disabled]{background:url(../Imgs/Various/jq/back_disabled.jpg) no-repeat;} #btnseasonnext[disabled], #btnyearnext[disabled]{background:url(../Imgs/Various/jq/forward_disabled.jpg) no-repeat;} #btnseasonprev:active, #btnyearprev:active{background:url(../Imgs/Various/jq/back_disabled.jpg) no-repeat;} #btnseasonnext:active, #btnyearnext:active{background:url(../Imgs/Various/jq/forward_disabled.jpg) no-repeat;} /* try with bg header that cover till the date object called from BuildSubMenu */ .pagebghead{background:url(../Imgs/Various/tit-y-h120.gif) repeat-x red; padding-top:0px;top:0px;left:0px;z-index:0;position:absolute;height:98px;width:605px;border-bottom:1px solid #BEBEBE;} /*------------------------ oChangeKey as ck -------------------------*/ .x3ck{clear:both;padding-top:3px;height:25px;float:left;width:605px; background:url(../Imgs/Various/tit-y-h50.gif) repeat-x #444444;border:1px solid #E6E6DE;color:gray;} .x3ck input[type=text]{margin-top:1px;} .x3ck div{} .x3ck table{padding-left:0px;width:395px;} .x3ck table td{text-align:center;} .x3ck table td:first-child{font-size:12px;font-weight:bolder;} .x3ckc{border-right:2px solid silver;} .x3ckd{clear:both;float:left;margin-top:3px;padding:0px 5px 0px 5px;cursor:help;} .x3ckdtb{float:left;clear:right;} .x3ckdc{float:left;clear:right;margin-top:3px;} .x3ckdl{float:left;clear:right;margin-left:21px;text-align:center;font-size:12px;font-weight:bolder;} .x3ckdr{text-align:center;} /*-------------------------- oWarning Object --------------------------------*/ .owarn{padding: 12px 0px 5px 55px;} /*-------------------------- sdmenu --------------------------------*/ div.sdmenu div {background: url(../Imgs/various/sd-toptitle.gif) no-repeat;overflow:hidden;color:gray;} div.sdmenu div.collapsed {height: 22px;overflow:hidden;} div.sdmenu div span {display: block;padding: 3px 25px;font-weight:bold;color:white; background: url(../Imgs/various/sd-expanded.gif) no-repeat 10px center;cursor:pointer;border-bottom: 1px solid #ddd;} div.sdmenu div.collapsed span { background-image: url(../Imgs/various/sd-collapsed.gif);} div.sdmenu div a {padding: 3px 10px;display: block;border-bottom: 1px solid #ddd;} div.sdmenu div a.current {background:url(../Imgs/Various/tit-y-h50-160.gif) no-repeat; text-decoration:none;font-weight:bold;} div.sdmenu div a:hover {background : #066 url(../Imgs/various/sd-linkarrow.gif) no-repeat right center; color: #fff;text-decoration: none;} div.brandsl{clear:both;float:left; padding-bottom:8%;} div.brandsl div.bl, div.blcur, div.blcurtop {float:left; position:relative;background: white url(../Imgs/Console/BG_BrandLogo.jpg) no-repeat; padding-top:26px; Top:0px; left:0px;Width:184px;height:100%;} div.brandsl div.bl1st, div.bl1stcur {float:left; position:relative;background: white url(../Imgs/Console/BG_BrandLogo1st.jpg) no-repeat; padding-top:12px;padding-bottom:8px;Width:184px;height:100%;} div.brandsl div.bllast, div.bllastcur {float:left; position:relative; background: white url(../Imgs/Console/BG_BrandLogoLast.jpg) no-repeat; Width:184px;height:11px;} div.brandsl div.blcur, div.bl:hover {background: white url(../Imgs/Console/BG_BrandLogoCurTop2.gif) no-repeat;} div.brandsl div.blcurtop{background: white url(../Imgs/Console/BG_BrandLogoCurBottom.gif) no-repeat;} div.brandsl div.bl1stcur{background: white url(../Imgs/Console/BG_BrandLogoCur1st2.gif) no-repeat;} div.brandsl div.bllastcur{background: white url(../Imgs/Console/BG_BrandLogoCurLast.gif) no-repeat;} /*-------------------------- User Login Object (displaying the cur logon name) --*/ .oul{padding:0px 0px 38px 19px} .oul div{float:left;padding:10px 0px 0px 6px;} .oul img{clear:both;float:left;} /*-------------------------- Jquery Tab Panel --------------------------------*/ /* root element for tabs */ ul.tabs {list-style:none;margin:0 !important;padding:5px 0 0 0; height:22px;} /* single tab */ ul.tabs li {float:left;text-indent:0;padding:0;margin:0px !important; list-style-image:none !important;} /* link inside the tab. uses a background image */ ul.tabs a {font-size:12px; float:left;background: url(../Imgs/Various/tab.png) no-repeat 0px 0;display:block; height:23px;line-height:24px;text-align:center;text-decoration:none;color:#333; padding: 1px 8px 0px 8px;margin:0px 2px 0px 0px;position:relative;top:1px;border-right: 1px solid gray;} ul.tabs a:active, ul.tabs a:focus{outline:none;} /* when mouse enters the tab move the background image */ ul.tabs a:hover {background-position: 0px -23px;color:#fff;} /* active tab uses a class name "tabcur". its highlight is also done by moving the background image. */ ul.tabs a.tabcur, ul.tabs a.tabcur:hover, ul.tabs li.tabcur a { background-position: 0px -46px;cursor:default !important;color:red !important;} /* tab pane styling */ .panes div:first-child{float:left;clear:both;border-top:0;line-height:16px;word-spacing:2px;} .tabscont{clear:both;width:605px;} .tabspacer{padding-top:12px;clear:both;background: url(../imgs/various/tab-shadow.gif) no-repeat 0px 0;border-top:1px solid silver;} /*-------------------------- Last Works --------------------------------*/