/* CSS Document Created by Eugen Borcan - June, 2008 Modified by: --- Modified by: --- */ * {padding: 0; margin: 0;} img { border: 0px } a { outline: none; } body, th, td { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #333333; } body { background-color: #ffffff; margin: 0px; padding: 0px; } html, body, #mainContainer { height: 100%; } #mainContainer { width: 100%; background-image: url(../../images/bg-mainContainer.jpg); background-repeat: repeat-x; } a:link { color: #00657b; text-decoration: none; } a:visited { text-decoration: none; color: #00657b; } a:hover { text-decoration: none; color: #00657b; } a:active { text-decoration: none; color: #00657b; } a.underline:link { color: #00657b; text-decoration: none; } a.underline:visited { text-decoration: none; color: #00657b; } a.underline:hover { text-decoration: underline; color: #00657b; } a.underline:active { text-decoration: none; color: #00657b; } ol.letterList { list-style-type: lower-alpha; } /* - */ /* --- HEADER STARTS HERE --- */ /* --- HEADER STARTS HERE ------ */ /* --- HEADER STARTS HERE --- */ /* - */ #header { position: relative; width: 899px; height: 156px; margin: 21px auto 0px auto; background-image: url(../../images/bg-header.gif); background-repeat: no-repeat; } #header #logo { position: absolute; left: 0px; top: 0px; width: 222px; height: 49px; } #header #motto { position: absolute; left: 240px; top: 36px; width: 225px; height: 20px; } #header #homeMenu { position: absolute; left: 505px; top: 33px; } #header #homeMenu #homeMenuWraper { position: absolute; top: 0px; left: 0px; width: 192px; } /* This wraper is a must for explorer 6 - without it, the margins will double */ #header #homeMenu #homeMenuWraper ul { width: 192px; list-style: none; list-style-type: none; float: left; } #header #homeMenu #homeMenuWraper ul li { float: left; height: 20px; line-height: 20px; } #header #homeMenu #homeMenuWraper ul li .homeLink { color: #333333; text-decoration: none; } #header #homeMenu #homeMenuWraper ul li .homeLink:hover { color: #333333; text-decoration: underline; } #header #homeMenu #homeMenuWraper ul .spacer { margin: 0px 7px; font-weight: bold; color: #999999; } #header #homeMenu #homeMenuWraper ul li .contactLink { color: #333333; text-decoration: none; } #header #homeMenu #homeMenuWraper ul li .contactLink:hover { color: #333333; text-decoration: underline; } #header #homeMenu #homeMenuWraper ul li .retailLink { color: #790000; text-decoration: none; font-weight: bold; } #header #homeMenu #homeMenuWraper ul li .retailLink:hover { color: #790000; text-decoration: underline; font-weight: bold; } #header #homeMenu2 { position: absolute; left: 640px; top: 33px; width: 240px; height: 20px; } #header #homeMenu2 #homeMenuWraper {position: absolute; top: 0px; left: 0px; width: 240px; } /* This wraper is a must for explorer 6 - without it, the margins will double */ #header #homeMenu2 #homeMenuWraper ul { width: 240px; list-style: none; list-style-type: none; float: left; } #header #homeMenu2 #homeMenuWraper ul li { float: left; height: 20px; line-height: 20px; } #header #homeMenu2 #homeMenuWraper ul li .homeLink { color: #333333; text-decoration: none; } #header #homeMenu2 #homeMenuWraper ul li .homeLink:hover { color: #333333; text-decoration: underline; } #header #homeMenu2 #homeMenuWraper ul .spacer { margin: 0px 7px; font-weight: bold; color: #999999; } #header #homeMenu2 #homeMenuWraper ul li .contactLink { color: #333333; text-decoration: none; } #header #homeMenu2 #homeMenuWraper ul li .contactLink:hover { color: #333333; text-decoration: underline; } #header #homeMenu2 #homeMenuWraper ul li .retailLink { color: #790000; text-decoration: none; font-weight: bold; } #header #homeMenu2 #homeMenuWraper ul li .retailLink:hover { color: #790000; text-decoration: underline; font-weight: bold; } #header #menu { position: absolute; top: 91px; left: 77px; width: 814px; height: 35px; text-align: left; background-image: url(../../images/bg-menu.jpg); background-repeat: no-repeat; } #header #errorLogin { position: absolute; top: -12px; left: 539px; width: 253px; height: 22px; display: none; background-image: url(../../images/bg-errorLogin.gif); background-repeat: no-repeat; z-index: 11; } #header #retailLogin { position: absolute; top: 7px; left: 539px; width: 253px; height: 78px; display: none; background-image: url(../../images/bg-retailLogin.jpg); background-repeat: no-repeat; z-index: 10; } #header #retailLogin .retailLoginTable { width: 231px; height: 62px; border: 0px; margin: 6px 0px 0px 0px; padding: 0px; } #header #retailLogin .retailLoginTable .retailLoginTable-c01 { width: 65px; height: 18px; color: #666666; text-align: center; } #header #retailLogin .retailLoginTable .retailLoginTable-c02 { width: 166px; text-align: left; } #header #retailLogin .retailLoginTable .retailLoginTable-c02 .forgotLink { font-size: 9px; color: #00657b; text-decoration: none; } #header #retailLogin .retailLoginTable .retailLoginTable-c02 .forgotLink:hover { font-size: 9px; color: #00657b; text-decoration: underline; } #header #retailLogin .retailLoginTable .retailLoginTable-c03 { height: 3px; } #header #retailLogin .retailLoginTable .retailLoginTable-c04 { height: 5px; } #header #forgotPassword { position: absolute; top: -10px; left: 539px; width: 243px; height: 95px; display: none; background-image: url(../../images/bg-forgotPassword.gif); background-repeat: no-repeat; z-index: 12; } #header #forgotPassword .forgotPasswordTable { width: 213px; height: 62px; border: 0px; margin: 15px 0px 0px 4px; padding: 0px; } #header #forgotPassword .forgotPasswordTable .forgotPasswordTable-c01 { width: 213px; height: 20px; color: #666666; text-align: left; line-height: 10px; } #header #forgotPassword .forgotPasswordTable .forgotPasswordTable-c02 { width: 60px; height: 18px; text-align: center; } #header #forgotPassword .forgotPasswordTable .forgotPasswordTable-c03 { width: 153px; text-align: left; } #header #forgotPassword .forgotPasswordTable .forgotPasswordTable-c04 { height: 6px; } /* - */ /* --- HEADER ENDS HERE --- */ /* --- HEADER ENDS HERE ------ */ /* --- HEADER ENDS HERE --- */ /* - */ /* - */ /* --- CONTENT STARTS HERE --- */ /* --- CONTENT STARTS HERE ------ */ /* --- CONTENT STARTS HERE --- */ /* - */ #content { position: relative; width: 831px; margin: 0px auto; padding: 0px 33px 10px 35px; text-align: left; background-image: url(../../images/bg-content.gif); background-repeat: repeat-y; } #content:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }/* A hack for fixing the parent background in Firefox - DO NOT delete */ #content #topLeftCorner { position: absolute; left: 0px; top: 0px; width: 13px; height: 73px; background-image: url(../../images/bg-tlCorner.gif); } #content #flashBanner { position: relative; width: 831px; height: 248px; background-image: url(../../images/bg-flash.gif); background-repeat: no-repeat; } #content #productsPromotions { position: relative; width: 831px; height: 211px; margin: 20px 0px 0px 0px; background-image: url(../../images/bg-promProd.jpg); background-repeat: no-repeat; } #content #productsPromotions #title-wireless { position: absolute; left: 84px; top: 45px; height: 45px; font-size: 14px; font-weight: bold; color: #666666; line-height: 45px; } #content #productsPromotions #products-wireless { position: absolute; left: 28px; top: 89px; } #content #productsPromotions #title-longdistance { position: absolute; left: 360px; top: 45px; height: 45px; font-size: 14px; font-weight: bold; color: #666666; line-height: 45px; } #content #productsPromotions #products-longdistance { position: absolute; left: 298px; top: 89px; } #content #productsPromotions #special1 { position: absolute; left: 560px; top: 91px; width: 243px; height: 36px; padding: 11px 0px 0px 0px; font-size: 10px; text-align: center; line-height: 12px; background-color: #efefef; } #content #productsPromotions #special2 { position: absolute; left: 560px; top: 94px; width: 221px; height: 72px; padding: 11px; font-size: 10px; text-align: center; line-height: 14px; background-color: #efefef; } .topPNavigation { border: 0px; width: 814px; } .topPNavigation td { width: 407px; } /* --- New style for special2

header--- */ #special2 h2 { margin: 0 0; padding-bottom: 0.3em; font-size: 1.2em; } /* - */ /* --- CONTENT ENDS HERE --- */ /* --- CONTENT ENDS HERE ------ */ /* --- CONTENT ENDS HERE --- */ /* - */ /* - */ /* --- FOOTER STARTS HERE --- */ /* --- FOOTER STARTS HERE ------ */ /* --- FOOTER STARTS HERE --- */ /* - */ #footer { position: relative; width: 899px; height: 111px; margin: 0px auto; background-image: url(../../images/bg-footer.gif); background-repeat: no-repeat; clear: left; } #footer #menuHome { position: absolute; left: 38px; top: 41px; width: 300px; height: 20px; } #footer #menuHome #menuHomeWraper { position: absolute; top: 0px; left: 0px; width: 400px; } /* This wraper is a must for explorer 6 - without it, the margins will double */ #footer #menuHome #menuHomeWraper ul { width: 400px; list-style: none; list-style-type: none; float: left; } #footer #menuHome #menuHomeWraper ul li { float: left; height: 20px; line-height: 20px; } #footer #menuHome #menuHomeWraper ul li .homeLink { color: #ffffff; text-decoration: none; } #footer #menuHome #menuHomeWraper ul li .homeLink:hover { color: #ffffff; text-decoration: underline; } #footer #menuHome #menuHomeWraper ul .spacer { margin: 0px 7px; font-weight: bold; color: #999999; } #footer #menuHome #menuHomeWraper ul li .contactLink { color: #ffffff; text-decoration: none; } #footer #menuHome #menuHomeWraper ul li .contactLink:hover { color: #ffffff; text-decoration: underline; } #footer #menuHome #menuHomeWraper ul li .privacyLink { color: #ffffff; text-decoration: none; } #footer #menuHome #menuHomeWraper ul li .privacyLink:hover { color: #ffffff; text-decoration: underline; } #footer #copyright { position: absolute; left: 655px; top: 46px; width: 225px; font-size: 9px; color: #999999; text-align: left; } /* - */ /* --- FOOTER ENDS HERE --- */ /* --- FOOTER ENDS HERE ------ */ /* --- FOOTER ENDS HERE --- */ /* - */ /* - */ /* --- MISC. STARTS HERE --- */ /* --- MISC. STARTS HERE ------ */ /* --- MISC. STARTS HERE --- */ /* - */ .ccts { margin: 25px 0px; } .colorPink1 { color: #cc0099; } .colorRed1 { color: #ff0000; } .colorGreen1 { color: #a5b901; } .colorGreen2 { color: #5f6b09; } .colorGrey1 { color: #cccccc; } .colorGrey2 { color: #999999; } .colorGrey3 { color: #666666; } .colorGrey4 { color: #828282; } .size6px { font-size: 6px; } .size9px { font-size: 9px; } .size10px { font-size: 10px; } .size11px { font-size: 11px; } .size12px { font-size: 12px; } .size14px { font-size: 14px; } .size15px { font-size: 15px; } .imgMargin1 { margin: 0px 0px 0px 28px; } .imgMargin2 { margin: 0px 0px 0px 184px; } .imgMargin3 { margin: 0px 0px 0px 1px; } .imgMargin4 { margin: 0px 0px 0px 412px; } .imageButton { outline: none; } .field176px { width: 176px; padding: 1px 3px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; border: 1px solid #cccccc; } .textField01 { width: 149px; height: 16px; margin: 0px; padding: 2px 0px 0px 4px; font-size: 11px; color: #666666; background-color: #e8e8e8; border: 0px; } .textField02 { width: 176px; height: 18px; margin: 0px; padding: 2px 0px 0px 4px; font-size: 11px; color: #666666; background-color: #ffffff; border: 0px; } .textField03 { width: 62px; height: 18px; margin: 0px; padding: 2px 0px 0px 4px; font-size: 11px; color: #666666; background-color: #ffffff; border: 0px; } .textField04 { width: 89px; height: 18px; margin: 0px; padding: 2px 0px 0px 4px; font-size: 11px; color: #666666; background-color: #ffffff; border: 0px; } .dropDown184px { width: 184px; padding: 1px 3px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; border: 1px solid #cccccc; } .dropDown01 { width: 180px; height: 18px; margin: 0px; padding: 2px 2px 2px 4px; font-size: 11px; color: #666666; background-color: #ffffff; border: 0px; outline: none; } .dropDown02 { width: 261px; height: 18px; margin: 0px; padding: 2px 2px 2px 4px; font-size: 11px; color: #666666; background-color: #ffffff; border: 1px solid #999999; outline: none; } .dropDown03 { width: 89px; height: 18px; margin: 0px; padding: 2px 2px 2px 4px; font-size: 11px; color: #666666; background-color: #ffffff; border: 1px solid #999999; outline: none; } .textarea176px { width: 176px; height: 100px; padding: 1px 3px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; border: 1px solid #cccccc; } /* - */ /* --- MISC. ENDS HERE --- */ /* --- MISC. ENDS HERE ------ */ /* --- MISC. ENDS HERE --- */ /* - */