/* splashdisplays.com.au Screen Styles Table of Contents: layout typography forms */ /* Resets */ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;} /* remember to define focus styles! */ :focus {outline:0;} body{line-height:1; color:black;background:white;} ol,ul{list-style:none;} /* tables still need 'cellspacing="0"' in the markup */ table{border-collapse:separate;border-spacing:0;} caption,th,td{text-align:left; font-weight:normal;} blockquote:before,blockquote:after,q:before,q:after{content:"";} blockquote,q{quotes:"" "";} /* Typography */ p { margin:0 0 1.5em 0;} h1,h2,h3,h4,h5,h6 {font:normal "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif; letter-spacing:0px;} h1 { font-size:22px; padding:15px 0; color:#005CA3;} /*h1 { font-size:26px; padding:7px 0; color:#005CA3;}*/ h2 { font-size:14px; padding:5px 0; color:#666; font-weight:bold;} .fsize-14 {font-size:14px;} /* Colours */ .c-black {color:#000;} .c-white {color:#FFF;} .c-blue {color:#006699} /* Utility */ .fixed:after{ content:"."; display:block; height:0; clear:both; visibility:hidden;} .fixed{ display:block;} /* \*/ .fixed{ min-height:1%;} * html .fixed{height:1%;} .arial { font-family: Arial; } .f-right { float:right} .f-left { float:left} .clear { clear:both} .margin10 { margin:10px} .LMargin10 { margin-left:10px} .RMargin10 { margin-right:10px} .LRMargin10 { margin:0 10px} html, body { height:100%} body { background:#000 url(../../images/css/default/ui/bg_wrap_outer.jpg) no-repeat top center; text-align:left; font:14px/1em "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif; line-height:17px; font-weight:normal;} #wrap-outer { width:980px; margin:0 auto; text-align:left; height:auto !important; /*min-height:100%;*/} #header { width:980px; height:131px; float:left} #top-holder { width:980px; height:99px; float:left} #logo-holder { float:left; padding:30px 0 0 21px; width:469px;} #logo-holder a img { border:0} #fRight { float:right; padding:14px 20px 0 0; width:470px; text-align:right; font-family:Helvetica, Arial, sans-serif;} #fRight .header-notice {float:right; margin:0; padding:0; height:20px; clear:right;} #fRight .header-notice span.pinksml {font:bold; font-size:14px; line-height:14px; color:#EC008C;} #fRight .header-notice a { color:#EC008C; text-decoration:none;} #fRight .header-notice a:hover { color:#EC008C; text-decoration:underline;} #fRight .phone-number {float:right; margin:0; padding:20px 0 0 0; clear:right;} #fRight .phone-number span.bluesml {font:bold; font-size:14px; color:#007BD7;} #fRight .phone-number span.whitebig {font-size:20px; color:#FFFFFF;} #nav { width:980px; float:left; text-align:left; height:32px; line-height:32px; font-size:11px; font-family:Arial, Helvetica, sans-serif;} #menu { float:left;} ul#menu li { display:inline; float:left;} #menu li a { color:#fff; font-weight:700; text-decoration:none; background:url(../../images/css/default/nav/primary/rollover-image-png8.png) no-repeat left; display:block; padding:0 20px;} #menu li a:hover { color:#febe10; font-weight:700; text-decoration:none; background-position:center; display:block; padding:0 20px;} #menu li.current-cat a { color:#febe10; font-weight:700; text-decoration:none; background-position:center; display:block; padding:0 20px;} /* -- drop down sub list */ #menu li ul {position: absolute; background: #333333; width:160px; left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */} #menu li:hover ul, #menu li.sfhover ul { /* lists nested under hovered list items */ left: auto; margin-left:20px;} #menu li ul li a, #menu li.current-cat ul li a { display:block; font-weight:normal; padding:6px 14px; border-bottom:1px solid #666; width:132px; color:#CCC; background-image:none; line-height:11px;} #menu li ul li a:hover, #menu li.current-cat ul li a:hover {display:block; background:#005CA3; font-weight:normal; padding:6px 14px; border-bottom:1px solid #666; width:132px; color:#CCC; background-image:none; line-height:11px;} #nav .datetime {float:right; margin:0; padding:0 20px 0 0; font-family:Helvetica, Arial, sans-serif; color:#666666; font-size:10px;} #display-home { width:980px; float:left; margin:0; padding:0; } #body-top {width:100%; float:left; background:#FFFFFF; height:1px; line-height:1px;} #body { width:100%; float:left; background:#FFFFFF; color:#666; border-top:10px #CCC solid;} #content { margin:0 auto; width:940px; padding:44px 20px 0 20px;} /* -- contact */ #contacts-body {float:left; width:940px; text-align:left; padding-bottom:25px;} #contacts-holder {float:left; padding:0 0 15px 0; width:940px;} #contacts-wrap-lhs {float:left; width:457px;} #contacts-wrap-lhs img.title {float:left; padding-bottom:75px;} #contacts-wrap-lhs .title-wrap {float:left; padding-bottom:15px; width:457px;} #contacts-wrap-lhs .details-wrap {float:left; padding-bottom:15px;} #contacts-wrap-lhs .details-img {width:80px; float:left;} #contacts-wrap-lhs .details-body {float:left;} #contacts-wrap-rhs {float:right; width:483px;} #contacts-wrap-rhs .details-wrap {float:right; padding-bottom:15px;} #contacts-wrap-rhs .details-img {width:80px; float:left;} #contacts-wrap-rhs .details-body {float:left;} #contact-form-wrap {float:left; width:483px; padding-top:15px;} #contact-form-wrap p.small-font {font-style:italic; font-size:12px;} #contact-form {float:left; padding:20px;} #contacts-body a {color:#333; text-decoration:none;} #contacts-body a:hover {color:#005CA3; text-decoration:none;} /* -- home */ #featured-displays {float:right; text-align:right; padding:0 0 0 30px;} #featured-title {font-size:10px; color:#005CA3; text-align:right; padding:20px 0 0 0;} #image-holder {padding:0 0 0 14px;} #image-holder img.pic {padding:0;} #content-leftpanel {float:left; padding:84px 0 50px 0; text-align:left; width:258px;} /* -- navSub */ #navSub-header {float:left; background:url(../../images/css/default/ui/bg_nav_sub_header.jpg) no-repeat top left; padding:12px 0 0 23px; width:161px; height:25px; color:#FFF; font-size:18px;} #navSub-body {float:left; background:url(../../images/css/default/ui/bg_nav_sub_body_repeat.jpg) repeat; width:184px;} #navSub-body-inner {float:left; background:url(../../images/css/default/ui/bg_nav_sub_body_top.jpg) no-repeat top left; width:184px; padding:14px 0 5px 0; font-family:Arial, Helvetica, sans-serif; font-size:12px;} ul#navSub-body-inner li {display:list-item; list-style:none; text-align:left; padding:0 10px 8px 22px;} #navSub-body-inner li a {color:#666; text-decoration:none;} #navSub-body-inner li a:hover {color:#005CA3; text-decoration:none; font-weight:bold;} #navSub-footer {float:left; background:url(../../images/css/default/ui/bg_nav_sub_footer.jpg) no-repeat top left; width:184px; height:17px;} /* -- installations */ #install-header {float:left; background:url(../../images/css/default/ui/bg_installations_header.jpg) no-repeat top left; padding:12px 0 0 0; width:251px; height:27px; color:#005CA3; font-size:18px; text-align:center;} #install-body {float:left; background:url(../../images/css/default/ui/bg_installations_body_repeat.jpg) repeat; width:251px;} #install-body-inner {float:left; background:url(../../images/css/default/ui/bg_installations_body_top.jpg) no-repeat top left; width:251px; padding:14px 0 5px 0; font-size:12px;} ul#install-body-inner li {display:list-item; list-style:none; text-align:left; padding:0 10px 8px 22px;} #install-body-inner li a {color:#333; text-decoration:none;} #install-body-inner li a:hover {color:#005CA3; text-decoration:none;} #install-footer {float:left; background:url(../../images/css/default/ui/bg_installations_footer.jpg) no-repeat top left; width:251px; height:21px;} #screen-counter {float:left; background:url(../../images/css/default/ui/bg_screen_counter.jpg) no-repeat 48px 58px; width:215px; height:135px; padding:37px 0 0 36px; font-size:10px; color:#005CA3;} /* -- preferred supplier videos */ #supplier-videos {float:left; text-align:left; } #supplier-videos .video-wrap {float:left; width:658px; height:310px; border:1px #CCC solid; padding:12px; margin-bottom:7px;} #supplier-videos .video-wrap #swf-placement1, #supplier-videos .video-wrap #swf-placement2 {float:left; width:458px; text-align:left;} #supplier-videos .video-wrap .text-panel {float:right; width:183px; padding:10px 0 0 17px; text-align:left;} #supplier-videos .video-wrap .text-panel .separator {float:left; width:183px; padding-bottom:30px; text-align:left; font-size:12px; color:#666;} /* -- installations map australia */ #map-australia { float:left; padding:0; margin:0; width:100%;} #map-australia .map-aust-wrap { position:relative; float:left; width:251px; height:214px; background-image:url(../../installations/images/map-aust/map-australia.jpg); background-repeat:no-repeat; background-position: 0 0px;} #map-australia ul { list-style-type:none;} #map-australia .map-aust-wrap li { position:absolute; padding:0; margin:0;} #map-australia ul li a { width:100%; height:100%; display:block; margin:0; padding:0; cursor:pointer;} #map-australia ul li a i { visibility: hidden;} /* map co-ords and dimensions */ #map-australia ul li.qld { top:26px; left:151px; width:67px; height:91px;} #map-australia ul li.nsw { top:116px; left:160px; width:58px; height:40px;} #map-australia ul li.vic { top:144px; left:160px; width:40px; height:29px;} #map-australia ul li.tas { top:181px; left:154px; width:35px; height:15px;} #map-australia ul li.nt { top:26px; left:102px; width:49px; height:77px;} #map-australia ul li.sa { top:103px; left:102px; width:58px; height:64px;} #map-australia ul li.wa { top:42px; left:35px; width:67px; height:115px;} #map-australia ul li.act { top:141px; left:185px; width:19px; height:9px;} /* map image hover */ #map-australia ul li.qld a:hover, #map-australia ul li.qld a.selected { background:url(../../installations/images/map-aust/qld-hover.jpg);} #map-australia ul li.nsw a:hover, #map-australia ul li.nsw a.selected { background:url(../../installations/images/map-aust/nsw-hover.jpg);} #map-australia ul li.vic a:hover, #map-australia ul li.vic a.selected { background:url(../../installations/images/map-aust/vic-hover.jpg);} #map-australia ul li.tas a:hover, #map-australia ul li.tas a.selected { background:url(../../installations/images/map-aust/tas-hover.jpg);} #map-australia ul li.nt a:hover, #map-australia ul li.nt a.selected { background:url(../../installations/images/map-aust/nt-hover.jpg);} #map-australia ul li.sa a:hover, #map-australia ul li.sa a.selected { background:url(../../installations/images/map-aust/sa-hover.jpg);} #map-australia ul li.wa a:hover, #map-australia ul li.wa a.selected { background:url(../../installations/images/map-aust/wa-hover.jpg);} #map-australia ul li.act a:hover, #map-australia ul li.act a.selected { background:url(../../installations/images/map-aust/act-hover.jpg);} #map-australia ul li.qld a:hover, #map-australia ul li.nsw a:hover, #map-australia ul li.vic a:hover, #map-australia ul li.tas a:hover, #map-australia ul li.nt a:hover, #map-australia ul li.sa a:hover, #map-australia ul li.wa a:hover, #map-australia ul li.act a:hover { border:none; background-repeat:no-repeat;} /* fields below map */ #map-fields {float:left; padding:0 0 10px 35px; font:12px #666;} #map-fields p.title-country {font:12px/12px; color:#005CA3; padding:0; margin:0;} #map-fields p.title-state {font:14px/15px; color:#333; padding:0 0 12px 0; margin:0;} #map-fields p.field-agents {padding:0 0 20px 0;} #map-fields select.dropdown {font:12px; color:#333; width:140px; border:1px solid #CCC;} #map-fields p.field-sortby {font:12px/12px; color:#666; padding:0 0 70px 0; margin:0;} #map-fields a {color:#333; text-decoration:none;} #map-fields a:hover {color:#005CA3; text-decoration:none;} #map-fields p.field-view-aust {background:url(../../images/installations/icons/view-aust.gif) no-repeat left top; padding:2px 0 15px 27px; margin:0;} #map-fields p.field-view-world {background:url(../../images/installations/icons/view-world.gif) no-repeat left top; padding:2px 0 15px 27px; margin:0;} /* -- installations gallery display */ #pagecnt-top, #pagecnt-btm {float:right; height:30px; text-align:right; color:#999; font-size:12px; font-weight:bold;} /* = navigation-styles ---------------------- */ a.link_nav:link, a.link_nav:visited {color:#999; text-decoration:none;} a.link_nav:hover {color:#005CA3; text-decoration:underline;} .nav_off {color:#CCC; text-decoration:none;} .nav_active_page { font-size:12px; color:#005CA3; text-decoration:underline;} .gallery-holder {float:left; border-top:1px solid #CCC; margin-bottom:36px;} .title-holder {float:left; padding:29px 0 17px 0; line-height:16px; width:504px;} .title-holder span.busname {color:#005CA3; font-size:16px; font-weight:bold;} .title-holder span.suburb {color:#333; font-size:16px;} .title-holder span.address {color:#666; font-size:12px;} .gallery-wrap {float:left; padding:0; width:656px;} .gallery-wrap-lhs {float:left; padding:0; width:504px;} #display-large_1 {float:left; width:504px; height:336px; position:relative;} #display-large_2 {float:left; width:504px; height:336px; position:relative;} #display-large_3 {float:left; width:504px; height:336px; position:relative;} #display-large_4 {float:left; width:504px; height:336px; position:relative;} #display-large_5 {float:left; width:504px; height:336px; position:relative;} /* testimonials embedded inside large display*/ a.dyn-img {float:left; text-decoration:none;} a.dyn-img:hover { cursor:pointer;} a.dyn-img .more {position:absolute; right:0px; bottom:0px; font-size:11px; line-height:11px; color:#fff; background:#000; padding:8px 15px; filter:alpha(opacity=65); opacity:.65; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)"; /*--IE 8 Transparency--*/} a.dyn-img:hover .desc{position:absolute; bottom:0px; left:0px; display:block; font-size:12px; line-height:14px; padding:10px 0; background:#111; filter:alpha(opacity=75); opacity:.75; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; /*--IE 8 Transparency--*/ color:#fff; padding:10px; margin:0; width:484px; border-top:1px solid #999;} a.dyn-img:hover .desc strong {display: block; margin-bottom:5px; font-size:16px; font-weight:bold;} a.dyn-img .desc {display: none; } a.dyn-img:hover .more { visibility: hidden;} .display-thumbs {float:left; padding-top:10px; } .display-thumbs img.first {float:left; margin:0;} .display-thumbs img {float:left; margin-left:1px;} .gallery-wrap-rhs {float:left; padding:0 0 0 13px; width:139px;} .display-logo {float:right; padding:1px 0 0 0; text-align:right; height:267px;} .display-icons {float:left; text-align:left; font-size:12px; padding-top:39px;} /*#display-icons {float:left; text-align:left; font-size:12px;} #display-icons p.field-testimonial {background:url(../../images/installations/icons/testimonial.gif) no-repeat left top; padding:5px 0 15px 50px; margin:0;}*/ .display-icons p.field-testimonial {display:none;} .display-icons p.field-video {background:url(../../images/installations/icons/video.gif) no-repeat left top; padding:5px 0 15px 50px; margin:0;} .display-icons a {color:#333; text-decoration:none;} .display-icons a:hover {color:#005CA3; text-decoration:none;} /* -- common */ #content-body {float:left; width:682px; text-align:left;} #content-body ul {padding:5px 0 5px 11px; margin:0 0 0 4px;} #content-body li {padding:0 2px 2px 0; margin:0 0 0 4px; list-style:url(../../images/css/default/icons/dot-greyc.gif);} #content-body .layout-bar-thick-grey {background:#E9E9E9; height:20px; width:100%; margin:10px 0;} #content-body .layout-main-top {padding:10px 0; border-bottom: 1px solid #E9E9E9; width:100%; float:left;} #content-body .layout-main-top img {padding:0 48px 20px 30px; float:right;} #content-body .layout-feature-wrap {padding:10px 0; border-bottom: 20px solid #E9E9E9; width:100%; float:left;} #content-body .layout-specs-lhs {width:300px; padding:5px 30px 5px 0; float:left; font-size:12px;} #content-body .layout-specs-rhs {width:300px; padding:5px 0 5px 30px; float:right; font-size:12px;} #content-body .layout-box-thin-line-btm { width:100%; float:left; padding:20px 0 10px 0; border-top:1px solid #E9E9E9;} #content-body a {color:#333; text-decoration:none;} #content-body a:hover {color:#005CA3; text-decoration:none;} #content-body-installations {float:right; width:656px; text-align:left;} #logo-wrap {float:left; padding:22px 0 27px 0; width:940px; border-top:1px #e9e9e9 solid;} #logo-holder-left {float:left; padding:0;} #logo-holder-right {float:right; padding:0;} .logos li.title {display:inline; float:left; font-size:10px; color:#999; text-align:left; padding:9px 22px 14px 0;} .logos li {display:inline; float:left; padding-right:15px;} .logos li.zero-pad {display:inline; float:left; padding:0;} #body-bottom { width:100%; float:left; background:url(../../images/homepage/quicklink/bg-footer.jpg) no-repeat center #FFFFFF; height:172px;} #qlinks-wrap { margin:0 auto; width:980px; padding:0 0 15px 0;} /*#qlinks-holder {float:left; padding:0 19px 13px 19px; width:942px;}*/ #qlinks-holder {float:left; padding:0 0 13px 20px; width:960px;} ul#qlinks li {display:inline; float:left; padding-right:6px;} #qlinks li a {border:0;} #qlinks li a:hover {border:0;} #logo-outer-wrap { width:100%; float:left; background:#FFF; font-size:10px; color:#999; text-align:left; padding:9px 0 14px 0;} #logo-wrap-home {margin:0 auto; padding:22px 20px 27px 20px; width:940px;} #footer {background:url(../../images/css/default/ui/bg_footer_outer.jpg) no-repeat top center; color:#999; width:100%; font-size:9px; height:165px;} #footer-content { margin:0 auto; width:940px; text-align:left; padding:20px; height:22px;} #footer-sitemap { margin:0 auto; width:940px; text-align:left; padding:28px 20px; background:#000000; } .column-holder { text-align:left; padding:0 40px 0 0; float:left;} ul.column-holder li {display:list-item; float:left; list-style:none;} .column-holder li a {color:#999; text-decoration:none;} .column-holder li a.link_indent {padding-left:5px; color:#666; text-decoration:none;} .column-holder li a:hover {color:#febe10; text-decoration:none;} .column-copyright { text-align:right; padding:0 13px 0 0; float:right;} .column-copyright p {padding:0; margin:0;} .column-copyright p.f-rpi {padding:35px 0 0 0; font-family:Arial, Helvetica, sans-serif;} .column-copyright a {color:#FA6C15; text-decoration:none; font-weight:bold; font-size:11px;} .column-copyright a:hover {color:#FA6C15; text-decoration:none; font-weight:bold; font-size:11px;}