/* Modified from: http://code.google.com/p/blueprintcss/ ----------------------------------------------------------------------------------------- */ *, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 } table { border-collapse:collapse; border-spacing:0 } fieldset, img { border:0 } address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal } ol, ul, li { list-style:none } caption, th { text-align:left } h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal } q:before, q:after { content:''} a { text-decoration:none } /* 2 Global reset-RESET (restores some sensible defaults) */ strong { font-weight:bold } em { font-style:italic } a img { border:none } /* Gets rid of IE's blue borders */ a:active { outline:none } /* 3 Handles */ div, ul, li, form { } .fix:after { content:" "; visibility:hidden; display:block; height:0; clear:both } * html .fix { height:1% } .hide { display:none } /* Handy for development */ br.clearfix { clear:both; display:block; height:1px; margin:-1px 0 0 0 } /* http://meyerweb.com/eric/tools/css/diagnostics/ ----------------------------------------------------------------------------------------- div:empty, span:empty, li:empty, p:empty, td:empty, th:empty { padding : 0.5em; background : yellow; } *[style], font, center { outline : 5px solid red; } *[class=""], *[id=""] { outline : 5px dotted red; } img[alt=""] { border : 3px dotted red; } img:not([alt]) { border : 5px solid red; } img[title=""] { outline : 3px dotted fuchsia; } img:not([title]) { outline : 5px solid fuchsia; } table:not([summary]) { outline : 5px solid red; } table[summary=""] { outline : 3px dotted red; } th { border : 2px solid red; } th[scope="col"], th[scope="row"] { border : none; } a[href]:not([title]) { border : 5px solid red; } a[title=""] { outline : 3px dotted red; } a[href="#"] { background : lime; } a[href=""] { background : fuchsia; } ----------------------------------------------------------------------------------------- */ body { font:12px/20px Arial, 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif; color:#000; background: url(../layout/bg_body.jpg) repeat-x;} html {text-align:center; color: black; overflow-y: scroll;} img {border:none;} .image_border {border:1px solid #CCCCCC; margin:0px 0px 4px; padding:4px;} .border {border:1px solid #ccc; background:#fff; margin:4px; padding:2px} .disclaimer-txt {font-size: 0.8em; color:#828282; margin-left:2px;} .script {font-family: Geneva, Arial, Helvetica, sans-serif} .testimonials {color:#874215; font-weight:bold;} .required {color:#8c081d; font-size:14px;} .commercialTitle {font-weight:bold; color:#74bdea;} .domesticTitle {font-weight:bold; color:#ffa356;} .quoteTitle {font-weight:bold; font-size:1.4em; letter-spacing:-1px; color:#ffa356; text-align:left; line-height:1.6em;} .title {color:#fff; font-size:1.4em; font-weight:bold; letter-spacing:-1px;} .border {border:1px solid #ccc; background:#fff; margin:4px; padding:2px} /************************************************************************ TAGS CSS ************************************************************************/ h1 {font-size:150%; color:#ff6600; font-weight:bold} h2 {font-size:120%; color:#333; font-weight:bold;} h3 {font-size:110%; color:#ff6600; font-weight:bold;} h4 {font-size:100%; color:#333} h5 {font-size:100%; color:#333} /************************************************************************ LIST ITEMS CSS ************************************************************************/ ul, li {margin:0; padding:0;} /************************************************************************ PSEUDO CLASSES CSS ************************************************************************/ a:link, a:visited {color:#333; text-decoration:none; font-weight:bold} a:hover {color:#ff6600;} /************************************************************************ TABLE & FORM CSS ************************************************************************/ tr {border:none; border-collapse:collapse; padding: 0px; vertical-align:middle;} td {vertical-align:top; padding-left:10px; border:none} form {} label {font-size: 1em; color:#fff; margin-left:2px;} table {margin-top:0px; text-align:left; border:none} input {background:#fff; color:#827064; border:1px solid #6690bb; float:left; padding:5px 4px; font-size:1.2em; width:190px; margin-bottom:0px; -moz-border-radius: 3px; -webkit-border-radius: 3px;} select {background:#fff; border:1px solid #6690bb; color:#828282; padding:5px 4px; font-size:1.2em; width:200px; float:left; -moz-border-radius: 3px; -webkit-border-radius:3px;} textarea {background:#fff; color:#828282; font-size:1.2em; font-family:'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif; border:1px solid #ccc; padding:5px 4px; width:250px; margin-top:2px; -moz-border-radius: 3px; -webkit-border-radius:3px; float:left} /******************************************************************************** HOMEPAGE BASE CSS ELEMENTS ************************************************************************/ #outerWrap {width:974px; margin:0px auto; background: #ffffff; border:2px solid #ffffff; border-top:none;} #container {width:960px; position:relative; background: #ffffff; border:7px solid #ffffff; border-top:none; padding:0px 0px 30px; overflow:hidden} /******************************************************************************** HEADER ELEMENTS ************************************************************************/ #headerWrap {width:100%; height:100px; background:#003348; /*border-bottom:3px solid #fff;*/} #header {width:960px; height:100px; margin:0px auto; position:relative; background:/*url(../layout/bg_headerFade.jpg) repeat-x*/ #fff; border:9px solid #fff; border-top:none;} #header .logo {width:450px; height:100px; position:absolute; top:0px; left:0px;} #header .email {width:335px; height:80px; position:absolute; right:0px;} #header .contactTel {height:100px; width:259px; position:absolute; right:0;} /******************************************************************************** TOPNAV ELEMENTS ************************************************************************/ #topNav { background: url(../layout/bg_topNav.jpg) repeat-x #bedaf7; border-bottom:5px solid #003348; height:30px; padding:5px 10px 0px; text-align:left; width:940px; } /******************************************************************************** TOP BANNER ELEMENTS ************************************************************************/ #topBanner {width:960px; height:250px; border-top:5px solid #fff; margin:0; padding:0; margin-bottom:5px; border-bottom:10px solid #ccc; position:relative;} #topBanner .topBanner_generic {background:url(../layout/bg_topBanner.jpg) no-repeat; width:100%; height:100%;} #topBanner .topBanner_australia {background:url(../layout/bg_topBanner_australia.jpg) no-repeat; width:100%; height:100%;} #topBanner .topBanner_box-shipments {background:url(../layout/bg_topBanner_box-shipments.jpg) no-repeat; width:100%; height:100%;} #topBanner .topBanner_removal-kits {background:url(../layout/bg_topBanner_removals-kits.jpg) no-repeat; width:100%; height:100%;} #topBanner .topBanner_air {background:url(../layout/bg_topBanner_airCargo.jpg) no-repeat; width:100%; height:100%} #topBanner .topBanner_sea {background:url(../layout/bg_topBanner_seaCargo.jpg) no-repeat; width:100%; height:100%;} #topBanner .topBanner_road {background:url(../layout/bg_topBanner_roadCargo.jpg) no-repeat; width:100%; height:100%;} #topBanner .topBanner_commercialFactory {background:url(../layout/bg_topBanner_factory.jpg) no-repeat; width:100%; height:100%;} #topBanner .topBanner_commercialTestimonials {background:url(../layout/topBanner_testimonials-commercial.jpg) no-repeat; width:100%; height:100%;} #topBanner .topBanner_domesticRelocation {background:url(../layout/bg_topBanner_relocation.jpg) no-repeat; width:100%; height:100%;} #topBanner .topBanner_domesticExports {background:url(../layout/bg_topBanner_car-exports.jpg) no-repeat; width:100%; height:100%;} #topBanner .topBanner_domesticRemovals {background:url(../layout/bg_topBanner_removals.jpg) no-repeat; width:100%; height:100%;} #topBanner .topBanner_domesticStorage {background:url(../layout/bg_topBanner_storage.jpg) no-repeat; width:100%; height:100%;} #topBanner .topBanner_domesticTestimonials {background:url(../layout/topBanner_testimonials-domestic.jpg) no-repeat; width:100%; height:100%;} #topBanner .callback {position:absolute; width:220px; height:230px; top:10px; left:10px;} #topBanner .callback .submit {width:200px; background:#003348; margin-top:5px; border:1px solid #fff; color:#fff; font-size:1.6em; -moz-border-radius: 5px; -webkit-border-radius:5px;} #topBanner .callback .submit:hover {cursor:pointer; background:#d45f00} #topBanner .callback table {margin-top:0px; text-align:left; border:none; background:none;} #topBanner .callback tr {border:none; border-collapse:collapse; padding: 0px; vertical-align:middle;} #topBanner .callback td {vertical-align:top; padding-left:10px; border:none; } #topBanner .callback form {margin:0; padding:0;} #topBanner .callback label {font-size: 1em; color:#fff; margin-left:2px;} #topBanner .callback input {background:#fff; color:#827064; border:1px solid #6690bb; float:left; padding:5px 4px; font-size:1.2em; width:190px; margin-bottom:0px; -moz-border-radius: 3px; -webkit-border-radius: 3px;} #topBanner .callback select {background:#fff; border:1px solid #6690bb; color:#828282; padding:5px 4px; margin:5px 0px 0px 0px; font-size:1.2em; width:200px; float:left; -moz-border-radius: 3px; -webkit-border-radius:3px;} #topBanner .callback textarea {background:#fff; color:#828282; font-size:1.2em; font-family:'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif; border:1px solid #ccc; padding:5px 4px; width:250px; margin-top:2px; -moz-border-radius: 3px; -webkit-border-radius:3px; float:left} #topBanner .services {width:250px; height:100px; position:absolute; bottom:-35px; right:10px; z-index:99; background: url(../layout/air-road-sea.png) no-repeat;} /******************************************************************************** COMMERCIAL HOMEPAGE CSS ************************************************************************/ .serviceCommercial {width:454px; text-align:left; /*background: url(../layout/bg_commercial.jpg) top left no-repeat #fff;*/ float:left; margin-right:10px; padding:0px 10px 5px; /*padding-top:40px;*/ margin-bottom:10px; border-right:1px dashed #828282;} .serviceDomestic {width:455px; text-align:left; /*background:url(../layout/bg_domestic.jpg) top left no-repeat #fff;*/ float:left; margin-right:8px; padding:0px 10px 5px; /*padding-top:40px;*/ margin-bottom:10px;} .overviewCommercial {width:455px; position:relative; text-align:left; background:#035b79; float:left; margin-right:10px; padding:8px; padding-bottom:60px; margin-bottom:20px; border:1px solid #024a62;} .commercialHeader {position:absolute; top:-30px; right:10px; background:#02445a; padding:5px 8px; font-size:1.2em; color:#fff;} .commercialHeader a:link {color:#fff;} .commercialHeader a:hover {color:#02688b;} .commercialHeader a:visited {color:#fff;} .commercialHeader a:active {color:#fff;} .overviewComWrapper {width:455px; height:104px; margin-bottom:30px; position:relative; border-bottom:3px dotted #02445a; } .overviewComWrapper:hover {background:#02688b; cursor:pointer;} .overviewComImg {position:absolute; top:0px; left:5px; border:2px solid #024a62; background:url(../layout/icon_services2.jpg) center no-repeat #fff; width:70px; height:70px; margin-top:5px;} a.overviewComTxt {position:absolute; left:90px; color:#fff; font-size:0.9em;} a.overviewComTxt:hover {background:#02688b; cursor:pointer; position:absolute; left:90px; color:#fff; font-size:0.9em;} .overviewDetailsCom {position:absolute; bottom:-25px; right:0px; background:#02445a; padding:2px 4px; font-size:0.9em} .overviewDetailsCom a {color:#fff;} /******************************************************************************** COMMERCIAL WIDE CSS ************************************************************************/ .overviewCommercialWide {width:752px; position:relative; text-align:left; background:#035b79; float:left; margin:40px 0px 20px; padding:8px; padding-bottom:60px; border:1px solid #024a62;} .overviewComWrapperWide {width:752px; height:84px; margin-bottom:30px; position:relative; border-bottom:3px dotted #02445a; } .overviewComWrapperWide:hover {background:#02688b; cursor:pointer;} a.overviewComTxtWide {position:absolute; left:90px; padding-top:10px; color:#fff; font-size:0.9em;} a.overviewComTxtWide:hover {background:#02688b; cursor:pointer; position:absolute; left:90px; padding-top:10px; color:#fff; font-size:0.9em;} /******************************************************************************** DOMESTIC HOMEPAGE CSS ************************************************************************/ .overviewDomestic {width:455px; text-align:left; position:relative; background:#d35f00; float:left; padding:8px; padding-bottom:60px; margin-bottom:20px; border:1px solid #b65201;} .domesticHeader {position:absolute; top:-30px; right:10px; background:#b65200; padding:5px 8px; font-size:1.2em; color:#fff;} .domesticHeader a:link {color:#fff;} .domesticHeader a:hover {color:#e76903;} .domesticHeader a:visited {color:#fff;} .domesticHeader a:active {color:#fff;} .overviewDomWrapper {width:455px; height:104px; margin-bottom:30px; position:relative; border-bottom:3px dotted #b65200; } .overviewDomWrapper:hover {background:#e76903; cursor:pointer;} .overviewDomImg {position:absolute; top:0px; left:5px; border:2px solid #b65201; background:url(../layout/icon_services2.jpg) center no-repeat #fff; width:70px; height:70px; margin-top:5px;} a.overviewDomTxt {position:absolute; left:90px; color:#fff; font-size:0.9em;} a.overviewDomTxt:hover {background:#e76903; cursor:pointer; position:absolute; left:90px; color:#fff; font-size:0.9em;} .overviewDetailsDom {position:absolute; bottom:-25px; right:0px; background:#b65200; padding:2px 4px; font-size:0.9em} .overviewDetailsDom a {color:#fff;} /******************************************************************************** DOMESTIC WIDE CSS ************************************************************************/ .overviewDomesticWide {width:752px; text-align:left; position:relative; background:#d35f00; float:left; padding:8px; padding-bottom:60px; margin:40px 0px 20px; border:1px solid #b65201;} .overviewDomWrapperWide {width:752px; height:84px; margin-bottom:30px; position:relative; border-bottom:3px dotted #b65200; } .overviewDomWrapperWide:hover {background:#e76903; cursor:pointer;} a.overviewDomTxtWide {position:absolute; left:90px; padding-top:10px; color:#fff; font-size:0.9em;} a.overviewDomTxtWide:hover {background:#e76903; cursor:pointer; position:absolute; left:90px; padding-top:10px; color:#fff; font-size:0.9em;} .overviewCommercial .quoteBtn, .overviewCommercialWide .quoteBtn, .clientTestimonialsCom .quoteBtn {width:150px; background: url(../layout/bg_quoteCom.jpg) #eee; height:30px; position:absolute; bottom:15px; text-align:center; float:left; margin-right:10px; border:3px solid #74bdea;} .overviewCommercial .quoteBtn:hover, .overviewCommercialWide .quoteBtn:hover, .clientTestimonialsCom .quoteBtn:hover {border:3px solid #fff; background-position:0px -30px; cursor:pointer;} .overviewDomestic .quoteBtn, .overviewDomesticWide .quoteBtn, .clientTestimonialsDom .quoteBtn {width:150px; background: url(../layout/bg_quoteCom.jpg) #eee; height:30px; float:left; position:absolute; bottom:15px; margin-right:10px; border:3px solid #ffa356;} .overviewDomestic .quoteBtn:hover, .overviewDomesticWide .quoteBtn:hover, .clientTestimonialsDom .quoteBtn:hover {border:3px solid #fff; background-position:0px -30px; cursor:pointer;} /************************************************************************** TESTIMONIAL CSS ELEMENTS ********************************************************************/ .clientTestimonialsDom {width:752px; position:relative; text-align:left; background:#d35f00; float:left; padding:8px; padding-bottom:60px; margin:40px 0px 20px; border:1px solid #b65201;} .clientTestimonialsDomWrapper {width:752px; min-height:85px; padding-bottom:20px; margin-bottom:15px; position:relative; border-bottom:3px dotted #b65200; } .clientTestimonialsDomImg {position:absolute; top:0px; left:5px; border:2px solid #b65201; background: url(../layout/thumb_testimonial.jpg) center no-repeat #fff; width:70px; height:70px; margin-top:5px;} .clientTestimonialsDomTxt{position:relative; left:90px; width:650px; text-align:justify; color:#fff; font-size:1.2em;} .clientTestimonialsCom {width:752px; position:relative; text-align:left; background:#035b79; float:left; padding:8px; padding-bottom:60px; margin:40px 0px 20px; border:1px solid #024a62;} .clientTestimonialsComWrapper {width:752px; min-height:85px; padding-bottom:20px; margin-bottom:15px; position:relative; border-bottom:3px dotted #02445a; } .clientTestimonialsComImg {position:absolute; top:0px; left:5px; border:2px solid #024a62; background: url(../layout/thumb_testimonial-com.jpg) center no-repeat #fff; width:70px; height:70px; margin-top:5px;} .clientTestimonialsComTxt{position:relative; left:90px; width:650px; text-align:justify; color:#fff; font-size:1.2em;} clientTestimonialsDom p.testimonialsTxt {font-size:1.4em; padding-bottom:5px; color:#fff; font-weight:bold;} /************************************************************************* DOMESTIC QUOTE CSS ELEMENTS *********************************************************************/ #content .quoteBoxDom table {margin-top:20px; text-align:left; border:none; background:none;} #content .quoteBoxDom tr {border:none; border-collapse:collapse; padding: 10px 0px; vertical-align:middle;} #content .quoteBoxDom td {vertical-align:middle; padding:5px 0px 5px 10px; border:none; text-align:right; font-size:1em; font-weight:bold; } #content .quoteBoxDom form {} #content .quoteBoxDom label {font-size: 1em; color:#fff; margin-left:0px;} #content .quoteBoxDom input {background:#fff; color:#827064; border:1px solid #c05701; float:right; padding:4px; font-size:1.2em; width:450px; margin-bottom:0px; -moz-border-radius: 3px; -webkit-border-radius: 3px;} #content .quoteBoxDom select {background:#fff; border:1px solid #c05701; color:#828282; padding:4px; margin:10px 0px 5px 0px; font-size:1.2em; width:460px; float:right; -moz-border-radius: 3px; -webkit-border-radius:3px;} #content .quoteBoxDom textarea {background:#fff; color:#828282; font-size:1.2em; border:1px solid #c05701; padding:4px; width:510px; margin-top:2px; -moz-border-radius: 3px; -webkit-border-radius:3px; float:right} #content .quoteBoxDom table.removalGoods {margin-top:0px; text-align:left; border:none; background:none;} #content .quoteBoxDom textarea.notes {background:#fff; color:#828282; font-size:1.2em; border:1px solid #c05701; padding:4px; width:450px; margin-top:2px; -moz-border-radius: 3px; -webkit-border-radius:3px; float:right} #content .quoteBoxDom input.checkbox {float:left; width:30px;} .quoteDomTitle {font-weight:bold; color:#ffa356; font-size:1.4em; padding:10px;} .quoteBoxDom {width:752px; text-align:left; background:#d35f00; float:left; padding:8px; padding-bottom:60px; margin:20px 0px; border:1px solid #b65201;} .quoteBoxDomWrapper {width:752px; min-height:85px; padding-bottom:20px; margin-bottom:15px; position:relative; border-bottom:3px dotted #b65200; } #content .quoteBoxDom input.button {background:#ab4d01; width:200px; color:#fff;} #content .quoteBoxDom input.button:hover {background:#e46802; cursor:pointer;} .quoteBoxDomImg {position:absolute; top:0px; left:5px; border:2px solid #b65201; background: url(../layout/icon_services.jpg) center no-repeat #fff; width:70px; height:70px; margin-top:5px;} .quoteBoxDomTxt{position:relative; left:90px; width:650px; color:#fff; font-size:0.9em; padding-top:20px;} .selfAssessmentDD_content {display:none; width:600px; float:right; margin-top:20px;} /** this is the class for the hidden quote assessment form! **/ /************************************************************************* COMMERCIAL QUOTE CSS ELEMENTS *********************************************************************/ .quoteComTitle {font-weight:bold; color:#74bdea; font-size:1.4em; padding:10px;} .quoteBoxCom {width:752px; text-align:left; background:#035b79; float:left; padding:8px; padding-bottom:60px; margin:20px 0px; border:1px solid #024a62;} .quoteBoxComWrapper {width:752px; min-height:85px; padding-bottom:20px; margin-bottom:15px; position:relative; border-bottom:3px dotted #02445a; } #content .quoteBoxCom input.button {background:#024c65; width:200px; color:#fff;} #content .quoteBoxCom input.button:hover {background:#04698c; cursor:pointer;} .quoteBoxComImg {position:absolute; top:0px; left:5px; border:2px solid #024a62; background: url(../layout/icon_services.jpg) center no-repeat #fff; width:70px; height:70px; margin-top:5px;} .quoteBoxComTxt{position:relative; left:90px; width:650px; text-align:justify; color:#fff; font-size:0.9em;} #content .quoteBoxCom table {margin-top:20px; text-align:left; border:none; background:none;} #content .quoteBoxCom tr {border:none; border-collapse:collapse; padding: 10px 0px; vertical-align:middle;} #content .quoteBoxCom td {vertical-align:middle; padding:5px 0px 5px 10px; border:none; text-align:right; font-size:1em; font-weight:bold; } #content .quoteBoxCom form {} #content .quoteBoxCom label {font-size: 1em; color:#fff; margin-left:0px;} #content .quoteBoxCom input {background:#fff; color:#827064; border:1px solid #033d51; float:right; padding:4px; font-size:1.2em; width:450px; margin-bottom:0px; -moz-border-radius: 3px; -webkit-border-radius: 3px;} #content .quoteBoxCom select {background:#fff; border:1px solid #033d51; color:#828282; padding:4px; margin:10px 0px 5px 0px; font-size:1.2em; width:460px; float:right; -moz-border-radius: 3px; -webkit-border-radius:3px;} #content .quoteBoxCom textarea {background:#fff; color:#828282; font-size:1.2em; border:1px solid #033d51; padding:4px; width:510px; margin-top:2px; -moz-border-radius: 3px; -webkit-border-radius:3px; float:right} #content .quoteBoxCom table.removalGoods {margin-top:0px; text-align:left; border:none; background:none;} #content .quoteBoxCom textarea.notes {background:#fff; color:#828282; font-size:1.2em; border:1px solid #033d51; padding:5px 4px; width:450px; margin-top:2px; -moz-border-radius: 3px; -webkit-border-radius:3px; float:right} #content .quoteBoxCom input.checkbox {float:left; width:30px;} /************************************************************** MAIN PAGE CONTENT & PROMO BOXES ******************************************************************************/ #content {width:770px; float:left; text-align:justify; margin-bottom:20px; margin-top:10px;} #content h1 {margin-bottom:10px; margin-top:15px; color:#ff6600; font-weight:bold; font-size:1.8em; letter-spacing:-1px; text-align:left;} #content p {padding-right:10px; padding-top:5px;} #content table {margin-top:20px;} #content table.priceMatrix {margin-top:5px; background: url(../layout/bg_table.jpg) repeat-x #eee; border:1px solid #ccc; margin-left:2px; width:98%;} #content table.priceMatrix td {padding-bottom:10px;} #content table.specials {margin-top:5px; background:#eee; border:1px solid #ccc; margin-top:20px; margin-left:2px; width:98%;} #content table.specials td {padding-bottom:20px; padding-top:10px;} #content table.specials img {border:3px solid #aaa;} #content table.specialsOz {margin-top:5px; margin-left:2px; width:98%;} #content table.specialsOz td {padding-bottom:20px;} #content table.specialsOz img {border:1px solid #aaa; margin-top:5px;} #content p.titles {color:#246b95; font-weight:bold; margin:10px 0px; font-size:1.7em; letter-spacing:-1px;} #content p.lists {color:#5b6166; font-weight:bold; font-size:1.6em; letter-spacing:-1px;} #content p.countries {color:#003348; font-weight:bold; font-size:1.8em; letter-spacing:-1px;} #content p.prices {color:#ff6600; font-weight:bold; font-size:1.8em; letter-spacing:-1px;} #content p.bullets {color:#5b6166; font-weight:bold; font-size:1.4em; letter-spacing:-1px;} #content p.punchline {color:#ff6600; font-weight:bold; font-size:1.8em; line-height:1.1em; letter-spacing:-1px;} .introTxt {width:940px; padding:40px 10px 20px; margin-bottom:10px; border-bottom:1px dashed #828282; text-align:left; background: url(../layout/bg_welcome.jpg) top left no-repeat #fff;} /******************************************************************************** CONTACT CSS ************************************************************************/ .contactWrap {width:580px; min-height:370px; padding:10px 0px; margin-bottom:15px; border-top:2px dotted #ddd; font-size:11px; position:relative; background:#fff;} .contactForm {color: #333; background: #eee; margin-top:10px; width:95%; overflow:hidden; border:1px solid #ccc; text-align:left; padding:20px 10px 0px; margin-bottom:10px;} .contactForm form {padding:10px;} .contactForm input {background:#fff; color:#333333; border:1px solid #ccc; font-size:1em; padding:10px 5px; width:320px; float:right; margin-bottom:10px; margin-left:10px;} .contactForm textarea {background:#fff; color:#333333; border:1px solid #ccc; font-size:1em; padding:10px 5px; width:320px; float:right; margin-bottom:10px; margin-left:10px;} .contactForm table {background:#eee;} .contactForm tr {vertical-align:top; text-align:right;} .contactForm .submit {background:#035b79; padding:10px; width:100px; color:#fff; border:1px solid #034257; cursor:pointer; -moz-border-radius: 5px; -webkit-border-radius:5px;} .captcha {border:1px solid #ccc; padding:3px; background:#fff;} .contactForm .captchaInput {width: 100px;} .newImage {cursor:pointer; color:#cc0000; background:#fff; padding:5px; border:1px solid #ccc;} /******************************************************************************** NEWS CSS ************************************************************************/ #latestNews {width:170px; float:right; font-size:12px; background:#ccc; color:#fff; margin-top:20px; padding:5px;} #NewsArticleWrapper{float: left; color:#777; width:100%; margin-bottom:5px;} .mainNewsArticle{color:#777; font-size:14px; background:/* url(../layout/bg_newsArticle.jpg) repeat-x bottom*/ #ffffff; position:relative; padding:10px 65px 5px 5px; margin:0px 0px 0px; overflow:hidden; border:7px solid #fff; z-index:6} .mainNewsArticleBorder{ border:1px solid #ccc; margin-right:2px; z-index:5;} .mainNewsArticle p{color:#777; font-size:0.9em; position:relative; padding-top:5px; padding-bottom:5px; line-height:1.2em} /*#newsDate {float:right; margin-right:10px; height:33px; color:#777; font-weight:bold; font-size:16px; padding:12px 1px 1px 1px;} .newsDate-txt {font-size: 0.8em; color:#fff; position:absolute; top:0px; right:10px; padding:5px; background:#879fa3;}*/ .dataWrapperWrapper{ position:absolute; top:2px; right:5px;} .dataWrapper{width:40px; height:48px; background-color:#f6eadd; position:relative; text-align:center;} .dateMonth{ position:absolute; top:0; height:20px; width:40px; color:#FFF; background-color:#333; text-transform:uppercase} .dateDay{ position:absolute; top:20px; height:23px; width:40px; color:#000; background-color:#CCC; padding-top:3px;} .mainNewsArticle a.readMore {border:3px solid #333333; background:#333333; color:#fff;} #newsWrapper {float:left; background:#fff; color:#fff; margin-top:0px; margin-right:5px; text-align:left; padding:0px 0px 10px;} #newsWrapper .wrapper {width:560px; float:left; margin-bottom:5px; background:#f6eadd; padding:0px 0px 0px 5px;} #newsWrapper .newsHeader{float: left; color:#777; font-size:20px; text-align:left; padding:0px 5px; margin-right:10px; padding-top:6px; height:38px;} #newsWrapper .mainpageWrap {width:200px; float:left; margin:10px 10px 10px 5px;} .newstitle{font-size:1.2em; color:#333333; font-weight:bold} .mainNewsTitle{font-size:1.4em; color:#333333; font-weight:bold} .newstitleLink{font-weight:normal;} #relatedArticles{ margin-top:40px; position:relative;} .relatedArticleTab {position:absolute; padding:2px 5px ; top:-23px; left:0; background:#333333; color:#fff; font-size:1.4em} .relatedNewsArticle{ margin-bottom:10px;} /************************************************************************ NEWS NAVIGATION ELEMENTS ************************************************************************/ .newsmenu{width: 180px; margin:0px;} .newsmenu h4 {font-size:1.3em; text-align:left; margin-bottom:5px;} .selected {background:#879fa3; color:#fff; letter-spacing:3px; font-weight:bold} .newsmenu .newsheader{ /*CSS class for menu headers in general (expanding or not!)*/font-weight: bold; font-size: 14px; color: #fff; margin-bottom: 5px; /*bottom spacing between header and rest of content*/ text-align:left; padding: 5px 20px 5px 10px; /*header text is indented 10px*/ cursor: hand; cursor: pointer;} .newsmenu .newsheader:hover {background:#879fa3; color:#fff} .newsmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/background: #879fa3; color:#fff; padding: 5px 20px 5px 10px; margin-bottom:5px } .newsmenu ul{ /*CSS for UL of each sub menu*/ list-style-type: none; list-style-image:none; margin: 0; padding: 0; margin-bottom: 2px; /*bottom spacing between each UL and rest of content*/ } .newsmenu ul li{padding-bottom: 2px; list-style-type: none; list-style-image:none; background:#333333; /*bottom spacing between menu items*/} .newsmenu ul li a{ color: #ccc; text-decoration:none; border-bottom: 1px solid #eee; /*custom bullet list image*/ display: block; /*link text is indented 19px*/ font-weight: bold; font-size: 12px; list-style-type: none; margin-bottom:1px; margin-left:2px; text-align:left; padding:5px 10px;} .newsmenu ul li a:visited{color: #fff;} .newsmenu ul li a:hover{ /*hover state CSS*/ color: #fff; border-bottom: 1px solid #eee; background:#1d3654;} /******* fix *****/ .newsmenu a.newsheader_look, .newsmenu a.newsheader_look:visited{ /*CSS class for menu headers in general (expanding or not!)*/font: bold 14px 'calibri', Verdana, Arial, Helvetica, sans-serif; color: #333; margin-bottom: 3px; /*bottom spacing between header and rest of content*/ border-bottom:1px solid #eee; text-align:left; /*header text is indented 10px*/ cursor: hand; cursor: pointer; margin-left:0px; padding: 5px 14px 5px 10px; } .newsmenu a.newsheader_look:hover{background: url(../images/bg_LeftMenu.jpg) top right no-repeat #879fa3; color:#fff; text-decoration:none} .titleRSSfeed a{width:100%; height:100%; display:block;} .titleRSSfeed a span{ display:none;} /************************************************ TOP NAVIGATION Horizontal CSS Drop-Down Menu Module ********************************************************************/ /*ul.dropdown, ul.dropdown li, ul.dropdown ul { list-style: none; margin: 0; padding: 0; } ul.dropdown { position: relative; z-index: 597; float: left; font-weight:bold; border:none; } ul.dropdown a:link { color: #fff; } ul.dropdown a:visited { color: #fff; } ul.dropdown a:hover { color: #fff; text-decoration:none; } ul.dropdown a:active { color: #fff; } ul.dropdown li { float: left; line-height: 1.3em; vertical-align: middle; zoom: 1; padding: 7px 10px; border-style: solid; border-width: 1px 1px 1px 1px; border-color: #fff #d9d9d9 #d9d9d9 #d9d9d9; background: url(../layout/bg_topNav_ul.gif) repeat-x bottom #75bbec; } ul.dropdown li:hover { position: relative; z-index: 599; cursor: default; background: #75bee9; color: #000; text-decoration:none; } ul.dropdown ul { visibility: hidden; position: absolute; top: 100%; left:auto; z-index: 598; width: 150px; padding-top: 1px; } ul.dropdown ul li { float: none; font-weight: normal; } ul.dropdown ul ul { top: 1px; left: 99%; } ul.dropdown li:hover > ul { visibility: visible; } /* DEFAULT ELEMENTS */ /*#nav>li {background:#035b79; color:#fff; border:1px solid #003348; border-bottom:none; margin-right:3px; position:relative; top:4px; -moz-border-radius:5px 5px 0px 0px; -webkit-border-radius:5px 5px 0px 0px; text-transform:capitalize;} #nav>li:hover {background:#d45f00; border:1px solid #a14901; border-bottom:none; color:#000} #nav>li.current {background:#003348; border:1px solid #003348; border-bottom-color:#003348;} #nav>li.current a {color:#fff} #nav>li ul li a {color:#fff} #nav>li ul li a:hover {color:#d45f00} ul.dropdown li ul li {background: url(../layout/bg_topNav_ul.gif) repeat-x bottom #75bee9;} ul.dropdown li ul li:hover {background: #003348;} ul.dropdown *.dir { padding-right: 15px; background:#035b79; background-image: url(../layout/nav-arrow-down.png); background-position: 100% 50%; background-repeat: no-repeat; }*/*/ ul.dropdown, ul.dropdown li, ul.dropdown ul { list-style: none; margin: 0; padding: 0; } ul.dropdown { position: relative; z-index: 597; float: left; } ul.dropdown li { float: left; line-height: 1.3em; vertical-align: middle; padding: 7px 10px; zoom: 1; } ul.dropdown li.hover, ul.dropdown li:hover { position: relative; z-index: 599; cursor: default; } ul.dropdown ul { visibility: hidden; position: absolute; top: 100%; left: 0; z-index: 598; width: 100%; } ul.dropdown ul li { float: none; } ul.dropdown ul ul { top: 1px; left: 99%; } ul.dropdown li:hover > ul { visibility: visible; } /*------------------------------------------------------------------------------------------------------/ @section Style Framework */ /* First-level expected directory tag - li */ ul.dropdown li { } ul.dropdown *.dir { padding-right: 30px; background-image: none; background-position: 100% 50%; background-repeat: no-repeat; } /* Non-first level */ ul.dropdown ul *.dir { padding-right: 15px; background-image: url(images/nav-arrow-right.png); background-position: 100% 50%; background-repeat: no-repeat; } ul.dropdown ul ul *.dir { background-image: url(images/nav-arrow-right2.png); } /* Components override */ ul.dropdown-vertical *.dir { background-image: url(images/nav-arrow-right.png); } ul.dropdown-vertical-rtl *.dir { padding-right: 15px; background-image: url(images/nav-arrow-left.png); background-position: 0 50%; } /*------------------------------------------------------------------------------------------------------/ @section Base Drop-Down Styling */ /* ALL LEVELS (incl. first) */ ul.dropdown {} ul.dropdown li { background-color: #07364a; color: #fff; } ul.dropdown li.hover, ul.dropdown li:hover { } /* Links */ ul.dropdown a:link, ul.dropdown a:visited { color: #fff; text-decoration: none;} ul.dropdown a:hover { border-top-color: #5db1e0 !important; border-left-color: #5db1e0; background-color: #4498c7; color: #fff; } ul.dropdown ul a.dir:hover { /* proposal */ background-color: #83b2e6; background-image: url(images/comnav-arrowon.png); color: #fff; } ul.dropdown a:active { background: #058acf url(images/nav-sub-press.png) 0 0 repeat-x !important; color: #fff; } /* NON-FIRST LEVEL */ ul.dropdown ul { left: auto; right: 0; width: 150px; margin-top: -1px; border-top: 1px solid #001118; } ul.dropdown ul li { background-color: #003348; } ul.dropdown ul ul { top: 0; right: auto; left: 100%; margin-top: 0; border-top: none; border-left: none; font-weight: normal; } ul.dropdown ul ul li { background-color: #003348; } ul.dropdown ul ul ul li { background-color: #595959; } /* Mixed */ ul.dropdown li a, ul.dropdown *.dir { } ul.dropdown ul li a, ul.dropdown ul *.dir { border-color: #001118; border-left: none; } ul.dropdown ul ul li a, ul.dropdown ul ul *.dir { border-color: #001118; } ul.dropdown ul ul ul li a, ul.dropdown ul ul ul *.dir { border-color: #001118; } /* Custom elements */ #n-movies { width: 250px; text-align: center; } #n-movies ul { right: auto; left: 0; width: 249px; text-align: left; } #n-movies ul ul { left: 249px; width: 150px; } #n-movies ul a { width: 232px; } #n-movies ul a.dir { width: 210px; } #n-movies ul ul a { width: 133px; } #n-movies ul ul a.dir { width: 111px; } #n-movies ul ul ul { left: 100%; } /*------------------------------------------------------------------------------------------------------/ * @section Base Style Extension */ ul.dropdown a, ul.dropdown span { display: block; padding: 5px 30px; } /*------------------------------------------------------------------------------------------------------/ * @section Base Style Override */ ul.dropdown li { padding: 0; } ul.dropdown ul a, ul.dropdown ul span { /* POI, proposal: override abstract a, span */ padding: 8px; } /*------------------------------------------------------------------------------------------------------/ * @section Base Style Reinitiate: post-override activities */ ul.dropdown *.dir { /* POI */ padding: 0px; } ul.dropdown ul *.dir { padding: 0px; } /*------------------------------------------------------------------------------------------------------/ * @section Custom Styles */ ul.dropdown ul a { width: 133px; } ul.dropdown ul a.dir { width: 111px; } /*------------------------------------------------------------------------------------------------------/ * @section Support Class `open` Usage * @source js, artificial * */ ul.dropdown *.open { background-color: #3d3d3d; } ul.dropdown ul *.open { background-color: #4c4c4c; background-image: url(images/comnav-arrowover.png); color: #fff; } ul.dropdown ul ul *.open { background-color: #595959; background-image: url(images/comnav-arrowover2.png); color: #fff; } /* Override UPPER TWO definitions */ ul.dropdown a.open:hover { background-color: #4698ca; color: #fff; } ul.dropdown ul a.open:hover { background-image: url(images/comnav-arrowon.png); color: #fff; } /* Clone in CSS 2 */ ul.dropdown li:hover > *.dir { background-color: #3d3d3d; } ul.dropdown ul li:hover > *.dir { background-color: #4c4c4c; background-image: url(images/comnav-arrowover.png); } ul.dropdown ul ul li:hover > *.dir { background-color: #595959; background-image: url(images/comnav-arrowover2.png); color: #fff; } /* Override UPPER TWO definitions */ ul.dropdown li:hover > a.dir:hover { background-color: #4698ca; color: #fff; } ul.dropdown ul li:hover > a.dir:hover { background-image: url(images/comnav-arrowon.png); color: #fff; } #nav {margin:0; padding:0;} #nav>li {background:#035b79; color:#fff; border:1px solid #003348; border-bottom:none; margin-right:3px; position:relative; top:4px; -moz-border-radius:5px 5px 0px 0px; -webkit-border-radius:5px 5px 0px 0px; text-transform:capitalize;} #nav>li.current {background:#003348;} #nav>li.current a {background:#003348; color:#fff} #nav>li.current a:hover {background:#4498c7; color:#fff} /******************************************************************************** LEFT NAVIGATION CSS ************************************************************************/ #leftNavTitle {width:180px; height:30px; background: transparent url(../layout/title_leftNavCats.png) no-repeat;} #leftNav {width:180px; margin-right:10px; margin-bottom:10px; float:left;} #leftNavTop {width:180px; height:30px; background:url(../layout/title_leftNavCats.jpg) no-repeat; margin-bottom:5px;} #leftNavBody {width:180px; height:auto; padding-bottom:5px; padding-top:10px; margin:0px;} #leftNavBottom {width:180px; height:50px; padding:0px; margin:0px; background:url(../layout/leftNavBottom.jpg) no-repeat #eee} .leftNavPromo {width:180px; height:auto; background: url(../layout/left_right_column_box_bottom.jpg) bottom no-repeat; margin-bottom:6px; padding-bottom:20px; clear:both; overflow:hidden;} .promoText {padding:0px 8px; text-align:left;} .promoText a {color:#cc0000; font-size:0.8em;} .leftNavPromo .boxHeader {background:transparent url(../layout/left_right_column_box_top.jpg) no-repeat scroll left top; padding-top:18px;} .promoTitle {font-size:1.25em; color:#333333; letter-spacing:0px; font-weight:bold; position:relative; bottom:10px; padding:0px 4px; text-align:left;} /******************************************************************************** RIGHT NAVIGATION CSS ************************************************************************/ #rightNav {float:right; margin-bottom:10px; margin-top:30px; margin-left:10px; width:180px;} .rightNavPromo {background:#ccc; clear:both; height:170px; margin-bottom:6px; overflow:hidden; width:180px;} /********************************************************* ERROR VALIDATION ********************************************************/ #content .quoteBoxDom label.error {font-size: 1em; color:#fff; margin-left:0px;} #basketForm label.error{display:none !important;} #basketForm select.error{background-color:#b9d8e0; color:#333; border-bottom-color:#F00 1px solid;} #login label.error{display:none !important;} #login input.error, #login select.error, #login textarea.error{background-color:#b9d8e0; color:#333; border-bottom-color:#F00 1px solid;} #new_Customer label.error{display:none !important;} #new_Customer input.error, #new_Customer select.error, #new_Customer textarea.error{background-color:#b9d8e0; color:#333; border-bottom-color:#F00 1px solid;} #moreOptions label.error{display:none !important;} #moreOptions input.error, #moreOptions select.error, #moreOptions textarea.error{background-color:#b9d8e0; color:#333; border-bottom-color:#F00 1px solid;} #productPageForm label.error{display:none; position:absolute; background-color:#F00; border: 1px solid #666; color:#FFF; z-index:999;} #productPageForm input.error, #productPageForm select.error, #productPageForm textarea.error{background-color:#b9d8e0; color:#333; border-bottom-color:#F00 1px solid;} #quickEnquiry label.error{display:none; color:#cc0000} #quickEnquiry input.error, #quickEnquiry select.error, #quickEnquiry textarea.error{background-color:#b9d8e0; color:#333; border-bottom-color:#F00 1px solid;} #emailSignup label.error{display:none !important;} #emailSignup input.error, #quickEnquiry select.error, #quickEnquiry textarea.error{background-color:#b9d8e0; color:#333; border-bottom-color:#F00 1px solid;} #dialog_review label.error{display:none; color:#cc0000; position:absolute; font-size:0.8em; line-height:1.2em; margin-left: 5px;} #dialog_review input.error, #dialog_review select.error, #dialog_review textarea.error{background-color:#b9d8e0; border:1px solid #82a7b0;} #dialog { background:url(../layout/bg_CatThumb.jpg) top repeat-x #f2f2f2; padding:10px;} #dialog table {background:none} #dialog input { padding:5px; border:1px solid #ccc;} #dialog select { width:280px; color:#333; padding:5px; border:1px solid #ccc;} #dialog_review { background:#f2f2f2; padding:20px; height:500px;} #dialog_review table {background:none;} #dialog_review tr { vertical-align:top;} #dialog_review input { padding:5px; width:300px; border:1px solid #ccc; margin-bottom:5px;} #dialog_review textarea { width:300px; height:150px; overflow-y:scroll; color:#333; padding:5px; margin-bottom:10px; border:1px solid #ccc;} #dialog_review .loginError{color:#900; font-weight:bold} /******************************************************************************** FOOTER / DISCLAIMER / BOTTOM LINKS CSS **********************************************************/ #footer {width:940px; height:50px; border-top:5px solid #ddd; padding:0px 10px 5px; text-align:left; background:#fff; clear:both; position:relative;} #footer a:link, #footer a:visited {color:#435070} #footer a:hover {color:#333} #footer .footerOption{height:25px; color:#fff; padding-top:5px; float:left; padding-left:10px; margin-right:10px;} #footer .designby {width:50px; height:50px; position:absolute; right:0px; top:0px;} #disclaimer { background:#FFFFFF; border-top:2px dotted #DDDDDD; clear:both; color:#666666; font-size:11px; height:30px; padding:10px 10px 5px; text-align:center; width:940px; } /******************************************************************************** SEO TXT CSS **********************************************************/ #seoText {width:860px; padding:20px; margin-top:20px; text-align:justify; margin:0px auto;} /************************************************************************ Testimonial Boxes *****************************************/ .testimonialOuterWrapper {height:100%; width:100%; margin-bottom:10px; float:left;} .testimonialBoxWrap {width:100%; margin:0; padding:0; border:none;} .testimonialContent {padding:5px 10px; padding-top:40px; padding-bottom:30px; border:1px solid #fff; text-align:left; position:relative;} .testimonialContent h3 {text-align:right; position:absolute; bottom:10px; left:0px; padding-left:30px;} .testimonialContent p {text-align:justify; font-size:0.9em; padding-left:20px; line-height:1.6em} .testimonialName {position:absolute; left:10px; top:5px; font-size:0.9em; color:#fff;} .testimonialBox {width:50%; margin:0px; float:left; background: url(../layout/bg_testimonial.gif) left top no-repeat} /************************************************************************ EVENT CSS ************************************************************************/ .Info {margin-top:30px; clear:both; padding:0px 15px}