/*** Stylesheet for www.varsitygraphics.com.au**************/ /*** Copyright (c) 2010 Varsity Graphics *******************/ /*** Global Rules **** *************************************/ /***********************************************************/ body { margin:0; background: #FFF url(../../images/backgrounds/orangeSplatterBackground.jpg) top center no-repeat fixed; font-family: Arial, Helvetica, sans-serif; font-size:12px; } a { text-decoration:none; color: #009DBD; border: none; } a:hover { text-decoration:none; border: none; } a:active { border: none; background: none; } a:focus {outline: none;} p { color:#666; } h1 { color: #009DBD; font-size:32px; font-weight:normal; } h2 { color:#333; font-size:20px; font-weight: normal; } h3 { font-size:18px; font-weight: normal; } img { border: 0; } .salesrep { color:#666; font-size:11px; line-height: 12px; } /*** Individual Page Constructors **************************/ /***********************************************************/ #breadcrumbs { position: absolute; top: -25px; left: 0px; font-size:11px; width: 600px; } #breadcrumbs p { color: #999; } #orangeSplatter { width:1000px; margin-left: auto; margin-right: auto; margin-top: 0; position: relative; } #page { width:1000px; margin-left: auto; margin-right: auto; background: url(../../images/backgrounds/pageBackground.png) top center repeat-y; } #home #page { min-height: 650px; } #home #requestSticker { position: absolute; top: 8px; left: 10px; width:380px; height: 40px; } #home #requestSticker img { vertical-align: middle; } #home #requestSticker h5 { float: left; font-size: 16px; color:#FFF; margin: 0; margin-bottom:-17px; width: 130px; margin-top:12px; text-align: right; font-family:Georgia, "Times New Roman", Times, serif; font-weight: normal; font-style:italic} #home #requestSticker p { float: right; font-size:10px !important; color: #FFF } #home #requestSticker a { color: #FFF; text-decoration: underline; } #home #requestSticker button { background:url(../../images/backgrounds/button.jpg) top center repeat-x; height: 19px; padding-left: 10px; padding-right:10px; font-size:10px; color:#FFF; cursor: pointer; padding-bottom:5px; border: 0; border: 2px solid #fff; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; } #home #requestSticker button:hover{ background:url(../../images/backgrounds/buttonHover.jpg) top center repeat-x; } #home .AdobeAuthorisedPrintServiceProvider { margin-top: -30px; } #about #page { min-height: 580px; } #about ul li { list-style: none; } #digitalprint #page, #conventionalprinting #page, #design #page, #marketing #page, #largeformat #page, #finishing #page { min-height: 540px; } #design #page { min-height: 540px; } #marketing #page { min-height: 570px; } #largeformat #page { min-height: 625px; } #printinfo #page { min-height: 540px; } #printinfo .download { width: 500px; margin-left: 50px; margin-right: auto; font-size:16px; float: left; } #printinfo .download img { float:left; margin-right: 20px; vertical-align: middle; } #printinfo span.subtle { font-size: 11px; color: #666; margin-left: 50px; } #faq #page { min-height: 2150px; } #faq #content img.bulb { position: absolute; top: 10px; right: -50px; } #faq #content h4 { font-size: 24px; font-weight: normal; } #faq #content .indent { padding-left:25px; } #faq #content .subtle { font-size:11px; } #faq #content .backToTopLink { font-size:11px; float: right; margin-right:25px; } #folio #page { min-height: 542px; } #folio .thumbHolder { background: url(../../images/backgrounds/portfolioItemBackground.jpg); width: 530px; text-align: center; padding-left:90px; padding-top:20px; margin-top:10px; padding-bottom: 10px; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; } #folio .thumbHolder .subtle { font-size:11px; color: #5D1B05; margin-left:-90px; } #folio .thumb { width: 221px; height: 163px; float: left; margin-right: 10px; margin-bottom: 10px; background: url(../../images/icons/loading.gif) 100px 70px no-repeat; } #folio .thumb img:hover { padding:1px; } #folio .thumb p { display: none; } #contact #page { min-height: 542px; } #i-love-australia #page { min-height: 600px; } .bulletin { display: none; position: absolute; top: 13px; left: 30px; } .bulletin a { color: #FFD7AE; text-decoration: none; float: left; } .bulletin a:hover { text-decoration: underline; } .twinkle { width: 40px; float: left; vertical-align: middle; } #location #page { min-height: 552px; } #location #content { width: 260px; float: left; min-height:326px; margin-left:50px; padding-bottom:0px; position: relative; } #logo { position: absolute; top: 50px;left: -25px; z-index: 2; } #header { width: 1000px; height: 115px; background: url(../../images/backgrounds/headerBackground.png) top center no-repeat; } #links { font-size: 16px; color:#FABB76; width: 450px; top: 0px; right:0px; position: absolute; text-decoration:none; } #links a, #links a:visited { padding-top: 22px; padding-bottom: 2px; padding-right:10px; padding-left:10px; color:#FFD7AE; font-size:16px; text-decoration:none; background: none; display: block; height: 38px; float: left; text-align: center; } #links a:hover, #links a.current { color:#FFF; display: block; background: url(../../images/backgrounds/topNavigationBackground.png) top center no-repeat; text-decoration: none; } #copyright { height: 15px; width: 990x; float: left; font-size:10px; position: absolute; top:14px; right: 10px; } #copyright p { color:#FFF; margin-left: 0px; float: left; width:450px } #copyright a { color:#FFD7AE; } #copyright a:hover { text-decoration: underline; } #copyright img { vertical-align: middle; } #subscribe-form { width: 460px; float: right; } #subscribe-form input { float:left;width:140px;margin:0;font-size:12px; moz-border-radius:4px;border-radius:4px;-webkit-border-radius:4px;color:#666;padding:5px;font-family:"Lucida Grande","Helvetica Neue",Helvetica,Arial,Verdana,sans-serif;position:relative;} input{border:2px solid #ccc;background-color:#fff;} #subscribe-form #subscribe-button { display:block; width:auto !important; min-width:60px;margin:0;background: url(../../images/backgrounds/button.jpg);border:2px solid #fff;color:#fff;font-size:12px;letter-spacing:0;-moz-border-radius:4px;border-radius:4px;-webkit-border-radius:4px;margin-left:10px; padding:2px 8px; width:78px !important; } input[type="submit"]:hover{ background: url(../../images/backgrounds/buttonHover.jpg) !important;border:3px solid #aac3e0;color:#fff; cursor: pointer; } #subscribe-form input { font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;letter-spacing:-1px;color:#999;} #reflection { width: 950px; height: 40px; margin-left:auto; margin-right: auto; background: url(../../images/backgrounds/reflection.png) top center no-repeat; position: relative; } /*** Left Column Navigation ********************************/ /***********************************************************/ #leftCol { width: 235px; min-height: 530px; margin-left:20px; background: #009DBD url(../../images/backgrounds/leftColBackground.jpg) top right no-repeat; float: left; } #contactDetails { width:160px; margin-left:15px; float: left; } #contactDetails p.title { color: #fff; font-size:13px; line-height:0.5em; } #contactDetails p.details { color:#A7E3F0; font-size:11px; } #contactDetails p.details .phone { font-size:18px; color:#FFF; } #contactDetails a, #contactDetails a:visited { color:#FFF; text-decoration: none; } #contactDetails a:hover { color:#A7E3F0; text-decoration:underline; } #leftNav { width: 235px; height: 300px; padding-top:60px; } #leftNav ul { margin: 0; padding: 0; list-style: none; } #leftNav ul li a, #leftNav ul li a:visited { display: block; width: 205px; height: 28px; background: #22B1D1; margin-left:7px; color:#009DBD; font-size:18px; text-decoration:none; text-align: right; padding-right: 35px; padding-top:6px; margin-bottom: 5px; opacity: 0.9; filter:alpha(opacity: 95); -moz-opacity: 0.95; -khtml-opacity: 0.95; } #leftNav ul li a:hover { color: #FFF; } #leftNav ul li a.current { color:#FFF; } /* ONE (#1) - Digital Print */ #leftNav ul li a.one:hover, #leftNav ul li a.one.current { background: #22B1D1 url(../../images/nav/1.jpg) top right no-repeat; } #leftNav ul li a.one { background: #A2E1EF url(../../images/nav/1Hover.jpg) top right no-repeat; } /* TWO (#2) - Conventional Printing */ #leftNav ul li a.two:hover, #leftNav ul li a.two.current { background: #22B1D1 url(../../images/nav/2.jpg) top right no-repeat; } #leftNav ul li a.two { background: #A2E1EF url(../../images/nav/2Hover.jpg) top right no-repeat; } /* THREE (#3) - Graphic Design */ #leftNav ul li a.three:hover, #leftNav ul li a.three.current { background: #22B1D1 url(../../images/nav/3.jpg) top right no-repeat; } #leftNav ul li a.three { background: #A2E1EF url(../../images/nav/3Hover.jpg) top right no-repeat; } /* FOUR (#4) - Marketing */ #leftNav ul li a.four:hover, #leftNav ul li a.four.current { background: #22B1D1 url(../../images/nav/4.jpg) top right no-repeat; } #leftNav ul li a.four { background: #A2E1EF url(../../images/nav/4Hover.jpg) top right no-repeat; } /* FIVE (#5) - Large Format */ #leftNav ul li a.five:hover, #leftNav ul li a.five.current { background: #22B1D1 url(../../images/nav/5.jpg) top right no-repeat; } #leftNav ul li a.five { background: #A2E1EF url(../../images/nav/5Hover.jpg) top right no-repeat; } /* SIX (#6) - Finishing */ #leftNav ul li a.six:hover, #leftNav ul li a.six.current { background: #22B1D1 url(../../images/nav/6.jpg) top right no-repeat; } #leftNav ul li a.six { background: #A2E1EF url(../../images/nav/6Hover.jpg) top right no-repeat; } /* SEVEN (#7) - Print Info */ #leftNav ul li a.seven:hover, #leftNav ul li a.seven.current { background: #22B1D1 url(../../images/nav/7.jpg) top right no-repeat; } #leftNav ul li a.seven { background: #A2E1EF url(../../images/nav/7Hover.jpg) top right no-repeat; } /*** Primary Content Constructors **************************/ /***********************************************************/ #content { width: 670px; min-height:326px; float: right; margin-right:18px; padding-bottom:0px; position: relative; margin-bottom: -40px; } #content a { text-decoration: none; } #content a:hover { text-decoration: underline; } #content p { padding-right:15px; } #content ul { color: #666; font-size:14px; list-style:circle; } #content ol { color: #CCC; font-size:18px; width: 600px; } #content ol p { margin-bottom:3px; width: 600px; border-bottom: 1px #ccc dotted; } #home h1 { font-size:44px; margin-bottom:-10px; margin-top:5px; } #home #content p { width: 330px; font-size:13px; } span.phoneLarge { font-size:22px; float: left; } p.slogan { font-size:11px; color:#999; margin-top:-18px; margin-bottom:18px; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; } #slideshow1 { position: absolute; top: -15px; right: 7px; width:328px; height: 324px; } #i-love-australia #contactForm { width: 350px; padding-left:10px; float: left; height: 687px; border-left: 2px #FFF dashed; background:url(../../images/backgrounds/contactFormFieldset.jpg) top left repeat-y; } #contactForm { width: 350px; padding-left:10px; float: right; height: 537px; border-left: 2px #FFF dashed; background:url(../../images/backgrounds/contactFormFieldset.jpg) top left repeat-y; } button { background:url(../../images/backgrounds/button.jpg) top center repeat-x; height: 35px; padding-left: 10px; padding-right:10px; font-size:16px; color:#FFF; cursor: pointer; border: 0; border: 2px solid #fff; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; } button:hover{ background:url(../../images/backgrounds/buttonHover.jpg) top center repeat-x; } button span { margin-top: -10px; } .checkBoxLabel { font-size: 13px; color: #333; } /*** Portfolio Flowpanes Feature **************************/ /***********************************************************/ #flowpanes { background: none; width:650px; height:350px; } #flowpanes .holder { display:none; color:#fff; } #flowpanes div.narrow { padding-right:160px; } #flowpanes { position:relative; overflow:hidden; height:350px; } #flowpanes .holder { float:left; display:block; width:600px; cursor:pointer; font-size:14px; } #flowpanes .items { width:20000em; position:absolute; clear:both; margin:0; padding:0; overflow: hidden; } .item { position: relative; background: url(../../images/backgrounds/portfolioItemBackground.jpg) top center repeat-x; padding: 12px; overflow: hidden; margin-bottom: 25px; margin-top: 10px; width: 620px; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; } .item p { color:#333; font-size:12px; margin-left:25px; } .item img { float: right; margin-left: 0; width: 390px; height: 300px; background: url(../../images/icons/loading.gif) 150px 150px no-repeat; margin-right: 3px; } .item h2 { font-size: 22px; color: #7a6238; font-weight: bold; padding-bottom: 0; margin-bottom: 0; line-height: 1.6em; } .info { position: relative; float: left; width: 225px; text-align: left; height: 300px; line-height: 1.4em; margin-bottom:10px; overflow: visible; } .lower { position: absolute; bottom: 12px; left: 12px; width: 260px; text-align: left; line-height: 1.2em; } .lower h3 { font-size: 13px; color: #7a6238; font-weight: bold; padding-bottom: 0; margin-bottom: 0; line-height: 1.6em; } .lower p { font-size:12px; } .lower ul { margin-top:3px; } .lower ul li { font-size:11px; color: #333 } a.box{ position: relative; color: #000; display: block; height: 20px; width: 194px;padding: 8px; border-top: 1px solid #E0A642; text-align: left; background: #00596C; background: url(../../images/backgrounds/box.jpg) right repeat-y; text-decoration: none; margin-bottom:1px; padding-left:25px; font-size:11px; } .white { background: url(../../images/backgrounds/boxHoverWhite.jpg) right repeat-y !important; border-top: 1px solid #ccc !important; } a.box img { position: absolute; border: none; width: 10px; height: 10px; margin: 0; padding: 0; top: 10px; right: 12px; } a.box:hover { background: url(../../images/backgrounds/boxHover.jpg) right repeat-y; color: #5D1B05; cursor: pointer; } /* Pagination */ .pages { position: absolute; right: 75px; top: 108px; } .pages ul { list-style-type: none; } .pages li { float: left; margin-left: 3px; list-style: none; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; } .pages li a { display: block; padding: 6px 2px 0px 18px; width: 20px; color: #6f6250; cursor:pointer; text-decoration: none; background: #f5e9cc; text-align: center; height:21px; font-size:13px; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; } .pages li a.prev { background: url(../../images/icons/arrow-left.gif) no-repeat 0 -27px; margin-right: 5px; } .pages li a.prev:hover { background-position: 0px 0px; } .pages li a.prev:active { background-position: 0px -54px; } .pages li a.next { background: url(../../images/icons/arrow-right.gif) no-repeat 0 -27px; } .pages li a.next:hover { background-position: 0px 0px; } .pages li a.next:active { background-position: 0px -54px; } /*** Sub Content Constructors ******************************/ /***********************************************************/ #subContent { width: 670px; min-height:150px; float: right; margin-right:18px; padding-bottom:30px; margin-bottom: 10px; margin-top:30px; } #subContent .infocus { text-align: right; margin-right:15px; display: block; width: 100%; height: 40px; background: #fff url(../../images/backgrounds/blueBar.jpg) bottom right no-repeat; width: 655px; float: right; } #subContent .infocus .subtle { color:#999; font-size: 14px; display: none; } #subContent #portfolio h3 { float: left; font-size:24px; width: 650px; margin-bottom:8px; } #portfolio { float: left; width: 630px; position: relative } #portfolio a { width:128px; display: block; height: 200px; border: 2px solid #fff; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; float:left; margin-right:2px; } #portfolio p { visibility: hidden; } #portfolio a.latestCatalogueButton { float:right; margin-right:15px; width: 200px; height: 200px; border: 2px solid #fff; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; background:url(../../images/home/btnLatestCatalogue.jpg) top center no-repeat; } #portfolio a.latestCatalogueButton p { visibility: hidden; } a.portfolioCorporateIdentity { background: url(../../images/portfolio/btnCorporateIdentity.jpg) top center no-repeat; } a.portfolioCorporateIdentity:hover { background:url(../../images/portfolio/btnCorporateIdentityHover.jpg) top center no-repeat; cursor:pointer; } a.portfolioCataloguesAndFlyers { background: url(../../images/portfolio/btnCataloguesAndFlyers.jpg) top center no-repeat; } a.portfolioCataloguesAndFlyers:hover { background:url(../../images/portfolio/btnCataloguesAndFlyersHover.jpg) top center no-repeat; cursor:pointer; } a.portfolioPackagingAndLabels { background: url(../../images/portfolio/btnPackagingAndLabels.jpg) top center no-repeat; } a.portfolioPackagingAndLabels:hover { background:url(../../images/portfolio/btnPackagingAndLabelsHover.jpg) top center no-repeat; cursor:pointer; } a.dropBox { width: 250px; display:block; height: 70px; border: 2px solid #fff; float: left; margin-left: 0px; padding-top:22px; padding-bottom:8px; text-align:left; background:#FFF; } a.dropBox:hover { background: #fff url(../../images/backgrounds/dropBoxBackground.jpg) bottom center repeat-x; text-decoration: none; color: #FFF; } a.dropBox img { margin-right: 10px; float: left; vertical-align: middle; } a.dropBox span.large { font-size: 18px; color: #333; padding-right:10px; padding-top:0px; float: left; margin-bottom:0px; margin-top:10px; } a.dropBox span.small { font-size: 12px; color: #333; padding-right:10px; padding-top:8px; float: left; } /*** Form Constructors *************************************/ /***********************************************************/ #contact input, #contact textarea { padding: 0px; border: 1px solid #B5EDF9; font-size: 12px; color: #4A4742; background: #FFF; font-family: monospace; margin: 2px 0 0 8px; width: 300px; } form label { display: block; float: left; width: 100%; padding: 0; margin: 7px 0 0 8px; text-align: left; color:#4A4742; font-size:12px; margin-top: 0px; } fieldset { padding: 6px 2px; margin: 0; margin-bottom: 0px; border: none; } fieldset table { float: left; } select { padding: 4px; border: 1px solid #6c5b3c; font-size: 14px; color: #666666; background: #FFFFFF; width: 150px; margin: 2px 0; width:180px; } /*** Flash Heading Rendering *******************************/ /***********************************************************/ .sIFR-flash { visibility: visible !important; margin: 0; } .sIFR-replaced { visibility: visible !important; } span.sIFR-alternate {position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; } .sIFR-flash + div[adblocktab=true] { display: none !important; } .sIFR-hasFlash #content h1 { visibility: hidden; letter-spacing: -9px; } /*** tweet box *******************************/ /***********************************************************/ #twitter_update_list li { list-style-type: none; height: auto; width: 320px; margin-left: 20px; margin-top: 0px; background-color: #FFF; padding: 10px; position: relative; } .latesttweet { margin: 0px; padding: 0px; } .twittertable { margin-top: 10px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 10px; } #twitter_update_list span { color: #09F; background: #FFF; } #twitter_update_list span a { display: inline; color: #000000; } #twitter_update_list span a:hover { text-decoration: underline; color: #0CF; }