/* +++ GENERAL +++ */ /* Think twice before editing this section */ html { height: 100%; } body { height: 100%; text-align: center; background-color: #000; color: #000; font-family: Arial, Sans-Serif; } body.business { background-color: #f2f2f2 !important; } input, textarea, select, option { font-family: Arial, Sans-Serif; } .wrapper, .wrapperStandardPage { width: 100%; min-width: 960px; text-align: center; background-color: #fff; } .wrapperStandardPage { margin-bottom: 78px; } .contentWrapper { position: relative; width: 940px; overflow: visible; margin: auto; text-align: left; z-index: 50; } h1 { font-size: 28px; } h2 { font-size: 24px; } h3 { font-size: 20px; } h4 { font-size: 16px; } h5 { font-size: 14px; } .h1 { font-size: 28px; } .h2 { font-size: 24px; } .h3 { font-size: 20px; } .h4 { font-size: 16px; } .h5 { font-size: 14px; } a { text-decoration: none; color: #777; } a:hover { color: #000; } .business a:hover { color: #ddd !important; } label { cursor: pointer; } .float_left { float: left; } .float_right { float: right; } .clear_left { clear: left; } .clear_right { clear: right; } /* --- GENERAL --- */ #topPlaceholder { height: 340px; background: url(../images/0-top-bg-room.png) top center; } #topPlaceholder3000 { height: 340px; background: url(../images/3-top-bg-room.png) top center; } #topPlaceholder4000 { height: 340px; background: url(../images/4-top-bg-room.png) top center; } #topPlaceholder.subpage, #topPlaceholder3000.subpage, #topPlaceholder4000.subpage { position: absolute; width: 100%; } /* +++ NAVIGATION +++ */ .navigationBusinessWrapper { position: relative; margin: auto; width: 960px; height: 117px; overflow: visible; text-align: left; } .navigation { position: relative; margin: auto; width: 960px; height: 117px; overflow: visible; text-align: left; } .navigation .logo { background: url(../images/0-logo-tele2.png) no-repeat; position: absolute; top: 30px; left: 20px; display: block; height: 51px; width: 132px; text-indent: -999em; z-index: 100; } .navigationBg { position: absolute; top: 0; left: 0; width: 960px; height: 117px; background: #fff url(../images/0-top-menu-bg.jpg); z-index: 100; } .business .navigation { width: 100% !important; background-color: #000 !important; text-align: center !important; } .navigationBusinessWrapper .logo { background-image: url(../images/0-logo-tele2-business.png); top: 15px; left: 40px; height: 67px; width: 108px; } .navigationBusinessWrapper .navigationBg { background: #000 url(../images/0-top-menu-bg-business.jpg) !important; } /* My Tele2 (Croatia) Start */ .mytele2 .navigationDetails span a { background: transparent url(../images/0-list-arrow-7-9.png) no-repeat scroll left center; font-size: 12px; padding-left: 11px; } .mytele2 .navigationDetails .name { color: #348431; background: none; padding-left: 5px; } .mytele2 .navigationDetails .logout { color: #000; font-weight: bold; } .navigationTabMyTele2 { left: 176px; display: block; width: 125px; background: url(../images/0-topMenuBg-My-Pages.jpg) no-repeat -999em -999em; } /* My Tele2 (Croatia) End*/ .topGradient { position: absolute; top: 117px; left: 0px; height: 3px; width: 100%; min-width: 960px; background: url(../images/0-topRepeatX.png) repeat-x; z-index: 999; } .navigationDropDown { position: absolute; top: -333px; left: 180px; min-height: 15px; width: 208px; z-index: 51; } .navigationDropDownContent { min-height: 26px; background: url(../images/0-dropDownMenuRepeat.png) repeat-y; color: #fff; font-size: 11px; line-height: 11px; padding: 8px; display: none; } .navigationDropDownContent a.navigationDropDownOption { display: block; clear: both; margin: 0 6px; padding: 7px; width: 84%; border-bottom: 1px solid #333; color: #aaa; } .navigationDropDownContent a:hover { color: #fff; } .navigationDropDownBottom { height: 21px; background: url(../images/0-dropDownMenuBottom.png) no-repeat; } .navigationSubMenu { position: absolute; top: 95px; left: 180px; z-index: 150; } .business .navigationSubMenu { top: 94px !important; } .navigationSubMenu a { margin: 0 10px; font-size: 13px; color: #999; } .navigationSubMenu a:hover, .navigationSubMenu a.active { color: #000; } .business .navigationSubMenu a:hover, .business .navigationSubMenu a.active { color: #fff !important; } .navigationSearch { position: absolute; top: 40px; right: 6px; z-index: 150; } .navigationSearchLeft { float: left; height: 24px; width: 12px; margin-top: 4px; background: url(../images/0-search-bg-left.png); } .navigationSearchBox { float: left; height: 24px; width: 180px; margin-top: 4px; margin-right: -4px; background: url(../images/0-search-bg-repeat.png) repeat-x; font-size: 12px; color: #888; padding-top: 2px; } .navigationSearchSubmit { float: left; height: 32px; width: 37px; background: url(../images/0-search-btn.png) no-repeat left top; text-indent: -900em; cursor: pointer; } .navigationSearchSubmit:hover { background-position: left bottom; } .navigationDetails { position: absolute; top: 20px; right: 0; z-index: 150; font-size: 12px; } .navigationDetails a { float: left; margin-right: 15px; } .navigationDetails a img { float: left; margin-right: 3px; } .navigationDetails a .mail { margin-top: 1px; } /* HR - Postpaid/prepaid */ .navigationPrePostPaid { position: absolute; top: 117px; right: 10px; width: 220px; height: 33px; background-image: url(../images/0-prepost-bg.png); z-index: 150; } .navigationPrePostPaid h5 { position: absolute; top: 10px; left: 10px; font-size: 13px; } .navigationPrePostPaid .post, .navigationPrePostPaid .pre { position: absolute; top: 6px; width: 65px; height: 21px; background: url(../images/0-btn-prepost.png) no-repeat; font-size: 12px; line-height: 22px; color: #999; } .navigationPrePostPaid .post { left: 66px; padding-left: 14px; } .navigationPrePostPaid .pre { left: 137px; padding-left: 17px; } .navigationPrePostPaid .post:hover, .navigationPrePostPaid .pre:hover { color: #999; } .navigationPrePostPaid .selected { color: #fff; background-image: none; } .navigationPrePostPaid .selected:hover { color: #000; } /* Navigation tabs start */ .navigationMenu { position: absolute; bottom: 25px; left: 165px; height: 50px; z-index: 300; font-size: 16px; overflow: hidden; } .navigationMenu h2 { float: left; } .navigationMenu a { color: #999; font-size: 16px; } .navigationMenu .active { color: #000; } .navigationMenu a:hover { color: #000; } .navigationMenu .left { display: block; float: left; background: url(../images/0-navigation-menu-left.jpg) no-repeat; height: 50px; width: 3px; } .navigationMenu .first .left { background-image: url(../images/0-navigation-menu-left-first.jpg); width: 9px; } .navigationMenu .tab { display: block; float: left; background: url(../images/0-navigation-menu-repeat.jpg) repeat-x; padding: 28px 15px; } .navigationMenu .active .tab { background-image: url(../images/0-navigation-menu-repeat-active.jpg); padding-top: 25px; } .navigationMenu .right { display: block; float: left; background: url(../images/0-navigation-menu-right.jpg) no-repeat; height: 50px; width: 7px; } /* Navigation tabs business start */ .navigationBusinessWrapper .navigationMenu .left { background: url(../images/0-navigation-menu-left-business.jpg) no-repeat; } .navigationBusinessWrapper .navigationMenu .first .left { background-image: url(../images/0-navigation-menu-left-first-business.jpg); } .navigationBusinessWrapper .navigationMenu .tab { background: url(../images/0-navigation-menu-repeat-business.jpg) repeat-x; } .navigationBusinessWrapper .navigationMenu .active .tab { background-image: url(../images/0-navigation-menu-repeat-active-business.jpg); } .navigationBusinessWrapper .navigationMenu .right { background: url(../images/0-navigation-menu-right-business.jpg) no-repeat; } .navigationBusinessWrapper .navigationMenu .active { color: #fff; } .navigationBusinessWrapper .navigationMenu a:hover { color: #fff; } /* Navigation tabs business End */ /* Navigation tabs end */ /* --- NAVIGATION --- */ .leftColumnWide { float: left; width: 280px; margin-top: 20px; } .leftColumnWide .top { display: block; background: transparent url(../images/9100-left-column-top.png) no-repeat; height: 40px; color: #fff; } .leftColumnWide .middle { background: #fff url(../images/9100-left-column-gradient.jpg) no-repeat left bottom; } .leftColumnWide .content { min-height: 145px; padding: 2px; position: relative; font-size: 12px; background: transparent url(../images/9100-left-column-repeat.png) repeat-y; z-index: 10; } .leftColumnWide .bottom { padding: 0 3px 0 3px; display: block; background: url(../images/9100-left-column-bottom.png) no-repeat left bottom; height: 29px; margin-left: -6px; margin-right: -6px; } /* +++ LEFT MENU +++ */ .navigationLeftMenu { float: left; width: 160px; margin: 40px 0px 0px 0px; overflow: visible; } .navigationLeftMenu span.top { display: block; } .navigationLeftMenu span.top a { display: block; background: url(../images/0-leftMenuTop.png) no-repeat left top; height: 30px; padding: 10px 10px 0px 16px; color: #fff; font-size: 14px; } .navigationLeftMenu span.mobile a /* Alternate top item icon */ { background: url(../images/0-leftMenuTop-mobile.png) no-repeat left top; } .navigationLeftMenu span.computer a /* Alternate top item icon*/ { background: url(../images/0-leftMenuTop-computer.png) no-repeat left top; } ul.leftMenu { font-size: 12px; background: #fff url(../images/0-leftMenuBGGradient.jpg) no-repeat left bottom; overflow: visible; } ul.leftMenu li { cursor: pointer; background: url(../images/0-leftMenuBGRepeatY.gif) repeat-y left top; } ul.leftMenu li a { display: block; height: 24px; padding: 8px 10px 0px 16px; background: url(../images/0-leftMenuDivider.gif) no-repeat center bottom; cursor: pointer; } ul.leftMenu li.active a { background-image: none; } ul.leftMenu li.fistItem a { height: 23px; padding: 4px 10px 0 16px; } ul.leftMenu li.active a { font-weight: bold; color: #000000; } ul.leftMenu li ul /* Left menu - Second level - */ { background: url(../images/0-leftMenu-subMenu-bottom-bg.png) no-repeat center bottom; } ul.leftMenu li.subMenu { margin-top: 0; padding-bottom: 7px; } ul.leftMenu li ul li { background: url(../images/0-leftMenuBGRepeatY.gif) repeat-y left top; } ul.leftMenu li ul li a { font-size: 12px; background: none; padding: 0px 5px 0px 27px; height: 19px; } .navigationLeftMenu span.bottom { padding: 0 3px 0 3px; display: block; background: url(../images/0-leftMenuBottom.png) no-repeat left bottom; height: 31px; margin-left: -3px; margin-right: -3px; } ul.leftMenu li ul li.subMenu ul { /* Left menu - Third level - */ background: none; } ul.leftMenu li ul li ul li a { padding-left: 38px; } /* --- LEFT MENU --- */ /* +++ Full column +++ */ .fullColumn { float: right; width: 940px; margin-top: 30px; overflow: visible; } /* +++ Full column END+++ */ /* +++ Right column +++ */ .rightColumn { float: right; width: 760px; margin-top: 30px; overflow: visible; } /* --- Right column --- */ /* +++ FOOTER +++ */ .footer { min-width: 960px; height: 200px; background-color: #000; } .business .footer { background-color: #f2f2f2 !important; } .footerContent { margin: auto; padding-top: 10px; text-align: left; width: 940px; } .footerSection { width: 180px; float: left; } .footerSection a { color: #fff; font-size: 11px; line-height: 16px; clear: both; float: left; } .business .footerSection a { color: #333 !important; } .footerSection a:hover { color: #ccc; } .business .footerSection a:hover { color: #888 !important; } .footerSectionLink { margin-bottom: 10px; font-size: 16px !important; } .footerInput { position: relative; width: 220px; height: 25px; margin-bottom: 5px; background: url(../images/0-residentalFooter-input.jpg) no-repeat; } .footerInput input { position: absolute; width: 212px; height: 17px; margin: 4px; color: #555; font-size: 11px; padding: 0 5px 0 5px; } .footerSubmit { overflow: visible; position: relative; width: 220px; height: 35px; } .footerSubmit input { position: absolute; width: 228px; height: 31px; left: -3px; background: url(../images/0-residentalFooter-submit.gif) no-repeat left top; text-indent: -999em; cursor: pointer; } .business .footerSubmit input { height: 35px !important; width: 230px !important; left: -7px !important; background-image: url(../images/0-businessFooter-submit.gif) !important; } .footerSubmit input:hover { background-position: left bottom !important; } .bottomGradient, .bottomGradientStandardPage { min-width: 960px; background: url(../images/0-bottomRepeatX.jpg) repeat-x left bottom; } .business .bottomGradient, .business .bottomGradientStandardPage { background: url(../images/0-business-bottomRepeatX.jpg) repeat-x left bottom !important; } .bottomGradientStandardPage { padding-bottom: 78px; } .startPageFooterInput { width: 201px; height: 91px; } .startPageFooterInput .genericInputField { margin-bottom: 8px; } .footerSection .copyright { text-align: center; } /* --- FOOTER --- */ /* +++ TOOLTIP+++ */ .tooltipTop { width: 140px; height: 11px; background: url(../images/0-tooltip-top.png) no-repeat left bottom; } .tooltipBody { width: 140px; background: transparent url(../images/0-tooltip-content.png) repeat-y; } .tooltipTitle { margin: 0 15px; text-align: left; font-size: 14px; color: #fff; } .tooltipContent { margin: 3px 15px 0; text-align: left; color: #fff; padding-bottom: 5px; font-size: 11px; } .tooltipFoot { width: 140px; height: 25px; background: transparent url(../images/0-tooltip-bottom.png) no-repeat; } /* --- TOOLTIP --- */ /* +++ SELECT BOX +++ */ .sb-sb { margin-bottom: 17px; font-size: 11px; float: left; overflow: visible; } .sb-top-wrap { width: 205px; } .sb-top { width: 170px; float: left; height: 21px; color: #000; background: url(../images/0-sb-top-bg.png) no-repeat left 0px; } .sb-top.sbfocus { background-position: left -21px; } .sb-disp { width: 150px; float: left; margin: 5px 0px 0px 15px; cursor: default; } .sb-btn { position: relative; float: right; right: 14px; display: block; width: 25px; top: 0px; height: 21px; background: url(../images/0-sb-top-btn.png) no-repeat 0px 0px; } .sbBtnOpen { background-position: 0px -21px; } .sb-slide { width: 179px; left: 10px; top: 20px; } .sb-list { width: 175px; overflow: auto; max-height: 216px; background: url(../images/0-sb-list-bg.png) repeat-y left top; } .sb-slide ul ul li { width: 130px; margin-left: 20px; } .sb-slide ul li { color: #9a9a9a; margin-left: 10px; padding: 8px 0px; width: 139px; background: url(../images/0-sb-li-line.gif) repeat-x left bottom; } .sb-slideBottom { width: 159px; height: 24px; margin-bottom: 24px; background: url(../images/0-sb-list-bott.png) no-repeat left bottom; } .sb-slide ul li.liover { color: #fff; } /* --- SELECT BOX --- */ /* +++ GENERICS +++ */ .clear { display: block; clear: both; } .BR { height: 1em; } .doubleBR { height: 2em; } .bold { font-weight: bold; } .nobold { font-weight: normal; } .floatRight { float: right; } .floatLeft { float: left; } ul.bulletListGray, ul.bulletListGrayLarge { margin: 5px 5px 5px 0; } ul.bulletListGray li, ul.bulletListGrayLarge li { font-size: 11px; margin-bottom: 7px; background: url(../images/0-bullet-gray.png) no-repeat left 3px; padding-left: 18px; } ul.bulletListGrayLarge li { font-size: 12px; background-position: left 3px; } .bottomBannersContainer { background: url(../images/0-bottom-banners-bg.png) no-repeat left top; width: 770px; height: 447px; margin-left: -5px; } .bottomBannersContainer .innerTop { padding: 20px 0px 0px 26px; margin: 0 0 20px 0; } .bottomBannersContainer .innerBottom { float: left; width: 244px; overflow: hidden; padding: 6px 0 0 5px; margin: 0 5px 6px 0; } /* Carousel Start */ .genericCarousel { background: transparent url(../images/0-generic-carousel-small-bg.png) no-repeat; width: 770px; height: 135px; margin: 0 0 46px 0; margin-left: -5px; } .bigGenericCarousel { height: 184px; background: transparent url(../images/0-generic-carousel-bg.png) no-repeat; } .carouselHeader { padding-left: 10px; margin-bottom: 8px; } .genericCarousel .genericScrollable { position: relative; overflow: hidden; float: left; height: 130px; width: 675px; padding-top: 15px; } .bigGenericCarousel .genericScrollable { height: 175px; } .genericCarousel .prevPage, .genericCarousel .nextPage { float: left; margin-top: 49px; display: block; width: 19px; height: 22px; text-indent: -9999em; } .bigGenericCarousel .prevPage, .bigGenericCarousel .nextPage { margin-top: 74px; } .genericCarousel .prevPage { margin-left: 18px; margin-right: 10px; background-image: url(../images/0-btn-scroll-left.png); } .genericCarousel .nextPage { float: right; margin-right: 18px; background-image: url(../images/0-btn-scroll-right.png); } .genericCarousel .nextPage:hover, .genericCarousel .prevPage:hover { background-position: left center; } .genericCarousel a.disabled, .genericCarousel a.disabled:hover { background-position: left bottom; cursor: default; } .genericCarousel .genericScrollable .items { width: 99999em; position: absolute; } .genericCarousel .genericScrollable .items div { position: relative; float: left; height: 125px; width: 230px; } .bigGenericCarousel .genericScrollable .items div { height: 175px; } .genericCarousel .genericScrollable .items div h3 { font-size: 12px; font-weight: bold; margin-bottom: 4px; } .genericCarousel .genericScrollable .productText, .genericCarousel .genericScrollable .items div div.rightArea p { font-size: 11px; line-height: 14px; width: 105px; } .bigGenericCarousel .genericScrollable .productText { left: 15px; position: absolute; top: 15px; width: 150px; } .bigGenericCarousel .genericScrollable h3 { position: absolute; left: 15px; } .genericCarousel .genericScrollable .items div img.productImage { position: absolute; bottom: 0; left: 0; } .genericCarousel .genericScrollable .items div div.rightArea /* boxes */ { height: 70px; width: 135px; position: absolute; bottom: 41px; left: 95px; } .genericCarousel .genericScrollable .items div div.rightArea .price { font-size: 15px; font-weight: bold; line-height: 22px; } .genericCarousel .genericScrollable .items div .buttons { position: absolute; bottom: 2px; left: 95px; } .genericCarousel .genericScrollable .badges div div.rightArea /* badges */ { bottom: 26px; left: 110px; width: 90px; } .genericCarousel .genericScrollable .badges div .buttons { bottom: 2px; left: 110px; } .genericCarousel .genericScrollable .phones div /* phones */ { width: 175px; } .genericCarousel .genericScrollable .phones div div.rightArea { bottom: 26px; left: 70px; width: 75px; } .genericCarousel .genericScrollable .phones div .buttons { bottom: 2px; left: 70px; } .genericCarousel .genericScrollable .computer div div.rightArea /* computer */ { bottom: 26px; left: 140px; width: 90px; } .genericCarousel .genericScrollable .computer div .buttons { bottom: 2px; left: 140px; } /* Big Badges */ .genericCarousel .genericScrollable .BigBadges div div.rightArea { left: 122px; bottom: 26px; width: 90px; } .genericCarousel .genericScrollable .BigBadges div .buttons { left: 122px; } /* Accordion Start */ .ui-accordion .ui-accordion-header { cursor: pointer; display: inline-block; position: relative; margin-top: 1px; } .ui-accordion .ui-accordion-li-fix { display: inline; } .ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; } .ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em 2.2em; } .ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; } .ui-accordion .ui-accordion-content { position: relative; overflow: auto; display: none; } .ui-accordion .ui-accordion-content-active { display: block; } /* Accordion Start End */ /* Tabbox start */ .genericTabs { background: transparent url(../images/0-tabbox-bottom.png) no-repeat left bottom; display: block; margin-left: -5px; width: 770px; overflow: hidden; } .genericTabs .top { background: transparent url(../images/0-tabbox-top.png) no-repeat 5px bottom; height: 43px; } .genericTabs .content { background: transparent url(../images/0-tabbox-content.png) no-repeat left bottom; min-height: 180px; padding: 5px 25px 20px; position: relative; } .genericTabs .contentNoPadding /* Used for pushitems in tabbox eg. t1150 */ { background: transparent url(../images/0-tabbox-content.png) no-repeat left bottom; min-height: 220px; padding-left: 6px; position: relative; float: left; width: 770px; } .genericTabs .top li { display: block; float: left; height: 30px; margin-top: 4px; position: relative; } .genericTabs .top .firstTab { margin-left: 5px; } .genericTabs .top .ui-tabs-selected { margin-top: 0; } .genericTabs .top .ui-tabs-selected a { cursor: default; color: #000 !important; } .genericTabs .top .firstTab .tabLeft { background-image: url(../images/0-tabbox-tab-left-first-tab-sprite.png); } .genericTabs .top .tabLeft { background: transparent url(../images/0-tabbox-tab-left-sprite.png) no-repeat left top; display: block; float: left; height: 26px; width: 7px; } .genericTabs .top .ui-tabs-selected .tabLeft { background-position: left bottom; height: 30px; width: 7px; } .genericTabs .top .tab { background: transparent url(../images/0-tabbox-tab-sprite.png) repeat-x left top; display: block; float: left; height: 16px; padding: 5px; } .genericTabs .top .ui-tabs-selected .tab { background-position: left bottom; height: 16px; padding: 7px 6px; } .genericTabs .top .tabRight { background: transparent url(../images/0-tabbox-tab-right-sprite.png) no-repeat left top; display: block; float: left; height: 26px; width: 7px; } .genericTabs .top .ui-tabs-selected .tabRight { background-position: left bottom; height: 30px; width: 7px; } .ui-tabs .ui-tabs-hide { display: none; } /* Tabbox end */ /* TextArea */ .genericTextarea { position: relative; float: left; } .genericTextareaText { position: relative; float: left; } .genericTextarea .genericTextareaTOP { width: 100%; padding-left: 8px; background: url(../images/0-textarea-topLeftCorner.png) no-repeat left bottom; height: 8px; float: left; } .genericTextarea .genericTextareaTOP .taTopRep { display: block; width: 100%; height: 8px; float: left; background: url(../images/0-textarea-top-fadrepeat.png) repeat-x center bottom; } .genericTextarea .genericTextareaTOP .taTopRight { display: block; width: 100%; padding-right: 8px; height: 8px; float: left; background: url(../images/0-textarea-topRightCorner.png) no-repeat right bottom; } .genericTextarea textarea { width: 100%; overflow: hidden; font-size: 12px; line-height: 15px; height: 100%; margin: 0px; padding: 0px 0px 0px 5px; border-left: 1px solid #c0c0c0; background: transparent url(../images/0-textarea-BodyRepeat.png) repeat-x left center; border-top: none; border-bottom: none; border-right: none; } .genericTextarea .genericTextareaRight { width: 16px; height: 100%; position: absolute; right: -16px; top: 0px; background: url(../images/0-textarea-right-bigWide.png) no-repeat left center; } .genericTextarea .genericTextareaBottom { width: 100%; padding-left: 8px; margin-top: -2px; float: left; height: 8px; background: url(../images/0-textarea-BottomLeftCorner.png) no-repeat left top; } .genericTextarea .genericTextareaBottom .taBottomRep { width: 100%; height: 8px; float: left; background: url(../images/0-textarea-BottomRepate.png) repeat-x center top; } .genericTextarea .genericTextareaBottom .taBottomRight { float: left; width: 100%; padding-right: 8px; height: 8px; background: url(../images/0-textarea-BottomRightCorner.png) no-repeat right top; } /* Buttons start */ .sendBtn { width: 50px; overflow: hidden; cursor: pointer; height: 27px; text-indent: -999em; background: url(../images/0-send-btn.png) no-repeat left top; } .sendBtn:hover { background-position: left bottom; } .btnSmallRoundArrow, .btnSmallRoundArrow:link { text-decoration: none; display: block; width: 22px; height: 32px; background: url(../images/0-btn-small-22px-RoundArrow.png) no-repeat left top; text-indent: -999em; } .btnSmallRoundArrow:hover { background-position: left bottom; } .btnSmallRoundArrow16, .btnSmallRoundArrowRight16, .btnSmallRoundArrowLeft16 { background: url(../images/0-btn-small-16px-right-RoundArrow.png) no-repeat left top; padding: 1px 0 0 21px; font-weight: bold; color: #000; font-size: 12px; line-height: 16px; } .btnSmallRoundArrowRight16 { padding: 1px 21px 0 0; background-position: right top; } .btnSmallRoundArrowLeft16 { background-image: url(../images/0-btn-small-16px-left-RoundArrow.png); } .btnArrowNoReflection { text-decoration: none; display: block; width: 22px; height: 21px; background: transparent url(../images/0-btn-arrow-no-reflection.png) no-repeat; text-indent: -999em; } .btnArrowNoReflection:hover { background-position: left bottom; } .btnArrowNoReflectionLeft { text-decoration: none; display: block; width: 22px; height: 21px; background: transparent url(../images/0-btn-arrow-no-reflection-left.png) no-repeat; text-indent: -999em; } .btnArrowNoReflectionLeft:hover { background-position: left bottom; } /* Buttons end */ /* --- Dynamic Buttons --- */ /* SMALL GREY BUTTON */ .btnGreySmall { float: left; background: transparent url(../images/0-btn-grey-small-left.png) no-repeat left top; display: block; height: 28px; padding-left: 10px; line-height: 0; } .btnGreySmall a { float: left; background: transparent url(../images/0-btn-grey-small-middle.png) repeat-x left top; font-size: 11px; color: #444; height: 18px; padding: 5px 5px 5px 0; text-decoration: none; } .btnGreySmall .right { float: left; display: block; height: 28px; width: 1px; background: transparent url(../images/0-btn-grey-small-right.png) no-repeat right top; } .btnGreySmall:hover { background-position: left bottom; } .btnGreySmall:hover a { background-position: left bottom; color: #222; } .btnGreySmall:hover .right { background-position: left bottom; } /* SMALL GREEN BUTTON */ .btnGreenSmall { float: left; background: transparent url(../images/0-btn-green-small-left.png) no-repeat left top; display: block; height: 28px; padding-left: 1px; line-height: 0; } .btnGreenSmall a { float: left; background: transparent url(../images/0-btn-green-small-middle.png) repeat-x left top; font-size: 11px; color: #fff; height: 18px; padding: 5px 0 5px 7px; text-decoration: none; } .btnGreenSmall .right { float: left; display: block; height: 28px; width: 10px; background: transparent url(../images/0-btn-green-small-right.png) no-repeat right top; } .btnGreenSmall:hover { background-position: left bottom; } .btnGreenSmall:hover a { background-position: left bottom; } .btnGreenSmall:hover .right { background-position: left bottom; } /* MEDIUM GREEN BUTTON */ .btnGreenMedium { float: left; background: transparent url(../images/0-btn-green-medium-left.png) no-repeat left top; display: block; height: 31px; padding-left: 1px; line-height: 0; } .btnGreenMedium a { float: left; background: transparent url(../images/0-btn-green-medium-middle.png) repeat-x left top; font-size: 12px; color: #fff; height: 20px; padding: 6px 0 5px 7px; text-decoration: none; } .btnGreenMedium .right { float: left; display: block; height: 31px; width: 11px; background: transparent url(../images/0-btn-green-medium-right.png) no-repeat right top; } .btnGreenMedium:hover { background-position: left bottom; } .btnGreenMedium:hover a { background-position: left bottom; } .btnGreenMedium:hover .right { background-position: left bottom; } /* MEDIUM GREY BUTTON */ .btnGreyMedium { float: left; background: transparent url(../images/0-btn-grey-medium-left.png) no-repeat left top; display: block; height: 31px; padding-left: 11px; line-height: 0; } .btnGreyMedium a { float: left; background: transparent url(../images/0-btn-grey-medium-middle.png) repeat-x left top; font-size: 12px; color: #444; height: 20px; padding: 6px 5px 5px 0; text-decoration: none; } .btnGreyMedium .right { float: left; display: block; height: 31px; width: 1px; background: transparent url(../images/0-btn-grey-medium-right.png) no-repeat right top; } .btnGreyMedium:hover { background-position: left bottom; } .btnGreyMedium:hover a { background-position: left bottom; } .btnGreyMedium:hover .right { background-position: left bottom; } /* "NORMAL" GREY BUTTON */ .btnGrey { float: left; background: transparent url(../images/0-btn-grey-left.png) no-repeat left top; display: block; height: 31px; padding-left: 11px; line-height: 0; } .btnGrey a { float: left; background: transparent url(../images/0-btn-grey-middle.png) repeat-x left top; font-size: 12px; color: #444; height: 19px; padding: 6px 0; text-decoration: none; } .btnGrey .right { float: left; display: block; height: 31px; width: 11px; background: transparent url(../images/0-btn-grey-right.png) no-repeat right top; } .btnGrey:hover { background-position: left bottom; } .btnGrey:hover a { background-position: left bottom; } .btnGrey:hover .right { background-position: left bottom; } /* "PLAIN" GREY BUTTON */ .btnGreyPlain { float: left; background: transparent url(../images/0-btn-grey-plain-left.png) no-repeat left top; display: block; height: 21px; padding-left: 11px; line-height: 0; } .btnGreyPlain a { float: left; background: transparent url(../images/0-btn-grey-plain-middle.png) repeat-x left top; font-size: 12px; color: #444; height: 9px; padding: 6px 0; text-decoration: none; } .btnGreyPlain .right { float: left; display: block; height: 21px; width: 11px; background: transparent url(../images/0-btn-grey-plain-right.png) no-repeat right top; } .btnGreyPlain:hover { background-position: left bottom; } .btnGreyPlain:hover a { background-position: left bottom; } .btnGreyPlain:hover .right { background-position: left bottom; } /* "NORMAL" GREEN BUTTON */ .btnGreen { float: left; background: transparent url(../images/0-btn-green-left.png) no-repeat left top; display: block; height: 31px; padding-left: 11px; line-height: 0; } .btnGreen a { float: left; background: transparent url(../images/0-btn-green-middle.png) repeat-x left top; font-size: 12px; color: #fff; height: 21px; padding: 5px 0; text-decoration: none; } .btnGreen .right { float: left; display: block; height: 31px; width: 11px; background: transparent url(../images/0-btn-green-right.png) no-repeat right top; } .btnGreen:hover { background-position: left bottom; } .btnGreen:hover a { background-position: left bottom; } .btnGreen:hover .right { background-position: left bottom; } /* BIG GREEN BUTTON */ .btnGreenBig { float: left; background: transparent url(../images/0-btn-green-big-left.png) no-repeat left top; display: block; height: 47px; padding-left: 19px; line-height: 0; } .btnGreenBig a { float: left; background: transparent url(../images/0-btn-green-big-middle.png) repeat-x left top; font-size: 18px; color: #fff; height: 27px; padding: 10px 0; text-decoration: none; } .btnGreenBig .right { float: left; display: block; height: 47px; width: 19px; background: transparent url(../images/0-btn-green-big-right.png) no-repeat right top; } .btnGreenBig:hover { background-position: left bottom; } .btnGreenBig:hover a { background-position: left bottom; } .btnGreenBig:hover .right { background-position: left bottom; } /* "NORMAL" BLACK BUTTON */ .btnBlack { float: left; background: transparent url(../images/0-btn-black-left.png) no-repeat left top; display: block; height: 21px; padding-left: 11px; line-height: 0; } .btnBlack a { float: left; background: transparent url(../images/0-btn-black-middle.png) repeat-x left top; font-size: 12px; color: #fff; height: 11px; padding: 5px 0; text-decoration: none; } .btnBlack .right { float: left; display: block; height: 21px; width: 11px; background: transparent url(../images/0-btn-black-right.png) no-repeat right top; } .btnBlack:hover { background-position: left bottom; } .btnBlack:hover a { background-position: left bottom; } .btnBlack:hover .right { background-position: left bottom; } /* BIG BLACK BUTTON */ .btnBlackBig { float: left; background: transparent url(../images/0-btn-black-big-left.png) no-repeat left top; display: block; height: 44px; padding-left: 18px; line-height: 0; } .btnBlackBig a { float: left; background: transparent url(../images/0-btn-black-big-middle.png) repeat-x left top; font-size: 13px; color: #fff; height: 16px; padding: 14px 0 14px 1px; text-decoration: none; } .btnBlackBig .right { float: left; display: block; height: 44px; width: 18px; background: transparent url(../images/0-btn-black-big-right.png) no-repeat right top; } .btnBlackBig:hover { background-position: left bottom; } .btnBlackBig:hover a { background-position: left bottom; } .btnBlackBig:hover .right { background-position: left bottom; } /* OVERSIZED BLACK BUTTON */ .btnBlackOversized { float: left; background: transparent url(../images/0-btn-black-oversized-left.png) no-repeat left top; display: block; height: 62px; padding-left: 20px; line-height: 0; } .btnBlackOversized a { float: left; background: transparent url(../images/0-btn-black-oversized-middle.png) repeat-x left top; font-size: 25px; color: #fff; height: 34px; padding: 14px 0; text-decoration: none; } .btnBlackOversized .right { float: left; display: block; height: 62px; width: 20px; background: transparent url(../images/0-btn-black-oversized-right.png) no-repeat right top; } .btnBlackOversized:hover { background-position: left bottom; } .btnBlackOversized:hover a { background-position: left bottom; } .btnBlackOversized:hover .right { background-position: left bottom; } /* "HALF" BLACK BUTTON */ .btnBlackHalf { float: left; background: transparent url(../images/0-btn-black-half-left.png) no-repeat left top; display: block; height: 30px; padding-left: 4px; line-height: 0; } .btnBlackHalf a { float: left; background: transparent url(../images/0-btn-black-half-middle.png) repeat-x left top; font-size: 12px; color: #fff; height: 10px; padding: 10px 0 10px 5px; text-decoration: none; } .btnBlackHalf .right { float: left; display: block; height: 30px; width: 14px; background: transparent url(../images/0-btn-black-half-right.png) no-repeat right top; } .btnBlackHalf:hover { background-position: left bottom; } .btnBlackHalf:hover a { background-position: left bottom; } .btnBlackHalf:hover .right { background-position: left bottom; } .btnGreySmall img, .btnGreenSmall img, .btnGreyMedium img, .btnGreenMedium img, .btnGrey img, .btnGreyPlain img, .btnGreen img, .btnGrenBig img, .btnBlack img, .btnBlackBig img, .btnBlackHalf img { float: left; } /* "PLAIN" GREY BUTTON TINY */ .btnGreyPlainTiny { float: left; background: transparent url(../images/0-btn-grey-plain-tiny-left.png) no-repeat left top; display: block; height: 18px; padding-left: 9px; line-height: 0; } .btnGreyPlainTiny a { float: left; background: transparent url(../images/0-btn-grey-plain-tiny-middle.png) repeat-x left top; font-size: 10px; color: #444; height: 8px; padding: 5px 0; text-decoration: none; } .btnGreyPlainTiny .right { float: left; display: block; height: 18px; width: 9px; background: transparent url(../images/0-btn-grey-plain-tiny-right.png) no-repeat left top; } .btnGreyPlainTiny:hover { background-position: left bottom; } .btnGreyPlainTiny:hover a { background-position: left bottom; } .btnGreyPlainTiny:hover .right { background-position: left bottom; } /* --- Dynamic Buttons End --- */ /* Checkboxes */ .jquery-checkbox { display: inline; font-size: 20px; line-height: 20px; cursor: pointer; cursor: hand; } .jquery-checkbox .mark { display: inline; } .jquery-checkbox img { vertical-align: middle; width: 15px; height: 18px; margin-right: 4px; background: transparent url(../images/0-checkbox.png) no-repeat; } .jquery-checkbox img { background-position: 0px 0px; } .jquery-checkbox-hover img { background-position: -15px 0px; } .jquery-checkbox-checked img { background-position: -30px 0px; } .jquery-checkbox-checked .jquery-checkbox-hover img { background-position: -45px 0px; } .jquery-checkbox-disabled img { background-position: 0px 0px; } .jquery-checkbox-checked .jquery-checkbox-disabled img { background-position: 0px 0px; } /* Checkboxes end */ /* Radiobuttons Start */ .jquery-radiobutton { display: inline; font-size: 20px; line-height: 20px; cursor: pointer; cursor: hand; } .jquery-radiobutton .mark { display: inline; } .jquery-radiobutton img { vertical-align: middle; width: 13px; height: 13px; margin-right: 4px; background: transparent url(../images/0-radiobutton.png) no-repeat; } .jquery-radiobutton img { background-position: 0px 0px; } .jquery-radiobutton-hover img { background-position: -13px 0px; } .jquery-radiobutton-checked img { background-position: -26px 0px; } .jquery-radiobutton-checked .jquery-radiobutton-hover img { background-position: -39px 0px; } .jquery-radiobutton-disabled img { background-position: 0px 0px; } .jquery-radiobutton-checked .jquery-radiobutton-disabled img { background-position: 0px 0px; } /* Radiobuttons End */ .genericInputField { height: 24px; position: relative; } .genericInputField input { height: 24px; width: 100%; border: none; padding: 5px 5px 0; float: left; background: url(../images/0-input-feild-left-part.png) no-repeat left top; font-size: 11px; } .genericInputField span { width: 8px; height: 24px; float: right; position: absolute; right: -16px; top: 0px; background: url(../images/0-input-feild-left-RightEnd.png) no-repeat left top; } .H-devideLine { width: 100%; height: 2px; background: url(../images/0-horisontal-devideLine-twoColor.gif) repeat-x left top; margin: 10px 0px; } .H-devideLineFloat { width: 100%; position: relative; float: left; height: 2px; background: url(../images/0-horisontal-devideLine-twoColor.gif) repeat-x left top; margin: 10px 0px; } .askSaraBox { width: 200px; height: 70px; position: relative; float: left; } .askSaraBox a, .askSaraBox a:link, .askSaraBox a:hover { width: 200px; height: 103px; display: block; z-index: 10; position: absolute; top: 0px; left: 0px; } .askSaraBox p { width: 120px; } .askSaraBox .askSaraImg { position: absolute; right: -14px; bottom: -48px; z-index: 5; } /* General Pages Layout */ .mainAndSidebarWrap p { font-size: 12px; line-height: 17px; margin-bottom: 5px; margin-top: 3px; } .mainAndSidebarWrap { width: 760px; float: left; } .mainAndSidebarWrap .mainWrap { width: 520px; float: left; } .mainAndSidebarWrap .mainTop { width: 520px; height: 21px; float: left; background: url(../images/0-main-colum-top.png) no-repeat left bottom; } .mainAndSidebarWrap .mainRepeat { width: 518px; float: left; background: #fff url(../images/0-main-colum-fadeRepeat.jpg) repeat-x left bottom; border: 1px solid #e1e1e1; border-bottom: none; border-top: none; } .mainAndSidebarWrap .mainOutLine { width: 518px; float: left; background: url(../images/0-main-colum-FadeOutLine.png) no-repeat left bottom; } .mainAndSidebarWrap .mainContent { position: relative; width: 518px; float: left; padding-bottom: 12px; } .mainAndSidebarWrap .mainBottom { width: 520px; height: 26px; float: left; background: url(../images/0-main-colum-bottom.png) no-repeat left top; } .mainAndSidebarWrap .mainContentPadded { width: 480px; margin: 0px 0px 5px 20px; float: left; } .mainAndSidebarWrap .rightWrap { width: 239px; float: left; margin-top: 20px; } .mainAndSidebarWrap .rightTop { width: 239px; height: 17px; float: left; background: url(../images/0-left-colum-top.png) no-repeat left bottom; } .mainAndSidebarWrap .rightRepeat { width: 238px; float: left; background: #fff url(../images/0-left-colum-fadeRepeat.jpg) repeat-x scroll left bottom; border-right: 1px solid #e1e1e1; } .mainAndSidebarWrap .rightShadeRepeat { width: 238px; float: left; background: url(../images/0-left-colum-leftRepeat.png) repeat-y left top; } .mainAndSidebarWrap .rightOutLine { width: 238px; float: left; background: url(../images/0-left-colum-FadeOutline.png) no-repeat right bottom; } .mainAndSidebarWrap .rightContent { width: 238px; float: left; } .mainAndSidebarWrap .rightBottom { width: 239px; height: 30px; float: left; background: url(../images/0-left-colum-bottom.png) no-repeat left top; } .mainAndSidebarWrap .rightContentPadded { margin: 0px 0 20px 19px; width: 200px; float: left; } /* Wide 2 */ #t9100 .mainAndSidebarWrap { float: left; width: 640px; } .mainWrapWide640 { width: 640px; float: left; margin-left: 20px; } .mainWrapWide640 .mainTop { width: 640px; background-image: url(../images/0-main-colum-top-640.png); } .mainWrapWide640 .mainBottom { width: 640px; background-image: url(../images/0-main-colum-bottom-640.png); } .mainWrapWide640 .mainRepeat { width: 638px; } .mainWrapWide640 .mainOutLine { width: 638px; background-image: url(../images/0-main-colum-fadeout-line-640.png); } .mainWrapWide640 .mainContent { min-height: 190px; width: 638px; } .mainWrapWide640 .mainContentPadded { width: 710px; } /* Wide */ .mainAndSidebarWrap .mainWrapWide { float: left; width: 760px; } .mainAndSidebarWrap .mainWrapWide .mainTop { width: 760px; background-image: url(../images/0-main-colum-top-wide.png); } .mainAndSidebarWrap .mainWrapWide .mainBottom { width: 760px; background-image: url(../images/0-main-colum-bottom-wide.png); } .mainAndSidebarWrap .mainWrapWide .mainRepeat { width: 758px; } .mainAndSidebarWrap .mainWrapWide .mainOutLine { width: 758px; background-image: url(../images/0-main-colum-fadeout-line-wide.png); } .mainAndSidebarWrap .mainWrapWide .mainContent { width: 758px; } .mainAndSidebarWrap .mainWrapWide .mainContentPadded { width: 710px; } /* Wide - 940 */ .mainWrapWide940 { width: 940px; } .mainWrapWide940 .mainTop { width: 940px; background-image: url(../images/0-main-colum-top-wide940.png); } .mainWrapWide940 .mainBottom { width: 940px; background-image: url(../images/0-main-colum-bottom-wide940.png); } .mainWrapWide940 .mainRepeat { width: 938px; } .mainWrapWide940 .mainOutLine { width: 938px; background-image: url(../images/0-main-colum-fadeout-line-wide940.png); } .mainWrapWide940 .mainContent { width: 938px; } .mainWrapWide940 .mainContentPadded { margin: 12px; } /* General Pages Layout Large mainArea*/ .mainAndSidebarWrap.large { width: 940px; } .mainAndSidebarWrap.large .mainWrap { width: 700px; } .mainAndSidebarWrap.large .mainTop { width: 700px; background: url(../images/100-main-colum-top.png) no-repeat left bottom; } .mainAndSidebarWrap.large .mainRepeat { width: 698px; } .mainAndSidebarWrap.large .mainOutLine { width: 698px; background: url(../images/100-main-colum-FadeOutLine.png) no-repeat left bottom; } .mainAndSidebarWrap.large .mainContent { position: relative; width: 698px; } .mainAndSidebarWrap.large .mainBottom { width: 700px; background: url(../images/100-main-colum-bottom.png) no-repeat left top; } .mainAndSidebarWrap.large .mainContentPadded { width: 660px; } /* General Pages Layout Large mainArea END*/ .tagCloud { margin: auto 0; padding: 0; } .tagCloud li { display: inline; line-height: 19px; margin: 0 5px 0 0; padding: 0; } .tagCloud .size1, .tagCloud .size1 a { font-size: 11px; color: #ad0057; } .tagCloud .size2, .tagCloud .size2 a { font-size: 14px; color: #76ad00; } .tagCloud .size3, .tagCloud .size3 a { font-size: 14px; color: #5100ad; } .tagCloud .size4, .tagCloud .size4 a { font-size: 18px; color: #0066ad; } .tagCloud .size5, .tagCloud .size5 a { font-size: 18px; color: #ad0057; } .tagCloud .size6, .tagCloud .size6 a { font-size: 20px; color: #00ad41; } .tagCloud .size7, .tagCloud .size7 a { font-size: 24px; color: #76ad00; } /* Shadowed tab */ .shadowedTabs { margin-top: 20px; background: url(../images/0-shadowedtab-bg-right.jpg) no-repeat right top; /* 26 - 9 */ } .shadowedTabs .ui-tabs-nav { background: #FFF url(../images/0-shadowedtab-bg-left.jpg) no-repeat left 17px; /* 26 - 9 */ height: 26px; margin-right: 16px; } .shadowedTabs .ui-tabs-nav li { float: left; line-height: 26px; margin: 0 23px; } .shadowedTabs .ui-tabs-nav .ui-tabs-selected { background: #FFF url(../images/0-shadowedtab-active-left.jpg) no-repeat left top; height: 26px; padding-left: 9px; margin: 0 5px 0 0; } .shadowedTabs .ui-tabs-selected h5 { background: url(../images/0-shadowedtab-active-right.jpg) no-repeat right top; height: 26px; padding-right: 9px; } .shadowedTabs .ui-tabs-selected h5 a { color: #000; margin: 0 12px; display: block; } .shadowedTabs .ui-tabs-panel { clear: left; padding: 18px 20px; } /* Shadowed tab End */ /* Paging */ .paging { position: relative; left: 50%; margin: 0 auto; float: left; padding: 0; } .paging li { float: left; position: relative; right: 50%; font-size: 12px; margin: 0 3px; vertical-align: middle; line-height: 16px; } .paging li .btnSmallRoundArrowLeft16 { margin-right: 5px; } .paging li .btnSmallRoundArrowRight16 { margin-left: 5px; } .paging li.active a { font-weight: bold; color: #000; } /* Paging end */ /* Lightbox */ .lightBoxCurtainLayer { background-color: #000000; display: none; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1000; } .lightBoxLayer { display: none; z-index: 1500; position: absolute; top: 0; left: 0; } .lightBoxLayer .close { display: block; width: 16px; height: 16px; background: url(../images/0-btn-close.png) no-repeat left top; font-size: 1px; text-decoration: none; position: absolute; right: 15px; top: 0; } /* Lightbox end */ /* LightBox 700px wide */ .lightBox700Wrap { margin: 100px auto 0; width: 700px; } .lightBox700Wrap .top { line-height: 14px; height: 14px; background: url(../images/0-lightbox-700-top.png) no-repeat left top; font-size: 1px; } .lightBox700Wrap .bottom { background: url(../images/0-lightbox-700-bottom.png) no-repeat left top; height: 19px; line-height: 19px; font-size: 1px; } .lightBox700Wrap .middle { background: url(../images/0-lightbox-700-middle.png) repeat-y; } .lightBox700Wrap .middle .inner { background: url(../images/0-lightbox-700-bottom-gradient.png) no-repeat left bottom; position: relative; padding: 17px 29px; text-align: left; font-size: 12px; line-height: 16px; } .lightBox700Wrap .middle .inner P, .lightBox700Wrap .middle .inner h2 { margin-bottom: 12px; } /* LightBox 700px wide end */ /* Accordion 502px wide */ .accordion502 { width: 502px; } .accordion502 .header { width: 502px; height: 42px; background: url(../images/0-Accordion-Header-502-bg.png) no-repeat left top; } .accordion502 .header .arrow { width: 12px; height: 12px; font-size: 1px; line-height: 12px; margin: 9px 0px 0px 20px; float: left; background: url(../images/100-Accordion-selectedtArrow.png) no-repeat left top; } .accordion502 .header h3 { font: bold 13px/15px Arial; float: left; margin: 8px 0px 0px 10px; color: #000; } .accordion502 .header h3 span { font-weight: normal; margin-left: 4px; } .accordion502 .header p { float: right; font: normal 11px/15px Arial; margin: 7px 10px 0px 0px; color: #000; } .accordion502 .header .arrow.openContainer { background-position: left bottom; } .accordion502 .content { margin-bottom: 10px; background: transparent url(../images/0-Accordion-pageBottom-502.png) no-repeat scroll left bottom; } .accordion502 .partContent { width: 502px; padding-bottom: 12px; } .accordion502 .partContent .part { width: 482px; /*height:55px;*/ margin-left: 10px; padding-top: 10px; } .accordion502 .partContent .part strong { font: bold 11px/14px Arial; color: #000; } .accordion502 .partContent .part p { font: normal 11px/14px Arial; color: #000; width: 450px; } .accordion502 .partContent .part .H-devideLine { margin: 15px 0px 0px 0px; } .accordion502 .pagingContainer { height: 35px; width: 502px; } /* Accordion 502px wide end */ /* Input submit element */ .inputSubmit { float: left; height: 31px; background: url(../images/0-inputSubmit-right-bg.png) no-repeat right top; padding-right: 15px; } .inputSubmit .input { float: left; display: block; height: 31px; background: url(../images/0-inputSubmit-input-bg.png) no-repeat left top; padding: 9px 0 0 7px; font-size: 12px; color: #000; } .inputSubmit .submit { float: left; display: block; height: 31px; background: url(../images/0-inputSubmit-btn-bg.png) no-repeat left top; padding-left: 13px; cursor: pointer; font-size: 12px; color: #FFF; width: 45px; } /* Input submit element END */ /* Top sidebar Linknav */ .genericSidebarTopLink { width: 239px; height: 44px; float: left; position: relative; top: -15px; left: 0; background: url(../images/0-top-sideBar-linkBG.png) no-repeat right top; } .genericSidebarTopLink h5 { font-size: 12px; color: #fff; background: url(../images/0-top-sideBar-linkDivieder.png) no-repeat left top; float: left; } .genericSidebarTopLink h5 a { height: 30px; color: #fff; text-decoration: none; padding: 15px 10px 0 7px; float: left; display: block; background: url(../images/0-sidebar-hover.png) repeat-x left top; } .genericSidebarTopLink h5 a:hover { color: #fff; text-decoration: none; background-position: left bottom; } .genericSidebarTopLink .securePayment { position: absolute; top: -28px; left: 3px; width: 220px; height: 30px; } .genericSidebarTopLink .securePayment h5 a { font-size: 12px; height: 16px; float: left; margin: 0; background-image: none; text-decoration: none; color: #000; padding: 6px 0px 0 10px; } .genericSidebarTopLink .securePayment h5 { background-image: none; } .genericSidebarTopLink .securePayment img { float: right; } /* --- GENERICS END --- */ /* +++ TEMPLATE SPECIFIC +++ */ /* T100 Start */ #t100 { float: left; margin-top: 30px; overflow: visible; width: 940px; font-size: 12px; } #t100 .smallGenericCarousel /*Mid colum Carousel*/ { background: transparent url(../images/100-Accordion-pageBottom.png) no-repeat left bottom; width: 682px; height: 185px; margin: 0px 0px 20px 0px; } #t100 .smallGenericCarousel .genericScrollable { height: 175px; width: 598px; padding-top: 0px; } #t100 .smallGenericCarousel .prevPage, .smallGenericCarousel .nextPage { margin-top: 80px; } #t100 .smallGenericCarousel .genericScrollable .items.phones div { width: 116px; height: 170px; overflow: hidden; } #t100 .smallGenericCarousel .genericScrollable .items.phones div img { position: absolute; bottom: 0px; left: 23px; } #t100 .smallGenericCarousel .genericScrollable .items.phones div .expandBox { display: block; height: 160px; width: 130px; position: absolute; overflow: hidden; bottom: 0px; left: 100px; } #t100 .smallGenericCarousel .genericScrollable .items.phones div .expandBox ul { margin-top: 63px; } #t100 .smallGenericCarousel .genericScrollable .items.phones div .expandBox ul li { margin: 7px 0px 0px 0px; width: 130px; overflow: hidden; } #t100 .smallGenericCarousel .genericScrollable .items.phones div .expandBox ul li a { font: bold 12px/10px Arial; padding-left: 10px; color: #000; background: url(../images/100-Search-Carousel-list-arrow.png) no-repeat left center; } #t100 .smallGenericCarousel .genericScrollable .items.phones div .expandBox ul li a:hover { color: #555; } #t100 .smallGenericCarousel .genericScrollable .items.phones div .phoneTitle { width: 116px; display: block; margin: 0px; position: absolute; top: 8px; left: 0px; text-align: center; } #t100 .smallGenericCarousel .genericScrollable .items.phones div .phoneTitle strong { font: bold 11px/11px Arial; } #t100 .smallGenericCarousel .genericScrollable .items.phones div .phoneTitle p { font: normal 11px/11px Arial; } #t100 .header { width: 684px; padding-bottom: 15px; height: 28px; background: url(../images/100-Accordion-BGbar.png) no-repeat left top; } #t100 .header .arrow { width: 12px; height: 12px; overflow: hidden; margin: 9px 0px 0px 20px; float: left; background: url(../images/100-Accordion-selectedtArrow.png) no-repeat left top; } #t100 .header h3 { font: bold 14px/14px Arial; float: left; margin: 8px 0px 0px 10px; color: #000; } #t100 .header h3 span { font-weight: normal; margin-left: 4px; } #t100 .header p { float: right; font: normal 12px/12px Arial; margin: 9px 25px 0px 0px; color: #000; } #t100 .header .arrow.openContainer { background-position: left bottom; } #t100 .partContent { width: 682px; margin-bottom: 25px; } #t100 .contentWraper { width: 682px; } #accordion100 .content { width: 682px; margin-bottom: 15px; background: url(../images/100-Accordion-pageBottom.png) no-repeat left bottom; } #accordion100 .pagingContainer { width: 682px; height: 35px; } #t100 .partContent .part { width: 662px; height: 55px; margin-left: 10px; padding-top: 20px; } #t100 .partContent .part strong a { font: bold 12px/12px Arial; color: #000; text-decoration: none; } #t100 .partContent .part strong a:hover { font: bold 12px/12px Arial; color: #000; } #t100 .partContent .part p { font: normal 12px/16px Arial; color: #333; width: 630px; } #t100 .partContent .part p a { text-decoration: none; color: #555; } #t100 .partContent .part p a:hover { text-decoration: none; color: #000; } #t100 .partContent .part .H-devideLine { margin: 15px 0px 0px 0px; } #t100 .mainAndSidebarWrap { width: 940px; } #t100 .mainWrap { width: 700px; } #t100 .mainAndSidebarWrap .mainTop { width: 700px; background: url(../images/100-main-colum-top.png) no-repeat left bottom; } #t100 .mainAndSidebarWrap .mainRepeat { width: 698px; } #t100 .mainAndSidebarWrap .mainOutLine { width: 698px; background: url(../images/100-main-colum-FadeOutLine.png) no-repeat left bottom; } #t100 .mainAndSidebarWrap .mainContent { width: 698px; } #t100 .mainAndSidebarWrap .mainBottom { width: 700px; background: url(../images/100-main-colum-bottom.png) no-repeat left top; } #t100 .mainAndSidebarWrap .mainContentPadded { width: 660px; } #t100 .mainAndSidebarWrap .mainContentPadded .search { margin-top: 15px; margin-right: 200px; } #t100 .mainAndSidebarWrap .mainContentPadded .search .searchLeft { float: left; height: 27px; width: 15px; margin-top: 4px; background: url(../images/100-search-bg-left.png); } #t100 .mainAndSidebarWrap .mainContentPadded .search .searchBox { float: left; height: 27px; width: 300px; margin-top: 4px; margin-right: -4px; background: url(../images/100-search-bg-repeat.png) repeat-x; font-size: 14px; color: #000; padding-top: 5px; } #t100 .mainAndSidebarWrap .mainContentPadded .search .searchSubmit { float: left; height: 35px; width: 42px; background: url(../images/100-search-btn.png) no-repeat left top; text-indent: -900em; cursor: pointer; clear: right; } #t100 .mainAndSidebarWrap .mainContentPadded .searchCriterias { clear: left; margin: 10px 0 20px; float: left; } #t100 .mainAndSidebarWrap .mainContentPadded .searchCriterias label { font: bold 12px/12px arial; } #t100 .mainAndSidebarWrap .mainContentPadded .criteria { float: left; margin: 0px 15px 0px 5px; } #t100 .mainAndSidebarWrap .searchCategories { padding: 6px 0px 0px 50px; float: left; width: 649px; background: url(../images/100-black-category-bg.jpg) no-repeat left top; height: 30px; color: #ffffff; } #t100 .mainAndSidebarWrap .mainContentPadded .category { position: relative; top: 2px; } #t100 .mainAndSidebarWrap .searchResults { color: #555555; float: left; padding-left: 8px; } #t100 .mainAndSidebarWrap .searchResults strong { color: #000000; } #t100 .mainAndSidebarWrap .searchResults .searchResultBoxHeader { font-size: 14px; text-align: center; padding: 15px 0px; } /* T100 End */ /* T300 Start start with main container */ #t300 .serviceCenterAddresses { width: 400px; position: relative; margin-top: 15px; } #t300 .serviceCenterAddresses h4 { margin-bottom: 10px; } #t300 .serviceCenterAddresses .serviceSelect { width: 300px; position: relative; left: -2px; } .timeTable { float: left; font-size: 12px; width: 516px; margin-left: 1px; } .timeTable thead { } .timeTable thead tr { width: 517px; height: 32px; background: url(../images/0-horisontal-devideLine-twoColor.gif) scroll repeat-x left bottom; } .timeTable thead tr th { width: 100px; font-weight: bold; } .timeTable thead tr th.stName { width: 180px; padding-left: 20px; padding-top: 7px; } .timeTable tbody { width: 517px; } .timeTable tbody tr { width: 517px; height: 31px; background: url(../images/300-timeTable-background.jpg) scroll repeat-x; } .timeTable tbody tr.selected { background: url(../images/300-timeTable-selected-background.jpg) scroll repeat-x; } .timeTable tbody tr td { width: 100px; padding-top: 10px; background: none; } .timeTable tbody tr td.stName { width: 180px; padding-left: 20px; } /* T300 sidebar */ #t300 .contactInputField { width: 200px; margin: 15px 0px 0px 0px; } #t300 .contactInputField .genericInputField { width: 180px; margin: 0 0 10px; } #t300 .rightWrap .serviceSelectRadio span { margin-left: 5px; } /* T300 End*/ /* T400 */ #t400 .siteMapLeft { width: 238px; margin-top: 10px; float: left; } .siteMapRight { width: 238px; margin-top: 10px; float: right; } #t400 .siteMapLeft h5, .siteMapRight h5 { margin: 10px 0px; } #t400 .siteMapLeft a, .siteMapRight a { font-size: 12px; color: #000; line-height: 16px; margin: 0px 15px; display: block; } #t400 .siteMapLeft a:hover, .siteMapRight a:hover { color: #555; } #t400 .siteMapLeft ul li a, .siteMapRight ul li a { margin: 0px 30px; display: inline; } #t400 .H-devideLine { margin-left: 10px; width: 218px; } /* T1000 Start */ #t1000.contentWrapper { margin-top: 33px; } .t1000WhatDoYouNeed { position: absolute; top: -314px; right: -6px; width: 233px; height: 263px; background: url(../images/1000-bg-whatdoyouneed.png); } .t1000WhatDoYouNeed h4 { margin: 30px 0 5px 30px; } .t1000WhatDoYouNeedContent { margin: 15px 0 0 20px; float: left; } .t1000CarouselHeading { position: absolute; top: -20px; left: 10px; } .t1000Carousel { background: transparent url(../images/1000-bg-carousel.png); width: 949px; height: 154px; margin-left: -4px; } .t1000Carousel .menu { margin: 7px 0 0 5px; float: left; width: 158px; height: 133px; } .t1000Carousel .menu ul { margin: 15px 0 0 5px; width: 145px; } .t1000Carousel .menu li { display: block; width: 145px; height: 26px; background: url(../images/1000-menu-hr.gif) no-repeat 3px bottom; } .t1000Carousel .menu a { color: #333; padding-top: 4px; text-indent: 15px; display: block; width: 145px; height: 23px; background: url(../images/1000-arrow-carousel.png) no-repeat -9999px; } .t1000Carousel .menu li.selected a, .t1000Carousel .menu li.selected a:hover { background-position: left -3px; color: #fff; } .t1000Carousel .menu a:hover { color: #000; } .t1000Carousel .scroll { float: left; margin: 20px 0 0 20px; width: 750px; height: 135px; } .t1000Carousel .prevPage, .t1000Carousel .nextPage { float: left; margin-top: 45px; display: block; width: 19px; height: 22px; text-indent: -9999em; background-repeat: no-repeat; } .t1000Carousel .prevPage { margin-right: 6px; background-image: url(../images/0-btn-scroll-left.png); } .t1000Carousel .nextPage { margin-left: 6px; background-image: url(../images/0-btn-scroll-right.png); } .t1000Carousel .nextPage:hover, .t1000Carousel .prevPage:hover { background-position: left center; } .t1000Carousel .disabled, .t1000Carousel .disabled:hover { background-position: left bottom; cursor: default; } /* Scrollable Phones Start */ .t1000Carousel #phones { } .t1000Carousel #scrollPhones { position: relative; overflow: hidden; float: left; height: 135px; width: 700px; } .t1000Carousel #scrollPhones .items { width: 9999em; position: absolute; } .t1000Carousel #scrollPhones .items div { position: relative; float: left; height: 135px; width: 175px; } .t1000Carousel #scrollPhones .phone { position: absolute; bottom: 0; left: 0; } .t1000Carousel #scrollPhones .productTitle { position: relative; margin-top: 25px; left: 70px; width: 95px; line-height: 15px; font-size: 12px; } .t1000Carousel #scrollPhones .price { position: relative; margin-top: 5px; left: 70px; font-size: 20px; font-weight: bold; } .t1000Carousel #scrollPhones .buttons { position: absolute; bottom: 5px; left: 70px; } /* Scrollable Phones End */ /* Scrollable Subscriptions Start */ .t1000Carousel #subscriptions { display: none; } .t1000Carousel #scrollSubscriptions { position: relative; overflow: hidden; float: left; height: 135px; width: 700px; } .t1000Carousel #scrollSubscriptions .items { width: 9999em; position: absolute; } .t1000Carousel #scrollSubscriptions .items div { position: relative; float: left; height: 135px; width: 233px; } .t1000Carousel #scrollSubscriptions .box { position: absolute; bottom: 0; left: 0; } .t1000Carousel #scrollSubscriptions .productTitle { position: relative; margin-top: 25px; left: 105px; width: 95px; line-height: 15px; font-size: 12px; font-weight: bold; } .t1000Carousel #scrollSubscriptions .text { position: relative; margin-top: 5px; line-height: 14px; font-size: 11px; left: 105px; width: 120px; } .t1000Carousel #scrollSubscriptions .buttons { position: absolute; bottom: 5px; left: 105px; } /* Scrollable Subscriptions End */ /* Scrollable Bundles Start */ .t1000Carousel #bundles { display: none; } .t1000Carousel #scrollBundles { position: relative; overflow: hidden; float: left; height: 135px; width: 700px; } .t1000Carousel #scrollBundles .items { width: 9999em; position: absolute; } .t1000Carousel #scrollBundles .items div { position: relative; float: left; height: 135px; width: 233px; } .t1000Carousel #scrollBundles .box { position: absolute; bottom: 0; left: 0; } .t1000Carousel #scrollBundles .productTitle { position: relative; margin-top: 25px; left: 105px; width: 95px; line-height: 15px; font-size: 12px; font-weight: bold; } .t1000Carousel #scrollBundles .text { position: relative; margin-top: 5px; line-height: 14px; font-size: 11px; left: 105px; width: 120px; } .t1000Carousel #scrollBundles .buttons { position: absolute; bottom: 5px; left: 105px; } /* Scrollable Bundles End */ /* Scrollable Accessories Start */ .t1000Carousel #accessories { display: none; } .t1000Carousel #scrollAccessories { position: relative; overflow: hidden; float: left; height: 135px; width: 700px; } .t1000Carousel #scrollAccessories .items { width: 9999em; position: absolute; } .t1000Carousel #scrollAccessories .items div { position: relative; float: left; height: 135px; width: 233px; } .t1000Carousel #scrollAccessories .accessory { position: absolute; bottom: 0; left: 0; } .t1000Carousel #scrollAccessories .productTitle { position: relative; margin-top: 25px; left: 125px; width: 95px; line-height: 15px; font-size: 12px; } .t1000Carousel #scrollAccessories .price { position: relative; margin-top: 5px; left: 125px; font-size: 20px; font-weight: bold; } .t1000Carousel #scrollAccessories .buttons { position: absolute; bottom: 5px; left: 125px; } /* Scrollable Accessories End */ .t1000PlusCarouselHeading { margin: 30px 0 10px 10px; } .t1000CarouselPlus { position: relative; width: 940px; height: 105px; } .t1000CarouselPlus .prevPage, .t1000CarouselPlus .nextPage { position: absolute; float: left; display: block; width: 11px; height: 16px; text-indent: -9999em; top: 35px; background-repeat: no-repeat; } .t1000CarouselPlus .prevPage { left: 25px; background-image: url(../images/1000-btn-footer-scroll-left.png); } .t1000CarouselPlus .nextPage { right: 25px; background-image: url(../images/1000-btn-footer-scroll-right.png); } .t1000CarouselPlus .nextPage:hover, .t1000CarouselPlus .prevPage:hover { background-position: left center; } .t1000CarouselPlus .disabled, .t1000CarouselPlus .disabled:hover { background-position: left bottom; cursor: default; } .t1000CarouselPlus #plus { position: relative; overflow: hidden; width: 805px; height: 90px; float: left; left: 67px; } .t1000CarouselPlus #plus .items { width: 9999em; position: absolute; } .t1000CarouselPlus #plus .items div { position: relative; float: left; height: 90px; width: 120px; } .t1000CarouselPlus #plus .items div a { display: block; width: 70px; height: 70px; margin-top: 7px; margin-left: 5px; } .t1000CarouselPlus #plus .items div img { position: absolute; left: 0px; bottom: 0; } /* HR Start */ .t1000WhatDoYouNeed .login .top { position: absolute; width: 179px; top: 25px; left: 28px; } .t1000WhatDoYouNeed .login .bottom { position: absolute; width: 179px; top: 105px; left: 28px; } .t1000WhatDoYouNeed .login .hr { position: absolute; top: 90px; left: 8px; background: transparent url(../images/1000-hr.gif) no-repeat; width: 218px; height: 2px; } .t1000WhatDoYouNeed .login h4 { margin: 0; line-height: 20px; } .t1000WhatDoYouNeed .login p { line-height: 15px; font-size: 11px; background-repeat: repeat-x; } .t1000WhatDoYouNeed .top img { position: absolute; right: -10px; top: 10px; width: 45px; } .t1000WhatDoYouNeed .top h4 { width: 150px; } .t1000WhatDoYouNeed .login .bottom p { margin-bottom: 5px; } .t1000WhatDoYouNeed .login .genericInputField { float: left; width: 69px; } .t1000WhatDoYouNeed .login .margin { margin-right: 25px; } .t1000WhatDoYouNeed .login .btnBlack { margin-top: 10px; float: right; right: 0; } /* HR End */ /* T1000 End */ /* T1100 Start */ #t1100 .topBannerArea { position: relative; height: 275px; } #t1100 .topBannerArea img.largeProduct { position: absolute; top: 0; right: 0; } #t1100 .topBannerArea .leftTextArea { padding: 37px 10px 10px 10px; width: 320px; } /* T1100 End */ /* T1110 Start */ #t1110 .topBannerArea { position: relative; height: 296px; } #t1110 .topBannerArea img.largeProduct { position: absolute; top: 0; right: 0; } #t1110 .topBannerArea .leftTextArea { padding: 37px 10px 10px 10px; width: 330px; } #t1110 .topBannerArea .leftTextArea h1 { margin-bottom: 8px; } /* T1110 End */ /* T1111 Start */ #t1111 .topBannerArea { height: 400px; } #t1111 .largeTopImageArea { float: left; width: 260px; margin-left: -15px; } #t1111 .topRightArea { float: left; width: 515px; } .topRightAreaText { float: left; width: 325px; } #t1111 .topRightAreaText h1 { margin-bottom: 10px; } #t1111 .topRightAreaText p { font-size: 12px; margin-bottom: 15px; line-height: 17px; } #t1111 .topRightAreaImage { position: relative; float: right; width: 190px; } #t1111 .topRightAreaImage img { position: absolute; top: 0; right: 0; } #t1111 .subscriptionContainer, #t1111 .subscriptionContainerLast { float: left; width: 147px; padding-right: 36px; margin-top: 60px; position: relative; } #t1111 .subscriptionContainer ul, #t1111 .subscriptionContainerLast ul { margin-bottom: 44px; } #t1111 .subscriptionContainer .background, #t1111 .subscriptionContainerLast .background { display: block; background: url(../images/1111-subscription-header-bg.png) no-repeat; width: 138px; height: 43px; padding: 4px 0 0 23px; margin-left: -7px; } #t1111 .subscriptionContainer h3, #t1111 .subscriptionContainerLast h3 { font-size: 20px; color: #fff; } #t1111 .subscriptionContainerLast { float: right; padding-right: 0px; } #t1111 .btns { position: absolute; left: 0px; bottom: 0; } #t1111 .genericCarousel { margin-bottom: 0; } /* T1111 End */ /* T11111 Start */ #t11111 .topLeftArea { margin-left: 20px; position: relative; float: left; width: 340px; height: 300px; } #t11111 .topLeftArea h1 { margin-bottom: 5px; } #t11111 .topLeftArea h2 { margin-bottom: 20px; } #t11111 .topLeftArea li { font-size: 12px; } #t11111 .subscriptions { position: absolute; bottom: 0; } #t11111 .subscriptions h4 { margin-bottom: 12px; } #t11111 .subscriptions a { margin-right: 20px; } #t11111 .topRightArea { position: relative; float: left; width: 350px; } #t11111 .topRightArea .btnGreenBig { position: absolute; bottom: 10px; right: 10px; } #t11111 #tabBox { margin-bottom: 25px; margin-top: 10px; } #t11111 #tabBox p { font-size: 12px; line-height: 16px; margin-bottom: 15px; } #t11111 #tabBox .textLeft { display: block; width: 470px; float: left; } #t11111 #tabBox .stripe { display: block; width: 2px; height: 243px; position: absolute; left: 515px; top: -14px; float: left; background: transparent url(../images/0-stripe.png) repeat-y; } #t11111 #tabBox .productRight { float: right; width: 247px; height: 220px; margin-right: -18px; } #t11111 #tabBox #productScroll { overflow: hidden; position: relative; display: block; width: 247px; height: 190px; } #t11111 #tabBox #productScroll .items { width: 9999em; position: absolute; } #t11111 #tabBox #productScroll .items div { position: relative; float: left; width: 247px; height: 190px; } #t11111 #tabBox #productScroll .phone { position: absolute; top: 25px; left: 25px; } #t11111 #tabBox #productScroll .bubble { position: absolute; top: 0; left: 115px; } #t11111 #tabBox #productScroll .text { display: block; width: 110px; top: 100px; position: absolute; left: 115px; } #t11111 #tabBox #productScroll .btnGreen { bottom: 5px; position: absolute; left: 115px; } #t11111 #tabBox .navi { margin: 10px 0 0; display: block; width: 247px; text-align: center; height: 12px; } #t11111 #tabBox .navi a { background: url(../images/0-btn-scrollable-page-navigation.png) no-repeat; display: inline-block; margin-right: 10px; width: 14px; height: 12px; } #t11111 #tabBox .navi a.active, #t11111 #tabBox .navi a:hover { background-position: left bottom; } #t11111 .genericCarousel { margin-bottom: 0; } #t11111-lightbox { margin: 0; } #t11111-lightbox table { margin-left: 1px; } #t11111-lightbox .middle .inner { padding: 40px 0px; padding-bottom: 15px; } #t11111-lightbox .label { width: 230px; text-align: left; padding-left: 10px; vertical-align: middle; height: 36px; font-size: 11px; font-family: Arial; font-weight: normal; } #t11111-lightbox .odd { background: url(../images/11111-odd-table-background.png) repeat-x left bottom; } #t11111-lightbox td { width: 140px; font-size: 12px; font-family: Arial; text-align: center; vertical-align: middle; font-weight: bold; } #t11111-lightbox th { font-size: 12px; font-family: Arial; text-align: center; } #t11111-lightbox td, #t11111-lightbox th { border-left: 1px solid #d6d6d6; border-bottom: 1px solid #d6d6d6; } #t11111-lightbox thead tr.first th, #t11111-lightbox tfoot tr td { border-left: none; padding-bottom: 7px; border-bottom: none; } #t11111-lightbox thead tr.second th { border-top: 1px solid #d6d6d6; } #t11111-lightbox thead tr.second .placeHolder { margin-top: 2px; } #t11111-lightbox tfoot td { padding-top: 10px; text-align: left; padding-left: 27px; width: 110px; } #t11111-lightbox .printThisPage { background: transparent url(../images/11111-print-this-page.png) no-repeat scroll left top; display: block; float: right; font-size: 0; height: 35px; line-height: 0; margin-right: 25px; margin-top: 5px; text-indent: -10000px; width: 125px; } /* HR Start */ #t11111 .topRightArea .badge { position: absolute; top: 80px; left: 240px; } #t11111 .mobilHeroHead { width: 700px; height: 70px; } #t11111 .mobilHeroHead h5 { margin-left: 32px; padding-bottom: 10px; } #t11111 .mobilHeroHead input { } #t11111 .mobilHeroHead label { font: bold 12px/12px Arial; } #t11111 .mobilHeroHead .spacer { margin-left: 30px; margin-top: 20px; } #t11111 .mobilHeroHead .btnBlackOversized { float: right; margin-top: -25px; margin-right: -35px; } #t11111 .mobilHero { font: normal 11px/16px Arial; width: 759px; border-left: none; border-right: none; } #t11111 .mobilHero tr { height: 36px; border: 1px solid #cfcfcf; } #t11111 .mobilHero tr td { height: 24px; border: 1px solid #cfcfcf; padding-top: 11px; } #t11111 .mobilHero tr th { height: 24px; border: 1px solid #cfcfcf; border-left: 0; padding-top: 11px; } #t11111 .mobilHero thead { } #t11111 .mobilHero thead tr { } #t11111 .mobilHero thead tr th { text-align: center; border-left: none; border-right: none; } #t11111 .mobilHero thead tr td { text-align: center; } #t11111 .mobilHero tbody { font-weight: bold; } #t11111 .mobilHero tbody tr { } #t11111 .mobilHero tbody tr td { text-align: center; } #t11111 .mobilHero tbody tr th { text-align: left; padding-left: 20px; } #t11111 .mobilHero tbody tr th span { color: Red; } #t11111 .mobilHero tr .odd { text-align: left; padding-left: 20px; background: url(../images/11111-odd-table-background.png) repeat-x left bottom; } #t11111 .mobilHero tfoot { border: none; } #t11111 .mobilHero tfoot tr { border: none; } #t11111 .mobilHero tfoot tr td { text-align: center; border: none; padding-left: 67px; } #t11111 .mobilHeroFoot { width: 600px; margin: 40px 0 20px 15px; } #t11111 #tabBox .mobilHeroFoot p { font: normal 10px/16px Arial; } #t11111 .mobilHero .btnBlack { margin-top: -5px; margin-left: 12px; } /* HR End */ /* T11111 End */ /* T1150 Start*/ #t1150 .topBannerArea { height: 300px; } #t1150 .topBannerArea .leftTextArea { padding: 40px 10px 14px 26px; width: 284px; } #t1150 .topBannerArea .leftTextArea h1 { } #t1150 .topBannerArea .leftTextArea h2 { } #t1150 .topBannerArea img.largeProduct { position: absolute; top: 55px; right: 65px; } #t1150 .topBannerArea .btnInfoMedium { position: absolute; left: 210px; top: 260px; } #t1150 .topBannerArea .btnBuyMedium { position: absolute; left: 251px; top: 260px; } .pushBoxOuter, .pushBoxCenter { width: 252px; height: 220px; float: left; position: relative; top: -14px; } .pushBoxOuter img, .pushBoxCenter img { position: absolute; bottom: 0px; left: 0px; } .pushBoxOuter { border-bottom: 1px solid #cfcfcf; } .pushBoxCenter { border: 1px solid #cfcfcf; border-top: none; } .pushBoxOuter .btnSmallRoundArrow, .pushBoxCenter .btnSmallRoundArrow { position: absolute; right: 15px; bottom: 2px; } /* T1150 End*/ /* T1200 Start */ #t1200 .topBannerArea { height: 280px; } #t1200 .topBannerArea .leftTextArea { padding: 27px 10px 14px 26px; width: 260px; } #t1200 .topBannerArea img.largeProduct { position: absolute; top: 37px; right: 0; } /* T1200 End */ /* T1210 Start */ #t1210 .topBannerArea { height: 300px; } #t1210 .topBannerArea .leftTextArea { padding: 27px 10px 14px 28px; width: 338px; } #t1210 .topBannerArea img.largeProduct { position: absolute; top: 32px; right: 0; } .innerTop.fullSizeImg { padding: 1px 0 0 6px; } /* T1210 End */ /* T1120 Start */ .searchFilterBox { position: relative; height: 238px; width: 761px !important; width: 762px; background: url(../images/0-gridBox-bottom.png) no-repeat center center; border-top: 1px solid #cfcfcf; } .searchFilterBox .searchFilterBoxTopLeft { position: absolute; top: -1px; left: 0px; height: 13px; width: 16px; background: #fff url(../images/0-gridBox-top-left.gif) no-repeat right top; } .searchFilterBox .searchFilterBoxTopRight { position: absolute; top: -1px; right: 0px; height: 13px; width: 15px; background: #fff url(../images/0-gridBox-top-right.gif) no-repeat right top; } .searchFilterBox .searchFilterBoxCol { float: left; width: 233px; margin: 15px 0 0 20px; line-height: 25px; font-size: 12px; } .searchFilterBox .sfbcCol { float: left; width: 49%; } .searchFilterBox .btnBlackBig { position: absolute; bottom: 0; right: 35px; } #filteredResultContainer { display: none; } .gridBox { width: 100%; } .gridBoxTop { position: relative; height: 55px; border: 1px solid #cfcfcf; } .gridBoxTopLeft { position: absolute; top: -1px; left: -1px; height: 13px; width: 15px; background-image: url(../images/0-gridBox-top-left.gif); } .gridBoxTopRight { position: absolute; top: -1px; right: -1px; height: 13px; width: 15px; background-image: url(../images/0-gridBox-top-right.gif); } .gridBoxTopHeading { margin: 20px; } .gridBoxContent .gridBoxItem { position: relative; float: left; height: 221px; width: 252px; border-bottom: 1px solid #cfcfcf; border-left: 1px solid #cfcfcf; } .gridBoxContent .gridBoxItemRight { border-right: 1px solid #cfcfcf; } .gridBoxContent .gridBoxItem h4 { position: absolute; top: 15px; left: 20px; } .gridBoxContent .gridBoxItem .phone { position: absolute; bottom: 0px; left: 15px; } .gridBoxContent .gridBoxItem .description { position: absolute; bottom: 50px; left: 100px; width: 140px; font-size: 12px; line-height: 15px; color: #333; } .gridBoxContent .gridBoxItem .btns { position: absolute; bottom: 4px; left: 135px; } .moreInfo { background: transparent url(../images/11111-more-info.png) no-repeat scroll left top; display: block; height: 33px; text-indent: -10000px; width: 77px; font-size: 0; line-height: 0; } .moreInfo:hover { background-position: left bottom; } .grodBoxContent .gridBoxItem .moreInfo:hover { } .gridBoxContent .gridBoxBottom { background: url(../images/0-gridBox-bottom.png) no-repeat bottom; height: 238px; width: 760px; } .gridBoxContent .gridBoxBottom .gridBoxItem { border: none; } /* T1120 End */ /* T1120-HR Start */ .sfbcListBy { width: 200%; } .sfbcListByLabel { width: 50%; float: right; } /* T1120-HR End */ /* T200 "404Page"*/ .header404 { width: 940px; height: 295px; position: relative; } .header404 .headerContent { width: 410px; position: absolute; top: 80px; right: 30px; } .header404 .headerContent h1 { } .header404 .headerContent h4 { margin-top: 10px; } .header404 img { position: absolute; top: 80px; left: 10px; } .siteMap404 { width: 940px; } .siteMap404Top { width: 940px; height: 12px; background: url(../images/200-404pageSiteMapBg-top.png) no-repeat left bottom; } .siteMap404body { width: 938px; background: url(../images/200-404pageSiteMapBg-repeat.png) repeat-x left bottom; border: solid 1px #e1e1e1; border-top: none; border-bottom: none; } .siteMap404OutLine { width: 938px; background: url(../images/200-404pageSiteMapBg-outlines.png) no-repeat left bottom; } .siteMap404content { width: 936px; margin-left: 2px; position: relative; background: url(../images/200-404-sitemapDevideLine.png) repeat-y left top; } .siteMap404PartColum { width: 186px; height: 100%; float: left; border-right: 1px solid #e1e1e1; position: relative; top: -11px; } .siteMap404PartColum h4 { margin: 25px 0px 10px 20px; } .siteMap404PartColum a { font-size: 12px; color: #000; line-height: 25px; margin: 0px 0px 0px 22px; display: block; } .siteMap404PartColum a:hover { color: #555; } .siteMap404content .siteMap404LastPartColum { border: none; } .siteMap404foot { width: 940px; height: 31px; background: url(../images/200-404pageSiteMapBg-bottom.png) no-repeat left top; } /* T200 END */ /* T1120 End */ /* T1130 */ #t1130 .topBannerArea img.largeProduct { float: right; margin-right: 100px; } #t1130 .leftTextArea { float: left; position: relative; left: 30px; top: 40px; width: 335px; } .gridBoxContent .gridBoxItem .description { left: auto; right: 5px; width: 110px; } /* T1130 End */ /* T3110 */ #t3110 .H-devideLine { margin-left: 10px; width: 218px; } /* T3110 End */ /* T600 */ #t600 .article { font-size: 12px; } #t600 .article img { float: left; margin-right: 12px; } #t600 hr { color: #cfcfcf; background-color: #cfcfcf; border: 0; border-bottom: 1px solid #fff; height: 2px; margin: 19px 0; } #t600lightbox img { float: left; margin-right: 20px; } #t600lightbox .middle .inner div { float: left; width: 385px; } /* T600 End */ /* T3000 Start */ #t3000 .mainAndSidebarWrap .mainContentPadded .search { margin-top: 15px; } #t3000 .mainAndSidebarWrap .mainContentPadded .search .searchLeft { float: left; height: 27px; width: 15px; margin-top: 4px; background: url(../images/100-search-bg-left.png); } #t3000 .mainAndSidebarWrap .mainContentPadded .search .searchBox { float: left; height: 27px; width: 300px; margin-top: 4px; margin-right: -4px; background: url(../images/100-search-bg-repeat.png) repeat-x; font-size: 14px; color: #000; padding-top: 5px; } #t3000 .mainAndSidebarWrap .mainContentPadded .search .searchSubmit { float: left; height: 35px; width: 42px; background: url(../images/100-search-btn.png) no-repeat left top; text-indent: -900em; cursor: pointer; clear: right; font-size: 0; } #t3000 .mainAndSidebarWrap .mainContentPadded .searchCriterias { clear: left; margin: 10px 0 20px 0px; float: left; } #t3000 .mainAndSidebarWrap .mainContentPadded .searchCriterias label { font: bold 12px/12px Arial; } #t3000 .mainAndSidebarWrap .mainContentPadded .criteria { float: left; margin: 0px 15px 0px 5px; } #t3000 .accordion502 .partContent .part strong a { font: bold 11px/14px Arial; color: #000; text-decoration: none; } #t3000 .accordion502 .partContent .part p a { font: normal 11px/14px Arial; color: #555; width: 450px; text-decoration: none; } #t3000 .accordion502 .partContent .part p a:hover { color: #000; } #t3000 .mainAndSidebarWrap .searchResults { color: #555555; float: left; margin-left: 8px; } #t3000 .mainAndSidebarWrap .searchResults strong { color: #000000; } /* T3000 End */ /* T3000 Start-customer-service */ #t3000cs .leftTopPart, #t3000cs .rightTopPart { position: relative; width: 309px; margin-top: 20px; float: left; } #t3000cs .leftTopPart { padding: 0px 20px 20px 0px; height: 110px; z-index: 500; } #t3000cs .rightTopPart { border-left: 1px solid #e1e1e1; padding: 0px 0px 20px 20px; } #t3000cs .topPartLR { border-bottom: 1px solid #e1e1e1; float: left; margin-bottom: 20px; } #t3000cs .navigationSearchBox { width: 265px; } #t3000cs .navigationSearch { float: left; top: 25px; left: 0px; } #t3000cs .radioBtnsAsk { position: absolute; left: 0px; top: 60px; } #t3000cs .radioBtnsAsk label { font: bold 12px/12px Arial; color: #000; margin-left: 4px; margin-right: 10px; } #t3000cs .radioBtnsAsk p em { font: italic 12px/12px Arial; color: #000; position: relative; top: 10px; } #t3000cs .contactInputField { margin: 15px 0 0; width: 200px; } #t3000cs .contactInputField .genericInputField { margin: 0 0 10px; width: 180px; } #t3000cs .serviceSelectRadio .jquery-radiobutton { margin-left: 10px; } #t3000cs .inputSubmit { margin-bottom: 10px; } #t3000cs .inputSubmit .input { width: 130px; } #t3000cs dl dt { font: bold italic 12px/14px Arial; margin-bottom: 15px; padding-left: 10px; background: url(../images/0-blue-arrow-7.png) no-repeat left top; } #t3000cs dl dt a { color: #0085b4; } #t3000cs dl dt.active { margin-bottom: 5px; background-position: left bottom; } #t3000cs dl dd { font: normal 11px/14px Arial; display: none; margin-bottom: 15px; padding-left: 10px; } #t3000cs dl dd.active { display: block; } #t3000cs .popupLayer { display: none; position: absolute; z-index: 500; top: 24px; left: 15px; padding: 35px 20px; width: 360px; /* 400 - 20 - 20*/ height: 340px /* 410 - 35 - 35 */; background: url(../images/3000-popup-layer-bg.png) no-repeat left top; color: #FFF; } #t3000cs .popupLayer H4 { margin-bottom: 7px; } #t3000cs .popupLayer H4 span { color: #757575; font-size: 14px; } #t3000cs .popupLayer ul li { margin-bottom: 5px; } #t3000cs .popupLayer ul li a { color: #bbb; font-size: 11px; } #t3000cs .popupLayer ul li a span { color: #35bbeb; } #t3000cs .popupLayer .btnGrey22 { margin-top: 15px; } #t3000cs .popupLayer HR { background-color: #3c3c3c; color: #3c3c3c; border: 0; height: 1px; margin: 15px 0; } /* T3000 End */ .btnGrey22 { background: url(../images/0-btn-grey-right-21-bg.png) no-repeat right top; display: block; float: left; height: 21px; padding-right: 10px; } .btnGrey22 span { background: url(../images/0-btn-grey-left-21-bg.png) no-repeat left top; display: block; height: 21px; line-height: 21px; padding-left: 10px; color: #0085b4; font-size: 12px; font-weight: bold; } /* T3100 */ #t3100 .intro { float: right; margin-left: 20px; } #t3100 dl { margin-top: 10px; } #t3100 dl dt { font: bold 12px/14px Arial; margin-bottom: 15px; padding-left: 10px; background: url(../images/0-blue-arrow-7.png) no-repeat left top; } #t3100 dl dt a { color: #0085b4; } #t3100 dl dt.active { margin-bottom: 5px; background-position: left bottom; } #t3100 dl dd { font: normal 11px/14px Arial; display: none; margin-bottom: 15px; padding-left: 10px; } #t3100 dl dd.active { display: block; } #t3100 .contactInputField { margin: 15px 0 0; width: 200px; } #t3100 .contactInputField .genericInputField { margin: 0 0 10px; width: 180px; } #t3100 .serviceSelectRadio .jquery-radiobutton { margin-left: 10px; } #t3100 .inputSubmit { margin-bottom: 10px; } #t3100 .inputSubmit .input { width: 130px; } /* T3100 END */ /* T3160 */ #t3160 .tabWraper { float: left; } #t3160 .tabWraper .article { margin: 10px 10px 0px 30px; } #t3160 .tabWraper hr { width: 100%; border: none; height: 2px; border-bottom: 1px solid #fff; border-top: 1px solid #cfcfcf; } #t3160 .tabWraper .shadowedTabs .ui-tabs-panel { width: 516px; padding: 18px 0 0 1px; } #t3160 .topContinerImg { width: 478; height: 100px; position: relative; } #t3160 .topContinerImg img { position: absolute; right: 20px; top: 25px; } #t3160 .serviceSelectRadio label { margin-right: 20px; } #t3160 dl { margin: 18px 10px 0 30px; } #t3160 dl dt { font: bold normal 12px/10px Arial; margin-bottom: 15px; padding-left: 15px; background: url(../images/3160-ddList-arrow.png) no-repeat left top; } #t3160 dl dt a { color: #000; } #t3160 dl dt.active { margin-bottom: 5px; background-position: left bottom; } #t3160 dl dd { font: normal 11px/17px Arial; display: none; margin-bottom: 20px; padding-left: 10px; } #t3160 dl dd.active { display: block; } #t3160 .btnSmallRoundArrow16 { display: block; margin-top: 5px; } #t3160 .lightLine { border: none; width: 100%; margin: 0 0 35px 0; border-bottom: solid 1px #fff; border-top: solid 1px #cfcfcf; } #t3160 .contactInputField { width: 180px; } #t3160 .contactInputField .genericInputField { margin: 10px 0 0 0; } #t3160 .tabWraper .article { margin: 10px 0 0 0; } #t3160 .tabWraper h4 { margin-left: 30px; } #t3160 .topddList { margin-top: 13px; } #t3160 .topddList ul { margin: 0 0 20px 20px; } #t3160 .topddList ul li { display: inline; margin-right: 8px; } #t3160 .topddList ul li a { display: inline; } #t3160 .topddList ul li h6 { display: inline; font: bold 12px/12px Arial; } #t3160 .ddListFooter { width: 507px; height: 35px; } #t3160 .ddListFooter a { display: block; margin: 16px 0 0 0; float: right; width: 67px; height: 12px; text-decoration: none; text-indent: -9999em; background: url(../images/0-back-to-top.png) left top; } #t3160 .ddListFooter a:hover { } #t3160 .serviceSelectRadio .jquery-radiobutton { margin-left: 10px; } /* T3160 End*/ /* T21111 Start */ #t21111 .genericCarousel { margin-bottom: 92px; } #t21111 .topLeftArea { margin-left: 20px; position: relative; float: left; width: 380px; height: 300px; } #t21111 .topLeftArea h1 { margin-bottom: 15px; } #t21111 .topLeftArea li { font-size: 12px; } #t21111 .subscriptions { position: absolute; bottom: 0; } #t21111.rightColumn { margin-top: 40px; } #t21111 .subscriptions h4 { margin-bottom: 12px; } #t21111 .subscriptions a { margin-right: 20px; } #t21111 .topRightArea { position: relative; float: left; width: 350px; } #t21111 .topRightArea .btnGreenBig { position: absolute; bottom: 20px; left: 210px; } #t21111 #tabBox { margin-bottom: 25px; margin-top: 10px; } #t21111 #tabBox p { font-size: 12px; line-height: 16px; margin-bottom: 15px; } #t21111 #tabBox .textLeft { display: block; width: 470px; float: left; } #t21111 #tabBox .stripe { display: block; width: 2px; height: 243px; position: absolute; left: 515px; top: -14px; float: left; background: transparent url(../images/0-stripe.png) repeat-y; } #t21111 #tabBox .productRight { float: right; width: 247px; height: 220px; margin-right: -18px; } #t21111 #tabBox #productScroll { overflow: hidden; position: relative; display: block; width: 247px; height: 190px; } #t21111 #tabBox #productScroll .items { width: 9999em; position: absolute; } #t21111 #tabBox #productScroll .items div { position: relative; float: left; width: 247px; height: 190px; } #t21111 #tabBox #productScroll .phone { position: absolute; top: 25px; left: 25px; } #t21111 #tabBox #productScroll .bubble { position: absolute; top: 0; left: 115px; } #t21111 #tabBox #productScroll .text { display: block; width: 110px; top: 100px; position: absolute; left: 115px; } #t21111 #tabBox #productScroll .btnGreen { bottom: 5px; position: absolute; left: 115px; } #t21111 #tabBox .navi { margin: 10px 0 0; display: block; width: 247px; text-align: center; height: 12px; } #t21111 #tabBox .navi a { background: url(../images/0-btn-scrollable-page-navigation.png) no-repeat; display: inline-block; margin-right: 10px; width: 14px; height: 12px; } #t21111 #tabBox .navi a.active, #t21111 #tabBox .navi a:hover { background-position: left bottom; } /* T21111 End */ /* T1131 Start */ #t1131 .topLeftArea { margin-left: 20px; position: relative; float: left; width: 300px; margin-right: 10px; margin-top: 10px; height: 290px; } #t1131 .topLeftArea h1 { margin-bottom: 5px; } #t1131 .topLeftArea h2 { margin-bottom: 20px; } #t1131 .topLeftArea p { font-size: 12px; } #t1131 .subscriptions { position: absolute; bottom: 0; } #t1131 .subscriptions h4 { margin-bottom: 12px; } #t1131 .subscriptions a { margin-right: 20px; } #t1131 .topRightArea { position: relative; float: left; width: 425px; height: 300px; } #t1131 .topRightArea img { position: absolute; bottom: 0; } #t1131 .topRightArea .btnGreenBig { position: absolute; bottom: 0; left: 310px; } #t1131 .topRightArea .thumbs { position: absolute; left: 310px; bottom: 110px; } #t1131 .topRightArea .thumbs img { position: relative; width: 32px; } #t1131 .topRightArea .thumbs li { width: 32px; height: 32px; margin-right: 5px; cursor: pointer; float: left; } #t1131 .topRightArea .thumbs span { display: block; width: 32px; height: 7px; background: transparent url(../images/0-arrow-up-black.png) no-repeat 10px; } #t1131 .topRightArea .thumbs li.selected { cursor: default; } #t1131 #tabBox { margin-bottom: 25px; margin-top: 25px; } #t1131 #tabBox p { font-size: 12px; line-height: 16px; margin-bottom: 15px; } #t1131 #tabBox .textLeft { display: block; width: 470px; float: left; } #t1131 #tabBox .stripe { display: block; width: 2px; height: 243px; position: absolute; left: 515px; top: -14px; float: left; background: transparent url(../images/0-stripe.png) repeat-y; } #t1131 #tabBox .productRight { float: right; margin-right: -19px; width: 247px; height: 220px; } #t1131 #tabBox #productScroll { overflow: hidden; position: relative; display: block; width: 247px; height: 190px; } #t1131 #tabBox #productScroll .items { width: 9999em; position: absolute; } #t1131 #tabBox #productScroll .items div { position: relative; float: left; width: 247px; height: 190px; } #t1131 #tabBox #productScroll .box { position: absolute; top: 25px; left: 0; } #t1131 #tabBox #productScroll .bubble { position: absolute; top: 0; left: 135px; } #t1131 #tabBox #productScroll .text { font-size: 11px; display: block; width: 105px; top: 100px; position: absolute; left: 135px; } #t1131 #tabBox #productScroll .btnGreen { bottom: 5px; position: absolute; left: 135px; } #t1131 #tabBox .navi { margin: 10px 0 0; display: block; width: 247px; text-align: center; height: 12px; } #t1131 #tabBox .navi a { background: url(../images/0-btn-scrollable-page-navigation.png) no-repeat; display: inline-block; margin-right: 10px; width: 14px; height: 12px; } #t1131 #tabBox .navi a.active, #t1131 #tabBox .navi a:hover { background-position: left bottom; } #t1131 .genericCarousel { margin-bottom: 20px; } /* T5200 */ #t5200 .formHolder { width: 420px; margin: 10px 0 0 0; position: relative; } #t5200 .formHolder .genericInputField { width: 300px; margin: 10px 0 0 0; } #t5200 .formFootCointer { width: 300px; margin-top: 10px; float: left; } #t5200 .formFootCointer2 { width: 420px; margin-top: 10px; float: left; } #t5200 .tekniskContainer { width: 470px; margin-left: 10px; height: 40px; position: relative; float: left; } #t5200 .tekniskContainer p { } #t5200 .tekniskContainer p label { margin-right: 20px; font-size: 12px; } #t5200 .tekniskContainer .btnGrey { position: absolute; right: 40px; top: 20px; } #t5200 .redStar { font-size: 17px; color: red; } #t5200 #redStar1 { position: absolute; top: 7px; right: 92px; } #t5200 #redStar2 { position: absolute; top: 40px; right: 92px; } #t5200 #redStar3 { position: absolute; top: 110px; right: 92px; } #t5200 #redStar4 { position: absolute; top: 144px; right: 92px; } #t5200 #redStar5 { position: absolute; top: 245px; right: 92px; } /* T5300 */ #t5300 .serviceSelectRadio label { margin-right: 20px; } #t5300 .serviceSelect1 { width: 190px; position: relative; top: 10px; left: 0px; float: left; height: 25px; } #t5300 .serviceSelect2 { width: 184px; margin: 10px 0px 0 0; float: left; height: 25px; } #t5300 .optionsContainer { width: 480px; position: relative; left: 0; height: 82px; } #t5300 .serviceSelect3 { float: left; width: 300px; height: 30px; } #t5300 .serviceSelect3 p label { margin-right: 20px; } #t5300 .serviceSelect4 { width: 77px; position: relative; float: right; margin: 10px 10px 0 0px; } #t5300 .contactInputField .genericInputField { margin: 10px 0 0 0; } #t5300 .contactInputField { width: 180px; } #t5300 .storeTable { width: 518px; float: left; margin: 0; padding: 0; } #t5300 .storeTable strong { font-size: 13px; font-weight: bold; } #t5300 .storeTable thead { width: 518px; height: 25px; } #t5300 .storeTable thead tr { width: 518px; background: url(../images/5300-table-bottom-border-repeat.jpg) repeat-x left bottom; } #t5300 .storeTable thead tr td { width: 146px; font-size: 13px; font-weight: bold; padding-bottom: 13px; padding-left: 20px; } #t5300 .storeTable tbody tr { height: 45px; width: 518px; background: url(../images/5300-table-repeat.jpg) repeat-x left bottom; } #t5300 .storeTable tbody tr.odd { height: 44px; width: 518px; background-color: #efefef; background: url(../images/5300-table-repeat-odd.jpg) repeat-x left top; } #t5300 .storeTable tbody tr td { height: 35px; padding-left: 20px; padding-top: 9px; font-size: 12px; font-weight: normal; } #t5300 .storeTable .storeTablePhone { width: 98px; } #t5300 .storeTable .storeTableTime { width: 180px; } #t5300 .storeTable .storeTableAdr { width: 180px; } #t5300 .serviceSelect1 .sb-top-wrap, #t5300 .serviceSelect2 .sb-top-wrap { width: 195px; } #t5300 .storeTableBottomLine { height: 2px; width: 518px; float: left; background: url(../images/5300-table-bottom-border-repeat.jpg) repeat-x left bottom; } /* T5100 */ #t5100 .tabWraper { float: left; } #t5100 .tabWraper .article { margin: 10px 10px 0px 30px; } #t5100 .tabWraper hr { width: 100%; border: none; height: 2px; border-bottom: 1px solid #fff; border-top: 1px solid #cfcfcf; } #t5100 .tabWraper .shadowedTabs .ui-tabs-panel { width: 516px; padding: 18px 0 0 1px; } #t5100 .topContinerImg { width: 478; height: 100px; position: relative; } #t5100 .topContinerImg img { position: absolute; right: 20px; top: 25px; } #t5100 .topContinerImg p { } #t5100 .contactInputField { width: 180px; } #t5100 .contactInputField .genericInputField { margin-top: 10px; } #t5100 .serviceSelectRadio label { margin-right: 20px; } #t5100 .tabWraper .article dl { } #t5100 .tabWraper .article dl dt { } #t5100 .tabWraper .article dl dd { } #t5300 .storeTableBottomLine { height: 2px; width: 518px; float: left; background: url(../images/5300-table-bottom-border-repeat.jpg) repeat-x left bottom; } /* MY PAGES SEPARATOR LINES START*/ span.twoColorsVertical { display: block; float: left; margin-top: 10px; width: 30px; height: 290px; background: transparent url(../images/0-hr-two-colors-vertical.gif) repeat-y center top; } span.twoColors { display: block; clear: both; border: none; height: 20px; width: 100%; background: transparent url(../images/0-hr-two-colors.gif) repeat-x left center; } /* MY PAGES SEPARATOR LINES END */ /* MY PAGES GENERIC START */ #stories div { margin-top: 10px; position: relative; height: 300px; float: left; width: 225px; } #stories h5 { margin-top: 10px; } #stories .btnArrowNoReflection { position: absolute; right: 0px; bottom: 0px; } .genericTableGreen { border-collapse: separate; text-align: left; width: 100%; font-size: 12px; font-family: Arial; border-bottom: solid 1px #fff; } .genericTableGreen .center { text-align: center !important; } .genericTableGreen .right { text-align: right !important; } .genericTableGreen .left { text-align: left !important; } .genericTableGreen th { text-align: inherit; padding-bottom: 10px; } .genericTableGreen .first { padding-left: 20px; } @-moz-document url-prefix() { .genericTableGreen .top td { height: 32px; } } .genericTableGreen .top td { border-top: solid 1px #cfcfcf; } .genericTableGreen td { height: 31px; background: transparent url(../images/0-table-td-bg-green.gif) repeat-x; vertical-align: middle; } .genericTableGreen .odd td { background-image: url(../images/0-table-td-bg-transparent.gif); } .genericTableGreen .bottom td { height: 32px; } /* MY PAGES GENERIC END */ /* T4000 START */ #t4000 .genericSidebarTopLink h5 a { padding: 15px 10px 0; } #t4000 .mainAndSidebarWrap .mainContent { margin-top: 10px; } #t4000 .mainAndSidebarWrap .mainBottom { margin-bottom: 20px; } #t4000 .ui-tabs { margin-top: 20px; } #t4000 #tab1.ui-tabs-panel { padding: 20px 0 0; } #t4000 #tab1 .top { position: relative; height: 250px; margin-top: 15px; padding: 0 5px; } #t4000 #tab1 .top h3, #t4000 #tab1 .top .introduction { width: 190px; } #t4000 #tab1 .infoBuy { position: absolute; bottom: 20px; left: 5px; } #t4000 #tab1 .offer { position: absolute; top: 20px; right: 10px; } #t4000 .accessoriesHeadline { margin: 7px 10px; } #t4000 #bottomBannersTwoColumns { display: block; width: 520px; height: 480px; background: transparent url(../images/4000-bottom-banners-2-columns-bg.png) no-repeat; } #bottomBannersTwoColumns .banner { position: relative; display: block; width: 260px; float: left; height: 235px; } #bottomBannersTwoColumns .banner img { position: absolute; top: 10px; left: 15px; } #bottomBannersTwoColumns .infoAdd { position: absolute; bottom: 5px; right: 10px; } /* T4000 END */ /* T4010 START */ #t4010 .genericSidebarTopLink h5 a { padding: 15px 10px 0; } #t4010 .mainAndSidebarWrap .mainContent { margin-top: 10px; } #t4010 h1 { margin-bottom: 20px; } #t4010 p { margin-top: 10px; } #t4010 h2 { margin-top: 60px; } /* T4010 END */ /* T4100 START */ #t4100 .mainAndSidebarWrap .mainContent { min-height: 420px; } #t4100 h3 { margin-top: 20px; margin-bottom: 10px; } #t4100 table { width: 516px; margin-left: 1px; } /* T4100 END */ /* T4200 START */ #t4200 table { margin-left: 1px; width: 516px; } #t4200 h1, #t4200 .top p { padding-left: 20px; } #t4200 h3 { padding-left: 20px; margin-bottom: 15px; } #t4200 .top h3 { margin-top: 30px; } #t4200 .top table .first { width: 150px; } #t4200 .bottom table tbody .first { padding-left: 35px; } #t4200 .bottom table .icon { position: relative; } #t4200 table .icon img { left: -15px; position: absolute; top: -1px; } #t4200 .bottom p { margin-bottom: 60px; margin-top: 20px; float: left; } #t4200 .bottom .address { padding-left: 20px; width: 150px; } /* T4200 END */ /* T4300 START */ #t4300 .top { margin-bottom: 30px; } #t4300 h1, #t4300 .top p { padding-left: 20px; } #t4300 .top h3 { padding-left: 20px; margin-bottom: 10px; margin-top: 30px; } #t4300 .middle p, #t4300 .middle h3 { padding-left: 20px; } #t4300 .middle h3 { margin-bottom: 10px; margin-top: 25px; } #t4300 .btnGreyPlain { margin-left: 20px; margin-top: 5px; } #t4300 .middle .address { padding-left: 20px; width: 150px; } #t4300 .middle .genericTableGreen { margin-left: 1px; width: 756px; } #t4300 .top .smallTable { border: solid 1px #cfcfcf; border-width: 0 1px 1px; margin-left: 20px; float: left; width: 345px; } #t4300 .top table { width: 345px; } #t4300 .even td { background-image: url(../images/4100-Table-Background.gif); } #t4300 td img { margin-top: -3px; float: left; margin-right: 5px; } #t4300 .mainBottom { position: relative; z-index: 10; margin-bottom: 40px; } #t4300 .mainAndSidebarWrap .mainWrapWide .mainContent { padding-bottom: 175px; } #t4300 .bottom { position: absolute; bottom: -25px; } #t4300 .bottom .column2 .link { background: transparent url('../images/0-blank.gif') repeat; display: block; height: 180px; left: 0; text-indent: -9999em; position: absolute; top: 20px; width: 350px; z-index: 200; } #t4300 .bottom div { position: relative; width: 320px; height: 160px; float: left; padding: 20px; } #t4300 .bottom .column2 p { width: 200px; } #t4300 .bottom .column2 img { position: absolute; bottom: -10px; right: 10px; z-index: 100; } #t4300 .bottom .twoColorsVertical { height: 170px; float: left; } #t4300 .middle table tbody .first { padding-left: 35px; } #t4300 .middle table .icon { position: relative; } #t4300 table .icon img { left: -15px; position: absolute; top: 2px; } /* T4300 END */ /* T4310 START */ #t4310 .mainAndSidebarWrap .mainWrapWide .mainContent { padding-bottom: 155px; } #t4310 h1, #t4310 .top p { padding-left: 20px; } #t4310 .shadowedTabs .ui-tabs-nav { margin: 0 10px; } #t4310 .shadowedTabs #tab1.ui-tabs-panel { padding: 18px 0; } #t4310 .bottomBannersContainer { margin-top: 40px; } #t4310 table { margin-left: 1px; width: 756px; } #t4310 table td, #t4310 table th { text-align: center; } #t4310 table .first { text-align: left; } #t4310 .pdf { position: relative; top: -2px; text-indent: -9999em; display: block; width: 16px; height: 16px; background: transparent url(../images/0-icon-pdf.png) no-repeat; } #t4310 .bottom { position: absolute; bottom: -25px; } #t4310 .bottom div { position: relative; width: 320px; height: 160px; float: left; padding: 20px; } #t4310 .bottom .column2 p { width: 200px; } #t4310 .bottom .column2 .link { background: transparent url('../images/0-blank.gif') repeat; display: block; height: 180px; left: 0; text-indent: -9999em; position: absolute; top: 20px; width: 350px; z-index: 200; } #t4310 .bottom .column2 img { z-index: 100; position: absolute; bottom: -10px; right: 10px; } #t4310 .bottom .twoColorsVertical { height: 170px; float: left; } /* T4310 END */ /* T9000 START */ #t9000 .container { position: relative; display: block; width: 940px; height: 500px; } #t9000 .push { position: absolute; left: 0; top: 10px; } #t9000 .text { position: absolute; left: 420px; top: 10px; width: 340px; } #t9000 h1 { margin-bottom: 20px; } #t9000 p { font-size: 14px; line-height: 22px; } #t9000 .btnBlackOversized { position: absolute; bottom: 150px; } #t9000 .firstButton { left: 420px; } #t9000 .firstButton a { width: 185px; text-align: center; } #t9000 .secondButton { left: 655px; } #t9000 .badge { position: absolute; top: 120px; right: 0; } /* T9000 END */ /* Bargraph */ .cordovan-bargraph .bars { background: transparent url(../images/9100-bar-background.gif) repeat left top; height: 150px; width: 270px; padding-left: 45px; } .cordovan-bargraph .bar { float: left; width: 50px; } .cordovan-bargraph .tooltip { width: 54px; height: 33px; background-image: url(../images/9100-bar-tooltip.png); color: white; } .cordovan-bargraph .tooltip span { width: 54px; position: relative; top: 5px; text-align: center; display: block; font-weight: bold; } .cordovan-bargraph .top { width: 29px; height: 13px; margin-left: 12px; font-size: 0; line-height: 0; } .cordovan-bargraph .span { width: 29px; margin-left: 12px; font-size: 0; line-height: 0; } .cordovan-bargraph .grey .top { background-image: url(../images/9100-bar-grey-top.png); } .cordovan-bargraph .grey .span { background-image: url(../images/9100-bar-grey-span.png); } .cordovan-bargraph .red .top { background-image: url(../images/9100-bar-red-top.png); } .cordovan-bargraph .red .span { background-image: url(../images/9100-bar-red-span.png); } .cordovan-bargraph .green .top { background-image: url(../images/9100-bar-green-top.png); } .cordovan-bargraph .green .span { background-image: url(../images/9100-bar-green-span.png); } /* Slider */ .cordovan-slider { background: transparent url(../images/9100-slider-bg.png) no-repeat left top; width: 227px; height: 20px; padding-top: 4px; padding-right: 33px; padding-left: 3px; } .cordovan-slider .handle { margin-left: 0%; background: transparent url(../images/9100-slider-handle.png) no-repeat left top; width: 27px; height: 15px; display: block; position: absolute; } /* T9100 START */ #t9100 .leftColumnWide .shadowedTabs { width: 275px; overflow: hidden; } #t9100 .leftColumnWide .shadowedTabs .ui-tabs-panel { padding: 18px 10px; } #t9100 .mainWrapWide640 .shadowedTabs { margin-left: 1px; } #t9100 .leftColumnWide .ui-tabs-selected { margin: 0 !important; } #t9100 .leftColumnWide .shadowedTabs .ui-tabs-nav li { margin: 0 13px; } #t9100 .leftColumnWide .shadowedTabs .ui-tabs-selected h5 a { margin: 0 5px; } #t9100 .leftColumnWide .top h5 { padding: 11px 15px; } /* Tab 1 */ #t9100 #tab1 h5 { margin-bottom: 10px; } #t9100 #tab1 .row { display: block; width: 250px; height: 60px; } #t9100 #tab1 .check { height: 40px; } #t9100 #tab1 .prepaid { height: 75px; } #t9100 #tab1 .genericInputField { margin-top: 5px; width: 170px; } #t9100 #tab1 .sb-sb { margin-top: 5px; } /* Tab 2 */ #t9100 #tab2 h5 { margin-bottom: 15px; } #t9100 #tab2 .row { display: block; width: 250px; height: 65px; font-size: 10px; } #t9100 #tab2 label { font-size: 10px; position: relative; top: -2px; } #t9100 #tab2 .slider-wrapper { position: relative; margin-bottom: 20px; margin-left: -2px; } #t9100 #tab2 input { position: absolute; top: -13px; right: 0px; text-align: right; font-size: 10px; color: #000; } #t9100 #tab2 .values { position: relative; font-size: 10px; } #t9100 #tab2 .values span { position: absolute; } #t9100 #tab2 .values .value1 { left: 0; } #t9100 #tab2 .values .value2 { left: 81px; } #t9100 #tab2 .values .value3 { left: 159px; } #t9100 #tab2 .values .value4 { right: 0; } #t9100 #tab2 .btnBlack { margin-top: 10px; margin-bottom: -18px; } #t9100 #tab4 { position: relative; padding: 18px 20px; } #t9100 #tab4 p { width: 300px; } #t9100 .mainWrapWide640 .top h1 { padding: 0 20px; } #t9100 #tab4 table { font-size: 12px; width: 445px; } #t9100 #tab4 table td { padding-right: 20px; height: 40px; vertical-align: middle; } #t9100 #tab4 table .sum { font-weight: bold; } #t9100 #tab4 img { position: absolute; right: 0px; top: 10px; } #t9100 #tab5 { padding-top: 40px; height: 315px; position: relative; } #t9100 .cordovan-bargraph { width: 300px; float: left; } #t9100 #tab5 ul { padding-right: 20px; float: right; width: 230px; height: 160px; color: #908f8f; font-weight: bold; font-size: 12px; } #t9100 #tab5 li { margin-bottom: 20px; } #t9100 #tab5 .description { font-size: 14px; float: left; width: 340px; } #t9100 .red { color: #aa1a20; } #t9100 .green { color: #0c9c1a; } #t9100 #tab5 .push { font-size: 10px; position: absolute; right: 20px; bottom: 20px; display: block; width: 252px; height: 154px; background: transparent url(../images/9100-push-background.png) no-repeat; } #t9100 #tab5 p { font-size: 12px; } #t9100 #tab5 .push img { left: 0; position: absolute; top: 20px; } #t9100 #tab5 .push .text { left: 81px; position: absolute; top: 15px; width: 150px; } #t9100 #tab5 .push .infoBuy { bottom: 10px; position: absolute; right: 15px; } /* T9100 END */ /* t0 */ .mainContainer { width: 100%; float: left; margin: 40px 0 0 0; } /*Test content for t0*/ .smallPuffT0 { width: 214px; height: 200px; background: #000; float: left; margin: 20px 0 0 20px; } /* t4020 */ #t4020 .genericInputField { width: 218px; } #t4020 .inputHolder { height: 32px; margin-top: 15px; float: left; width: 480px; } #t4020 #input1 { float: left; margin-right: 28px; } #t4020 .textareaWrap { width: 330px; float: left; margin: 17px 0 0 0; } #t4020 .qmarkBox { width: 480px; float: left; } #t4020 .qmarkBox p { font-size: 11px; font-style: italic; width: 440px; float: right; } #t4020 .qmarkBox img { margin: 6px 10px 0 0; float: left; } #t4020 .shadowedTabs .ui-tabs-panel { width: 480px; padding: 40px 0 0 1px; float: left; } #t4020 .shadowedTabs .ui-tabs-nav li { margin: 0 0 0 2px; display: inline; float: left; } #t4020 .shadowedTabs .ui-tabs-nav .ui-tabs-selected { padding-left: 0px; } #t4020 .shadowedTabs .ui-tabs-selected h5 { padding-right: 0; float: left; display: inline; } #t4020 .shadowedTabs .ui-tabs-selected h5 a { color: #777; float: left; } #t4020 .shadowedTabs ul li h5 { float: left; } #t4020 .shadowedTabs .ui-tabs-nav { width: 495px; margin: 0 10px; } #t4020 .shadowedTabs { margin: 5px 0 0 0; } #t4020 .shadowedTabs li h5 a { float: right; margin: 0 20px 0 16px; } #t4020 .phoneIcon, #t4020 .phoneBookIcon, #t4020 .historyIcon { margin-left: 10px; float: right; } #t4020 .phoneIcon { width: 11px; height: 23px; background: url(../images/0-phone-tab-icon.png) no-repeat left bottom; } #t4020 .phoneBookIcon { width: 28px; height: 20px; background: url(../images/0-phoneBook-tab-icon.png) no-repeat left bottom; } #t4020 .historyIcon { width: 22px; height: 22px; background: url(../images/0-smsHistory-tab-icon.png) no-repeat left bottom; } #t4020 .ui-state-active .phoneIcon { background-position: left top; } #t4020 .ui-state-active .phoneBookIcon { background-position: left top; } #t4020 .ui-state-active .historyIcon { background-position: left top; } #t4020 .bigNrBox { width: 480px; float: left; margin-top: 10px; } #t4020 .bigNrBox .nrFirst { width: 220px; float: left; padding: 10px 0 0 10px; border-right: 1px solid #fff; } #t4020 .bigNrBox .nrSEconfBox { width: 238px; float: right; padding: 10px 0 0 10px; border-left: 1px solid #cfcfcf; } #t4020 .bigNrBox .bigNRGReen { font-size: 107px; color: green; font-weight: bold; } #t4020 .bigNrBox .bigNRBlack { font-size: 107px; color: #000; font-weight: bold; } #t4020 .bigNrBox .nrText { width: 220px; float: left; padding: 10px 0; padding-left: 10px; } #t4020 .bigNrBox .nrText h5 { font-size: 12px; } #t4020 .H-devideLineFloatCountboxUper { width: 100%; position: relative; float: left; height: 2px; background: url(../images/0-horisontal-devideLine-twoColor.gif) repeat-x left top; margin: 10px 0 0 0; } #t4020 .H-devideLineFloatCountboxDown { width: 100%; position: relative; float: left; height: 2px; background: url(../images/0-horisontal-devideLine-twoColor.gif) repeat-x left top; margin: 0 0 10px 0; } #t4020 .addSpaceDown { height: 220px; width: 480px; float: left; } #t4020 .topContainer { width: 480px; margin: 0 19px 15px; float: left; } #t4020 .topContainer .btnGreyPlain { float: right; margin-top: 2px; } #t4020 .topContainer h3 { float: left; } .phoneBookTable { width: 516px; margin: 0; float: left; } .phoneBookTable thead { height: 29px; width: 516px; } .phoneBookTable thead tr { width: 516px; height: 26px; border-top: 1px solid #cfcfcf; border-bottom: 1px solid #cfcfcf; } .phoneBookTable thead tr td { padding: 10px 0 0 20px; font-weight: bold; font-size: 12px; color: #666; } .phoneBookTable thead tr .hdate { padding-left: 0; } .phoneBookTable tbody { width: 516px; } .phoneBookTable tbody tr { background: none; width: 516px; border-bottom: 1px solid #cfcfcf; height: 49px; } .phoneBookTable tbody tr td { background: none; color: #000; padding: 10px 0 0 0px; font-size: 12px; height: 38px; width: 82px; vertical-align: top; } .phoneBookTable tbody tr .name { width: 120px; padding: 10px 0 0 20px; } .phoneBookTable tbody tr .phone { width: 150px; } .phoneBookTable .even { border-top: 1px solid #fff; } .phoneBookTable .even td { background: url(../images/0-phonBookTable-BG.jpg) repeat-x left bottom; } .phoneBookTable tbody tr td .btnGreyPlain { margin-top: 5px; } .phoneBookTable tbody tr .name1 { width: 140px; padding: 10px 0 0 20px; } .phoneBookTable tbody tr .freeSMS { padding: 18px 0 0 0; width: 100px; color: green; font-weight: bold; } .phoneBookTable tbody tr .date { padding: 18px 0 0 0px; width: 130px; } .phoneBookTable tbody tr .btn1 { } .phoneBookTable tbody tr .btn2 .btnGreyPlain a { color: red; } #t4020 .genericSidebarTopLink h5 a { padding: 15px 10px 0; } #t4020 .alphameter { width: 499px; margin: 0 9px; float: left; height: 24px; } #t4020 .alphameter .alphameterEND { display: block; float: left; width: 7px; height: 24px; background: url(../images/4030alpha-b-list-leftEnd.png) no-repeat left top; } #t4020 .alphameter ul { padding: 0 0 0 10px; float: left; height: 24px; background: url(../images/4030alpha-b-list-bg.png) no-repeat left top; overflow: hidden; } #t4020 .alphameter ul li { display: inline; width: 17px; text-align: center; } #t4020 .alphameter ul li h5 { font-size: 12px; color: #000; float: left; height: 24px; width: 17px; } #t4020 .alphameter ul li h5 a { display: block; margin: 0; padding-top: 7px; float: left; width: 17px; height: 16px; background: url(../images/4030alpha-b-list-selected.png) no-repeat center top; } #t4020 .alphameter ul li h5 a:hover { background-position: center bottom; } #t4020 .inputHolder2 { width: 480px; margin: 0 19px 25px 19px; float: left; } #t4020 .inputHolder2 label { font-size: 12px; color: #000; line-height: 20px; } #t4020 .inputHolder2 .inputLeft { width: 240px; float: left; } #t4020 .inputHolder2 .inputLeft .genericInputField { width: 180px; } #t4020 .inputHolder2 .inputRight { width: 240px; float: left; } #t4020 .inputHolder2 .inputRight .genericInputField { width: 180px; } #t4020 .inputHolder2 .inputLeft img, #t4020 .inputHolder2 .inputRight img { position: relative; float: right; top: -28px; left: 33px; } /* sidebar my pages 4020 4030 4040 */ .loginbox { position: relative; width: 200px; float: left; } .loginbox h4 { line-height: 24px; } .logintext { width: 100px; float: left; } .logintext img { } .logintext p small { font-size: 10px; color: #000; line-height: 11px; } .logintext p { font-size: 11px; line-height: 14px; } .logintext p strong { font-size: 11px; line-height: 14px; font-weight: bold; color: #000; } .logintext .green { color: green; } .profileBox { width: 98px; float: right; background: url(../images/0-sidebar-login-image-bg.png) no-repeat left bottom; } .profileBox img { margin: 0 7px 10px 8px; } .profileBox .btnGreyPlainTiny { position: absolute; bottom: 0px; z-index: 100; left: 115px; } .yourPhoneBox { position: relative; width: 200px; float: left; } .yourPhoneBox h5 { font-size: 13px; } .yourPhoneBox ul { width: 120px; float: left; margin-top: 10px; } .yourPhoneBox ul li { margin: 0 0 5px 0; } .yourPhoneBox ul li a { text-decoration: none; color: #000; padding-left: 11px; background: url(../images/0-list-arrow-7-9.png) no-repeat left center; font-size: 12px; color: #000; } .yourPhoneBox ul li a:href { text-decoration: none; color: #000; } .yourPhoneBox .phoneBox { width: 60px; float: right; } .yourPhoneBox .btnGreyPlainTiny { float: right; margin-top: 10px; position: relative; right: -75px; } .horoscope { width: 200px; position: relative; float: left; } .horoscope .horoScopeText { width: 110px; float: left; margin-top: 10px; } .horoscope .horoscopeimage { float: right; width: 90px; } .voteFeild { position: relative; width: 200px; float: left; } .voteFeild strong { font-size: 13px; } .voteFeild ul { width: 130px; margin: 10px 0 0 0; float: left; } .voteFeild ul li { margin: 3px 0 0 0; } .voteFeild ul li input { } .voteFeild ul li label { font-size: 11px; font-weight: normal; margin: 0 0 0 3px; } .voteFeild .btnGreyPlain { position: absolute; right: 10px; bottom: 10px; } .voteRightFeild { float: right; width: 70px; height: 100px; } .voteFeild .voteRightFeild img { margin: 10px 0 0 0; } /* sidebar my pages 4020 4030 4040 END */ /* t4050 */ #t4050 h3 { font-size: 12px; } #t4050 table { width: 100%; margin-top: 30px; } #t4050 .topRow td { border-top: 1px solid #cfcfcf; } #t4050 td { border-bottom: 1px solid #cfcfcf; border-left: 1px solid #cfcfcf; text-align: center; vertical-align: middle; height: 125px; width: 125px; } #t4050 .first { border-left: none; } #t4050 .hoverBg { background: transparent url(../images/4050-TableBg.gif) repeat left top; } #t4050 .big li { padding-top: 35px; display: none; } #t4050 h2 { font-size: 20px; margin-top: 50px; } #t4050 .leftImage { width: 190px; float: left; text-align: center; padding-top: 40px; } #t4050 .rightText { width: 250px; float: right; } #t4050 p { margin-bottom: 20px; } #t4050 .lastMonth { padding-top: 30px; } #t4050 .lastMonth a { float: left; } #t4050 .lastMonth h5 { float: left; width: 200px; margin-top: 3px; margin-left: 8px; } .loginbox { position: relative; width: 200px; float: left; } .loginbox h4 { line-height: 24px; } .logintext { width: 100px; float: left; } .logintext img { } .logintext p small { font-size: 10px; color: #000; line-height: 11px; } .logintext p { font-size: 11px; line-height: 14px; } .logintext p strong { font-size: 11px; line-height: 14px; font-weight: bold; color: #000; } .logintext .green { color: green; } .ui-datepicker { display: none; } .ui-datepicker-trigger { cursor: pointer; } #ui-datepicker-div { background: url(../images/0-calBg.png) no-repeat; width: 400px; height: 330px; z-index: 300; } .ui-datepicker-header { color: #fff; font-size: 18px; margin: 37px auto; width: 50%; } .ui-datepicker-calendar { position: absolute; top: 70px; left: 4px; } .ui-datepicker-calendar th span { color: #35bbeb; font-size: 12px; } .ui-datepicker .ui-state-default { color: #fff; display: block; width: 57px; height: 39px; font-size: 14px; line-height: 25px; } .ui-datepicker .ui-state-active { color: #000; background: url(../images/0-calDateBg.png) no-repeat; } .ui-datepicker #arrowLeft { float: left; cursor: pointer; } .ui-datepicker #arrowRight { float: right; cursor: pointer; } .ui-datepicker button.ui-state-default { background: transparent none; border: none; width: 22px; height: 18px; text-indent: -999em; font-size: 0; line-height: 0; cursor: pointer; } .ui-datepicker-close { position: absolute; right: 10px; top: 30px; cursor: pointer; border: 1px solid red; } .ui-datepicker .ui-state-hover { color: #35bbef; } /* t7000 */ #t7000 { margin-top: 75px; } #t7000 .boughtItem { position: relative; clear: both; padding: 20px 0 50px 0; } #t7000 .boughtItem .productImage { margin-left: 10px; } #t7000 .boughtItem .text { position: absolute; left: 150px; top: 17px; font-size: 12px; } #t7000 .boughtItem .text label { margin-left: 10px; } #t7000 .boughtItem .properties { position: absolute; left: 15px; bottom: 5px; font-size: 0; line-height: 0; } #t7000 .boughtItem .btnGreyPlain { margin-top: 14px; } #t7000 .boughtItem .properties .icons { float: left; height: 42px; background: url(../images/7000-gradient.png) repeat-x; margin-left: 20px; padding-left: 1px; } #t7000 .boughtItem .properties .icons span { height: 24px; float: left; margin: 0 1px 0 0; padding: 14px 10px 4px 10px; background-color: #fff; } #t7000 .boughtItem .itemPrice { border-bottom: 1px solid #ddd; padding-bottom: 7px; position: absolute; right: 0; bottom: 50px; font-size: 11px; width: 150px; } #t7000 .boughtItem .itemPrice .float_left { color: #555; margin-top: 5px; } #t7000 .boughtItem .quantity { position: absolute; bottom: 130px; right: 10px; font-size: 11px; color: #555; } #t7000 .boughtItem .remove { position: absolute; bottom: 9px; right: 0px; width: 150px; } #t7000 .boughtItem .remove a { float: right; font-size: 12px; color: #000; } #t7000 .boughtItem .removeLarge { margin-left: 10px; margin-top: -4px; text-align: right; float: right; height: 21px; width: 22px; background: url(../images/7000-remove-large.png) no-repeat top; } #t7000 .boughtItem .removeLarge:hover { background-position: bottom; } #t7000 .boughtItem .bottomLine { height: 1px; width: 660px; position: absolute; bottom: 4px; right: 0px; background: url(../images/7000-gradient.png) repeat-x bottom; } #t7000 .ticker { float: left; } #t7000 .quantity span { margin-top: 5px; margin-right: 10px; } .cordovan-ticker { width: 52px; background: transparent url(../images/7000-Ticker-Number-Left.png) no-repeat left top; padding-left: 9px; height: 26px; } .cordovan-ticker input { border: 0; background: transparent url(../images/7000-Ticker-Number-Span.png) repeat-x left top; color: black; float: left; width: 20px; text-align: center; height: 20px; padding-top: 4px; } .cordovan-ticker div { float: left; } .cordovan-ticker a { display: block; width: 30px; height: 12px; text-indent: -999em; font-size: 0; line-height: 0; float: left; clear: both; } .cordovan-ticker .decrease { background: transparent url(../images/7000-Ticker-Arrow-Down.png) no-repeat left top; } .cordovan-ticker .decrease:hover { background-image: url(../images/7000-Ticker-Arrow-Down-Hover.png); } .cordovan-ticker .increase { background: transparent url(../images/7000-Ticker-Arrow-Up.png) no-repeat left top; } .cordovan-ticker .increase:hover { background-image: url(../images/7000-Ticker-Arrow-Up-Hover.png); } .midNav { width: 660px; height: 50px; float: left; margin-top: 30px; } .midNav ul { width: 660px; height: 44px; float: left; background: url(../images/7000-midNav-BG.png) no-repeat center center; } .midNav ul li { display: inline; height: 37px; float: left; margin-right: 15px; } .midNav ul .first { margin-left: 15px; } .midNav ul .selected { display: inline; float: left; background: url(../images/7000-midNav-select-arrow.png) no-repeat center bottom; } .midNav ul .selected .midNavLiLeft { float: left; width: 9px; height: 37px; display: block; background: url(../images/7000-midNav-select-left.png) no-repeat center top; } .midNav ul .selected .midNavLiRight { float: left; width: 10px; height: 37px; background: url(../images/7000-midNav-select-rightPart.png) no-repeat center top; } .midNav ul .selected h5 a { display: block; color: #fff; float: left; height: 37px; background: url(../images/7000-midNav-select-rep.png) repeat-x center top; } .midNav ul li h5 { float: left; font-size: 12px; } .midNav ul li h5 a { display: block; float: left; height: 37px; padding: 7px 5px 0; } .midNav ul li h5 a:hover { color: #000; } .mainContentTopTabbs{height:68px; position:absolute; top:-63px; left:-1px;} .mainContentTopTabbs ul{ float:left;} .mainContentTopTabbs ul li{ display:inline;} .mainContentTopTabbs ul li h5 { float:left; padding-top:16px;} .mainContentTopTabbs ul li h5 a{padding:15px 10px 11px; background:url(../images/7000-overTab-noSelect-BGrepeat.png) repeat-x center top;} .mainContentTopTabbs ul li h5 a:hover{color:#000;} .mainContentTopTabbs ul li .lefty{float:left; } .mainContentTopTabbs ul li .righty{float:left; display:block; width:2px; height:68px; background:url(../images/7000-overTab-noSelect-BG-RightPart.png) no-repeat left top;} .mainContentTopTabbs ul .selected {float:left;} .mainContentTopTabbs ul .selected .lefty{float:left; display:block; width:1px; height:43px; background:#ddd;} .mainContentTopTabbs ul .selected .righty{float:left; display:block; width:9px; height:68px; background:url(../images/7000-midNav-select-rigthPart.png) no-repeat left top;} .mainContentTopTabbs ul .selected h5{ float:left; padding-top:0;} .mainContentTopTabbs ul .selected h5 a{float:left; color:#000; padding-top:11px; display:block; height:68px; background:url(../images/7000-midNav-select-repeatPart.png) repeat-x center top;} .mainContentTopTabbs ul .selected h5 a:hover{color:#000;} .mainContentTopTabbs ul .first,.mainContentTopTabbs ul .last{display:inline;} .mainContentTopTabbs ul li .first h5{padding-top:11px;} .mainContentTopTabbs ul li .first .lefty{float:left; display:block; width:13px; height:68px; background:url(../images/7000-top-tab-NOselect-first.png) no-repeat left top;} .mainContentTopTabbs ul li .first h5 a{padding-left:2px;} .mainContentTopTabbs ul .selected .first h5 a{ padding-left:11px;} .mainContentTopTabbs ul .selected .first h5{padding-top:0px;} .mainContentTopTabbs ul .selected .first .lefty{float:left; display:block; width:2px; height:68px; background:url(../images/7000-overTab-Select-BG-leftPart2.png) no-repeat left top ;} .mainContentTopTabbs ul .selected .last .righty{float:left; display:block; width:9px; height:68px; background:url(../images/7000-top-tab-right-last.png) no-repeat left top;} /* sidebar top for 7000 templates */ .rightContentOwerwiew { width: 238px; height: 200px; float: left; background: url(../images/7000-sidebarFade.png) repeat-x left bottom; border-bottom: 1px solid #cfcfcf; } .rightContentOwerwiew .sideHeadText { color: green; margin: 14px 0px 10px 20px; } .rightContentOwerwiew .holdBox { width: 200px; height: 38px; float: left; margin: 5px 0 0 19px; border-bottom: 1px solid #cfcfcf; } .rightContentOwerwiew .holdBox p { font-size: 12px; float: left; color: #000; line-height: 12px; } .rightContentOwerwiew .holdBox h2 { color: #000; font-size: 30px; float: right; margin: 0 10px 0 0; } .rightContentOwerwiew .lastHoldBox { width: 200px; height: 20px; float: left; margin: 6px 0 0 19px; } .rightContentOwerwiew .lastHoldBox p { font-size: 12px; color: #000; float: left; } .rightContentOwerwiew .lastHoldBox span { font-size: 12px; color: Orange; float: right; line-height: 23px; } /* for 7000 templates */ .indentAh3 { margin: 14px 20px 7px; float: left; } .sixPack { float: left; width: 698px; height: 495px; background: url(../images/0-sixPack-display.png) no-repeat left top; } .sixPack .sixPackPart { width: 230px; position: relative; height: 231px; float: left; } .sixPack .sixPackPart img { margin: 12px 0 0 6px; } .sixPack .sixPackPart .btnholder { width: 190px; height: 30px; position: absolute; bottom: -5px; right: 10px; text-align: right; } .sixPack .sixPackPart .btnholder .btnGreySmall, .sixPack .sixPackPart .btnholder .btnGreenSmall { float: right; } .genericSidebarTopLink h5 a { padding: 15px 15px 0; } .genericSidebarTopLink .securePayment { position: absolute; top: -28px; left: 3px; width: 220px; height: 30px; } .genericSidebarTopLink .securePayment h5 a { font-size: 12px; float: left; margin: 0; background-image: none; text-decoration: none; color: #000; padding: 6px 0px 0 10px; } .genericSidebarTopLink .securePayment img { float: right; } .rightContentDetails { width: 238px; float: left; position: relative; margin-bottom: 15px; border-bottom: 1px solid #cfcfcf; } .rightContentDetails .sideHeadText { color: #000; margin: 18px 0 18px 19px; } .rightContentDetails .detailsPart { width: 200px; height: 90px; margin: 5px 0 0 19px; position: relative; border-bottom: 1px solid #cfcfcf; } .rightContentDetails .detailsPart p { top: 5px; left: 60px; width: 140px; height: 50px; position: absolute; } .rightContentDetails .detailsPart img { float: left; } .rightContentDetails .detailsPart .price { right: 0px; bottom: 0px; text-align: right; width: 60px; height: 25px; position: absolute; font-size: 13px; font-weight: bold; } .rightContentDetails .detailsPart .btnbox { left: 60px; bottom: 8px; width: 60px; height: 19px; position: absolute; } .rightContentDetails .detailsPart .btnbox .btn1 { display: block; margin-right: 8px; float: left; width: 18px; height: 18px; background: url(../images/0-qMarkRoundHower.png) no-repeat left bottom; text-indent: -9999em; } .rightContentDetails .detailsPart .btnbox .btn2 { display: block; float: left; width: 18px; height: 18px; background: url(../images/0-cross-RoundHower.png) no-repeat left bottom; text-indent: -9999em; } .rightContentDetails .detailsPart .btnbox a:hover { background-position: left top; } .rightContentDetails .emptyAll { width: 200px; height: 70px; position: relative; } .rightContentDetails .emptyAll .inHolder { height: 25px; width: 200px; position: absolute; top: 20px; left: 20px; } .rightContentDetails .emptyAll .inHolder a { display: block; text-indent: -9999em; float: right; width: 24px; height: 23px; background: url(../images/0-cross-RoundHower-BIG.png) no-repeat left bottom; } .rightContentDetails .emptyAll .inHolder a:hover { background-position: left top; } .rightContentDetails .emptyAll .inHolder h5 { float: left; width: 160px; text-align: right; margin-top: 5px; } .indentAh3 { margin: 14px 20px 7px; float: left; } .sixPack { float: left; width: 698px; height: 495px; background: url(../images/0-sixPack-display.png) no-repeat left top; } .sixPack .sixPackPart { width: 230px; position: relative; height: 231px; float: left; } .sixPack .sixPackPart img { margin: 12px 0 0 6px; } .sixPack .sixPackPart .btnholder { width: 200px; height: 30px; position: absolute; bottom: -5px; right: 10px; text-align: right; } .sixPack .sixPackPart .btnholder .btnGreySmall, .sixPack .sixPackPart .btnholder .btnGreenSmall { float: right; } #t7000 .productList { position: relative; } #t7000 .productList li { width: 660px; margin-top: 25px; } #t7000 .productList .secondStyle { padding-left: 0px; } #t7000 .productList .showExtraPrice .priceBox .specialPrice { display: block; } #t7000 .productList .hideExtraPrice .priceBox .specialPrice { display: none; } #t7000 .priceBox { width: 175px; float: right; } #t7000 .priceBox .priceImage { float: right; clear: both; } #t7000 .priceBox .specialPrice { color: Red; } #t7000 .priceBox .separatorWrap { width: 175px; line-height: 1px; font-size: 1px; margin-bottom: 12px; } #t7000 .priceBox .separator { width: 175px; } #t7000 .priceBox .priceLine { width: 175px; height: 30px; } #t7000 .priceBox .priceLine p { float: left; font-size: 11px; } #t7000 .priceBox .priceLine h4 { float: right; width: 30px; } #t7000 .priceBox .infoAddButtons { height: 25px; float: right; } #t7000 .textBox { width: 350px; float: left; margin-left: 15px; } #t7000 .textBox h3 { font-size: 18px; } #t7000 .productImage { float: left; margin-top: 5px; margin-left: 10px; } #t7000 .secondStyle .textBox { width: 200px; } #t7000 .secondStyle .priceBox { position: absolute; bottom: 20px; right: 0; } #t7000 .secondStyle .productImage { margin-left: 0px; } .t7000-generic .stepTop { width: 660px; padding-top: 65px; } .t7000-generic .step { width: 660px; padding-top: 75px; } .t7000-generic .step .separator { margin-bottom: 25px; } .t7000-generic .step div { float: left; font-style: italic; font-size: 14px; } .t7000-generic .step .btnBlack { float: right; margin-top: -3px; } .t7000-generic .intro { margin-top: 7px; } .t7000-generic .forgot { padding-top: 10px; padding-bottom: 10px; } .t7000-generic .forgot h5 { font-size: 12px; font-weight: normal; width: 140px; float: left; } .t7000-generic .forgot a { background: transparent url(../images/0-list-arrow-7-9.png) no-repeat scroll left center; color: #000000; font-size: 12px; padding-left: 11px; text-decoration: none; } .t7000-generic .forgot { padding-top: 10px; padding-bottom: 20px; } .t7000-generic { margin-top: 75px; } .t7000-generic .contactInfoContainer { margin-top: 20px; font-size: 12px; } .t7000-generic .contactInfoContainer .leftBox, #t7100 .contactInfoContainer .rightBox { float: left; margin-top: 20px; width: 260px; } .t7000-generic .contactInfoContainer li { margin-bottom: 10px; } .t7000-generic .contactInfoContainer .leftBox { margin-right: 20px; } .t7000-generic .contactInfoContainer .rightBox { clear: right; } .t7000-generic .contactInfoContainer .forgot { margin-top: 20px; margin-bottom: 20px; } .t7000-generic .termsConditionsContainer { margin-top: 17px; margin-bottom: 20px; width: 600px; } .t7000-generic .termsConditionsContainer ul { clear: both; font-size: 12px; margin-top: 20px; } .t7000-generic .termsConditionsContainer li { margin-bottom: 5px; } .t7000-generic .termsConditionsContainer .policies { margin-top: 10px; } .t7000-generic .termsConditionsContainer .bigInfo { font-size: 30px; font-weight: bold; line-height: 36px; } .t7000-generic h4 { line-height: 24px; font-size: 18px; } .t7000-generic .separator { width: 660px; height: 1px; } .t7000-generic .wrapPadding { padding-top: 10px; padding-bottom: 13px; margin-bottom: 15px; } .t7000-generic .creditcard { width: 650px; background-color: #eaf2eb; border: 1px solid #d6e2cf; padding-top: 5px; padding-left: 8px; margin-top: 30px; } .t7000-generic .policies .forgot { float: left; margin-right: 15px; } .t7000-generic .printOrder { font-weight: bold; font-size: 12px; margin-top: 20px; margin-left: 5px; } .t7000-generic .printOrder img { margin-bottom: -3px; } .t7000-generic .genericHeader h2 { font-size: 26px; margin-top: 20px; } .t7000-generic .step-box { float: left; margin-top: 20px; margin-bottom: 30px; width: 270px; } .t7000-generic .step-box-right { float: right; } /* t7100 */ #t7000 .signInText { width: 400px; margin-top: 10px; margin-bottom: 20px; } #t7000 .signInBox .field { float: left; } #t7000 .signInBox .spacer { float: left; width: 30px; } #t7000 .signInBox .genericInputField { width: 180px; } #t7000 .signInBox .btnBlack { float: left; } #t7000 .information { height: 335px; } #t7000 .information .genericInputField { width: 255px; float: left; clear: left; margin-top: 13px; } #t7000 .information .star { float: left; clear: right; margin-left: 20px; margin-top: 13px; } #t7000 .information .starExpl { clear: both; font-size: 11px; padding-top: 20px; } #t7000 .information .panel { float: left; width: 300px; margin-top: 20px; } #t7000 .information .panel h4 { margin-bottom: 15px; } #t7000 .information .rightDelivery { padding-left: 30px; } #t7000 .information .rightDelivery .checkAddrBox { clear: both; font-size: 11px; padding-top: 20px; } #t7000 .bonbroj { height: 100px; } #t7000 .bonbroj .genericInputField { width: 255px; float: left; clear: left; margin-top: 13px; } #t7000 .bonbroj .star { float: left; clear: right; margin-left: 20px; margin-top: 13px; } #t7000 .bonbroj .starExpl { clear: both; font-size: 11px; padding-top: 20px; } #t7000 .bonbroj .panel { float: left; width: 300px; margin-top: 20px; } #t7000 .bonbroj .panel h4 { margin-bottom: 15px; } #t7000 .bonbroj .rightDelivery { padding-right: 30px; } #t7000 .bonbroj .rightDelivery .checkAddrBox { clear: both; font-size: 11px; padding-top: 20px; } #t7000 .deliveryInformation { padding-top: 20px; font-size: 11px; padding-bottom: 15px; } #t7000 .deliveryInformation ul { margin-top: 10px; } #t7000 .deliveryInformation ul li { margin-top: 7px; } #t7000 .alreadyUser { padding-top: 20px; } /* t7200 */ #t7200 .sb-top-wrap { width: 140px; } #t7200 .sb-top { width: 100px; } #t7200 .sb-disp { width: 100px; } #t7200 .sb-btn { width: 25px; } #t7200 .sb-slide { width: 109px; } #t7200 .sb-slide { width: 109px; } #t7200 .sb-li2 { width: 99px; } #t7200 .sb-slideBottom { width: 109px; background: transparent url(../images/0-sb-list-bott-small.png) no-repeat scroll left bottom; } #t7200 .cardNumbers .ccvContainer .genericInputField { width: 110px; } #t7200 .ccvContainer { margin-top: 5px; } #t7200 .ccvContainer p { font-size: 11px; margin-left: 28px; float: left; } #t7200 .payment { clear: both; margin-top: 20px; } #t7200 .cardNumbers .genericInputField { width: 185px; float: left; } #t7200 .cardNumbers .monthContainer { float: left; margin-left: 10px; } #t7200 .cardNumbers .yearContainer { float: left; } #t7200 .expireDate { float: left; font-size: 11px; padding-top: 4px; margin-left: 30px; } #t7200 .cardNumbers .month { width: 150px; } #t7200 .cardNumbers .year { width: 100px; } #t7200 .cardType { margin-top: 25px; height: 75px; } #t7200 .cardType h6 { margin-bottom: 10px; } #t7200 .cardType li { float: left; margin-right: 15px; } #t7200 .cardType li img { margin-left: 5px; margin-bottom: -6px; } #t7200 .paymentType { font-size: 12px; font-weight: bold; } #t7200 .cardInfoWrap { padding-left: 17px; font-size: 12px; height: 170px; } #t7200 .cardInfoWrap h6 { font-weight: normal; } #t7200 .phoneNumber { font-size: 12px; margin-top: 10px; margin-bottom: 15px; } #t7200 .phoneNumber li { margin-bottom: 5px; } /* roy is doing 9100 */ .generic-plusBtn { width: 15px; display: block; height: 15px; background: url(../images/0-round-plusBTN.png) no-repeat left bottom; } .generic-plusBtn:hover { background-position: left top; } #accordion9100 { width: 600px; margin-left: 20px; } #accordion9100 .contentWraperoutLine { position: relative; margin-bottom: 35px; } #t9100 #accordion9100 .header { width: 600px; position: relative; z-index: 20; height: 28px; background: url(../images/100-Accordion-BGbar-600wide.png) no-repeat left bottom; } #t9100 #accordion9100 .header .arrow { width: 12px; height: 12px; overflow: hidden; margin: 9px 0px 0px 20px; float: left; background: url(../images/100-Accordion-selectedtArrow.png) no-repeat left top; } #t9100 #accordion9100 .header h3 { font: bold 14px/14px Arial; float: left; margin: 8px 0px 0px 10px; color: #000; } #t9100 #accordion9100 .header .arrow.openContainer { background-position: left bottom; } #t9100 #accordion9100 .contentWraper { border: 1px solid #cfcfcf; top: -13px; border-bottom: none; border-top: none; position: relative; width: 598px; } #t9100 #accordion9100 .contentWraper .contentWraperFOOT { position: absolute; bottom: -30px; width: 600px; height: 30px; left: -1px; background: url(../images/Accordion-pageBottom-600wide2.png) no-repeat left bottom; } #t9100 #accordion9100 .contentWraper .contentWrapercontent { width: 598px; position: relative; top: 0; left: 0; } #t9100 #accordion9100 .contentWraper .contentWrapercontentPadded { width: 558px; padding-top: 40px; padding-bottom: 10px; position: relative; top: 0; left: 20px; } /* Specific */ #t9100 #accordion9100 .contentWraper .greenTOP { width: 578px; padding-top: 15px; padding-left: 20px; height: 35px; left: 0; top: 6px; position: relative; background: #EAF2EB; } #t9100 #accordion9100 .contentWraper .greenTOP .printThisPAge { position: absolute; display: block; width: 36px; background: url(../images/0-print-this-page.png) no-repeat left top; height: 35px; right: 20px; bottom: 5px; } #t9100 #accordion9100 .contentWraper .greenTOP label { font-size: 12px; margin-right: 20px; } #t9100 #accordion9100 .contentWraper .contentWrapercontentPadded .orderList { list-style-type: decimal; margin-left: 20px; } #t9100 #accordion9100 .contentWraper .contentWrapercontentPadded .orderList li { font-size: 12px; padding-left: 15px; margin-bottom: 15px; } /* table */ #t9100 #accordion9100 .contentWraper .tabbleHideOverflow { height: 200px; overflow: hidden; border-right: 1px solid #cfcfcf; width: 570px; position: relative; left: 0; } #t9100 #accordion9100 .contentWraper .tabletitle { position: relative; height: 37px; left: 0; width: 598px; border-bottom: 1px solid #cfcfcf; } #t9100 #accordion9100 .contentWraper .tabletitle h5 { font-size: 12px; font-weight: bold; position: absolute; top: 15px; } #t9100 #accordion9100 .contentWraper .tabletitle #titleone { left: 32px; } #t9100 #accordion9100 .contentWraper .tabletitle #titletwo { left: 195px; } #t9100 #accordion9100 .contentWraper .tabletitle #titletree { left: 310px; } #t9100 #accordion9100 .contentWraper .tabletitle #titlefour { left: 455px; } #t9100 #accordion9100 .contentWraper .tabbleHideOverflow table { font-size: 11px; } #t9100 #accordion9100 .contentWraper .tabbleHideOverflow table thead tr .plusBTN { width: 32px; } #t9100 #accordion9100 .contentWraper .tabbleHideOverflow table thead tr .tariffsINFO { width: 195px; } #t9100 #accordion9100 .contentWraper .tabbleHideOverflow table thead tr .PrepaidINFO { width: 122px; } #t9100 #accordion9100 .contentWraper .tabbleHideOverflow table thead tr .MonthlyINFO { width: 119px; } #t9100 #accordion9100 .contentWraper .tabbleHideOverflow table thead tr .demandINFO { width: 102px; } #t9100 #accordion9100 .contentWraper .tabbleHideOverflow table tbody { } #t9100 #accordion9100 .contentWraper .tabbleHideOverflow table tbody tr { height: 20px; } #t9100 #accordion9100 .contentWraper .tabbleHideOverflow table tbody tr td { height: 20px; vertical-align: middle; } #t9100 #accordion9100 .contentWraper .tabbleHideOverflow table tbody tr td .generic-plusBtn { margin-left: 8px; } #t9100 #accordion9100 .contentWraper .tabbleHideOverflow table tbody .odd { } #t9100 #accordion9100 .contentWraper .tabbleHideOverflow table tbody .odd td { background: url(../images/9100-tableODD-bg.jpg) repeat-x left bottom; } /* scroll */ .jScrollPaneDrag { height: 80px; position: absolute; background: url(../images/9100-scroll-sidebar-handle.png) no-repeat center center; cursor: pointer; overflow: hidden; } .jScrollPaneTrack { position: absolute; cursor: pointer; right: 12px; top: 0; height: 100%; background: url(../images/9100-scroll-sidebar-BG.png) no-repeat center center; } .jScrollArrowDown { background: url(../images/9100-scroll-sidebar-down-arrow.png) no-repeat center top; height: 7px; display: block; position: absolute; z-index: 20; bottom: 14px !important; right: 12px; text-indent: -2000px; overflow: hidden; height: 7px; } .jScrollArrowDown:hover { background-position: center bottom; } .jScrollArrowUp { background: url(../images/9100-scroll-sidebar-up-arrow.png) no-repeat center bottom; display: block; position: absolute; z-index: 20; top: 16px !important; right: 12px; text-indent: -2000px; overflow: hidden; height: 7px; } .jScrollArrowUp:hover { background-position: center top; } .jScrollPaneContainer { position: relative; overflow: hidden; z-index: 1; width: 595px !important; } /* roy is ending 9100 */ /* doing 4400 expandoBoxes */ #t4400 .closeBarBig { width: 914px; position: relative; padding-bottom: 30px; } #t4400 .closeBarBig .header { width: 914px; height: 42px; position: relative; background: url(../images/4400-accrodBar.png) no-repeat left top; } #t4400 .closeBarBig .header h3 { font-size: 21px; float: left; margin: 10px 0 0 20px; } #t4400 .closeBarBig .header .arrow { background: url(../images/4400-accrodBar-arrow-sprite.png) no-repeat left bottom; width: 12px; height: 13px; float: right; margin: 14px 20px 0 0; } #t4400 .closeBarBig .header .arrow.openContainer { background-position: left top; } #t4400 .closeBarBig .header .parentNR { font-size: 15px; float: left; margin: 12px 0 0 6px; } #t4400 .closeBarBig .header .parentText { font-size: 12px; float: left; margin: 15px 0 0 6px; } #t4400 .closeBarBig .bigBarContentWrap { width: 914px; position: relative; } #t4400 .closeBarBig .bigBarContentWrap .content { width: 914px; margin-bottom: 20px; } #t4400 .closeBarBig .bigBarContentWrap .foot { width: 914px; height: 42px; position: absolute; background: url(../images/4400-accrodFooter.png) no-repeat left top; } /* T4400 */ #t4400 .menu { background: url(../images/4400-top-menu.png) no-repeat; width: 951px; height: 57px; margin: auto; position: relative; left: -6px; } #t4400 .menu a { position: absolute; font-size: 18px; top: 11px; } #t4400 .menu a img { float: left; } #t4400 .menu .home { left: 20px; } #t4400 .menu .search { left: 465px; } #t4400 .menu .register { left: 660px; } #t4400 .menu .login { left: 800px; } #t4400 #login { display: none; position: absolute; top: -165px; right: 10px; width: 250px; height: 165px; background: url(../images/4400-login-bg.png) no-repeat; z-index: 999; color: #fff; font-size: 14px; } #t4400 #login .user { position: absolute; top: 12px; left: 20px; } #t4400 #login .pass { position: absolute; top: 57px; left: 20px; } #t4400 #login .user input, #t4400 #login .pass input { margin-top: 5px; color: #4b8dc5; width: 205px; } #t4400 #login .forgotPass { position: absolute; top: 105px; left: 20px; font-size: 11px; } #t4400 #login .forgotPass a { color: #dc8055; font-size: 11px; margin-top: 5px; } #t4400 #login .loginBtn { position: absolute; top: 115px; right: 20px; } #t4400 #login .loginBtn a { font-size: 12px; position: static; } #t4400 .bigBarContentWrap .content .clear { border-bottom: 1px solid #ccc; width: 900px; margin: auto; } #t4400 .thread .icon { float: left; height: 100px; } #t4400 .thread .heading, #t4400 .thread .lastPost, #t4400 .thread .threads, #t4400 .thread .posts { float: left; height: 100px; border-left: 1px solid #ccc; } #t4400 .thread .icon { width: 100px; } #t4400 .thread .icon img { margin: 30px 0 0 24px; } #t4400 .thread .heading { width: 400px; font-size: 12px; } #t4400 .thread .heading div { margin: 20px 0 0 10px; } #t4400 .thread .heading a { font-size: 14px; line-height: 25px; color: #333; } #t4400 .thread .heading a:hover { color: #000; } #t4400 .thread .lastPost { font-size: 12px; position: relative; width: 200px; line-height: 16px; } #t4400 .thread .lastPost div { margin: 20px 0 0 10px; } #t4400 .thread .lastPost a strong { color: #333; } #t4400 .thread .lastPost a:hover strong { color: #000; } #t4400 .thread .lastPost span { position: absolute; right: 5px; bottom: 5px; } #t4400 .thread .lastPost span img { float: left; margin-top: -4px; margin-right: 5px; } #t4400 .thread .threads h5, #t4400 .thread .posts h5 { margin: 47px 30px 0; } #t4400 #headingForum { margin-left: 20px; } #t4400 #headingLastPosts { position: absolute; left: 525px; top: 12px; width: 200px; } #t4400 #headingThreads { position: absolute; left: 720px; top: 12px; width: 200px; } #t4400 #headingPosts { position: absolute; left: 820px; top: 12px; width: 200px; } #t4400 .thread .fullWidth { width: 700px; font-size: 12px; float: left; height: 100px; border-left: 1px solid #ccc; } #t4400 .thread .fullWidth div { margin: 20px 0 0 10px; } /***************************/ /* ADDED BY TELE2 BIT TEAM */ /***************************/ .footerSection #newsletter p { color: #fff; font-weight: bold; margin-bottom: 10px; } #newsView .lightBox700Wrap { margin: 30px 0 !important; } .navigationSearch form { float: left; width: 225px; } .mainAndSidebarWrap .mainContentPadded { min-height: 100px; /* changed from 220px */ }