/* ---------------------------------------------------------- Filname: style.css Website: Date: 2006-16-06 Description: Lebara ---------------------------------------------------------- */ /*Generic styles */ html{ height:98%; } body { font-family: Verdana, Arial, Sans-Serif; height:100%; font-size: 0.75em; background:#FFFFFF; color:#6d6e71; margin: 0px auto; padding: 0px; text-align:center; behavior: url(csshover.htc);} p {margin:0; padding:0;} .red {color:#c30c0d;} .bold{font-weight:bold;} h1 {padding:0px; margin:0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#00adef; font-weight:bold;} h2 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; } .heading {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold;} .promotion {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:15px; font-weight:bold;} form{margin:0px;} ul{margin:0px; padding-left:0px} .bullet{background:url(../images/bullet_arrow.gif); padding-left:25px; padding-top:3px; background-position:left top; background-repeat:no-repeat; padding-bottom:10px;} .squarebullet{background:url(../images/leb_bullet2.gif); padding-left:15px; padding-top:0px; background-position:left top; background-repeat:no-repeat; padding-bottom:10px;} /* Fields style start here */ .fields{ BORDER-RIGHT: #666666 1px solid; BORDER-TOP: #666666 1px solid; MARGIN: 3px 0px; BORDER-LEFT: #666666 1px solid; WIDTH: 148px; BORDER-BOTTOM: #666666 1px solid; } /* Fields style end here */ /* country drop down style start here */ #country{ font-family: Verdana, Arial, Sans-Serif; /*font-size: 0.75em;*/ color:#6d6e71; width:180px; } /* country drop down style end here */ /* ajax data style start here */ #divCustomerInfo{ height:110px; overflow:auto; } /* ajax data style end here */ /* containter */ #container { position:relative; margin:0px auto; padding:0; text-align:left; width:876px; height: 101%; } /* level-1 */ #level1{ margin-top:10px; width:876px; height:66px; background:url(../images/header.jpg); background-repeat:no-repeat; text-align:left;} #logohack {width: 250px; padding-left: 50px} #logohack a {position: absolute; width: 250px; height: 70px;} #logohack a h1 {display: none;} /* level-4 hyperlink styles*/ /* level-2 */ #level2{width:876px; height:15px; padding-top:0px; padding-bottom:2px; text-align:right;} /* level-2 flag */ #level2-flag{padding-left:480px; float:left; padding-right:5px; padding-top:1px;} /* level-2 links */ #level2-links{padding-left:5px; float:left; color:#67666b; padding-top:1px; font-size:10px; text-align:left;} #level2-links a{color:#67666b; text-decoration:none;font-size:10px;} #level2-links a:hover{color:#000000;} /* level-3 */ #level-3 { padding:0; margin:0; /*height:451px;*/ width:786-58px; padding-left:58px; } /* level-3 leftnav */ #level-3-1 {float:left; padding-right:15px;} /* level-3-1 top for home*/ #level-3-1-1{width:155px; height:136px;} /* level-3-1 mid */ #level-3-1-2-home{ padding-top:10px;width:155px;background:url(../images/leftnav-bg.jpg);background-repeat:repeat-y;} /* level-3-1 mid */ #level-3-1-2{width:155px;} /* level-3-1 bottom */ #level-3-1-3{width:155px; height:26px;} /* level-3-2 center text */ #level-3-2-text{width:145px;color:#00adef; padding-left:10px; font-weight:bold; padding-top:2px;} /* level-3-2 center button */ #level-3-2-button{width:150px;position:relative; padding-left:0px;} /* level-3-2 center button for home */ #level-3-2-button-home{width:150px;position:relative; padding-left:0px;} /* level-3-2 spacer */ #level-3-2-spacer{background:url(../images/line-space.jpg);} /* level-3-2 mid */ #level-3-2 {position:relative; float:left; padding-bottom:20px; } /* verticle column 1 */ #level-3-2-1{ width:394px; position:relative; float:left; padding-top:15px; position:relative;} #level-3-2-1-itariffs{ width:375px; position:relative; float:left; padding-top:15px; position:relative;} /* level-3-2-1 center top heading */ #level-3-2-1-top{width:394px; height:47px; background-image:url(../images/center-top-bg.jpg); background-repeat:no-repeat; position:relative;} /* level-3-2-1 center bottom round */ #level-3-2-1-bottom{width:394x; height:25px; background-image:url(../images/center-bottom-bg.jpg); background-position:bottom; background-repeat:no-repeat; position:relative; padding-top:10px;} /* level-3-2-1 center table section */ #level-3-2-1-mid{width:394px; ; position:relative;} #level-3-2-1-mid-itariffs{width:375px; ; position:relative;} /* level-3-2-1 center for inside pages section */ #level-3-2-1-mid0{width:374px; ; position:relative;background:url(../images/center-bg.jpg); background-repeat:repeat-y; text-align:left; padding:0px 10px 0px 10px;} #level-3-2-1-mid0 a{font-family: Verdana, Arial, Sans-Serif; font-size:12px; color:#6d6e71;} #level-3-2-1-mid0 a:hover{ text-decoration:none; color:#000;} #level-3-2-1-mid0 ul li { list-style-type:none; padding-left:25px; padding-top:3px; margin-left:0px; background-image:url(../images/bullet_arrow.gif); font-size:12px; background-repeat:no-repeat; height:20px;} /* #bullets {margin-left:20px;; padding-left: 0; list-style: none;} #bullets li a {Padding-left: 20px;background-image: url(images/leb_bullet2.gif);background-repeat: no-repeat;background-position: 0 .5em; font-size:12px;}*/ /* level-3-2-1 center blue row */ .level-3-2-row{width:394px; height:21px; background:url(../images/bluestrip-home.jpg); padding-top:5px; overflow:hidden;} .level-3-2-row-itariffs{width:375px; height:21px; background:url(../images/bluestrip.jpg); padding-top:5px;} .level-3-2-bluerow-text{width:130px; height:26px; float:left; text-align:center;} .level-3-2-bluerow-text-itariffs{width:125px; height:26px; float:left; text-align:center;} /* level-3-2-1 center white row */ #level-3-2-whiterow{width:394px; height:21px; ; padding-top:5px;} /* level-3-2-1 center bottom limited */ #level-3-2-1-mid-limited{width:192px; height:66px; float:left; position:relative; padding-right:25px; padding-left:25px; padding-top:5px;} /* level-3-2-1 center buttons */ #level-3-2-1-mid-buttons{width:134px; height:66px; float:left; position:relative; padding-top:5px;} /* verticle column 2 */ #level-3-2-2{ padding-left:17px; position:relative; float:left; padding-top:15px; position:relative;} /* level-3-2-2 background box */ #level-3-2-2-box{width:193px; height:104px; background:url(../images/small-box.jpg); position:relative; background-repeat:no-repeat; color:#00adef; text-align:center; padding-top:5px; padding-left:1px;} /* level-4 */ #level-4 { clear:both; text-align:left; padding-left:58px; height:34px; padding-bottom:31px; padding-top:10px; background:url(../images/footer.jpg); background-repeat:no-repeat; color:#FFFFFF; } /* level-4 hyperlink styles*/ #level-4 a{color:#FFFFFF; text-decoration:none;} #level-4 a:hover{text-decoration:underline;} /* grey nav separators */ .grey-li-separator{height:36px; float:none;} /* right side navigation */ #nav {margin: 0; padding-right: 0; height: 24px; list-style: none; display: inline; overflow: hidden;} #nav li {margin: 0; padding: 0; list-style: none; display: inline;} #nav a {float: left; padding: 24px 0 0 0; overflow: hidden; height: 0px !important; height /**/:24px; /* for IE5/Win only */padding-left:0px;} #nav a:hover { background-position: 0 -24px;} #nav a:active, #nav a.selected {/*background-position: 0 -90px;*/} #tnational a {width: 187px; background:url(../images/buttons/btn-national.gif);} #promotionimg {width: 187px; background:url(../images/promotion.gif);} #keep a {width: 187px; background:url(../images/buttons/btn-keep.gif);} #tinternational a {width: 187px; background:url(../images/buttons/btn-intntariffs.gif);} #topup a {width: 187px; background:url(../images/buttons/btn-topup.gif);} #checkbalance a {width: 187px; background:url(../images/buttons/btn-checkbalance.gif);} /* left and mid navigation*/ #nav2 {margin: 0;padding: 0; height: 26px; list-style: none; display: inline; overflow: hidden;} #nav2 li {margin: 0; padding: 0; list-style: none; display: inline;} #nav2 a {float: left; padding: 26px 0 0 0; overflow: hidden; height: 0px !important; height /**/:24px; /* for IE5/Win only */padding-left:0px;} #nav2 a:hover {background-position: 0 -26px;} #nav2 a:active, #nav a.selected {/*background-position: 0 -90px;*/} #how a {width: 155px; background:url(../images/buttons/btn-how.gif) no-repeat;} #why a {width: 155px; background:url(../images/buttons/btn-why.gif) no-repeat;} #rates a {width: 155px; background:url(../images/buttons/btn-rates.gif) no-repeat;} #signup a {width: 155px; background:url(../images/buttons/btn-signup2.gif) no-repeat;} #findcountry a {width: 134px; background:url(../images/buttons/btn-find.gif) no-repeat;} #sup a {width: 134px; background:url(../images/buttons/btn-signup.gif) no-repeat;} /* left and mid navigation*/ #nav3 {margin: 0;padding: 0; height: 22px; display: inline; overflow: hidden;} #nav3 li {margin: 0; padding: 0; list-style: none; display: inline; height:20px; } #nav3 a {float: left; padding: 22px 0 0 0; overflow: hidden; height: 0px !important; height /**/:24px; /* for IE5/Win only */padding-left:0px; } #nav3 a:hover {background-position: 0 -22px;} #nav3 a:active, #nav a.selected {/*background-position: 0 -90px;*/} #careers a {width: 155px; background:url(../images/buttons/btn-careers.gif) no-repeat;} #careers_active a {width: 155px; background:url(../images/buttons/btn-careers.gif) no-repeat; background-position: 0 -22px;} #prefix a {width: 155px; background:url(../images/buttons/btn-prefix.gif) no-repeat;} #prefix_active a {width: 155px; background:url(../images/buttons/btn-prefix.gif) no-repeat; background-position: 0 -22px;} #why-lebara a {width: 155px; background:url(../images/buttons/btn-why2.gif) no-repeat;} #why-lebara_active a {width: 155px; background:url(../images/buttons/btn-why2.gif) no-repeat; background-position: 0 -22px;} #how-works a {width: 155px; background:url(../images/buttons/btn-how2.gif) no-repeat;} #how-works_active a {width: 155px; background:url(../images/buttons/btn-how2.gif) no-repeat; background-position: 0 -22px;} /*#lebara a {width: 155px; background:url(images/buttons/btn-lebaramobile.gif) no-repeat;} */ #terms a {width: 155px; background:url(../images/buttons/btn-terms.gif) no-repeat;} #terms_active a {width: 155px; background:url(../images/buttons/btn-terms.gif) no-repeat; background-position: 0 -22px;} #keepnumber a {width: 155px; background:url(../images/buttons/btn-keepnumber.gif) no-repeat;} #keepnumber_active a {width: 155px; background:url(../images/buttons/btn-keepnumber.gif) no-repeat; background-position: 0 -22px;} #top-up a {width: 155px; background:url(../images/buttons/btn-topupg.gif) no-repeat;} #top-up_active a {width: 155px; background:url(../images/buttons/btn-topupg.gif) no-repeat; background-position: 0 -22px;} #callbalance a {width: 155px; background:url(../images/buttons/btn-callbalance.gif) no-repeat;} #callbalance_active a {width: 155px; background:url(../images/buttons/btn-callbalance.gif) no-repeat; background-position: 0 -22px;} #sms a {width: 155px; background:url(../images/buttons/btn-sms.gif) no-repeat;} #sms_active a {width: 155px; background:url(../images/buttons/btn-sms.gif) no-repeat; background-position: 0 -22px;} #voicemail a {width: 155px; background:url(../images/buttons/btn-voicemail.gif) no-repeat;} #voicemail_active a {width: 155px; background:url(../images/buttons/btn-voicemail.gif) no-repeat; background-position: 0 -22px;} #faq a {width: 155px; background:url(../images/buttons/btn-faq.gif) no-repeat;} #faq_active a {width: 155px; background:url(../images/buttons/btn-faq.gif) no-repeat; background-position: 0 -22px;} .faq-answers{padding-left:25px; padding-right:8px} #ntariff a {width: 155px; background:url(../images/buttons/btn-ntariffs.gif) no-repeat;} #ntariff_active a {width: 155px; background:url(../images/buttons/btn-ntariffs.gif) no-repeat; background-position: 0 -22px;} #itariff a {width: 155px; background:url(../images/buttons/btn-itariffs.gif) no-repeat;} #itariff_active a {width: 155px; background:url(../images/buttons/btn-itariffs.gif) no-repeat; background-position: 0 -22px;} #atariff a {width: 155px; background:url(../images/buttons/UK107-buttons.gif) no-repeat;} #atariff_active a {width: 155px; background:url(../images/buttons/UK107-buttons.gif) no-repeat; background-position: 0 -22px;} #roaming a {width: 155px; background:url(../images/buttons/btn-roaming.gif) no-repeat;} #roaming_active a {width: 155px; background:url(../images/buttons/btn-roaming.gif) no-repeat; background-position:0 -22px;} /*africa-promo*/ #AFRIKA-aktivieren a {width: 155px; background:url(../images/buttons/AFRIKA-aktivieren.gif) no-repeat;} #AFRIKA-aktivieren_active a {width: 155px; background:url(../images/buttons/AFRIKA-aktivieren.gif) no-repeat; background-position:0 -22px;} #AFRIKA-deaktivieren a {width: 155px; background:url(../images/buttons/AFRIKA-deaktivieren.gif) no-repeat;} #AFRIKA-deaktivieren_active a {width: 155px; background:url(../images/buttons/AFRIKA-deaktivieren.gif) no-repeat; background-position:0 -22px;} #AFRIKA-tariff a {width: 155px; background:url(../images/buttons/AFRIKA-tariff.gif) no-repeat;} #AFRIKA-tariff_active a {width: 155px; background:url(../images/buttons/AFRIKA-tariff.gif) no-repeat; background-position:0 -22px;} #AFRIKA-verkauf a {width: 155px; background:url(../images/buttons/AFRIKA-verkauf.gif) no-repeat;} #AFRIKA-verkauf_active a {width: 155px; background:url(../images/buttons/AFRIKA-verkauf.gif) no-repeat; background-position:0 -22px;} #AFRIKA-bedingungen a {width: 155px; background:url(../images/buttons/AFRIKA-bedingungen.gif) no-repeat;} #AFRIKA-bedingungen_active a {width: 155px; background:url(../images/buttons/AFRIKA-bedingungen.gif) no-repeat; background-position:0 -22px;} #handbook a {width: 155px; background:url(../images/buttons/btn_handbook.gif) no-repeat;} #handbook_active a {width: 155px; background:url(../images/buttons/btn_handbook.gif) no-repeat; background-position: 0 -22px;}