/* ''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' Elements ''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' */ @media all { html, body { height: 100%; width: 100%; margin: 0px; padding: 0px; } body { font-size: 0.8em; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; margin-right: 0px; margin-left: 0px; margin-top: 0px; text-align: center; } /* ##### SITE WIDE TYPOGRAPHY START ##### */ p { color: #555; } h1 { font-weight: 500; /*color: #444;*/ margin: 0; padding: 0; font-size: 1.5em; letter-spacing: 0.04em; } h2 { font-weight: normal; color: #444; font-size: 1.45em; } h3 { font-size: 1.35em; padding: 1em 0 0.5em 0em; color: #444; font-weight: normal; } h3 a { } h3 a:hover { text-decoration: none; } h3 span.reducedtext { font-size: 0.75em; } h4 { font-size: 1.3em; color: #444; font-weight: normal; padding: 1em 0 0em 0; } h5 { font-size: 1.2em; color: #444; font-weight: normal; } fieldset { padding: 1em 1em 1em 1em; } acrynom { border-bottom: dotted 1px #ccc; cursor: help; } acrynom:hover { border-bottom: none; } /* ###### SITE WIDE TYPOGRAPHY END ##### */ .masterpageicons img { margin: 15px auto; } img, object, embed, div, form { margin: 0; padding: 0; border: none; vertical-align: text-bottom; } .label { margin: 0; padding: 0; width: 40px; line-height: 19px; border: none; text-align: right; display: block; float: left; } a:link { color: #89288F; } a:hover { color: #333; } a:visited { color: #89288F; } ul li ol { color: #555; } li { line-height: 150%; color: #555; } textarea { font-family: inherit; font-size: 1em; } .ordered-list li { list-style-image: none; } /* ''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' Element Id's ''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' */ #base { min-width: 1000px; text-align: left; } #header { /*position:absolute; top: 0px; left: 0px; width: 100%; height: 136px; background-color: Orange;*/ } #headerContainer { height: 105px; } #logo { float: left; margin: 0; padding: 5px 0 0 13px; } #fullheader { /*position: relative; width: 300px; margin-top: 10px; margin-left: auto; margin-right: auto; padding-left: 300px; background-image:url(images/header_background.gif); background-position: 0px 5px; background-repeat:no-repeat; height: 110px; background-image:url(images/header_background.jpg);*/ } #bottomContainer { /*float: left;*/ margin: 0px 10px 10px 10px; border-bottom: 1px solid #FFFFFF; } .headerImage { float: right; margin: 10px 10px 0 0; } .leftColumn { width: 155px; float: left; } .rightColumn { width: 155px; float: right; } #main { margin: 0px 175px 0px 175px; } .main { padding-top: 15px; } #mainLeftOnly { margin: 0px 0px 0px 165px; } #main2span { width: 500px; margin: 0 auto; text-align: center; } #mainAdmin { position: relative; top: 136px; left: 180px; width: 600px; padding: 0; z-index: 4; } #footer { clear: both; /*width: 100%;*/ padding: 5px; color: #666666; text-align: center; font-size: x-small; /*margin: 2em 0 0 0;*/ margin: 10px 10px 10px 10px; border: 1px solid #ccc; } #mainNav { /*position:absolute; top: 105px; left: 0px;*/ height: 35px; width: 100%; padding: 0; margin: 10px 0 10px 0; text-align: left; background-image: url(images/bkgr-blue.gif); background-repeat: repeat-x; background-color: #89288F; } #welcome { float: left; width: 50%; padding: 0; margin: 0; line-height: 35px; text-align: center; text-indent: 0; color: #fff; display: inline; } #Nav ul { margin: 0; padding: 0; list-style-type: none; width: 70%; display: inline; } #Nav li { float: left; margin: 0; padding: 0; list-style-type: none; height: 35px; } #Nav a { display: block; height: 35px; text-decoration: none; background-repeat: no-repeat; text-indent: -3000px; } #adminDetails { /*position:absolute; top: 140px; left: 10px;*/ margin: 0px 0 0 0px; } /*#adminDetails ul { margin-left: 10px; }*/ #adminDetails li { text-align: left; } #adminDetails li .title { font-weight: bold; /*width: 38px; display:block; float:left; clear:right;*/ } #adminNav { /*position:absolute; top: 275px; left: 10px;*/ margin: 0px 0 0 0px; } #adminNav li { list-style-type: none; } #adminNav a { font-weight: normal; text-decoration: none; } #adminNav .menu_item { margin-left: 10px; } #adminNav .menu_item_title { padding-top: 0px; padding-bottom: 0px; width: 100%; font-weight: bold; font-size: small; color: #89288F; margin-top: 0px; margin-bottom: 0px; } #adminNav .menu_item_seperator { margin: 0px; padding: 0px; height: 2px; color: #89288F; } #userMenu, #accountMenu { position: absolute; top: 490px; left: 10px; height: 200px; } html > body #userMenu, #accountMenu { top: 490px; } .Inline { display: inline; } .xsmall_font { font-size: xx-small; } .scroll { overflow: auto; height: 150px; } a.White { color: #fff; text-decoration: none; } a.White:hover { text-decoration: underline; } a.WhiteBold { color: #fff; font-weight: bold; text-decoration: none; } a.WhiteBold:hover { text-decoration: underline; } .link_home a { width: 75px; background-image: url(images/home.gif); } .link_home a:hover { background-image: url(images/homeOver.gif); } .link_search a { width: 75px; background-image: url(images/search.gif); } .link_search a:hover { background-image: url(images/searchOver.gif); } .link_bookmarks a { width: 94px; background-image: url(images/bookmarks.gif); } .link_bookmarks a:hover { background-image: url(images/bookmarksOver.gif); } .link_fasttrack a { width: 94px; background-image: url(images/fasttrack.gif); } .link_fasttrack a:hover { background-image: url(images/fasttrackOver.gif); } .link_trolley a { width: 75px; background-image: url(images/trolley.gif); } .link_trolley a:hover { background-image: url(images/trolleyOver.gif); } .link_help a { width: 75px; background-image: url(images/help.gif); } .link_help a:hover { background-image: url(images/helpOver.gif); } #mainImageContainer { text-align: left; padding: 0; margin: 10px 0; /*width: 100%;*/ } #priceblock { /*width: 50%;*/ } #OrganisationUsers { padding: 0; margin: 0; width: auto; } #OrganisationUsers tr { padding: 0; margin: 0; } #OrganisationUsers td { padding: 0 0 0 10px; margin: 0; text-align: right; line-height: 1.5em; } #tags { margin: 0 0 10px 0; } #tags a { margin: 0 10px 0 0; } #displayPanel tr { margin: 0; padding: 0; height: 100px; vertical-align: top; overflow: hidden; } .title { text-align: left; padding: 0; margin: 0; background-color: #F1E6F2; border: 1px solid #ccc; margin: 0 0 2em 0; display: block; } .sectionTitle { font-size: large; font-weight: bold; } .error { color: #ff0000; font-size: 1em; } /* ''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' Classes ''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' */ .h5 { height: 5px; display: block; } .assocPanel td { width: 130px; padding: 0 0 10px 0; text-align: center; vertical-align: middle; } .assocPanel img { width: 100px; } .sectionTitle, .center { text-align: center; } .blue { color: #89288F; } .background_paleblue { background-color: #F1E6F2; } .textBox_blue { line-height: 17px; height: 17px; border: solid 1px #89288F; margin: 0 5px 0 0; padding: 0; } .ListBoxBlue { border: solid 1px #89288F; margin: 0 5px 0 0; padding: 0; } .delpointtext { font-size: 0.75em; } .navigation { width: 150px; margin: 20px 0 20px 0; padding: 0 0 10px 0; color: #000; background-color: #E8EDF9; } .routetext { margin: 10px 0; padding: 0; color: #89288F; font-size: 80%; } .routetext a { color: #89288F; text-decoration: none; } .routetext a:hover { text-decoration: underline; } .whitehead { font-size: 85%; color: #fff; padding: 4px 0 0 10px; margin: 0; text-align: left; vertical-align: text-bottom; font-weight: bold; } .blackhead { font-size: 85%; color: #000; padding: 4px 0 0 10px; margin: 0; text-align: left; vertical-align: text-bottom; } .bluehead { font-size: 85%; color: #89288F; padding: 4px 0 0 10px; margin: 0; text-align: left; vertical-align: text-bottom; } .bluetab { background-color: #F0F3FB; font-weight: bold; } .bluefooter { border-bottom: solid 1px #89288F; } .large { width: 300px; } .panel { width: 155px; margin-bottom: 10px; } .panel_top { padding: 0; margin: 0; width: 155px; height: 21px; background-image: url(images/panel_top.gif); background-position: top left; background-repeat: no-repeat; } .panel_mid { padding: 10px 0px 10px 10px; margin: 1px 0; /*width: 143px;*/ border: solid 1px #89288F; } .panel_mid_short { padding: 5px 0px 10px 10px; margin: 1px 0; width: 143px; border: solid 1px #89288F; } .large_pan_top { padding: 0; margin: 15px 0 0 0; width: 400px; height: 21px; background-image: url(images/large_panel_top.gif); background-position: top left; background-repeat: no-repeat; } .large_pan_mid { padding: 10px 0; margin: 1px 0; width: 398px; border: solid 1px #89288F; } .large_pan_mid_short { padding: 5px 0; margin: 1px 0; width: 398px; border: solid 1px #89288F; } .xlarge_pan_top { padding: 0; margin: 15px 0 0 0; width: 500px; height: 21px; background-image: url(images/xlarge_panel_top.gif); background-position: top left; background-repeat: no-repeat; } .xlarge_pan_mid { padding: 10px 0; margin: 1px 0; width: 498px; border: solid 1px #89288F; } .xlarge_pan_mid_short { padding: 5px 0; margin: 1px 0; width: 498px; border: solid 1px #89288F; } .xlarge_pan_bottom { padding: 0; margin: 0; width: 500px; height: 21px; background-image: url(images/xlarge_panel_bottom.gif); background-position: bottom right; background-repeat: no-repeat; text-align: right; } .panel_mid ul, .panel_mid_short ul, .large_pan_mid ul, .large_pan_mid_short ul { margin: 0; padding: 0; list-style-type: none; } .panel_mid li, .panel_mid_short li, .large_pan_mid li, .large_pan_mid_short li { margin: 0; padding: 0 5px 0 0; list-style-type: none; text-align: right; line-height: 1.3em; } .panel_mid a, .panel_mid_short a, .large_pan_mid a, .large_pan_mid_short a { font-weight: bold; font-size: 85%; text-decoration: none; color: #89288F; } .panel_mid a:hover, .panel_mid_short a:hover, .large_pan_mid a:hover, .large_pan_mid_short a:hover, a.greyText:hover, a.productLink:hover { color: #FF9933; } .panel_bottom { padding: 0 10px; margin: 0; width: 135px; height: 21px; background-image: url(images/panel_bottom.gif); background-position: bottom right; background-repeat: no-repeat; text-align: right; } .large_pan_bottom { padding: 0; margin: 0; width: 400px; height: 21px; background-image: url(images/large_panel_bottom.gif); background-position: bottom right; background-repeat: no-repeat; text-align: right; } .panel_bottom a, .large_pan_bottom a { height: 13px; width: 13px; float: right; margin: 4px 10px 0 0; text-indent: -3000px; text-decoration: none; background-image: url(images/minus_blue.gif); background-repeat: no-repeat; text-align: left; } .panel_bottom a:hover, .large_pan_bottom a:hover { background-image: url(images/minus_orange.gif); background-repeat: no-repeat; } .panel_bottom a.button { margin: 4px 10px 0 0; text-indent: 0px; } .panel_selected { font-weight: bold; font-size: 85%; text-decoration: none; color: #FFF; width: 100px; background-color: #89288F; } a.open { background-image: url(images/plus_blue.gif); background-repeat: no-repeat; } a.open:hover { background-image: url(images/plus_orange.gif); background-repeat: no-repeat; } .datalist { position: static; padding: 0; margin: 0; width: 100%; } .headerStyle { background-color: #F5F7FC; font-weight: bold; } .headerStyle th:first-child, .footerStyle td:first-child { padding: 0 0 0 10px; } .footerStyle { background-color: #FCF3F7; font-weight: bold; } .itemStyle { background-color: #fff; line-height: 2em; } .alternating { background-color: #F5F5F5; line-height: 2em; } a.remove { height: 16px; width: 49px; display: block; background-image: url(images/Remove.gif); background-repeat: no-repeat; text-decoration: none; text-indent: -3000px; } a.remove:hover { background-image: url(images/Remove_orange.gif); } .greyBorder { border: solid 1px #CCCCCC; } .greyText { color: #666; } .productLink { color: #000; margin: 0 0 0 10px; } .CategoryList table { /*width: 100%;*/ line-height: 2em; margin: 0 0 20px 0; } .CategoryList table a { color: Black; } .AttributeList { /*margin-left: 310px;*/ padding-left: 5px; } .ItemList { } .ItemGroupContainer { text-align: center; font-family: Arial, Helvetica, sans-serif; width: 100%; border-collapse: collapse; padding: 0 0 0 0; margin: 0 0 0 0; } .ItemGroupContainer a.budget { border: 2px solid #cc0099; background: url(/App_Themes/screen/images/group-styles/budget_icon.jpg) no-repeat left top; } .ItemGroupContainer a.budget:hover { border: 2px solid #3366cc; } .ItemGroupContainer a.budget:active { border: 2px solid #000; } .ItemGroupContainer td /*Item*/ { text-align: center; width: 33%; } .ItemGroupContainer a { display: block; padding: 10px; text-decoration: none; font-size: x-small; color: #000; /*width: 50%;*/ height: 125px; margin: 0px 5px 10px 5px; } .ItemGroupContainer img { border: 0; width: 100px; height: 100px; } .floatLeft { float: left; } .floatRight { float: right; } .pageMarkers { width: 100%; } .commandContainer a { font-weight: normal; padding: 0; display: block; height: 17px; line-height: 17px; margin: 1px 0 0 0; text-decoration: none; color: Black; background: url(images/btn_med_off.gif) no-repeat; width: 50px; text-align: center; float: right; } .commandContainer a:hover { background: url(images/btn_med_on.gif) no-repeat; color: #000; } /*#### BUTTONS #####*/ a.button { font-weight: normal; padding: 0 0 3px 4px; display: block; height: 17px; margin: 1px 0 0 0; text-decoration: none; color: Black; line-height: 15px; } a.button:hover { text-decoration: underline; } /* plain buttons */ a.single { background: url(images/btn_single_off.gif) no-repeat; width: 17px; padding: 0; text-align: center; } a.singleOn { background: url(images/btn_single_on.gif) no-repeat; width: 17px; padding: 0; text-align: center; } a.single:hover { background: url(images/btn_single_on.gif) no-repeat; color: #000; } a.small { background: url(images/btn_small_off.gif) no-repeat; width: 25px; padding: 0; text-align: center; } a.smallOn { background: url(images/btn_small_on.gif) no-repeat; width: 25px; padding: 0; text-align: center; } a.small:hover { background: url(images/btn_small_on.gif) no-repeat; color: #000; } a.med { background: url(images/btn_med_off.gif) no-repeat; width: 50px; padding: 0; text-align: center; } a.medOn { background: url(images/btn_med_on.gif) no-repeat; width: 50px; padding: 0; text-align: center; } a.med:hover { background: url(images/btn_med_on.gif) no-repeat; color: #000; } a.large { background: url(images/btn_large_off.gif) no-repeat; width: 100px; padding: 0; text-align: center; } a.largeOn { background: url(images/btn_large_on.gif) no-repeat; width: 100px; padding: 0; text-align: center; } a.large:hover { background: url(images/btn_large_on.gif) no-repeat; color: #000; } a.xlarge { background: url(images/btn_xlarge_off.gif) no-repeat; width: 200px; padding: 0; text-align: center; } a.xlargeOn { background: url(images/btn_xlarge_on.gif) no-repeat; width: 200px; padding: 0; text-align: center; } a.xlarge:hover { background: url(images/btn_xlarge_on.gif) no-repeat; color: #000; } /* arrowed buttons */ a.single_arrow { background: url(images/btn_arrow_single_off.gif) no-repeat; width: 17px; text-align: left; } a.single_arrow:hover { background: url(images/btn_arrow_single_on.gif) no-repeat; color: #000; } a.small_arrow { background: url(images/btn_arrow_small_off.gif) no-repeat; width: 25px; text-align: left; } a.small_arrow:hover { background: url(images/btn_arrow_small_on.gif) no-repeat; color: #000; } a.med_arrow { background: url(images/btn_arrow_med_off.gif) no-repeat; width: 50px; text-align: left; } a.med_arrow:hover { background: url(images/btn_arrow_med_on.gif) no-repeat; color: #000; } a.large_arrow { background: url(images/btn_arrow_large_off.gif) no-repeat; width: 100px; text-align: left; } a.large_arrow:hover { background: url(images/btn_arrow_large_on.gif) no-repeat; color: #000; } a.xlarge_arrow { background: url(images/btn_arrow_xlarge_off.gif) no-repeat; width: 200px; text-align: left; } a.xlarge_arrow:hover { background: url(images/btn_arrow_xlarge_on.gif) no-repeat; color: #000; } a.AddBookmark { background: url(images/AddBookmark.gif) no-repeat; width: 157px; display: block; height: 19px; text-align: left; font-weight: normal; margin: 1px 0 0 0; text-decoration: none; color: Black; text-indent: 5px; } a.AddTrolley { background: url(images/AddTrolleyWide.gif) no-repeat top right; width: 157px; display: block; height: 19px; text-align: left; font-weight: normal; margin: 1px 0 0 0; text-decoration: none; color: Black; text-indent: 5px; } /*###### Button padding #######*/ a.padSingle { margin-left: 5px; } a.padDouble { margin-left: 20px; } /*################### ItemGroup Attribute styles #####################*/ .AttributeSpan { display: block; margin: 0px 0px 5px 0px; } .catpage { height: 100px; } .catpage img { float: left; } .catpage span { margin: 0 0 0px 15px; float: left; max-width: 200px; width: auto !important; width: 200px; } .DisplayedCatError { color: #3366FF; margin: 5px 0px 5px 0px; } .DisplayedWebsite { margin: 5px 0px 5px 0px; } .DisplayedDeliveryDetail { border-top: solid 1px #CCCCCC; border-bottom: solid 1px #CCCCCC; padding: 5px 0px 5px 0px; margin: 5px 0px 10px 0px; } .brightideas { border-top: solid 1px #CCCCCC; border-bottom: solid 1px #CCCCCC; padding: 5px 0px 5px 0px; margin: 25px 25px 10px 25px; padding-right:5px; padding-left:5px; font-size:.85em; background-color:White; height:130px; } .MainImage { width: 300px; } .InsetImage { margin: 5px 0px 5px 0px; width: 100px; } /*################### Item table styles #####################*/ .blueContainer { background-color: #F1E6F2; } .greyContainer { background-color: #f1f1f1; } .pinkContainer { background-color: #FCF3F8; } .itemHeader { margin-bottom: 6px; height: 26px; text-align: left; vertical-align: top; line-height: 26px; } .itemFooter { margin-top: 6px; text-align: left; height: 18px; vertical-align: bottom; line-height: 14px; } .singleContainer { border: 1px solid #ccc; margin-right: 4px; padding: 4px; text-align: left; vertical-align: top; line-height: 19px; } .commandContainer td { border: 1px solid #ccc; text-align: left; } .pagerContainer { } .pagerContainer a { font-weight: normal; padding: 0; display: block; height: 17px; line-height: 17px; margin: 1px 0 0 0; text-decoration: none; color: Black; background: url(images/btn_single_off.gif) no-repeat; width: 17px; text-align: center; float: right; } .pagerContainer a:hover { background: url(images/btn_single_on.gif) no-repeat; color: #000; } .pagerContainer span { font-weight: normal; padding: 0; display: block; height: 17px; line-height: 17px; margin: 1px 0 0 0; text-decoration: none; color: Black; background: url(images/btn_single_off.gif) no-repeat; width: 17px; text-align: center; float: right; } .leftContainer { border: 1px solid #ccc; border-right: 0px; text-align: left; vertical-align: top; line-height: 14px; padding: 2px 5px 2px 5px; } .midContainer { border: 1px solid #ccc; border-left: 0px; border-right: 0px; text-align: left; vertical-align: top; line-height: 14px; padding: 2px 5px 2px 5px; } .rightContainer { border: 1px solid #ccc; border-left: 0px; text-align: left; vertical-align: top; line-height: 14px; padding: 2px 5px 2px 5px; } .fullContainer { border: 1px solid #ccc; text-align: left; vertical-align: top; line-height: 130%; padding: 2px 5px 2px 5px; } .baseTable { width: 99%; margin: 0 0 5px 0; text-align: left; } .reportTable { width: 100%; margin: 0; text-align: left; } .subTable { width: 70%; margin: 0 0 5px 0; text-align: left; } .qty { width: 40px; text-align: center; } .inline { display: inline; } #ad { height: 92px; /*background-image: url(images/sliceAd.jpg); background-repeat:repeat-x;*/ text-align: center; width: auto; margin: 10px 0px 10px 0px; } .w80 { width: 80px; } .w100 { width: 100px; } .w150 { width: 150px; } .w250 { width: 250px; } .w400 { width: 400px; } .clear { clear: both; } .clearleft { clear: left; } .wideLabel { width: 200px; display: block; float: left; } .p10 { padding: 10px; } .mb10 { margin-bottom: 10px; } .ml10 { margin-left: 10px; } .mt10 { margin-top: 10px; } .displayLabel { width: 300px; display: block; } /*###### clearfix ######*/ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-table; } /* Hides from IE-mac \*/ * html .clearfix { height: 1%; } .clearfix { display: block; } /* End hide from IE-mac */ /*###### clearfix ######*/ .cbclearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .cbclearfix { display: inline-table; } /* Hides from IE-mac \*/ * html .clearfix { height: 1%; } .cbclearfix { display: block; } /* End hide from IE-mac */ /* .hpcontent { margin-top:15px; padding: 5px; float:left; width: 100%; } .homenewsbox { float: left; padding: 0px; margin: 0px 0px 0px 0px; width: 70%; } * html .homenewsbox { width: auto; } .homenewsbox p { margin: 0px 0px 10px 0px; } .hnbcontent { float: left; padding: 0px 0px 0px 0px; border-left: 2px solid #87D787; border-right: 2px solid #87D787; background-color: #e2f5e2; } .hnbcontent h4, .hnbcontent p { padding: 0; margin: 0; } .hnbcontent_left { float: left; width:12px; background-image: url(../../assets/images/hnb_content_left.gif); background-repeat:repeat-y; } .hnbcontent_right { float: right; width:12px; background-image: url(../../assets/images/hnb_content_right.gif); background-repeat:no-repeat; } .hnbcontent_content { float: left; width: 100%; margin: 0px 5px 0px 5px; border-left: 2px solid #87D787; border-right: 2px solid #87D787; } .hnbheader { float: left; height:12px; margin: 0px; padding: 0px; background-image: url(../../assets/images/hnb_top_back.gif); background-repeat:repeat-x; } .hnbtop_left { float: left; height:12px; width:12px; margin: 0px; padding: 0px; background-image: url(../../assets/images/hnb_top_left.gif); background-repeat:no-repeat; } .hnbtop_right { float: right; height:12px; width:12px; margin: 0px; padding: 0px; background-image: url(../../assets/images/hnb_top_right.gif); background-repeat:no-repeat; } .hnbbottom_left { float: left; height:12px; width:12px; margin: 0px; padding: 0px; background-image: url(../../assets/images/hnb_bottom_left.gif); background-repeat:no-repeat; } .hnbbottom_right { float: right; height:12px; width:12px; margin: 0px; padding: 0px; background-image: url(../../assets/images/hnb_bottom_right.gif); background-repeat:no-repeat; } .hnbfooter { float: left; height:12px; background-image: url(../../assets/images/hnb_bottom_back.gif); background-repeat:repeat-x; margin: 0 0 10px 0; } #homepromotionsbox { float: right; margin: 0 0 0 10px; } .promotion { display: block; margin-left:20px; margin-right:5px; margin-bottom: 10px; } */ /* ############### Order page styles ##############*/ .CalendarContainer { width: 250px; float: left; } .Calendar th { text-align: center; } .CalendarTopBar { width: 100%; text-align: center; } .CalendarTopBar a { margin: auto; } .CalendarMidBar { display: block; text-align: center; } .CalendarTable { margin-top: 0px; width: 100%; } .CalendarMidBar div { margin-bottom: 5px; } .CalendarMidBar a { margin: 0; padding: 0; } .CalendarMidBar td { text-align: center; } .CalendarMidBar td a { margin: auto; } .InputContainer { /*margin: 0 0 0 225px; height: 175px;*/ float: left; margin-left: 15px; } .loginmessage_big { color: #FF0000; width: 300px; float: left; text-align: left; padding-left: 6px; } .loginmessage_small { color: #FF0000; width: 100px; float: left; text-align: left; padding-left: 6px; } .titleDiv { /*background-color: #F6F7FC;*/ background-color: #F1E6F2; border: 1px solid #ccc; /*margin-bottom: 10px;*/ padding: 5px; } .DetailContainer { padding: 5px; float: left; width: 100%; } /**** Login Box Styles ****/ .LoginBox { width: auto; margin-right: 10px; } .LoginBox-FailurePanel { color: #FF0000; font-size: 0.8em; } .LoginBox-SubmitPanel { margin: 10px 0px 0px 0px; padding: 0px 10px 0px 0px; } .LoginBox-SubmitPanel a { margin: auto auto; } .LoginBox div { text-align: center; } .LoginBox Label { display: block; } /***** Questions & Answers *****/ .QAA_Block { } .QAA_Question img { margin-bottom: 15px; } .QAA_Question a { text-decoration: none; font-weight: normal; color: #000; } .QAA_Question a:hover { text-decoration: underline; } .QAA_Answer { display: none; } img.QAA_icon { margin: 2px 0 0 0; padding: 0; border: 0; } /***** Products page Style *****/ .CategoryListingTable { width: 100%; } .CategoryListingItem { width: 50%; } /***** NEW ITEMGROUP PAGE STYLES ****/ .listContainer { padding: 5px; float: left; width: 100%; } #IGDetailContainer { /*border: 1px solid #808080;*/ padding: 5px; float: left; width: 100%; } #IGTitle { font-family: Verdana; font-weight: bold; font-size: medium; line-height: 30px; background-color: #99CCFF; border: 1px solid #C0C0C0; padding: 2px; } #IGDetailLeftCol { padding: 2px; margin: 5px 5px 5px 0px; float: left; width: 300px; } #IGDetailRightCol { padding: 2px; margin: 5px 0px 5px 325px; } #IGMainImage { width: 300px; height: 300px; margin-bottom: 10px; } .IGSubImage { width: 300px; height: 100px; margin-bottom: 10px; border: 1px solid #ccc; } #IGAttributes { /* border: 1px solid #ccc; background-color:#99CCFF; padding: 5px 5px 5px 5px; */ padding-bottom: 6px; } #IGSupplierLogo { margin-bottom: 5px; } #IGPriceBlock { margin-top: 10px; /*border: 1px solid #808080; padding: 5px;*/ float: left; width: 100%; } #IGPriceBlock table { font-size: 1em; } #IGExtras { margin-top: 5px; } /* START Chris's section styles */ .cleaner { clear: both; height: 1px; margin: -1px 0 0 0; padding: 0; border: none; visibility: hidden; } #new-accounts td { border: solid 1px #ccc; } #new-accounts td h3 { margin-top: 0; padding-top: 0; } #new-accounts li { list-style-type: circle; font-size: 1em; line-height: 2em; margin-left: -1.5em; } #contactm { } #contactm p { margin-left: 65px; } #contactm ul { padding: 6px 0 0 0; margin: 0; background-image: url(../../assets/images/circles_light_blue_horiz.gif); background-repeat: repeat-x; background-position: left top; } #contactm li { padding: 15px 0; min-height: 60px; margin: 10px 0; background-image: url(../../assets/images/circles_light_blue_horiz.gif); background-repeat: repeat-x; background-position: left bottom; list-style-type: none; } #contactm img { border: none; margin: 0 15px; float: left; } #contactm a { } #contactm a:hover { } #list23 { } #list23 p { width: 100%; } #list23 h3 { font-size: 1.5em; line-height: 1.8em; margin: 0; } #non-uk h3 { font-size: 1.5em; line-height: 1.8em; margin: 0; } abbr, acronym { border-bottom: 1px dotted blue; cursor: help; } .warningmessage { color: Red; font-weight: bold; } .line-up div { float: left; width: 33%; line-height: 2em; } /* Registration Forms */ .innerfieldset_left { width: 43%; float: left; } .innerfieldset_left ul { line-height: 1em; font-size: 1em; /*padding: 0; margin: 0; */ color: #333; } .innerfieldset_left li { padding: 10px 0; } .innerfieldset_right { width: 43%; float: right; } .alignform div { margin: 0 0 1ex 0; clear: left; } .alignform div label { width: 9em; display: block; float: left; } .alignformwide div { margin: 0 0 1ex 0; clear: left; } .alignformwide input[type="radio"] { float: left; } .alignformwide div label { width: 20em; display: block; float: left; } .alignform div input { width: 8.5em; } fieldset legend { color: #993399; } fieldset { border: solid 1px #993399; } /* .get-down { padding: 0 0 0 80px; text-align: left; clear: left; } .get-down fieldset { width: 70%; } */ /* End Registration Forms */ #ola-instructions { } #ola-instructions ol { } #ola-instructions ol li { color: #333; font-size: 1.1em; line-height: 1.5em; } #ola-instructions ol ul { padding: 15px 0 20px 20px; } #ola-instructions ol ul li { list-style-type: none; } #ola-instructions ol ul img { padding: 10px; margin: 10px; border: solid 1px #ccc; list-style-type: none; } .download a:link { padding: 7px; background-color: #6699ff; color: #FFFFFF; border: none; } .download a:visited { color: #fff; background-color: #666; padding: 7px; border: none; } .download a:hover { background-color: #3366cc; color: #ccc; padding: 7px; border: none; } p.web-call-to-action { background-image: url(../../assets/images/eco-online/web_call_to_action.jpg); background-position: 0 108px; width: 378px; height: 108px; padding: 0; margin: 10px 0 20px 10px; } p.web-call-to-action a { background-image: url(../../assets/images/eco-online/web_call_to_action.jpg); width: 378px; height: 108px; padding: 0; margin: 0; display: block; text-indent: -5000px; overflow: hidden; } p.web-call-to-action a:hover { background-position: 0 108px; } .light-table td { border: solid 1px #efefef; color: #666; } /* #################### STATIC ID ########################### */ #static p { padding: 5px 0px 5px 0px; } #static h2, #static h3 { padding: 5px 0px 5px 0px; background-image: none; } #static #sintro { border: none; display: block; margin: 0 0 30px 0; padding: 0px 20px 20px 20px; background-color: #993399; background-repeat: repeat-x; } #static #sintro p { margin: 40px 0 00px 0; color: #fff; } #static h1 { padding: 90px 0 0 00px; color: #333; font-size: 1.8em; margin: 0; } #static ul { padding: 0px 25px 0px 0px; margin: 0; } #static li { list-style: inside url(../../assets/images/simple_arrow.png); font-size: 0.85em; line-height: 1.5em; padding: 5px 0; margin: 0; } #static li a { color: #777; } #static li a:hover { text-decoration: none; } #static .horiz-divide { background-image: url(../../assets/images/home-page/circles_horiz.gif); background-repeat: repeat-x; height: 20px; width: 100%; display: block; float: left; margin: 45px 00px 15px 00px; } #sintro a { color: #fff; } .halved { width: 49%; float: left; display: inline; overflow: hidden; margin: 00; padding: 0; } .halved h3, .halved p, .halved ul { margin-right: 25px; margin-left: 0px; } /* #################### /STATIC ID ##################### */ /* ###################### STATIC PAGES ################### */ .press-office #sintro { background-image: url(../../assets/images/press-office/header.jpg); background-position: top; background-repeat: no-repeat; } .press-office #sintro h1 { color: #fff; } #static .press-office h3 { margin-right: 43%; background-image: none; } #press-archives { float: right; width: 35%; border: solid 1px #ccc; margin: 0 00px 20px 20px; padding: 15px; } #press-archives h2 { margin: 10px 10px 0 00px; } #press-archives h3 { font-size: 1.2em; } .help #sintro { background-image: url(../../assets/images/help/header.jpg); background-position: right top; } #static.help ul { padding: 0 0 0 20px; margin: 0; } #static.help ul li { list-style-type: none; list-style-image: none; padding: 0 20px 30px 0; margin: 0; font-size: 1em; } #static.help ul li ul { padding: 5px 0 5px 00px; } #static.help ul ul li { list-style-image: url(../../assets/images/sg_bullet_page.gif); margin: 5px 0 0px 15px; font-size: 1em; line-height: 1.2em; background-image: none; width: 85%; padding: 5px 0 0px 0; } #static.help ul ul li a { line-height: 1.5em; color: #3366cc; } #static.help ul ul li a:hover { text-decoration: none; } #static.help ul ul li a:visited { color: #666; } #static.help ul li h3 { background-image: url(../../assets/images/home-page/circles_horiz.gif); padding: 0 0 10px 0; margin: 0 0 10px 0; } .environment #sintro { background-image: url(../../assets/images/environment/header.jpg); background-position: top left; } #static.environment p, #static.environment h3 { padding-left: 20px; } .corporate #sintro { background-image: url(../../assets/images/corporate/header.jpg); background-position: left top; } .corporate #sintro h1 { color: #fff; } #static.corporate p, #static.corporate h3 { padding-left: 20px; } .ecofriendly #sintro { background-image: url(../../assets/images/ecofriendly/header.jpg); background-position: right top; } .ecofriendly #sintro h1 { color: #fff; } .eco-feature { border: solid #efefef 1px; padding: 15px 00px; margin: 0 0 15px 0; /*width: 100%;*/ float: left; } .eco-feature h3, .eco-feature p { margin: 0 15px 10px 15px; } .trugreen #sintro { background-image: url(../../assets/images/tru-green/header.jpg); background-position: right top; } .tru-green #sintro h1 { color: #fff; } #static.trugreen p, #static.trugreen h3 { padding-left: 20px; } .newsletter #sintro { background-image: url(../../assets/images/newsletter/header.jpg); background-position: right top; } .who-we-cater-for #sintro { background-image: url(../../assets/images/who-we-cater-for/header.jpg); background-position: left top; } #testimonials { } #testimonials blockquote { background-image: url(../../assets/images/testimonials/blockquote_bg.jpg); padding: 5px 15px; margin: 30px 0 0 0; } #testimonials cite { background-image: url(../../assets/images/testimonials/cite_bg.jpg); background-repeat: no-repeat; background-position: 50px top; padding: 20px 0 0 0; margin: 0 0 20px 0; display: block; color: #666; } .curriculum #sintro { background-image: url(../../assets/images/curriculum/header3.jpg); background-position: right top; background-repeat: no-repeat; } .wkcd #sintro { background-image: url(../../assets/images/wkcd/header.jpg); background-position: -50px top; background-repeat: no-repeat; } .website-tips #sintro { background-image: url(../../assets/images/website-tips/header.jpg); background-position: -50px top; background-repeat: no-repeat; } #static #festive-big-deals h1 { background: url(../../assets/images/landing-pages/ey/festive_big_deals.jpg) repeat-x center top; display: block; width: 100%; height: 150px; text-indent: -5000px; overflow: hidden; margin: 0; padding: 0; } #static #festive-big-deals p { margin: 0 0 15px 0px; padding: 20px; background: #993399; color: #fff; } /* ################# /STATIC PAGES ################### */ #static .featured-product { border: dotted 1px #ccc; width: 99%; float: left; margin-top: 25px; padding: 0; } #static .featured-product p { padding: 0 0px 30px 20px; margin: 0; } #static .featured-product h3 { padding: 10px 0px 00px 20px; background-image: none; } #static .featured-product h3 span { padding: 3px 0 0 0; margin: 0; } #static .featured-product img { float: right; margin: 20px; } #static .listed-product { border: dotted 1px #ccc; padding: 0; float: left; margin-top: 15px; width: 99%; } #static .listed-product img { float: left; border: solid 1px #efefef; padding: 5px; margin: 10px; } #static .listed-product h4 { padding: 25px 10px 10px 0; margin: 0; } #static .listed-product p { padding: 0px 10px 10px 0; margin: 0; } /* ##### CatalogueRequest Page ###### */ ul.catalogue-selection { overflow: auto; padding: 0 0 15px 0; margin: 0; width: 100%; } ul.catalogue-selection li { list-style: none; float: left; background: url(/cataloguerequest/catalogue_bg.jpg); width: 320px; height: 180px; padding: 0; margin: 0; } ul.catalogue-selection li img { float: left; margin: 20px 0 0 15px; } ul.catalogue-selection li label { float: left; text-transform: uppercase; font: bold 1.3em Arial; color: #666; width: 120px; display: block; padding: 25px 0 0 20px; } ul.catalogue-selection li span.check-box { background: url(/cataloguerequest/select.jpg); width: 129px; height: 51px; text-align: right; display: block; float: left; margin: 15px 0 0 18px; } ul.catalogue-selection li span.check-box input { margin: 18px; } /* ##### /CatalogueRequest Page ###### */ #request-catalogue { /*background-image: url(../../assets/images/vlight_blue.gif);*/ padding: 15px; } #request-catalogue h4 { color: #3366cc; font-size: 1.7em; margin-top: 0; } #request-catalogue p { padding-left: 0; } #verticalForm fieldset { display: block; width: auto; margin: 0 0 3em 0; padding: 0 1em 1em 1em; } #verticalForm textarea { display: block; } #verticalForm fieldset.radio input { clear: both; float: left; width: auto; } #verticalForm fieldset.radio label { font-weight: normal; } #verticalForm input { display: block; width: 15em; } #verticalForm label { display: block; margin-bottom: 1em; font-weight: bold; } #verticalForm label.first { padding-top: 1em; } #verticalForm select { display: block; } /* ########## START: /catalogue/Default.aspx ########## */ #catalogue-categories { text-align: center; width: 100%; } #catalogue-categories ul { margin: 0 auto; padding: 0; width: 99%; } #catalogue-categories li { width: 33%; height: 175px; float: left; list-style-type: none; text-align: center; margin: 0 0 15px 0; padding: 0; } #catalogue-categories li a { border: solid 1px #efefef; height: 175px; width: 90%; display: block; text-decoration: none; margin: 0 auto; } #catalogue-categories li a:hover { border: solid 1px #ccc; height: 175px; } #catalogue-categories li img { margin: 15px auto 10px auto; border: none; } /* ########## END: /catalogue/Default.aspx ########## */ /* ############ new home page 2 start ############# */ /* #### START slideshow #### */ #home-page h1 { background: url(images/home-page/heading_bg.gif); height: 40px; line-height: 40px; margin: 0; padding: 0 0 0 15px; font-size: 1.5em; color: #111; } .carousel { height: 220px; margin: 0 0 15px 0; } .bg-image { float: left; height: 200px; margin: 0 -200px 0 0; display: block; } #slide1 { background: url(images/home-page/slideshow/slide1-consortium-services.jpg) no-repeat right top; display: block; height: 220px; width: 100%; } #slide1 a { background: url(images/home-page/slideshow/slide1-consortium-services.jpg) no-repeat right top; display: block; color: #000; padding: 165px 0 0 0; width: 100%; text-decoration: none; } #slide1 a:hover { text-decoration: underline; } #slide2 { background: url(images/home-page/slideshow/ey-dotw2012-slide-banner-wk18-slide2.jpg) no-repeat right top; display: block; height: 220px; width: 100%; } #slide2 a { background: url(images/home-page/slideshow/ey-dotw2012-slide-banner-wk18-slide2.jpg) no-repeat right top; display: block; color: #000; padding: 165px 0 0 0; width: 100%; text-decoration: none; } #slide2 a:hover { text-decoration: underline; } #slide3 { background: url(images/home-page/slideshow/slide3-xmas-comp-2011-answers.jpg) no-repeat right top; display: block; height: 220px; width: 100%; } #slide3 a { background: url(images/home-page/slideshow/slide3-xmas-comp-2011-answers.jpg) no-repeat right top; display: block; color: #000; padding: 165px 0 0 0; width: 100%; text-decoration: none; } #slide3 a:hover { text-decoration: underline; } #slide4 { background: url(images/home-page/slideshow/slide4-winter-essentials.jpg) no-repeat right top; display: block; height: 220px; width: 100%; } #slide4 a { background: url(images/home-page/slideshow/slide4-winter-essentials.jpg) no-repeat right top; display: block; color: #000; padding: 165px 0 0 0; width: 100%; text-decoration: none; } #slide4 a:hover { text-decoration: underline; } .bg-image b { height: 55px; background: url(../../assets/images/home-page/slideshow/transparent.png); margin: 0px 0 0 0; padding: 0px 200px 0 15px; color: #000; font: bold 1.15em Arial; display: block; } .bg-image b span { display: block; width: 100%; height: 45px; padding: 10px 00px 0 0; } #slide4 b span { background: url(images/home-page/slideshow/arrow.png) no-repeat right top; display: block; width: 100%; height: 45px; padding: 10px 00px 0 0; } .carousel .bg-image p a { color: #000; line-height: 20px; } #carousel_tabs { float: right; width: 200px; } #carousel_tabs p a { color: #fff; } #carousel_tabs p a:hover { color: #000; } #home-page #carousel_tabs ul { margin: 0; padding: 0; } #home-page #carousel_tabs ul li.tab { background: #cc0066 url(images/home-page/slideshow/tabs.gif) left top; list-style: none; width: 200px; height: 55px; cursor: pointer; padding: 0; margin: 0; min-height: 0; text-align: left; } #home-page #carousel_tabs ul li.tab_over { background: #cc99cc url(images/home-page/slideshow/tabs.gif) left bottom; list-style: none; width: 200px; height: 55px; cursor: pointer; padding: 0; margin: 0; min-height: 0; text-align: left; } #home-page #carousel_tabs ul li.tab:hover { background-position: 0 -55px; } #home-page #carousel_tabs ul li h5 { margin: 0px 10px; padding: 5px 0 0 0; font: bold 12px Arial; color: #fff; text-transform: uppercase; } #home-page #carousel_tabs ul li h5 a { color: #fff; } #home-page #carousel_tabs ul li p { padding: 0 10px; margin: 0; font: 11px Arial; color: #333; } #home-page #carousel_tabs ul li.tab_over p { color: #fff; } /* #### END slideshow #### */ #welcome-to-early-years { width: 100%; padding: 25px 0 0px 0; margin: -25px auto 0 auto; background: url(/App_Themes/earlyyears/images/home-page/toby-big.png); background-repeat:no-repeat; min-height:720px; } #welcome-to-early-years h1 { background: url(/App_Themes/earlyyears/images/home-page/welcome/h1.jpg); width: 348px; height: 36px; text-indent: -5000px; overflow: hidden; padding: 0; margin-left:0px; } #welcome-to-early-years #textpart {margin-left:230px; padding: 10px; min-width: 370px; } #welcome-to-early-years span { display: block; height: 298px; width: 100%; } #welcome-to-early-years p#welcome-cta { behavior: url(iepngfix.htc); background: url(/App_Themes/earlyyears/images/home-page/welcome/welcome_cta_a_hover.png); width: 298px; height: 57px; } #welcome-to-early-years p#welcome-cta a { behavior: url(iepngfix.htc); background: url(/App_Themes/earlyyears/images/home-page/welcome/welcome_cta_a.png); width: 298px; height: 57px; display: block; text-indent: -5000px; overflow: hidden; cursor: pointer; } #welcome-to-early-years p#welcome-cta a:hover { behavior: url(iepngfix.htc); background: url(/App_Themes/earlyyears/images/home-page/welcome/welcome_cta_a_hover.png); } } /* Easy Slider */ /* image replacement */ .graphic, #prevBtn, #nextBtn, #benefits-sliderprev, #benefits-slidernext{ margin:0; padding:0; display:block; overflow:hidden; text-indent:-8000px; } /* // image replacement */ #container{ margin:0 auto; position:relative; text-align:left; width:390px; background:#fff; margin-bottom:2em; } #header{ height:80px; line-height:80px; background:#5DC9E1; color:#fff; } #content{ position:relative; } /* Easy Slider for ey benefits-slider 390px × 250px */ #benefits-slider, #benefits-slider1 { margin: 0 auto; } #benefits-slider ul, #benefits-slider li, #benefits-slider1 ul, #benefits-slider1 li { margin:0; padding:0; list-style:none; } #benefits-slider li, #benefits-slider1 li{ /* define width and height of list item (slide) entire slider area will adjust according to the parameters provided here */ width:165px; height:165px; overflow:hidden; } #prevBtn, #nextBtn, #benefits-slidernext, #benefits-sliderprev{ display: block; width:30px; height:77px; position:absolute; left:230px; top:71px; z-index: 1; } #nextBtn, #benefits-slidernext{ left:650px; } #benefits-sliderprev { width:200px; } #prevBtn a, #nextBtn a, #benefits-slidernext a, #benefits-sliderprev a{ display:block; position:relative; width:30px; height:77px; background:url(/App_Themes/earlyyears/images/home-page/slideshow/btn_prev.png) no-repeat 0 0; } #nextBtn a, #benefits-slidernext a{ background:url(/App_Themes/earlyyears/images/home-page/slideshow/btn_next.png) no-repeat 0 0; } /* numeric controls */ ol#controls{ margin:1em 0; padding:0; height:28px; } ol#controls li{ margin:0 10px 0 0; padding:0; float:left; list-style:none; height:28px; line-height:28px; } ol#controls li a{ float:left; height:28px; line-height:28px; border:1px solid #ccc; background:#DAF3F8; color:#555; padding:0 10px; text-decoration:none; } ol#controls li.current a{ background:#5DC9E1; color:#fff; } ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;} /* // numeric controls */ /* // Easy Slider for ey benefits-slider */ /* // Easy Slider */ /* ##### #three-messages ##### */ #three-messages { height: 485px; padding: 0px 0 0 0; width: 100%; text-align: center; } #home-page #three-messages ul { padding: 0; width: 100%; height: 300px; } #home-page #three-messages ul li { float: left; padding: 0; margin: 0; width: 33%; list-style: none; background: none; height: 300px; } #home-page #three-messages ul li#blue-free-delivery { text-align: left; } #home-page #three-messages ul li#pink-special-offers { text-align: center; } #home-page #three-messages ul li#orange-clearance-sale { text-align: right; float: right; } #home-page #three-messages ul li div { padding: 0; height: 300px; width: 98%; } #home-page #three-messages ul li#blue-free-delivery { } #home-page #three-messages ul li#pink-special-offers div { margin: 0 auto; } #home-page #three-messages ul li#orange-clearance-sale div { float: right; } #home-page #three-messages ul li div p { padding: 0; margin: 0; background: Blue; } #three-messages ul li#blue-free-delivery div p { height: 300px; background: url(/App_Themes/earlyyears/images/home-page/three-messages/blue_bg.jpg) repeat-x; } #three-messages ul li#pink-special-offers div p { height: 300px; background: url(/App_Themes/earlyyears/images/home-page/three-messages/pink_bg.jpg) repeat-x; text-align: center; } #three-messages ul li#orange-clearance-sale div p { height: 300px; background: url(/App_Themes/earlyyears/images/home-page/three-messages/orange_bg.jpg) repeat-x; text-align: center; } #three-messages ul li#blue-free-delivery div p span { width: 100%; display: block; height: 240px; background: url(/App_Themes/earlyyears/images/home-page/three-messages/free_delivery.jpg) no-repeat left top; text-indent: -5000px; overflow: hidden; } #three-messages ul li#pink-special-offers div p span { width: 100%; display: block; height: 196px; background: url(/App_Themes/earlyyears/images/home-page/three-messages/special_offers.jpg) no-repeat center top; text-indent: -5000px; overflow: hidden; margin: 0 0 15px 0; } #three-messages ul li#orange-clearance-sale div p span { width: 100%; display: block; height: 196px; background: url(/App_Themes/earlyyears/images/home-page/three-messages/clearance_sale.jpg) no-repeat center top; text-indent: -5000px; overflow: hidden; margin: 0 0 15px 0; } #home-page #three-messages ul li#blue-free-delivery div p b { background: url(/App_Themes/earlyyears/images/home-page/three-messages/free_delivery_text.jpg) no-repeat center; display: block; margin: 0px auto 0 auto; width: 100%; height: 60px; } #home-page #three-messages ul li#pink-special-offers div p a b { background: url(/App_Themes/earlyyears/images/home-page/three-messages/special_offers_text.jpg); display: block; margin: 44px auto 0 auto; width: 168px; height: 60px; text-indent: -5000px; overflow: hidden; } #home-page #three-messages ul li#orange-clearance-sale div p a b { background: url(/App_Themes/earlyyears/images/home-page/three-messages/clearance_sale_text.jpg); display: block; margin: 44px auto 0 auto; width: 177px; height: 60px; text-indent: -5000px; overflow: hidden; } #home-page #three-messages ul li#blue-free-delivery div p b img { behavior: url(iepngfix.htc); } /*#home-page #benefits-slider { height: 250px; display: block; overflow: hidden; margin-left:260px;} #home-page #benefits-slider ul, #home-page #benefits-slider ul li { width: 390px; overflow: hidden; margin: 0; padding: 0; list-style: none; height: 250px; } #home-page #benefits-slider ul li div { overflow: hidden; height: 250px; } */ #home-page #wowarea { display: block; overflow: hidden; margin-left:260px; vertical-align:middle; height:145px;} #home-page #wowarea p{ margin-top:55px; margin-left:165px;} #home-page #dealoftheweek { display: block; overflow: hidden; margin-left:260px; padding-top:15px; vertical-align:middle; height:160px; z-index: 2000; position: relative;} #home-page #dealoftheweek p{ margin-top:15px; margin-left:165px;} #home-page #dealoftheweeklogin { display: block; overflow: hidden; margin:auto; padding-top:15px; vertical-align:middle; height:160px;} /* ##### /#three-messages ##### */ /* ##### .announcement ##### */ .announcement { border: 1px dotted #cc0066; margin: 15px 0 0 0; padding: 5px 15px 15px 15px; background: url(../../assets/images/home-page/announcements_bg.gif) repeat-x left top; } .announcement h3 { padding: 0 0 0 55px; height: 60px; line-height: 60px; margin: 0 0 0px 0; font-size: 1.5em; background: url(../../assets/images/home-page/announcements_icon.jpg) no-repeat left center; } .announcement p { padding: 0; margin: 0; } /* ##### /.announcement ##### */ /* ##### .tabbernav ##### .tabberlive { padding: 20px 0 0 0; } ul.tabbernav { padding: 20px 0 0 0; margin: 0; } ul.tabbernav li { padding: 0; margin: 0 5px 0 0; float: left; display: inline; overflow: hidden; width: 150px; height: 40px; list-style: none; text-align: center; } ul.tabbernav li a { display: block; width: 150px; height: 40px; background: #f0dbf1; font: 13px/40px Arial; } ul.tabbernav li.tabberactive a { background: #f8f0f9; } .tabbertab { background: #f8f0f9; padding: 0; height: 195px; float: left; width: 100%; } .tabbertab p { margin: 0; padding: 15px 15px 0 15px; } .tabbertabhide { display: none; } .tabbertab p.newsletter-cta { } .tabbertab p.newsletter-cta a { background: url(images/home-page/monthly-offers/newsletter_cta.gif) top; width: 283px; height: 48px; display: block; text-align: center; color: #fff; font: bold 14px/48px Arial; } .tabbertab p.newsletter-cta a:hover { background-position: bottom; } ##### /.tabbernav ##### */ ul.offers { padding: 15px; } ul.offers li { float: left; list-style: none; width: 33%; text-align: center; padding: 15px 0 0 0; } ul.offers li a { display: block; width: 165px; height: 165px; margin: 0 auto; } #home-page #left-col { float: left; width: 49%; padding: 0px 0 0 0; } #home-page #right-col { float: right; width: 49%; padding: 0px 0 0 0; } #home-page ul { margin: 0; padding: 0; } #home-page #right-col ul li, #home-page #left-col ul li { min-height: 400px; height: auto !important; height: 400px; padding: 0; margin: 0 0 20px 0; text-align: center; list-style: none; } #home-page #left-col ul li div { margin: 0; text-align: left; padding: 0 0px 0 0px; background: url(images/home-page/light_purple.gif); min-height: 400px; height: auto !important; height: 400px; } #home-page #right-col ul li div { margin: 0; text-align: left; padding: 0 0px 0 0; background: url(images/home-page/light_purple.gif); min-height: 400px; height: auto !important; height: 400px; } #home-page #right-col ul li div img { float: right; margin: 15px 15px 10px 15px; } #home-page ul li h3 { background: url(images/home-page/heading_bg.gif) repeat-x; height: 40px; line-height: 40px; padding: 0 15px; margin: 0; color: #111; text-align: left; } #home-page ul li h4 { padding: 0 10px; margin: 15px 0 0px 0; } #home-page ul li div p { font-size: 0.95em; margin: 0; padding: 10px 15px 15px 15px; color: #333; } #home-page #right-col ul ul, #home-page #left-col ul ul, #home-page #left-col ul ol { padding: 15px; margin: 0; } #home-page #right-col ul ul li, #home-page #left-col ul ul li { float: none; height: auto; min-height: 0; text-align: left; padding: 5px 0; margin: 0 0 0 0; margin: 0; } #home-page #left-col ul li#hp-keywords ul li { background: url(images/home-page/tick.gif) no-repeat left center; padding: 0 0 5px 25px; } #home-page #right-col ul ul li.hp-cta, #home-page #left-col ul ul li.hp-cta, #home-page ul li div p.hp-cta { background: url(images/home-page/cta_left.gif) no-repeat left bottom; max-width: 320px; height: 36px; min-width: 50px; padding: 0; margin: 0 auto 5px auto; width: expression(document.body.clientWidth > 280? "280px": "auto" ); } #home-page #right-col ul ul li.hp-cta span, #home-page #left-col ul ul li.hp-cta span, #home-page ul li p.hp-cta span { background: url(images/home-page/cta_right.gif) no-repeat right bottom; height: 36px; padding: 0; margin: 0 auto; } #home-page #right-col ul ul li.hp-cta a, #home-page #left-col ul ul li.hp-cta a, #home-page ul li p.hp-cta a { background: url(images/home-page/cta_left.gif) no-repeat left top; max-width: 320px; height: 36px; min-width: 100px; line-height: 36px; color: #333; font-size: 0.9em; display: block; padding: 0; margin: 0; text-indent: 10px; text-decoration: none; cursor: pointer; } #home-page #right-col ul ul li.hp-cta a span, #home-page #left-col ul ul li.hp-cta a span, #home-page ul li p.hp-cta a span { background: url(images/home-page/cta_right.gif) no-repeat right top; height: 36px; display: block; } #home-page #right-col ul ul li.hp-cta a:hover, #home-page #left-col ul ul li.hp-cta a:hover, #home-page ul li p.hp-cta a:hover { background-position: left bottom; } #home-page #right-col ul ul li.hp-cta a:hover span, #home-page #left-col ul ul li.hp-cta a:hover span, #home-page ul li p.hp-cta a:hover span { background-position: right bottom; } #home-page #old-news { padding: 0; width: 100%; float: left; margin: 10px 0 0 0; } #home-page #old-news h3 { background: url(images/home-page/heading_bg.gif) repeat-x; height: 40px; line-height: 40px; padding: 0 15px; margin: 0; color: #111; text-align: left; } #home-page #old-news ul { margin: 0; text-align: left; padding: 10px; background: url(images/home-page/light_purple.gif); } #home-page #old-news ul li { min-height: 110px; height: auto !important; height: 110px; padding: 10px 0 5px 0; margin: 0; background: url(images/home-page/horizontal_indent.gif) repeat-x left top; list-style: none; } #home-page #old-news ul li.top-news { background: none; } #home-page #old-news ul li div.date-and-pic { float: left; width: 130px; min-height: 0; height: auto !important; height: 0; } #home-page #old-news ul li div.entry { min-height: 0; height: auto !important; height: 0; padding: 20px 0 0 0; } #home-page #old-news ul li div.date-and-pic p { padding: 0; margin: 0; } #home-page #old-news ul li div.date-and-pic span { width: 110px; height: 80px; background: url(../../assets/images/home-page/no_news_image.gif); display: block; } #home-page #old-news ul li div.date-and-pic span img { border: 1px solid #ccc; margin: 0; } #home-page #old-news ul li .entry { margin: 0 0 0 130px; } #home-page #old-news ul li .entry h4 { margin: 0 0 0 0px; padding: 0; font-size: 1.1em; } #home-page #old-news ul li .entry h4 a { } #home-page #old-news ul li .entry p { margin: 0 0 0 0px; padding: 0; } #footnotes { clear: both; padding: 15px; background: #f7f7f7; } #footnotes p { font-size: 0.8em; padding: 0; margin: 0; } /* ############ new home page 2 end ########### */ /* ########## #search-lp ########## */ #search-lp { width: 100%; float: left; } #search-lp h3, #search-lp h4, #search-lp h5, #search-lp ul, #search-lp ul li { margin: 0; padding: 0; } #search-lp h2 { margin: 20px 0 15px 0; padding: 0; } #search-lp ul { margin: 20px 0 20px 0; } #search-lp ul li { list-style: none; margin: 0 0 15px 0; float: left; width: 100%; } #search-lp ul li h4 { background: url(images/home-page/heading_bg.gif); padding: 0; text-indent: 15px; height: 40px; line-height: 40px; font-size: 1.7em; } #search-lp ul ul { background: #f7f7f7; margin: 0; padding: 15px; min-height: 145px; height: auto !important; height: 145px; } #search-lp ul ul li { padding: 0 0 10px 0; margin: 0; width: auto; font-size: 1.1em; background: none; line-height: 22px; text-indent: 0; } #search-lp ul ul li a { color: #333; margin: 0 20px 0 0; } #search-lp ul ul li.sub-cat-img { height: 110px; width: 110px; margin: 0 20px 10px 0; } #search-lp ul ul li.sub-cat-img img { width: 110px; height: 110px; border: 1px solid #ccc; } #static .popular-items { width: 100%; float: left; margin: 15px 0 0 0; } #static .popular-items h4 { background: url(images/home-page/heading_bg.gif); padding: 0; text-indent: 15px; height: 40px; line-height: 40px; font-size: 1.3em; margin: 0; } #static .popular-items ul { background: #f7f7f7; margin: 0; padding: 15px; min-height: 150px; height: auto !important; height: 150px; } #static .popular-items ul li { float: left; width: 25%; text-align: center; list-style: none; } #static .popular-items ul li a { margin: 0 15px; text-align: center; } #static .popular-items ul li img { width: 100px; height: 100px; border: 1px solid #ccc; } #static .top-categories { width: 100%; float: left; margin: 15px 0 0 0; } #static .top-categories h2 { background: url(images/home-page/heading_bg.gif); padding: 0; text-indent: 15px; height: 40px; line-height: 40px; font-size: 1.3em; margin: 0; } #static .top-categories ul { background: #f7f7f7; margin: 0; padding: 15px; min-height: 470px; height: auto !important; height: 470px; } #static .top-categories ul li { float: left; width: 25%; text-align: center; list-style: none; font-size: 1.1em; min-height: 150px; height: auto !important; height: 150px; } #static .top-categories ul li a { margin: 0 15px; text-align: center; } #static .top-categories ul li img { width: 100px; height: 100px; border: 1px solid #ccc; } /* ########## /#search-lp ########## */ /* ################ START special lists ############## */ ul.tick li { list-style-image: url(../../assets/images/Icons/tick_pink.jpg); padding: 5px 0 5px 10px; margin: 0; font-size: 1.1em; } #static ul.left-floated-list li { float: left; margin: 0 7px 15px 7px; padding: 0; list-style: none; background: none; } #static ul.left-floated-list li a { display: block; border: solid 1px #ccc; } #static ul.left-floated-list li a:hover { border: solid 1px #666; } /* ###### .themed-offers >>>> ********* this is 4 products in a row ********* <<<< ##### */ #static ul.themed-offers, ul.themed-offers, ol.big-numbers ul.themed-offers { padding: 0; margin: 0; width: 99%; float: left; } #static ul.themed-offers li, ul.themed-offers li, ol.big-numbers ul.themed-offers li { float: left; width: 24%; padding: 0 0 15px 0; margin: 0; background: none; list-style: none; text-align: center; } #static ul.themed-offers li a, ul.themed-offers li a, ol.big-numbers ul.themed-offers li a { width: 90%; min-height: 200px; height: auto !important; height: 200px; display: block; margin: 0 auto; border: 1px solid #e0e6f3; } #static ul.themed-offers li a img, ul.themed-offers li a img, ol.big-numbers ul.themed-offers li a img { width: 130px; height: 130px; display: block; margin: 5px auto; } ul.themed-offers li.li-clearer { clear: left; margin: 0; padding: 0; list-style: none; background: none; width: 100%; display: block; float: none; } /* ###### /.themed-offers ##### */ /* ###### .themed-offers-3 >>>> ********* this is 3 products in a row ********* <<<< ##### */ #static ul.themed-offers-3, ul.themed-offers-3 { padding: 0; margin: 0; width: 99%; float: left; } #static ul.themed-offers-3 li, ul.themed-offers-3 li { float: left; width: 32%; padding: 0 0 15px 0; margin: 0; background: none; list-style: none; text-align: center; } #static ul.themed-offers-3 li a, ul.themed-offers-3 li a { width: 150px; min-height: 200px; height: auto !important; height: 200px; display: block; margin: 0 auto; border: 1px solid #e0e6f3; text-decoration: none; } #static ul.themed-offers-3 li a img, ul.themed-offers-3 li a img { width: 140px; height: 140px; display: block; margin: 0 auto; } #static ul.themed-offers-3 li a b, ul.themed-offers-3 li a b { display: block; color: #666; font: normal 0.9em/1.2em Arial; padding: 5px 0 0 0; } ul.themed-offers-3 li.li-clearer { clear: left; margin: 0; padding: 0; list-style: none; background: none; width: 100%; display: block; float: none; } /* ###### /.themed-offers-3 ##### */ /* ##### #pea-promo ##### */ #pea-promo { text-align: left; } /* ##### /#pea-promo ##### */ /* ###### benefits page start ###### */ ul#benefits-page { padding: 15px 0 0 0; margin: 0; } ul#benefits-page li { background: url(../screen/images/benefit_plus.jpg) no-repeat 5px center; min-height: 65px; padding: 0 0 0 65px; list-style: none; margin: 0 0 30px 0; } ul#benefits-page li h3 { padding: 0; margin: 15px 0 10px 0; } ul#benefits-page li p { padding: 0; margin: 0 0 8px 0; } /* ###### benefits page end ###### */ ul.catalogues { padding: 0; margin: 0; width: 99%; } ul.catalogues li { float: left; width: 32%; height: 300px; text-align: center; list-style: none; background: none; } ul.catalogues li h4 { font-size: 1.2em; } ul.excerpts { padding: 0; margin: 0; } ul.excerpts li { padding: 10px 10px 0 10px; margin: 0 0 20px 0; border: 1pxsolid#ebebeb; background: #f7f7f7; list-style: none; } ul.excerpts li h4 { margin: 0 0 10px 0; padding: 0; } ul.excerpts li p { margin: 0 0 10px 0; } ul.categories-list { padding: 0; margin: 0; } ul.categories-list li { padding: 0 0 10px 0; margin: 0; float: left; font-size: 1.2em; line-height: 1.3em; font-weight: bold; width: 200px; list-style: none; background: url(images/purple_arrow.gif) no-repeat left center; } ul.categories-list li a { padding: 0 10px 0 20px; margin: 0; display: block; } ul.categories { padding: 10px 0 15px 0; margin: 0; } ul.categories li { display: inline; padding: 3px 15px 3px 20px; list-style: none; background: url(../screen/images/blue_arrow.gif) no-repeat left center; font-size: 1.3em; } /* ########## #the-family ########## */ #the-family h4 { width: 155px; height: 22px; background: url(images/panel_top.gif) no-repeat; color: #fff; font: bold 12px/22px Arial; border-bottom: 1px solid #3366cc; text-indent: 7px; padding: 0; margin: 0 0 0 0; } #the-family ul { padding: 0 0 0px 0; margin: 0; } #the-family ul li { padding: 5px 10px 05px 0px; margin: 0; list-style: none; text-align: center; } #the-family ul li img { margin: 0 auto; } #the-family p { font-size: 0.8em; line-height: 1em; color: #888; margin: 0; padding: 5px 0 0 0; text-align: left; } #the-family p sup { line-height: 1.7em; } #the-family ul:hover p { color: #444; } #the-family ul li#tcfcon a { background: url(../../assets/images/logos/the-family/theconsortium.png) no-repeat left top; width: 114px; height: 35px; display: block; text-indent: -5000px; overflow: hidden; margin: 0 auto; } #the-family ul li#tcfcon a:hover { background-position: left bottom; } #the-family ul li#tcfey a { background: url(../../assets/images/logos/the-family/earlyyears.png) no-repeat left top; width: 83px; height: 61px; display: block; text-indent: -5000px; overflow: hidden; margin: 0 auto; } #the-family ul li#tcfey a:hover { background-position: left bottom; } #the-family ul li#tcfeyah a { background: url(../../assets/images/logos/the-family/eyah.jpg) no-repeat left top; width: 83px; height: 57px; display: block; text-indent: -5000px; overflow: hidden; margin: 0 auto; } #the-family ul li#tcfeyah a:hover { background-position: left bottom; } #the-family ul li#tcfpea a { background: url(../../assets/images/logos/the-family/pea.png) no-repeat left top; width: 100px; height: 48px; display: block; text-indent: -5000px; overflow: hidden; margin: 0 auto; } #the-family ul li#tcfpea a:hover { background-position: left bottom; } #the-family ul li#tcfcare a { background: url(../../assets/images/logos/the-family/care.png) no-repeat left top; width: 100px; height: 41px; display: block; text-indent: -5000px; overflow: hidden; margin: 0 auto; } #the-family ul li#tcfcare a:hover { background-position: left bottom; } #the-family ul li#tcfed a { background: url(../../assets/images/logos/the-family/education-new.png) no-repeat left top; width: 114px; height: 35px; display: block; text-indent: -5000px; overflow: hidden; margin: 0 auto; } #the-family ul li#tcfed a:hover { background-position: left bottom; } #the-family ul li#tcfcof a { background: url(../../assets/images/logos/the-family/office-new.png) no-repeat left top; width: 114px; height: 35px; display: block; text-indent: -5000px; overflow: hidden; margin: 0 auto; } #the-family ul li#tcfcof a:hover { background-position: left bottom; } /* ########## /#the-family ########## */ p#supplychainawards2010 { width: 102px; height: 79px; background: url(/App_Themes/screen/images/sidebar/supplychain.png) right top; margin: 20px auto; } p#supplychainawards2010 a { width: 102px; height: 79px; background: url(/App_Themes/screen/images/sidebar/supplychain.png) left top; display: block; text-indent: -5000px; overflow: hidden; } p#supplychainawards2010 a:hover { background-position: right top; } /* ################ END special lists ############## */ /* ############## START special links ############### */ #static p.ey-cta { background-image: url(images/call_to_action.jpg); background-position: 0 90px; width: 312px; height: 90px; padding: 0; margin: 20px auto; } #static p.ey-cta a { background-image: url(images/call_to_action.jpg); background-position: 0 0px; width: 312px; height: 90px; display: block; text-indent: -5000px; overflow: hidden; padding: 0; margin: 0; } #static p.ey-cta a:hover { background-position: 0 90px; } .pdf-download { font-size: 1.3em; } .pdf-download a { border: 1px dotted #ccc; padding: 0 10px; display: block; min-height: 51px; height: auto !important; height: 51px; line-height: 51px; width: auto; } .pdf-download a:hover { border: 1px dotted #666; background-color: #efefef; } p.web-account-cta { background: url(../../assets/images/web_account_cta.jpg) left bottom; padding: 0; margin: 0; width: 400px; height: 60px; } p.web-account-cta a { background: url(../../assets/images/web_account_cta.jpg) left top; width: 400px; height: 60px; display: block; text-indent: -5000px; overflow: hidden; } p.web-account-cta a:hover { background-position: left bottom; } /* ################ END special links ############## */ .image-right { float: right; margin: 0 0 15px 20px; } .floating-cleaner { width: 100%; float: left; display: block; } /* ########## .standard-form-2 ########## */ fieldset.standard-form-2 { border: none; padding: 0; margin: 0 0 20px 0; background: #eaeaea url(../../assets/images/standard-form/bot_right.gif) no-repeat right bottom; } fieldset.standard-form-2 legend { padding: 0; margin: 0; } fieldset.standard-form-2 h3, #static fieldset.standard-form-2 h3, #green-energy fieldset.standard-form-2 h3 { background: url(../../assets/images/standard-form/legend_slice.gif); height: 40px; display: block; width: 100%; margin: 0; padding: 0; line-height: 40px; font-size: 1.3em; } fieldset.standard-form-2 h3 b, #static fieldset.standard-form-2 h3 b, #green-energy fieldset.standard-form-2 h3 b { background: url(../../assets/images/standard-form/legend_left.gif) no-repeat left; display: block; height: 40px; font-weight: normal; text-indent: 15px; } fieldset.standard-form-2 h3 b span, #static fieldset.standard-form-2 h3 b span, #green-energy fieldset.standard-form-2 h3 b span { background: url(../../assets/images/standard-form/legend_right.gif) no-repeat right; display: block; height: 40px; padding: 0 20px 0 0; } fieldset.standard-form-2 h4 { padding: 0 0 0 15px; margin: 0; color: Red; } fieldset.standard-form-2 p, #static fieldset.standard-form-2 p, #green-energy fieldset.standard-form-2 p { padding: 10px 0 10px 0px; margin: 0; background: url(../../assets/images/standard-form/horiz_indent.gif) repeat-x bottom; } fieldset.standard-form-2 label { width: 150px; display: inline-block; color: #333; padding: 0 0 0 15px; } fieldset.standard-form-2 label b { color: Red; } fieldset.standard-form-2 input, fieldset.standard-form-2 select { width: 180px; margin: 0 15px; display: inline; overflow: hidden; } fieldset.standard-form-2 p.ptextarea label { margin: 0 15px 0 0; } fieldset.standard-form-2 textarea { width: 250px; height: 150px; } fieldset.standard-form-2 strong { display: inline-block; width: 150px; font: normal 0.85em/1em Arial; background: url(../../assets/images/standard-form/info.gif) no-repeat left center; padding: 5px 5px 5px 25px; height: 35px; } fieldset.standard-form-2 p span { display: inline-block; width: 150px; font: normal 0.85em/1em Arial; background: #eaeaea url(../../assets/images/standard-form/exclamation.gif) no-repeat left center; padding: 5px 5px 5px 25px; height: 35px; } fieldset.standard-form-2 p.ptextarea span { left: 445px; } fieldset.standard-form-2 .radio-table { padding: 10px 0 10px 0px; margin: 0; background: url(../../assets/images/standard-form/horiz_indent.gif) repeat-x bottom; width: 100%; } fieldset.standard-form-2 .radio-table label { margin: 0 0 0 15px; } fieldset.standard-form-2 .radio-table table { display: inline; overflow: hidden; margin: 0 0 0 15px; } fieldset.standard-form-2 .radio-table table td input { display: inline; width: auto; } fieldset.standard-form-2 .radio-table table td label { display: inline; overflow: hidden; width: auto; margin: 0 0 0 10px; } fieldset.standard-form-2 p.button-area, #static fieldset.standard-form-2 p.button-area, #green-energy fieldset.standard-form-2 p.button-area { background: url(../../assets/images/standard-form/bot_left.gif) no-repeat left bottom; margin: 0; padding: 15px 0; } fieldset.standard-form-2 p.button-area input, #static fieldset.standard-form-2 p.button-area input.button-150 { margin: 0 0 0 165px; display: inline; overflow: hidden; background: url(../../assets/images/standard-form/button_150.gif) top; width: 155px; height: 35px; display: block; color: #fff; font: bold 13px/32px Arial; border: none; cursor: pointer; } fieldset.standard-form-2 p.button-area input, #static fieldset.standard-form-2 p.button-area input.button-200 { margin: 0 0 0 165px; display: inline; overflow: hidden; background: url(../../assets/images/standard-form/button_200.gif) top; width: 220px; height: 40px; display: block; color: #fff; font: bold 13px/32px Arial; border: none; cursor: pointer; } fieldset.standard-form-2 p.button-area input:hover, #static fieldset.standard-form-2 p.button-area input.button-200:hover { background-position: bottom; } fieldset.standard-form-2 p.button-area input, #static fieldset.standard-form-2 p.button-area input.button-180 { margin: 0 0 0 165px; display: inline; overflow: hidden; background: url(../../assets/images/standard-form/button_180.gif) top; width: 187px; height: 41px; display: block; color: #fff; font: bold 13px/32px Arial; border: none; cursor: pointer; } fieldset.standard-form-2 p.button-area input:hover, #static fieldset.standard-form-2 p.button-area input.button-180:hover { background-position: bottom; } fieldset.half-left { width: 95%; margin: 0; } fieldset.half-right { width: 95%; margin: 0; float: right; } fieldset.standard-form-2 p.checkbox-single span, #static fieldset.standard-form-2 p.checkbox-single span { background: none; padding: 0; width: 20px; position: static; display: inline-block; text-align: center; margin: 0 0 0 15px; } fieldset.standard-form-2 p.checkbox-single label, #static fieldset.standard-form-2 p.checkbox-single label { width: 230px; } fieldset.standard-form-2 p.checkbox-single input, #static fieldset.standard-form-2 p.checkbox-single input { width: auto; display: inline; margin: 0 auto; } fieldset.standard-form-2 p.checkbox-single strong, #static fieldset.standard-form-2 p.checkbox-single strong { margin: 0 0 0 94px; } fieldset.standard-form-2 p.bottom-p, #static fieldset.standard-form-2 p.bottom-p { background: url(../../assets/images/standard-form/bot_left.gif) no-repeat left bottom; } fieldset.standard-form-2 input.account-number { width: 110px; margin: 0 0 0 15px; } fieldset.standard-form-2 input.delivery-point { width: 50px; margin: 0 15px 0 0; } fieldset.standard-form-2 select.day { width: 40px; margin: 0 0px 0 15px; } fieldset.standard-form-2 select.month { width: 83px; margin: 0 0px 0 0; } fieldset.standard-form-2 select.year { width: 50px; margin: 0 15px 0 0; } .checkboxes-multiple-inline { padding: 10px 0 10px 15px; margin: 0; background: url(../../assets/images/standard-form/horiz_indent.gif) repeat-x bottom; } fieldset.standard-form-2 .checkboxes-multiple-inline h4 { color: #333; padding: 0; } .checkboxes-multiple-inline ul { padding: 0; } .checkboxes-multiple-inline ul li { display: inline; list-style: none; } fieldset.standard-form-2 .checkboxes-multiple-inline label, fieldset.standard-form-2 .checkboxes-multiple-inline span, fieldset.standard-form-2 .checkboxes-multiple-inline input { display: inline; width: auto; } fieldset.standard-form-2 p.opt-in { width: auto; float: none; padding: 10px 0 10px 15px; } fieldset.standard-form-2 p.opt-in label, #static fieldset.standard-form-2 p.opt-in label { width: 275px; font-size: 0.8em; } fieldset.standard-form-2 span.check-box { background: none; } fieldset.standard-form-2 span.check-box input { width: auto; } p.opt-in /* Outside of fieldset element */ { padding: 15px 0; float: left; width: 100%; } /* ##### For specific forms ##### */ input.edocs-button { margin: 0 0 0 00px; display: block; text-indent: -5000px; overflow: hidden; font-size: 0.0001em; color: #fff; border: none; width: 406px; height: 65px; background: url(../../assets/images/environment/edocuments/cta.gif) no-repeat left top; cursor: pointer; } input.edocs-button:hover { background-position: left bottom; } input.edocs-button:focus { border: none; } /* ##### /For specific forms ##### */ /* ########## /.standard-form-2 ########## */ /* ##### #web-promo ##### */ #web-promo { background: url(../../assets/images/web-promo/background.gif) no-repeat right center; padding: 15px 100px 15px 15px; border: 1px solid #e9eef8; } #web-promo h4 { padding: 0; margin: 0 0 10px 0; } #web-promo p.cta { background: url(../../assets/images/web-promo/cta.gif) left bottom; width: 286px; height: 36px; text-align: center; line-height: 36px; margin: 0; } #web-promo p.cta a { background: url(../../assets/images/web-promo/cta.gif) left top; width: 286px; height: 36px; display: block; color: #fff; } #web-promo p.cta a:hover { background-position: left bottom; } /* ##### /#web-promo ##### */ /* ##### .hero-product ##### */ .hero-product { min-height: 160px; height: auto !important; height: 160px; border: 1px solid #ebebeb; background: #f7f7f7; padding: 15px; } .hero-product img { float: right; height: 200px; height: 200px; margin: 0 0 15px 20px; } .hero-product h4 { margin: 0 0 10px 0; padding: 0; } /* ##### /.hero-product ##### */ ol.big-numbers, #static ol.big-numbers { padding: 0; margin: 0; width: 100%; } ol.big-numbers li, #static ol.big-numbers li { background: none; list-style: none; padding: 0 0 0 00px; margin: 20px 0 0 0; float: left; width: 100%; } ol.big-numbers li span, #static ol.big-numbers li span { font-size: 50px; line-height: 50px; float: left; display: block; } ol.big-numbers li h4, #static ol.big-numbers li h4 { font: lighter 20px Arial; color: #666; margin: 0 0 12px 0; padding: 30px 0 0 0; } ol.big-numbers li p, #static ol.big-numbers li p { font: 12px Arial; color: #666; } ol.big-numbers ul li, #static ol.big-numbers ul li { font: 12px Arial; } .helpful-resources, #static .helpful-resources { float: right; margin: 0 0 15px 25px; width: 230px; background: #f5f7fc url(../../assets/images/helpful-resources/top.gif) no-repeat top; } .helpful-resources h4, #static .helpful-resources h4 { padding: 0; margin: 15px 15px 10px 15px; } .helpful-resources ul, #static .helpful-resources ul { margin: 0; padding: 0 0 10px 0; background: url(../../assets/images/helpful-resources/bot.gif) no-repeat bottom; } .helpful-resources ul li, #static .helpful-resources ul li { background: none; list-style: none; background: url(../../assets/images/helpful-resources/horiz_indent.gif) repeat-x top; padding: 5px 15px; } /* ############ landing pages start ########### */ #crayons { background-image: url(../../assets/images/landing-pages/crayons_header.jpg); background-position: left top; background-repeat: repeat-x; /*background-color: #3366cc;*/ min-height: 300px; } #crayons h1 { padding: 0 15px; margin: 0; line-height: 30px; height: 230px; } #crayons p { padding: 20px 20px 20px 20px; margin: 0px 0 0 0; color: #666; border-top: solid 5px #3366cc; border-bottom: solid 5px #3366cc; } #landing-page h2 { background-image: none; padding: 25px 0 10px 0; margin: 0; } #landing-page h3 { background-image: none; padding: 20px 0 5px 0; margin: 0; } img, a { behavior: url(../App_Themes/screen/iepngfix.htc); } #static #benefits { margin: 0 0 0 20px; padding: 0; float: right; width: 300px; } #static #benefits h3 { margin: 10px 0 15px 0; padding: 0; } #static #benefits ul { margin: 0; padding: 0; width: 300px; } #static #benefits ul li { list-style-type: none; list-style-image: none; margin: 0; padding: 0; list-style-position: outside; } /* ##### start using a tags ##### */ #benefits ul li a { height: 65px; width: 300px; display: block; text-indent: 15px; line-height: 65px; color: #333; font-size: 1.2em; cursor: help; padding: 0; margin: 0 0 20px 0; background-image: url(../../assets/images/landing-pages/click_and_hold.png); background-position: right bottom; background-repeat: no-repeat; text-decoration: none; } #benefits ul li a span { display: none; font-weight: normal; } #benefits ul li a:active { height: 300px; background-image: none; } #benefits ul li a:active span { display: block; width: 260px; margin: 15px; font-size: 0.85em; color: #333; line-height: 1.6em; text-indent: 0; height: 160px; } /* ##### end using a tags #### */ #benefits ul li#deep-red a, #benefits ul li#deep-red a span { color: #ccc; } #blue { background-image: url(../../assets/images/landing-pages/benefit_blue.jpg); } #blue:hover { background-position: right top; } #blue:active { background-position: left top; } #deep-red { background-image: url(../../assets/images/landing-pages/benefit_deep_red.jpg); } #deep-red:hover { background-position: right top; } #deep-red:active { background-position: left top; } #green { background-image: url(../../assets/images/landing-pages/benefit_green.jpg); } #green:hover { background-position: right top; } #green:active { background-position: left top; } #yellow { background-image: url(../../assets/images/landing-pages/benefit_yellow.jpg); } #yellow:hover { background-position: right top; } #yellow:active { background-position: left top; } #pink { background-image: url(../../assets/images/landing-pages/benefit_pink.jpg); } #pink:hover { background-position: right top; } #pink:active { background-position: left top; } #orange { background-image: url(../../assets/images/landing-pages/benefit_orange.jpg); } #orange:hover { background-position: right top; } #orange:active { background-position: left top; } #compare { background-image: url(../../assets/images/landing-pages/benefit_grey.jpg); width: 300px; padding: 0 0 10px 0; } #compare h4 { height: 65px; line-height: 65px; text-indent: 15px; padding: 0; margin: 0; } #compare p { padding: 5px 15px; } #compare p a { font-size: 1.4em; color: #000; } #compare p a:hover { text-decoration: none; } #landing-page blockquote { font-size: 1.1em; line-height: 1.4em; padding: 20px 0; color: #666; font-style: italic; margin: 0; width: 95%; } .lp-cta { background-image: url(../../assets/images/landing-pages/pink_cta.jpg); background-position: left bottom; width: 300px; height: 150px; } .lp-cta a { background-image: url(../../assets/images/landing-pages/pink_cta.jpg); background-position: left top; width: 300px; height: 150px; display: block; text-indent: -5000px; overflow: hidden; } .lp-cta a:hover { background-position: left bottom; } #comparison-table { margin: 0 0 20px 0; } #comparison-table tr { background-image: url(../../assets/images/landing-pages/compare/tr.jpg); background-position: bottom; background-repeat: repeat-x; height: 100px; } #comparison-table tr td#benefits-tr { height: 50px; background-image: url(../../assets/images/landing-pages/compare/benefits_tr.jpg); background-position: left top; background-repeat: no-repeat; padding: 0; border: none; } #comparison-table tr#table-headings td { font-size: 1.4em; border-bottom: dotted 1px #ccc; } #comparison-table td { padding: 0 10px; text-align: center; border-left: dotted 1px #ccc; border-bottom: dotted 1px #ccc; } #comparison-table td.supplier-logo { background-color: #fff; border-left: none; background-image: none; } #comparison-table tr.alt { } #comparison-table tr#consortium td { border-bottom: dotted 2px #3366cc; border-top: dotted 2px #3366cc; } #comparison-table td .yes { background-image: url(../../assets/images/landing-pages/compare/tick.jpg); width: 49px; height: 47px; display: block; text-indent: -5000px; overflow: hidden; margin: 0 auto; } #comparison-table td .yes-blue { background-image: url(../../assets/images/landing-pages/compare/tick_blue.jpg); width: 49px; height: 47px; display: block; text-indent: -5000px; overflow: hidden; margin: 0 auto; } #comparison-table td .no { background-image: url(../../assets/images/landing-pages/compare/cross.jpg); width: 45px; height: 43px; display: block; text-indent: -5000px; overflow: hidden; margin: 0 auto; } /* ############ landing pages end ########### */ /* #### START differentiated item classes in search results #### */ .ItemGroupContainer td { height: 190px; padding: 0; } .ItemGroupContainer td a { height: 190px; padding: 0; display: block; } .ItemGroupContainer td a:hover { text-decoration: underline; border: 1px solid #993399; } .ItemGroupContainer td a:active { border: 1px solid #000; color: #000; } .ItemGroupContainer td a span { width: 100%; height: 190px; } .ItemGroupContainer td a img { margin: 40px auto 0 auto; } .ItemGroupContainer a.service { border-bottom: 3px solid #dae4f8; background: url(../../assets/images/category-item-classes/services.gif) no-repeat left top; border-left: none; border-right: none; border-top: none; padding: 27px 0 0 0; } .ItemGroupContainer a.service span { border-bottom: 3px solid #dae4f8; border-right: 3px solid #dae4f8; margin: 0px 0 0 0; display: block; height: 100%; } /* #### END differentiated item classes in search results #### */ /* #### START delivery dates page #### */ .datesTable {} .datesTable td {padding: 3px; text-align: center;} .datesTable tr {height: 28px;} .datesTable .header {background: #89288f; color: #FFFFFF;} .datesTable .date {border-bottom: 1px solid #cccccc; border-right: 1px solid #cccccc; border-left: 1px solid #cccccc;} .datesTable .time {border-bottom: 1px solid #cccccc; border-right: 1px solid #cccccc;} .datesTable .delivery {border-bottom: 1px solid #cccccc; border-right: 1px solid #cccccc;} .datesTable .headerDate {border-left: 1px solid #89288f; border-bottom: 1px solid #cccccc; border-right: 1px solid #cccccc; border-top: 1px solid #89288f; font-weight: bold;} .datesTable .headerTime {border-bottom: 1px solid #cccccc; border-right: 1px solid #cccccc; border-top: 1px solid #89288f; font-weight: bold;} .datesTable .headerDelivery {border-bottom: 1px solid #cccccc; border-right: 1px solid #89288f; border-top: 1px solid #89288f; font-weight: bold;} .datesTable .closed {color: Red;} .datesTable .colorRow {background: #f1e6f2;} .datesTable .imageRow {background: #ffffff; padding: 0 0 0 10px;} .datesTable .imageRow img {border: 1px solid #cccccc;} /* #### END delivery dates page #### */ /* #### START category landing page #### */ .category-cta { width: 318px; height: 49px; background: url(images/category/cta.gif) left bottom; } .category-cta a { width: 318px; height: 49px; background: url(images/category/cta.gif) left top; display: block; text-indent: -5000px; overflow: hidden; } .category-cta a:hover { background-position: left bottom; } /* #### END category landing page #### */ /* ########## login or register popups ########## */ #ctl00_cphFooter_ModalPopup { width: 675px; height: 575px; border: none; padding: 0; margin: 0; background: url(images/login_pop_up/background.gif) no-repeat top; text-align: center; } #pop-login { width: 595px; height: 110px; margin: 40px auto 20px auto; padding: 0 0 0px 0; background: url(images/login_pop_up/horiz_indent.gif) repeat-x bottom; text-align: left; } #pop-login #introtxt { float: left; width: 310px; padding: 0px 0 0 0; } #pop-login h4 { background: url(images/login_pop_up/h1.gif); width: 293px; height: 25px; text-indent: -5000px; overflow: hidden; padding: 0; margin: 0 0 15px 0; line-height: 1em; } #existing-customers { float: right; width: 220px; background: url(images/login_pop_up/existing_customers_indent.gif) no-repeat left center; padding: 0px 0 0 40px; } #existing-customers h5 { background: url(images/login_pop_up/h2.gif); width: 178px; height: 18px; text-indent: -5000px; overflow: hidden; margin: 0 0 15px 0; padding: 0; line-height: 1em; } #existing-customers p.cta { background: url(images/login_pop_up/existing_customers_cta.gif) left bottom; width: 160px; height: 40px; margin: 0 0 0px 0; padding: 0; } #existing-customers p.cta a { background: url(images/login_pop_up/existing_customers_cta.gif) left top; width: 160px; height: 40px; display: block; text-indent: -5000px; overflow: hidden; } #existing-customers p.cta a:hover { background-position: left bottom; } #pop-login hr { clear: both; visibility: hidden; height: 1px; margin: -1px 0 0 0; padding: 0; padding: 0; } #pop-apply { float: left; width: 310px; text-align: left; margin: 0 0 0 40px; display: inline; overflow: hidden; } #pop-apply h6 { background: url(images/login_pop_up/h3.gif); width: 277px; height: 20px; text-indent: -5000px; overflow: hidden; padding: 0; margin: 0 0 15px 0; } #pop-apply ul { padding: 0 0 15px 0; margin: 0; } #pop-apply ul li { list-style: none; background: url(images/login_pop_up/arrow.gif) no-repeat left center; padding: 0px 0 3px 20px; } #pop-apply p.cta { background: url(images/login_pop_up/existing_customers_cta.gif) left bottom; width: 280px; height: 40px; margin: 0 0 0px 0; padding: 0; } #pop-apply p.cta a { background: url(images/login_pop_up/new_customers_cta.gif) left top; width: 280px; height: 40px; display: block; text-indent: -5000px; overflow: hidden; } #pop-apply p.cta a:hover { background-position: left bottom; } #go-to-eyah { float: right; width: 220px; text-align: left; padding: 0 0 0 40px; margin: 0 40px 0 0; display: inline; overflow: hidden; background: url(images/login_pop_up/existing_customers_indent.gif) repeat-y left center; } #go-to-eyah h7 { background: url(images/login_pop_up/h4.gif) no-repeat top; width: 200px; height: 19px; text-indent: -5000px; overflow: hidden; padding: 0; margin: 0 0 15px 0; display: block; } #go-to-eyah p.cta { background: url(images/login_pop_up/eyah_cta.gif) left bottom; width: 200px; height: 40px; margin: 0 0 px 0; padding: 0; } #go-to-eyah p.cta a { background: url(images/login_pop_up/eyah_cta.gif) left top; width: 200px; height: 40px; display: block; text-indent: -5000px; overflow: hidden; } #go-to-eyah p.cta a:hover { background-position: left bottom; } #ctl00_cphFooter_ModalPopup #footnotes { background: none; padding: 15px 0px 0 0px; text-align: left; margin: 0; } #ctl00_cphFooter_ModalPopup #footnotes p { padding: 0 0px; margin: 0; color: #999; } #ItemGroupPopupButtonBlock { height: 30px; width: 70px; position: absolute; right: 10px; top: 7px; } #ItemGroupPopupButtonBlock a { display: block; padding: 0 50px 0px 0px; background: url(images/login_pop_up/close.gif) no-repeat 45px center; height: 30px; line-height: 30px; margin: 0px 0 0 0; } #ItemGroupPopupButtonBlock a:hover { text-decoration: none; } /* ########## /login or register popups ########## */ /* ########## #info-page ########## */ #info-page #intro { background: #f5f7fc; min-height: 210px; height: auto !important; height: 210px; } #info-page #intro img { float: right; margin: 15px; } #info-page #intro p { margin: 0 370px 12px 0; padding: 15px; } /* ########## /#info-page ########## */ /* ##### TEMPORARY STYLES -- TO BE DELETED ##### */ /* ##### Christmas Crossword ##### */ #christmas-crossword { } #christmas-crossword div#crossword-background { background: url(/assets/images/christmas-crossword/background.jpg) repeat-x top; text-align: center; } fieldset.christmas-crossword { border: none; padding: 0; margin: 0; } fieldset.christmas-crossword h3 { padding: 0; margin: 0; } fieldset.christmas-crossword p { float: left; border-bottom: 1px solid #efefef; padding: 10px 0; width: 600px; height: 50px; } fieldset.christmas-crossword label { display: block; float: left; width: 300px; font-size: 0.9em; padding: 0 15px 10px 0; } fieldset.christmas-crossword input { width: 250px; float: left; padding: 5px; border: 1px solid #ccc; } fieldset.christmas-crossword input:focus { border: 1px solid #666; } /* ##### /Christmas Crossword ##### */ /* ##### Multi Sensory Range ##### */ .mslr-feature { width: 100%; float: left; } .mslr-feature ul { padding: 0; margin: 0; } .mslr-feature ul li { padding: 0; margin: 0; list-style: none; float: left; width: 49%; text-align: center; } .mslr-feature ul li a { display: block; margin: 0 auto; width: 90%; } .mslr-feature ul li a img { display: block; margin: 0 auto; width: 250px; height: 250px; } .mslr-feature p.cta { background: url(../../assets/images/Icons/cta_arrow_30.png) no-repeat left center; padding: 0 height: 30px; line-height: 30px; font-size: 1.5em; display: block; float: left; width: 100%; text-indent: 40px; margin: 20px 0 0 0; } /* ##### /Multi Sensory Range ##### */ /* ##### Service Message ##### */ #service-message { padding: 20px; height: 100px; } #service-message img { float: left; margin: 0 20px 0 0; } #service-message h3 { margin: 0 0 10px 0; font-size: 1.4em; padding: 0; } #service-message blockquote { background: url(../screen/images/home-page/service-message/left_quote.gif) no-repeat left top; padding: 0 0 0 35px; display: block; margin: 0 0 0 132px; position: relative; font-size: 0.9em; } #service-message blockquote cite { background: url(../screen/images/home-page/service-message/right_quote.gif) no-repeat right top; padding: 20px 0 0 0px; display: block; margin: -15px 0 0 0; position: relative; } /* ##### /Service Message ##### */ /* ##### /TEMPORARY STYLES -- TO BE DELETED ##### */ /* ########## Link to us page ########## */ .link-example { width: 500px; padding: 10px; border: 1px dotted #efefef; } .link-code { width: 577px; position: relative; } .link-code textarea { width: 500px; height: 148px; border: 1px dotted #ccc; background: #f7f7f7; padding: 10px; font: 0.85em/1.9em Georgia; margin: 0 0 20px 0; } .link-code span { position: absolute; right: 0; top: 0; width: 55px; display: block; height: 170px; background: url(../../assets/images/link-to-us/copy_this_code.jpg) no-repeat right top; text-indent: -5000px; overflow: hidden; } /* ########## /Link to us page ########## */ /* ##### Sidebar link ##### */ #link-to-us a { border: 1px dotted #c2d6ff; padding: 10px; background: #eff4ff; text-decoration: none; color: #333; margin: 20px 0 0 0; display: block; } #link-to-us a strong { text-decoration: underline; color: #3366cc; display: block; } #link-to-us a:hover { border: 1px dotted #3366cc; } /* ##### /Sidebar link ##### */ /* ########## PRESS OFFICE ########## */ .press-office #sintro { background: url(../../assets/images/press-releases/header.jpg) no-repeat top; } .press-office #sintro h1 { color: #fff; } #static .press-office h3 { margin-right: 43%; background-image: none; } #press-archives { float: right; width: 35%; border: solid 1px #ccc; margin: 0 00px 20px 20px; padding: 15px; } #press-archives h2 { margin: 10px 10px 0 00px; } #press-archives h3 { font-size: 1.2em; } #picture-and-intro { border: 1px solid #efefef; background: #f7f7f7; padding: 20px; width: 550px; overflow: auto; } #picture-and-intro #picture { float: left; margin: 0 20px 0 0; width: 250px; } #picture-and-intro h3 { margin: 0 0 15px 0; padding: 0; } #picture-and-intro p.caption { font-size: 0.85em; font-weight: normal; padding: 5px 0 0 0; } #picture-and-intro p { font-weight: bold; } blockquote.quote { float: right; width: 200px; margin: 0 0 15px 25px; padding: 0 40px 0 40px; font: 1.7em/1.05em Georgia; color: #000; font-style: italic; letter-spacing: -0.04em; background: url(/corporate/pressreleases/images/left_quote.gif) no-repeat left top; } blockquote.quote span { display: block; width: 30px; height: 24px; background: url(/corporate/pressreleases/images/right_quote.gif) no-repeat; float: right; margin: -17px 0px 0 0; } /* ########## /PRESS OFFICE ########## */ /* ##### NEW ACCOUNT SIGN UP FORMS ##### */ /* Sign up */ p#account-form-breadcrumb { background: url(images/account-forms/breadcrumb.jpg) repeat-x bottom; width: 620px; margin: 0 auto; font-size: 0.7em; height: 25px; padding: 10px 0 0 0; text-align: center; } p#account-form-breadcrumb strong { background: url(images/account-forms/breadcrumb_strong.jpg) no-repeat center bottom; height: 25px; display: inline-block; } fieldset.newAccountFS { border: 1 px solid; margin: 10px 0px 10px 0px; padding: 10px 10px 10px 10px; } fieldset legend { } .AddressList { width: 300px; } .signUpInputContactSection, .signUpInputContactSection h4 { clear: left; margin-top: 50px; } .signUpInputRow { min-height: 40px; } .signUpInputRow, .userAddressInputRow { padding: 0 0 0px 0; clear: both; } .signUpLabelCol, .userAddressLabelCol { float: left; width: 145px; padding: 0 15px 0 0; } .signUpInputCol, .userAddressInputCol { float: left; position: relative; } .signUpInputCol .form-help, .userAddressInputCol .help-form { display: none; } .signUpInputCol:active .form-help, .userAddressInputCol:active .form-help { display: block; width: 243px; position: absolute; left: 220px; margin: 0px 0 0 0; background: url(images/account-forms/form_help.jpg) repeat-y; } .signUpInputCol:active .form-help p, .userAddressInputCol:active .form-help p { padding: 0 15px; } .signUpInputCol:active .form-help hr, .userAddressInputCol:active .form-help hr { background: url(images/account-forms/form_help_bot.jpg); width: 243px; height: 14px; display: block; border: none; margin: 0; } .signUpInputCol:active .form-help h4, .userAddressInputCol:active .form-help h4 { margin: 0; padding: 0; width: 243px; height: 54px; background: url(images/account-forms/form_help_h4.jpg); text-indent: -5000px; overflow: hidden; } .signUpInputCol input, .userAddressInputCol input { width: 196px; padding: 2px; float: left; margin: 0 10px 20px 0; } .signUpInputCol textarea { width: 196px; height: 150px; padding: 2px; float: left; margin: 0 10px 20px 0; } /*##### New account validation styles #####*/ .signUpInputRow input[type="text"], .signUpInputRow input[type="text"].error { color: #000; font-size: small; } .signUpInputRow input.error { } .signUpInputCol label.error, .signUpInputCol span, .userAddressInputCol label.error { float: left; clear: left; display: block; width: 140px; background: url(images/account-forms/cross.jpg) no-repeat 10px 10px; margin: -10px 0 0 0; padding: 0 0 25px 40px; color: #000; } .registrationButtonPink { border: none; padding: 0; background: url(images/account-forms/button_blank_pink.jpg) top; width: 214px; height: 44px; text-align: center; color: #FFFFFF; cursor: pointer; margin: 15px 0 0 0; } .registrationButtonPink:hover { background-position: bottom; } .signUpInputCol input.signUpCheckBox { width: auto; height: auto; float: left; margin: 5px; } .signUpInputCol select { float: left; margin: 9px 5px 10px 0px; } .registrationButtonBlack { border: none; padding: 0 15px 0 0; background: url(images/account-forms/button_back.jpg) top; width: 110px; height: 45px; text-align: right; color: #FFFFFF; cursor: pointer; margin: 15px 0 0 0; } registrationButtonBlack:hover { background-position: bottom; } .requiredFieldMarker { color: green; float: left; height: 10px; width: 10px; } #ctl00_MainCopy_btnBusinessNext, #ctl00_MainCopy_btnIndividualNext { border: none; padding: 0; background: url(images/account-forms/button_blank_pink.jpg) top; width: 214px; height: 44px; text-align: center; color: #FFFFFF; cursor: pointer; margin: 15px 0 0 0; } #ctl00_MainCopy_btnBusinessNext:hover, #ctl00_MainCopy_btnIndividualNext:hover { background-position: bottom; } #ctl00_MainCopy_btnBack, #ctl00_MainCopy_btnPrevious { border: none; padding: 0 15px 0 0; background: url(images/account-forms/button_back.jpg) top; width: 110px; height: 45px; text-align: right; color: #FFFFFF; cursor: pointer; margin: 15px 0 0 0; } #ctl00_MainCopy_btnBack:hover, #ctl00_MainCopy_btnPrevious:hover { background-position: bottom; } #ctl00_MainCopy_btnNext { border: none; padding: 0 0 0 15px; background: url(images/account-forms/button_next.jpg) top; width: 214px; height: 44px; text-align: left; color: #FFFFFF; cursor: pointer; margin: 15px 0 0 0; } #ctl00_MainCopy_btnNext:hover { background-position: bottom; } /* Added by Jake 19/08/2008 */ a.btnSmaller, a.btnSmaller:link, a.btnSmaller:visited, a.btnSmaller:hover { border: none; text-align: center; background: no-repeat url(images/account-forms/button_next_small.jpg) top; display: block; height: 29px; width: 136px; text-align: center; color: #FFFFFF; cursor: pointer; text-decoration: none; padding: 8px 0 0 0; } a.btnSmaller:hover { background-position: bottom; } /* ##### /NEW ACCOUNT SIGN UP FORMS ##### */ /* END Chris's styles */ /* ##### Modal popup style for the login screen #####*/ .modalPopup { padding: 10px 10px 0 10px; border: 2px solid #000; background-color: #F6F7FC; width: 400px; } .modalPopup .Buttons { float: right; } @media print { .leftColumn, .rightColumn { display: none; } #main, #mainLeftOnly { padding: 20px 0 0 0; margin: 0px; } #mainNav { display: none; } .headerImage { display: none; } .baseTable, .leftContainer, .midContainer, .rightContainer, .blueContainer, .itemHeader, .subTable, .reportTable { background-color: White; border: 0; padding: 0; margin: 0; } .button { display: none; } .printPlain { border: 0; } .QAA_Answer { display: block; } } .siteSelector { float: right; border: 1px solid #993399; margin: 20px; padding: 20px; width: 220px; } .siteSelector select { width: 100%; margin-top: 10px; } .siteSelector input[type="submit"] { margin-top: 10px; background: url(images/account-forms/button_next_small.jpg) no-repeat 0 0; border: none; width: 135px; height: 35px; color: #ffffff; } .formFields { margin-top: 20px; } .formAddInfo { margin: 0px 0px 20px 0px } /* ##### Display Competition ##### */ p.send-entry-link { border: 1px dotted #f84242; padding: 10px; margin-right: 320px; background: #efefef; font-size: 1.1em; } p.gallery-link-2 { background: url(/displaycompetition/gallery-frame.jpg) no-repeat left bottom; width: 200px; height: 146px; float: left; text-align: center; } p.gallery-link-2 a { background: url(/displaycompetition/gallery-frame.jpg) no-repeat left top; width: 200px; height: 146px; display: block; font: 23px/24px Arial; text-transform: uppercase; color: #222; text-decoration: none; } p.gallery-link-2 a:hover { background-position: left bottom; } p.gallery-link-2 a b { margin: 0 auto; display: block; padding: 50px 30px 0 30px; } p.gallery-link-2 a b span { font-size: 20px; display: block; color: #cc0099; } #main ul.displays-gallery { padding: 0; margin: 0; width: 100%; overflow: hidden; } #main ul.displays-gallery li { list-style: none; float: left; padding: 0; margin: 20px 0 0 0; text-align: center; width: 33%; } #main ul.displays-gallery li a { border: solid 1px #ccc; display: block; width: 200px; margin: 0 auto; } #main ul.displays-gallery li img { display: block; margin: 0 0 10px 0; margin: 0 auto; } /* ##### /Display Competition ##### */ /* ##### Lightbox ##### */ #lightbox { position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; } #lightbox img { width: auto; height: auto; } #lightbox a img { border: none; } #outerImageContainer { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; } #imageContainer { padding: 10px; } #loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; } #hoverNav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } #imageContainer > #hoverNav { left: 0; } #hoverNav a { outline: none; } #prevLink, #nextLink { width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; } #prevLink { left: 0; float: left; } #nextLink { right: 0; float: right; } #prevLink:hover, #prevLink:visited:hover { background: url(/scripts/lightswitch/images/prevlabel.gif) left 15% no-repeat; } #nextLink:hover, #nextLink:visited:hover { background: url(/scripts/lightswitch/images/nextlabel.gif) right 15% no-repeat; } #imageDataContainer { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; } #imageData { padding: 0 10px; color: #666; } #imageData #imageDetails { width: 70%; float: left; text-align: left; } #imageData #caption { font-weight: bold; } #imageData #numberDisplay { display: block; clear: left; padding-bottom: 1.0em; } #imageData #bottomNavClose { width: 66px; float: right; padding-bottom: 0.7em; outline: none; } #overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; } .extraImageContainer {display: none; width: 0px; height: 0px;} /* .extraImageIndicatorHolder {position: relative; display: block; z-index: 50; float: right; bottom: 25px; right: 5px; width: 0px; height: 0px; text-align: center; background-color: #000000; color: #ffffff; font: 10px Verdana, Helvetica, sans-serif; direction: rtl;} .extraImageIndicator {display: inline; min-width: 10px; text-align: center; background-color: #000000; color: #ffffff; border-style: solid; border-width: 2px; border-color: #ffffff; font: 10px Verdana, Helvetica, sans-serif; font-weight: bold; text-align: right;} .extraImageIndicatorNum {margin: 4px;} */ /* .ImageHolder {position: relative; border-style: solid; border-width: 1px; border-color: #ff0000; text-align: center;} .ImageArea {position: relative; border-style: solid; border-width: 1px; border-color: #0000ff; width: 200px; text-align: center; } .extraImageIndicatorHolder {position: relative; border-style: solid; border-width: 1px; border-color: #ff00ff;} .extraImageIndicator {position: absolute; right: 5px; top: 5px; text-align: center; background-color: #000000; color: #ffffff; border-style: solid; border-width: 2px; border-color: #ffffff; font: 10px Verdana, Helvetica, sans-serif; font-weight: bold;} */ /* ##### /Lightbox ##### */ /* Christmas Comp 2011---------------------------------- */ #christmasHeading {width: 100%; background: url('/assets/images/xmas-comp/xmas-comp-bg.jpg') repeat-x;} #christmasComp {padding: 0 10px 0 10px; overflow: hidden;} #christmasComp .grid{border: 1px solid #cccccc; width: 561px; background: #F5F7FC; padding-bottom: 20px;} #christmasComp .answers {margin: 10px 0 10px 0; overflow: hidden; border: 1px solid #cccccc; width: 561px; background: #F5F7FC; color: #555555;} #christmasComp .answers input {border: 1px solid #cccccc; width: 200px;} #christmasComp .answers select {border: 1px solid #cccccc;} #christmasComp .answers .check-box input {border: none; width: 15px; height: 10px;} #christmasComp .answers h2 {margin: 15px 0 15px 30px; padding: 0;} #christmasComp .details {float: left; display: inline; margin: 0 0 0 30px;} #christmasComp .details .fieldName {float: left; display: inline; width: 160px;} #christmasComp .camera {overflow: hidden; clear: both; padding: 10px 0px 10px 25px; border: 1px solid #cccccc; width: 536px; background: #F5F7FC;} #christmasComp .camera img {float: left; width: 263px; height: 263px; border: 0;} #christmasComp .camera span {color: #05358e; font-size: 26px; text-align: center; display: block;}