/* @override http://localhost/css/pages.css http://local.mpower/css/pages.css http://mpower/css/pages.css */ /* search */ body#search .intro { font-size:1.2em; padding-bottom: 9px; margin-bottom: 9px; } /* training */ ul.ul-training { margin:0 0 12px 0; padding:0; } ul.ul-training li { margin:0 0 6px 0; padding:0 0 0 12px; } ul.ul-tlinks { margin:0 0 12px 0; padding:0; } ul.ul-tlinks li { background-image:none; margin:0 0 6px 0; padding:0 0 0 0; } ul.ul-training li a, ul.ul-tlinks li a { font-weight:bold } /* links */ .link-list { margin-top:12px; } .link-list .article { padding: 10px !important; } .link-list .title { padding-top:6px; } .link-list .title a { font-size:0.9em; font-weight:bold; } .link-list .title .login-details { font-size:0.8em; color:#999; } .link-list .desc { padding-right: 0; } .link-list .del{ float:right; z-index: 1000;} .link-image { display:block; width:113px; height:63px; float:left; margin-right:6px;} .link-image2 { display:block; width:113px; height:63px; float:left; margin-right:6px;} .link-list .title a.p_link_title{ font-size:1.2em; font-weight:bold; } /* contact */ body#contact .page ul { margin:12px 0 0 0; padding:0; } body#contact .page ul li { margin:0 0 12px 0; padding:0; background-image:none; } body#contact .textareas textarea { width: 100%; height: 6em; } body#contact label { margin-bottom: 10px; display: block; } body#contact form .buttons { margin: 10px 0 0 0; } /* kaizen */ body#kaizen .page ul { margin:0; padding:0; } body#kaizen .page ul li { background-image:none; margin:0; padding:0 5px 0 0; } body#kaizen .page ul li ul li{ display:inline; margin:0 5px 0 0; padding:0; } /* profile */ h1#profile-head { margin-right: 172px; _margin-right: 169px; } .profile-photo-detail { width: 155px; float:right; margin: 23px 0 6px 0; width: 155px; background: #E6E6E6; padding: 15px 0 15px 0; text-align: center; } .profile-photo { width: 155px; float:right; margin: 23px 0 6px 0; width: 155px; background: #E6E6E6; padding: 15px 0 8px 0; text-align: center; } .profile-photo .my-photo, .profile-photo-detail .my-photo { width:125px; height:97px; margin: 0 auto; } .profile-photo a { text-align: left; margin: 8px auto 0 auto; } .profile_form .req-key { text-align: right; margin: 0 17px 10px 0; } .profile_form .field { *zoom: 1; } .profile_form .field:after { content: '.'; clear: both; height: 0; display: block; visibility: hidden; } .profile_form label, .profile_form .field_title { display:block; width:180px; float:left;} .profile_form fieldset { margin:6px 0; } .profile_form fieldset div.field { margin:0 0 6px 0; position: relative;} .profile_form .textfields input { width:220px; } .profile_form .textfields input, .profile_form .selects select { font-size:1em; } .profile_form .comm_prefs { width:220px; float:left; } .profile_form .comm_prefs span { width:45%; float:left; } .profile_form .comm_prefs label { display:inline; width:auto; float:none; } .profile_form .textareas { margin-top:12px; } .profile_form .textareas textarea { font-size:1em; width:220px; } .profile_form button { text-align: left; margin-left: 337px; } .profile_form .help_alt { cursor: help; position: absolute; top: -5px; left: 410px; width: 35px; height: 24px; background: url(/images/icon-questionmark.gif) 0 0 no-repeat; } .profile_form .help-hover { display: none; z-index: 999; position: absolute; left: 35px; top: -5px; background: url(/images/help-bg-btm.gif) no-repeat 0 100%; width: 188px; } .profile_form .help-hover-inner { padding: 10px 16px 10px 24px; background: url(/images/help-bg-top.gif) no-repeat 0 0; margin-bottom: 1px; min-height: 38px; _height: 38px; } .profile_form .help-hover h4 { font-size: 12px; text-align: left; margin: 0 0 6px 0; padding: 0 0 6px 0; background: url(/images/widgets/rollover-bg-head.gif) repeat-x 0 100%; } #account .error, #account .success { width: 354px; } .profile_form #save button { float: right; margin-right: 172px; } /* passwords */ form.passwords-form fieldset.buttons { text-align:right; margin:6px 0; } form.passwords-form fieldset.textfields { margin-bottom:2px; padding:12px 16px; background:#E8F6F7; } form.passwords-form fieldset.textfields .title { margin-bottom:6px; font-size:1.2em; } form.passwords-form fieldset.textfields .title a { font-weight:bold; } form.passwords-form fieldset.textfields input { font-size:1em; width:170px; margin:0 16px 0 4px; color:#999; } /* wholesale */ #wholesale-choose { *zoom: 1; margin: 0 0 4px 0;} #wholesale-choose:after { content: '.'; clear: both; height: 0; display: block; visibility: hidden; } #wholesale-choose li { cursor: pointer; text-align: center; padding: 3px 0; margin: 0; list-style: none; display: block; width: 286px; background: #E9F8F8; } #wholesale-choose li:hover { text-decoration: underline; } #wholesale-choose-basic { float: left; } #wholesale-choose-adv { float: right; } #wholesale-choose li.selected { background: #f2f2f2; font-weight: bold; cursor: default; } #wholesale-choose li.selected:hover { text-decoration: none; } #wholesale-search { background: #f2f2f2; padding: 15px 0px 15px 15px; border-top: } #wholesale-search .lefty { float: left; width:270px; vertical-align: bottom; /*border: 1px solid #ccc; */ } #wholesale-search .labels { width:150px; float:left; margin-bottom:10px;margin-top:10px;} #wholesale-search .selects { float:left;clear: both; } /* fleet */ #fleet-choose { *zoom: 1; margin: 0 0 4px 0;} #fleet-choose:after { content: '.'; clear: both; height: 0; display: block; visibility: hidden; } #fleet-choose li { cursor: pointer; text-align: center; padding: 3px 0; margin: 0; list-style: none; display: block; width: 286px; background: #E9F8F8; } #fleet-choose li:hover { text-decoration: underline; } #fleet-choose-basic { float: left; } #fleet-choose-adv { float: right; } #fleet-choose li.selected { background: #f2f2f2; font-weight: bold; cursor: default; } #fleet-choose li.selected:hover { text-decoration: none; } #fleet-search { background: #f2f2f2; padding: 15px 0px 15px 15px; border-top: } #fleet-search .lefty { float: left; width:280px; } #fleet-search .labels { width:100px; float:left;} #fleet-search .selects { float:left; } /* directory */ #directory-choose { *zoom: 1; margin: 0 0 4px 0;} #directory-choose:after { content: '.'; clear: both; height: 0; display: block; visibility: hidden; } #directory-choose li { cursor: pointer; text-align: center; padding: 3px 0; margin: 0; list-style: none; display: block; width: 286px; background: #E9F8F8; } #directory-choose li:hover { text-decoration: underline; } #directory-choose-basic { float: left; } #directory-choose-adv { float: right; } #directory-choose li.selected { background: #f2f2f2; font-weight: bold; cursor: default; } #directory-choose li.selected:hover { text-decoration: none; } #directory-search { background: #f2f2f2; padding: 0 15px 15px 15px; border-top: 15px solid #f2f2f2; } #directory-search .directory-pre { margin-bottom: 8px; } #directory-search .search-footer label { margin-right: 10px; } #directory-search .search-footer button { display: inline; margin: 0; vertical-align: middle; margin-left: 10px;} #directory-search .search-footer input { font-size: 13px; padding: 2px; } #directory-basic { text-align: center; } #directory-adv { text-align: center; } #directory-adv .pointAt{cursor: pointer; width: 514px;} #directory-adv .accordion { margin-top: -1px; _zoom: 1; text-align: left; color: #1c999f; font-weight: bold; border: 1px solid #fff; background: url(/images/bg-dir-plus.gif) #e0dede no-repeat 8px 50%; zoom: -5; padding: 2px 2px 2px 28px; } #directory-adv .accordion.selected { background: url(/images/bg-dir-minus.gif) #daf4f4 no-repeat 8px 50%; } #directory-adv .accordion span { font-weight: normal; color: #636362; } #directory-adv .accordion-content { margin: 0 0 1px 0; *zoom: 1; background: #faf9f9; border: 1px solid #e2e0e0; padding: 3px 8px; max-height: 100px; overflow: auto; *overflow: hidden; *overflow-y: auto; _overflow-y: hidden; } #directory-adv .accordion-content fieldset { text-align: left; float: left; width: 33%; margin: 1px 0; } #directory-adv .accordion-content .inner{ float: left; width: 100%; } #directory-adv .search-footer { margin-top: 15px; } #directory-form #spinner {float: right; background: url('/images/spinner.gif') no-repeat; width:100px; padding-left: 26px; font-size:14px; margin-top: 13px;} #display-results { *zoom: 1; font-size: 11px; } #display-results:after { content: '.'; clear: both; height: 0; display: block; visibility: hidden; } #directory-sort { float: right; width: 50%; color: #00a5ae; text-align: right; } #directory-sort label {font-weight: bold;} #directory-sort select { vertical-align: middle; } #directory-showing { float: left; width: 50%; } #directory-showing strong { color: #00a5ae; } #community-manager-list .user-image, #directory-results-list .user-image, #directory-pre-result .user-image { width:100px; height:70px; float:left; } #directory-results-list .article, #directory-pre-result .article { padding-bottom: 10px; } #directory-results-list .title { margin-left: 110px; } #directory-results-list .desc { font-size: 12px; *zoom: 1; } #directory-results-list .desc:after { content: '.'; clear: both; height: 0; display: block; visibility: hidden; } #directory-results-list .semi-loc, #directory-results-list .semi-email { display: inline; float: left; width: 195px; margin-left: 10px; } #directory-results-list .semi-email { width: 230px; } #directory-results-list label { display: inline; float:left; font-weight: bold; } #directory-results-list .value { display: inline; float: left; margin-left: 5px; } #directory-results-list .semi-loc label { width: 55px; } #directory-results-list .semi-loc .value { width: 125px; } #directory-results-list .semi-email label { width: 35px; } #directory-results-list .semi-email .value { width: 190px; } ul.list-by li { padding:0; background-image:none; margin:0 0 6px 0; } ul.list-by li a { color:#666; font-weight:bold; } /* photo upload */ .photo_upload { width: 400px; margin-top: 20px; } .photo_upload label { width:130px; display:block; float:left; text-align:left; } .photo_upload fieldset { text-align:right; margin-bottom:12px; } /* login */ #login-area { background: url(/images/bg-login.gif) no-repeat 0 0; font-family: Arial, sans-serif; font-size: 13px; position: absolute; width: 949px; height: 392px; top: 50%; left: 50%; margin: -196px 0 0 -475px; } #login-area .heading { display: block; margin-bottom: 16px; color: #0dadb3; font-size: 20px; margin-left: -15px; } #login-area .intro { font-weight: normal; } #login-area input.text { border: 1px solid #55c3c7; background: #FCFCFC; font-size: 20px; font-family: Arial; color: #333; padding: 3px; } #login-area select { border: 1px solid #55c3c7; background: #FCFCFC; font-size: 14px; font-family: Arial; color: #333; padding: 3px; } #login-area input.btn { border: 1px solid #D1D3D4; } #login-area input.btn:hover { border: 1px solid #000; } #login-area #boarding { position: absolute; top: 95px; left: 42px; width: 371px; padding-left: 15px; } #login-area #boarding .help { margin-top: 16px; } #login-area #pre-register { position: absolute; top: 95px; left: 439px; width: 211px; padding-left: 15px; } #login-area #pre-register .intro { margin-bottom: 8px; } #login-area label { font-size: 13px; color: #999BA2; display: block; margin-bottom: 5px; } #login-area #pre-register-input { width:205px; } #login-area #register_btn { float: right; margin-top: 5px; margin-right: -1px;} #login-area #log-in { position: absolute; top: 95px; left: 719px; width: 179px; padding-left: 15px; } #login-area #log-in input.text { width: 158px; } #login-area #log-in select { width: 166px; } #login-area #log-in #username-field { margin-top: -3px; } #login-area #log-in #password-field { margin-top: 15px; } #login-area #log-in #flash-field { margin-top: 16px; } #login-area #log-in #login_btn { margin-top: 22px; float: right; } #login-area .error { position: absolute; font-size: 11px; padding-top: 3px; font-weight: bold; left: 18px; bottom: 384px; width: 854px; margin: 0 auto 0 auto;} #dynamic-text { list-style: none; position: absolute; top: 200px; left: 145px; font-size: 18px; color: #000; } #dynamic-text li { position: absolute; left: 0; } #dynamic-text #dt-date { } #dynamic-text #dt-dest { left: 107px; white-space: nowrap; } #dynamic-text #dt-flight { left: 245px; } #dynamic-text #dt-seat { left: 325px; } #dynamic-text #dt-gate { left: 398px; } #dynamic-text #dt-time { left: 440px; } #dynamic-text #dt-flight2 { left: 550px; } #dynamic-text #dt-seat2 { left: 630px; } #dynamic-text #dt-gate2 { left: 702px; } /* information */ .news .article.highlight { border: 1px solid #96d7da; background: #e7f5f6; } .top_row { margin:12px 0; } .top_row .left { width:350px; display:block; float:left; } .update_list .module { position:relative; } .update_list .module .title, .update_list .module .date { font-size:1.1em; font-weight:bold; } .update_list .module .title { width:330px; float:left; margin-right:20px; } .update_list .module .synopsis { width:330px; clear:both; margin:6px 0 22px 0; margin-right:20px; } .update_list .module .link { position:absolute; top:0; right:0; } * html .update_list .module .link { right:16px; } /* IE6 tweak - no, thats an IE7 AND IE6 tweak... is this what is wanted? */ .update_list .module .link a { background: url(/images/button-std.gif) no-repeat 100% 3px; padding-right: 18px; } /* information/how-to-use */ #htu_links { background-color: #f7fff7; padding: 10px; } #htu_links h2 { margin-top:20px; color: #000000; font-weight: bold; font-size: 11px;} #htu_links h3 { font-weight: normal;} #htu_links dl { } #htu_links dl dd { margin: 2px 0; } #htu_links dl dd a { font-weight: bold; } #htu_links dl dd a:hover { text-decoration: none;} #htu_answ { padding: 10px; border-top: 1px solid #8cd3d7;} #htu_answ h2 { font-weight: bold; font-size: 14px; clear: both; } #htu_answ h2.seperator { margin-top:30px; } #htu_answ dl { margin-top: 10px; border-top: 1px solid #cec6ce; padding-bottom:0;} #htu_answ dl.top { border: 0; } #htu_answ dl dt { margin-bottom: 5px; padding-top:10px; font-weight: bold; color:#000000; font-size: 13px;} #htu_answ .imglink { float: right; } /* brochure pages */ table.brochures { width:567px; } table.brochures td { width:50%; padding:3px; font-size:1.1em; font-weight:bold; } table.brochures th { padding:3px; font-size:14px; color:#19a8af; font-weight:normal; margin:9px 0; } table.brochures td a { font-size:0.9em; font-weight:normal; background: url(/images/button-std.gif) no-repeat 100% 3px; padding-right: 18px; } /* site map */ ul.site-map { padding:0; margin:0; color:#666; } ul.site-map li { background-image:none; margin:0; padding:6px 0 6px 0; border-bottom:1px solid #8cd3d7; } ul.site-map li ul { margin:6px 0 0 0; padding:0; } ul.site-map li ul li { margin-left:20px; border-bottom:none; border-top:1px solid #ccc; } ul.site-map li ul li ul li { border-top:none; } /* newsletter */ #newsletter-intro .error, #newsletter-intro .success { width: 306px; } /* user management */ .user-management-list .desc strong { color:#666; } .user-management-list .link a { float: right; margin-left: 10px;} /* terms and conditions */ .terms-button { border-top:1px solid #8cd3d7; padding-top:12px; text-align:right; } /* reporting */ .report-form { margin-top:6px; clear: both;} .report-form fieldset.selects { float:left; padding-right:16px; } .report-form fieldset.selects select { font-size:11px; padding:0; line-height:16px; } .report-form fieldset.buttons { float:left; } .report-form fieldset.buttons input { margin-top:1px; } /* widget management */ #widget-management { *zoom: 1; margin-bottom: -88px; } #widget-management:after { content: '.'; clear: both; height: 0; display: block; visibility: hidden; } #widget-management h3 { background: #b2b2b2; font-weight: bold; font-size: 12px; color: #fff; padding: 4px 8px; } #widget-avail { width: 255px; float: left; } #widget-chosen { width: 255px; float: right; } #widget-management ul { margin: 0; padding: 0; padding-bottom: 88px; } #widget-management li { background: none; padding: 9px; margin: 0; font-size: 12px; border: 1px solid white; } #widget-management li img { float: left; height: 70px; width: 90px; margin-right: 18px; } #widget-management li .title { color: #19a8af; font-size: 13px; font-weight: bold; margin-bottom: 10px; } #widget-management li:hover { background: #e8f6f7; border: 1px solid #97d8db; cursor: move; } /* table football */ .table-football-image { width:280px; height:200px; float:left; background:#fff url(/images/community/table-football.jpg) no-repeat 12px 12px; } table.league-table { margin-bottom:12px; } table.league-table tr.top { border:1px solid #ccc; } table.league-table th { border-right:1px solid #fff; font-weight:bold; color:#fff; background:#18a7ae; padding:4px 0; } table.league-table th.end { border-right:1px solid #ccc; } table.league-table td { border:1px solid #ccc; text-align:center; padding:4px 10px; background:#e8f6f7; } table.league-table tr.champions td, table.league-table tr.promoted td { border-bottom:1px solid #18a7ae; } table.league-table tr.relegated td { border-bottom:1px solid #f96; } table.league-table td.position { background:#fff; } table.league-table td.team-col { text-align:left; color:#19a8af; } .league-table { clear:left; } .league-form { height:30px; } ul.table-football-ul { margin-top: 0px; } ul.table-football-ul li { list-style:none; background-image:none; padding:0; margin-bottom:4px; } ul.table-football-ul li a { background: url(/images/button-std.gif) no-repeat 0 3px; padding:1px 0 0 18px; } ul.table-football-ul li a.selected { font-weight:bold; } table.league-table tr.team-table td { text-align:left } table.league-table tr.team-table td.score { width:auto; text-align:center; } table.league-table td.score { width:10%; background:#fff; } table.league-table td.team { width:32% } table.league-table td.team-name { font-weight:bold; background:#fff; } table.league-table th.team { width:24% } table.league-table th.member { width:24% } table.league-table th.score { width:10% } /* x-fatter */ #xfatter-overview { height: 314px; background: url(/images/xfatter/track.gif) no-repeat 0 0; position: relative; margin-top: 25px; } #xfatter-overview #speech { /*background: url(/images/xfatter/speech.png) no-repeat 0 0;*/ border-width: medium; border-color: #19a8af; border-left-style: solid; border-bottom-style: solid; position: absolute; width: 200px; height: 175px; bottom: 0; left: 0; _behavior: url(/css/iepngfix.htc); } #xfatter-overview #speech div { font-size: 12px; position: absolute; width: 175px; height: 126px; left: 13px;} #xfatter-overview .player { position: absolute; height: 79px; width: 52px; _behavior: url(/css/iepngfix.htc); } #xfatter-overview .score { position: absolute; color: black; font-size: 10px; padding: 0 2px 1px 1px; font-weight: bold; background: url(/images/bg-semi-white.png) no-repeat 0 0; width: 2.2em; text-align: center; _behavior: url(/css/iepngfix.htc); } #xfatter-overview .bubble { z-index: 30; position: absolute; height: 88px; background: url(/images/xfatter/bubble-center.png) repeat-x 0 0; } #xfatter-overview .bubble .pre { position: absolute; top: 0; left: -16px; width: 16px; height: 88px; background: url(/images/xfatter/bubble-left.png) no-repeat 0 0; _behavior: url(/css/iepngfix.htc);} #xfatter-overview .bubble .post { position: absolute; top: 0; right: -6px; width: 6px; height: 88px; background: url(/images/xfatter/bubble-right.png) no-repeat 0 0; _behavior: url(/css/iepngfix.htc); } #xfatter-overview .bubble .content { padding: 0;} #xfatter-overview .bubble .title { white-space: nowrap; font-weight: bold; color: #000; margin-top: 3px; margin-bottom: 7px; } /* community/fat-stats.html */ #fat-stats table { text-align: center; width: 300px; } #fat-stats table thead { font-weight: bold; color: #fff; background-color: #19a8af; } #fat-stats table th { text-align: center; } #fat-stats table tbody tr { border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #cecece;} /* resources/brand.html */ #brandpage-logo { float: right; padding: 20px 50px; } /* landing */ #landedMpower span, #landedMpower { height: 251px; width: 577px; background-image: url(/images/holding.jpg); } .dottedline { background: url(/images/dotted_line.gif) repeat-x; width:577px; height:2px; } /* pre-preload */ #pre-preload {margin:0 auto; margin-top:15px; auto; padding:0; width:800px; background-color:#ffffff; width:600px; padding:30px 0px 30px 30px;} #pre-preload-image {width: 577px; height:192px; background: url(/images/pre-preload-ho0.jpg) no-repeat;} #pre-preload h1 {border:0; font-size:18px;} #pre-preload .maincontent {*zoom: 1;} #pre-preload .maincontent:after {content: '.'; clear: both; height: 0; display: block; visibility: hidden;} #pre-preload .maincontent .lhs {width:45%; float:left; padding-right:15px; border-right:2px dotted #13ae9f;} #pre-preload .maincontent .rhs {width:45%; float:left; padding-left:15px; } #pre-preload .btm {padding-top:20px;} #pre-preload ul.ho { list-style: none; margin: 14px 0;} #pre-preload ul.ho li { background: url(/images/bullet-arrow.gif) no-repeat 0 4px; padding-left: 10px; margin: 4px 0;} #pre-preload ul.inline { list-style: none;margin: 0; } #pre-preload ul.inline li { background: none; padding: 0; margin: 10px 0; } #pre-preload ul.inline .dt { color: #19a8af; font-size: 12px; padding-right: 10px; } /* account/orders */ table#accorders { width: 100%; border: 1px solid #666; border-bottom: none; border-right: none; margin-bottom: 2em; } table#accorders tr { border-bottom: 1px solid #666; background-color: #fff; } table#accorders td, table#accorders th { border-right: 1px solid #666; padding: 0.2em 0.5em; } table#accorders td.noborder { border-right: none; } table#accorders th { background-color: #0A9BA2; color: #fff; } table#accorders td { padding: 0.2em 0.5em 0.2em 1em; color: #666; } table#accorders td.blue { color: #0A9BA2; } table#accorders td.credits { width: 100px; } table#accorders tr.even { background-color: #E4F5F5; } div#prizes { background-color: #E9E7E7; padding: 0 0 14px 14px; } div#prizes img { float: left; background-color: #E9E7E7; padding: 14px 14px 0 0; } table#accorders-summary { border: 1px solid #666; border-bottom: none; border-right: none; } table#accorders-summary tr { border-bottom: 1px solid #666; } table#accorders-summary th { border-right: 1px solid #666; padding: 0.2em 1em; } table#accorders-summary td{ background-color: #E4F5F5; border-right: 1px solid #666; padding: 0.2em 0.5em 0.2em 1em; } table#accorders-summary td.credits { width: 100px; } /* stock report */ table.stock-report td.desc { width: 130px; } table.stock-report td.status { width: 30px; } table.stock-report td.date { width: 70px; } /* reward catalogue */ div.reward_cat .display_results { font-size:12px; } div.reward_cat .display_results p strong { color:#19a8af; } div.reward_cat .article { margin:0 0 5px 0; border:none; padding:10px; } div.reward_cat .article.odd { background:#daf4f4; } div.reward_cat .article.even { background:#e9e7e8; } div.reward_cat .article .article-left { float:left; margin-right:10px; width:100px; } div.reward_cat .article .article-left img { border:2px solid #fff; } div.reward_cat .article .article-left .surround { margin-top:10px; font-weight:bold; } div.reward_cat .article .article-left .surround strong { color:#19a8af; } div.reward_cat .article .article-right { width:442px; float:right; } div.reward_cat .article .article-right .loud { font-size:1.1em; font-weight:bold; color:#F30; margin-bottom:6px; } div.reward_cat .article .article-right form { margin-top:12px; } div.reward_cat .article .article-right form .field { clear:both; height:22px; margin-bottom:6px; } div.reward_cat .article .article-right form .field input { width:80px; text-align:right; float:left; margin-right:10px; } div.reward_cat .article .article-right form .field label { float:left; text-align:left; width:110px; font-weight:bold; margin-top:2px; } div.reward_cat .article .article-right form .field button { text-align:left; padding-top:2px; } div.reward_cat .more { margin:0 10px 10px 0; } .basket { width:188px; float:right; padding:10px; background:#E8F6F7; } .basket h2 { margin:0 0 12px 0; } .basket .module { position:relative; clear:both; margin-bottom:6px; padding-bottom:6px; border-bottom:1px solid #8cd3d7; } .basket .module.total { margin-bottom:0; padding-bottom:0; border-bottom:none; } .basket .module .surround { width:118px; } .basket .module .title { font-weight:bold; } .basket .module .form_delete button { position:absolute; bottom:10px; right:3px; text-align:left; } .basket .module a { position:absolute; bottom:0; right:0; text-align:left; } #search_filter { width:358px; } #search_filter .field { margin-bottom:6px; } #search_filter .field label { text-align:left; width:148px; float:left; } #search_filter .field select { text-align:left; width:200px; font-size:0.8em; } #search_filter .field select#search_num { width:40px; } #search_filter .field input { float:left; text-align:left; width:120px; font-size:0.8em; margin-right:10px; } #search_filter .field button { text-align:left; } table.cat_checkout { margin-bottom:12px; width:100%; } table.cat_checkout tr.top { border:1px solid #ccc; } table.cat_checkout th { border-right:1px solid #fff; font-weight:bold; color:#fff; background:#18a7ae; padding:4px 0; } table.cat_checkout th.start { width:40px; } table.cat_checkout th.end { border-right:1px solid #ccc; } table.cat_checkout td { border:1px solid #ccc; text-align:center; padding:4px 10px; background:#e8f6f7; } table.cat_checkout td button { color:#e8f6f7; text-align:left; } table.cat_checkout tfoot td.disable { border:none; background:#fff; } table.cat_checkout tfoot td.start { border-right:1px solid #ccc; border-left:1px solid #ccc; font-weight:bold; color:#fff; background:#18a7ae; padding:4px 0; } #submit_order_form button { text-align:left; float:right; margin-right:3px; } /* brand sections */ .linkRHS {float:right; } /* News - seemore button position */ div.seemorebtn {text-align:right; padding:10px 10px 0 0;} /* information/announcements */ #latestA{} #latestA .article {border:0; border-top:1px solid #19a8af; border-left:1px solid #19a8af; border-right:1px solid #19a8af; font-weight:bold; padding-bottom:20px;} #latestA .article .title {padding:13px; font-size:1.6em; color:#959292;} #latestA .article .title span {color:#353636;} #latestA .article .content { padding:10px; vertical-align:top; } #latestA .url {padding-left:10px; padding-top:10px; color:#ffffff; font-size:1.2em; height:23px; width:565px; background-image: url(/images/information/announcements.jpg);} #latestA .url .urllink {color:#ffffff; } #latestA .article:hover { z-index: 10; background: #e7f5f6;} #latestA .article:after { content: '.'; clear: both; height: 0; display: block; visibility: hidden; } /* hotspots for index.html when non-flash version is requested */ #hotspots{color:#6db3b3; font-weight:bold; font-size:10px;} #hotspots div {width:120px; position:absolute; padding-bottom:10px; background: url(/images/index-arrow-dwn.gif) no-repeat 7% 15px;} #hotspots div.top {width:120px; position:absolute; padding-top:10px; background: url(/images/index-arrow-up.gif) no-repeat 7% 0;} #hotspots div a {text-decoration:none; filter:alpha(opacity=75); opacity:0.75; -moz-opacity:0.75; background-color:#ceeeec; border:1px #93958e solid; padding:2px 40px 2px 40px; width:120px;} #hotspots div a:hover {background-color:#ffffff; filter:alpha(opacity=100); opacity:1; -moz-opacity:1;} #hotspots div#reporting {margin-left:202px; margin-top:9px;} #hotspots div#community {margin-left:-20px; margin-top:50px;} #hotspots div#resources {margin-left:370px; margin-top:50px;} #hotspots div#news {margin-left:500px; margin-top:150px;} #hotspots div#information {margin-left:280px; margin-top:170px;} #hotspots div#fantasy {margin-left:160px; margin-top:290px; width:200px;} #hotspots div#rewards {margin-left:-45px; margin-top:335px; width:200px; background: url(/images/index-arrow-dwn.gif) no-repeat 55% 15px;} #hotspots div#links {margin-left:430px; margin-top:350px; width:200px;} #hotspots div#salesclub {margin-left:529px; margin-top: 252px; width: 200px;} #hotspots div#recognition {margin-left:-50px; margin-top:240px; width:200px;} /* @group Wholesale */ .colour_chooser table{ margin-bottom:20px; } .colour_chooser td{ border-color:#bbb; border-style:solid; border-width:1px; text-align:center; } .colour_chooser thead td{ padding:0 5px; } .colour_chooser td.msc{ text-align:left; padding:5px; } .colour_chooser td.icol { width: 130px; } .colour_chooser td.ecol{ background-repeat:repeat-x; color:#fff; } .colour_chooser tbody td.ecol{ padding:3px; } .colour_chooser td.galaxy_grey{background-image:url(/wholesale/images/grey_bg.jpg);color:#000;} .colour_chooser td.titanium_grey{background-image:url(/wholesale/images/grey_bg.jpg);} .colour_chooser td.metropolitan_grey{background-image:url(/wholesale/images/grey_bg.jpg);} .colour_chooser td.copper_red{background-image:url(/wholesale/images/red_bg.jpg);} .colour_chooser td.aurora_blue{background-image:url(/wholesale/images/blue_bg.jpg);} .colour_chooser td.phantom_blue{background-image:url(/wholesale/images/blue_bg.jpg);} .colour_chooser td.crystal_white{background-image:url(/wholesale/images/white_bg.jpg);color:#000;} .colour_chooser td.cool_white{background-image:url(/wholesale/images/white_bg.jpg);color:#000;} .colour_chooser td.stormy_blue{background-image:url(/wholesale/images/dark_blue_bg.jpg);} .colour_chooser td.lilac_silver{background-image:url(/wholesale/images/silver_bg.jpg);color:#000;} .colour_chooser td.moist_silver{background-image:url(/wholesale/images/silver_bg.jpg);color:#000;} .colour_chooser td.gloaming_silver{background-image:url(/wholesale/images/silver_bg.jpg);color:#000;} .colour_chooser td.sunlight_silver{background-image:url(/wholesale/images/silver_bg.jpg);color:#000;} .colour_chooser td.aluminium_silver{background-image:url(/wholesale/images/silver_bg.jpg);color:#000;} .colour_chooser td.radiant_ebony{background-image:url(/wholesale/images/radiant_ebony.jpg);color:#fff;} .colour_chooser td.highlight_silver{background-image:url(/wholesale/images/silver_bg.jpg);color:#000;} .colour_chooser td.brilliant_black{background-image:url(/wholesale/images/black_bg.jpg);} .colour_chooser td.black_mica{background-image:url(/wholesale/images/black_bg.jpg);} .colour_chooser td.cosmic_blue{background-image:url(/wholesale/images/blue_bg.jpg);} .colour_chooser td.black_mica{background-image:url(/wholesale/images/black_bg.jpg);} .colour_chooser td.spirited_green{background-image:url(/wholesale/images/green_bg.jpg);} .colour_chooser td.highland_green{background-image:url(/wholesale/images/green_bg.jpg);} .colour_chooser td.golden_yellow{background-image:url(/wholesale/images/yellow_bg.jpg);color:#000;} .colour_chooser td.true_red{background-image:url(/wholesale/images/true_red_bg.jpg);} .colour_chooser td.nifty_red{background-image:url(/wholesale/images/true_red_bg.jpg);} .colour_chooser td.golden_red{background-image:url(/wholesale/images/golden_red_bg.jpg);} .colour_chooser td.phantom_purple{background-image:url(/wholesale/images/phantom_purple_bg.jpg);} .colour_chooser td.dark_plum_mica{background-image:url(/wholesale/images/phantom_purple_bg.jpg);} .colour_chooser td.ice_blue{background-image:url(/wholesale/images/ice_blue_bg.jpg);color:#000;} .colour_chooser td.golden_sand{background-image:url(/wholesale/images/golden_sand_bg.jpg);color:#000;} .colour_chooser td.winning_blue{background-image:url(/wholesale/images/winning_blue_bg.jpg);color:#ffffff;} .colour_chooser td.velocity_red{background-image:url(/wholesale/images/velocity_red_bg.jpg);color:#ffffff;} .colour_chooser td.desert_bronze{background-image:url(/wholesale/images/desert_bronze_bg.jpg);color:#ffffff;} .colour_chooser td.passion_orange{background-image:url(/wholesale/images/passion_orange_bg.jpg);color:#ffffff;} .colour_chooser td.icy_blue{background-image:url(/wholesale/images/icy_blue_bg.jpg);color:#ffffff;} .colour_chooser td.sparkling_black{background-image:url(/wholesale/images/black_bg.jpg);color:#ffffff;} .colour_chooser td.diamond_grey{background-image:url(/wholesale/images/diamond_grey_bg.jpg);color:#ffffff;} .colour_chooser td.graphite_mica{background-image:url(/wholesale/images/grey_bg.jpg);color:#ffffff;} .colour_chooser td.indigo_lights{background-image:url(/wholesale/images/dark_blue_bg.jpg);color:#ffffff;} .colour_chooser td.celestial_blue{background-image:url(/wholesale/images/celestial_blue_bg.jpg);color:#ffffff;} .colour_chooser td.arctic_white{background-image:url(/wholesale/images/white_bg.jpg);color:#000;} .colour_chooser td.gunmetal_blue{background-image:url(/wholesale/images/gun_metal_blue_bg.jpg);color:#ffffff;} .colour_chooser td.clearwater_blue{background-image:url(/wholesale/images/clear-water-blue.jpg);color:#000;} .colour_chooser td.sky_blue{background-image:url(/wholesale/images/sky-blue.jpg);color:#0a5a95;} .colour_chooser td.zeal_red {background-image:url(/wholesale/images/zeal-red.jpg);color:#680700;} div.adminswitcher { padding-top:10px; padding-bottom:18px; text-align: right; } .colour_chooser td input{ width:100%; height:20px; border: none; border: 0px; outline:none; text-align:center; font-size:14px; padding-top:5px; _padding: 0px; _width: 90%; } .colour_chooser .totals{ font-size:14px; } .colour_chooser tr.stripe, .colour_chooser tr.stripe input, .colour_chooser tr.stripe select{ background-color:#eee; } .colour_chooser tr.failed, .colour_chooser tr.failed input, .colour_chooser tr.failed select{ background-color:#Fec7c7; border-color:#FF0000; } .colour_chooser h1, .edit_choices h1{ margin-bottom:4px; } .colour_chooser h2, .edit_choices h2{ border-bottom:1px solid #8CD3D7; margin-top:1px; padding-bottom:4px; } .colour_chooser h2 .allocation, .edit_choices h2 .ecol{ float:right; } .colour_chooser .totals td{ text-align:left; font-weight:bold; height:25px; padding:4px; } .colour_chooser .totals td .total{ text-align:center; } .colour_chooser select{ padding:3px; border-style:none; width:100% } .edit_choices thead td{ background-color:#bbb; font-weight:bold; color:#000; } .colour_chooser td.model{ width:200px; height:68px; background-repeat:no-repeat; padding:0; text-indent:-9999px; } .colour_chooser td.Mazda3{background-image: url(../wholesale/images/Mazda3.jpg);} .colour_chooser td.BT-50{background-image: url(../wholesale/images/BT-50.jpg);} .colour_chooser td.CX-7{background-image: url(../wholesale/images/CX-7.jpg);} .colour_chooser td.Mazda2{background-image: url(../wholesale/images/Mazda2.jpg);} .colour_chooser td.Mazda5{background-image: url(../wholesale/images/Mazda5.jpg);} .colour_chooser td.Mazda6{background-image: url(../wholesale/images/Mazda6.jpg);} .colour_chooser td.MX-5{background-image: url(../wholesale/images/MX-5.jpg);} .colour_chooser td.RX-8{background-image: url(../wholesale/images/RX-8.jpg);} #dealer_info, #dealer_details, #month_info, #fleet_dealer_info, #fleet_month_info{ background-color:#eee; border-style:solid; border-width:1px; border-color:#b2b2b2; } #fleet_month_info{ background-color: #eff1db; border-style:solid; border-width:1px; border-color:#b2b2b2; color: #3f3f3d; } #fleet_dealer_details{ background-color: #eff1db; border-style:solid; border-width:1px; border-color:#b2b2b2; margin-bottom: 10px; display: block; } #dealer_info, #archived_allocation, #fleet_archived_allocation, #current_allocation, #dealer_details, #fleetdealer_details, #fleet_current_allocation, #fleet_dealer_info{ width:570px; margin-bottom:10px; } #dealer_info p, #dealer_details p, #fleet_dealer_info p, #fleet_dealer_details p{ width:260px; float:left; margin:0; padding:10px; position: relative; } #month_info div.summary p.pdf a { font-weight:bold; text-decoration:underline; } #dealer_info p label, #dealer_details p label, #fleet_dealer_info p label, #fleet_dealer_details p label{ font-weight:bold; margin-right:20px; width:100px; } #fleet_dealer_details{ color: #464845; } .fleet_colour_chooser a, .fleet_colour_chooser a:hover, a.fleet_remover, a.fleet_remover:hover { color: #464845; } #archived_allocation td, #fleet_archived_allocation td, #current_allocation td, #fleet_current_allocation td{ width:260px; padding:10px; } #current_allocation tbody tr{ background-color:#e7f5f6; border-color:#18a7ae; border-style:solid; border-width:1px; margin-top:5px; } #month_detail_download, #fleet_month_detail_download { padding-top:5px; padding-bottom:10px; margin-right:5px; text-align: right; } #fleet_month_detail_download a, #fleet_month_detail_download a:hover{ color: #464845 } #current_allocation .mode, #archived_allocation .mode{ text-transform:uppercase; color:#18a7ae; font-weight:bold; } #month_info h2, #fleet_month_info h2{ font-weight:bold; width:260px; text-align:center; color:#707070; font-size:12px; margin-top:5px; cursor: pointer; } #fleet_month_info h2{ color: #3f3e43; } #month_info, #fleet_month_info{ border: 1px solid #b2b2b2; width:570px; } a .summary_detail{ float:right; width:280px; text-align:center; color:#18a7ae; font-size:12px; padding:5px 0; background-color:#e7f5f6; border-left-color:#fff; border-left-style:solid; border-left-width:4px; border-bottom-color:#fff; border-bottom-style:solid; border-bottom-width:4px; cursor: pointer; } #fleet_month_info a, #fleet_month_info a:hover { color:#464845; } a .fleet_summary_detail{ float:right; width:280px; text-align:center; text-transform: uppercase; font-weight: bold; color: #484846; font-size:12px; padding:5px 0; background-color: #e4ef89; border-left-color:#fff; border-left-style:solid; border-left-width:4px; border-bottom-color:#fff; border-bottom-style:solid; border-bottom-width:4px; cursor: pointer; } h2.summary_detail{ float:right; padding-top:0; margin-top:0; } h2.fleet_summary_detail{ float:right; padding-top:0; margin-top:0; } div#close_month { text-align: center; margin-bottom:5px; padding-bottom: 10px; } a .summary_summary{ float:left; width:280px; text-align:center; color:#18a7ae; font-size:12px; padding:5px 0; background-color:#e7f5f6; border-right-color:#fff; border-right-style:solid; border-right-width:4px; border-bottom-color:#fff; border-bottom-style:solid; border-bottom-width:4px; } a .fleet_summary_summary{ float:left; width:280px; text-align:center; color: #403e41; font-size:12px; padding:5px 0; background-color:#e7f5f6; border-right-color:#fff; border-right-style:solid; border-right-width:4px; border-bottom-color:#fff; border-bottom-style:solid; border-bottom-width:4px; } a:hover .fleet_summary_summary{ } div.fleet_summary_summary { background-color: #e4ef89; } /* @group Fleet */ #fleet_dealer_info{ background-color: #eff1db; color: #464845; } h1.fleet { color: #bac090; border-bottom: 1px solid #bac090; } h2.fleet { color: #bac090; border-bottom: 0px solid #bac090; } #fleet_current_allocation thead tr td { background-color: #bac090; } #fleet_current_allocation tbody tr{ border: 1px solid #b2b2b2; background-color: #e4ef89; color: #464845; } #fleet_archived_allocation tbody tr{ background-color: #eff1db; border-style:solid; border-width:1px; border-color:#b2b2b2; } #archived_allocation tbody tr{ background-color: #eee; border-style:solid; border-width:1px; border-color:#b2b2b2; } #fleet_archived_allocation tbody tr{ background-color: #eff1db; border-style:solid; border-width:1px; border-color:#b2b2b2; } #current_allocation thead tr, #fleet_archived_allocation thead tr, #archived_allocation thead tr, #month_detail thead tr, #fleet_month_detail thead tr{ background-color:#cecece; border-color:#b2b2b2; border-style:solid; border-width:1px; margin-bottom:10px; font-weight:bold; } #fleet_archived_allocation thead tr td { background-color: #bac090; color: #464845; } #fleet_current_allocation thead tr{ background-color:#cecece; border-color:#b2b2b2; border-style:solid; color: #464845; border-width:1px; margin-bottom:10px; font-weight:bold; } #fleet_current_allocation td .mode { text-transform:uppercase; color: #464845; font-weight:bold; } #fleet_archived_allocation tbody tr td, #fleet_archived_allocation tbody tr td a { color: #464845; font-weight: bold; } #fleet_current_allocation tbody tr td a { color: #464845; font-weight: bold; } /* @end */ #month_info .summary, #fleet_month_info .summary{ padding:10px; } #month_detail{ clear:left; margin:10px; width:550px; background-color:#fff; border-color:#b2b2b2; border-style:solid; border-width:1px; } #fleet_month_detail{ clear:left; margin:10px; width:550px; background-color:#fff; border-color:#b2b2b2; border-style:solid; border-width:1px; } #month_detail td{ padding:0 10px; } #fleet_month_detail td{ padding:0 10px; } #fleet_month_detail td a, #fleet_month_detail td a:hover{ color: #464845; } span.quantitymet { color: #7e707e; } span.quantitynotmet{ color: #d2181b; } #month_detail tbody tr { border-width:1px; } #month_detail tbody tr:hover { z-index: 10; border: 1px solid #96d7da; background: #e7f5f6; } /* @end */ /*--------------DARE TO BE DIFFERENT PAGE -----------------*/ #d2bd_table{ width: 576px; margin: 15px 0 5px 0; border-bottom:1px dashed #999999; } #d2bd_table tr{ } #d2bd_table tr td{ padding: 10px; border-top:1px dashed #999999; } #d2bd_table tr td:hover{ background:#E6E6E6 none repeat scroll 0 0; cursor:pointer; } #d2bd_table tr td img{ width: 125px; height: 85px; float: left; margin-right: 10px; } #d2bd_table tr td span{ display: block; } #d2bd_table tr td span h3{ color:#484848; font-size:14px; text-decoration:none; margin-top: 0; } #d2bd_table tr td span p{ margin:0; } #d2bd_table tr td span p a{ text-decoration: none; } #d2bd_table tr td .readmore{ text-align: right; } /*------------------FEEDBACK PAGE -------*/ h1.feedback{ border-bottom: 1px solid #19A8AF; background: none; color:#484848; font-size:16px; padding-top:28px; padding: 10px 0 15px 0; } #feedback-form label { float:left; font-size:12px; width:130px; } #feedback-form .surround { margin-bottom:6px; } #feedback-form textarea { padding-bottom:10px; } #feedback-form input { float:left; font-size:12px; padding:1px; width:154px; } /*-----------------------RECOGNITION PAGE--------------*/ .recognition-walk-of-fame{ margin: 0px -16px -16px -16px; background: #000000 url(/images/backgrounds/walk-of-fame-bg.jpg) top left no-repeat; border-right: 2px solid #cdcfd0; border-bottom: 2px solid #cdcfd0; border-left: 2px solid #cdcfd0; *height: 100%; *width: 105%; } .recognition-walk-of-fame p{ color: #fff; position: relative; top: 20px; left: 275px; display: block; width: 450px; } .recognition-walk-of-fame .stars{ display: block; width: 700px; height: 262px; margin: 40px auto 15px auto; background: url(/images/backgrounds/recognition-stars.jpg) no-repeat center; } .recognition-walk-of-fame .msi a{ display: block; width: 136px; height: 242px; text-indent: -4000px; position: relative; top: 10px; left: 10px; /* *top:12px; left: 10px; _left: 10px; *left: 8px; */ float: left; } .recognition-walk-of-fame .v_sales a{ display: block; width: 136px; height: 242px; text-indent: -4000px; position: relative; top: 10px; left: 10px; /* *top:12px; left: 10px; _left: 10px; *left: 9px; */ float: left; } .recognition-walk-of-fame .d_anni a{ display: block; width: 136px; height: 242px; text-indent: -4000px; position: relative; top: 10px; left: 10px; /* *top:12px; left: 10px; _left: 10px; *left: 9px; */ float: left; } .recognition-walk-of-fame .star_performers a{ display: block; width: 136px; height: 242px; text-indent: -4000px; position: relative; top: 10px; left: 10px; /* *top:12px; left: 10px; _left: 10px; *left: 8px; */ float: left; } .recognition-walk-of-fame .zoom_zoom a{ display: block; width: 136px; height: 242px; text-indent: -4000px; position: relative; top: 10px; left: 10px; /* *top:12px; left: 8px; _left: 10px; *left: 8px; */ float: left; } .recognition-walk-of-fame .msi a:hover { background: url(/images/backgrounds/customer-satisfaction-hover.jpg) no-repeat top left; } .recognition-walk-of-fame .v_sales a:hover{ background: url(/images/backgrounds/vehicle_sales-star-hover.jpg) no-repeat top left; } .recognition-walk-of-fame .d_anni a:hover{ background: url(/images/backgrounds/dealer_anni-star-hover.jpg) no-repeat top left; } .recognition-walk-of-fame .star_performers a:hover { background: url(/images/backgrounds/star-performers-hover.jpg) no-repeat top left; } .recognition-walk-of-fame .zoom_zoom a:hover { background: url(/images/backgrounds/zoom_zoom_star_hover.jpg) no-repeat top left; } /*--------------SHARE THE PASSIONG AND DARE TO BE DIFFERENT FEEDBACK FORMS-----------*/ .community-feedback-section{ } .community-feedback-section .surround{ } .community-feedback-section .surround #feedbackMessage{ margin-left: 50px; } .community-feedback-section .surround #submitFeedback{ margin: 10px 10px 10px 300px; } /* @group vehicleordering/index.html */ div.fleet-success { margin-bottom:15px; } #vehicle_order_page_nav tbody tr.toprow td h2{ margin-top:20px; line-height:0px; margin-bottom:10px; padding-bottom:10px; } #vehicleordering_page a, #vehicleordering_page a:hover { color: #707070; } #vehicle_order_page_nav { width: 100%; } #vehicle_order_page_nav tbody tr.toprow td { width: 50%; } #vehicle_order_page_nav tbody tr.toprow{ border-bottom: 1px solid #ccc; } #vo_left_box form.profile_form fieldset.textfields { text-align:left; float:left; } #vehicle_order_page_nav tbody tr td { text-align:top; vertical-align: top; } #vo_left_box { float:left; margin-top: 0px; } #vehicle_order_page_nav td { padding-left:20px; } #vo_left_box form.profile_form fieldset.textfields input.imgbtn.submitStd { margin-top:10px; } ul#bottom_right_ul, ul#bottom_right_ul li { margin:0; padding:0; list-style-type: none; } #bottom_right_ul li a { display: block; width: 250px; border-left: 5px solid #3e7173; padding: 5px 0px 5px 10px; margin-bottom: 3px; color: #707070; } #bottom_right_ul li a:hover { text-decoration: none; color:#333; } ul#bottom_right_ul li{ background-color: #dfdfdf; } #vo_left_box, #vo_right_box{ padding-top:10px; } /* to stop wrapping*/ #vo_left_box div.field label { width: 250px; } #vehicleordering_page .vbox h2 { margin-top:0px; line-height:0px; margin-bottom:20px; } #vehicleordering_page .vbox table { width:100%; } .vbox{ margin-top:10px; padding: 20px; } #vehicleordering_page div.wholesale.vbox, #vehicleordering_page div.fleet.vbox { background-color: #eff1db; border: 1px solid #b2b2b2; cursor: pointer; } #vehicleordering_page div.wholesale.vbox { background-color: #dfdfdf; border: 1px solid; border-color: #3e7173; cursor: pointer; } #vehicleordering_page div.additional.vbox { background-color: #d3f2f2; border: 1px solid; border-color: #42bcc2; cursor: pointer; } /* @end */