/***************************************************************** * Filename : style.css * Purpose : Cascade Style Sheet file for * Time Unlimited (New website) * * Author : Sadiq Ahmed, Rajesh Wadhwani * Created : 17-Apr-2009 * Modified : 06-May-2009, 27-May-2009 * Copyright : Room 101 Limited, 2009 ****************************************************************/ *{margin:0;padding:0;} img{border:none;} #content{margin:0px;padding:0px;top:0%;left:0%;position:absolute;overflow:auto;} #inner_content{ margin:0px auto;padding:0px;width:980px;height:540px;} #page_content { margin:0px auto;padding:0px;width:980px;height:350px;} /*Supersize Plugin Styles*/ #supersize img, #supersize a{height:100%;width:100%;display:none;cursor:default;} #supersize .activeslide, #supersize .activeslide img{display:inline;} * html #supersize img {margin-bottom:-5px;} *:first-child+html #supersize img {margin-bottom:-5px;} html, body {margin: 0px auto;font-size: 12pt;font-family: Arial, Verdana, Times New Roman;overflow:hidden; color:#000000;} body#home {background-color:#6AC9F2; color:#ffffff;} img { border: 0px; } /***** Text formatting ****/ h1 {font-size:18pt; font-weight:normal; padding-bottom:15px; color:#1969A5;} h2 {font-size:17pt;} h3 {font-size:12pt; font-weight:bold; padding-bottom:15px;} .bold { font-weight: bold; } .italic { font-style: italic; } .under_line { text-decoration: underline; } /**** Text alignment ****/ .left { text-align: left; } .center { text-align: center; } .right { text-align: right; } .float-left { float: left; } .float-right { float: right; } .clear { clear: both;font-size:1px; height:1px; } /***** Colors *****/ .black { color: #000000; } .white { color: #ffffff; } .purple { color: #602777; } .blue { color: #00599B; } .light-blue { color: #62A4D9; } .light-blue-bg { background-color: #62A4D9; } .largetxt {font-size:17pt;} ul.will_list {margin:0px; padding:0px; list-style:none; list-style-type:none;} ul.will_list li {margin:0px; padding:0px; padding-bottom:4px; position:relative; top:0px; left:0px; color:#ffffff;} ul.will_list li span {position:absolute; top:5px; left:-20px; color:#ffffff;} /***** Misc *****/ /***** Background image *****/ #fronting {padding:0px; margin:0px; background:none; font-size:1px; height:1px; position:absolute; top:-20px; left:-20px;} #fronting p {font-size:1px; padding:0px; margin:0px;} #thingy {padding:0px; margin:0px; width:1px; height:1px; font-size:1px;} div {margin:0px; padding:0px;} #space1, #space2 { height:4%; } #content_menu { background-color: #62A4D9;} #content_menu ul { padding: 3px; } #content_menu ul { list-style:none;list-style-type:none;width:980px;margin:0 auto; text-align:center;} #content_menu ul li {display:inline;} #content_menu ul li span {} #content_menu ul li a { color: #ffffff;text-decoration: none;font-size: 10.5pt;padding-right:10px;} #content_menu ul li a:hover {color: #00599B;font-size: 10.5pt;} #content_help {clear:both;height:70px;} #content_help #content_flow {float:left;width: 550px; height: 70px;overflow:hidden;} #content_logo {clear:both;/*height: 350px;*/height:250px;margin:0 auto;} #content_body {/*height:450px;*/height: 400px; margin:0 auto;position:relative;top:0px; left:0px;} #home_body {height:250px;margin:0 auto;position:relative;top:0px; left:0px;} #content_footer {height:21px;margin:0 auto;position:relative;bottom:0px; left:0px; width:980px;} #content_footer2 {height:80px;margin:0 auto;position:relative;bottom:0px; left:0px; width:980px;} #the_right_stuff_logo {position:absolute; top:50px; right:0px; width:544px; height:350px; color:#000000; z-index:101; text-align:right;} #the_right_stuff {position:absolute; top:50px; right:0px; width:544px; height:350px; color:#000000; z-index:100;} #the_right_stuff ul, li {color:#000000;} #the_left_stuff {position:absolute; top:50px; left:80px; width:350px; height:350px; color:#000000;} #the_left_stuff ul, li {color:#9B3999; list-style-type:none; list-style:none;} #the_left_stuff ul { margin-left: -6px; } /* Added by Rajesh on 27-May-2009 */ #the_left_stuff span {cursor:pointer; color:#9B3999;} #the_left_stuff p {color:#9B3999;} ul.howlist li.howbullet {float:left; padding-bottom:7px; width:15px;} ul.howlist li.howtext {margin-left:20px; padding-bottom:7px;} #left_note {position:absolute; bottom:0px; margin:0; margin-left:80px; width:900px; height:21px; text-align:left; color:#FDDD35;} #left_note p {font-size:12pt;} #right_note {position:absolute; bottom:0px; right:0px; width:400px; height:80px; color:#FDDD35;} #right_note p {font-size:9pt; color:#FDDD35;} #the_curv {position:relative; top:0px; right:0px; width:550px; color:#000000;} .curved_content {margin:0; padding:0px; width:550px; height:100%; position:relative; z-index:100;} .curved_content p {color:#88BBDD; padding:0 65px;} #text-bottom-left {float: left;color: #ffffff;width: 42%;font-weight: bold;font-size: 17pt;} #text-bottom-right {float: right;width: 45%;color: #ffffff;font-weight: bold;font-size: 13.5pt;} #the_right_info {position:absolute; top:50px; right:0px; width:400px; height:350px; color:#000000; z-index:101; text-align:right;} #the_left_info {position:absolute; top:50px; left:80px; width:500px; height:350px; color:#000000;} #the_left_info p {color:#9B3999;} #info_holder {position:relative; top:0px; left:0px; width:500px; height:100%;} #info_address {position:absolute; top:0px; left:0px; width:275px; height:150px;} #info_contact {position:absolute; top:0px; right:0px; width:275px; height:150px;} #info_enquiry {position:absolute; top:150px; left:0px; width:550px; height:210px;} #info_address p, #info_contact p, #info_enquiry p { padding-left: 25px; } /* Added by Rajesh on 27-May-2009 */ #info_address h1, #info_contact h1, #info_enquiry h1 { padding-bottom: 7px; } /* Added by Rajesh on 27-May-2009 */ /***** Scroller Box *****/ /* #scroller-container {position: relative;width: 550px; height: 80px; overflow: hidden; white-space: nowrap; } overflow: hidden; white-space: nowrap;} #scroller {height: 80px;font-size:10.5pt;color: #602777;} */ /* CSS Hack Safari */ /*#dummy {;# } #scroller_container {overflow: auto;} .scroller_text {text-align:right;width: 970px;height: 80px;font-size:10.5pt;color: #602777;}*/ .spacer {clear:both; height:50px;} #spacer {clear:both; height:50px;} /*OPTIM METHOD*/ .logo, .helpline, .round1, .round2, .round3, .round4, .round5, .round6, .round7, .dot1, .dot2, .dot3, .dot4, .dot5, .dot6,.rd1, .rd2, .rd3, .rd4, .rd5, .rd6, .rd7, .rd8, .rd9, #slogo, #contact, #dl, #submit {background:transparent url('mapping.png') no-repeat; margin:0px; padding:0px;} .logo {background-position:0px 0px; width:435px; height:200px; display:block;} .helpline {background-position:0px -250px; width:290px; height:75px; float:right; display:block;} #slogo {background-position:0px -325px; width:368px; height:190px; display:block; float:right;} #contact {background-position:-304px -272px; width:197px; height:30px; border:none; cursor:pointer; margin-right:50px;} #dl {background-position:-304px -240px; width:197px; height:32px; border:none; cursor:pointer;} #contact span {cursor:pointer;} #dl span {cursor:pointer;} .round1, .round2, .round3, .round4, .round5, .round6, .round7 {width:10px; height:10px; margin:0px; padding:0 7px; margin:0px; font-size:13px;} .round1 {background-position:-440px -5px;} .round2 {background-position:-440px -20px;} .round3 {background-position:-440px -35px;} .round4 {background-position:-440px -50px;} .round5 {background-position:-440px -65px;} .round6 {background-position:-440px -80px;} .round7 {background-position:-440px -95px;} .dot1, .dot2, .dot3, .dot4, .dot5, .dot6 {width:15px; height:15px; font-size:10px;} .dot1 {background-position:-460px -5px;} .dot2 {background-position:-460px -20px;} .dot3 {background-position:-460px -35px;} .dot4 {background-position:-460px -50px;} .dot5 {background-position:-460px -65px;} .dot6 {background-position:-460px -80px;} .rd1, .rd2, .rd3, .rd4, .rd5, .rd6, .rd7, .rd8, .rd9 {width:7px; height:23px; padding:0 7px; font-size:12px;} .rd1 {background-position:-475px -5px;} .rd2 {background-position:-475px -20px;} .rd3 {background-position:-475px -35px;} .rd4 {background-position:-475px -50px;} .rd5 {background-position:-475px -65px;} .rd6 {background-position:-475px -80px;} .rd7 {background-position:-475px -95px;} .rd8 {background-position:-475px -110px;} .rd9 {background-position:-475px -125px;} /* .topl, .topr, .btml, .btmr {position:absolute; width:68px; height:65px;} .topl {background-position:-365px -315px; top:-35px; left:0px;} .topr {background-position:-432px -315px; top:-35px; right:0px;} .btml {background-position:-365px -365px; bottom:-60px; left:0px;} .btmr {background-position:-432px -365px; bottom:-60px; right:0px;} .tline, .bline, .lline, .rline {position:absolute;} .tline {background-position:-0px -549px; width:420px; top:-35px; left:65px; height:65px;} .bline {background-position:-0px -552px; width:420px; bottom:-60px; left:65px; height:3px;} * html .bline {bottom:-60px;} .lline {background-position:-574px -0px; width:65px; top:15px; left:0px; height:100%;} * html .lline {background-position:-577px -0px; height:100%; width:3px; left:3px; z-index:100;} .rline {background-position:-577px -0px; width:3px; top:15px; right:0px; height:100%;} */ .topcurv, .bottomcurv, .middlecurv {background:transparent url('backbox.png') no-repeat; margin:0px; padding:0px;} .topcurv {background-position:0px 0px; width:544px; height:60px;} .bottomcurv {background-position:0px -95px; width:544px; height:60px;} .middlecurv {background-position:-546px 0px; width:544px; background-repeat:repeat-y; margin:0;} * html .topcurv {background:transparent url('backbox.gif') no-repeat; background-position:0px 0px; width:544px; height:60px;} * html .bottomcurv {background:transparent url('backbox.gif') no-repeat; background-position:0px -95px; width:544px; height:60px;} * html .middlecurv {background:transparent url('backbox.gif') no-repeat; background-position:-546px 0px; width:544px; background-repeat:repeat-y; margin:0;} #div1, #div2, #div3, #div4, #div5, #div6, #div7, #div8, #div9, #dl_form {display:none;} .textcurv p {margin:0 65px; color:#00599B;} #dl_form {position:absolute; bottom:0px; right:50px; width:250px; height:100px; color:#9B3999; background-color:#ffffff; border:1px solid #62A4D9; padding:20px;} #dl_form form {display:inline; color:#9B3999;} #dl_form form div {clear:both;} #dl_form form input {float:right; color:#9B3999; margin:2px 0; border:1px solid #62A4D9;} #dl_form form span {float:left; color:#9B3999; display:block; width:100px; text-align:right;} #the_left_info form {display:inline; color:#9B3999;} #the_left_info form div {clear:both;} #the_left_info form input {float:left; color:#9B3999; margin:2px 0; border:1px solid #62A4D9;} #the_left_info form button {float:left; margin:2px 0;} #the_left_info form textarea {float:left; color:#9B3999; margin:2px 0; border:1px solid #62A4D9;} #the_left_info form span {float:left; color:#9B3999; display:block; width:110px; padding-right:10px; text-align:right;} #submit {background-position:-458px -152px; width:33px; height:33px; border:none; cursor:pointer; margin-top:10px; visibility:visible;}