body { background: #FFFFFF; margin: 0; padding: 0; color: #000; font-family: 'Droid Sans' , sans-serif; } body, td { font-size: 1em; } .modal { position: fixed; z-index: 999; height: 100%; width: 100%; top: 0; background-color: Black; filter: alpha(opacity=60); opacity: 0.6; -moz-opacity: 0.8; } .center { z-index: 1000; margin: 300px auto; padding: 10px; width: 100px; height: 100px; background-color: White; border-radius: 10px; filter: alpha(opacity=100); opacity: 1; -moz-opacity: 1; } .center img { height: 90px; width: 90px; } .LTR, .RTL { border-top-style: solid; border-top-width: 10px; border-top-color: #6C6D6F; background-image: url('https://australiancartransport.com.au/App_Themes/australiancartransport/BackgroundBlue.png'); background-position: center 222px; background-repeat: repeat-x; } .PageContainer li { line-height: 25px; } p { font-weight: 400; line-height: 25px; } ul { } .QuoteContainer ul { margin: 0; padding: 0; font-size: 90%; } .QuoteContainer ul li { margin-left: 15px; } table { border-collapse: collapse; border-spacing: 0; } h1 { font-size: 24px; line-height: 30px; font-weight: 700; } .QuoteContainer h1, .QuoteContainer h2, .QuoteContainer h3 { margin: 0px; padding: 0px; } h2 { font-size: 20px; line-height: 32px; font-weight: 400; font-family: 'Ubuntu' , sans-serif; } .OptionsPanel { padding-top: 20px; } .TestimonialsContainer h2, .LatestPostContainer h2 { font-weight: bold; margin-bottom: 0px; padding-bottom: 0px; } h3 { font-size: 18px; font-weight: 700; font-family: 'Ubuntu' , sans-serif; } .TestimonialsContainer p { margin: 0px; padding: 0px; } img { border: 0px; } .QuoteContainer hr { border: 0px; height: 1px; background-color: #ffffff; margin-top: 0px; margin-bottom: 20px; } a { color: #EB1A22; text-decoration: none; border: 0; } a:hover { text-decoration: underline; } em, .Italic { font-family: 'Times New Roman', Times, serif; font-size: 15px; } .CMSDeskButton, .CMSDeskButtonOver { background-position: center top; position: absolute; top: 0px; left: 5px; z-index: 1000; width: 65px; height: 50px; background-repeat: no-repeat; font-size: 11px; padding-left: 4px; padding-top: 15px; border-bottom-style: none; border-right-style: none; border-top-style: none; border-left-style: none; cursor: pointer; background: none; } .CMSDeskButton { background-image: url('https://australiancartransport.com.au/App_Themes/australiancartransport/cmsdesk.png'); } .CMSDeskButtonOver { background-image: url('https://australiancartransport.com.au/App_Themes/australiancartransport/cmsdesk_hover.png'); } .PageWidth { width: 1000px; text-align: left; } .BannerContainer { padding-top: 10px; height: 181px; } .PageContainer { width: 100%; overflow: auto; } .Logo { float: left; } .BannerRight { float: right; text-align: right; } .BannerPhone { background-position: 100px center; background-image: url('https://australiancartransport.com.au/App_Themes/australiancartransport/PhoneRed.png'); background-repeat: no-repeat; font-size: 45px; font-weight: 500; font-family: 'Ubuntu' , sans-serif; padding-left: 40px; margin-top: 30px; margin-bottom: 30px; } .Slogan { font-family: 'Open Sans Condensed' , sans-serif; font-size: 24px; color: #7F8184; font-weight: 700; } .Ticks { clear: both; } .Tick1, .Tick2 { background-position: left center; display: inline-block; background-image: url('https://australiancartransport.com.au/App_Themes/australiancartransport/TickRed.png'); background-repeat: no-repeat; font-size: 15px; color: #EB1A22; padding-left: 20px; } .Tick1 { margin-right: 20px; } .Tick2 { } .MenuContainer { height: 31px; background-color: #6C6D6F; color: #ffffff; } .MenuRow { width: 1000px; text-align: left; color: #ffffff; } .MenuHolder { float: left; } .LogoutHolder { float: right; } .ContentHolder { width: 960px; padding-left: 20px; padding-right: 20px; background: #ffffff; min-height: 500px; } .ContentLeft { float: left; width: 635px; text-align: left; } .ContentRight { float: right; width: 280px; text-align: left; margin-top: 20px; } .ContentAdmin { text-align: left; float: left; } .Horizontal { font-size: 16px; float: left; } .Horizontal UL { padding-right: 0px; padding-left: 0px; padding-bottom: 0px; padding-top: 0px; margin: 0px; width: 100%; list-style-type: none; } .Horizontal LI { padding-right: 0px; padding-left: 0px; display: inline; float: left; padding-bottom: 0px; padding-top: 0px; } .Horizontal A { padding-left: 10px; padding-right: 10px; display: block; margin: 0px; color: #ffffff; text-decoration: none; font-size: 16px; padding-top: 6px; padding-bottom: 5px; } .CMSListMenuLinkHighlighted { background: #4E4E4E no-repeat right bottom; } .SubCMSListMenuLinkHighlighted, li.SubCMSListMenuLinkHighlightedLI { color: #A5D280; } .Horizontal A:hover { background: #4E4E4E no-repeat right bottom; } .Horizontal UL UL { z-index: 500; width: auto; position: absolute; background: rgb(108,109,111); background: rgba(108,109,111,0.9); } .Horizontal UL UL LI { clear: left; display: block; position: relative; } .Horizontal UL UL UL { left: 100%; top: -1px; } .Horizontal UL UL { display: none; } .Horizontal UL LI:hover UL UL { display: none; } .Horizontal UL UL LI:hover UL UL { display: none; } .Horizontal UL LI:hover UL { display: block; } .Horizontal UL UL LI:hover UL { display: block; } .Horizontal UL UL UL LI:hover UL { display: block; } .FooterHolder { overflow: auto; background-color: #6C6D6F; } .Footer { text-align: left; width: 1000px; padding-top: 20px; color: #ffffff; font-size: 12px; line-height: 18px; } .QuickLinks { float: left; } .Terms { float: right; } .Contact { overflow: hidden; display: inline-block; text-align: left; } .FooterSection { float: left; } .FooterSection a, .FooterNote a { color: #ffffff; text-decoration: none; } .FooterSection a:hover, .FooterNote a:hover { text-decoration: underline; } .FooterSection h2 { margin: 0px; padding: 0px; } .FooterSection td { font-size: 12px; padding-right: 10px; } address { font-style: normal; } .Clear { clear: both; } .FooterNote { margin-top: 20px; margin-bottom: 20px; color: #ffffff; font-size: 11px; text-align: center; } .SliderContainer li { list-style-type: none; } .SliderContainer { margin-left: 100px; margin-top: 30px; margin-bottom: 30px; height: 212px; width: 100%; text-align: center; } .SliderImage { float: left; width: auto; text-align: left; } .SliderTitle { float: right; width: 320px; margin-left: 50px; height: 212px; overflow: hidden; } .RoundedBox { border-style: solid; border-width: 1px; border-color: #EB1A22; background-color: #EB1A22; border-radius: 8px; padding-left: 15px; padding-right: 15px; color: #ffffff; padding-bottom: 15px; overflow: auto; } .RoundedBoxButton { border-style: solid; border-width: 1px; border-color: #494949; background-color: #494949; border-radius: 8px; color: #ffffff; overflow: auto; text-align: center; margin-bottom: 30px; } .QuoteButton { border-style: solid; border-width: 1px; border-color: #FDC103; background-color: #FDC103; border-radius: 8px; color: #ffffff; overflow: auto; text-align: center; margin-bottom: 30px; } .RoundedBoxButton a, .QuoteButton a:hover, .QuoteButton:hover, .QuoteButton:hover a { color: #fff; } .QuoteButton a { color: #000; } .RoundedBoxButton a:hover, .QuoteButton a:hover { text-decoration: none; cursor: pointer; } .RoundedBoxButton:hover, .QuoteButton:hover { background: #808080; border-color: #808080; } .RoundedBorder { border-style: solid; border-width: 1px; border-color: #FFD000; background-color: #FFD000; border-radius: 8px; padding-left: 15px; padding-right: 15px; color: #000000; padding-bottom: 15px; padding-top: 10px; text-align: center; font-size: 18px; } .AddToCartButton, .AddToCartOver, .SubmitButton, .ContentButton, .ButtonOver, .LongButton, .Button, .FormButton { background-repeat: repeat-x; background-position: center center; background-color: transparent; border-radius: 5px; font-family: Helvetica, Arial, Sans-Serif; /*font-size: 12px;*/ font-weight: bold; cursor: pointer; border-bottom-style: none; border-right-style: none; border-top-style: none; border-left-style: none; text-align: center; color: #ffffff; padding-top: 3px; padding-bottom: 3px; /*padding: 10px;*/ } .Quote { font-size: 16px; padding: 15px; } .AddToCartButton, .SubmitButton, .ContentButton, .LongButton, .Button, .FormButton { background: #494949; } .AddToCartOver, .ButtonOver { background: #808080; } .signoutButton, .signoutButtonOver { font-family: 'Droid Sans' , sans-serif; font-size: 16px; cursor: pointer; border-bottom-style: none; border-right-style: none; border-top-style: none; border-left-style: none; text-align: center; color: #ffffff; padding-top: 5px; padding-bottom: 4px; padding-left: 19px; padding-right: 19px; } .signoutButton { background: #6C6D6F; } .signoutButtonOver { background: #4E4E4E; } select, .TextArea, .TextBox, .Email input, .Dropdown, .CaptchaTextBox, .Security input, .TextBoxField, .TextboxField, .DropDownField, .LogonTextBox, .TextAreaField, .CMSSearchDialogSearchForTextBox, .SearchDialog select, .SearchDialog .CMSSearchDialogSearchModeDropDownList select, .BizFormSecurity input, .EventManagerRegText, .BizFormTextbox, .BizFormEmail input, .BizFormTextarea, .TextBoxNarrow, .DropdownWide, .ToField, .SubjectField, .BodyField, .DropDownList, .TextareaItem, .UserInputTextArea .TextareaItem, .SignatureField .TextareaItem, .UserInputTextArea .DiscussionPanel, .SignatureField textarea, .UserInputTextArea textarea, .TextboxItemShort, .UnigridPagerPageSize select, .TextboxItem, .CalendarTextBox input, .CalendarTextBox, .DicussionPanel textarea, .BizForm .TextAreaField, .UploaderInputFile input, .UnitsTextBox, .AddToCartTextBox, .sendToFriendEmailTextbox, .sendToFriendMessage, .SubscribeTextbox, .MainSearchTextBox, .CaptchaTextBox, .EmailNotificationForm { font-family: 'Droid Sans' , sans-serif; font-size: 15px; color: #000000; border-right: #d2d1d1 1px solid; border-top: #d2d1d1 1px solid; border-left: #d2d1d1 1px solid; border-bottom: #d2d1d1 1px solid; } .CaptchaTextBox { width: 100px; } .CaptchaImage { position: relative; top: 2px; } .Testimonials { } .TestimonialFrom { width: 100%; text-align: right; font-style: italic; } .QuoteContainer, .ContentAndQuote { float: left; width: 730px; text-align: left; } .QuoteControl .QuoteContainer { width: 650px; } .QuoteControl .StepTitleContainer { width: 100%; } .TestimonialsContainer, .LatestPostContainer { float: right; width: 230px; text-align: left; } .ContentHolder .TestimonialsContainer, .ContentHolder .LatestPostContainer { width: 280px; } .QuoteContainer, .TestimonialsContainer, .ContentRight { padding-bottom: 30px; } .QuoteForm { padding-top: 20px; } .TestimonialsContainer .TestimonialFrom { text-align: left; font-style: italic; padding-top: 3px; } .StepTitleContainer { width: 700px; display: inline-block; } .Step1 { float: right; } .Hints { float: left; } .StepTitle { text-align: right; color: #ffffff; padding-top: 15px; } .StepTitle h2 { font-weight: bold; } .LoginDialog td { padding-right: 5px; } .RDO { line-height: 170%; } .RDO td { padding-bottom: 9px; padding-right: 70px; } span.RDOType input { float: left; } span.RDOType label { float: left; width: 215px; padding-bottom: 13px; } .QuoteTable td, .LoginDialog td { padding-bottom: 12px; } .ButtonHolder { width: 100%; overflow: auto; padding-top: 20px; } .NextButton { float: right; } .BackButton { float: left; } .QuotePrice { display: inline-block; font-size: 35px; line-height: 30px; font-weight: 700; } .QuoteDollar { display: inline-block; font-size: 30px; } .CCHint { display: inline; position: relative; top: 6px; left: 10px; } .LabelColumn { font-weight: bold; padding-right: 20px; vertical-align: top; } .ValueColumn { vertical-align: top; } .Italic { font-style: italic; } .Contact { padding-bottom: 0px; } .ActDataList { font-size: 12px; } .ActDataList td, .ActDataList th { font-size: 12px; padding-right: 6px; padding-top: 5px; padding-bottom: 5px; } .ActDataList .RightPadding { padding-right: 15px; } .ActDataList td { vertical-align: top; } .lowercase { text-transform: lowercase; } .ActDataList .Header { background-color: #6C6D6F; color: #ffffff; } .ActDataList .AlternatingRow { background-color: #D2E8FE; } .ActDataList .Header, .ActDataList .Row, .ActDataList .AlternatingRow { } .pnlCSS { cursor: pointer; } .ActDataList .Pager td { padding-top: 3px; padding-bottom: 0px; padding-right: 3px; } span.link { position: relative; } span.link a span { display: none; } span.link a:hover { font-size: 99%; color: #000000; text-decoration: none; } span.link a:hover span { display: block; position: absolute; top: 0px; left: 25px; width: 260px; padding: 5px; z-index: 100; color: #000000; text-align: left; text-decoration: none; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0px 0px 4px #222; -webkit-box-shadow: 0px 0px 4px #222; box-shadow: 0px 0px 4px #222; background-image: -moz-linear-gradient(top, #ABD4FD, #EAF0F7); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #ABD4FD),color-stop(1, #EAF0F7)); background-image: -webkit-linear-gradient(top, #ABD4FD, #EAF0F7); background-image: -moz-linear-gradient(top, #ABD4FD, #EAF0F7); background-image: -ms-linear-gradient(top, #ABD4FD, #EAF0F7); background-image: -o-linear-gradient(top, #ABD4FD, #EAF0F7); } .MoreLink { margin: 0px; padding-top: 10px; } .BookNowMessage { font-size: 25px; } .MainSearchTextBox { margin-right: 5px; } .NotificationSubscriptionHeader { padding-bottom: 10px; } .NotificationSubscriptionButton { padding-top: 10px; } .CommentForm .TextAreaField { width: 400px; } .BlogComments { padding-top: 20px; padding-bottom: 20px; } .BlogCommentsTitle, .BlogLeaveComment { font-size: 20px; line-height: 32px; font-weight: 400; font-family: 'Ubuntu' , sans-serif; } .BlogPanel, .BoardForm, .BlogRequiredValidator, .SearchResults { margin-top: 10px; } .CMSValidator, .CommentFormContainer .InfoLabel, .ErrorLabel { color: #EB1A22; } .NotificationSubscriptionHeader .ErrorLabel { color: #ffffff; } .SearchDialog td { padding-bottom: 10px; } .NotificationSubscription { padding-top: 10px; } .CommentDetail { margin-top: 20px; } .LatestPostSnippet, .ColumnTestimonials, .SliderTitle { line-height: 25px; } .LatestPostSnippet h2 a { color: #000000; } .LatestPostSnippet h2 a:hover { color: #EB1A22; } .HomeContent { width: 1000px; } .QuoteTableLeft370 { float: left; width: 370px; overflow: auto; padding-bottom: 20px; } .QuoteControl .QuoteTableLeft370 { /*width: 315px;*/ width: 78%; } .QuoteTableSectionWrapper { width: 100%; overflow: auto; padding-bottom: 20px; /*overflow: visible;*/ } .MoveUp { margin-top: -20px; } .TransportOptionsWrapper { width: 70%; overflow: auto; overflow: visible; } .QuoteControl .TransportOptionsWrapper { width: 200px; overflow: auto; overflow: visible; text-align: left; margin: 0 auto; padding-left: 10px; } .QuoteControl span.RDOType label { width: 215px; } .QuoteTableRight325, .QuoteControl .QuoteTableRight325 { float: left; overflow: auto; padding-bottom: 20px; } .QuoteControl .QuoteTableRight325 { width: 300px; } .ContentAndQuote .QuoteTableRight325 { width: 325px; } .QuoteLabel { float: left; width: 100px; padding-bottom: 10px; } .QuoteData { float: left; width: 200px; padding-bottom: 10px; } .QuoteTable50Percent { float: left; width: 50%; overflow: auto; padding-bottom: 10px; } .FixHeight { /*height: 40px;*/ overflow: auto; min-height: 40px; } .NoncomplianceMessage em { font-size: 18px; } .NoncomplianceMessage a { color: #fff; text-decoration: underline; } .NoncomplianceMessage a:hover { color: #333333; } .QuoteTable50PercentEmpty { float: left; width: 50%; height: 50px; padding-bottom: 10px; } .RowSpacer { clear: both; float: none; height: 5px; } .Steps { height: 20px; } .QuoteTable50Percent p { line-height: 17px; } .CCLeft { float: left; width: 210px; padding-bottom: 10px; } .CCRight { float: left; width: 480px; padding-bottom: 10px; } .NabLogo { float: left; width: 100%; text-align: right; padding-bottom: 10px; } ._200 { width: 180px; } .BlogPic { float: right; } @media only screen and (min-width: 1000px) { .MobileMenu { display: none; } .QuoteNarrow { display: none; } } @media only screen and (min-width: 769px) and (max-width: 999px) { .PageWidth { width: 769px; } .MobileMenu { display: none; } .QuoteNarrow { display: none; } ._200 { width: 95%; } } @media only screen and (max-width: 769px) { .CategoriesContainer { float: left; width: 100%; } .QuoteWide, .CMSDeskButton { display: none; } .QuoteTableLeft370 { float: left; width: 50%; overflow: auto; } .QuoteTableRight325 { float: left; width: 50%; overflow: auto; } .Hints { display: none; } .ContentWrapper { clear: both; padding-top: 20px; } .StepTitleContainer { width: 100%; } .QuoteContainer, .ContentAndQuote, .QuoteControl .QuoteContainer { float: none; width: 96%; text-align: left; } .QuoteContainer .RoundedBox { width: 95%; } .HomeContent { width: 100%; } .PageWidth { width: 100%; } .SliderContainer { display: none; } .MenuContainer { display: none; } .MobileMenu ul, .MobileMenu li { padding: 0; margin: 0; } .LTR, .RTL { border-top-style: solid; border-top-width: 10px; border-top-color: #6C6D6F; background-image: none; } .CMSListMenuLinkHighlighted { background: none; color: #F16A6F; } .SubCMSListMenuLinkHighlighted, li.SubCMSListMenuLinkHighlightedLI { color: #fff; } .Banner { width: 100%; overflow: auto; } .PageContainer { width: 100%; overflow: auto; padding: 0; } .Logo { float: none; } .BannerContainer { height: auto; padding: 10px; } .BannerRight { float: left; text-align: left; } .BannerPhone { background-position: left; padding-left: 20px; font-size: 2.2em; margin-top: 10px; margin-bottom: 10px; } .Ticks { margin-bottom: 10px; } .ContentHolder, .PostsAndTestimonial { width: 96%; min-height: 10px; padding: 0; overflow: auto; padding: 0; } .TestimonialsContainer, .LatestPostContainer { float: left; text-align: left; width: 45%; } .LatestPostContainer { margin-right: 30px; } .ContentLeft { float: none; width: 100%; } .ContentRight { float: left; width: 100%; } .Footer { width: 96%; /*padding-left: 10px;*/ } .FooterHolder { width: 100%; } .FooterSection, .Terms, .QuickLinks { float: none; } .FooterSection { margin-bottom: 10px; } .Contact { display: block; float: none; } .FooterNote { text-align: left; } .RoundedBox { float: left; width: auto; } .ContentHolder .TestimonialsContainer, .ContentHolder .LatestPostContainer { width: 60%; float: right; } ._200 { width: 90%; } } @media only screen and (min-width: 481px) and (max-width: 768px) { .AddToCartButton, .AddToCartOver, .SubmitButton, .ContentButton, .ButtonOver, .LongButton, .Button, .FormButton { font-size: 1em; } .CCLeft { float: left; width: 210px; padding-bottom: 10px; } .CCRight { float: left; width: 400px; padding-bottom: 10px; } .QuoteLabel, .QuoteData { float: none; width: 100%; padding-bottom: 0; } .QuoteData { padding-bottom: 10px; } ._200 { width: 90%; } .QuoteTableLeft370 { float: left; width: 100%; overflow: auto; } .QuoteTableRight325 { float: left; width: 100%; overflow: auto; } .TopBorder { border-top: solid 1px #fff; padding-top: 10px; padding-bottom: 20px; } .ContentHolder .TestimonialsContainer, .ContentHolder .LatestPostContainer { width: 96%; float: left; } } @media only screen and (min-width: 321px) and (max-width: 480px) { .AddToCartButton, .AddToCartOver, .SubmitButton, .ContentButton, .ButtonOver, .LongButton, .Button, .FormButton { font-size: 1em; } .BlogPanel { width: 95%; } .CommentForm .TextAreaField { width: 100%; } .BlogPic { display: none; } .TestimonialsContainer, .LatestPostContainer { float: left; text-align: left; width: 100%; } .NabLogo { float: left; width: 100%; text-align: left; padding-bottom: 10px; } .CCLeft { float: left; width: 210px; padding-bottom: 10px; } .CCRight { float: left; width: 300px; padding-bottom: 10px; } .QuoteLabel, .QuoteData { float: none; width: 100%; padding-bottom: 0; } .QuoteLabel, .QuoteData { float: none; width: 100%; padding-bottom: 0; } .QuoteData { padding-bottom: 10px; } ._200 { width: 95%; } .QuoteTableLeft370 { float: left; width: 100%; overflow: auto; } .QuoteTableRight325 { float: left; width: 100%; overflow: auto; } .TopBorder { border-top: solid 1px #fff; padding-top: 10px; padding-bottom: 20px; } .ContentHolder .TestimonialsContainer, .ContentHolder .LatestPostContainer { width: 96%; float: left; } span.RDOType input { float: left; } span.RDOType label { float: left; width: 90%; padding-bottom: 5px; } .QuoteTable50Percent { float: none; width: 100%; } } @media only screen and (max-width: 320px) { .AddToCartButton, .AddToCartOver, .SubmitButton, .ContentButton, .ButtonOver, .LongButton, .Button, .FormButton { font-size: 1em; } .CommentForm .TextAreaField { width: 100%; } .BlogPic { display: none; } .TestimonialsContainer, .LatestPostContainer { float: left; text-align: left; width: 95%; } .NabLogo { float: left; width: 100%; text-align: left; padding-bottom: 10px; } .CCLeft { float: left; width: 210px; padding-bottom: 10px; } .CCRight { float: left; width: 250px; padding-bottom: 10px; } .QuoteLabel, .QuoteData { float: none; width: 100%; padding-bottom: 0; } .QuoteLabel, .QuoteData { float: none; width: 100%; padding-bottom: 0; } .QuoteData { padding-bottom: 10px; } .QuoteTableLeft370 { float: left; width: 100%; overflow: auto; } .QuoteTableRight325 { float: left; width: 100%; overflow: auto; } .ContentHolder .TestimonialsContainer, .ContentHolder .LatestPostContainer { width: 96%; float: left; } span.RDOType input { float: left; } span.RDOType label { float: left; width: 90%; padding-bottom: 5px; } .QuoteTable50Percent { float: none; width: 100%; } ._200 { width: 93% } .TopBorder { border-top: solid 1px #fff; padding-top: 10px; padding-bottom: 20px; } } /* ------------------------------------------ NECESSARY STYLES FOR RESPONSIVE NAV --------------------------------------------- */ .mobileMenu .nav-collapse ul { margin: 0; padding: 0; width: 100%; display: block; list-style: none; } .nav-collapse li { width: 100%; display: block; } .js .nav-collapse { clip: rect(0 0 0 0); max-height: 0; position: absolute; display: block; overflow: hidden; zoom: 1; } .nav-collapse.opened { max-height: 9999px; } @media screen and (min-width: 70em) { .js .nav-collapse { position: relative; max-height: none; } #nav-toggle { display: none; } } a:active, a:hover { outline: 0; } .nav-collapse, .nav-collapse * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .nav-collapse, .nav-collapse ul { list-style: none; width: 100%; float: left; } .nav-collapse li { float: left; width: 100%; } @media screen and (min-width: 70em) { .nav-collapse li { width: 25%; *width: 24.9%; _width: 19%; } } .nav-collapse a { color: #fff; text-decoration: none; width: 100%; background: #6C6D6F; border-bottom: 1px solid white; padding: .3em .5em; float: left; } @media screen and (min-width: 70em) { .nav-collapse a { margin: 0; padding: 1em; float: left; text-align: center; border-bottom: 0; border-right: 1px solid white; } } .nav-collapse ul ul a { background: #949599; padding-left: 2em; color: #fff; } @media screen and (min-width: 70em) { .nav-collapse ul ul a { display: none; } } #nav-toggle { -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: 0; cursor: pointer; width: 60px; /*width: 40px;*/ height: 40px; float: right; text-indent: -9999px; overflow: hidden; background: #6E6E6E url("https://australiancartransport.com.au/App_Themes/australiancartransport/hamburger.gif") no-repeat 30% 50%; } @media screen and (-webkit-min-device-pixel-ratio: 1.3), screen and (min--moz-device-pixel-ratio: 1.3), screen and (-o-min-device-pixel-ratio: 2 / 1), screen and (min-device-pixel-ratio: 1.3), screen and (min-resolution: 192dpi), screen and (min-resolution: 2dppx) { #nav-toggle { } } .MenuMobile { text-align: left; } .MenuMobile ul { margin: 0; padding: 0; } .modal { position: fixed; top: 0; left: 0; background-color: black; z-index: 99; opacity: 0.8; filter: alpha(opacity=80); -moz-opacity: 0.8; min-height: 100%; width: 100%; } .loading { font-family: Arial; font-size: 10pt; padding: 20px; width: auto; height: auto; display: none; position: fixed; background-color: White; z-index: 999; } /* // Sudo Slider */ /*#slider {width: 696px} /* It can be a good idea to set a width of the slider, mostly so Old-IE can figure out how to render */ /* Numeric Navigation */ ol.numericControls {margin:1em 0;padding:0;height:28px; } ol.numericControls li{margin:0 10px 0 0; padding:0;float:left;list-style:none;height:28px;line-height:28px;} ol.numericControls li a{float:left;height:28px;line-height:28px;border:1px solid #ccc;background:#DAF3F8;color:#555;padding:0 10px;text-decoration:none;} ol.numericControls li.current a{background:#5DC9E1;color:#fff;} ol.numericControls li a:focus, .prevBtn a:focus, .nextBtn a:focus{outline:none;} .graphic, .prevBtn, .nextBtn{margin:0;padding:0;display:block;overflow:hidden;text-indent:-8000px;} .prevBtn, .nextBtn {display:block;width:30px;height:77px;position:absolute;left:-30px;top:71px;z-index:1000;background:url(https://australiancartransport.com.au/images/btn_prev.gif) no-repeat 0 0;cursor:pointer;} .nextBtn{left:696px;} .nextBtn {background:url(https://australiancartransport.com.au/images/btn_next.gif) no-repeat 0 0;} .mousemessagelink { position: relative; top: 4px; left: 4px; } #mouseover_message_box { display:none; position:absolute; max-width:200px; z-index: 100; padding: 5px; color: #000000; text-align: left; text-decoration: none; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0px 0px 4px #222; -webkit-box-shadow: 0px 0px 4px #222; box-shadow: 0px 0px 4px #222; background-image: -moz-linear-gradient(top, #ABD4FD, #EAF0F7); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #ABD4FD),color-stop(1, #EAF0F7)); background-image: -webkit-linear-gradient(top, #ABD4FD, #EAF0F7); background-image: -moz-linear-gradient(top, #ABD4FD, #EAF0F7); background-image: -ms-linear-gradient(top, #ABD4FD, #EAF0F7); background-image: -o-linear-gradient(top, #ABD4FD, #EAF0F7); } .NotesWrapper { overflow: auto; padding-top: 20px; padding-bottom: 20px; } .SectionShift { /*position: relative; top: -30px;*/ margin-top: -25px; } .HomeQuoteForm { overflow: auto; } abbr { cursor: help; } .tooltip { font-size: smaller; position:absolute; width:200px; padding: 5px; color: #000000; text-align: left; text-decoration: none; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0px 0px 4px #222; -webkit-box-shadow: 0px 0px 4px #222; box-shadow: 0px 0px 4px #222; background-image: -moz-linear-gradient(top, #ABD4FD, #EAF0F7); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #ABD4FD),color-stop(1, #EAF0F7)); background-image: -webkit-linear-gradient(top, #ABD4FD, #EAF0F7); background-image: -moz-linear-gradient(top, #ABD4FD, #EAF0F7); background-image: -ms-linear-gradient(top, #ABD4FD, #EAF0F7); background-image: -o-linear-gradient(top, #ABD4FD, #EAF0F7); } .SedanHint { display: inline; position: relative; top: -25px; } .VanHint { display: inline; position: relative; top: 3px; left: -15px; } .OptionsHint { display: inline; position: relative; top: -25px; left: 105px; } .DepotToDepotHint { display: inline; position: relative; top: -80px; left: 20px; } .DoorToDoorHint { display: inline; position: relative; top: -53px; left: -15px; } .DepotToDoorHint { display: inline; position: relative; top: -25px; left: -40px; } .DoorToDepotHint { display: inline; position: relative; top: 3px; left: -75px; } /* Minification failed (line 1820, error number 1049): Browser hack generates invalid CSS */