/* *********************************************************************************************** CHANGELOG - Author: Ivo Vandeberg (till 1.80) Kevin Riemens (from 1.81) / Owner: Vodafone Netherlands B.V. ************************************************************************************************** v 1.1 - 21-9-2007 ----------------- - section added: ADDITIONAL FORM STYLES v1.01 - section added: SPECIAL STYLES (e.g. for styles that are used on a single page only) - transferred "float:right" from ".formButtons a" to ".formButtons" in FORM STYLES section - section added: ADDITIONAL LINKLIST STYLES to counteract when link_list1Col is used in formLists. - section added: MMBASE STYLES v 1.2 - 15-10-2007 ------------------ - Added additional formatting for "VF-Shop" pages. - textarea Adjusted widths, margins, etc. for form elements. - input - input_small - select - radio - checkbox - .formList Removed margin-top. - .formList .input_large Adjusted width and height. - .modCopy .bullet Adjusted top margin. - .tripleMod .textBtnRed Increased absolute top offset. - .tripleMod h4 Increased left offset to accommodate larger product image. - .tripleMod .footnote Increased left and top offset and removed underline. - img.bottomAligned Added new style to bottom align images in module bodies. - .productCopy Added formatting for product description. - .inlineLink Inline link style added. - .login .textBtnPurple Float and position adjusted to float left. - .textBlock h1 Added conceptual header adjustment. - .firstLevelNav Removed fixed width of second level nav because of content width. - .formButtons Adjusted height, margin-left and padding-left for new UID/VD. - .formButtons a Adjusted float, margin-right and bottom offset according to new UID/VD. - .bullet li Reset font-size to 1em. - .btn a,a.btnGreyOnRed Escaped position:relative. - #modCTA div.ctaLayer Adjusted width and height. v 1.3 - 20-10-2007 ------------------ - .modFlashHigh Added a second flash container with extended height (308px). - .formButtons Set height to auto. - .modFlash Adjusted height to 168px. - .modCopy Set left padding to 6px (was 7px). - Added section for FAQ's - Added additional MMBase styles - .clear Set clear breaks height to 0. - .searchField Adjusted right and top offset to accommodate larger copy. v 1.4 - 24-10-2007 ------------------ - .flashBorder Added a drop-shadow border to the flash modules. - .flashFooter Added a drop-shadow footer to the flash modules. - .searchNav .textBtnGrey Adjusted width to accommodate longer copy. - .tabBox Added border to bottom of tabs. Added a bottom margin. - .tab,.activeTab Set margin at bottom to 0 (was -1). - .tripleMod .footnote Set text-decoration to none. - img.bottomAligned Added extra class for bottom aligned images. - .modFlash Image background (drop-shadow). Reset height to original 166px instead of 168. Removed bottom padding. - .modFlashFooter Added new class. - .searchNav .textBtnGrey span Differentiated left padding for IE. - .textContent ul Set left margin to -4 to aline with text. - .textContent ul li Set bottom margin to 0. Lineheight holds offset. - .textContent h3 Set margin-bottom to 6px. - .tripleMod h4 Reset positioning to default. - .tripleMod .priceTag Reset positioning to default. - .tripleMod .txtBtnRed Reset positioning to default. - .tripleMod .footnote Reset positioning to default. - .tripleMod .productCopy Set top margin to 0px. (20px). v 1.5 - 30-10-2007 ------------------ - .formList .input_large Corrected height. - .formList .input_small Added new style for small selection fields. - .formMsg Removed top (12px) and left (14px) padding. - .inputErrMsg Added additional classes and adjusted padding for error messages. - li.inputErrMsg - .formContact ol li.inputErrMsg - .mod3Col .twoColumnSetup .secondColumn Adjusted left margin for IE. - .infoSymbol Removed float. - th.tdHead, th.tdHead2 Added additional table header styles. - .copyRight Added new style to float module copy to the right and keep margin. - .gen_table a Removed float right. - input dateField2, - input dateField4 Added new fieldwidth for 2 and 4 character wide fields. - div.FAQ_smallItem, - div.FAQ_largeItem Changed images. - a.downloadAcrobatLink Added a 'Download Acrobat' link style. - ul.downloads li a Added a common button style for a download linklist. - ul.downloads a.downloadAcrobatLink:hover Rollover states for the download linklist styles. - .downloads a.btnRed:hover - .downloads a.btnPetrol:hover - .downloads a.btnGrey:hover v 1.6 - 8-11-2007 ----------------- - .formContact ol li.inputErrMsg Adjusted width and margin for IE. - .gegevensItem Added additional styles for formdata overview. - .gegevensContent Added additional styles for formdata overview. - .loginBox Adjusted top positioning. - .flashFooter Adjusted height of Flash footer for IE6. - .textAlignLeft Added a generic text align left style. - .textAlignRight Added a generic text align right style. - p Set default font-size to 13px. - .modCopy Reset font em. - .modBody h3 v 1.7 - 13-11-2007 ------------------ - .gen_table Added bottom margin. (27px) - SELFPROVISIONING New styles added for the Selfprovisioning pages. - BLOX New styles added for the Vodafone BloX. - TOOLTIP New styles added for the new style tooltip definitions. - input.selected Corrected false pseudo-class definition. - input_radio Added alternative notation. - input_checkbox Added alternative notation. - h1.petrol Added bottom margin to pageheader. - .tagcloud_pos1 Formatting added for tagcloud. - .tagcloud_pos2 - .tagcloud_pos3 - .formList .formRemark Removed italic formatting and adjusted font color. - .inlineLabel_multiline Added style for multi line checkbox labels. - .formList li Added clear:both style. - .checkbox Added float left. - .bulletbig Added additional bullet-list style with font-size 13px. - .modHeight168 Redefined the module body height. - .modHeightAuto Added a variable height module definition. - input.dateField2, Reduced the width. - select.dateField4 - input Specified the height for IE and other browsers. - .bloxActivationBox - .flashFooter Added an IE7 specific style for the flash module footer. v 1.8 - 10-12-2007 ------------------ - .message_block_container Removed 100% width and added 3px margin left and right. Removed leading margin for IE. - .message_block_container_module Added new style for message blocks in modules. - .message_body p.single Added new style for when there's only a title in the message. - .lighterPurpleBG Added a lighter purple color. - .inlineLabel Adjusted margins and added IE specific positioning. - .textarea_1col Added new style for textarea input box inside a 1 column module. - .relative Added a generic class for relative positioning of elements. - .checkmark_list Added new styles for checkmark lists. - .checkmark_list li - .checkmark_blue Added various checkmark colors. - .checkmark_green - .checkmark_orange - .checkmark_petrol - .checkmark_pink - .checkmark_purple - .checkmark_red - .lightestPurpleBG Added new light purple background color. - .tagCloud Adjusted all tagcloud classes. - .googlemaps_module Added a Google maps container. - .indent1 Added a generic 1 'tab' indent style. - .linklist_back Added linklist style back button. - .linklist_back li - .linklist_back li a - .linklist_back li a:hover - .formContact label Specified margin for IE. - .infoSymbol Specified margin for IE. - .petrol Added generic petrol color class. - .formContact legend Added formatting for fieldset legends. - .selectbox_divider Added left margin to selectbox divider. - .infoSymbol Adjusted info symbol positioning. - .monthField Added a month-date specific class. - .dateField2, dateField4 Adjusted width and height and set width to em's. - .formList .checkbox Adjusted positioning and IE specific styles. - .formList select Added IE specific positioning. - .formContact ol li.inputErrMsg Added IE specific positioning. - .formList .radio_set Added 'radio-set' styles for grouping of radio-button sets. - .formList .radio_set label - .formList .radio_set input - .formButtons Added IE specific left margin. - .dateField2 Adjusted width to align date groups with large input fields. - .dateField4 - .monthField - .selectbox_divider Removed left margin. - .formList .input_large Added IE specific sizing. - .formList .input_small - .h1.petrol Added IE specific spacing. - .h2 .sifr-header v 1.81 - 10-12-2007 ------------------- - .textContent ul.link_list1Col li Reset bottom margin of linklists used in textContent modules. - .textContent ul.link_list2Col li - .textContent ul.link_list3Col li - .textContent ul.linklistTarieven li - a.btnEnglish Added (English) language button style for linklists. - a.btnNL Added (Dutch) language button style for linklists. - .lightPinkBG Added new color style. - .ecard_space Added eCard specific styles. - .mod1Col_card - .results li Added styles for displaying form results in a fieldset. - .results li span - .results label - .results img - .results .inlineLabel_multiline - .textContent fieldset Adjusted margins for fieldset in a text module. - fieldset Added exceptions for positioning in IE. - .article ul Added generic styling for lists inside 'textcontent/article' modules. - .article ul li - .formList .formButtons Removed left margin for form buttons already in a fieldset. - .modFlash Added bottom margin to legacy Flash banner container. - - - - - - - - - - - - - - - - - - - .SpecsBlock Added Specsblock classes and varations for text formatting in modules - .SpecsBlock span - .SpecsBlock .price - .SpecsBlock li - .SpecsBlock li span - .SpecsBlock li span span - a.arrow_greyRightButton Added new button styles for topright position in modules - a.btnInfoBlue - a.infoRightButton - .select_phoneSet Added style for position of Phone placeholder - .tdTotal Added new style to Tables for "totals" - .tdTotal2 - .tdEven,.tdEven2,.tdOdd, Added .tdTotal, .tdTotal2 for padding of the new styles .tdOdd2,.tdHead,.tdHead2 - .modHeightAuto .link_list3Col Added, Fixes IE6 Problem with link list positioning in IE6 - .colSplit .modCopy3col Added new colsplit styles - .colSplit .modCopy1col - .module10ImgLeft Adjusted spacing - table.listPrepaidtegoed td.amount Adjusted color - .message_block_container_module Adjusted spacing - .left Text Alignment for new table styles v 1.82 - 22-01-2008 ------------------- - .fieldsetBorder Added border to the form fieldset, for login screens etc. - .message_block_container Adjusted IE spacing - .tdEven,.tdEven2,.tdOdd,.tdOdd2, Added classes to existing style for new light blue in-module table style .tdHead,.tdHead2, .tdTotal, .tdTotal2, .tdHead_lightBlue, .tdHead2_lightBlue, .tdEven_lightBlue, .tdOdd_lightBlue - .tdHead_lightBlue Added new table styles for light blue table .tdHead2_lightBlue .tdEven_lightBlue .tdOdd_lightBlue - .link_list1col Added bottom margin so spacing looks better in all browsers - .formList .input_large_extra Added extra large input field for Soho multiuser seacr function - .formList .input_medium Added medium input field voor 4 col 2 col split for setup - .formList .inputFixed Added background color for inputfield that are automatically filled (i.e. address, city) - .formList .inlineLabel_long Added longer inline label for longer inline message - .formSublevel1 Added sublevels for form elements .formSublevel2 .formSublevel3 - .threeColumnSetup .modCopy Adjusted width for crossbrowser compatability. - .text_red Added text formatting .text_green - .mod4Col .twoColumnSetup .modCopy2col Added 4 column wide 2 col split styles .mod4Col .twoColumnSetup .secondColumn .mod4Col .twoColumnSetup .textBtnGrey, .mod4Col .twoColumnSetup .textBtnRed .mod4Col .twoColumnSetup h1 v 1.9 - 14-02-2008 - .showBullet ul Added extra class for bullet rendering exceptions. - a.btnRed Added a red linklist button style. - .myvf-login-small .password Additional styling for the MyVf small login portlet password field. - .myvf-login-small .login-button Additional styling for the MyVf small login portlet login button. - .relative-bottom Style to force relative placement and behaviour. - ul.AcrobatLink_list Added style for download Acrobat linklist. - .link-list-float-group .link_list1Col Container for floating linklists. - .stacked .modBody Adaptation for stacked module bodies. - HISTORY/P3 MODULE STYLES Added all styling for the NBA history and P3 (horizontal+vertical) modules. v 1.91 - 27-06-2008 ------------------- General: Added More classes to specific "CSS groups", for better overview of CSS - .GlobalNav (all classes) Implemtation of new Global Header .firstLevelNav (all classes) .secondLevelNav - .textBtnGreen Added two new colors for txtBtn (Green and Blue) .textBtnBlue - a.bottomAligned Added class for bottom aligment of link in module - .noTopSpacing Added Class for removing spacing - .checkmark_list IE6 checkmark spacing fix - .lighterBlueBG Added new background color - .yellowBG " " - .formList .select_medium Added new selection field size - .formContact_noRightAlign label Align disbaling of Forms - .price Changed Price class for new shop implemntation - .red Added new tekst color - a.btnShopcart Added new linklist button for shop - div.actionbutton Module actionbutton aligment - .link_list1Col_inline_multiline New Linklist style .link_list1Col_inline_multiline li .link_list1Col_inline_multiline a .link_list1Col_inline span - .message_block_container_1col Message block in a Module - .message_block_actionbutton Button aligment - .textAlignCenter Generic text markup - .strike Generic text markup - .bg_spacing For aligment issues - .modHeight168NoBorder Fixed height for 168 px high modules with no border - div.bottomRelative img Image aligment - .lightestBlueBG New background color - div.color_choose Classes for color choose tool production detail page div.color_choose span div.color_choose ul div.color_choose li - h2.subtitle Shop module markup - h1.price Shop module markup - div.inline ul For displaying multiple UL's inline - .divider2 Devaition on standard divider - h2.less_spacing H2 tag with less bottom spacing - ul.zak_specs New UL formatting - a.arrowPetrol New button style for Winkelmandje - a.deletePetrol New button style for Winkelmandje - .aantalField New select field for Winkelmandje - .tabBox2 New Tab Style .tabBox2 .tab2 .tabBox2 .activeTab .tabBox2 .tab2 .tabBox2 .activeTab - .modProductFreeform div.textContainer p Changes in these classes for implemenation shop redesign .modProductFreeform .modProductFreeform div.textContainer .modProductFreeform div.textContainer .priceTag - .checkmark_list IE6 aligned fix - .linklist_forward New Linklist style at bottom of page .linklist_forward li .linklist_forward li a .linklist_forward li a:hover - .formList .input_large_extra New form input field - ol.grey No idea why this one was added - ul.status_linklist New list style .status_linklist li - .green Added new text color - .underline Generic Text styling - .italic Generic Text styling - .tabBox_inmod .activeTab New Tab styles (Business Portal) .tabBox_inmod .activeTab .tabBox_inmod - .formList .checkbox Added classes for making sub-checboxes (spacing) .checkbox_sub - .inlineLabel_multiline_radio Multiline text for radiobutton - .formContact li .text tekst aligment in form - .pagination New pagination (businessportal) .pagination li *********************************************************************************************** */ /* General Body Styling */ body { font-family: Arial, Helvetica, sans-serif; line-height: 140%; font-size: 69%; margin:0; background-color: #fff; color:#333; } /* END General Body Styling */ /* General Link Styling */ a { color:#333; text-decoration:none; } a.inlineLink, a.inline { text-decoration: underline; /*float: left; clear: none;*/ } a:hover, a:focus { color:#008698; } /* END General Link Styling */ /* Generic Text Styling */ .left {text-align: left;} .underline {text-decoration: underline;} .italic {font-style: italic;} .textAlignCenter {text-align: center;} .strike {text-decoration: line-through;} .bold {font-weight: bold;} /* END General Text Styling */ /* BEGIN COLOR STYLES */ /* background colors */ .redBG {background:#f00;} .carmineRedBG {background:#cc0202;} .deepPurpleBG {background:#732978;} .lightPurpleBG {background:#C592C8;} .lighterPurpleBG {background:#E0D5E1;} .lightestPurpleBG {background:#ede3ee;} .petrolBG {background:#008698;} .lightPetrolBG {background:#bad4da;} .lightGreyBG {background:#f6f8f9;} .greyBG {background:#ccc;} .blueBG {background:#0077b7;} .lightBlueBG {background:#6dc1d7;} .lighterBlueBG {background-color: #e7f3f5;} .lightestBlueBG {background-color: #f6f8f9;} .greenBG {background:#009868;} .grassGreenBG {background:#5b8424;} .whiteBG {background:#fff;} .lightPinkBG {background:#ffcfe7;} .yellowBG {background-color:#FFFF99;} /* text colors */ .petrol {color:#008698;} .green {color: #64D700;} .red {color: #ff0000;} /* END COLOR STYLES */ /* BEGIN GENERIC MODULE STYLES */ .modCopy, .modCopy1col, .modCopy2col, .modCopy3col { padding:8px 0 6px 6px; } .noFloat, .clear { clear:both; height: 0; line-height: 0; } .copyRight { float: right; padding: 8px 7px 6px 6px; } .modBody { margin:0 3px 0 3px; position:relative; clear:both; } .stacked .modBody { border-bottom: 1px solid #CCCCCC; } .modBody a.textlink { text-decoration:underline; } h1.petrol, h2.sifr-header { color:#008698; font-size: 2.182em; /* 24px */ font-weight: bold; line-height:1.1em; margin: 0 0 6px 0; _margin: 0 0 6px 0; } h1.deepPurple { color: #732978; font-size:2.1em; font-weight: bold; line-height:1.1em; } .modBody h2.petrol, .modCopy h2 { font-size: 1.6em; font-weight: bold; color:#008698; padding: 3px 0 10px 0; } .modCopy h2 { font-size: 1.182em; } .modBody h4 { font-weight: bold; } .modBody h4.petrol, .textBlock h1 { color: #008698; padding: 3px 0 10px 0; } h5 { font-size: 1.09em; /* 12px */ line-height: 1.5em; } .modHeader { color: #fff; margin: 0 3px 0 3px; height: 2.181em; /* 24px */ overflow: hidden; } .modHeader h2 { font-size: 1em; font-weight: bold; float: left; padding: 4px 0 0 7px; } .modHeader a { color: #fff; float: right; font-weight: normal; padding: 4px 0 0 7px; } .modHeader a:hover, .modHeader a:focus { color: #fff; } .modHeader a span { font-weight: bold; padding: 0 7px 0 5px; } .modHeightAuto { height: auto; overflow: hidden; } .modHeight88 { height: 5.64em; /* 64 px content, makes the total module height 88 px */ overflow: hidden; } .modHeightLow { height: 12.91em; overflow: hidden; } .modHeight168 { height: 13.05em; /* 146 px content, makes the total module height 168 px */ overflow: hidden; } .modHeight216 { height: 17.3em; /* 196 px content, makes the total module height 216 px */ overflow:hidden; } .modHeight282 { height: 23.18em; /* 255 px content, makes the total module height 282 px */ overflow: hidden; } .modHeight282NoBorder { height: 25.37em; /* 255 px content, 255+32 due missing border */ overflow: hidden; } .modHeight480 { height: 41.27em; /* 454 px content makes the module height 480px */ overflow: hidden; } .price1, .price2, .price3, .price4, .price5, .price6 { display: inline; font-weight: bold; position: relative; } .price1, .price2, .price4 { font-size: 2.363em; /*26px*/ line-height: 2.091em; /*23px*/ } .price1 { padding-left: 4px; } .price2 { top: -9px; font-size: 1.363em;/*15px*/ } .price3 { float: left; top: -2.27em; /*25px*/ } .price4 { padding-left: 4px; } .price5 { font-size: 4.27em; /*47px*/ } .price6 { top: -0.55em; /*5px*/ font-size: 2.5em; /*20px*/ left: -4px; } .modFooter { height: 8px; font-size: 1px; line-height:1px; margin-bottom:5px; } .modBlankFooter { height: 8px; font-size:1px; line-height:1px; margin-bottom:5px; } .modFooter hr, .modBlankFooter hr { display: none; } .modTop { height:1px; font-size:1px; line-height:1px; } .modPad { padding-left:21px; } .modPad14 { padding-left:14px; } .priceBox { position:absolute; bottom:1.545em;/*17px*/ } .priceBox .priceTag { display:inline; position:relative; top:-18px; left:0; } .priceBox .text { position:relative; display:inline; top:-18px; left:0; } .priceBox2 { float:left; position:relative; top:1.36em;/*15px*/ } .priceBox3 { position:absolute; top:98px; } .float, .priceBox2 .text, .priceBox3 .text { float:left; } .floatRight { float:right; } .floatLeft { float:left; } .textAlignLeft { text-align: left; } .textAlignRight { text-align: right; } .skipper { left: -1000px; position: absolute; top: -1000px; } /* Bullet list styles. */ .bullet, .article ul { list-style-type: disc; padding-left: 17px; line-height: 1.5em; margin: 0.5em 0 0.7em 0; } .modCopy .bullet { margin-top: 0; } .bullet li, .article ul li { font-size: 1em; /*1.09em;*//*12px*/ line-height: 1.5em; } .bulletbig { list-style-type: disc; font-size: 1.182em; line-height: 1.5em; padding-left: 17px; margin: 0.5em 0 0.7em 0; } .bulletSmall { list-style-type: disc; padding-left: 17px; line-height: 1.4em; margin: 0.5em 0 0.7em 0; } .showBullet ul { list-style-type: disc; padding-left: 17px; line-height: 1.5em; margin: 0.5em 0 0.7em 0; } /* End bullet list styles. */ /* Start checkmark list styles. */ .checkmark_list { padding: 0; line-height: 1.5em; margin: 0 0 0.7em 0; list-style-image: url(../img/checkmark_petrol.gif); list-style-position: inside; } .checkmark_list li { margin-bottom: 6px; } .checkmark_blue { list-style-image: url(../img/checkmark_blue.gif); } .checkmark_green { list-style-image: url(../img/checkmark_green.gif);} .checkmark_orange { list-style-image: url(../img/checkmark_orange.gif); } .checkmark_petrol { list-style-image: url(../img/checkmark_petrol.gif); } .checkmark_pink { list-style-image: url(../img/checkmark_pink.gif); } .checkmark_purple { list-style-image: url(../img/checkmark_purple.gif); } .checkmark_red { list-style-image: url(../img/checkmark_red.gif); } /* End checkmark list styles. */ .tabs h2 { font-size: 16px; padding-bottom: 6px; } .tabs h3 { font-size: 1.182em; /*13px*/ font-weight: bold; } p { font-size: 1.182em; /*13px*/ line-height: 1.5em; margin: 0.5em 0 0.7em 0; } /* END GENERIC MODULE STYLES */ /* START FLASH MODULE STYLES */ .modFlash { background-image: url(img/4columnBorder.gif); height: 15.09em; /* 166px */ padding: 0px 0px 0px 3px; margin-bottom: 13px; } .modFlashHigh { height: 308px; padding: 0 3px 13px 3px; } .flashBorder { height: 168px; padding: 0px 0px 0px 3px; background-image: url(img/4columnBorder.gif); } .flashFooter { background-image: url(img/4columnFooter.gif); font-size: 1px; height: 6px; line-height: 1px; margin-bottom: 7px; _margin-bottom: 3px; } .modFlashFooter { background-image: url(img/4columnFooter.gif); font-size: 1px; height: 7px; line-height: 1px; margin-bottom: 5px; } /* END FLASH MODULE STYLES */ /* BEGIN 1 COLUMN WIDE MODULES */ .modCopy1col, .mod1Col { width: 192px; float: left; } .mod1Col .modBorder { width:192px; background-image: url("../img/1columnBorder.gif"); } .mod1Col .modFooter { background-image: url("../img/1columnFooter.gif"); width: 192px; } .mod1Col .modTop { background-image: url("../img/1columnTop.gif"); width: 192px; } .mod1Col .modCopy, .modCopy1col { width: 171px; } .link_list1Col { position: absolute; width: 171px; bottom: 7px; padding-bottom: 1px; background: url(../img/dottedLine.gif) repeat-x left bottom; } .link_list1Col_inline { width: 171px; padding-bottom: 1px; margin-bottom: 5px; background: url(../img/dottedLine.gif) repeat-x left bottom; } .link_list1Col_inline li { margin: 0 !important; } .static { position: static !important; } .link-list-float-group .link_list1Col { float: right; position: relative; margin: 24px 0 0 10px; clear: none; } /* END 1 COLUMN WIDE MODULES */ /* BEGIN 2 COLUMN WIDE MODULES */ .mod2Col { width: 384px; float: left; } .mod2Col .modBorder { width: 384px; background-image: url("../img/2columnBorder.gif"); } .mod2Col .modFooter { background-image: url("../img/2columnFooter.gif"); width: 384px; } .mod2Col .modTop { background-image: url("../img/2columnTop.gif"); width: 384px; } .mod2Col .modCopy, .modCopy2col { width: 363px; } .link_list2Col { position: absolute; width: 363px; bottom: 7px; padding-bottom: 1px; background: url(../img/dottedLine.gif) repeat-x left bottom; } /* END 2 COLUMN WIDE MODULES */ /* BEGIN 3 COLUMN WIDE MODULES */ .mod3Col { width: 576px; float: left; } .mod3Col .modBorder { width: 576px; background-image: url("../img/3columnBorder.gif"); } .mod3Col .modFooter { background-image: url("../img/3columnFooter.gif"); width: 576px; } .mod3Col .modTop { background-image: url("../img/3columnTop.gif"); width:576px; } .mod3Col .modCopy { width: 555px; } .link_list3Col { position: absolute; width: 555px; bottom: 7px; padding-bottom: 1px; background: url(../img/dottedLine.gif) repeat-x left bottom; } /* END 3 COLUMN WIDE MODULES */ /* START THREE COLUMN WIDE TWO COLUMN SPLIT CONTENT MODULE */ .mod3Col .twoColumnSetup .modCopy1col { width: 260px; } .mod3Col .twoColumnSetup .secondColumn { margin-left: 90px; _margin-left: 20px; } .mod3Col .twoColumnSetup .textBtnGrey, .mod3Col .twoColumnSetup .textBtnRed { float: left; clear: both; margin-top: 12px; } .mod3Col .twoColumnSetup h1 { font-weight: bold; font-size: 1.2em; } /* END THREE COLUMN WIDE TWO COLUMN SPLIT CONTENT MODULE */ /* START THREE COLUMN WIDE THREE COLUMN SETUP MODULE */ .threeColumnSetup .modCopy { float: left; clear: none; width: 185px; } .threeColumnSetup .modCopy h3 { font-size:1.182em; /*13px*/ font-weight:bold; margin-bottom: 6px; } /* END THREE COLUMN WIDE THREE COLUMN SETUP MODULE */ /* BEGIN 4 COLUMN WIDE MODULES */ .mod4Col { width: 768px; float: left; } .mod4Col .modBorder { width: 768px; background-image: url("../img/4columnBorder.gif"); } .mod4Col .modFooter { background-image: url("../img/4columnFooter.gif"); width: 768px; } .mod4Col .modTop { background-image: url("../img/4columnTop.gif"); width: 768px; } .mod4Col .modCopy { width: 747px; } .link_list4Col { position: absolute; width: 747px; bottom: 7px; padding-bottom: 1px; background: url(../img/dottedLine.gif) repeat-x left bottom; } /* END 4 COLUMN WIDE MODULES */ /* BEGIN 5 COLUMN WIDE MODULES */ .mod5Col { width: 960px; float: left; } /* END 5 COLUMN WIDE MODULES */ /* START ADDITIONAL LINKLIST STYLES */ .features li { background: url(../img/bullet.gif) no-repeat 3px 3px; padding-left: 16px; } .formList .link_list1Col { position: relative; margin: 5px 0 2px 5px; } .formList .link_list1Col li { padding-bottom: 0; } .link_listWide { width: 98%; } .linklist_back { bottom: 7px; padding-bottom: 1px; float: left; } .linklist_back li { padding-top: 3px; padding-bottom: 3px; } .linklist_back li a { padding: 0px 0px 0px 25px; background: transparent url(../img/buttons/arrow-grey-back.gif) no-repeat scroll left top; } .linklist_back li a:hover { background-position: left -100px; } /* END ADDITIONAL LINKLIST STYLES */ /* BEGIN TEXT BLOCK STYLES */ .txtBlock { width: 562px; margin-left: 4px; float: left; } .txtBlock .modCopy1col { width: 157px; } .txtBlock .modCopy2col { width: 349px; } .txtBlock .modCopy3col, .mod3Col .modCopy3col { width: 541px; } .txtBlock .modBorder { width: 562px; background-image: url("../img/txtBlockBorder.gif"); } .txtBlock .modFooter { background-image: url("../img/txtBlockFooter.gif"); width: 562px; } .txtBlock .modTop { background-image: url("../img/txtBlockTop.gif"); width: 562px; } .txtBlock .link_list1Col { width: 157px; } .txtBlock .link_list2Col { width: 349px; } .txtBlock .link_list3Col { width: 541px; } /* END TEXT BLOCK STYLES*/ /* BEGIN SECOND LEVEL (LEFT) NAVIGATION */ .secondLevelNav li { background: url(../img/dottedLine.gif) repeat-x top left; padding-top: 1px; } .secondLevelNav li.first { background-image: none; } .secondLevelNav li a.bold { background: #7fb0bb !important; color: #fff; } .secondLevelNav a { padding: 3px 0 4px 11px; height: 1.454em; /*16 px */ display: block; position: relative; } .secondLevelNav .level2 { padding-left: 19px; } .secondLevelNav .level3 { padding-left: 28px; } .secondLevelNav .level4 { padding-left: 37px; } .secondLevelNav .level5 { padding-left: 46px; } .secondLevelNav li.selected { background: #bad4da url(../img/dottedLine.gif) repeat-x top left; margin-top: 1px; *margin-bottom: -1px; } .secondLevelNav li.lightPurpleBG { background: #C592C8; } .secondLevelNav li.lightPetrolBG { background: #bad4da; } .secondLevelNav li.lightGreyBG { background: #f6f8f9; } .secondLevelNav li.lightPurpleBG a:hover, .secondLevelNav li.lightPurpleBG a:focus { color: #4D2550; } .secondLevelNav li.lightGreyBG a:hover, .secondLevelNav li.lightGreyBG a:focus { color: #333333; } /* END SECOND LEVEL NAVIGATION */ /* BEGIN BUTTON STYLES */ a.btnGrey {background: url("../img/buttons/arrow-grey.gif") no-repeat left top;} a.btnBlue {background: url("../img/buttons/arrow-blue.gif") no-repeat left top;} a.btnLightBlue {background: url("../img/buttons/arrow-lightBlue.gif") no-repeat left top;} a.btnPetrol {background: url("../img/buttons/arrow-petrol.gif") no-repeat left top;} a.btnGreen {background: url("../img/buttons/arrow-green.gif") no-repeat left top;} a.btnGrassGreen {background: url("../img/buttons/arrow-grassGreen.gif") no-repeat left top;} a.btnGrassGreenClose {background: url("../img/buttons/grassgreen_close.gif") no-repeat left top;} a.btnDeepPurple {background: url("../img/buttons/arrow-deepPurple.gif") no-repeat left top;} a.btnRed {background: url("../img/buttons/arrow-red.gif") no-repeat left top;} a.btnMinus {background: url("../img/buttons/minus.gif") no-repeat left top;} a.btnDelete {background: url("../img/buttons/delete.gif") no-repeat left top;} a.btnPlus {background: url("../img/buttons/plus.gif") no-repeat left top;} a.btnGreyOnRed {background: url("../img/buttons/arrow-grey-on-red.gif") no-repeat left top;} a.downloadAcrobatLink {background: url("../img/buttons/reader-download-icon.gif") no-repeat 100% 4px;} a.btnEnglish {background: transparent url("../img/arrow-eng.gif") no-repeat scroll 100% 4px;} a.btnNL {background:transparent url("../img/arrow-nl.gif") no-repeat scroll 100% 4px;} a.btnInfoBlue {background: url("../img/buttons/arrow-info-blue.gif") no-repeat 100% 4px;} a.btnShopcart { background: transparent url("../img/shoppingcart.gif") no-repeat scroll 100% 4px;} a.infoRightButton { background:transparent url("../img/buttons/arrow-info-blue.gif") no-repeat scroll right top; padding:0px 25px 0px 0px; } a.arrow_greyRightButton { background:transparent url("../img/buttons/arrow-grey.gif") no-repeat scroll right top; padding: 0px 25px 0px 0px; float: right; clear: none; } .divider { background: url(../img/dottedLine.gif); font-size: 0; line-height: 0; height: 1px; } .link_list1Col li, .link_list1Col_inline li, .link_list2Col li, .link_list3Col li, .link_list4Col li { height: 2em; background: url(../img/dottedLine.gif) repeat-x top left; padding-bottom: 1px; width: 100%; } .link_list1Col a, .link_list1Col_inline a, .link_list2Col a, .link_list3Col a, .link_list4Col a { padding: 4px 15px 0 0; display: block; background-position: 100% 4px; height: 1.636em;/*18px*/ } .link_list1Col span, .link_list1Col_inline span, .link_list2Col span, .link_list3Col span, .link_list4Col span { padding: 4px 15px 0 0; display: block; background-position: 100% 4px; height: 1.636em;/*18px*/ } .link_list1Col a:hover, .link_list1Col_inline a:hover, .link_list2Col a:hover, .link_list3Col a:hover, .link_list4Col a:hover, .link_list1Col a:focus, .link_list1Col_inline a:focus, .link_list2Col a:focus, .link_list3Col a:focus, .link_list4Col a:focus { background-position: 100% -96px; } .btnGreyOnRed { position: static; color: #fff; } .btn li { display: inline; } .btn a, a.btnGreyOnRed { padding: 4px 20px 5px 0; background-position: 100% 4px; /* position:relative; */ height: 14px; } .btn a:hover, .btn a:focus { background-position: 100% -96px; } a.btnGreyOnRed:hover, a.btnGreyOnRed:focus { background-position: 100% -96px; color: #fff; } .textBtnRed, .textBtnPurple, .textBtnGrey, .textBtnGreyOnRed, .textBtnBlue, .textBtnGreen { position: relative; margin-top: 6px; display: inline; color: #fff; font-family: arial; font-weight: bold; padding-bottom: 10px; line-height: 14px; } .textBtnRed span, .textBtnPurple span, .textBtnGrey span, .textBtnGreyOnRed span, .textBtnBlue span, .textBtnGreen span { position: relative; padding-top: -1px; /* Mac: Firefox & Safari fix*/ padding-right: 9px; padding-left: 9px; padding-bottom: 10px; /*_padding-right: 0;*/ } .textBtnRed:hover, .textBtnPurple:hover, .textBtnGrey:hover, .textBtnGreyOnRed:hover, .textBtnRed:focus, .textBtnPurple:focus, .textBtnGrey:focus, .textBtnGreyOnRed:focus, .textBtnBlue:focus, .textBtnGreen:focus { background-position: right -95px; } .textBtnRed:hover span, .textBtnPurple:hover span, .textBtnGrey:hover span, .textBtnGreyOnRed:hover span, .textBtnRed:focus span, .textBtnPurple:focus span, .textBtnGrey:focus span, .textBtnGreyOnRed:focus span, .textBtnBlue:focus span, .textBtnGreen:focus span { color: #fff; background-position: left -95px; } .textBtnRed {background: url("../img/buttons/redRight.gif") no-repeat right top;} .textBtnRed span {background: url("../img/buttons/redLeft.gif") no-repeat left top;} .textBtnPurple {background: url("../img/buttons/purpleRight.gif") no-repeat right top;} .textBtnPurple span {background: url("../img/buttons/purpleLeft.gif") no-repeat left top;} .textBtnGrey {background: url("../img/buttons/greyRight.gif") no-repeat right top;} .textBtnGrey span {background: url("../img/buttons/greyLeft.gif") no-repeat left top;} .textBtnGreyOnRed {background: url("../img/buttons/greyRight-on-red.gif") no-repeat right top;} .textBtnGreyOnRed span {background: url("../img/buttons/greyLeft-on-red.gif") no-repeat left top;} .textBtnBlue {background: url("../img/buttons/blueRight.gif") no-repeat right top;} .textBtnBlue span {background: url("../img/buttons/blueLeft.gif") no-repeat left top;} .textBtnGreen {background: url("../img/buttons/greenRight.gif") no-repeat right top;} .textBtnGreen span {background: url("../img/buttons/greenLeft.gif") no-repeat left top;} ul.AcrobatLink_list { position: relative !important; margin-top: 12px; } ul.downloads li a { background: url("../img/buttons/arrow-down-grey.gif") no-repeat 100% 4px; } ul.downloads a.downloadAcrobatLink:hover, .downloads a.btnRed:hover, .downloads a.btnPetrol:hover, .downloads a.btnGrey:hover { background-position: right -95px; } /* END BUTTON STYLES */ /* BEGIN HEADER STYLES */ /* global nav styles */ .globalNav li { float: left; border-right: 0.0909em solid #fff; font-weight: bold; } .globalNav li a { padding: 0.36em 1.09em 0.36em 1.09em; background: #f00; height: 1.454em; /* 16px */ *height: auto; /* IE BUG FIX */ color: #fff; display: block; } .globalNavActive { background: #7fb0bb !important; height: 1.454em; /* 16px */ *height: auto; /* IE BUG FIX */ } .globalNav li a:hover, .globalNav li a:focus { background: #7fb0bb; color: #fff; } .globalNavShadow { width: 954px; height: 5px; clear: both; display: block; } .globalNav { margin-top: 105px; margin-left: 12px; } .globalNav ul { width: 954px; height: 2.182em; /* 24px */ background: #f00; } /* end global nav styles */ #vodafoneLogo { position: absolute; top: 0; left: 12px; } /* first level styles */ .firstLevelNav li { float: left; border-right: 0.0909em solid #fff; } .firstLevelNav li a { padding: 0.36em 0.9em; background: #BAD4DA; height: 1.454em; /* 16px */ *height: auto; /* IE BUG FIX */ color: #000; display: block; } .firstLevelNav li.active a { background: #7fb0bb; !important; color: #fff; height: 1.454em; /* 16px */ *height: auto; /* IE BUG FIX */ } .firstLevelNav li a:hover, .firstLevelNav li a:focus { background: #7fb0bb; color: #fff; } .firstLevelNavShadow { width: 954px; height: 5px; clear: both; display: block; } .firstLevelNav { margin-top: 1px; margin-left: 12px; } .firstLevelNav ul { width: 954px; height: 2.182em; /* 24px */ background: #BAD4DA; _margin-bottom: 12px; /* IE6 Margin Fix */ *margin-bottom: 12px; /* IE7 Margin Fix */ } /* end first level styles */ .metaNav { position: absolute; top: 0; left: 0; width: 973px; height: 25px; } .metaNav ul { position: absolute; right: 0; bottom: 0; } .metaNav ul li { display: inline; } .metaNav ul li a { padding-left: 3px; padding-right: 6px; } .metaShoppingCart { vertical-align: -7%; height: 1em; /* 11px*/ padding-right: 2px; } .searchNav { position: absolute; top: 70px; left: 0; width: 966px; height: 25px; } .searchField { position: absolute; right: 50px; width: 254px; font-size: 1em; top: -2px; } .loginBox { position: absolute; top: 136px; left: 774px; width: 192px; height: 25px; } .loginField { position: absolute; right: 0; } .searchNav .textBtnGrey { position: absolute; right: 0; top: -6px; width: 45px; } .registerBtn { padding-left: 5px; } /* END HEADER STYLES */ /* BEGIN GRID STYLES */ .singleColumn { width: 192px; float: left; } .doubleColumn { width: 384px; float: left; } .tripleColumn { width: 576px; float: left; } .quadColumn { width: 768px; float: left; } /* pushing content up for dotcom, because no 2nd level navigation */ .fiveColumn { width: 960px; float: left; } .grid { margin-top: 12px; _margin-top: 24px; margin-left: 9px; display: block; width: 970px; } /* END GRID STYLES */ /* BEGIN FOOTER STYLES */ .footer { display: block; width: 957px; clear: both; text-align: right; padding: 14px 0 19px 0; } .footer a { padding: 0 7px 0 4px; } .footer li { display: inline; } .footer span { padding: 0 7px 0 4px; } .footer ul { margin-right: -6px; } /* END FOOTER STYLES */ /* * TEASER MODULES */ /* BEGIN MODULE 1 STYLE */ .tripleMod { position: relative; height: 17.272em;/* 190px */ } .tripleMod h3 { left: 53px; } .tripleMod h4 { left: 55px; /*shop:70px;*/ top: 2em; /*=22px;*/ /*shop:0px;*/ } .tripleMod h3 { font-size: 1.182em;/*13px*/ font-weight: normal; } .tripleMod h4 { font-weight: bold; } .tripleMod h3, .tripleMod h4, .priceTag, .tripleMod .textBtnRed, .tripleMod .features, .tripleMod .footnote, .tripleMod img { position: absolute; } .tripleMod .priceTag { position: absolute; top: 9.18em; /*=93px*/ /*shop:12em;*/ left: 50px; /*shop:65px;*/ color: #ff0000; } .tripleMod .textBtnRed { top: 14.73em; /*=162px*/ /*shop:17.2em;*/ right: 0; } .tripleMod .features { left: 53px; top: 5em;/*55px*/ width: 117px; height: 5em;/*55px*/ overflow: hidden; list-style-type: none; } .tripleMod .features li { background: url(../img/bulletSmall.gif) no-repeat 3px 3px; padding-left:10px; } .tripleMod .footnote { left: 53px; /*shop:68px;*/ top: 13.181em; /*=145px*/ /*shop:16em;*/ display:block; text-decoration: none; } img.bottomAligned { position: absolute; bottom: 32px; } /* END MODULE 1 STYLES */ /*START PRODUCT MODULE*/ .modProductFreeform { position: relative; height:14.1em; /* height is 153 Pixels in Standard Mode */ } .modProductFreeform div.imgContainer { float: left; width: 66px; /* position: absolute; */ } .modProductFreeform div.textContainer { float: right; width: 105px; height: 14.1em; /* position: absolute; */ left: 66px; top: 0px; } .modProductFreeform div.textContainer p { padding: 0px; margin-top: 0px; font-size: 1.0em; line-height: 1.25em; } .modProductFreeform div.textContainer p strike { font-style: normal; text-decoration: line-through; } .modProductFreeform div.textContainer p em { font-style: normal; color: red; } .modProductFreeform div.textContainer p strong { font-weight: bold; } .modProductFreeform div.textContainer .priceTag{ color: #ff0000; position: relative; margin: -8px 0px 2px 0px; height: 4em; } .modProductFreeform div.textContainer .price1, .modProductFreeform div.textContainer .price2, .modProductFreeform div.textContainer .price3, .modProductFreeform div.textContainer .price4, .modProductFreeform div.textContainer .price5, .modProductFreeform div.textContainer .price6{ font-weight:bold; } .modProductFreeform div.textContainer .price1, .modProductFreeform div.textContainer .price2, .modProductFreeform div.textContainer .price4 { font-size:2.363em;/*26px*/ line-height:2.091em;/*23px*/ } .modProductFreeform div.textContainer .price1 { padding-left:4px; } .modProductFreeform div.textContainer .price2 { top:-9px; font-size:1.363em;/*15px*/ } .modProductFreeform div.textContainer .price3 { float:left; top:-2.27em;/*25px*/ } .modProductFreeform div.textContainer .price4 { padding-left:4px; } .modProductFreeform div.textContainer .price5{ font-size:4.27em;/*47px*/ } .modProductFreeform div.textContainer .price6 { top:-0.55em;/*5px*/ font-size:2.5em;/*20px*/ left:-4px; } div.buttonContainer { width: 100%; } div.buttonContainer a.textBtnRed { float: right; } /*END PRODUCT MODULE*/ /* BEGIN MODULE 3 STYLES */ .username{ width:167px; height:1.37em;/*15px*/ font-size:1em; margin-bottom:3px; color:#333; } #pwd,#txt{ position:absolute; width:108px; height:16px; margin-bottom:3px; font-size:1em; color:#333; } .login{ position:relative; } .login .textBtnPurple{ float: left; /* right; */ /* top:-5px; */ width:56px; *left:2px; } .login .textBtnPurple span{ padding-left: 11px; } /* END MODULE 3 STYLES */ /* BEGIN MODULE 5 STYLES */ .bgImg {z-index: 0;} /* END MODULE 5 STYLES */ /* BEGIN MODULE 7 STYLES */ .searchCloud h1, .searchCloud h2, .searchCloud h3, .searchCloud h4, .searchCloud h5, .searchCloud h6 { float: left; font-weight: bold; padding: 0 8px 2px 0; white-space: pre; color: #333; } .searchCloud h1 { font-size: 1.545em; /* 17px */ } .searchCloud h2 { font-size: 1.364em; /* 15px */ } .searchCloud h3{ font-size: 1.272em; /* 14px */ } .searchCloud h4{ font-size:1.18em; /* 13px */ } .searchCloud h6{ font-size: 1em; /* 11px */ } /* END MODULE 7 STYLES */ /* BEGIN MODULE 8 STYLES */ .helpSelector select{ width: 170px; font-size: 1em; margin-bottom: 3px; } /* END MODULE 8 STYLES */ /* BEGIN MODULE 9 STYLES */ .module9Text { position: relative; top: -4px; } /* END MODULE 9 STYLES */ /* BEGIN MODULE 10 STYLES */ .module10ImgRight { float: right; } .module10ImgLeft { float: left; padding-left: 1px; } /* END MODULE 10 STYLES */ /* BEGIN MODULE 16 STYLES */ .smallTopSeller h3 { margin :0 0 5px 50px; } .smallTopSeller h4 { padding: 0 0 0 50px; } /* END MODULE 16 STYLES */ /* * SPECIAL MODULES * */ /* BEGIN CALL-TO ACTION LAYER */ #modCTA, #modCTAdotCom { position: relative; clear: both; height: 15em; /* 166px */ overflow: hidden; margin: 0 3px 14px 3px; } * html #modCTA { height: 171px; } #modCTAdotCom { height: 266px; } * html #modCTA, * html #modCTAdotCom { margin-bottom: 9px; } .ctaLayer { position: absolute; background-color: #f00; color: #fff; } #modCTA .ctaLayer { top: 40px; left: 12px; } #modCTAdotCom .ctaLayer { left: 12px; top: 84px; height: 121px; } .ctaLayer script { display: none; } div.ctaLayer { background-color: #f00; color: #fff; z-index: 999; padding: 2px 12px 12px 12px; } @media screen, projection #modCTA .hide, #modCTAdotCom .hide { visibility: hidden; } #modCTA div.ctaLayer { width: 230px; /* 20.9em; */ /* 230px; */ height: 100px; /* 9.1em; */ /* 100px */ } #modCTAdotCom div.ctaLayer { width: 340px; height: 107px; } .ctaLayer h1 { font-size: 28px; font-weight: bold; letter-spacing: -0.02em; line-height: 1.3; } .ctaLayer p { font-size: 14px; font-weight: bold; letter-spacing: -0.03em; line-height: 1.4; margin-top: 6px; } #modCTAdotCom .ctaLayer p { font-size: 13px; } .ctaLayer .ctaLink { position: absolute; bottom: 8px; font-size: 11px; height: 15px; font-weight: bold; letter-spacing: -0.03em; line-height: 1.4; } .ctaLink a { color: #fff; padding-right: 20px; background: url(../img/buttons/arrow-grey-on-red.gif) no-repeat right top; } .ctaLink a:hover, .ctaLink a:focus { color: #999; background-position:100% -100px; } #modCTAdotCom .countryform { position:absolute; left: 12px; top: 205px; height: 40px; width: 364px; background-color: #f00; } #modCTAdotCom .countryform select { position:absolute; width: 160px; top: 10px; left: 12px; } #modCTAdotCom .countryform a { position:absolute; left: 185px; top: 5px; } /* END CALL-TO-ACTION LAYER */ /* BEGIN SHOPPING CART */ .cartGroup{ margin:0.6em 0 0.727em 0; } .carthead{ line-height:1.6em; font-weight: bold; width:175px; clear:both; } .cartProduct{ position:relative; font-size:0.91em; line-height:1.3em; left: 0; width: 120px; float:left; } .cartPrice{ position:relative; width: 50px; float:right; text-align: right; line-height:1.3em; clear:both; } .dynamicHeightLinks{ position:relative !important; padding-top: 32px; } /* END SHOPPING CART*/ /* * CONTENT MODULES * */ /* BEGIN VODAFONE.COM STYLES */ .page_list li{ padding-top:5px; margin-bottom:-5px; } .page_list li a{ text-decoration:underline; display:inline; padding:0 6px 0 6px; } .page_list .active{ padding:0 6px 0 6px; font-weight:bold; } .dcTeaser { line-height:1.3em; } .dcTeaser h1 { font-size:1.45em; font-weight:bold; margin-bottom:8px; } .dcTeaser h2 { font-weight: bold; } .dcTeaser .img_left { float:left; margin:0 10px 14px 0; } .dcTeaser .img_right { float:right; margin:0 0 14px 10px; } /* END VODAFONE.COM STYLES */ /* for separate Headline above content area, e.g. on Shopping Cart page */ .pageHl { padding: 0 0 18px 13px; } /* BEGIN SHOPPING CART PAGE STYLES */ .scShopCart { margin: 0 1px; width: 760px; border-collapse: collapse; line-height: 1.3; } .scShopCart a:hover, .scShopCart a:focus { color: #732978; } .scShopCart th { padding: 6px 8px 4px 10px; border-right: 1px dotted #ccc; } .scShopCart td { padding: 9px 8px 4px 10px; border-right: 1px dotted #ccc; vertical-align: top; } * html .scShopCart th, * html .scShopCart td { border-right: 1px solid #ccc; /* solid border for IE6, because dotted looks awful */ } .scShopCart td, .scShopCart .scHeader { background:transparent url(../img/dottedLine.gif) repeat-x bottom right; } .scShopCart td.scIntro { border: none; background: none; padding: 15px 10px; } .scShopCart th{ background-color: #ece6ed; font-weight: bold; } .scShopCart .scHeader { background-color: #ece6ed; } .scShopCart th { text-align: right; } .scShopCart th.scPrd { text-align: left; } .scShopCart .scPrd { width: 445px; } .scShopCart .scMon, .scShopCart .scSng { width: 80px; } .scShopCart td.scAct { padding: 5px 0; /* padding l/r will be attached to links */ width: 91px; border-right: none; } .scShopCart td.scAct { border-right: none; } .scShopCart td.scAct a { height:1.636em; display: block; padding:4px 15px 0 0; margin: 0 8px 0 10px; } .scShopCart td.scAct .devider { width: 91px; display: block; line-height: 0.1; margin: 5px 0; background: transparent url(../img/dottedLine.gif) repeat-x bottom left; } .scShopCart td.scAct a.btnAdd { background: url("../img/buttons/arrow-deepPurple.gif") no-repeat; background-position: 100% 4px; height:1.636em;/*18px*/ } .scShopCart td.scAct a.btnDelete { background: url("../img/buttons/delete-deepPurple.gif") no-repeat; background-position: 100% 4px; } .scShopCart td.scAct a.btnAdd:hover, .scShopCart td.scAct a.btnDelete:hover, .scShopCart td.scAct a.btnAdd:focus, .scShopCart td.scAct a.btnDelete:focus { background-position: 100% -96px; } .scShopCart .scPrice { text-align: right; } .scShopCart .scHighlight { color: red; } .scShopCart .scImg { width: 66px; float: none; padding: 5px; text-align: center; vertical-align: top; border-right: none; } .scShopCart .scAddItem { padding-left: 30px; } .scShopCart a.scOptHide { display: block; padding-left: 20px; height: 1.636em;/*18px*/ background:url("../img/buttons/plus-deepPurple.gif") no-repeat; } .scShopCart a.scOptShow { display: block; padding-left: 20px; height: 1.636em;/*18px*/ background:url("../img/buttons/minus-deepPurple.gif") no-repeat; } .scShopCart a.scOptHide:hover, .scShopCart a.scOptShow:hover, .scShopCart a.scOptHide:focus, .scShopCart a.scOptShow:focus { background-position: 0 -100px; } .scShopCart .scSpacer td { height: 1px; line-height: 0.1; font-size: 1px; } .scShopCart .scSummary td { font-weight: bold; } .scShopCart .scSumOption { padding-left: 90px; } .scShopCart .scFunc { background: none; border-right: none; height: 60px; vertical-align: bottom; padding-bottom: 6px; } .scShopCart .scFunc a.btnDeepPurple { display: block; float: left; padding-right: 20px; height: 1.636em; /*18px*/ background:url("../img/buttons/arrow-deepPurple.gif") no-repeat right 0; } .scShopCart .scFunc a.btnDeepPurple:hover, .scShopCart .scFunc a.btnDeepPurple:focus { background-position: right -100px; } .scShopCart .scFunc span.devider { float: left; width: 25px; color: #fff; } .scShopCart .scFunc .textBtnRed { float: right; right: 0; padding: 0.08em 0 10px 0; margin-bottom: -0.36em; } .scShopCart .scFunc .textBtnRed span { padding: 0.08em 4px 0.91em 4px; } /* END SHOPPING CART PAGE STYLES */ /* BEGIN TEXTCONTENT STYLES */ .textContent { padding-top: 0px; } .textContent h3 { font-size: 1.182em; /*13px*/ font-weight: bold; margin-bottom: 6px; } .textContent ul { margin-left: -4px; } .textContent ul li { margin-bottom: 6px; } .textContent ul.link_list1Col li, .textContent ul.link_list2Col li, .textContent ul.link_list3Col li, .textContent ul.linklistTarieven li { margin-bottom: 0px; } /* END TEXTCONTENT STYLES*/ /* BEGIN TABLE MODULE STYLES */ .fullWidth{ width:100%; border-collapse: collapse; } .tableContainer{ padding: 0 4px 0 4px; } .tdEven,.tdEven2,.tdOdd,.tdOdd2,.tdHead,.tdHead2,.tdTotal,.tdTotal2{ padding:3px 12px 4px 12px; text-align:right; } .tdEven{ border-right: 1px #008698 solid; background:#fff; } .tdEven2{ background:#fff; } .tdHead{ border-right: 1px #fff solid; padding:4px 12px 4px 12px; background:#008698; color:#fff; } .tdHead2{ background:#008698; color:#fff; } .tdOdd{ border-right: 1px #008698 solid; background:#f6f8f9; } .tdOdd2{ background:#f6f8f9; } .left{ text-align:left; } th.tdHead, th.tdHead2 { font-weight: bold; } .tdTotal{ border-right: 1px #fff solid; background:#ccc; } .tdTotal2{ background:#ccc; } /* END TABLE MODULE STYLES */ /* BEGIN TAB NAVIGATION STYLES */ .tabBox{ margin: 0 0 10px 3px; border: 1px solid #CCC; } .tab, .activeTab { position: relative; padding: 5px 9px 3px 9px; border-right: 1px solid #fff; margin-bottom: 0px; display: inline; float: left; cursor: pointer; } .tab { background: #a7c6cd; } .tabBox.purple .tab { background-color: #C592C8; } .tabBox.purple a:hover, .tabBox.purple a:focus { color: #fff; } .activeTab { background:#7fb0bb !important; font-weight:bold; color:#fff; } .tabBox.purple .activeTab { background:#732978 !important; } .hidden{ display:none; } /* END TAB NAVIGATION STYLES */ /* BEGIN TAB TEXT MODULE STYLES */ .tab_text_imgLeft { float:left; margin:0 0.64em 0 -6px; } .tab_text_imgRight { float:right; margin:0 -7px 0 0.64em; } /* END TAB TEXT MODULE STYLES */ /* BEGIN PRODUCT DETAIL STYLES */ .productPic1 { text-align:center; margin:0 8px 8px 6px; overflow:hidden; } .productDetail .price { position:absolute; right:0px; text-align:right; white-space: nowrap; top:34px; } .productDetail { position:relative; } .productDetail form { position: relative; width: 250px; } .productDetail h1 { position: relative; left: 2px; font-size: 23px; font-weight: bold; line-height: 29px; top: 19px; margin-bottom: 42px; } .productDetail h1 span { font-size:14px; position:relative; top:-7px; left:2px; } .productDetail h3 { font-weight: bold; line-height: 29px; } .productDetail .footnote { text-decoration: underline; cursor: pointer; display: block; margin-top: 20px; padding-right: 13px; } .productDetail .button{ margin-right:13px; float:right; } .productDetail .tabBox{ margin:20px 0 0 3px; } .productCopy { margin: 0 0 0 70px; } * html .productCopy { margin: 30px 0 0 70px; } /* END PRODUCT DETAIL STYLES */ /* BEGIN POPUP STYLES */ .popupbuttonbox_top, .popupbuttonpack_top, .popupbuttonpack_bottom, .popuptable, .popupproductpic, .popupproductdescription, .popuplogo { position: absolute; } .popuplogo { top: 0; left: 12px; width: 130px; height: 105px; background: url("../img/vodafone_logo.gif"); clear: both; } .popupbuttonbox_top { top: 15px; left: 12px; width: 570px; } .popupbuttonpack_top { right: 0; } .popupbuttonpack_bottom { margin-top: 13px; right: 3px; } .popupbtn2 { margin-left: 8px; } .popuptable { top: 243px; left: 9px; } .popupproductpic{ top:116px; left: 12px; } .popupproductdescription { top: 124px; left: 204px; width:376px; height: 124px; } .popuphead { font-size: 24px; font-weight: bold; } .popupsub{ font-size:18px; font-weight: bold; line-height: 32px; height: 46px; } .popupcopy { font-size: 13px; font-weight: normal; } .popupfooter { position: absolute; margin-top: 40px; display: block; width: 574px; clear: both; text-align: right; padding: 14px 0 19px 0; } .popupfooter a { padding: 0 7px 0 4px; } .popupfooter li { display: inline; } .popupfooter span { padding: 0 7px 0 4px; } .popupfooter ul { margin-right: -6px; } /* END POPUP STYLES */ /* BEGIN FORM STYLES */ .formCopy { position: relative; float: left; width: 130px; margin-top: 2px; padding: 0 10px 0 0; text-align: right; display: block; } .formMsg { padding: 0 12px 12px 0; display: block; } .formMsg .formMsgHead { font-size: 12px; font-weight: bold; margin-bottom: 8px; } h2.formHeader { color: #008698; font-weight: bold; padding: 0; font-size: 1.2em; } .formList { } .formList li { padding-bottom: 6px; clear: both; } input, textarea, select { font: normal 1em Arial; vertical-align: middle; } input { padding: 3px 2px 0 2px; height: 15px; _padding: 1px 2px 0 2px; _height: 22px; } select { padding: 1px 0 0 0; height: 20px; _height: 22px; } .formList select { _margin-top: 0px; } textarea { padding: 3px 2px 3px 2px; width: 178px; _width: 180px; } input.checkbox, input.radio, .input_checkbox, .input_radio { margin-left:0; float: none; clear: none; } input.selected { border-color: #000; } .formList .input_small { width: 8em; /* 88px */ _width: 8.727em; /* 96px */ } .formList .input_large { width: 16.182em; /* 178px */ _width: 16.909em; /* 186px */ } .formList .select_large { width: 186px; } .formList .select_small { width: 96px; } .formList textarea {} .formList .checkbox { float: left; margin-right: 3px; _margin-top: 2px; } .textarea_1col, .formList .textarea_1col { width: 169px; } .formButtons { margin-left: 172px; _margin-left: 172px; padding-left: 6px; } .formButtons a { float: left; margin-right: 12px; /*8px;*/ bottom: 0; } .formList .radio_set { display: block; float: left; width: auto; } .formList .radio_set label { display: inline; clear: right; width: auto; float: none; margin: 0; padding: 0; vertical-align: bottom; _vertical-align: baseline; } .formList .radio_set input { /*_margin-top: 3px;*/ _margin-left: -1px; } .formList .input_large_extra { width: 362px; _width: 360px} .formList .inlineLabel_long { display: inline; vertical-align: middle; padding: 3px 0 0 0; margin: 0 0 0 3px; _margin: 0; clear: none; width: auto; } .formList .inlineLabel_long { display: inline; vertical-align: middle; padding: 3px 0 0 0; margin: 0 0 0 3px; _margin: 0; clear: none; width: auto; } .formSublevel1 { padding-left: 20px; } .formSublevel2 { padding-left: 200px; } .formSublevel3 { padding-left: 220px; } .formList .input_medium { width: 12em; /* 88px */ _width: 12.727em; /* 96px */ } .formList .inputFixed { background:#CCCCCC; } /* END FORM STYLES */ /* START ADDITIONAL FORM STYLES v1.01 */ fieldset { position: relative; _position: inherit; clear: both; margin: 0 0 10px; } .fieldsetBorder { border: 1px solid rgb(207, 207, 207); margin: 0px 2px 4px 4px; padding: 5px 5px 5px 8px; } .fieldsetCopy { font-weight: 1em; margin: 6px 0 12px 0; } .formContact label { margin: 0 6px 0 0; padding: 3px 0 0 3px; width: 169px; display: block; float: left; text-align: right; } .formContact ol li { float: left; clear: left; width: 100%; } .formContact legend { margin-bottom: 6px; _margin-left: -3px; } .formContact legend span, .formList legend span { padding: 0 0 5px 0; font-weight: bold; display: block; margin: 3px 0 0 0; } .textContent fieldset { margin: 0 0 10px 6px; } /* Start label styles. */ .formList .inlineLabel { display: inline; vertical-align: middle; padding: 3px 0 0 0; margin: 0 0 0 3px; _margin: 0; clear: none; width: auto; max-width: 340px; _max-width: 335px; } .formList .inlineLabel_multiline { clear: none; display: inline; padding: 4px 0 5px 5px; _padding: 4px 0 5px 0; width: auto; max-width: 335px; text-align: left; } .formContact .inlineLabel label { margin: auto; width: auto; height: auto; display: inline; float: none; padding: 0 3px 0 0; } .inlineLabel label span { padding: 3px 0 0 0; } /* End label styles. */ /* Start datefield styles. */ /*input.dateField2, select.dateField2, input.dateField4, select.dateField4, input.monthField, select.monthField { margin: 0; height: 22px; }*/ input.dateField2 { width: 14px; } select.dateField2 { width: 3.5em; /* 39px */ _width: 3.4em; } input.dateField4 { width: 28px; } select.dateField4 { width: 4.57em; /* 50px */ _width: 4.47em; } input.monthField { width: 28px; } select.monthField { width: 7.2em; /* 78px */ _width: 7.3em; } select.dateField2 option, select.dateField4 option { margin: 0; padding: 0; } /* End datefield styles. */ input.postcodeField { width: 45px; } .formList .formRemark { clear: both; margin-left: 179px; _margin-left: 178px; font-size: 0.9em; color: #7F7F7F; vertical-align: top; padding-top: 0; } .inlineRemark { font-size: 0.9em; color: #C4C4C4; } .boxFormTitle { font-weight: bold; clear: both; margin-bottom: 3px; } .infoSymbol { width: 13px; height: 13px; vertical-align: middle; margin: 0 0 0 6px; /*float: left; clear:none;*/ } .selectbox_divider { margin-right: -1px; } /* START MyVF MODULE STYLES */ .nba-p3-module .blue-linked .modHeader, .nba-vertical .blue-linked .modHeader { background-color: #1a7fb3; } .nba-p3-module .blue-linked .modBody, .nba-vertical .blue-linked .modBody { background-color: #D1DEE9; } /* Small login module. */ .myvf-login-small .password { width: 90px; float: left; } .myvf-login-small .login-button { float: right; margin: 0; } /* END MyVF MODULE STYLES */ /* TOOLTIPS */ .tooltip { position: absolute; display: none; z-index: 1000; left: 0px; top: 0px; } .tooltipbody { width: 167px; padding-top:1px; background-image: url(.img/bg_tooltip_top.gif); background-repeat: no-repeat; } .tooltiptext { background-image: url(./img/bg_tooltip_bottom.gif); background-repeat: no-repeat; background-position: left bottom; padding: 7px 7px 15px 7px; } .bigtooltip { position: absolute; display: none; z-index: 1000; left: 0px; top: 0px; } .bigtooltipbody { width: 267px; padding-top:1px; background-image: url(./img/bg_bigtooltip_top.gif); background-repeat: no-repeat; } .bigtooltiptext { background-image: url(./img/bg_bigtooltip_bottom.gif); background-repeat: no-repeat; background-position: left bottom; padding: 7px 7px 15px 7px; } /* END TOOLTIP STYLES */ /* END ADDITIONAL FORM STYLES */ /* BEGIN ERROR PAGE STYLES */ .warningIcon { float:left; margin-right:6px; } .formList .inputErr { background:#F3B700; } .inputErrMsg, li.inputErrMsg { margin: 0 0 4px 178px; font-weight: bold; width: auto; } .formList ol li.inputErr_item { padding-bottom: 3px; } .formContact ol li.inputErrMsg { margin:0 0 4px 178px; _margin: 0 0 4px 90px; font-weight:bold; width: 365px; } .warningIcon { margin:0 5px 0 0; float:left; } /*END ERROR PAGE STYLES*/ /* BEGIN FILTER MODULE STYLES */ .filterModule{ margin-bottom:8px; } .filterModule select { width:178px; margin-right:4px; } .filterCopy { padding:4px 4px 12px 4px; } /* END FILTER MODULE STYLES */ /* BEGIN SUPPORT MODULE */ .modSupport h2{ font-size:1.81em;/*20px*/ font-weight:bold; padding:6px 0 6px 0; } .modSupport h3{ font-size:1.09em;/*12px*/ font-weight:bold; } /* END SUPPORT MODULE */ /* BEGIN VODAFONE LIFE STYLES */ .vl_content h3{ margin:12px 0 0 6px; font-size:1.182em; font-weight:bold; } .vl_content p { margin:4px 0 8px 6px; font-size:1em; } .vl_teaser { position:relative; height:10.91em; /*120 px content makes the module height 144px*/ margin:0 0 4px 6px; clear:both; } .vl_teaser h3 { } .vl_teaser h4 { margin:-11px 0 11px 0; } .vl_teaserSmall { position: relative; margin:0 8px 4px 6px; width:105px; height:10.91em; /*121px*/ float:left; } .vl_teaserSmall .link_list1Col { width:105px; } /* END VODAFONE LIFE STYLES*/ /* BEGIN SITE MAP STYLES */ .modSitemap h1 { padding:6px 0 16px 14px; } .modSitemapCol{ position:relative; float:left; clear:none; display:block; width:192px; margin-bottom:-1.81em; } .modSitemapBody{ width:192px; background-image: url("../img/1columnBorder.gif"); margin-bottom:18px; } .modSitemapBody a{ position:relative; padding-top:0.45em; padding-bottom:0.45em; padding-left:14px; display:block; width: 160px; } .modSitemapBody .sitemapTitle{ padding-top:0.45em; padding-bottom:0.45em; left:3px; width: 172px; background:#008698; color:#ffffff; font-weight:bold; } a.sitemapTitle:hover{ color:#ffffff; } .modSitemapBody .sitemapLevel1{ position:relative; left:4px; width: 184px; background:#b2dae0; } .modSitemapBody .sitemapLevel2{ width: 184px; background:#ffffff; } .modSitemapBody .sitemapLevel2 a{ padding-left:24px; } .modSitemapBody .sitemapLevel2 li{ background:url("../img/dottedLine.gif") repeat-x top left; } .modSitemapBody .sitemapLevel2 li.first{ background:none; } .modSitemapBody .modFooter{ margin-bottom:0; background:#f00 url("../img/1columnFooter.gif") no-repeat; } /* END SITE MAP STYLES */ /* BEGIN MAP STYLES */ .gen_table{ position:relative; top:20px; left:-7px; width:568px; padding-left:4px; padding-right:4px; margin-right:-7px; background:url("../img/3columnBorder.gif"); margin-bottom: 27px; } .tab_footer{ position:absolute; left:0px; width:576px; height:7px; font-size:1px; line-height:1px; background: #f00 url("../img/3columnFooter.gif") no-repeat top left; } .gen_table table{ width:100%; } .gen_table th { font-weight: bold; } .gen_table ul { list-style-type:disc; padding-left:12px; } .gen_table tr,.gen_table td,.gen_table th{ position:relative; padding: 5px 12px 5px 12px; background:none; } .gen_table .titlerow{ background:#66b6c1; color: #ffffff; } .gen_table .row_a{ background:url("../img/dottedLine.gif") repeat-x top left; *background:url("../img/dottedLine.gif") repeat-x 1px left; } .gen_table .row_b{ background:#f6f8f9 url("../img/dottedLine.gif") repeat-x top left; } .gen_table a { /*float:right;*/ } /* END MAP STYLES*/ /* START GOOGLE MAP STYLES */ .googlemaps_module { width: 570px; height: 200px; margin: 0 0 12px 3px; border: 1px solid #EDEAE2; } /* END GOOGLE MAP STYLES */ /* START MMBASE STYLES */ /* Overwrite the width of the columns when the page is set in Edit mode. */ div.mmbaseLinks { border: 1px dotted #ddd; white-space: wrap; float: left; clear: both; } div.enclosingDIV { float: left; } div.enclosingDIV #vodafoneLogo { z-index: -1; } div.enclosingDIV .metaNav { position: relative; } div.enclosingDIV .mod1Col { width: 186px; } div.enclosingDIV .mod2Col { width: 378px; } div.enclosingDIV .mod3Col { width: 570px; } div.enclosingDIV .mod4Col { width: 762px; } /* END MMBASE STYLES */ /* START MESSAGE BLOCKS */ .message_block_container { /* width: 100%; */ margin: 10px 3px 10px 3px; _margin: 0 3px 10px 3px; background-color: #FFFF99; } .message_block_container_module { margin: 0 1px 0 1px; padding: 10px 6px 10px 6px; } .confirmMessage { } .confirmMessage p.title { } .warningMessage { } .message_body { padding: 5px 10px 5px 10px; margin:0; } .message_body a:hover { color: #000; } .message_body p { margin:0; } .message_body p.title { font-weight: bold; margin-bottom: 6px; } .message_body p.single { margin-bottom: 0px; } /* END MESSAGE BLOCKS /* START FAQ STYLES */ div.FAQ_Headline { font-size: 1.4em; font-weight: bold; color: #008698; padding: 0px 0px 6px 0px; } div.FAQ_smallItem { height: 2.4em; overflow: hidden; cursor: pointer; background: url(../img/buttons/plus_faq.gif) no-repeat 0px 0px; font-weight: bold; padding-left: 25px; padding-top: 3px; font-size: 1.1em; } div.FAQ_smallitem { background: url(../img/buttons/plus_faq_down.gif) no-repeat 0 0; } div.FAQ_largeItem { overflow: visible; cursor: pointer; background: url(../img/buttons/minus_faq.gif) no-repeat 0px 0px; font-weight: bold; padding-left: 25px; padding-top: 3px; font-size: 1.1em; } div.FAQ_largeItem:hover { background: url(../img/buttons/minus_faq_down.gif) no-repeat 0 0; } div.FAQ_Answer{ font-weight: normal; font-size: 1.1em; padding: 1.6em 0px 0.5em 0px; } /* END FAQ STYLES */ /* START ADDITIONAL STYLES */ .gegevensItem { margin: 0px 6px 0px 0px; padding: 4px 0px 0px 3px; text-align: right; width: 169px; float: left; } .gegevensContent { margin: 0pt 6px 0pt 0pt; padding: 4px 0px 0px 3px; float: left; } .indent1 { margin-left: 30px; color: #999999; } /* END ADDITIONAL STYLES */ /* START SELFPROVISIONING STYLES */ .tarievenTextbox { width: 558px; } .modTarievenInd { font-size: 1.1em; font-weight: bold; float: left; margin-top: 10px; } .modTarievenInd img.tIndic{ width: 17px; height: 17px; } .modTarievenInd span { position: relative; top: -3px; margin-left: 6px; } ul.linklistTarieven { background: transparent url(../img/dottedLine.gif) repeat-x scroll left bottom; bottom: 7px; padding-bottom: 1px; } ul.linklistTarieven li { background:transparent url(../img/dottedLine.gif) repeat-x scroll left top; padding-top: 3px; padding-bottom: 3px; } a.tarievenRightButton{ background:transparent url(../img/buttons/arrow-petrol.gif) no-repeat scroll right top; padding: 0px 25px 0px 0px; _padding: 0px 25px 0px 4px; } a.tarievenRightButton:hover{ background-position:100% -100px; } .modTarievenActionButton { float: right; margin-top: 10px; } table.listPrepaidtegoed { width: 172px; padding: 0px 0px 6px 0px; } table.listPrepaidtegoed td{ font-size: 1.1em; font-weight: bold; } table.listPrepaidtegoed td.type{ padding: 3px 0px; } table.listPrepaidtegoed td.amount{ padding: 3px 0px; text-align: right; color: #008698; } /* START BLOX STYLES */ table.bloxIndic { margin: 6px 0px 8px 0px; } .purpleBloX { background:transparent url(../img/BloX20_purple.gif) no-repeat scroll left 6px; } .greenBloX { background:transparent url(../img/BloX20_green.gif) no-repeat scroll left 6px; } .blueBloX { background:transparent url(../img/BloX20_blue.gif) no-repeat scroll left 6px; } .yellowBloX { background:transparent url(../img/BloX20_yellow.gif) no-repeat scroll left 6px; } table.bloxIndic td.bloxIdent{ width: 268px; padding: 6px 0px 2px 30px; font-size:1.1em; font-weight: bold; } table.bloxIndic td div.small { font-size: 0.9em; font-weight: normal; } table.bloxIndic td a{ text-decoration: underline; } div.bloxMeter { width: 10em; height: 0.9em; border: 1px solid #333333; } div.bloxMeterUsed { height: 0.9em; border-right: 1px solid #333333; background-color: #009933; } .statusbar { margin: 10px 0; } .statusbar span, .statusbar .bloxMeter { float: left; margin-right: 5px; } .statusbar .title { font-weight: bold; } .costs_amount { font-weight: bold; margin: 0 20px 0 5px; } table.bloxIndic td.bloxGeldig{ padding: 6px 0px 2px 0px; } div.tarieven_error { background:transparent url(../img/warning_icon.gif) no-repeat scroll 6px 0; } div.tarieven_error p { padding-left: 30px; } div.tarieven_error p.title { font-weight: bold; } div.tabButton { margin: 0px 0px 6px 0px; } .tight_input { width:168px; padding: 2px 0px; } .tight_select { width: 184px; margin: 2px 0px; } .tight_radio { padding: 0px 0px; margin: 0px; } h6.bloxActivation { padding: 6px 0px 6px 6px; font-size: 1.1em; font-weight: bold; color: #0077B7; } div.bloxActivationBox { width: 556px; height: 8.16em; overflow: visible; } div.bloxActivationBox div.bloxActivationDesc { float: left; padding: 0px 0px 0px 90px; width: 326px; } div.bloxActivationBox div.bloxActivationDesc p.title, div.bloxActivationBox div.bloxActivationInd span.indic { font-size: 1.1em; font-weight: bold; } div.bloxActivationBox div.bloxActivationDesc p.desc { font-size: 1.0em; font-weight: normal; } div.bloxActivationBox div.bloxActivationDesc p.desc strong { font-weight: bold; } div.bloxActivationBox div.bloxActivationDesc p.desc a { text-decoration: underline; } div.bloxActivationBox div.bloxActivationInd { float: right; width: 128px; padding-top: 12px; } div.bloxActivationBox div.bloxActivationInd img.icon{ width: 17px; height: 17px; } hr.bloxActivateHr { border: none 0; border-top: 1px dotted #cccccc; width: 80%; height: 1px; margin-bottom: 6px; } .blox_prepaid_VoordeelVast { background: transparent url(../img/voordeel-naarvast-abonn.gif) no-repeat scroll 6px top; } .blox_prepaid_60Halen { background: transparent url(../img/60halen3betalen-prepaid.gif) no-repeat scroll 6px top; } .blox_prepaid_ZorgeloosSMS { background: transparent url(../img/zorgel-sms-abonn.gif) no-repeat scroll 6px top; } .blox_prepaid_VoordeelReis { background: transparent url(../img/voordeel-op-reis-abonn.gif) no-repeat scroll 6px top; } .blox_prepaid_VoordeelBuitenland { background: transparent url(../img/voordeel-naar-buit-abonn.gif) no-repeat scroll 6px top; } .blox_prepaid_ZorgeloosMobiel { background: transparent url(../img/zorgel-mobint-abonn.gif) no-repeat scroll 6px top; } div.prepaidBloxLegend { padding: 2px 0px 0px 12px; } /* END BLOX STYLES */ /* END SELFPROVISIONING STYLES */ /* START NEW STYLES TOOLTIP STYLES */ img.toolTip { cursor: pointer; } img.toolTipText { cursor: pointer; padding: 0px 3px 0px 3px; } #boxTooltip { position: absolute; display: block; left: 0px; top: 0px; width: 221px; visibility: hidden; z-index: 345; margin: 0 0 0 0; padding 0 0 0 0; } .boxTooltipText { padding: 0 0 0 0; margin: 0 0 0 0; width: 221px; background: url("../img/tooltip_background.png"); } #boxTooltipParagraph { padding: 2px 4px 2px 4px; font-size: 11px; } .boxTooltipHeader, .boxTooltipHeader img { width: 221px; height: 8px; } .boxTooltipFooter, .boxTooltipFooter img { width: 221px; height: 30px; } /* END NEW STYLE TOOLTIP STYLES */ /* START TAG CLOUD STYLES */ .tagCloud { padding: 0px 2px 2px 8px; margin: 0; _padding: 0px 6px 6px 8px; _margin: 0px 0 5px 0; font-family: Arial; font-weight: bold; color: #333333; } .tagCloud li { display: inline; } .tagCloud .pos1, .tagCloud .pos2, .tagCloud .pos3 { word-spacing: 1px; line-height: 19px; _line-height: 20px; margin-right: 4px; vertical-align: middle; } .tagCloud .pos1 { font-size: 15px; } .tagCloud .pos2 { font-size:12px; } .tagCloud .pos3 { font-size:10px; } /* END TAG CLOUD STYLES */ /* START ECARD STYLES */ .ecard_space { margin-left: 10px; } .mod1Col_card { width: 170px; float: left; } /* END ECARD STYLES */ /* START RESULT LIST STYLES */ .results li { padding: 0; margin: 0; font-weight: normal; } .results li span { font-weight: bold; margin: 0; padding:0; } .results label { padding: 0 5px 0 0; margin: 0; font-weight: normal; } .results img { margin: 6px 0 0; } .results .inlineLabel_multiline { padding: 0px 0pt 5px 0; } /* END RESULT LIST STYLES */ /* START IE7 SPECIFIC OVERRIDES */ *:first-child+html .flashFooter { margin-bottom: 3px; } /* END IE7 SPECIFIC OVERRIDES */ /* START OVERRIDING CLASSES */ .relative { position: relative !important; margin-top: 7px !important; } .border { border: 1px solid #333 !important; } .relative-bottom { position: relative !important; bottom: 0 !important; margin: 6px 0 6px 0 !important; } /* END OVERRIDING CLASSES */ /* START TEST STYLES */ .inputErrMsg, li.inputErrMsg { font-weight:bold; width:auto; margin:0 0 4px 0; } .formList .inputErrMsg, .formList li.inputErrMsg { margin: 0 0 4px 178px; } .formButtons { height: auto; margin-left: 0; padding-left: 0; } .formList .formButtons { padding-left: 6px; margin-left: 172px; } /* CORRECTING STYLES */ .textContent .linklist_back { margin-left: 0; } .textContent .linklist_back li, .linklist_back li { margin-bottom: 0; } /* END TEST STYLES */ /* Start Specs Styles */ .SpecsBlock { margin-bottom: 0; } .SpecsBlock span { color: #000000; margin: 0; } .SpecsBlock .price { color: #ff0000; font-weight:bold; margin-bottom: 5px; } .SpecsBlock li { color: #008698; font-weight:normal; margin: 0; } .SpecsBlock li span { display: block; clear: both; font-weight: normal; } .SpecsBlock li span span{ display: inline; clear: both; font-weight: normal; text-decoration: underline; } /* end specs styles */ /* ------------------------------------------------ start online shop CSS --------------------------------------------------*/ a.bottomAligned { position: absolute; bottom: 5px; right: 5px; } .noTopSpacing { padding-top: 0px; } .checkmark_list { /* IE6 checkmark spacing fix */ _list-style-position: outside; _padding-left: 17px; } .formList .select_medium {width: 146px;} .formContact_noRightAlign label { margin: 0 6px 0 0; padding: 3px 0 0 3px; width: 169px; display: block; float: left; } .price { padding:4px 0 6px 6px; font-size: 1.5em; font-weight: bold; color: #ff0000; } div.actionbutton { margin-top: 12px; _margin-top: 6px; position: absolute; right: 8px; bottom: 42px; text-align: right; _float: right; /* ie6 button fix */ } .modProductFreeform div.textContainer div.actionbutton { right: 0px; bottom: 35px; } .link_list1Col_inline_multiline { width: 171px; padding-bottom: 1px; margin-bottom: 5px; background: url(../img/dottedLine.gif) repeat-x left bottom; } .link_list1Col_inline_multiline li { margin: 0 !important; background: url(../img/dottedLine.gif) repeat-x top left; padding-bottom: 1px; width: 100%; } .link_list1Col_inline_multiline a { padding: 4px 15px 0 0; display: block; background-position: 100% 4px; } .link_list1Col_inline span { padding: 4px 15px 0 0; display: block; background-position: 100% 4px; } .message_block_container_1col { width: 184px; margin-left: 1px; padding-bottom: 10px; _padding-bottom: 2px; } .message_block_actionbutton { margin-top: 5px; _margin-top: 0; position: absolute; right: 7px; padding-bottom: 15px; text-align: right; _float: right; /* ie6 button fix */ } .bg_spacing { margin-left: 1px; margin-right: 1px; } .modHeight168NoBorder { height: 171px; overflow: hidden; } div.bottomRelative img { position: relative; bottom: 18px; float: right; } div.color_choose { height: 1.636em; padding-top: 3px; padding-bottom: 0px; width: 100%; } div.color_choose span { background-position: 100% 4px; height: 1.636em;/*18px*/ } div.color_choose ul { display: inline; position: relative; left: 105px; } div.color_choose li {display: inline;} h2.subtitle { font-size: 150%; font-weight: normal; } h1.price { color: #ff0000; font-size:2.5em; font-weight:bold; line-height:1.1em; } div.inline ul { float: left; width: 40%; } .divider2 { background: #fff; font-size: 0; line-height: 0; height: 1px; } h2.less_spacing { padding-top: 10px; padding-left: 15px; padding-bottom: 5px; font-size: 135%; } ul.zak_specs { padding-left: 53px; list-style-type: disc; line-height: 100%; padding-bottom: 15px; } a.arrowPetrol { background:transparent url(../img/buttons/arrow-petrol.gif) no-repeat scroll right top; padding: 0px 20px 0px 0px; _padding: 0px 20px 0px 4px; } a.deletePetrol { background:transparent url(../img/buttons/blue_close.gif) no-repeat scroll right top; padding: 0px 20px 0px 0px; _padding: 0px 20px 0px 4px; } .aantalField {width: 39px;} /* BEGIN TAB NAVIGATION STYLES NEW BY KEVIN RIEMENS */ .tabBox2 { margin: 0 0 0 3px; border-bottom: 0; } .tabBox2 .tab2, .tabBox2 .activeTab { position: relative; padding: 5px 25px 3px 25px; border-right: 1px solid #fff; margin-bottom: 0px; display: inline; float: left; cursor: pointer; } .tabBox2 .tab2 {background: #bad4da;} .tabBox2 .activeTab { background:#008698 !important; font-weight:bold; color:#fff; } /* END TAB NAVIGATION STYLES */ /* CHANGES IN EXISTING STYLES */ /* -------------------------- */ .modProductFreeform div.textContainer p { margin-top: 30px; _margin-top: 0; } .modProductFreeform { height:12em; } .modProductFreeform div.textContainer { height:12em; } .modProductFreeform div.textContainer .priceTag{ margin: -8px 0px 2px 0px; } .checkmark_list { /* IE6 aligned fix */ _list-style-position: outside; _padding-left: 17px; } /* -------------------------- */ /* ---------------------------------------------------------- end onlineshop CSS ---------------------------------------------------------- */ /* ------------------------------------------------ start business portal CSS --------------------------------------------------*/ .linklist_forward { bottom: 7px; padding-bottom: 1px; float: right; } .linklist_forward li { padding-top: 3px; padding-bottom: 3px; } .linklist_forward li a { padding:0px 25px 5px 5px; margin: 0 0 0 5px; margin:0 2px 0 0; background: transparent url(../img/arrow-blue.gif) no-repeat scroll right top; } .linklist_forward li a:hover { background-position: right -100px; } .formList .input_large_extra { width: 362px; _width: 360px; } ol.grey { margin-left: 15px; color: #ccc; } ul.status_linklist { _margin-right: -15px; } .status_linklist li { display: inline important!; float: right; margin-right: 15px; font-weight: bold; background: none; } .tabBox_inmod .activeTab { position: relative; padding: 5px 9px 3px 9px; border-right: 1px solid #fff; margin-bottom: 0px; display: inline; float: left; cursor: pointer; } .tabBox_inmod .activeTab { background:#ffffff !important; font-weight:bold; color:#000000; } .tabBox_inmod { background: #a7c6cd; width: 100%; margin-left: 1px; height: 23px; _height: 24px; position: relative; } .formList .checkbox { /* change existing style, fixes aligment issue checkboxes */ float: left; margin-right: 3px; margin-top: 3px; _margin-top: 0px; } .checkbox_sub { float: left; margin-right: 3px; margin-left: 19px; margin-top: 3px; _margin-top: 0px; } .inlineLabel_multiline_radio { clear:none; display:block; max-width:335px; padding-left:193px; text-align:left; width:auto; } .formContact li .text { display:block; float:left; margin:0pt 6px 0pt 0pt; padding:3px 0pt 0pt 3px; } .pagination { text-align: center; padding-top: 15px; } .pagination li { display: inline; } /* ---------------------------------------------------------- end business portal CSS ---------------------------------------------------------- */ /* START HISTORY/P3 MODULE STYLES */ .nba-history-module h2, .nba-p3-module h2, .nba-p3-module-green h2, .nba-p3-module-blue h2, .nba-p3-module-red h2 { text-transform: uppercase; } .nba-history-module .modHeader { background-color: #333333; } .history-item { overflow: visible; cursor: pointer; font-weight: bold; padding-left:6px; padding-top: 3px; font-size: 1.1em; margin: 0 0 6px; } .history-item-details { font-weight: normal; font-size: 1.1em; padding: 0; background-color: #F5F5F5; margin: 6px 0 0; border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; width: 569px; } .nba-p3-module .modHeader, .nba-p3-module-green .modHeader, .nba-p3-module-red .modHeader, .nba-p3-module-blue .modHeader { border-bottom: 1px solid #FFFFFF; } .nba-p3-module-green .third-item .modHeader, .nba-p3-module-red .third-item .modHeader, .nba-p3-module-blue .third-item .modHeader { border-bottom-width: 0; } .nba-history-module .header-collapsed, .nba-history-module .header-extended { background-position: 547px 2px; background-repeat: no-repeat; background-attachment: scroll; border-bottom: 1px solid #6F6F6F; padding-bottom: 3px; } .nba-history-module .header-collapsed { background-image: url(../img/buttons/plus-grey.gif); } .nba-history-module .header-collapsed:hover { background-image: url(../img/buttons/plus-grey-over.gif); } .nba-history-module .header-extended { background-image: url(../img/buttons/min-grey.gif); } .nba-history-module .header-extended:hover { background-image: url(../img/buttons/min-grey-over.gif); } .item-image { float: left; width: 186px; } .item-content { float: left; width: 370px; margin: 0 0 0 12px; padding: 3px 0; } .nba-history-module .history-item-details { height: auto; /*90px*/ margin-bottom: 2px; } .nba-p3-module-red .modBody, .nba-p3-module-blue .modBody, .nba-p3-module-green .modBody, .nba-p3-module .modBody { } .nba-vertical .modBody { height: 23.18em; } .nba-history-module .modCopy, .nba-p3-module-red .modCopy, .nba-p3-module-blue .modCopy, .nba-p3-module-green .modCopy, .nba-p3-module .modCopy { padding-top: 0; padding-left: 0; padding-right: 0; width: 570px; } .nba-vertical .modCopy { padding: 0 6px 6px 6px; width: 176px; } .nba-p3-module .item-content, .nba-p3-module-green .item-content, .nba-p3-module-blue .item-content, .nba-p3-module-red .item-content { width: 368px; } .nba-history-module .link_list3Col, .nba-p3-module .link_list3Col, .nba-p3-module-green .link_list3Col, .nba-p3-module-blue .link_list3Col, .nba-p3-module-red .link_list3Col { width: 366px; position: absolute; margin: 0; clear: left; bottom: 6px; } .nba-p3-module .link_list1Col, .nba-p3-module-green .link_list1Col, .nba-p3-module-blue .link_list1Col, .nba-p3-module-red .link_list1Col { width: 174px; position: absolute; bottom: 6px; margin: 0; clear: left; float: left; } .nba-vertical .link_list1Col { bottom: 6px; } .nba-vertical .textBtnRed, .nba-p3-module .textBtnRed, .nba-p3-module-green .textBtnRed, .nba-p3-module-blue .textBtnRed, .nba-p3-module-red .textBtnRed { float: right; clear: right; margin: 0; background: transparent url(../img/buttons/btnRedNoShadow-right.gif) no-repeat scroll top right; overflow: hidden; } .nba-vertical .textBtnRed span, .nba-p3-module .textBtnRed span { background-image: url(../img/buttons/btnRedNoShadow-left.gif); background-position: left -1px; overflow: hidden; } .nba-history-module .link_list3Col li, .nba-p3-module .link_list3Col li, .nba-p3-module-green .link_list3Col li, .nba-p3-module-blue .link_list3Col li, .nba-p3-module-red .link_list3Col li { height: auto; margin: 0; } .nba-history-module .link_list3Col li a, .nba-p3-module .link_list3Col li a, .nba-p3-module-green .link_list3Col li a, .nba-p3-module-blue .link_list3Col li a, .nba-p3-module-red .link_list3Col li a { } .nba-p3-module .info-button, .nba-p3-module-green .info-button, .nba-p3-module-blue .info-button, .nba-p3-module-red .info-button { padding: 4px 15px 0 0; } .nba-p3-module .modHeader, .nba-p3-module-green .modHeader, .nba-p3-module-blue .modHeader, .nba-p3-module-red .modHeader { cursor: pointer; } /* Color distinction. */ .nba-p3-module .green .modHeader { background-color: #6B8E23; } .nba-p3-module .green .modHeader:hover { background-color: #6B8E23; } .nba-p3-module .green .link_list3Col a.info-button { background: transparent url(../img/buttons/arrow-grassGreen.gif) no-repeat 4px right; } .nba-vertical .green .modBody { background-color: #BADFA7; } .nba-p3-module .dark-blue .modHeader { /* background: #3366FF url(../img/buttons/plus_faq.gif) no-repeat 4px 4px; */ background-color: #3366FF; } .nba-p3-module .dark-blue .modHeader:hover { /* background: #3366FF url(../img/buttons/plus_faq_down.gif) no-repeat 4px 4px; */ background-color: #3366FF; } .nba-p3-module .dark-blue .link_list3Col a.info-button { background: transparent url(../img/buttons/arrow-blue.gif) no-repeat 4px right; } .nba-vertical .dark-blue .modBody { background-color: #BFD0FF; } .nba-p3-module .light-blue .modHeader { /* background: #AFC5FF url(../img/buttons/plus_faq.gif) no-repeat 4px 4px; */ background-color: #AFC5FF; } .nba-p3-module .light-blue .modHeader:hover { /* background: #AFC5FF url(../img/buttons/plus_faq_down.gif) no-repeat 4px 4px; */ background-color: #AFC5FF; } .nba-p3-module .light-blue .link_list3Col a.info-button { background: transparent url(../img/buttons/arrow-lightBlue.gif) no-repeat 4px right; } .nba-vertical .light-blue .modBody { background-color: #EFEFEF; } .nba-p3-module .accordsuffix, .nba-p3-module-green .accordsuffix, .nba-p3-module-blue .accordsuffix, .nba-p3-module-red .accordsuffix, .nba-history-module .accordsuffix { float: right; margin: 4px 6px 0 0; } .nba-history-module .accordsuffix { margin: 0; } .header-extended , .header-collapsed { background-repeat: no-repeat; background-position: 549px 4px; } .nba-vertical .header-extended, .nba-vertical .header-collapsed { background-position: 165px 4px; } .statusicon { display: none; } /* END HISTORY MODULE STYLES */ /* START SLIDING MODULE COLOR STYLES */ /* Green styles */ .nba-p3-module .green-aqua .modHeader, .nba-vertical .green-aqua .modHeader, .nba-p3-module-green .first-item .modHeader, .nba-vertical-green .first-item .modHeader { background-color: #00a8aa; } .nba-p3-module .green-aqua .modBody, .nba-vertical .green-aqua .modBody, .nba-p3-module-green .first-item .modBody, .nba-vertical-green .first-item .modBody { background-color: #CCEEEE; } .nba-p3-module .green-aqua a.info-button, .nba-p3-module-green .first-item a.info-button { background: url(../img/buttons/arrow-green-aqua.gif) no-repeat right 4px; } .nba-p3-module .green-auqa a.info-button:hover, .nba-p3-module-green .first-item a.info-button:hover { background: url(../img/buttons/arrow-green-aqua-over.gif) no-repeat right 4px; } .nba-p3-module .green-aqua .header-extended, .nba-p3-module-green .first-item .header-extended { background-image: url(../img/buttons/min-green-aqua.gif); } .nba-p3-module .green-aqua .header-extended:hover, .nba-p3-module-green .first-item .header-extended:hover { background-image: url(../img/buttons/min-green-aqua-over.gif); } .nba-p3-module .green-aqua .header-collapsed, .nba-p3-module-green .first-item .header-collapsed { background-image: url(../img/buttons/plus-green-aqua.gif); } .nba-p3-module .green-aqua .header-collapsed:hover, .nba-p3-module-green .first-item .header-collapsed:hover { background-image: url(../img/buttons/plus-green-aqua-over.gif); } .nba-p3-module .green-spoke .modHeader, .nba-vertical .green-spoke .modHeader, .nba-p3-module-green .second-item .modHeader, .nba-vertical-green .second-item modHeader { background-color: #9ac80d; } .nba-p3-module .green-spoke .modBody, .nba-vertical .green-spoke .modBody, .nba-p3-module-green .second-item .modBody, .nba-vertical-green .second-item .modBody { background-color: #EBF4CF; } .nba-p3-module .green-spoke a.info-button, .nba-p3-module-green .second-item a.info-button { background: url(../img/buttons/arrow-green-spoke.gif) no-repeat right 4px; } .nba-p3-module .green-spoke a.info-button:hover, .nba-p3-module-green .second-item a.info-button:hover { background: url(../img/buttons/arrow-green-spoke-over.gif) no-repeat right 4px; } .nba-p3-module .green-spoke .header-extended, .nba-p3-module-green .second-item .header-extended { background-image: url(../img/buttons/min-green-spoke.gif); } .nba-p3-module .green-spoke .header-extended:hover, .nba-p3-module-green .second-item .header-extended:hover { background-image: url(../img/buttons/min-green-spoke-over.gif); } .nba-p3-module .green-spoke .header-collapsed, .nba-p3-module-green .second-item .header-collapsed { background-image: url(../img/buttons/plus-green-spoke.gif); } .nba-p3-module .green-spoke .header-collapsed:hover, .nba-p3-module-green .second-item .header-collapsed:hover { background-image: url(../img/buttons/plus-green-spoke-over.gif); } .nba-p3-module .green-way .modHeader, .nba-vertical .green-way .modHeader, .nba-p3-module-green .third-item .modHeader, .nba-vertical-green .third-item .modHeader { background-color: #128f34; } .nba-p3-module .green-way .modBody, .nba-vertical .green-way .modBody, .nba-p3-module-green .third-item .modBody, .nba-vertical-green .third-item .modBody { background-color: #D0E9D6; } .nba-p3-module-green a.info-button:hover { color: #128F34; } .nba-p3-module .green-way a.info-button, .nba-p3-module-green .third-item a.info-button { background: url(../img/buttons/arrow-green-way.gif) no-repeat right 4px; } .nba-p3-module .green-way a.info-button:hover, .nba-p3-module-green .third-item a.info-button:hover { background: url(../img/buttons/arrow-green-way-over.gif) no-repeat right 4px; } .nba-p3-module .green-way .header-extended, .nba-p3-module-green .third-item .header-extended { background-image: url(../img/buttons/min-green-way.gif); } .nba-p3-module .green-way .header-extended:hover, .nba-p3-module-green .third-item .header-extended:hover { background-image: url(../img/buttons/min-green-way-over.gif); } .nba-p3-module .green-way .header-collapsed, .nba-p3-module-green .third-item .header-collapsed { background-image: url(../img/buttons/plus-green-way.gif); } .nba-p3-module .green-way .header-collapsed:hover, .nba-p3-module-green .third-item .header-collapsed:hover { background-image: url(../img/buttons/plus-green-way-over.gif); } /* Red styles */ .nba-p3-module .red-scout .modHeader, .nba-vertical .red-scout .modHeader, .nba-p3-module-red .first-item .modHeader, .nba-vertical-red .first-item .modHeader { background-color: #f78325; } .nba-p3-module .red-scout .modBody, .nba-vertical .red-scout .modBody, .nba-p3-module-red .first-item .modBody, .nba-vertical-red .first-item .modBody { background-color: #FDE6D3; } .nba-p3-module-red a.info-button:hover { color: #D71920; } .nba-p3-module .red-scout a.info-button, .nba-p3-module-red .first-item a.info-button { background: url(../img/buttons/arrow-red-scout.gif) no-repeat right 4px; } .nba-p3-module .red-scout a.info-button:hover, .nba-p3-module-red .first-item a.info-button:hover { background: url(../img/buttons/arrow-red-scout-over.gif) no-repeat right 4px; } .nba-p3-module .red-scout .header-extended, .nba-p3-module-red .first-item .header-extended { background-image: url(../img/buttons/min-red-scout.gif); } .nba-p3-module .red-scout .header-extended:hover, .nba-p3-module-red .first-item .header-extended:hover { background-image: url(../img/buttons/min-red-scout-over.gif); } .nba-p3-module .red-scout .header-collapsed, .nba-p3-module-red .first-item .header-collapsed { background-image: url(../img/buttons/plus-red-scout.gif); } .nba-p3-module .red-scout .header-collapsed:hover, .nba-p3-module-red .first-item .header-collapsed:hover { background-image: url(../img/buttons/plus-red-scout-over.gif); } .nba-p3-module .red-yellow .modHeader, .nba-vertical .red-yellow .modHeader, .nba-p3-module-red .second-item .modHeader, .nba-vertical-red .second-item .modHeader { background-color: #febf0f; } .nba-p3-module .red-yellow .modBody, .nba-vertical .red-yellow .modBody, .nba-p3-module-red .second-item .modBody, .nba-vertical-red .second-item .modBody { background-color: #FFF2CF; } .nba-p3-module .red-yellow a.info-button, .nba-p3-module-red .second-item a.info-button { background: url(../img/buttons/arrow-red-yellow.gif) no-repeat right 4px; } .nba-p3-module .red-yellow a.info-button:hover, .nba-p3-module-red .second-item a.info-button:hover { background: url(../img/buttons/arrow-red-yellow-over.gif) no-repeat right 4px; } .nba-p3-module .red-yellow .header-extended, .nba-p3-module-red .second-item .header-extended { background-image: url(../img/buttons/min-red-yellow.gif); } .nba-p3-module .red-yellow .header-extended:hover, .nba-p3-module-red .second-item .header-extended:hover { background-image: url(../img/buttons/min-red-yellow-over.gif); } .nba-p3-module .red-yellow .header-collapsed, .nba-p3-module-red .second-item .header-collapsed { background-image: url(../img/buttons/plus-red-yellow.gif); } .nba-p3-module .red-yellow .header-collapsed:hover, .nba-p3-module-red .second-item .header-collapsed:hover { background-image: url(../img/buttons/plus-red-yellow-over.gif); } .nba-p3-module .red-fox .modHeader, .nba-vertical .red-fox .modHeader, .nba-p3-module-red .third-item .modHeader, .nba-vertical-red .third-item .modHeader { background-color: #d71920; } .nba-p3-module .red-fox .modBody, .nba-vertical .red-fox .modBody, .nba-p3-module-red .third-item .modBody, .nba-vertical-red .third-item .modBody { background-color: #F7D1D2; } .nba-p3-module .red-fox a.info-button, .nba-p3-module-red .third-item a.info-button { background: url(../img/buttons/arrow-red-fox.gif) no-repeat right 4px; } .nba-p3-module .red-fox a.info-button:hover, .nba-p3-module-red .third-item a.info-button:hover { background: url(../img/buttons/arrow-red-fox-over.gif) no-repeat right 4px; } .nba-p3-module .red-fox .header-extended, .nba-p3-module-red .third-item .header-extended { background-image: url(../img/buttons/min-red-fox.gif); } .nba-p3-module .red-fox .header-extended:hover, .nba-p3-module-red .third-item .header-extended:hover { background-image: url(../img/buttons/min-red-fox-over.gif); } .nba-p3-module .red-fox .header-collapsed, .nba-p3-module-red .third-item .header-collapsed { background-image: url(../img/buttons/plus-red-fox.gif); } .nba-p3-module red-foxc .header-collapsed:hover, .nba-p3-module-red .third-item .header-collapsed:hover { background-image: url(../img/buttons/plus-red-fox-over.gif); } /* Blue styles */ .nba-p3-module .blue-digg .modHeader, .nba-vertical .blue-digg .modHeader, .nba-p3-module-blue .first-item .modHeader, .nba-vertical-blue .first-item .modHeader { background-color: #1b5891; } .nba-p3-module .blue-digg .modBody, .nba-vertical .blue-digg .modBody, .nba-p3-module-blue .first-item .modBody, .nba-vertical-blue .first-item .modBody { background-color: #D1DEE9; } .nba-p3-module .blue-digg a.info-button, .nba-p3-module-blue .first-item a.info-button { background: url(../img/buttons/arrow-blue-digg.gif) no-repeat right 4px; } .nba-p3-module .blue-digg a.info-button:hover, .nba-p3-module-blue .first-item a.info-button:hover { background: url(../img/buttons/arrow-blue-digg-over.gif) no-repeat right 4px; } .nba-p3-module .blue-digg .header-extended, .nba-p3-module-blue .first-item .header-extended { background-image: url(../img/buttons/min-blue-digg.gif); } .nba-p3-module .blue-digg .header-extended:hover, .nba-p3-module-blue .first-item .header-extended:hover { background-image: url(../img/buttons/min-blue-digg-over.gif); } .nba-p3-module .blue-digg .header-collapsed, .nba-p3-module-blue .first-item .header-collapsed { background-image: url(../img/buttons/plus-blue-digg.gif); } .nba-p3-module .blue-digg .header-collapsed:hover, .nba-p3-module-blue .first-item .header-collapsed:hover { background-image: url(../img/buttons/plus-blue-digg-over.gif); } .nba-p3-module .blue-linked .modHeader, .nba-vertical .blue-linked .modHeader, .nba-p3-module-blue .second-item .modHeader, .nba-vertical-blue .second-item .modHeader { background-color: #1a7fb3; } .nba-p3-module .blue-linked .modBody, .nba-vertical .blue-linked .modBody, .nba-p3-module-blue .second-item .modBody, .nba-vertical-blue .second-item .modBody { background-color: #D1DEE9; } .nba-p3-module .blue-linked a.info-button, .nba-p3-module-blue .second-item a.info-button { background: url(../img/buttons/arrow-blue-linked.gif) no-repeat right 4px; } .nba-p3-module .blue-linked a.info-button:hover, .nba-p3-module-blue .second-item a.info-button:hover { background: url(../img/buttons/arrow-blue-linked-over.gif) no-repeat right 4px; } .nba-p3-module .blue-linked .header-extended, .nba-p3-module-blue .second-item .header-extended { background-image: url(../img/buttons/min-blue-linked.gif); } .nba-p3-module .blue-linked .header-extended:hover, .nba-p3-module-blue .second-item .header-extended:hover { background-image: url(../img/buttons/min-blue-linked-over.gif); } .nba-p3-module .blue-linked .header-collapsed, .nba-p3-module-blue .second-item .header-collapsed { background-image: url(../img/buttons/plus-blue-linked.gif); } .nba-p3-module .blue-linked .header-collapsed:hover, .nba-p3-module-blue .second-item .header-collapsed:hover { background-image: url(../img/buttons/plus-blue-linked-over.gif); } .nba-p3-module .blue-aqua .modHeader, .nba-vertical .blue-aqua .modHeader, .nba-p3-module-blue .third-item .modHeader, .nba-vertical-blue .third-item .modHeader { background-color: #478898; } .nba-p3-module .blue-aqua .modBody, .nba-vertical .blue-aqua .modBody, .nba-p3-module-blue .third-item .modBody, .nba-vertical-blue .third-item .modBody { background-color: #DAE8EB; } .nba-p3-module .blue-aqua a.info-button, .nba-p3-module-blue .third-item a.info-button { background: url(../img/buttons/arrow-blue-aqua.gif) no-repeat right 4px; } .nba-p3-module .blue-aqua a.info-button:hover, .nba-p3-module-blue .third-item a.info-button:hover { background: url(../img/buttons/arrow-blue-aqua-over.gif) no-repeat right 4px; } .nba-p3-module .blue-aqua .header-extended, .nba-p3-module-blue .third-item .header-extended { background-image: url(../img/buttons/min-blue-aqua.gif); } .nba-p3-module .blue-aqua .header-extended:hover, .nba-p3-module-blue .third-item .header-extended:hover { background-image: url(../img/buttons/min-blue-aqua-over.gif); } .nba-p3-module .blue-aqua .header-collapsed, .nba-p3-module-blue .third-item .header-collapsed { background-image: url(../img/buttons/plus-blue-aqua.gif); } .nba-p3-module .blue-aqua .header-collapsed:hover, .nba-p3-module-blue .third-item .header-collapsed:hover { background-image: url(../img/buttons/plus-blue-aqua-over.gif); } /* END SLIDING MODULE COLOR STYLES */ /* END NBA MODULE STYLES */ /* unsorted CSS still to be sorted */ .colSplit .modCopy3col { width: 575px; } .colSplit .modCopy1col { width: 170px; } .select_phoneSet { width: 360px; } .modHeightAuto .link_list3Col { /* Fixes IE6 Problem with link list positioning in IE6 */ position: absolute; width: 555px; bottom: 7px; _bottom: 27px; padding-bottom: 1px; background: url(../img/dottedLine.gif) repeat-x left bottom; } ul.middle { margin-left: 100px; } .text_green { color: #8BC55A; } .text_red { color: #FF0000; } .inline_redTitle { color: #ff0000; } .nba-vertical .modHeightAuto { height: auto !important; overflow: hidden; } /* 2org */ .modCopy p { font-size: 90%; }