@import url(header.css); @import url(forms.css); /* ================ */ /* = The 1Kb Grid = */ /* 12 columns, 60 pixels each, with 20 pixel gutter */ /* ================ */ .grid_1 { width:60px; } .grid_2 { width:140px; } .grid_3 { width:220px; } .grid_4 { width:300px; } .grid_5 { width:380px; } .grid_6 { width:460px; } .grid_7 { width:540px; } .grid_8 { width:620px; } .grid_9 { width:700px; } .grid_10 { width:780px; } .grid_11 { width:860px; } .grid_12 { width:940px; } .column { margin: 0 10px; overflow: hidden; float: left; display: inline; } .row { width: 960px; margin: 0 auto; overflow: hidden; position: relative; /* added */ } .row .row { margin: 0 -10px; width: auto; display: inline-block; } /*grid end*/ /* login note */ div.note { color: #fff; margin: 10px 0 0 0; overflow: hidden; float: left; display: inline; /* width: 400px; */ clear: both; } /*Standard classes*/ body { margin: 0 0 0 0; color:#5a5a5a; font:100% Arial; background: #fff url(../images/header_bg.gif) repeat-x; } p, li, select, input, textarea { font:0.8em Arial; } .hidden, .hideRow {margin:0 !important;padding:0 !important;font-size: 1px !important;visibility: hidden !important; text-decoration:none !important; } .hideRow {margin:0 -10px !important; height:0; display: none;} img {border:0;} small{font-size:0.6em} ul{margin: 0;padding:0;} h6{font-size: 1.1em; padding:0.3em 0; margin:0;} /*floats*/ .right {float: right;} .left {float: left;} /*standard links*/ a {color:#006699;text-decoration: underline;} a:visited {color:#547d92;text-decoration: underline;} a:hover {color:#547d92;text-decoration: none;} /*<<<<<<<<<<< splash page & underconstruction >>>>>>>>>>> */ #underconstruction, #splash {background: #fff;} #splash #main {background:url(../images/splash_bg.gif) no-repeat; width: 1020px; height:665px; margin: 0 auto; overflow: hidden;} #underconstruction #main {background:url(../images/underconstruction_bg.gif) no-repeat; width: 1020px; height:665px; margin: 0 auto; overflow: hidden;} /*logo*/ #underconstruction .logo, #splash .logo { font: 2em, Arial, sans-serif; margin: 17px 0 0 0 !important; width:421px; height:187px; display: block; background: url(../images/splash_logo.gif) no-repeat; text-decoration: none; } #underconstruction .welcome, #splash .welcome{margin:4.8em 2em 0 1em; width:420px; overflow: hidden;} #underconstruction h3, #underconstruction .welcome p , #splash .welcome h3, #splash .welcome p{width:390px;} #underconstruction #splash .welcome p strong{color:#006699; font-size: 1.1em} #splash .registerNow { position:absolute; top: 150px; left: 500px; width:420px;} #splash .registerNow p{margin: 0 0 1em 0; color:#fff} #splash .registerNow input{float: left;} #underconstruction .login {/*position: absolute; top: 358px; left: 500px;*/ /* margin:5em 0 0 3em; */margin: 350px 0 0 40px; width:390px; height: 250px} #splash .login {position: absolute; top: 428px; left: 500px; /* margin:5em 0 0 3em; */ width:390px;} #underconstruction .login p, #splash .login p{margin: 0; color:#fff} #underconstruction .login p.login_error, #splash .login p.login_error{font-weight: bold;color: #f00;} #underconstruction .login a, #splash .login a{color: #fff;} #underconstruction .login div.forgotten, #splash .login div.forgotten{float: right; width: 210px;} /*<<<<<<<<<<<< breadcrumb >>>>>>>>>>> */ #breadcrumb { color: #8e8e8e; font-size:0.6em; margin-bottom: 20px; } #breadcrumb a{color:#8e8e8e;text-decoration: underline; } #breadcrumb a:link {color:#8e8e8e;} #breadcrumb a:visited {color:#ccc;} #breadcrumb a:hover {text-decoration: none;} #breadcrumb .header {color:#90b916;} /*<<<<<<<<<<<<<<< content >>>>>>>>>>>>*/ /*colors*/ #content .blue {color: #006699; text-align:left;} #content .orange {color: #ff6600; text-align:left;} #content .red{color:#d82d2b; text-align:left;} #content .blue{color:#006699; text-align:left;} #content .green{color:#339900; text-align:left;} #content p , #content li{ line-height: 1.2em; font-size: 0.8em; color: #5a5a5a; } #content h5 { margin: 20px 0; font-size: 1em; font-weight: bold; } #content .compass{ background:url("../images/bg_compass.gif") no-repeat; width:459px; height:207px } #content .protractor{ background:url("../images/bg_protractor.gif") bottom no-repeat; width:459px; height:185px; } #content .scissors{ background:url("../images/bg_scissors.gif") no-repeat; width:459px; height:207px } /*Promo boxes */ #promo ul {margin:20px 0 0 10px;} #promo li{display: inline; margin: 0;} /*#promo li{display:block;}*/ #promo a { margin: 0 0 10px 0; width: 220px; height: 150px; display: block; float: left; text-decoration: none; } #promo .sports_day{margin: 0 10px 10px 0; background: url(../images/promo1.jpg) 0 0 no-repeat;} #promo .workshop{margin: 0 10px 10px 0; background: url(../images/promo1.jpg ) 0 -170px no-repeat;} #promo .world_cup{background: url(../images/promo1.jpg) -240px 0 no-repeat;} #promo .help{ background: url(../images/promo1.jpg) -240px -170px no-repeat;} #galleryItem li {display: inline; margin: 0;} #galleryItem li a {width:460px; height:67px; display: block; text-decoration: none; float: left;} /* Home buttons */ div.wb-row { float:left; } div h4.heightForce {height:40px; overflow: hidden;} div.force_lge{height:150px;} /*button styles */ a.lrgBtn{ width:220px; height:60px; display: block; float:left; text-decoration: none; } a.tutorial { background:url(../images/lg_buttons.gif) 0 -70px no-repeat; } a.tutorial:hover { background:url(../images/lg_buttons.gif) -250px -70px no-repeat;} a.generator { background:url(../images/lg_buttons.gif) 0 -150px no-repeat; } a.generator:hover {background:url(../images/lg_buttons.gif) -250px -150px no-repeat;} a.gallery { background:url(../images/lg_buttons.gif) 0 -365px no-repeat; } a.gallery:hover {background:url(../images/lg_buttons.gif) -253px -365px no-repeat;} a.library2 { background:url(../images/lg_buttons.gif) 0 -429px no-repeat; } a.library2:hover {background:url(../images/lg_buttons.gif) -250px -429px no-repeat;} a.newCampaign { background:url(../images/lg_buttons.gif) no-repeat;} a.newCampaign:hover {background:url(../images/lg_buttons.gif) -250px 0 no-repeat;} a.feedback { background:url(../images/lg_buttons.gif) 0 -500px no-repeat; margin:0 0 20px 230px } a.feedback:hover {background:url(../images/lg_buttons.gif) -250px -500px no-repeat;} /* deals */ div.deal { background-color: #1574A4; padding: 5px 20px 5px 24px; color: #fff; width: 98px; font-size: 0.8em; margin: 0 0 10px 20px; font-weight: bold; } div.frame { background-color: #1574A4; padding: 5px 20px 5px 24px; color: #fff; width: 98px; font-size: 0.8em; margin: 10px 0 10px 20px; font-weight: bold; } /*<<<<<<<<<<<<<<<<<< Generator styles >>>>>>>>>>>>>> */ /*top tips*/ #toptip h4{ background:url("../images/gen_head_topTip.gif") no-repeat; width:460px; height:110px; margin: 0; padding: 0; } #toptip .main div{background-color: #fafa9e;} #toptip .main p{ padding:0 20px} #toptip ul{ margin: 10px; padding: 20px; list-style:square url(../images/bullet_orange.gif) outside;} #toptip .bottom{ background: url(../images/gen_foot_topTip.gif) no-repeat; width: 460px; height: 30px; margin-left:0; padding: 0 } /* selection table */ #content table{ border:none; margin: 0; padding: 0; width:465px;}/*update*/ #content table td{ width: 155px; padding:10px 0 0 0; vertical-align: top;}/*update*/ #content table td.double {width:310px;} #selector td {width:155px;} #selector td label {width:125px; cursor: pointer; } #selector td label.thumbnail {height:110px; display:block; cursor: pointer; margin-bottom: 10px;} #selector td label.poster{background:url(../images/previews-small.gif) 0 0 no-repeat;} #selector td label.leaflet{background:url(../images/previews-small.gif) -125px 0 no-repeat;} #selector td label.mdPoster{background:url(../images/previews-small.gif) -250px 0 no-repeat;} #selector td label.tTalker{background:url(../images/previews-small.gif) -375px 0 no-repeat;} #selector td label.press{background:url(../images/previews-small.gif) -500px 0 no-repeat;} #selector td label.menu{background:url(../images/previews-small.gif) -625px 0 no-repeat;} #selector td label.mdMenu{background:url(../images/previews-small.gif) -750px 0 no-repeat;} #selector td label.stPack{background:url(../images/previews-small.gif) -875px 0 no-repeat;} #selector td label.stPupil{background:url(../images/previews-small.gif) -1000px 0 no-repeat;} #selector td label.web{background:url(../images/previews-small.gif) -1125px 0 no-repeat;} table#selector tr.tbl-row { margin: 0 0 20px 0; } #content .selectItem, #campaignForm .selectItem{ margin-top: 95px;display:block;} #content .selectItemSm{ margin-top:45px;display:block;} /*update*/ #content .colourSelect {float: left; width:100px !important;} /*update*/ #content .colourSelect label{width:60px !important; height:60px; cursor: pointer; display:block;} #content .colourSelect label.orange{background:#FF6600;} #content .colourSelect label.green{background:#99CC00;} #content .colourSelect label.blue{background:#67CCFF} #theme td label {width:125px;} #theme td label.thumbnail {height:110px; display:block; cursor: pointer;} #theme td label.theme1 {background:url(../images/themes_thumbs.gif) 0 0 no-repeat;} #theme td label.theme2 {background:url(../images/themes_thumbs.gif) -125px 0 no-repeat;} #theme td label.theme3 {background:url(../images/themes_thumbs.gif) -250px 0 no-repeat;} #theme td label.theme4 {background:url(../images/themes_thumbs.gif) 0 -110px no-repeat;} #theme td label.theme5 {background:url(../images/themes_thumbs.gif) -125px -110px no-repeat;} #theme td label.theme6 {background:url(../images/themes_thumbs.gif) -250px -110px no-repeat;} #theme td label.theme7 {background:url(../images/themes_thumbs.gif) 0px -215px no-repeat;} #theme td label.theme8 {background:url(../images/themes_thumbs.gif) -125px -215px no-repeat;} #theme td label.theme9 {background:url(../images/themes_thumbs.gif) -250px -215px no-repeat;} /* Ready made gallery */ #galleryItem .galleryOlympic { background:url(../images/btns-readymade.gif) 0 0 no-repeat; } #galleryItem .freshLook { background:url(../images/btns-readymade.gif) 0 -70px no-repeat; } #galleryItem .sscMaterial { background:url(../images/btns-readymade.gif) 0 -140px no-repeat; } #galleryItem .galleryCelebrity { background:url(../images/btns-readymade.gif) 0 -210px no-repeat; } #galleryItem .galleryGetReal { background:url(../images/btns-readymade.gif) 0 -280px no-repeat; } #galleryItem .galleryPrimaryPoster { background:url(../images/btns-readymade.gif) 0 -350px no-repeat; } #galleryItem .gallerySecondaryPoster { background:url(../images/btns-readymade.gif) 0 -420px no-repeat; } #galleryItem .galleryReallyGood { background:url(../images/btns-readymade.gif) 0 -500px no-repeat; } #galleryItem .galleryFootball { background:url(../images/btns-readymade.gif) 0 -580px no-repeat; } #galleryItem .galleryValentines { background:url(../images/btns-readymade.gif) 0 -650px no-repeat; } #galleryItem .gallerySchoolDinners { background:url(../images/btns-readymade.gif) 0 -725px no-repeat; } #galleryItem .galleryCanteenRescue { background:url(../images/btns-readymade.gif) 0 -810px no-repeat; } #galleryItem .gallery_world_cup { background:url(../images/btns-readymade.gif) 0 -890px no-repeat; } #galleryItem .gallery_sports_day_primary { background:url(../images/btns-readymade.gif) 0 -980px no-repeat; } #galleryItem .gallery_sports_day_secondary { background:url(../images/btns-readymade.gif) 0 -1070px no-repeat; } #galleryItem .gallery_exam_week { background:url(../images/btns-readymade.gif) 0 -1161px no-repeat; } #galleryItem .gallery_disco_primary { background:url(../images/btns-readymade.gif) 0 -1250px no-repeat; } #galleryItem .gallery_prom_secondary { background:url(../images/btns-readymade.gif) 0 -1330px no-repeat; } #gallery .items{width:120px;} #gallery a {width:120px; text-align:center; color:#000; font-size:0.7em; font-weight:bold;} #gallery a.thumbnail {display:block; cursor:pointer; padding: 110px 0 0 0; text-decoration: none;} /* Fresh Look */ #gallery #fresh_look a.item1 { background:url(../images/freshlook_thumbs.jpg) 0 0 no-repeat; } #gallery #fresh_look a.item2 { background:url(../images/freshlook_thumbs.jpg) -120px 0 no-repeat; } #gallery #fresh_look a.item3 { background:url(../images/freshlook_thumbs.jpg) -240px 0 no-repeat; } #gallery #fresh_look a.item4 { background:url(../images/freshlook_thumbs.jpg) -360px 0 no-repeat; } #gallery #fresh_look a.item5 { background:url(../images/freshlook_thumbs.jpg) -480px 0 no-repeat; } #gallery #fresh_look a.item6 { background:url(../images/freshlook_thumbs.jpg) 0 -110px no-repeat; } #gallery #fresh_look a.item7 { background:url(../images/freshlook_thumbs.jpg) -120px -110px no-repeat; } #gallery #fresh_look a.item8 { background:url(../images/freshlook_thumbs.jpg) -240px -110px no-repeat; } #gallery #fresh_look a.item9 { background:url(../images/freshlook_thumbs.jpg) -360px -110px no-repeat; } #gallery #fresh_look a.item10 { background:url(../images/freshlook_thumbs.jpg) -480px -110px no-repeat; } #gallery #fresh_look a.item11 { background:url(../images/freshlook_thumbs.jpg) 0 -220px no-repeat; } #gallery #fresh_look a.item12 { background:url(../images/freshlook_thumbs.jpg) -120px -220px no-repeat; } #gallery #fresh_look a.item13 { background:url(../images/freshlook_thumbs.jpg) -240px -220px no-repeat; } #gallery #fresh_look a.item14 { background:url(../images/freshlook_thumbs.jpg) -360px -220px no-repeat; } #gallery #fresh_look a.item15 { background:url(../images/freshlook_thumbs.jpg) -480px -220px no-repeat; } /* World Cup */ #gallery #world_cup a.item1 { background:url(../images/gallery/worldcup_thumbs.gif) 0 0 no-repeat; } #gallery #world_cup a.item2 { background:url(../images/gallery/worldcup_thumbs.gif) -120px 0 no-repeat; } #gallery #world_cup a.item3 { background:url(../images/gallery/worldcup_thumbs.gif) -240px 0 no-repeat; } #gallery #world_cup a.item4 { background:url(../images/gallery/worldcup_thumbs.gif) -360px 0 no-repeat; } #gallery #world_cup a.item5 { background:url(../images/gallery/worldcup_thumbs.gif) -480px 0 no-repeat; } #gallery #world_cup a.item6 { background:url(../images/gallery/worldcup_thumbs.gif) -600px 0 no-repeat; } #gallery #world_cup a.item7 { background:url(../images/gallery/worldcup_thumbs.gif) -720px 0 no-repeat; } #gallery #world_cup a.item8 { background:url(../images/gallery/worldcup_thumbs.gif) -840px 0 no-repeat; } #gallery #world_cup a.item9 { background:url(../images/gallery/worldcup_thumbs.gif) -960px 0 no-repeat; } #gallery #world_cup a.item10 { background:url(../images/gallery/worldcup_thumbs.gif) -1080px 0 no-repeat; } #gallery #world_cup a.item11 { background:url(../images/gallery/worldcup_thumbs.gif) -1200px 0 no-repeat; } #gallery #world_cup a.item12 { background:url(../images/gallery/worldcup_thumbs.gif) -1320px 0 no-repeat; } #gallery #world_cup a.item13 { background:url(../images/gallery/worldcup_thumbs.gif) -1440px 0 no-repeat; } #gallery #world_cup a.item14 { background:url(../images/gallery/worldcup_thumbs.gif) -1560px 0 no-repeat; } #gallery #world_cup a.item15 { background:url(../images/gallery/worldcup_thumbs.gif) -1680px 0 no-repeat; } #gallery #world_cup a.item16 { background:url(../images/gallery/worldcup_thumbs.gif) -1800px 0 no-repeat; } /* Football League */ #gallery #football a.item1 { background:url(../images/football_thumbs.gif) 0 0 no-repeat; } #gallery #football a.item2 { background:url(../images/football_thumbs.gif) -120px 0 no-repeat; } #gallery #football a.item3 { background:url(../images/football_thumbs.gif) -240px 0 no-repeat; } #gallery #football a.item4 { background:url(../images/football_thumbs.gif) -360px 0 no-repeat; } #gallery #football a.item5 { background:url(../images/football_thumbs.gif) -480px 0 no-repeat; } #gallery #football a.item6 { background:url(../images/football_thumbs.gif) -600px 0 no-repeat; } /*Canteen Rescue*/ #gallery #canteen a.item1 { background:url(../images/gallery/canteen_thumb.gif) 0 0 no-repeat; } /* School Dinners addtion 10/02/10 */ #gallery #school_dinner a.item1 { background:url(../images/gallery/schoolDinner_thumbs.jpg) 0 0 no-repeat; } #gallery #school_dinner a.item2 { background:url(../images/gallery/schoolDinner_thumbs.jpg) -120px 0 no-repeat; } #gallery #school_dinner a.item3 { background:url(../images/gallery/schoolDinner_thumbs.jpg) -240px 0 no-repeat; } #gallery #school_dinner a.item4 { background:url(../images/gallery/schoolDinner_thumbs.jpg) -360px 0 no-repeat; } #gallery #school_dinner a.item5 { background:url(../images/gallery/schoolDinner_thumbs.jpg) -480px 0 no-repeat; } #gallery #school_dinner a.item6 { background:url(../images/gallery/schoolDinner_thumbs.jpg) 0 -110px no-repeat; } #gallery #school_dinner a.item7 { background:url(../images/gallery/schoolDinner_thumbs.jpg) -120px -110px no-repeat; } #gallery #school_dinner a.item8 { background:url(../images/gallery/schoolDinner_thumbs.jpg) -240px -110px no-repeat; } #gallery #school_dinner a.item9 { background:url(../images/gallery/schoolDinner_thumbs.jpg) -360px -110px no-repeat; } #gallery #school_dinner a.item10 { background:url(../images/gallery/schoolDinner_thumbs.jpg) -480px -110px no-repeat; } #gallery #school_dinner a.item11 { background:url(../images/gallery/schoolDinner_thumbs.jpg) 0 -220px no-repeat; } #gallery #school_dinner a.item12 { background:url(../images/gallery/schoolDinner_thumbs.jpg) -120px -220px no-repeat; } #gallery #school_dinner a.item13 { background:url(../images/gallery/schoolDinner_thumbs.jpg) -240px -220px no-repeat; } #gallery #school_dinner a.item14 { background:url(../images/gallery/schoolDinner_thumbs.jpg) -360px -220px no-repeat; } #gallery #school_dinner a.item15 { background:url(../images/gallery/schoolDinner_thumbs.jpg) -480px -220px no-repeat; } /* valentines */ #gallery #valentines a.item1 { background:url(../images/valentines_thumbs.gif) 0 0 no-repeat; } #gallery #valentines a.item2 { background:url(../images/valentines_thumbs.gif) -120px 0 no-repeat; } #gallery #valentines a.item3 { background:url(../images/valentines_thumbs.gif) -240px 0 no-repeat; } #gallery #valentines a.item4 { background:url(../images/valentines_thumbs.gif) -360px 0 no-repeat; } #gallery #valentines a.item5 { background:url(../images/valentines_thumbs.gif) -480px 0 no-repeat; } #gallery #valentines a.item6 { background:url(../images/valentines_thumbs.gif) -600px 0 no-repeat; } #gallery #valentines a.item7 { background:url(../images/valentines_thumbs.gif) -720px 0 no-repeat; } /* Exam Week */ #gallery #exam_week a.item1 { background:url(../images/gallery/exam_week_thumb.gif) 0 0 no-repeat; } #gallery #exam_week a.item2 { background:url(../images/gallery/exam_week_thumb.gif) -120px 0 no-repeat; } #gallery #exam_week a.item3 { background:url(../images/gallery/exam_week_thumb.gif) -240px 0 no-repeat; } #gallery #exam_week a.item4 { background:url(../images/gallery/exam_week_thumb.gif) -360px 0 no-repeat; } #gallery #exam_week a.item5 { background:url(../images/gallery/exam_week_thumb.gif) -480px 0 no-repeat; } /* School Disco */ #gallery #disco_primary a.item1 { background:url(../images/gallery/disco_primary_thumb.gif) 0 0 no-repeat; } #gallery #disco_primary a.item2 { background:url(../images/gallery/disco_primary_thumb.gif) -120px 0 no-repeat; } #gallery #disco_primary a.item3 { background:url(../images/gallery/disco_primary_thumb.gif) -240px 0 no-repeat; } #gallery #disco_primary a.item4 { background:url(../images/gallery/disco_primary_thumb.gif) -360px 0 no-repeat; } #gallery #disco_primary a.item5 { background:url(../images/gallery/disco_primary_thumb.gif) -480px 0 no-repeat; } #gallery #disco_primary a.item6 { background:url(../images/gallery/disco_primary_thumb.gif) -600px 0 no-repeat; } /* School Prom*/ #gallery #prom_secondary a.item1 { background:url(../images/gallery/prom_secondary_thumb.gif) 0 0 no-repeat; } #gallery #prom_secondary a.item2 { background:url(../images/gallery/prom_secondary_thumb.gif) -120px 0 no-repeat; } #gallery #prom_secondary a.item3 { background:url(../images/gallery/prom_secondary_thumb.gif) -240px 0 no-repeat; } #gallery #prom_secondary a.item4 { background:url(../images/gallery/prom_secondary_thumb.gif) -360px 0 no-repeat; } #gallery #prom_secondary a.item5 { background:url(../images/gallery/prom_secondary_thumb.gif) -480px 0 no-repeat; } #gallery #prom_secondary a.item6 { background:url(../images/gallery/prom_secondary_thumb.gif) -600px 0 no-repeat; } #gallery #prom_secondary a.item7 { background:url(../images/gallery/prom_secondary_thumb.gif) -720px 0 no-repeat; } #gallery #prom_secondary a.item8 { background:url(../images/gallery/prom_secondary_thumb.gif) -840px 0 no-repeat; } #gallery #prom_secondary a.item9 { background:url(../images/gallery/prom_secondary_thumb.gif) -960px 0 no-repeat; } /* Olympic */ #gallery #olympic a.item1 { background:url(../images/olympic_thumbs.gif) 0 0 no-repeat; } #gallery #olympic a.item2 { background:url(../images/olympic_thumbs.gif) -120px 0 no-repeat; } #gallery #olympic a.item3 { background:url(../images/olympic_thumbs.gif) -240px 0 no-repeat; } #gallery #olympic a.item4 { background:url(../images/olympic_thumbs.gif) -360px 0 no-repeat; } #gallery #olympic a.item5 { background:url(../images/olympic_thumbs.gif) -480px 0 no-repeat; } #gallery #olympic a.item6 { background:url(../images/olympic_thumbs.gif) -600px 0 no-repeat; } #gallery #olympic a.item7 { background:url(../images/olympic_thumbs.gif) -720px 0 no-repeat; } #gallery #olympic a.item8 { background:url(../images/olympic_thumbs.gif) -840px 0 no-repeat; } #gallery #olympic a.item9 { background:url(../images/olympic_thumbs.gif) -960px 0 no-repeat; } #gallery #olympic a.item10 { background:url(../images/olympic_thumbs.gif) -1080px 0 no-repeat; } #gallery #olympic a.item11 { background:url(../images/olympic_thumbs.gif) -1200px 0 no-repeat; } #gallery #olympic a.item12 { background:url(../images/olympic_thumbs.gif) -1320px 0 no-repeat; } #gallery #olympic a.item13 { background:url(../images/olympic_thumbs.gif) -1440px 0 no-repeat; } #gallery #olympic a.item14 { background:url(../images/olympic_thumbs.gif) -1560px 0 no-repeat; } #gallery #olympic a.item15 { background:url(../images/olympic_thumbs.gif) -1680px 0 no-repeat; } #gallery #olympic a.item16 { background:url(../images/olympic_thumbs.gif) -1800px 0 no-repeat; } #gallery #olympic a.item17 { background:url(../images/olympic_thumbs.gif) -1920px 0 no-repeat; } #gallery #olympic a.item18 { background:url(../images/olympic_thumbs.gif) -2040px 0 no-repeat; } #gallery #olympic a.item19 { background:url(../images/olympic_thumbs.gif) -2160px 0 no-repeat; } #gallery #olympic a.item20 { background:url(../images/olympic_thumbs.gif) -2280px 0 no-repeat; } #gallery #olympic a.item21 { background:url(../images/olympic_thumbs.gif) -2400px 0 no-repeat; } #gallery #olympic a.item22 { background:url(../images/olympic_thumbs.gif) -2520px 0 no-repeat; } /*Really good school dinner*/ #gallery #really_good a.item5 { background:url(../images/reallyGood_thumbs.gif) 0 0 no-repeat; } #gallery #really_good a.item12 { background:url(../images/reallyGood_thumbs.gif) -121px 0 no-repeat; } #gallery #really_good a.item10 { background:url(../images/reallyGood_thumbs.gif) -240px 0 no-repeat; } #gallery #really_good a.item2 { background:url(../images/reallyGood_thumbs.gif) -360px 0 no-repeat; } #gallery #really_good a.item1 { background:url(../images/reallyGood_thumbs.gif) -480px 0 no-repeat; } #gallery #really_good a.item9 { background:url(../images/reallyGood_thumbs.gif) -600px 0 no-repeat; } #gallery #really_good a.item3 { background:url(../images/reallyGood_thumbs.gif) -720px 0 no-repeat; } #gallery #really_good a.item4 { background:url(../images/reallyGood_thumbs.gif) -840px 0 no-repeat; } #gallery #really_good a.item8 { background:url(../images/reallyGood_thumbs.gif) -960px 0 no-repeat; } #gallery #really_good a.item7 { background:url(../images/reallyGood_thumbs.gif) -1080px 0 no-repeat; } #gallery #really_good a.item6 { background:url(../images/reallyGood_thumbs.gif) -1200px 0 no-repeat; } #gallery #really_good a.item11 { background:url(../images/reallyGood_thumbs.gif) -1320px 0 no-repeat; } #gallery #really_good a.item13 { background:url(../images/reallyGood_thumbs.gif) -1440px 0 no-repeat; } #gallery #really_good a.item15 { background:url(../images/reallyGood_thumbs.gif) -1560px 0 no-repeat; } #gallery #really_good a.item14 { background:url(../images/reallyGood_thumbs.gif) -1680px 0 no-repeat; } #gallery #really_good a.item17 { background:url(../images/reallyGood_thumbs.gif) -1800px 0 no-repeat; } #gallery #really_good a.item16 { background:url(../images/reallyGood_thumbs.gif) -1920px 0 no-repeat; } /* School Council */ #gallery #school_council a.item1 { background:url(../images/schoolCouncil_thumbs.gif) 0 0 no-repeat; } #gallery #school_council a.item2 { background:url(../images/schoolCouncil_thumbs.gif) -120px 0 no-repeat; } #gallery #school_council a.item3 { background:url(../images/schoolCouncil_thumbs.gif) -240px 0 no-repeat; } #gallery #school_council a.item4 { background:url(../images/schoolCouncil_thumbs.gif) -360px 0 no-repeat; } #gallery #school_council a.item5 { background:url(../images/schoolCouncil_thumbs.gif) -480px 0 no-repeat; } #gallery #school_council a.item6 { background:url(../images/schoolCouncil_thumbs.gif) -600px 0 no-repeat; } #gallery #school_council a.item7 { background:url(../images/schoolCouncil_thumbs.gif) -720px 0 no-repeat; } #gallery #school_council a.item8 { background:url(../images/schoolCouncil_thumbs.gif) -840px 0 no-repeat; } #gallery #school_council a.item9 { background:url(../images/schoolCouncil_thumbs.gif) -960px 0 no-repeat; } #gallery #school_council a.item10 { background:url(../images/schoolCouncil_thumbs.gif) -1080px 0 no-repeat; } #gallery #school_council a.item11 { background:url(../images/schoolCouncil_thumbs.gif) -1200px 0 no-repeat; } #gallery #school_council a.item12 { background:url(../images/schoolCouncil_thumbs.gif) -1320px 0 no-repeat; } #gallery #school_council a.item13 { background:url(../images/schoolCouncil_thumbs.gif) -1440px 0 no-repeat; } #gallery #school_council a.item14 { background:url(../images/schoolCouncil_thumbs.gif) -1560px 0 no-repeat; } #gallery #school_council a.item15 { background:url(../images/schoolCouncil_thumbs.gif) -1680px 0 no-repeat; } #gallery #school_council a.item16 { background:url(../images/schoolCouncil_thumbs.gif) -1800px 0 no-repeat; } /* Primary Sports Day */ #gallery #sports_day_primary a.item1 { background:url(../images/gallery/sports_primary_thumb.gif) 0 0 no-repeat; } #gallery #sports_day_primary a.item2 { background:url(../images/gallery/sports_primary_thumb.gif) -120px 0 no-repeat; } #gallery #sports_day_primary a.item3 { background:url(../images/gallery/sports_primary_thumb.gif) -240px 0 no-repeat; } #gallery #sports_day_primary a.item4 { background:url(../images/gallery/sports_primary_thumb.gif) -360px 0 no-repeat; } #gallery #sports_day_primary a.item5 { background:url(../images/gallery/sports_primary_thumb.gif) -480px 0 no-repeat; } #gallery #sports_day_primary a.item6 { background:url(../images/gallery/sports_primary_thumb.gif) -600px 0 no-repeat; } #gallery #sports_day_primary a.item7 { background:url(../images/gallery/sports_primary_thumb.gif) -720px 0 no-repeat; } #gallery #sports_day_primary a.item8 { background:url(../images/gallery/sports_primary_thumb.gif) -840px 0 no-repeat; } #gallery #sports_day_primary a.item9 { background:url(../images/gallery/sports_primary_thumb.gif) -960px 0 no-repeat; } #gallery #sports_day_primary a.item10 { background:url(../images/gallery/sports_primary_thumb.gif) -1080px 0 no-repeat; } /* Celebrity */ #gallery #sports_day_secondary a.item1 { background:url(../images/gallery/sports_secondary_thumb.gif) 0 0 no-repeat; } #gallery #sports_day_secondary a.item2 { background:url(../images/gallery/sports_secondary_thumb.gif) -120px 0 no-repeat; } #gallery #sports_day_secondary a.item3 { background:url(../images/gallery/sports_secondary_thumb.gif) -240px 0 no-repeat; } #gallery #sports_day_secondary a.item4 { background:url(../images/gallery/sports_secondary_thumb.gif) -360px 0 no-repeat; } /* Celebrity */ #gallery #celebrity a.item1 { background:url(../images/gallery/celebrity_thumbs.jpg) 0 0 no-repeat; } #gallery #celebrity a.item2 { background:url(../images/gallery/celebrity_thumbs.jpg) -120px 0 no-repeat; } #gallery #celebrity a.item3 { background:url(../images/gallery/celebrity_thumbs.jpg) -240px 0 no-repeat; } #gallery #celebrity a.item4 { background:url(../images/gallery/celebrity_thumbs.jpg) -360px 0 no-repeat; } #gallery #celebrity a.item5 { background:url(../images/gallery/celebrity_thumbs.jpg) -480px 0 no-repeat; } #gallery #celebrity a.item6 { background:url(../images/gallery/celebrity_thumbs.jpg) -600px 0 no-repeat; } #gallery #celebrity a.item7 { background:url(../images/gallery/celebrity_thumbs.jpg) -720px 0 no-repeat; } #gallery #celebrity a.item8 { background:url(../images/gallery/celebrity_thumbs.jpg) -840px 0 no-repeat; } #gallery #celebrity a.item9 { background:url(../images/gallery/celebrity_thumbs.jpg) -960px 0 no-repeat; } #gallery #celebrity a.item10{ background:url(../images/gallery/celebrity_thumbs.jpg) -1080px 0 no-repeat; } #gallery #celebrity a.item11{ background:url(../images/gallery/celebrity_thumbs.jpg) -1200px 0 no-repeat; } /* Get Real */ #gallery #get_real a.item1 { background:url(../images/getReal_thumbs.gif) 0 0 no-repeat; } #gallery #get_real a.item2 { background:url(../images/getReal_thumbs.gif) -120px 0 no-repeat; } #gallery #get_real a.item3 { background:url(../images/getReal_thumbs.gif) -240px 0 no-repeat; } /* Primary Poster */ #gallery #primary_poster a.item1 { background:url(../images/primaryPoster_thumbs.gif) 0 0 no-repeat; } /* Secondary Poster */ #gallery #secondary_poster a.item1 { background:url(../images/secondaryPoster_thumbs.gif) 0 0 no-repeat; } /* tabs addition 07/07/09 */ #tabs {} #tabs ul {float:right; padding-top: 4px; width:408px; display: block;} #tabs ul li {list-style: none; display: inline;} #tabs ul li a, #tabs ul li div.end {display:block; height:34px; float: left; text-decoration: none;} #tabs ul li div.end {background:url(../images/form_preview_tab.gif); width:179px;} #tabs ul li a#preview_tab {background:url(../images/form_preview_tab.gif) -302px 0 no-repeat; width:105px;} #tabs ul li a#preview_tab:hover, #tabs ul li #preview_tab.active {background:url(../images/form_preview_tab.gif) -302px -51px no-repeat;} #tabs ul li a#guide_tab {background:url(../images/form_preview_tab.gif) -178px 0 no-repeat; width:124px;} #tabs ul li a#guide_tab:hover, #tabs ul li #guide_tab.active {background:url(../images/form_preview_tab.gif) -178px -51px no-repeat;} /*preview*/ #preview_img, #guide_img{background-color:#979797; padding: 30px 0;} #preview_img img, #guide_img img{margin:0 auto; display: block} #headPreview.itemSelect h4 {background:url(../images/gen_head_preview.gif) no-repeat; width:460px;height:37px;margin: 0;padding: 0;} #headPreview div.row div.preview{ overflow: hidden; height:450px;} #headTheme.theme h4 {background:url(../images/gen_head_theme_prev.gif) no-repeat; width:460px;height:37px;margin: 0;padding: 0;} #headTheme div.row div.sample{ height:600px; background-color:#979797;} #headTheme div.row div.sample img{margin: 20px 40px; display: block;} #headPreview.itemSelect div div.preview {background-color:#979797; } #extra { color:#fff; padding: 20px 0 40px 0; background: #a0cc00 url(../images/text_box_btm.gif) bottom no-repeat; } #extra p{ color:#fff; padding:0 20px; } #extra li {color:#fff;} /* Preview div Adrian Addition 09/09/09 */ /*#headPreview div { display: table-cell; vertical-align: middle;}*/ /*centering*/ #headPreview div.row div div{margin: 20px auto;} #headPreview #select1_prev{background:url(../images/large-previews.jpg) 0 0 no-repeat; width:259px; height:367px;} #headPreview #select2_prev{background:url(../images/large-previews.jpg) -279px 0 no-repeat; width:259px; height:367px;} #headPreview #select3_prev{background:url(../images/large-previews.jpg) -558px 0 no-repeat; width:262px; height:367px;} #headPreview #select4_prev{background:url(../images/large-previews.jpg) 0 -386px no-repeat; width:259px; height:345px;} #headPreview #select5_prev{background:url(../images/large-previews.jpg) -279px -386px no-repeat; width:259px; height:367px;} #headPreview #select6_prev{background:url(../images/large-previews.jpg) -558px -386px no-repeat; width:393px; height:280px;} #headPreview #select7_prev{background:url(../images/large-previews.jpg) 0 -773px no-repeat; width:394px; height:281px;} #headPreview #select9_prev{background:url(../images/large-previews.jpg) -696px -773px no-repeat; width:263px; height:370px;} #headPreview #select8_prev{background:url(../images/large-previews.jpg) -415px -773px no-repeat; width:262px; height:368px;} #headPreview #select10_prev{background:url(../images/large-previews.jpg) -978px -773px no-repeat; width:398px; height:369px;} /* Canteen Previews */ #headPreview #canteen1_prev { background:url(../images/gallery/canteen_large.jpg) 0 0 no-repeat; width:460px; height:450px; } /* Football League Previews */ #headPreview #football1_prev { background:url(../images/gallery/football_large.jpg) 0 0 no-repeat; width:460px; height:450px; } #headPreview #football2_prev { background:url(../images/gallery/football_large.jpg) -460px 0 no-repeat; width:460px; height:450px; } #headPreview #football3_prev { background:url(../images/gallery/football_large.jpg) -920px 0 no-repeat; width:460px; height:450px; } #headPreview #football4_prev { background:url(../images/gallery/football_large.jpg) -1380px 0 no-repeat; width:460px; height:450px; } #headPreview #football5_prev { background:url(../images/gallery/football_large.jpg) -1840px 0 no-repeat; width:460px; height:450px; } #headPreview #football6_prev { background:url(../images/gallery/football_large.jpg) -2300px 0 no-repeat; width:460px; height:450px; } /* valentines Previews */ #headPreview #valentines1_prev { background:url(../images/gallery/valentines_large.jpg) 0 0 no-repeat; width:460px; height:450px; } #headPreview #valentines2_prev { background:url(../images/gallery/valentines_large.jpg) -460px 0 no-repeat; width:460px; height:450px; } #headPreview #valentines3_prev { background:url(../images/gallery/valentines_large.jpg) -920px 0 no-repeat; width:460px; height:450px; } #headPreview #valentines4_prev { background:url(../images/gallery/valentines_large.jpg) -1380px 0 no-repeat; width:460px; height:450px; } #headPreview #valentines5_prev { background:url(../images/gallery/valentines_large.jpg) -1840px 0 no-repeat; width:460px; height:450px; } #headPreview #valentines6_prev { background:url(../images/gallery/valentines_large.jpg) -2300px 0 no-repeat; width:460px; height:450px; } #headPreview #valentines7_prev { background:url(../images/gallery/valentines_large.jpg) -2760px 0 no-repeat; width:460px; height:450px; } /* Exam Week Previews */ #headPreview #exam1_prev { background:url(../images/gallery/exam_week_large.jpg) 0 0 no-repeat; width:460px; height:450px; } #headPreview #exam2_prev { background:url(../images/gallery/exam_week_large.jpg) -460px 0 no-repeat; width:460px; height:450px; } #headPreview #exam3_prev { background:url(../images/gallery/exam_week_large.jpg) -920px 0 no-repeat; width:460px; height:450px; } #headPreview #exam4_prev { background:url(../images/gallery/exam_week_large.jpg) -1380px 0 no-repeat; width:460px; height:450px; } #headPreview #exam5_prev { background:url(../images/gallery/exam_week_large.jpg) -1840px 0 no-repeat; width:460px; height:450px; } /* School Disco Previews */ #headPreview #disco1_prev { background:url(../images/gallery/disco_primary_large.jpg) 0 0 no-repeat; width:460px; height:450px; } #headPreview #disco2_prev { background:url(../images/gallery/disco_primary_large.jpg) -460px 0 no-repeat; width:460px; height:450px; } #headPreview #disco3_prev { background:url(../images/gallery/disco_primary_large.jpg) -920px 0 no-repeat; width:460px; height:450px; } #headPreview #disco4_prev { background:url(../images/gallery/disco_primary_large.jpg) -1380px 0 no-repeat; width:460px; height:450px; } #headPreview #disco5_prev { background:url(../images/gallery/disco_primary_large.jpg) -1840px 0 no-repeat; width:460px; height:450px; } #headPreview #disco6_prev { background:url(../images/gallery/disco_primary_large.jpg) -2300px 0 no-repeat; width:460px; height:450px; } /* School Prom Previews */ #headPreview #prom1_prev { background:url(../images/gallery/prom_secondary_large.jpg) 0 0 no-repeat; width:460px; height:450px; } #headPreview #prom2_prev { background:url(../images/gallery/prom_secondary_large.jpg) -460px 0 no-repeat; width:460px; height:450px; } #headPreview #prom3_prev { background:url(../images/gallery/prom_secondary_large.jpg) -920px 0 no-repeat; width:460px; height:450px; } #headPreview #prom4_prev { background:url(../images/gallery/prom_secondary_large.jpg) -1380px 0 no-repeat; width:460px; height:450px; } #headPreview #prom5_prev { background:url(../images/gallery/prom_secondary_large.jpg) -1840px 0 no-repeat; width:460px; height:450px; } #headPreview #prom6_prev { background:url(../images/gallery/prom_secondary_large.jpg) -2300px 0 no-repeat; width:460px; height:450px; } #headPreview #prom7_prev { background:url(../images/gallery/prom_secondary_large.jpg) -2760px 0 no-repeat; width:460px; height:450px; } #headPreview #prom8_prev { background:url(../images/gallery/prom_secondary_large.jpg) -3220px 0 no-repeat; width:460px; height:450px; } #headPreview #prom9_prev { background:url(../images/gallery/prom_secondary_large.jpg) -3680px 0 no-repeat; width:460px; height:450px; } /* freshLook - Adrian Addition 14/09/09 */ #headPreview #freshLook1_prev{background:url(../images/gallery/freshLook_large.jpg) 0 0 no-repeat; width:288px; height:412px;} #headPreview #freshLook2_prev{background:url(../images/gallery/freshLook_large.jpg) -310px 0 no-repeat; width:288px; height:412px;} #headPreview #freshLook3_prev{background:url(../images/gallery/freshLook_large.jpg) -626px 0 no-repeat; width:292px; height:410px;} #headPreview #freshLook4_prev{background:url(../images/gallery/freshLook_large.jpg) -938px 0 no-repeat; width:294px; height:410px;} #headPreview #freshLook5_prev{background:url(../images/gallery/freshLook_large.jpg) -1349px 0 no-repeat; width:290px; height:410px;} #headPreview #freshLook6_prev {background:url(../images/gallery/freshLook_large.jpg) 0 -448px no-repeat; width:290px; height:414px;} #headPreview #freshLook7_prev {background:url(../images/gallery/freshLook_large.jpg) -310px -448px no-repeat; width:290px; height:414px;} #headPreview #freshLook8_prev {background:url(../images/gallery/freshLook_large.jpg) -630px -448px no-repeat; width:290px; height:414px;} #headPreview #freshLook9_prev {background:url(../images/gallery/freshLook_large.jpg) -938px -448px no-repeat; width:290px; height:414px;} #headPreview #freshLook10_prev{background:url(../images/gallery/freshLook_large.jpg) -1274px -448px no-repeat; width:426px; height:320px;} #headPreview #freshLook11_prev {background:url(../images/gallery/freshLook_large.jpg) 0 -900px no-repeat; width:424px; height:264px;} #headPreview #freshLook12_prev {background:url(../images/gallery/freshLook_large.jpg) -466px -900px no-repeat; width:228px; height:324px;} #headPreview #freshLook13_prev {background:url(../images/gallery/freshLook_large.jpg) -734px -900px no-repeat; width:228px; height:324px;} #headPreview #freshLook14_prev {background:url(../images/gallery/freshLook_large.jpg) -1004px -900px no-repeat; width:228px; height:324px;} #headPreview #freshLook15_prev {background:url(../images/gallery/freshLook_large.jpg) -1304px -900px no-repeat; width:228px; height:324px;} /* schoolDinner - Adrian Addition 10/02/10 */ #headPreview #schoolDinner1_prev{background:url(../images/gallery/schoolDinner_large.jpg) 0 0 no-repeat; width:288px; height:412px;} #headPreview #schoolDinner2_prev{background:url(../images/gallery/schoolDinner_large.jpg) -310px 0 no-repeat; width:288px; height:412px;} #headPreview #schoolDinner3_prev{background:url(../images/gallery/schoolDinner_large.jpg) -626px 0 no-repeat; width:292px; height:410px;} #headPreview #schoolDinner4_prev{background:url(../images/gallery/schoolDinner_large.jpg) -938px 0 no-repeat; width:294px; height:410px;} #headPreview #schoolDinner5_prev{background:url(../images/gallery/schoolDinner_large.jpg) -1349px 0 no-repeat; width:290px; height:410px;} #headPreview #schoolDinner6_prev {background:url(../images/gallery/schoolDinner_large.jpg) 0 -448px no-repeat; width:290px; height:414px;} #headPreview #schoolDinner7_prev {background:url(../images/gallery/schoolDinner_large.jpg) -316px -493px no-repeat; width:436px; height:308px;} #headPreview #schoolDinner8_prev {background:url(../images/gallery/schoolDinner_large.jpg) -784px -493px no-repeat; width:436px; height:308px;} #headPreview #schoolDinner9_prev {background:url(../images/gallery/schoolDinner_large.jpg) -1247px -493px no-repeat; width:436px; height:308px;} #headPreview #schoolDinner10_prev{background:url(../images/gallery/schoolDinner_large.jpg) 0 -900px no-repeat; width:436px; height:308px;} #headPreview #schoolDinner11_prev {background:url(../images/gallery/schoolDinner_large.jpg) -475px -900px no-repeat; width:436px; height:308px;} /* Olympic Previews */ #headPreview #reallyGood5_prev { background:url(../images/gallery/reallyGood_large.jpg) 0 0 no-repeat; width:420px; height:300px; } #headPreview #reallyGood12_prev { background:url(../images/gallery/reallyGood_large.jpg) -450px 0 no-repeat; width:430px; height:300px; } #headPreview #reallyGood10_prev { background:url(../images/gallery/reallyGood_large.jpg) -930px 0 no-repeat; width:295px; height:416px; } #headPreview #reallyGood2_prev { background:url(../images/gallery/reallyGood_large.jpg) -1271px 0 no-repeat; width:417px; height:300px; } #headPreview #reallyGood1_prev { background:url(../images/gallery/reallyGood_large.jpg) 0 -450px no-repeat; width:294px; height:414px; } #headPreview #reallyGood9_prev { background:url(../images/gallery/reallyGood_large.jpg) -356px -450px no-repeat; width:445px; height:222px; } #headPreview #reallyGood3_prev { background:url(../images/gallery/reallyGood_large.jpg) -935px -450px no-repeat; width:290px; height:415px; } #headPreview #reallyGood4_prev { background:url(../images/gallery/reallyGood_large.jpg) -1265px -450px no-repeat; width:434px; height:311px; } #headPreview #reallyGood8_prev { background:url(../images/gallery/reallyGood_large.jpg) 0 -900px no-repeat; width:294px; height:418px; } #headPreview #reallyGood7_prev { background:url(../images/gallery/reallyGood_large.jpg) -322px -900px no-repeat; width:292px; height:416px; } #headPreview #reallyGood6_prev { background:url(../images/gallery/reallyGood_large.jpg) -647px -900px no-repeat; width:416px; height:298px; } #headPreview #reallyGood11_prev { background:url(../images/gallery/reallyGood_large.jpg) -1098px -900px no-repeat; width:296px; height:412px; } #headPreview #reallyGood13_prev { background:url(../images/gallery/reallyGood_large.jpg) 0 -1350px no-repeat; width:293px; height:426px; } #headPreview #reallyGood15_prev { background:url(../images/gallery/reallyGood_large.jpg) -323px -1350px no-repeat; width:293px; height:426px; } #headPreview #reallyGood14_prev { background:url(../images/gallery/reallyGood_large.jpg) -653px -1350px no-repeat; width:293px; height:426px; } #headPreview #reallyGood17_prev { background:url(../images/gallery/reallyGood_large.jpg) -972px -1350px no-repeat; width:293px; height:426px; } #headPreview #reallyGood16_prev { background:url(../images/gallery/reallyGood_large.jpg) -1310px -1350px no-repeat; width:293px; height:426px; } /* Olympic Previews */ #headPreview #olympic1_prev { background:url(../images/gallery/olympic_large.jpg) 0 0 no-repeat; width:460px; height:450px; } #headPreview #olympic2_prev { background:url(../images/gallery/olympic_large.jpg) -460px 0 no-repeat; width:460px; height:450px; } #headPreview #olympic3_prev { background:url(../images/gallery/olympic_large.jpg) -920px 0 no-repeat; width:460px; height:450px; } #headPreview #olympic4_prev { background:url(../images/gallery/olympic_large.jpg) -1380px 0 no-repeat; width:460px; height:450px; } #headPreview #olympic5_prev { background:url(../images/gallery/olympic_large.jpg) -1840px 0 no-repeat; width:460px; height:450px; } #headPreview #olympic6_prev { background:url(../images/gallery/olympic_large.jpg) -2300px 0 no-repeat; width:460px; height:450px; } #headPreview #olympic7_prev { background:url(../images/gallery/olympic_large.jpg) -2760px 0 no-repeat; width:460px; height:450px; } #headPreview #olympic8_prev { background:url(../images/gallery/olympic_large.jpg) -3220px 0 no-repeat; width:460px; height:450px; } #headPreview #olympic9_prev { background:url(../images/gallery/olympic_large.jpg) -3680px 0 no-repeat; width:460px; height:450px; } #headPreview #olympic10_prev { background:url(../images/gallery/olympic_large.jpg) -4140px 0 no-repeat; width:460px; height:450px; } #headPreview #olympic11_prev { background:url(../images/gallery/olympic_large.jpg) -4600px 0 no-repeat; width:460px; height:450px; } #headPreview #olympic12_prev { background:url(../images/gallery/olympic_large.jpg) -5060px 0 no-repeat; width:460px; height:450px; } #headPreview #olympic13_prev { background:url(../images/gallery/olympic_large.jpg) -5520px 0 no-repeat; width:460px; height:450px; } #headPreview #olympic14_prev { background:url(../images/gallery/olympic_large.jpg) -5980px 0 no-repeat; width:460px; height:450px; } #headPreview #olympic15_prev { background:url(../images/gallery/olympic_large.jpg) -6440px 0 no-repeat; width:460px; height:450px; } #headPreview #olympic16_prev { background:url(../images/gallery/olympic_large.jpg) -6900px 0 no-repeat; width:460px; height:450px; } #headPreview #olympic17_prev { background:url(../images/gallery/olympic_large.jpg) -7360px 0 no-repeat; width:460px; height:450px; } #headPreview #olympic18_prev { background:url(../images/gallery/olympic_large.jpg) -7820px 0 no-repeat; width:460px; height:450px; } #headPreview #olympic19_prev { background:url(../images/gallery/olympic_large.jpg) -8280px 0 no-repeat; width:460px; height:450px; } #headPreview #olympic20_prev { background:url(../images/gallery/olympic_large.jpg) -8740px 0 no-repeat; width:460px; height:450px; } #headPreview #olympic21_prev { background:url(../images/gallery/olympic_large.jpg) -9200px 0 no-repeat; width:460px; height:450px; } #headPreview #olympic22_prev { background:url(../images/gallery/olympic_large.jpg) -9660px 0 no-repeat; width:460px; height:450px; } /* worldCup Previews */ #headPreview #worldCup1_prev { background:url(../images/gallery/worldcup_large.jpg) 0 0 no-repeat; width:460px; height:450px; } #headPreview #worldCup2_prev { background:url(../images/gallery/worldcup_large.jpg) -460px 0 no-repeat; width:460px; height:450px; } #headPreview #worldCup3_prev { background:url(../images/gallery/worldcup_large.jpg) -920px 0 no-repeat; width:460px; height:450px; } #headPreview #worldCup4_prev { background:url(../images/gallery/worldcup_large.jpg) -1380px 0 no-repeat; width:460px; height:450px; } #headPreview #worldCup5_prev { background:url(../images/gallery/worldcup_large.jpg) -1840px 0 no-repeat; width:460px; height:450px; } #headPreview #worldCup6_prev { background:url(../images/gallery/worldcup_large.jpg) -2300px 0 no-repeat; width:460px; height:450px; } #headPreview #worldCup7_prev { background:url(../images/gallery/worldcup_large.jpg) -2760px 0 no-repeat; width:460px; height:450px; } #headPreview #worldCup8_prev { background:url(../images/gallery/worldcup_large.jpg) -3220px 0 no-repeat; width:460px; height:450px; } #headPreview #worldCup9_prev { background:url(../images/gallery/worldcup_large.jpg) -3680px 0 no-repeat; width:460px; height:450px; } #headPreview #worldCup10_prev { background:url(../images/gallery/worldcup_large.jpg) -4140px 0 no-repeat; width:460px; height:450px; } #headPreview #worldCup11_prev { background:url(../images/gallery/worldcup_large.jpg) -4600px 0 no-repeat; width:460px; height:450px; } #headPreview #worldCup12_prev { background:url(../images/gallery/worldcup_large.jpg) -5060px 0 no-repeat; width:460px; height:450px; } #headPreview #worldCup13_prev { background:url(../images/gallery/worldcup_large.jpg) -5520px 0 no-repeat; width:460px; height:450px; } #headPreview #worldCup14_prev { background:url(../images/gallery/worldcup_large.jpg) -5980px 0 no-repeat; width:460px; height:450px; } #headPreview #worldCup15_prev { background:url(../images/gallery/worldcup_large.jpg) -6440px 0 no-repeat; width:460px; height:450px; } #headPreview #worldCup16_prev { background:url(../images/gallery/worldcup_large.jpg) -6900px 0 no-repeat; width:460px; height:450px; } /* School Council Previews */ #headPreview #schoolCouncil1_prev { background:url(../images/gallery/schoolCouncil_large.jpg) 0 0 no-repeat; width:460px; height:450px; } #headPreview #schoolCouncil2_prev { background:url(../images/gallery/schoolCouncil_large.jpg) -460px 0 no-repeat; width:460px; height:450px; } #headPreview #schoolCouncil3_prev { background:url(../images/gallery/schoolCouncil_large.jpg) -920px 0 no-repeat; width:460px; height:450px; } #headPreview #schoolCouncil4_prev { background:url(../images/gallery/schoolCouncil_large.jpg) -1380px 0 no-repeat; width:460px; height:450px; } #headPreview #schoolCouncil5_prev { background:url(../images/gallery/schoolCouncil_large.jpg) -1840px 0 no-repeat; width:460px; height:450px; } #headPreview #schoolCouncil6_prev { background:url(../images/gallery/schoolCouncil_large.jpg) -2300px 0 no-repeat; width:460px; height:450px; } #headPreview #schoolCouncil7_prev { background:url(../images/gallery/schoolCouncil_large.jpg) -2760px 0 no-repeat; width:460px; height:450px; } #headPreview #schoolCouncil8_prev { background:url(../images/gallery/schoolCouncil_large.jpg) -3220px 0 no-repeat; width:460px; height:450px; } #headPreview #schoolCouncil9_prev { background:url(../images/gallery/schoolCouncil_large.jpg) -3680px 0 no-repeat; width:460px; height:450px; } #headPreview #schoolCouncil10_prev { background:url(../images/gallery/schoolCouncil_large.jpg) -4140px 0 no-repeat; width:460px; height:450px; } #headPreview #schoolCouncil11_prev { background:url(../images/gallery/schoolCouncil_large.jpg) -4600px 0 no-repeat; width:460px; height:450px; } #headPreview #schoolCouncil12_prev { background:url(../images/gallery/schoolCouncil_large.jpg) -5060px 0 no-repeat; width:460px; height:450px; } #headPreview #schoolCouncil13_prev { background:url(../images/gallery/schoolCouncil_large.jpg) -5520px 0 no-repeat; width:460px; height:450px; } #headPreview #schoolCouncil14_prev { background:url(../images/gallery/schoolCouncil_large.jpg) -5980px 0 no-repeat; width:460px; height:450px; } #headPreview #schoolCouncil15_prev { background:url(../images/gallery/schoolCouncil_large.jpg) -6440px 0 no-repeat; width:460px; height:450px; } #headPreview #schoolCouncil16_prev { background:url(../images/gallery/schoolCouncil_large.jpg) -6900px 0 no-repeat; width:460px; height:450px; } /* Celebrity Previews */ #headPreview #celebrity1_prev { background:url(../images/gallery/celebrity_large.jpg) 0 0 no-repeat; width:460px; height:450px; } #headPreview #celebrity2_prev { background:url(../images/gallery/celebrity_large.jpg) -460px 0 no-repeat; width:460px; height:450px; } #headPreview #celebrity3_prev { background:url(../images/gallery/celebrity_large.jpg) -920px 0 no-repeat; width:460px; height:450px; } #headPreview #celebrity4_prev { background:url(../images/gallery/celebrity_large.jpg) -1380px 0 no-repeat; width:460px; height:450px; } #headPreview #celebrity5_prev { background:url(../images/gallery/celebrity_large.jpg) -1840px 0 no-repeat; width:460px; height:450px; } #headPreview #celebrity6_prev { background:url(../images/gallery/celebrity_large.jpg) -2300px 0 no-repeat; width:460px; height:450px; } #headPreview #celebrity7_prev { background:url(../images/gallery/celebrity_large.jpg) -2760px 0 no-repeat; width:460px; height:450px; } #headPreview #celebrity8_prev { background:url(../images/gallery/celebrity_large.jpg) -3220px 0 no-repeat; width:460px; height:450px; } #headPreview #celebrity9_prev { background:url(../images/gallery/celebrity_large.jpg) -3680px 0 no-repeat; width:460px; height:450px; } #headPreview #celebrity10_prev { background:url(../images/gallery/celebrity_large.jpg) -4140px 0 no-repeat; width:460px; height:450px; } #headPreview #celebrity11_prev { background:url(../images/gallery/celebrity_large.jpg) -4600px 0 no-repeat; width:460px; height:450px; } /* Sports Day Primary Previews */ #headPreview #sp_day_prim1_prev { background:url(../images/gallery/sport_primary.jpg) 0 0 no-repeat; width:460px; height:450px; } #headPreview #sp_day_prim2_prev { background:url(../images/gallery/sport_primary.jpg) -460px 0 no-repeat; width:460px; height:450px; } #headPreview #sp_day_prim3_prev { background:url(../images/gallery/sport_primary.jpg) -920px 0 no-repeat; width:460px; height:450px; } #headPreview #sp_day_prim4_prev { background:url(../images/gallery/sport_primary.jpg) -1380px 0 no-repeat; width:460px; height:450px; } #headPreview #sp_day_prim5_prev { background:url(../images/gallery/sport_primary.jpg) -1840px 0 no-repeat; width:460px; height:450px; } #headPreview #sp_day_prim6_prev { background:url(../images/gallery/sport_primary.jpg) -2300px 0 no-repeat; width:460px; height:450px; } #headPreview #sp_day_prim7_prev { background:url(../images/gallery/sport_primary.jpg) -2760px 0 no-repeat; width:460px; height:450px; } #headPreview #sp_day_prim8_prev { background:url(../images/gallery/sport_primary.jpg) -3220px 0 no-repeat; width:460px; height:450px; } #headPreview #sp_day_prim9_prev { background:url(../images/gallery/sport_primary.jpg) -3680px 0 no-repeat; width:460px; height:450px; } #headPreview #sp_day_prim10_prev { background:url(../images/gallery/sport_primary.jpg) -4140px 0 no-repeat; width:460px; height:450px; } /* Sports Day Primary Previews */ #headPreview #sp_day_sec1_prev { background:url(../images/gallery/sport_secondary.jpg) 0 0 no-repeat; width:460px; height:450px; } #headPreview #sp_day_sec2_prev { background:url(../images/gallery/sport_secondary.jpg) -460px 0 no-repeat; width:460px; height:450px; } #headPreview #sp_day_sec3_prev { background:url(../images/gallery/sport_secondary.jpg) -920px 0 no-repeat; width:460px; height:450px; } #headPreview #sp_day_sec4_prev { background:url(../images/gallery/sport_secondary.jpg) -1380px 0 no-repeat; width:460px; height:450px; } /* Get Real Previews */ #headPreview #getReal1_prev { background:url(../images/gallery/getReal_large.jpg) 0 0 no-repeat; width:460px; height:450px; } #headPreview #getReal2_prev { background:url(../images/gallery/getReal_large.jpg) -460px 0 no-repeat; width:460px; height:450px; } #headPreview #getReal3_prev { background:url(../images/gallery/getReal_large.jpg) -920px 0 no-repeat; width:460px; height:450px; } /* Primary Poster Previews */ #headPreview #primaryPoster1_prev { background:url(../images/gallery/primaryPoster_large.jpg) 0 0 no-repeat; width:460px; height:450px; } /* Secondary Poster Previews */ #headPreview #secondaryPoster1_prev { background:url(../images/gallery/secondaryPoster_large.jpg) 0 0 no-repeat; width:460px; height:450px; } /*generator forms*/ #createForm{ background-color: #9ccfe9;} #createWideForm{ background-color: #9ccfe9;} #createForm h5, #createWideForm h5{margin:0 0 0 10px; font-size:0.8em; color:#006699;font-weight: bold;} #createForm .formBtns, #createWideForm .formBtns{margin:0 60px 0 0;} #createForm .formTop { background: url("../images/gen_form_top.gif") no-repeat; width:460px;height:80px;} #createForm .formBottom {background: url("../images/gen_form_bottom.gif") no-repeat; width:460px; height:25px;} #createWideForm .formTop { background: url("../images/gen_form_top2.gif") no-repeat; width:940px;height:80px;} #createWideForm .formBottom { background: url("../images/gen_form_bottom2.gif") no-repeat; width:940px; height:25px;} #createForm .inline, #createWideForm .inline{ margin: 0; padding: 0; } a.helpWhite{background:transparent url(../images/white_help.gif) no-repeat ; width:16px; height:17px; display:inline; float: right; text-decoration:none; margin:0.4em 0.8em 0 0 } a.helpTop, a.helpTop_left{background: url(../images/white_help.gif) no-repeat ; width:16px; height:17px; display:inline; float: right; text-decoration:none; margin:0.4em 0 0 0 } a.helpTop_left{float:left;} a.helpTip{background: url(../images/white_help.gif) no-repeat; width:16px; height:17px; display:inline; float:right; text-decoration:none; margin:0;} a.helpOpt{background: url(../images/help-opt.gif) no-repeat; width:17px; height:17px; display:inline; float:right; text-decoration:none; margin:0 20px 0 0;} #createForm a.help, #createWideForm a.help{background:transparent url(../images/form_blue_buttons.gif) -280px 0 no-repeat ; width:28px; height:19px; display:inline; float: right; text-decoration:none; margin:0.5em 1.4em 0 0;}/*update*/ #createForm a.help:hover, #createWideForm a.help:hover{background:transparent url(../images/form_blue_buttons.gif) -280px -50px no-repeat ; }/*update*/ #createForm .width150{width:175px; display: inline;} /*download lists (stickers*/ #createForm #download_list{list-style-type: none; margin-left: 15px;} #createForm #download_list li{padding-bottom: 10px;} #createForm #download_list a{} /*Legends */ #createForm div.stage, #createWideForm div.stage{background:url(../images/headers_blue.gif) 0 0 no-repeat; padding:12px 0 0 45px; width:441px; height:41px; color: #fff; font-size: 0.8em; font-weight: bold; display:block;} #createForm div.st1, #createWideForm div.st1{background:url(../images/headers_blue.gif) 0 0 no-repeat;} #createForm div.st2, #createWideForm div.st2{background:url(../images/headers_blue.gif) 0 -62px no-repeat;} /*price boxes*/ #createForm div.priceText{ padding: 0; margin: 0.8em 0.1em 0.5em 0; text-align:right; font-size:0.8em; font-weight: bold; color:#006699;} /*#createForm #priceRow {margin-right: 2em}*/ #createForm .instruct, #createWideForm .instruct{font-size:0.7em; color:#006699; margin:10px 60px; width:350px } /*update*/ #campaignForm div.stage{padding:14px 0 0 48px; width:441px; height:32px; color: #fff; font-size: 0.8em; font-weight: bold; display:block;} #campaignForm div.st1{background:url(../images/header_orange.gif) 0 0 no-repeat;} #campaignForm div.st2{background:url(../images/header_orange.gif) 0 -45px no-repeat;} #campaignForm div.st3{background:url(../images/header_orange.gif) 0 -91px no-repeat;} #campaignForm div.st4{background:url(../images/header_orange.gif) 0 -138px no-repeat;} div.option{padding:10px 0 0 120px; width:349px; height:34px; color: #fff; font-size: 0.8em; font-weight: bold; display:block; text-align: left;} div.opt1{background:url(../images/header_options.gif) 0 0 no-repeat;} div.opt2{background:url(../images/header_options.gif) 0 -44px no-repeat;} div.opt3{background:url(../images/header_options.gif) 0 -88px no-repeat;} div.opt4{background:url(../images/header_options.gif) 0 -132px no-repeat;} #campaignForm div.explain {font-size: 0.9em; padding:0 0.5em 0 3em; } #associate_with_organisation_form div.stage, #select_form div.stage{padding:14px 0 0 48px; width:441px; height:32px; color: #fff; font-size: 0.8em; font-weight: bold; display:block; text-align: left;} #associate_with_organisation_form div.st1{background:url(../images/header_orange.gif) 0 0 no-repeat;} #select_form div.st2 {background:url(../images/header_orange.gif) 0 -45px no-repeat;} #select_form /*library styles*/ #myLibrary form {background:#f2f2f2; border-top: 1px solid #838383; border-left: 1px solid #838383; border-right: 1px solid #838383; margin:0; padding:0.2em; display: block; height:2em;} #myLibrary form .sort, #myLibrary form .search, #myLibrary form .pager {font-size: 0.7em; display: block; float: left;} #myLibrary form .pager {width:25em} #myLibrary form .pager span.txt, #myLibrary form .pager a {color:#5a5a5a; } #myLibrary form .pager span {color:#ccc8c8; } #myLibrary form .search{ width:20em; text-align: right;} #myLibrary form .sort{ width:15em} #myLibrary h5 {width:100%; text-align:right;background:url(../images/myLib_header_prev.gif) 294px 0 no-repeat; height:37px; margin: 0; padding: 0;} #myLibrary table{ border: 1px solid #838383; margin:0; padding:0, border-collapse: collapse; } #myLibrary thead {background:#ccff99; margin:0; padding:0 } #myLibrary thead th {text-align: left; font-size: 0.8em; color:#8a8383; border:none; border-spacing: 0px; padding:0.5em 0.6em; margin:0;background:#ccff99; } #myLibrary tbody td {text-align: left; font-size: 0.8em; border:none; border-spacing: 0px; border-bottom: 1px solid #b5b5b5; padding:0.5em 0.6em; margin:0; } #myLibrary .per40 {width: 40%} #myLibrary .per20 {width: 20%} /*<<<<<<<<<<<<<<<<>>>>>>>>>>>>>>>>>*/ /*<<<<<<<<<<<<<<<<< Marketing ideas & Tips >>>>>>>>>>>>>> */ /*MIT home page styles*/ #mit dt {z-index: 1; position: relative;} #mit a {text-decoration: none;display:block; width:390px; height:65px;} #mit .awareness a{ background: url(../images/mit_nav.gif) no-repeat; } #mit .awareness a:hover{background: url(../images/mit_nav.gif) -400px 0 no-repeat;} #mit .interest a{ background: url(../images/mit_nav.gif) 0 -65px no-repeat; } #mit .interest a:hover{background: url(../images/mit_nav.gif) -400px -65px no-repeat;} #mit .desire a{ background: url(../images/mit_nav.gif) 0 -130px no-repeat; } #mit .desire a:hover{background: url(../images/mit_nav.gif) -400px -130px no-repeat;} #mit .action a{ background: url(../images/mit_nav.gif) 0 -195px no-repeat; } #mit .action a:hover{background: url(../images/mit_nav.gif) -400px -195px no-repeat;} #mit .plan a{ background: url(../images/mit_nav.gif) 0 -260px no-repeat; } #mit .plan a:hover{background: url(../images/mit_nav.gif) -400px -260px no-repeat;} #awareness #content {margin-top:50px; } /*solution styles */ #mitTitle{border-top: 1px solid #797a6f; border-bottom: 1px solid #797a6f; padding: 10px 0; margin:0 10px;} #mitTitle h3 {font-size:1.6em; color:#797a6f; padding: 0; margin: 0;} #mitTitle h5 {font-size:1.2em; padding: 0.35em 0; margin: 0 0.5em;} #awareness #home, #desire #home, #interest #home, #action #home {margin:2.5em 0 0 0;} #awareness .rightColumn, #desire.rightColumn, #interest.rightColumn, #action.rightColumn {margin: 2.5em 0 0 0;} #awareness p , #desire p, #interest p, #action p { width:400px;} #awareness #landing ul, #desire #landing ul, #interest #landing ul, #action #landing ul{display: block; margin:1em 0 0 0; } #awareness #landing ul li, #desire #landing ul li, #interest #landing ul li, #action #landing ul li{margin:3px 0 0 10px; list-style-type: none;} #awareness ul li a , #desire ul li a, #interest ul li a, #action ul li a {text-decoration: none;display:block; width:395px; height:65px;} #desire #content{margin-left:10px;} .mit .headerLeft {float:left; margin:0; padding:0 0 0 9px;} .mit .headerRight{display:block; float:left; padding:5px 15px 4px 6px; color: #fff; font-size:0.8em; font-weight:bold;} .mit p{display:block; clear: both; margin-top: 1em; padding-top: 0.5em;} /*Awareness home section styles */ #awareness .title{background: url("../images/mit_awareness_home_pic.jpg") no-repeat; width:460px; height:506px; margin:0; padding:0;} #awareness .solNav1 a{ background: url(../images/mit_awareness_nav.gif) no-repeat; } #awareness .solNav1 a:hover{background: url(../images/mit_awareness_nav.gif) -400px 0 no-repeat;} #awareness .solNav2 a{ background: url(../images/mit_awareness_nav.gif) 0 -65px no-repeat; } #awareness .solNav2 a:hover{background: url(../images/mit_awareness_nav.gif) -400px -65px no-repeat;} #awareness .solNav3 a{ background: url(../images/mit_awareness_nav.gif) 0 -130px no-repeat; } #awareness .solNav3 a:hover{background: url(../images/mit_awareness_nav.gif) -400px -130px no-repeat;} #awareness .back a{ background: url(../images/mit_awareness_nav.gif) 0 -195px no-repeat; } #awareness .back a:hover{background: url(../images/mit_awareness_nav.gif) -400px -195px no-repeat;} /*awareness solution styles */ #awareness #mitTitle h5 {color:#51a23a} #awareness #content {margin:0 0 0 10px; display:block; } #awareness .sol1{background: url(../images/mit-mainpic-awareness_sol1.jpg) 0 -10px no-repeat;} #awareness .sol2{background: url(../images/mit-mainpic-awareness_sol2.jpg) 0 -10px no-repeat; padding-top: 200px} #awareness .sol1 p{margin:175px 0 0 120px; width:330px } #awareness .sol1 small{margin:10px 0 0 120px; display: block; } #awareness .sol2 p{margin:0 0 0 120px; width:330px; } #awareness #content h5{font-weight:lighter; font-size: 1.2em; color:#51a23a} #awareness #content dt{font-weight:bold; font-size: 1em; color:#51a23a; float:left; width:120px; text-align:right;} #awareness #content dd{font-size: 1em; margin:5px 0 5px 125px; width:335px;} #awareness ol { color: #3a9900; margin: 0 0 0 1.8em; padding:0; font-size: 0.8em; } #awareness ol li span{color: #5a5a5a; font-size: 1.3em; padding:0.2em 0; display: block; width:350px;} #awareness .easyStep{color: #3a9900; font-size: 1.2em; margin:0 0 0 1em;} /*Awareness ideas*/ #awareness #solution1 li, #awareness #solution2 li, #awareness #solution3 li{display:block; float: left; color:#3a9900} #awareness #solution1 li{width:115px; height:250px;} #awareness #solution1 li div{ width:80px; margin:3.6em 0 5px 25px;} #awareness #solution1 li div.lower{margin-top:4.6em;} #awareness #solution1 #ideaTitle {background:url(../images/mit_awareness_ideasBg.gif) no-repeat;} #awareness #solution1 #idea1 {background:url(../images/mit_awareness_ideasBg.gif) -120px 0 no-repeat;} #awareness #solution1 #idea2 {background:url(../images/mit_awareness_ideasBg.gif) -230px 0 no-repeat;} #awareness #solution1 #idea3 {background:url(../images/mit_awareness_ideasBg.gif) -345px 0 no-repeat;} #awareness #solution1 #idea4 {background:url(../images/mit_awareness_ideasBg.gif) 0 -250px no-repeat;} #awareness #solution1 #idea5 {background:url(../images/mit_awareness_ideasBg.gif) -115px -250px no-repeat;} #awareness #solution1 #idea6 {background:url(../images/mit_awareness_ideasBg.gif) -230px -250px no-repeat;} #awareness #solution1 #idea7 {background:url(../images/mit_awareness_ideasBg.gif) -345px -250px no-repeat;} #awareness #solution2 li{ width:134px; height:250px;} #awareness #solution2 li div{ width:100px; margin:4em 0 5px 25px;} #awareness #solution2 li div.lower{margin-top:4.6em;} #awareness #solution2 #ideaTitle {background:url(../images/mit_awareness_ideasBg2.gif) -5px 0 no-repeat;} #awareness #solution2 #idea1 {background:url(../images/mit_awareness_ideasBg2.gif) -141px 0 no-repeat;} #awareness #solution2 #idea2 {background:url(../images/mit_awareness_ideasBg2.gif) -274px 0 no-repeat;} #awareness #solution2 #idea3 {background:url(../images/mit_awareness_ideasBg2.gif) -5px -250px no-repeat;} #awareness #solution2 #idea4 {background:url(../images/mit_awareness_ideasBg2.gif) -141px -250px no-repeat;} #awareness #solution2 #idea5 {background:url(../images/mit_awareness_ideasBg2.gif) -274px -250px no-repeat;} #mainNav #mitNav { width: 395px; } #mainNav #mitNav ul { height: 23px !important; } #mainNav #mitNav ul#primary { margin: 18px 0 0 0; width: 367px; } /*MIT Navigation page*/ #mitNav{ position: relative; width: 100%; height: 5em; width: 460px; /* a width is required for Opera, older Mozilla browsers, and Konqueror browsers */ margin:1em 0 0 0; padding:5px 0 0 0; } #mitNav ul li{margin:0;} #mitNav .navHead {display: block; float: left; width:90px; height:46px; margin: 10px 0 0 0; padding: 0; border-right:1px solid #fff; border-collapse: collapse; } #mitNav .navHead a{ width:80px; height:36px; padding:5px; display: block; float: left; text-align: center; font-size: 1em; text-decoration: none; background-color:#e2e2e2; color:#797a6f;} #awareness #mitNav{background:url(../images/mit_awareness_navBack.gif) no-repeat;} #mitNav ul#primary{ background-color:#e2e2e2; margin: 10px 0 0 91px; padding: 0; position: absolute; /*bottom: -1px;*/ width: 370px; /* a width is required for Opera, older Mozilla browsers, and Konqueror browsers */ height:46px; } #mitNav ul#primary li {display: inline;list-style: none;} #mitNav ul#primary a,#mitNav ul#primary span,#mitNav ul#primary a.current { width: 91px; height: 13px; display: block; float: left; padding: 5px 0; margin: 0; text-align: center; font-size: 1em; text-decoration: none; } #mitNav ul#primary span,#mitNav ul#primary a.current,#mitNav ul#primary a.current:hover {margin-top: 0;} #mitNav ul#primary a { margin-top: 0; background-color:#e2e2e2; color:#797a6f; border-left: 1px solid #fff; } #mitNav ul#primary a:hover, #mitNav .navHead a:hover {background-color:#797a6f; color:#e2e2e2;} #mitNav ul#secondary { position: absolute; margin: 0; padding: 0; top: 23px; bottom: -1.4em; width: 370px; /* a width is required for Opera, older Mozilla browsers, and Konqueror browsers */ height:23px; background-color:#bfdba6; } #mitNav ul#secondary li a,#mitNav ul#secondary li span { width:91px; display: block; float: left; padding:5px 0; height:13px; margin: 0; text-align: auto; background: none; } #mitNav ul#secondary li a {text-decoration: none;} /*Section styles */ #awareness #mitNav{background:url(../images/mit_awareness_navBack.gif) no-repeat;} #awareness #mitNav ul#secondary {background-color:#bfdba6;} #awareness #mitNav ul#secondary li a { border-color:#bfdba6; color:#3a9900; text-decoration: none; } #awareness #mitNav ul#primary span, #awareness #mitNav ul#secondary span, #awareness #mitNav ul#secondary li a:hover {color: #bfdba6; background-color:#3a9900;} #interest #mitNav{background:url(../images/mit_interest_navBack.gif) no-repeat;} #interest #mitNav ul#secondary {background-color:#f2b4bb;} #interest #mitNav ul#secondary li a { border-color:#f2b4bb; color:#d4071f; text-decoration: none; } #interest #mitNav ul#primary span , #interest #mitNav ul#secondary span, #interest #mitNav ul#secondary li a:hover {color: #fff; background-color:#d4071f;} #desire #mitNav{background:url(../images/mit_desire_navBack.gif) no-repeat;} #desire #mitNav ul#secondary {background-color:#b2d1e0;} #desire #mitNav ul#secondary li a { border-color:#b2d1e0; color:#006699; text-decoration: none; } #desire #mitNav ul#primary span , #desire #mitNav ul#secondary span, #desire #mitNav ul#secondary li a:hover {color: #fff; background-color:#006699;} #action #mitNav{background:url(../images/mit_action_navBack.gif) no-repeat;} #action #mitNav ul#secondary {background-color:#ffd1b2;} #action #mitNav ul#secondary li a { border-color:#ffd1b2; color:#ff6600; text-decoration: none; } #action #mitNav ul#primary span , #action #mitNav ul#secondary span, #action #mitNav ul#secondary li a:hover {color: #fff; background-color:#ff6600;} /*desire home section styles*/ #desire .title{background: url(../images/mit-mainpic-desire.jpg) no-repeat; width:460px; height:506px; margin:0; padding:0;} #desire .solNav1 a{ background: url(../images/mit_desire_Subnav.gif) no-repeat; } #desire .solNav1 a:hover{background: url(../images/mit_desire_Subnav.gif) -400px 0 no-repeat;} #desire .solNav2 a{ background: url(../images/mit_desire_Subnav.gif) 0 -65px no-repeat; } #desire .solNav2 a:hover{background: url(../images/mit_desire_Subnav.gif) -400px -65px no-repeat;} #desire .solNav3 a{ background: url(../images/mit_desire_Subnav.gif) 0 -130px no-repeat; } #desire .solNav3 a:hover{background: url(../images/mit_desire_Subnav.gif) -400px -130px no-repeat;} #desire .back a{ background: url(../images/mit_desire_Subnav.gif) 0 -195px no-repeat; } #desire .back a:hover{background: url(../images/mit_desire_Subnav.gif) -400px -195px no-repeat;} /*desire solutions*/ #desire h5, #desire h4{color: #006699;} #desire ul #solution1 ul {display: inline} #desire #solution1 li{ width:134px; height:250px; display:block; float: left;} #desire #solution1 li div{ width:90px; margin:6em 0 5px 32px; color: #006699;} #desire #solution1 li div.lower{margin-top:4.6em;} #desire #solution1 #ideaTitle {background:url(../images/mit_desire_sol1_idea.gif) no-repeat;} #desire #solution1 #idea1 {background:url(../images/mit_desire_sol1_idea.gif) -134px 0 no-repeat;} #desire #solution1 #idea2 {background:url(../images/mit_desire_sol1_idea.gif) -268px 0 no-repeat;} #desire #solution1 #idea3 {background:url(../images/mit_desire_sol1_idea.gif) 0 -250px no-repeat;} #desire #solution1 #idea4 {background:url(../images/mit_desire_sol1_idea.gif) -134px -250px no-repeat;} #desire #solution1 #idea5 {background:url(../images/mit_desire_sol1_idea.gif) -268px -250px no-repeat;} #desire .mit .headerLeft {background:url(../images/mit_headBg_desire.gif) no-repeat left top;} #desire .mit .headerRight{background:url(../images/mit_headBg_desire.gif) no-repeat right top;} #desire .mit p{width:220px;} /*interest home section styles*/ #interest .title{background: url(../images/mit-mainpic-interest.jpg) no-repeat; width:460px; height:506px; margin:0; padding:0;} #interest .solNav1 a{ background: url(../images/mit_interest_Subnav.gif) no-repeat; } #interest .solNav1 a:hover{background: url(../images/mit_interest_Subnav.gif) -400px 0 no-repeat;} #interest .solNav2 a{ background: url(../images/mit_interest_Subnav.gif) 0 -65px no-repeat; } #interest .solNav2 a:hover{background: url(../images/mit_interest_Subnav.gif) -400px -65px no-repeat;} #interest .solNav3 a{ background: url(../images/mit_interest_Subnav.gif) 0 -130px no-repeat; } #interest .solNav3 a:hover{background: url(../images/mit_interest_Subnav.gif) -400px -130px no-repeat;} #interest .back a{ background: url(../images/mit_interest_Subnav.gif) 0 -195px no-repeat; } #interest .back a:hover{background: url(../images/mit_interest_Subnav.gif) -400px -195px no-repeat;} /*interest solutions */ #interest .mit .headerLeft {background:url(../images/mit_sd_interest.gif) no-repeat left top;} #interest .mit .headerRight{background:url(../images/mit_sd_interest.gif) no-repeat right top;} #interest .mit p{width:220px;} #interest .sol1 p{margin:1em 0 0 15px; width:420px } #interest .chillBg{background:url(../images/mit_bg_interest_sol1.gif) no-repeat; width:70px; height:401px; } #interest .megaPhoneBg{background:url(../images/mit_bg_interest_sol2.gif) 20px 0 no-repeat; width:102px; height:442px; } #interest h5, #interest h4 {color: #d4071f;} /*action home section styles*/ #action .title{background: url(../images/mit-mainpic-action.jpg) no-repeat; width:460px; height:506px; margin:0; padding:0;} #action .solNav1 a{ background: url(../images/mit_action_Subnav.gif) no-repeat; } #action .solNav1 a:hover{background: url(../images/mit_action_Subnav.gif) -400px 0 no-repeat;} #action .solNav2 a{ background: url(../images/mit_action_Subnav.gif) 0 -65px no-repeat; } #action .solNav2 a:hover{background: url(../images/mit_action_Subnav.gif) -400px -65px no-repeat;} #action .solNav3 a{ background: url(../images/mit_action_Subnav.gif) 0 -130px no-repeat; } #action .solNav3 a:hover{background: url(../images/mit_action_Subnav.gif) -400px -130px no-repeat;} #action .back a{ background: url(../images/mit_action_Subnav.gif) 0 -195px no-repeat; } #action .back a:hover{background: url(../images/mit_action_Subnav.gif) -400px -195px no-repeat;} /* action solution */ #action .mit .headerLeft {background:url(../images/mit_headBg_action.gif) no-repeat left top;} #action .mit .headerRight{background:url(../images/mit_headBg_action.gif) no-repeat right top;} #action .mit p{width:220px;} #action .sol1 p{margin:1em 0 0 15px; width:420px } #action .mit .quoteTop {margin:0; padding:58px 0 0 0;background:url(../images/mit_action_quote.gif) no-repeat top left;} #action .mit .quoteBottom{display:block; padding:0 15px 80px 40px; color: #666;background:url(../images/mit_action_quote.gif) no-repeat bottom left; } #action .mit .quoteBottom p{width:170px; margin:5px 0;} #action h5, #action h4, #action .orangeTxt {color: #ff6600;} #action .mit a.mp {background:url(../images/mit_action_marketPlan.gif) no-repeat;width:192px; height:106px; display: block; text-decoration: none; margin-left: 36px} #action .mit a.mp:hover {background:url(../images/mit_action_marketPlan.gif) 0 -110px no-repeat;} /*<<<<<<<<<<<<<<<<< Marketing ideas & Tips end >>>>>>>>>>>>>> */ /*Case Studies*/ #case {} #case .head{height:85px;} #case .foot{height:80px;} #case .main{padding: 0 1.7em; width:566px} /*#ffe9c3*/ #case.csHome{background: url(../images/caseStudy_home.jpg) 10px 0 no-repeat;} #case.csHome .lower{margin-top: 5em; padding-left: 1.5em; width:260px} #case.csHome .lowerMax{margin:18em 0 0 2em;} #case.csHome .lowerMax a.share {margin:0 2.5em; background:url(../images/btn_shareSuc.gif) no-repeat; width:194px; height:63px; text-decoration: none; display: block;} #case.csHome .lowerMax a.share:hover {background:url(../images/btn_shareSuc.gif) 0 -67px no-repeat;} #case.orange {} #case.orange .head{background:url(../images/caseStudy_bg_orange.gif) no-repeat;} #case.orange .main{background:#fae3bd;} #case.orange .main strong {color: #ff6600} #case.orange .foot{background:url(../images/caseStudy_bg_orange.gif) 0 -80px no-repeat;} #case.blue{} #case.blue .head{background:url(../images/caseStudy_bg_blue.gif) no-repeat;} #case.blue .main{background:#d6e9e9;} #case.blue .main p {color: #006699} #case.blue .foot{background:url(../images/caseStudy_bg_blue.gif) 0 -80px no-repeat;} #case.green{} #case.green .head{background:url(../images/caseStudy_bg_green.gif) no-repeat;} #case.green .main{background:#d3dfce;} #case.green .main strong {color: #339900} #case.green .foot{background:url(../images/caseStudy_bg_green.gif) 0 -80px no-repeat;} #case.red{} #case.red .head{background:url(../images/caseStudy_bg_red.gif) no-repeat;} #case.red .main{background:#f8dcda;} #case.red .main strong {color:#d82d2b} #case.red .foot{background:url(../images/caseStudy_bg_red.gif) 0 -80px no-repeat;} #csNav {margin-top:4em;} #csNav li{margin-bottom:5px;} #csNav span, #csNav div, #csNav a{display:block; width:300px; height:1em; margin-bottom:5px; padding:0.7em} #csNav a{background:#e2e2e2; color:#797a6f; text-decoration:none;} #csNav a:hover{background:#797a6f; color:#e2e2e2; margin-bottom:5px;} #csNav div {height:0.5em; } .grey60 {background:#ebebeb;} .grey40 {background:#f0f0f0;} .grey20 {background:#f6f6f6;} #csNav .orange{background:#ff6600; color:#fff; } #csNav .red{background:#d82d2b; color:#fff; } #csNav .blue{background:#006699; color:#fff; } #csNav .green{background:#339900; color:#fff; } /* help */ #help li a {height:65px; width:391px; display: block; text-decoration: none; } #help li a.nav1 {background:url(../images/help_btns.gif) no-repeat} #help li a.nav1:hover {background:url(../images/help_btns.gif) -410px 0 no-repeat} #help li a.nav2 {background:url(../images/help_btns.gif) 0 -65px no-repeat} #help li a.nav2:hover {background:url(../images/help_btns.gif) -410px -65px no-repeat} #help li a.nav3 {background:url(../images/help_btns.gif) 0 -119px no-repeat; height: 69px; } #help li a.nav3:hover {background:url(../images/help_btns.gif) -410px -119px no-repeat} #help li a.nav4 {background:url(../images/help_btns.gif) 0 -195px no-repeat} #help li a.nav4:hover {background:url(../images/help_btns.gif) -410px -195px no-repeat} #help li a.nav5 {background:url(../images/help_btns.gif) 0 -260px no-repeat} #help li a.nav5:hover {background:url(../images/help_btns.gif) -410px -260px no-repeat} /* my account */ #myAccount table{ border: 1px solid #838383; margin:0; padding:0, border-collapse: collapse; } #myAccount thead {background:#ccff99; margin:0; padding:0 } #myAccount thead th {text-align: left; font-size: 0.8em; color:#8a8383; border:none; border-spacing: 0px; padding:0.5em 0.6em; margin:0;background:#ccff99; } #myAccount tbody td {text-align: left; font-size: 0.8em; border:none; border-spacing: 0px; border-bottom: 1px solid #b5b5b5; padding:0.5em 0.6em; margin:0; } #myAccount .per30 {width: 30%} #myAccount .per20 {width: 15%} #myAccount .per10 {width: 10%} /* <<<<<<<<<<<<<<<< footer styles >>>>>>>>>>>>>>> */ #footer .keyline { border-bottom: 1px solid #ccc; height:94px; } #footer a.logo { margin: 33px 0 0 50px; background:url("../images/footer_logo.gif") no-repeat; width:129px; height:61px; display:block; text-decoration: none; } #footer a.change4Life { margin: 33px 30px 0 0; background:url("../images/logo_change4life.gif") no-repeat; width:73px; height:50px; display:block; text-decoration: none; } #footer ul {float: right;} #footer li { display: inline; font-size: 0.6em; color:#929292; margin-left: 5px; } #footer li a {margin-left: 5px;text-decoration: underline;color:#929292;} #footer li a:visited {color:#bfbfbf;} #footer li a:hover {text-decoration: none;} /*<<<<<<<<<<<<<< footer end >>>>>>>>>>>>>>>>>>>>>*/ /* editing */ #remove table{ width:430px;} #remove table td{border-bottom:1px solid #ddd; width:390px; padding:5px;} #remove table td.med{border-bottom:1px solid #ddd; width:180px;} #remove table td.sm{border-bottom:1px solid #ddd; width:40px;} #remove table td label {margin: 0; width:180px; text-align: left;} #remove .padMe{margin:15px;} /* Clearing floats without extra markup Based on How To Clear Floats Without Structural Markup by PiE [http://www.positioniseverything.net/easyclearing.html] */ .clear { display: inline-block; } .clear:after, .container:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } * html .clear { height: 1%; } /*.clear { display: block; }*/ .mb15 { margin-bottom: 15px; }