/* * Revision No : 441 * Date 15-06-2015 */ /* @font-face { font-family: 'Sans Sara'; src: local('Sans Sara'), url('./Sans Sara.ttf') format('truetype'); } */ body{ background:#fff; color:#333; margin:0px; font-family: Calibri; font-size:14px; text-align:left; } img{border:0px;} /*--- main design style ---*/ #container{width:100%; height:auto; margin:0px auto;} #container-in{width:100%; height:auto; float:left;} #container-main-cont{width:100%; height:auto; margin:0 auto;} /*--- top strip (where links are given) style ---*/ #top-strip{ width:100%; height:auto; min-height:30px; float:left; background:#83AF68; color:#fff;} #top-strip-in{ width:1000px; height:auto; margin:0px auto;} #top-strip-in-right{ width:500px; height:auto; padding:5px 0px; float:right;} .top-strip-right{width:auto; height:auto; float:right;padding:0 5px; margin:0 5px ; color:#fff; text-decoration:none; border-right:1px solid #fff; } .top-strip-right:hover{text-decoration:underline;} .controlstyle img{opacity:1;} .controlstyle img:hover{opacity:0.8;} .top-strip-right2{width:auto; height:auto; float:right; padding:3px 5px; color:#fff; text-decoration:none;font-size:0.9em; border-right:1px solid #fff;} .top-strip-right2:hover{text-decoration:underline;} .top-strip-right3{width:auto; height:auto; float:right; padding:3px 5px; color:#fff; text-decoration:none;font-size:0.85em;} .top-strip-right3:hover{text-decoration:underline;} .top-strip-rightlink{width:auto; height:auto; float:right; padding:5px 5px; margin:2px 5px; color:#fff; text-decoration:none;font-size:0.9em;} .top-strip-rightlink:hover{ background:#7F0000; color:#333;} .top-strip-right img{ width:22px; height:22px; float:left; margin-right:5px;} .top-strip-right input[type="image"]{width:22px; height:22px; float:left; margin-right:5px; opacity:1;} .top-strip-right input[type="image"]:hover{opacity:0.8;} /*--- content after strip style ---*/ #content{width:1000px; height:auto; margin:0 auto; text-align:left;} #contentin{width:978px; height:auto; float:left; text-align:left; background:#EDEDEE;} #top{width:1000px; height:auto; margin:5px auto;} #top #logo{ width: auto; height:auto; float:left;} #top #topright{ width:400px; height:auto; float:right;} #top #topright .left-colum1{ width:320px; height:auto; float:right;} .top-menu{ width:auto; height:auto; float:right; margin:7px 10px 10px 0} .top-menu a{ color:#333; text-decoration:none;} .top-menu a:hover{ text-decoration:underline;} .search-box{ width:218px; height:15px; float:right; border:1px solid #ccc; padding:5px; margin-right:10px; margin-top:10px} .search{ width:194px; height:15px; float:left; border:0px; color:#666;} .search-button{ width:20px; height:15px; float:right;} #textsearch { z-index: 129; position: absolute; margin-top: -3px; margin-left: -7px; background: none repeat scroll 0px 0px rgb(102, 102, 102); opacity: 0.60; color: rgb(255, 255, 255); } #textsearch table td { } #top #topright .left-colum2{ width:80px; height:auto; float:right; margin-top:5px;} /*--- header content style ---*/ #headermain{ width:1000px; height:340px; float:left; background:url(../images/header.jpg); border-radius:1em;} /*--- left header side panel design style for login---*/ #header-left{ width:300px; height:300px; float:left; margin:25px 0px 25px 5px; background:url(../images/login_PY.png); } #header-left2{ width:290px; height:300px; float:left; margin:25px 0px 25px 15px; box-shadow:0 0 20px #666; } #header-left:hover{ background:url(../images/login-hov_PY.png);} .header-left-heading{ width:265px; height:auto; float:left; color:#6D9E50; font-size:1.2em; font-weight:bold; padding-left:15px; margin-top:20px; margin-left:10px;} .header-left-heading2{ width:275px; height:auto; float:left; color:#6D9E50; font-size:1.2em; font-weight:bold; padding-left:15px; padding-top:15px; background: url(../images/block-top-left_PY.jpg) no-repeat; } .header-left-heading2 img{ width:25px; height:25px; float:left; margin-right:10px;} .header-left-heading img{ width:25px; height:25px; float:left; margin-right:10px;} .header-left-login{ width:220px; height:auto; float:left; margin-top:25px; margin-left:40px; } .header-left-login2{ width:220px;min-height:110px; float:left; box-shadow:0 0 50px #7F0000 inset; margin:20px 10px; padding:20px 25px; border-radius:1em; } .header-left-login2:hover{box-shadow:0 0 50px #333 inset;} .header-left-row{ width:220px; height:auto; float:left; margin-bottom:7px;} .header-left-row .left-text{ width:80px; float:left; height:20px; color:#fff; font-weight:bold; text-transform:capitalize; font-style:italic; font-size:0.9em;} .header-left-row .left-text2{ width:80px; float:left; height:20px; color:#6D9E50; font-weight:bold; text-transform:capitalize; font-size:1em;} .header-left-row .input-text{width:130px; float:left; height:20px; } .header-left-row .submit-btn{ width:70px; height:25px; float:right; color:#6D9E50; font-weight:bold; font-style:italic; margin-right:5px;} .forgot-pass{ width:275px; height:auto; float:left; margin:8px 0px 0px 20px; text-align:center} .forgot-pass a{ color:#6D9E50; text-decoration:none; font-weight:bold; font-size:1em; font-style:italic;} .forgot-pass a:hover{color:#333; text-decoration:underline;} .reg-user{ width:280px; height:auto; float:left; margin:4px 0px 0px 15px; text-align:center; } .reg-user a{ background:url(../images/reg-user.png) left center no-repeat;color:#6D9E50; text-decoration:none; font-weight:bold; font-size:1.2em; padding:7px 0 7px 35px;} .reg-user a:hover{color:#333; text-decoration:underline;} .forgot-pass2{ width:275px; height:auto; float:left; margin:10px 0px 0px 10px; text-align:center} .forgot-pass2 a{ color:#6D9E50; text-decoration:none; font-weight:bold; font-size:1em; font-style:italic;} .forgot-pass2 a:hover{color:#333; text-decoration:underline;} /*--- right header side panel design style for blocks links ---*/ #header-right{ width:670px; height:310px; float:left; margin:17px 0px 15px 5px; padding:5px; } .header-right-block2{ width:305px; height:125px; float:left; margin:6px 10px; box-shadow:0 0 10px #666; padding:5px;} .header-right-block{ width:315px; height:135px; float:left; margin:4px 5px; background:url(../images/block.png); padding:5px;} .header-right-block:hover{ background:url(../images/block-hov_PY.png);} .header-right-block img{ width:105px; height:105px; float:left; margin:10px 0 0 5px;} .header-right-block .right-text{ width:195px; height:auto; float:left;} .header-right-block .right-text .heading{ width:190px; height:auto; float:left; margin-bottom:5px; font-size:1.1em; color:#4C862A; text-decoration:none; margin-left:5px; margin-top:20px; font-weight:bold;} .header-right-block .right-text .text{ width:185px; height:auto; float:left; color:#000; text-decoration:none; margin-left:10px; line-height:11pt; word-wrap: break-word;} /*--- style for available banks and payment mode ---*/ #mid-content{width:1000px; height:auto; float:left; border-top:5px solid #6D9E50; background:#F1FBEC url(../images/abanks-bg_PY.gif) repeat-x; } #available-banks{ width:1000px; height:auto; float:left; padding:5px 0px 5px 0px; } .row-banks{width:1000px; height:auto; float:left; margin-top:5px; padding-bottom:5px; border-bottom:1px solid #999;} .row-banks2{width:1000px; height:auto; float:left; margin-top:5px; padding-bottom:5px; } #available-banks .left{ width:190px; margin-left:10px; height:auto; float:left; font-size:1em; font-weight:bold; margin-top:4px; color:#6D9E50; text-align:left; } #available-banks .left2{ width:auto; margin-left:10px; height:auto; float:left; font-size:1em; font-weight:bold; margin-top:4px; color:#333; text-align:left} #available-banks .left2 a{ color:#6D9E50; text-decoration:none;} #available-banks .left2 a:hover{ text-decoration:underline;} #available-banks .left a{ color:#6D9E50; text-decoration:none;} #available-banks .left a:hover{ text-decoration:underline;} #available-banks .right{ width:770px; height:35px; float:left; } #available-banks .right img{ width:90px; height:35px; margin-right:10px;} #available-banks .right1{ width:770px; height:25px; float:left; } #available-banks .right1 img{ width:70px; height:25px; margin-right:10px;} #available-banks .right2{ width:auto; height:auto; float:left; } #payment-mode2{ width:1000px; height:auto; float:left; border-bottom:1px solid #999; } #payment-mode{ width:1000px; height:auto; float:left; border-bottom:1px solid #999; } #payment-mode .left{ width:210px; margin-left:10px; height:auto; float:left; font-size:1em; font-weight:bold; color:#6D9E50; text-align:left; padding:5px 0 10px 0;} #payment-mode .left a{ color:#6D9E50; text-decoration:none;} #payment-mode .left a:hover{ text-decoration:underline;} #payment-mode .right{ width:320px; height:auto; float:left; font-size:1em; font-weight:bold;} #payment-mode .right img{ border-radius:0.5em;} #payment-mode .right1{ width:470px; height:auto; float:right; font-size:1em; font-weight:bold;} #payment-mode .right1 .message-text{ width:450px; height:auto; float:left; padding:7px 10px; color:#333333; } #payment-mode .right1 .message-text a{ color:#6D9E50; text-decoration:none;} /*--- style for body content ---*/ #body{width:1000px; height:auto; float:left;} /*--- body top content ---*/ #body-top{ width:1000px; height:auto; float:left;} #body-top #left{ width:500px; height:auto; float:left; background:url(../images/body-block.jpg) left top no-repeat;} #body-top #left .left{width:488px; height:auto; max-height:255px; min-height:255px; float:left; margin:9px 0 0 10px; border:1px solid #999; border-radius:0 0 1em 1em; background:#EDEDEE; } #body-top #left .left a{ text-decoration:none;} #body-top #left .left .border{ width:488px; height:10px; float:left; background: #6D9E50 url(../images/block-top-left_PY.jpg) no-repeat;} #body-top #left .left .heading{ width:440px; height:30px; float:left; padding:5px 0px 5px 48px; font-size:1.5em; font-weight:bold; color:#6D9E50; background:url(../images/head_PY.png) left center no-repeat; text-transform:capitalize;} #body-top #left .left .text{ width:460px; height:auto; float:left; padding:0 14px; color:#333; line-height:12pt;} #body-top #left .left .text ul li{list-style-image:url(../images/list.gif); margin-left:5px; } #body-top #right{ width:500px; height:auto; float:left; background:url(../images/body-block.jpg) left top no-repeat;} #body-top #right .right{width:488px; height:auto; min-height:255px; max-height:255px; float:left; margin:9px 0 0 10px; border:1px solid #999; border-radius:0 0 1em 1em; background:#EDEDEE ; } #body-top #right .right .border{ width:488px; height:10px; float:left; background: #6D9E50 url(../images/block-top-left_PY.jpg) no-repeat;} #body-top #right .right .heading{ width:440px; height:30px; float:left; padding:5px 0px 5px 48px; font-size:1.5em; font-weight:bold; color:#6D9E50; background:url(../images/head_PY.png) left center no-repeat; text-transform:capitalize;} #body-top #right .right .text{ width:460px; height:auto; float:left; padding:0 14px; color:#333;} #body-top #right .right .text a{ color:#fff; text-decoration:none;} /*--- style for body bottom content ---*/ #body-bottom{ width:1000px; height:auto; float:left;} #body-bottom #bleft{ width:500px; height:auto; float:left; background:url(../images/body-block.jpg) left top no-repeat;} #body-bottom #bleft .left{width:488px; min-height:240px; float:left; margin:9px 0 0 10px; border:1px solid #999; border-radius:0 0 1em 1em; background:#EDEDEE; padding-bottom:10px; } #body-bottom #bleft .left .border{ width:488px; height:10px; float:left; background: #6D9E50 url(../images/block-top-left_PY.jpg) no-repeat;} #body-bottom #bleft .left .heading{ width:440px; height:40px; float:left; padding:5px 0px 5px 48px; font-size:1.4em; font-weight:bold; color:#6D9E50; background:url(../images/head_PY.png) left center no-repeat; text-transform:capitalize;} #body-bottom #bleft .left .text{ width:460px; height:auto; float:left; padding:0 14px; } #body-bottom #bright{ width:500px; height:auto; float:left; background:url(../images/body-block.jpg) left top no-repeat;} #body-bottom #bright .right{width:488px; height:auto; min-height:255px; float:left; margin:9px 0 0 10px; border:1px solid #999; border-radius:0 0 1em 1em; background:#EDEDEE ; } #body-bottom #bright .right .border{ width:488px; height:10px; float:left; background: #6D9E50 url(../images/block-top-left_PY.jpg) no-repeat;} #body-bottom #bright .right .heading{ width:448px; height:auto; float:left; padding:5px 10px;font-weight:bold; text-transform:capitalize;} #body-bottom #bright .right .heading .tab{ width:auto; height:auto; float:left; padding:7px 12px; border:1px solid #fff; color:#fff; background:#6D9E50; text-decoration:none; } #body-bottom #bright .right .heading .tab:hover{background:#6D9E50;} #body-bottom #bright .right .heading .active{ width:auto; height:auto; float:left; padding:7px 12px; border:1px solid #fff; color:#fff; background:#7F0000; text-decoration:none;} #body-bottom #bright .right .text{ width:460px; height:auto; float:left; padding:0 14px;} #body-bottom #bright .right .text a{ color:#6D9E50; text-decoration:none; font-weight:bold; width:420px; height:auto; float:left; background:url(../images/arrow.png) left center no-repeat; padding:3px 0px 3px 20px;} #body-bottom #bright .right .text a:hover{ color:#333; text-decoration:underline; } #body-bottom #bright .right .text #tab1{width:460px; height:180px; float:left; overflow-y:auto } #body-bottom #bright .right .text #tab2{width:460px; height:180px; float:left; display:none;overflow-y:auto} #body-bottom #bright .right .text #tab3{width:460px; height:180px; float:left; display:none;overflow-y:auto} /*--- style for bottom content ---*/ #bottom{ width:1000px; height:auto; float:left; padding-bottom:10px; border-bottom:1px dotted #999;} #bottom .left{width:600px; height:auto; float:left; margin:10px;} #bottom .left img{ width:150px; height:50px; float:left; margin-right:15px;} #bottom .right{ width:300px; float:right; height:auto; margin:10px;} #bottom .right img{ float:right; margin-right:10px;} /*--- style for footer content ---*/ #footer{ width:100%; height:auto; float:left; color:#333; text-align:left;} #footer .footer{ width:1000px; height:auto; margin:0px auto;} #footer .footer .left{ width:600px; height:auto; float:left; margin:10px; } #footer .footer .left .menu{ width:630px; height:auto; float:left;} #footer .footer .left .menu a{ color:#333; text-decoration:none;} #footer .footer .left .menu a:hover{ text-decoration:underline; color:#000;} #footer .footer .left .text{ width:650px; height:auto; float:left; margin-top:5px;} #footer .footer .left .text img{ width:35px; height:35px; float:left; margin-right:10px;} #footer .footer .left .text a{ color:#6D9E50; text-decoration:none; font-weight:bold;} #footer .footer .left .text a:hover{ color:#B86E02;} #footer .footer .right{ width:360px; height:auto; float:right; margin:10px; text-align:right; line-height:14pt;} /*style for slider header*/ h3{ font-family:"Trebuchet MS"; font-size: 1.2em; color: #6D9E50; font-weight: bold; text-align:center; line-height: 20px; padding:0px 15px; margin:0px; } #header{ width: 460px; float:left; } .header_left{ float: left; width: 460px; height: 200px; } .header_left .text{ line-height: 18px; font-family:"Trebuchet MS"; padding:5px 10px; width:440px; font-weight:bold; } .header_left .text ul {margin:0px;} .header_left .text ul li{list-style-image:url('../images/arrow2.png'); margin:0px;} .learn{ width: 49px; height: auto; background: #7F0000 no-repeat top left; border-radius:4em; float: right; text-align: center; padding: 14px 0; font-weight: bold; font-family:"Trebuchet MS"; font-size: 1em; color: #fff; } .learn:hover{ background: #333 no-repeat top left; color:#fff;} .clear{ clear: both; } /* scroll styles here */ .item { width: 460px; height: 180px;} .item img {float:left;} .item h2 { border:none; margin-bottom:15px;} .scrollable { position:relative; overflow:hidden; width: 460px; height:170px; background:transparent;} .scrollable .items { width:20000em; position:absolute;} .scrollable .items div { float:left;} .scrollable .items .item { overflow:hidden;} .scrollable .items .item p { line-height:16px;} .navi { width:auto; height:20px; float:right; margin:5px 0; padding-right: 20px;} .navi a { width: 13px; cursor:pointer; height: 14px; float:left; margin:0 0 0 3px; background:url(../images/round_button.png) no-repeat scroll right top; display:block; font-size:1px; } .navi a:hover, .navi a.active { background-position:left top; margin:0 0 0 3px; background:url(../images/round_button1.png) no-repeat scroll right top} .header1 { width: 460px; height: 180px; } .header2 { width: 700px; height: 350px; } .header3 { width: 700px; height: 350px; background: url(images/top3.jpg) no-repeat; } /* ------------------------------------------------------------------------ DO NOT CHANGE ------------------------------------------------------------------------- */ div.pp_overlay {background: #000;display: none;left: 0;position: absolute;top: 0;width: 100%;z-index: 9500;} div.pp_pic_holder {display: none;position: absolute;width: 100px;z-index: 10000;} #inner-body{ width:978px; height:auto; float:left; border:1px solid #999; border-radius:0 0 1em 1em; background:#fff; padding:10px; box-shadow:0 0 30px #999 inset; } .logout-links{ width:auto; height:auto; float:right; padding:0;} .logout-links a{ width:auto; height:auto; float:right; padding:3px 8px; color:#fff; background:#6D9E50; margin-left:5px; text-decoration:none;} .logout-links a:hover{ background:#7F0000;} .inner-body-content{width:978px; height:auto; float:left;} .payment-mode-select-home{ width:978px; height:auto; float:left; color:#333; } .payment-mode-heading-home{ width:96%; float:left; height:auto; font-weight:bold; color:#fff; padding:0.5% 2%; margin-top:5px; border-bottom:3px solid #7F0000; background:#666;} .payment-mode-select-heading-home{ width:140px; float:left; height:auto; font-weight:bold; color:#6D9E50; padding:3px 10px; border-right:1px solid #999; } .payment-mode-select-block-home{ width:auto; height:auto; float:left; margin-right:10px; padding:2px 5px; font-weight:bold;} .payment-mode-select-block-home:hover{background:#7F0000; color:#fff;} .pay-content-home{ width:978px; height:auto; float:left; margin-top:10px;} .pay-content-heading-home{ width:958px; height:auto; float:left; color:#333; padding:8px 5px 5px 5px;} .pay-content-heading-registered-home{ width:968px; height:5px; float:left; background:#7F0000; color:#fff; padding:0px 5px; margin-bottom:5px;} .red{color:#FF0000;} .grey{ color:#333333;} .orange{ color:#7F0000;} .payment-mode-select{ width:934px; height:auto; float:left; color:#333; border:1px solid #999; border-right:none; border-bottom:none; margin-left:20px; } .payment-mode-select2{ width:934px; height:auto; float:left; color:#333; margin-left:20px; } .payment-mode-heading{ width:94%; float:left; height:auto; font-weight:bold; color:#000; padding:1% 2%; margin:5px 1% 0 1%; } .payment-mode-heading-center{ width:94%; float:left; height:auto; font-weight:bold; color:#000; padding:1% 2%; margin:5px 1% 0 1%; text-align:center; } .payment-mode-select-heading{ width:134px; float:left; height:auto; font-weight:bold; color:#333; padding:3px 10px; border-right:1px solid #999; } .payment-mode-select-block{ width:auto; height:auto; float:left; margin-right:10px; padding:2px 5px; font-weight:bold;} .payment-mode-select-block:hover{background:#7F0000; color:#fff;} .pay-content{ width:978px; height:auto; float:left;} .pay-content-heading{ width:958px; height:auto; float:left; color:#333; padding:8px 5px 5px 5px;} .pay-content-heading-registered{ width:968px; height:auto; float:left; background:#7F0000; color:#fff; padding:2px 5px; margin-bottom:15px;} .pay-content-heading .left-text{ width:160px; height:auto; float:left; margin-right:5px; font-weight:bold; font-size:1.1em;} .pay-content-heading .left-text2{ width:360px; height:auto; float:left; margin-right:5px; font-weight:bold; font-size:1.1em;} #left-box{ width:938px; height:auto; float:left;} .left-box{ width:934px; height:auto; float:left; border-bottom:1px solid #999;} .left-box-text{ width:127px; height:22px; float:left; font-size:1.1em; padding:8px 5px;} .left-box-input{ width:318px; float:left; height:auto; border-left:1px solid #999; border-right:1px solid #999; padding:8px 5px;} .left-box-input-3cols{width:785px; float:left; height:auto; border-left:1px solid #999; border-right:1px solid #999; padding:8px 5px;} .input-boxes{ max-width:80%; width:120px; height:25px; margin-left:5px; margin-bottom:3px; border:1px solid #D1C7AC; font-family:Calibri; font-size:1em; border-radius:0.4em} .input-boxes:focus{border:1px solid #7F0000;} .input-boxes-small{ width:70%; min-height:17px ; height:25px; margin-left:5px; margin-bottom:3px; border:1px solid #D1C7AC; font-family:Calibri; font-size:1em; border-radius:0.4em} .input-boxes-small:focus{border:1px solid #7F0000;} .input-boxes-texarea{ width:70%; min-height:25px ; margin-left:5px; margin-bottom:3px; border:1px solid #D1C7AC; font-family:Calibri; font-size:1em; border-radius:0.4em} .input-boxes-texarea:focus{border:1px solid #7F0000;} .input-boxes-large{ width:90%; min-height:17px; height:25px; margin-left:5px; margin-bottom:3px; border:1px solid #D1C7AC; font-family:Calibri; font-size:1em; border-radius:0.4em} .input-boxes-large:focus{border:1px solid #7F0000;} .input-boxes-right{ width:150px; min-height:17px; height:25px; margin-left:5px; margin-bottom:3px; border:1px solid #D1C7AC; font-family:Calibri; font-size:1em; border-radius:0.4em} .input-boxes-right:focus{border:1px solid #7F0000;} .red{color:#FF0000;} .grey{ color:#333333;} .orange{ color:#7F0000;} .texttable{ width:937px; height:auto; float:left; margin-left:20px; margin-top:10px; } .texttable-main{ width:935px; height:auto; float:left; border:1px solid #ccc; border-top:none; border-bottom:none; text-align:center} .texttable-row{ width:935px; height:auto; float:left; background:#ccc; border:1px solid #999; color:#333; text-align:center} .texttable-box{width:457px; height:30px; float:left; padding:2px 5px; text-align:center; } .texttable-box img{ width:12px;} #right-box{ width:975px; height:auto; float:left;} .right-box{ width:976px; height:auto; float:left; border-bottom:1px solid #ccc;} .right-box-text{ width:125px; min-height:22px; float:left; font-size:1.1em; padding:4px;} .right-box-input{ width:180px; float:left; min-height:22px; border-left:1px solid #999; padding:4px;} #select-bank{ width:938px; height:auto; float:left; } .select-bank{ width:938px; height:auto; float:left;} .select-bank-row{width:938px; height:auto; float:left; background:#F2ECFF url(../images/abanks-bg.gif) repeat-x;} .select-bank-row2{width:938px; height:auto; float:left; margin-left:20px; margin-top:10px;} .select-bank-text{ width:134px; float:left; height:auto; font-weight:bold; color:#333; padding:3px 10px } .select-bank-text2{ width:160px; min-height:25px; float:left; padding:5px; } .select-bank-text3{ width:240px; min-height:25px; float:left; padding:5px; } .select-bank-input{ width:769px; float:left; height:auto; border-left:1px solid #999; border-right:1px solid #999; padding:5px 4px 5px 5px;} .select-bank-input img{ float:left; width:80px; height:30px; margin-left:5px;} .mark{ width:923px; height:auto; color:#333; float:left; font-weight:bold; text-align:right; padding:5px;} .submit-button{ min-width:70px; height:25px; color:#6D9E50; font-weight:bold; font-style:italic; margin-right:5px; margin-bottom:10px;} .payment-mode-select-block a{ color:#333; text-decoration:none;} .payment-mode-select-block a:hover{ color:#fff;} .payment-mode-select-block a.tooltip {outline:none; } .payment-mode-select-block a.tooltip strong {line-height:30px;} .payment-mode-select-block a.tooltip:hover {text-decoration:none;} .payment-mode-select-block a.tooltip span { z-index:10;display:none; padding:14px 20px; margin-top:20px; margin-left:-180px; width:200px; line-height:16px; } .payment-mode-select-block a.tooltip:hover span{ display:inline; position:absolute; color:#111; border:1px solid #DCA; background:#fffAF0;} .payment-mode-select-block .callout {z-index:20;position:absolute;top:30px;border:0;left:-12px;} /*CSS3 extras*/ .payment-mode-select-block a.tooltip span { border-radius:4px; /* -moz-border-radius: 4px; -webkit-border-radius: 4px; -moz-box-shadow: 5px 5px 8px #CCC; -webkit-box-shadow: 5px 5px 8px #CCC; */ box-shadow: 5px 5px 8px #CCC; } table{ border:1px solid #ccc; word-wrap:break-word; } table th{background:#CCCCCC; color:#333; font-weight:bold; text-align:center; border:1px solid #999;} table tr, table tr td{ border:1px solid #ccc; color:#333;} table a { color:#6D9E50; font-weight:bold; text-decoration:none; } table a:hover{ color:#333; text-decoration:underline;}