/* AUTOPARTNERS */ /* Origination CRM | Will Dayble, April 08 */ /* This is for the 'members section', also contains a few elements repeated in other parts of the site */ /* this bit is for when we're NOT logged in! */ #membersBanner{overflow:hidden; position:relative; padding:0; z-index:40;} #membersBannerInner{display:block; text-decoration:none; position:absolute; top:0; width:1273px; left:50%; margin:0 0 0 -650px; z-index:50;} /* here are some individual banners. We use a different class for each as these may change and we may want to revert... */ #membersBanner.banner101{background: url(../images/rewards/banners/2009-repeater.jpg) repeat-x bottom; height: 554px;} #membersBanner #membersBannerInner{background:url(../images/members/members-banner.jpg) no-repeat top; height: 554px; position: relative; z-index: 100;} #membersContentFooter.hacketyMargin{margin-top: -80px; z-index: 500; position: relative;} #membersQuote{xbackground:url(../images/members/happy-testimonial.jpg) no-repeat top; width:747px; height:306px; margin:15px 0 0; position:relative;} #membersQuote blockquote{color:#2c3c75; font-size:24px; margin:0; padding:30px 20px 0; font-style:italic; font-family:Georgia, "Times New Roman", Times, serif; width:470px; line-height:140%;} #membersQuote blockquote span{color:#000;} #membersQuote cite{text-align:right; font-size:14px; color:#666; margin:0; padding:0px 0 0 0; display:block; width:485px;} #memberLeft{width:310px; min-height:100px; float:left; padding: 10px 0 0;} #memberRight{width:430px; min-height:100px; float:right; padding:10px 0 0 20px; margin:10px 0 20px 0;} /* border-left:1px solid #ccc; */ .orangeBox{width:310px; position:relative; margin:0 0 15px 0;} .orangeBoxRep{background:url(../images/members/orange-box-rep.jpg) top; width:310px;} .orangeBoxHeader{background:url(../images/members/orange-box-top.jpg) no-repeat top;} .orangeBoxFooter{background:url(../images/members/orange-box-bottom.jpg) no-repeat bottom; position:relative;} .orangeBox h3{font-size:30px; letter-spacing:-1px; margin:0; padding:25px 0 5px; margin:0 25px 15px; line-height:27px; border-bottom:1px solid #fff;} .orangeBox h3 span{color:#fff; display:block;} .orangeBox h3 span a{font-size:16px; color:#ffcc66; text-decoration:none;} .orangeBox h3 span a:hover{color:#fff;} .orangeBox form{margin:0; padding:0;} .orangeBox form label{color:#000; font-size:13px; display:block; margin:0;} .orangeBox form div{ padding:0 0 0 40px;} .orangeBox form .text{color:#000; background:#ffeacc; font-size:18px; border:1px solid #b96e00; padding:3px; margin:0 0 10px; width:210px;} .orangeBox form .submit{font-size:22px; color:#000; width:100%; background:none; text-align:center; font-weight:bold; border: none; padding:0 0 35px; display:block; cursor: pointer;} * html .orangeBox form .submit{} .orangeBox form .submit:hover{color:#ff5500; cursor:pointer;} .orangeBoxHackySmacky{height:20px; clear:both; display:block;} .orangeBoxUnder{background:url(../images/members/orange-box-under-rep.jpg) repeat-y right; width:272px; margin:0 auto;} .orangeBoxUnderFooter{background:url(../images/members/orange-box-under-bottom.jpg) no-repeat bottom right; min-height:100px;} #orangeBoxError{padding:10px; color:#000; background:#ffcc01; border-top:1px solid #ca7900; border-bottom:1px solid #ffea00; margin:5px 14px 10px;} .orangeBoxOrCall{font-size:25px; color:#777; display:block; text-align:center;} .orangeBoxOrCall span{font-weight:bold; color:#ff6600; text-align:center;} .orangeBoxAnyQuestions{color:#777; font-size:12px; width:230px; margin:0 auto; padding:5px 0 15px;} .orangeBoxAnyQuestions strong{display:block; font-size:14px;} .orangeBoxAnyQuestions a{color:#000; text-decoration:none;} .orangeBoxAnyQuestions a:hover{color:#cc0000;} /* members title */ #memberToolsHeader{position:relative;} #memberToolsHeader a{font-size: 12px; color: #cc0000; text-decoration: none; padding: 0 4px; display:none;} #memberToolsHeader a:hover{color: #000;} /* grey box */ .memberToolGreybox{background:url(../images/members/grey-item-box-rep.jpg); width:417px; margin:10px 0;} .memberToolGreyboxTop{background:url(../images/members/grey-item-box-top.jpg) no-repeat top; } .memberToolGreyboxBottom{background:url(../images/members/grey-item-box-bottom.jpg) no-repeat bottom; } .memberToolGreyboxInner{padding:10px;} .memberToolIcon a{float:left; width:120px; height:180px; margin:10px 5px; position:relative;text-decoration:none; color:#cc0000 !important; z-index: 200;} .memberToolIcon a:hover{color:#220000 !important;} .memberToolIcon a span {position:absolute; top:110px; left:0; width:120px; text-align:center; font-size:16px; display:block; padding:0 0 5px 0; font-weight:normal;} .memberToolIcon a span em{display:block;font-size:12px; color:#666; padding:5px 0; font-style:normal;} /* we don't use this anymore. It hid all but the login item. #mtiBlanker{width:100%; height: 100%; background: #fff; z-index: 300; filter:alpha(opacity=50);-moz-opacity:.5;opacity:.5; position: absolute;;} */ .mtiLogin{background:url(../images/members/icons/logic-box.jpg) no-repeat top; z-index:500;} .mtiClaimPoints{background:url(../images/members/icons/claim-points.jpg) no-repeat top;} .mtiRewards{background:url(../images/members/icons/present.jpg) no-repeat top;} .mtiStreets{background:url(../images/members/icons/streets.jpg) no-repeat top;} .mtiBalance{background:url(../images/members/icons/piggie.jpg) no-repeat top;} .mtiNewsletter{background:url(../images/members/icons/streets-ahead.jpg) no-repeat top;} .mtiCapricorn{background:url(../images/members/icons/capricorn.jpg) no-repeat top;} .mtiDirect{background:url(../images/members/icons/direct-data.jpg) no-repeat top;} .mtiSachels{background:url(../images/members/icons/sachel.jpg) no-repeat top;} .mtiGuide{background:url(../images/members/icons/clipboard.jpg) no-repeat top;} .mtiId{background:url(../images/members/icons/id-card.jpg) no-repeat top;} /* changed from this to the streets angled thingy .mtiNewsletter{background:url(../images/members/icons/newsletter.jpg) no-repeat top;} */ /* change your details bit */ /* looking for #ChangeYourDetails_72f869a3529b4104a839eafc78f145a9 ? it's over in contact.css, 'cause we're using the same style! */ #ChangeYourDetails_72f869a3529b4104a839eafc78f145a9{padding-top: 0 !important;} /* the join thing */ #joinRight{width:450px; float:right; margin:25px 0; padding:0 0 10px 10px} .greyMidStrengthBacker{background:#f7f7f7 url(../images/grads/grad-mid-up-f7f7f7.jpg) repeat-x bottom; border:1px solid #ddd; margin:10px 0; padding:0 15px;} #joinRight .pdfLink{margin:10px 0;} /* then this is the join thing */ #Join_ad4f331bb56e4ac1887bf150c5c3be2e {width:250px; background:#ff9900; padding:0 10px 10px; border:2px solid #000; margin:20px 10px 20px; float:left; min-height:0px} #Join_ad4f331bb56e4ac1887bf150c5c3be2e h2{color:#fff; border-bottom:none; font-weight:bold;} #Join_ad4f331bb56e4ac1887bf150c5c3be2e fieldset{width:230px !important; margin:20px 0 10px !important; border:1px solid #000; position: relative;} #Join_ad4f331bb56e4ac1887bf150c5c3be2e fieldset legend{border:1px solid #000; color:#000; font-weight:bold; position:absolute; top:-10px; left:10px;} /* and now we cater for IE6, because it's filthy ;( */ #Join_ad4f331bb56e4ac1887bf150c5c3be2e fieldset {margin:0; position:relative;width:230px !important;} /* --- and this is when we're logged in -- */ #loggedInMemberPage{padding:10px 0; text-align: center; height:520px;} #loggedInMemberPage .memberToolIcon a{margin:10px 35px;} /* training nights */ #trainingBanner{position: relative; height: 262px; background: #ec1b30; margin: 0 0 30px 0;} #trainingBannerInner{background:url(../images/members/training/banner-sharpen.jpg); background-position: top center; width: 1174px; height: 426px; position: absolute; top:0px; left:50%; margin: 0 0 0 -610px;} #trainingBanner2{position: relative; height: 262px; background: #ec1b30; margin: 0 0 30px 0;} #trainingBannerInner2{background:url(../images/members/training/banner-sharpen2.jpg); background-position: top center; width: 1174px; height: 426px; position: absolute; top:0px; left:50%; margin: 0 0 0 -610px;} .bob_the_third { width: 677px; margin-left: 6px; } .Event_Table{width:700px; border:1px solid #000; margin:20px auto;font-size:12px;} .Event_Table caption{background:#cc0000; color:#fff; padding:2px;} .Event_Table th{width:20%; padding:5px; text-align:left; font-weight:normal; background:#ccc; color:#555; } .Event_Table td{color:#333; width:20%; font-size:12px; padding:10px; border-bottom:1px solid #ddd;} .Event_Table .OddRow{background:#f9f9f9;} .Event_Table table{width:700px;} #EventDetails{} #EventDetails dl{margin: 0;padding: 0; display:block; } #EventDetails dt{width: 100px; font-weight: bold; clear:left;} #EventDetails dd{width: 500px; color:#555; } #EventDetails dd, #EventDetails dt{float: left;margin:0; padding: 10px; border-top: 1px solid #999; font-size:12px; } .EventPresentation_Table td{padding:5px; border-bottom:1px solid #ccc;} #RegistrationForm{clear:both; padding:15px 0 0; width:450px;} #RegistrationForm .InputRow{min-height:20px;} #RegistrationForm .InputRow input.text{width:315px;} #RegistrationForm table{border:1px solid #ccc;} #RegistrationForm table thead{background:#cc0000; color: #fff} #RegistrationForm table th{padding: 5px; font-size: 13px;} #RegistrationForm table tbody th{background: #fff; text-align: right;} #RegistrationForm table td{padding: 5px; background: #fff;} /* fix the sachelts width: */ #RequestSatchels_ee1b3503915846eaa2642e4540375cd3 fieldset{width:400px; margin:0 auto;} /* Online news sign in killdoggery */ #News_ca5c390797ed4effa94b413728db3b50{ width:220px; padding:0 20px 10px 50px; background:#fff url(../images/grads/vertical-fade-splitter.jpg) no-repeat top left; float:right; margin:15px 0 0;} #News_ca5c390797ed4effa94b413728db3b50 label{width:90px; } #News_ca5c390797ed4effa94b413728db3b50 input{width:112px;} /* ie fails to do anything right */ * html #News_7752fc6885b347c399f75e4c8fdabf41{} * html #News_ca5c390797ed4effa94b413728db3b50 {height:400px; } * html #News_ca5c390797ed4effa94b413728db3b50 .ComposureForm {position: absolute; top:180px; right:25px; z-index: 999;} /* right side */ #streetsAhead {background:url(../images/streetsahead/streets-ahead-glinty.jpg) no-repeat top left; width:460px; float:left; margin:15px 0 0; height:300px;} #streetsAheadInna{padding:0px 0 0 220px; text-align:right;} #streetsAheadInna a{text-decoration:none;} /* right side */ .latestNewsHeader {xbackground:url(../images/streetsahead/streets-ahead-glinty-feb09.jpg) no-repeat top left; width:400px; float:left; margin:15px 0 0;padding:0px 0 0 60px; text-align:right;} .latestNews {xbackground:url(../images/streetsahead/streets-ahead-glinty-feb09.jpg) no-repeat top left; clear:both;padding:0px 60px;} .latestNews a{text-decoration:none;} /* direct data authority logos */ #dda1, #dda2, #dda3, #dda4 {padding:20px 0 20px 140px;background-position: left; background-repeat: no-repeat; border-bottom: 1px solid #ddd;} #dda1{background-image:url(../images/partners/logos/permatex-small.jpg);} #dda2{background-image:url(../images/partners/logos/gates-small.jpg);} #dda3{background-image:url(../images/partners/logos/shell-small.jpg);} #dda4{background-image:url(../images/partners/logos/century-small.jpg);} /* a prettier training nights thingy */ .prettierTraining{position: relative; height: 160px;} .prettierTraining .intro{position: absolute; top:-10px; left: 0; width: 460px;} .prettierTraining .intro p{font-size: 12px; color: #444; padding: 0 0 8px 0;} .prettierTraining .free100{width: 381px; height: 66px; background:url(../images/members/training/100-points-thing.gif) no-repeat; position: absolute; top: 90px; left: 0; padding: 18px 0 0 77px; color: #c00; font-size: 12px;} .prettierTraining .postit{width: 281px; height: 263px; background: url(../images/members/training/postit.png) no-repeat; position: absolute; top:-80px; right: -40px;} * html .prettierTraining .postit{background-image: url(../images/members/training/postit.gif);} .prettierQuotes {padding: 10px 0 0; } .prettierQuotes h2{} .prettierQuotes blockquote{padding: 20px 0 0; margin: 0; display: block;} .prettierQuotes blockquote p{font-size: 16px; font-family: Georgia, Times, serif; line-height: 28px; color: #333; font-style: italic; padding: 0; margin: 0;} .prettierQuotes blockquote p span{color: #999; padding: 0 3px; font-size: 30px; line-height: 18px;} .prettierQuotes cite{font-size: 11px; text-align: right; display: block; padding: 10px 0 20px 0; text-align: right; border-bottom: 1px solid #ccc; font-style: normal;} /* SINGING! Massive! Time to fix you up something here right now... */ /* news & points earning info */ .championNews{background:url(/User_Uploaded_Files/image/news/champion-iridium.jpg) no-repeat 50px 10px; padding: 10px 10px 10px 320px; margin:20px;} .timkenNews{background:url(/User_Uploaded_Files/image/news/TimkenCat.jpg) no-repeat 50px 10px; padding: 10px 10px 10px 320px; margin:20px;} .iridiumNews{background:url(/User_Uploaded_Files/image/news/iridium_plug.jpg) no-repeat 50px 10px; padding: 10px 10px 10px 320px; margin:20px;} .fuelmiserNews{background:url(/User_Uploaded_Files/image/news/fuelmiser-products.jpg) no-repeat -10px 50px; padding: 10px 10px 10px 320px; margin:20px;} .tatNews{background:url(/User_Uploaded_Files/image/news/TaT_Mag_Cover.jpg) no-repeat 100px 10px; padding: 10px 10px 10px 320px; margin:20px;} .ferodoNews{background:url(/User_Uploaded_Files/image/news/tq-products.jpg) no-repeat -10px 50px; padding: 10px 10px 10px 320px; margin:20px;} .exedyNews{background:url(/User_Uploaded_Files/image/news/exedy_products.jpg) no-repeat 20px 0px; padding: 10px 10px 10px 320px; margin:20px;} .tricoNews{background:url(/User_Uploaded_Files/image/news/dec31.jpg) no-repeat 20px 0px; padding: 10px 10px 10px 320px; margin:20px;} .filterNews{background:url(/User_Uploaded_Files/image/news/barcodes.jpg) no-repeat 100px 10px; padding: 10px 10px 10px 320px; margin:20px;}