/* http://meyerweb.com/eric/tools/css/reset/ v2.0 20110126 License: none (public domain) */ 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, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;} /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block; } body {line-height: 1; } ol, ul {list-style: none;} blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } html { box-sizing: border-box; } *, *:before, *:after { box-sizing: inherit; } /* Good ol' clearfix */ .cf:before,.cf:after, .PageMenu:before, .PageMenu:after, .MainArea:before, .MainArea:after, #AlbumList:before, #AlbumList:after, .PageHeader:before, .PageHeader:after, .Pages:before, .Pages:after, .recent-albums .Row:before, .recent-albums .Row:after, #ShoppingCart:before, #ShoppingCart:after, .Footer:before, .Footer:after { content: " "; display: table; } .cf:after, .PageMenu:after, .MainArea:after, #AlbumList:after, .Pages:after, #ShoppingCart:after, .recent-albums .Row:after, .PageHeader:after, .Footer:after { clear: both; } .cf, .PageMenu, .MainArea, #AlbumList, .Pages, #ShoppingCart, .recent-albums .Row, .PageHeader, .Footer { *zoom: 1; } /* For IE 6/7 only */ /* ---------Eclipse*/ html, body { width: 100%; height: 100%; font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 2rem; line-height: 36px\9; margin: 0; padding: 0; color: #333; } html { background: #fff; } form { width: 100%; height: 100%; } div, table, td { margin:0; padding:0; } body.cat_PACKAGES .Content.A table { width: 100%; border: 1px solid #bbb; margin: 20px 0 40px 0; } body.cat_PACKAGES .Content.A table tr { border-bottom: 1px solid #bbb; } body.cat_PACKAGES .Content.A table tr:first-child td { background: #333; color: #fff; } body.cat_PACKAGES .Content.A table td { border-right: 1px solid #bbb; padding: 5px; } body.cat_PACKAGES .Content.A table td:nth-child(even) { background: #eee; } body.cat_PACKAGES .Content.A table tr:first-child { font-weight: bold; } a { color: #65adba; outline: none; text-decoration: none; } a:visited { color: #65adba; } a:hover { text-decoration: underline; color: #000; } a img { border: none; outline: none; } a[href$="pdf"] { background: url("pictures/gs_webgraphics/pdficon.png") no-repeat left center; padding: 10px 0 10px 40px; } .Content a { text-decoration: underline; font-weight: bold; } strong { font-weight:bold; } em { font-style:italic; } p, ul, ol { line-height: 2rem; } p { margin-bottom: 20px; } ul{ padding: 0; margin :0; } li { list-style: none; } .Content ul { margin: 20px 0; } .Content li { list-style: disc outside; margin-left: 18px; } .Content #QuickContact li { margin-left: 0; } blockquote:before, blockquote { font-family: Georgia,Times,Times New Roman,serif; } blockquote:before { content:'\201C'; font-style: normal; font-size: 150px; color: #e5e5e5; position: absolute; top: 15px; left: -90px; display: block; } blockquote { max-width:50%; margin:20px 0 20px 10% !important; float:right; font-size:1.125rem; font-style:italic; color:#888; text-indent: 80px; position: relative; } .Content.B blockquote, .Content.C blockquote { max-width: none; } h1, h2, h3, h4, h5, h6 { padding: 0; margin: 0 0 20px 0; font: normal 1.4rem/1.6rem 'Open Sans', sans-serif; color: #333; font-size: 24px\0; line-height: 34px\0; } h1, h3, .customer-cr, .Content.B h2 { font-family: 'Open Sans Condensed', sans-serif; font-weight: bold; } h1 { font-size: 1.4rem; font-size: 30px\9; line-height: 40px\9; } h2 { font-size: 1.125rem; line-height: 2rem; color: #666; font-size: 18px\9; line-height: 28px\9; } h3 { color: #777; font-size: 1.25rem; font-size: 20px\9; line-height: 30px\9; } h3, h5, h6 { text-transform: uppercase; } h3, h4 { font-size: 1.125rem; line-height: 1.5rem; font-weight: bold; font-size: 18px\9; line-height: 28px\9;} h5 { font-size: 0.9375rem; line-height: 1.5rem; font-size: 15px\9; line-height: 25px\9; } h6 { font-size: 0.875rem; line-height: 1.5rem; font-size: 14px\9; line-height: 24px\9; } .Content.B h3, .Content.C h3 { margin-top: 60px; } .Content.B h3:first-child, .Content.C h3:first-child { margin-top: 0; } a.Button, .Button, input[type=submit] { float: left; color: #fff; cursor: pointer; font-size: 1em; line-height: 2em; text-decoration: none; text-transform: uppercase; padding: 10px; background: #000; display: block; position: relative; margin-top: 2rem; margin-top: 2em\9;} a.Button:hover, a.Button:focus, .Button:hover, input[type=submit]:hover { background: #65ADBA; } img { max-width: 100%; height: auto; } .ie7 img { max-width: 98%; } input, textarea, select { box-sizing: border-box; padding: 10px; border: 1px solid #ccc; background: #eee; color: #333; width: 100%; margin: 0 0 20px 0; max-width: 600px; } textarea { height: 150px; } label, .Label { width: 100%; display: block; font-family: 'Open Sans Condensed', sans-serif; font-weight: bold; text-transform: uppercase; } /* ------------------------------------------------------------------ Shared Styles */ .tablet, .desktop { display: none; } .inner, .PageHeader { padding: 20px; } .align, .PageHeader { max-width: 1280px; margin: 0px auto; } .contact-band, .footer-wrapper, .cta-button h3, .pag, #PageHeader .Alignment, .Button.Next a, .Button.Previous a { background: #000; color: #fff; } .contact-band, .footer-wrapper, .cta-button h3 { width: 100%; } .contact-band a, .footer a { color: #fff; } .contact-band a:hover, .footer a:hover { color: #65ADBA; } .footer-border, .copyright, .cta-button h3 { border-top: 1px solid #fff; } #ScrollingGallery, .cta-button a, .Content #QuickAlbumList .Row img, #SubAlbumList .Row .ThumbTable img, #AlbumList .Row .ThumbTable img { box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.3); } .Content #QuickAlbumList .Row img, #SubAlbumList .Row .ThumbTable img, #AlbumList .Row .ThumbTable img { border: 1px solid #000; } .Content #QuickAlbumList .Row:hover img, #SubAlbumList .Row .ThumbTable:hover img, #AlbumList .Row .ThumbTable:hover img { border: 1px solid #65ADBA; } .menu-text, .MenuItem a, .pag .arrow, .cta-button h3, #QuickAlbumList .Button, #QuickAlbumList .Title, .Button.Next a, .Button.Previous a, .client-nav li a, #AlbumList .Title, a.Button, .Button, input[type=submit], #SubAlbumList .Row .Title { font-family: 'Open Sans Condensed', sans-serif; font-weight: bold; text-transform: uppercase; } .cta-button:hover h3, .Button.Next a:hover, .Button.Previous a:hover { background-color: #65ADBA; color: #fff; } .footer .title h3, .cta-button h3 { color: #fff; background: #000 url('pictures/gs_webgraphics/semi-circle.png') no-repeat center left; background-size: auto 100%; } .footer .title, .sidebar .Content #QuickAlbumList .Row { display: block; padding-bottom: 20px; margin-bottom: 20px; background: url('pictures/gs_webgraphics/circle-pattern-dark.png') repeat-x bottom left; } .recent-albums #QuickAlbumList .Row { padding-bottom: 20px; margin-bottom: 20px; background: url('pictures/gs_webgraphics/circle-pattern-light.png') repeat-x left bottom; } .blog-feed #QuickAlbumList { background: url('pictures/gs_webgraphics/circle-pattern-dark.png') repeat-x left top; padding-top: 30px; } /* ------------------------------------------------------------------ Header */ .contact-band .inner { padding: 5px 20px; } .PageHeader { clear: both; } .contact-band ul { text-align: right; } .logolink { float: left; width: 100px; height: 75px; display: block; background: url('pictures/gs_webgraphics/logo.jpg') no-repeat top left; background-size: 100% auto; overflow: hidden; text-indent: -9999px; } /* ------------------------------------------ Main Nav */ /*hamburger icon*/ .hb-icon { display: inline-block; width: 30px; height: 21px; vertical-align: text-top; margin-right: 10px; } .icon-bar { display: block; height: 4px; background: #000; width: 30px; position: relative; box-sizing: border-box; transition: all 0.5s ease-in-out 0s; opacity: 0.5; } .icon-bar + .icon-bar { margin-top: 4px; } .icon-bar { transform: rotate(0deg); top: 0; } .icon-bar:nth-child(2n) { transform: rotate(0deg); } .icon-bar:nth-child(3n) { opacity: 0.5; } .menu-open .icon-bar { transform: rotate(45deg); top: 8px; } .menu-open .icon-bar:nth-child(2n) { transform: rotate(135deg); top: 0; } .menu-open .icon-bar:nth-child(3n) { opacity: 0; } .menu-text, .MenuItem a { font-size: 1.25rem; line-height: 35px; text-transform: uppercase; color: #000; } .MenuItem a { color: #fff; padding: 20px; border-bottom: 1px solid #fff; width: 100%; display: block; } #MenuClick { float: right; padding-top: 15px; } #MenuClick :hover { text-decoration: none; } /*push menu*/ .PageMenu { height: 100%; position: fixed; top: 0; right: -200px; width: 200px; } .PageMenu.open-menu { right: 0; } body.fixedPosition { position: fixed;} .PageMenu, .PageMenu.open-menu, #PageHeader, #PageHeader.push, #Wrapper, #Wrapper.push { transition: right 0.3s ease; } #Wrapper { position: relative; right: 0; } #Wrapper.push { right: 200px; } body.fixedPosition #MainArea, body.fixedPosition .contact-band { opacity: 0.4; } #PageHeader.push .Alignment { overflow: auto; height: 100%; } .MenuFooter { display: none;} /* ------------------------------------------------------------------ Main Area */ #MainArea { border-top: 10px solid #000; } body.GALLERY #MainArea { border-top: none; } #PageContent, #MainArea { clear: both; } /*slideshow*/ #ScrollingGallery { border: 10px solid #000; border-left: none; border-right: none; height: 200px!important; position: relative; overflow: hidden; background: #f6f6f6 url("pictures/gs_webgraphics/ajax-loader.gif") no-repeat center center; } #Carousel { visibility: hidden; } .GalleryFrame { float: left; border-right: 10px solid #000; } .GalleryFrame img { display: block; height: 200px!important; width: auto; } .GalleryFrame .id, .GalleryFrame .caption { display: none; } body.PORTFOLIO #ScrollingGallery, body.PORTFOLIO .GalleryFrame img { height: 300px!important; } .pag { padding: 7px 15px; position: absolute; top: 30%; opacity: 0.7; cursor: pointer; border-radius: 50%; height: 100px; width: 100px; z-index: 99999999; } .pag:hover { opacity: 1; } .pag:hover, .pag { transition: opacity 1s ease 0s; } #Next, #custom-next { right: -50px; } #Prev, #custom-prev { left: -50px; } .pag .arrow { font-size: 4rem; font-weight: 300; position: absolute; top: 25px; color: #fff; } #Next .arrow, #custom-next .arrow { left: 20px; } #Prev .arrow, #custom-prev .arrow { right: 20px; } .ie7 .pag .arrow, .ie8 .pag .arrow { font-size: 72px; font-weight: normal; line-height: 50px; } /*cta-buttons*/ .cta-buttons { margin: 20px; } .cta-button a { display: block; position: relative; width: 100%; } .cta-button img, .cta-button h3 { display: block; } .cta-button h3 { margin: 0; padding: 10px 20px; position: absolute; bottom: 0; left: 0; opacity: 0.9; background-position: 20px center; } .cta-button a:hover { top: 5px; } /* ------------------------------------------------------------------ Footer */ #Phosys { display: none; } .footer-wrapper { font-size: 0.9375rem; } .footer-border { display: block; width: 100%; height: 1px; margin-top: 30px; } .third { margin-bottom: 20px; } .footer .title h3 { padding: 10px; margin: 0; } /*contact*/ .icon, .social-icons li a { background: url('pictures/gs_webgraphics/icons.png') no-repeat 0 0; } .icon { width: 19px; height: 17px; display: inline-block; margin-right: 20px; vertical-align: middle; background-position: -6px 0px; } .email .icon { background-position: -27px -1px; width: 22px; height: 16px;} .address .icon { background-position: -55px -1px; width: 15px; height: 22px;} .contact-details li { margin-bottom: 10px; } address { display: inline-block; vertical-align: top; } .contact-details, .social-icons { margin-top: 20px; } .social-icons li { float: left; margin-right: 20px; } .social-icons li a { display: block; width: 20px ; height: 20px; overflow: hidden; text-indent: -9999px; } .social-icons li.facebook a { background-position: 0 -44px; } .social-icons li.twitter a { background-position: -25px -44px; width: 24px; } .social-icons li.pinterest a { background-position: -53px -44px; } /*sitemap*/ .sitemap #QuickAlbumList .Row { display: list-item; margin-left: 20px; } .sitemap #QuickAlbumList .Title { text-transform: uppercase; font-weight: 600; cursor: pointer; } .sitemap #QuickAlbumList .Title:after, .recent-albums #QuickAlbumList .Title:after { content: "\00bb"; padding-left: 5px; } .sitemap #QuickAlbumList .ThumbTable, .sitemap #QuickAlbumList .Description, .sitemap #QuickAlbumList .Button { display: none; } /*recent-albums*/ .recent-albums #QuickAlbumList .ThumbTable { float: left; width: 80px; margin-right: 30px; cursor: pointer; } .recent-albums #QuickAlbumList .ThumbTable tbody { width: 80px; height: 80px; overflow: hidden; border: 1px solid #fff; } .recent-albums #QuickAlbumList .Button, .recent-albums #QuickAlbumList .Title, .recent-albums #QuickAlbumList .Description { width: calc(100%-110px); } .recent-albums #QuickAlbumList .Description { display: block; font-size: 0.75rem; line-height: 1rem; } .recent-albums #QuickAlbumList .Button, .recent-albums #QuickAlbumList .Title { background: none; padding: 0; margin: 0; cursor: pointer; } .recent-albums #QuickAlbumList .Button:hover { color: #65ADBA; text-decoration: underline; } /*copyright*/ .copyright { text-transform: uppercase; text-align: right; } .copyright .inner { padding-top: 20px; padding-bottom: 20px; } .bipp { display: block; width: 90px; height: 90px; background: url('pictures/gs_webgraphics/bipp.jpg') no-repeat center left; background-size: 100% auto; text-align: left; overflow: hidden; text-indent: -9999px; } .Phosys { display: block; line-height: 1rem; } .Phosys a { font-weight: normal; color: #aaa; opacity: 0.3; font-size: .75rem; line-height: 1em;} .customer-cr { opacity: 0.5; } .right { float: right; width: calc(100% - 110px); } .left { float: left; width: 110px; } /* ------------------------------------------------------------------ AlbumList & QuickAlbumList */ #AlbumList { width: 100%; padding: 0; } #QuickAlbumList .Row .Title:hover , #SubAlbumList .Row .Title:hover, #AlbumList .Row .Title:hover { text-decoration: underline; color: #65adba; } .ThumbTable, .ThumbTable tbody, .ThumbTable tr, .ThumbTable td, .ThumbTable a { display: block; width: 100%; height: auto; } .Content #QuickAlbumList .Row, #AlbumList .Row { cursor: pointer; background: #f6f6f6 url('pictures/gs_webgraphics/circle-pattern.png') repeat-x top left; padding: 20px; clear: both; overflow: hidden; width: 100%; } .Content #QuickAlbumList .ThumbTable, #AlbumList .ThumbTable { width: 30%; margin-right: 5%; float: left; } .Content #QuickAlbumList .Row img, #SubAlbumList .Row .ThumbTable img, #AlbumList .Row .ThumbTable img { display: block; width: 105px\0; max-height: 200px; } .Content #QuickAlbumList .Row .Title, #AlbumList .Title { width: 65%; border: none; float: right; font-size: 1.2rem!important; font-size: 1.5rem; padding-bottom: 5px; margin-top: 5px; } .Content #QuickAlbumList .Title:after, #AlbumList .Title:after { content: "\00BB"; padding-left: 5px; } .Content #QuickAlbumList .Row .Title:hover, #QuickAlbumList .Row.Selected .Title { color: #65adba; text-decoration: underline; } .Content #QuickAlbumList .Row .Description, #AlbumList .Row .Description, #SubAlbumList .Row .Description { font-size: 0.875rem; font-style: italic; line-height: 18px; float: right; margin-top: 10px; width: 65%; } .Content #QuickAlbumList .Row .Button, body.BLOGITEM #QuickAlbumList .Row .Description { display: none; } .sidebar .Content #QuickAlbumList .Row { background-color: transparent; padding-top: 0; padding-left: 0; padding-right: 0; } .ie7 .Content #QuickAlbumList .Row .Title, .ie7 #AlbumList .Title, .ie7 .Content #QuickAlbumList .Row .Description, .ie7 #AlbumList .Row .Description, #SubAlbumList .Row .Description { width: 60%; } /* ------------------------------------------------------------------ Quick Album List BLOGITEM Feed*/ .blog-feed #QuickAlbumList .Row { margin-bottom: 40px; overflow: hidden; padding-bottom: 45px!important; } .blog-feed #QuickAlbumList .Row .Title { color: #444; font-size: 1rem; font-weight: bold; width: 100%; float: none; border-bottom: none; padding-bottom: 0; margin: 0 0 10px 0; } .blog-feed #QuickAlbumList .Row .ThumbTable { display: none; } .blog-feed #QuickAlbumList .Row .Description { display: block; font-style: normal; margin: 0; width: 100%; float: none; } /* ------------------------------------------------------------------ BLOGITEM*/ body.BLOGITEM #ImageList { padding: 0; } body.BLOGITEM #ImageList .Item { background: none; width: 100%; height: auto; padding: 0; margin: 0 0 20px 0; } body.BLOGITEM #ImageList .Item .ThumbTable { width: 100%!important; height: auto!important; } body.BLOGITEM #ImageList .Item img { display: block; } body.BLOGITEM #ImageList .Item .Caption { display: none; } /*Quick ALbum list A, Venues AlbumList and Subalbums*/ .SubAlbums { margin: 20px 0; } body.BLOGITEM .Content.A { position: relative; padding-bottom: 80px; } body.BLOGITEM .Content.A #QuickAlbumList { padding: 0; width: 100%; } body.BLOGITEM .Content.A #QuickAlbumList .Row, #SubAlbumList .Row, body.BLOGITEM #AlbumList .Row { margin: 0; padding: 20px; overflow: hidden; cursor: pointer; background: none; width: 100%; max-width: 100%; min-height: 10px; height: auto; background: #f6f6f6 url('pictures/gs_webgraphics/circle-pattern.png') repeat-x top left; } body.BLOGITEM .Content.A #QuickAlbumList .ThumbTable, #SubAlbumList .Row .ThumbTable, body.BLOGITEM #AlbumList .Row .ThumbTable { width: 99% } body.BLOGITEM #AlbumList .Row .ThumbTable .Thumbnail img { margin: 0; } body.BLOGITEM .Content.A #QuickAlbumList .Row .Title, #SubAlbumList .Row .Title, body.BLOGITEM #AlbumList .Row .Title { float: left; display: block; font-size:1rem; font-weight:bold; line-height:16px; padding-bottom:5px; } body.BLOGITEM .Content.A #QuickAlbumList .Row .Description, #SubAlbumList .Row .Description, body.BLOGITEM #AlbumList .Row .Description { display: block; } body.BLOGITEM .Content.A #QuickAlbumList .Title, body.BLOGITEM .Content.A #QuickAlbumList .Row .Description, #SubAlbumList .Row .Title, #SubAlbumList .Row .Description, body.BLOGITEM #AlbumList .Row .Description, body.BLOGITEM #AlbumList .Row .Title { width: 100%; border: none; padding: 0; } body.BLOGITEM .Content.A #QuickAlbumList .Row .Button, #SubAlbumList .Row .Button, body.BLOGITEM #AlbumList .Row .Button { display:none; } #SubAlbumList .Row .Title:after, #AlbumList .Row .Title:after { content: "\00bb"; padding-left: 5px; } /* Back */ #SubAlbumList .Row.Back { width: 120px; height: 36px; padding: 54px 0 0 0; margin: 0; position: absolute; bottom: 0; left: 0; border: none; } #SubAlbumList .Row.Back .Title { text-align: center; width: auto; padding: 10px 20px; color: #000; position: absolute; top: 10px; left: 0; color: #000; } #SubAlbumList .Row.Back .Title:after { content: ""; padding: 0; } #SubAlbumList .Row.Back .Title:hover { color: #65adba; } #SubAlbumList .Row.Back .ThumbTable, #SubAlbumList .Row.Back .Description, #SubAlbumList .Row.Back .Button, #ImageList.SubLevel0 { display: none; } /* ------------------------------------------------------------------ Contact Form */ #ContactForm .Row { position: relative; max-width: 600px; } #ContactForm .VAMRequiredFieldMarker { width: 0.75rem; height: 12px; padding: 0; margin: 0; display: block; overflow: hidden; background: url('pictures/gs_webgraphics/requireddot.png') no-repeat; position: absolute; top: 10px; right: 10px; } #ContactForm .VAMRequiredFieldMarker img { position: relative; left: -99999px; display: block; } /* ------------------------------------------------------------------ Quick Contact Form */ #QuickContact { text-transform: uppercase; } #QuickContact ul li { padding: 0; background: none; list-style: none; } #QuickContact ul li a { display: none; text-decoration: none; } #QuickContact ul { list-style: none; padding: 0; margin: 0; } #QuickForm:before {content: ""; padding: 0; line-height: 0; } #QuickContact .Row { padding: 0 0 5px 0; margin: 0 0 0 0; } #QuickContact .Footer { margin: 0; } #QuickContact a.Button { display: block; line-height: 20px; } .CONTACT #QuickContact { max-width: 80%; } /* ------------------------------------------------------------------ Album Login */ #AlbumLogin { width: 100%; height: auto; padding: 0px; margin: 0 0 40px 0; } #AlbumLogin .Row { float: none; clear: both; margin: 5px 0 0; } #AlbumLogin .Field input { max-width: 280px; } #AlbumLogin a.Button { margin: 0; border: none; clear: both; max-width: 150px; } #AlbumLogin .Button:hover { border: none; } /* ------------------------------------------------------------------ Image Thumbnail List */ .ThumbTable, .ThumbTable tbody, .ThumbTable tr, .ThumbTable td, .ThumbTable a, #MainArea #ImageList .Item .ThumbTable { display: block; width: 100%; height: auto; } .ThumbTable img { max-width: 100%; box-sizing: border-box; } #ImageList { padding: 10px; padding-top: 0!important; max-width: 1280px; margin: 0px auto; } #ImageList .Item { width: 100%; height: 220px; padding: 2% 1%; margin: 0 0 1.75% 0; overflow: hidden; float: left; cursor: pointer; background: #f6f6f6; } #ImageList .Item .ThumbTable { width: 172px; height: auto; margin: 0px auto;} #ImageList .Item .Caption { width: 100%; text-align: center; display: block; font-size: 0.75rem; color: #555; font-weight: bold; font-style: italic; } #ImageList #Images { clear: both; } #ImageList #Images:before, #ImageList #Images:after { content: " "; display: table; } #ImageList #Images:after { clear: both; } #ImageList .Footer { width: 100%; } /* Paging */ .Pages { margin-top: 20px; } .Pager { position: relative; padding: 40px 10px; text-transform: uppercase; } .Pager .Button { background:none; color:#333; padding: 0; } .Pager .Button a { color: #65adba; } .Pager .Button a:hover { color: #333; text-decoration: underline; } .Pager li.Button {text-align:center; width:100%;} .Pager li.Button ul {padding:25px 0; margin:20px 0; height:auto; display:block; } .Pager li.Button ul li {float:left; margin-right:20px; padding-right:20px; } .Button.Next, .Button.Previous { position:absolute; top:20px; } .Button.Next a, .Button.Previous a { padding:5px 10px; text-decoration:none; color: #fff!important; } .Button.Next {right:0px;} .Button.Previous {left:0px;} /* ------------------------------------------------------------------ Image Popup Window */ #PopupWindow { background:#fff; } #PopupWindow #MainImage_TheImage { display: block; padding: 10px !important; background: #000; margin: 0px auto; margin-top: 70px; } #PopupWindow .ImageControls { width: 100%; height: 65px; margin: 0px auto; overflow: hidden; position: relative; } #PopupWindow .ImageControls .Previous { float: left; font-size: 0.75rem; text-decoration: none; margin: 0px; } #PopupWindow .ImageControls .Previous:hover { text-decoration: none;} #PopupWindow .ImageControls .Next { float: right; font-size: 0.75rem; text-decoration: none; margin: 0px; } #PopupWindow .ImageControls .Next:hover { text-decoration: none; } #PopupWindow .ImageFilter { margin: 5px 0; } #PopupWindow .ImageFilter:before { font-size: 0.6875rem; content: ' Choose colour options: ' ; } #PopupWindow a[disabled] { display: none; } .OuterImage { position: relative; z-index: 99; } #PopupWindow .CaptionBottom { width: 100%; color: #555; text-align: center; position: absolute; left: 0%; bottom: 10px; font-size: 0.9rem; font-style: italic; z-index: 0; } /* ------------------------------------------------------------------ Add to basket popup */ #MetaData { width: 360px; position: fixed; top: 10px; left: 10px; } #MetaData span.Button { cursor: pointer; margin-top: 0!important; } #MetaData span.Button:after { padding-left: 5px; content: "\00bb"; } .MetaData { width:280px!important; position: fixed; top: 65px; left: 10px; text-align: left; background: #fff; padding: 5px; font-size: 0.875rem; } .MetaData .MetaDataTitle { display: none; font-weight: bold; font-size: 0.875rem; text-align: left; line-height: 25px; color: #fff; padding: 5px; background: 000; } .MetaData .MetaDataField, .MetaData .MetaDataFieldOver, .MetaData .MetaDataCommand, .MetaData .MetaDataCommandOver { font-size: 0.875rem; color: #000; line-height: 25px; font-weight: bold; border-bottom: 1px solid #eee; } .MetaData .MetaDataFieldOver, .MetaData .MetaDataCommandOver { color: #65ADBA; text-decoration: underline; cursor: pointer; } .MetaData .MetaDataField td, .MetaData .MetaDataFieldOver td, .MetaData .MetaDataCommand td, .MetaData .MetaDataCommandOver td { padding: 5px 10px!important; } .MetaData .MetaDataHeading {text-transform: uppercase; color: #fff; padding: 4px; background: #000; } .ie7 .MetaData .MetaDataCommand, .ie7 .MetaData .MetaDataCommandOver { padding-right: 40px !important;} .MetaData .MetaDataField, .MetaData .MetaDataFieldOver { background: url("http://ww3.phosys.com/websites/images/arrow_right.gif") no-repeat right center; } .MetaData .MetaDataField img[src$="gif"], .MetaData .MetaDataFieldOver img[src$="gif"] { display: none; } .MetaData .MetaDataBasket, .MetaData .MetaDataBasketOver { font-size: 0.875rem; color: black; line-height: 25px; } #PopupWindow #MainImage_imgTable .MetaData .MetaDataField td, #PopupWindow #MainImage_imgTable .MetaData .MetaDataFieldOver td { width: 100%; display: block; } #PopupWindow #MainImage_imgTable .MetaData .MetaDataTitle, #PopupWindow #MainImage_imgTable .MetaData .MetaDataHeading { width: 100%; } .MetaData nobr { white-space: pre-wrap!important; } /* ------------------------------------------------------------------ Shopping Cart */ #ShoppingCart { max-width: 1280px; padding: 20px ; position: relative; margin: 0px auto; margin-bottom: 50px; clear: both; } #ShoppingCart input { background: #fff; } #ShoppingCart table, #ShoppingCart tbody, #ShoppingCart td, #ShoppingCart tr { display: block; width: 100%; } #ShoppingCart .List { width:100%; float:left; clear:both; overflow:auto; } #ShoppingCart .List table { display:block; width:100%;} #ShoppingCart .Header {display:none;} #ShoppingCart .Row { width: 100%; padding:20px; box-sizing: border-box; margin:0; background: #f6f6f6 url('pictures/gs_webgraphics/circle-pattern.png') repeat-x top left; } #ShoppingCart .Row nobr { white-space: normal!important; word-wrap: break-word; } #ShoppingCart .Header .Thumbnail, #ShoppingCart .Header .Product { display:none; } #ShoppingCart .Row .Thumbnail, #ShoppingCart .Row .Option, #ShoppingCart .Row .Price, #ShoppingCart .Row .Quantity, #ShoppingCart .Row .Total, #ShoppingCart .Row .Remove, #ShoppingCart .Row .Product {float:none; width:95%; text-align:left; padding-left:5%;} #ShoppingCart .Row .Thumbnail {display:block; width:90%; padding-top:10px;} #ShoppingCart .Row .Price:before, #ShoppingCart .Row .Quantity:before, #ShoppingCart .Row .Total:before, #ShoppingCart .Row .Remove:before, #ShoppingCart .Row .Product:before, #ShoppingCart .Row .Option:before { padding-right:5px; font-weight:bold;} #ShoppingCart .Header .Remove { float:left; margin-top: 12px; width:25px; height:16px; overflow:hidden; text-indent:-9999px; background:url('pictures/gs_webgraphics/delete.png') no-repeat bottom right;} #ShoppingCart .Row .Price:before {content:"Price:"; } #ShoppingCart .Row .Quantity:before {content:"Quantity:"; } #ShoppingCart .Row .Total:before {content:"Total:"; } #ShoppingCart .Row .Remove:before {content:"Delete:"; } #ShoppingCart .Row .Product:before {content:"Image Number:"; } #ShoppingCart .Row .Option:before {content:"Option:"; } #ShoppingCart .Row .Remove input { width: 20px; } #ShoppingCart .Message { float:left; margin:10px 0; } #ShoppingCart .Footer { float:left; clear:both; margin-top:5px; width:100%; } #ShoppingCart .Footer .Total { width: 100%; margin: 10px 0; padding: 20px 0; font-size: 1.625rem; font-weight: bold; text-align: right; color: #000; background: url('pictures/gs_webgraphics/circle-pattern.png') repeat-x top left; } #ShoppingCart .Footer .Button { float:right; margin:10px 0 20px 10px; clear:none; font-size:0.9em; } /* ------------------------------------------------------------------ /*Booklet*/ .flipbook-wrap { margin: 40px auto 0 auto; background: #000; overflow: hidden; position: relative; border-bottom: 10px solid #000; border-top: 10px solid #000;} #flipbook-outer { width: 100%; margin: 0px auto; overflow:visible !important; } .page .id { display: none; } #flipbook-outer { max-width: 956px; height: 188px; } body.FLIPBOOK-B #flipbook-outer { max-width: 1584px; height: 114px; } body.FLIPBOOK-C #flipbook-outer { max-width: 840px; height: 214px; } body.FLIPBOOK-D #flipbook-outer { max-width: 1424px; height: 126px; } .flipbook-wrap { max-width: 976px; } body.FLIPBOOK-B .flipbook-wrap { max-width: 1604px; } body.FLIPBOOK-C .flipbook-wrap { max-width: 880px; } body.FLIPBOOK-D .flipbook-wrap { max-width: 1444px; } /*.pages-left, .pages-right { width: 100%; height: 100%; max-width: 1180px; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; z-index: 1; } .pages-left { background: #fff url("pictures/gs_webgraphics/pages-left.png") no-repeat left top; border-left: 10px solid #000; } .pages-right { background: url("pictures/gs_webgraphics/pages-right.png") no-repeat right top; border-right: 10px solid #000; } */ /* * jQuery Booklet Plugin * Copyright (c) 2010 - 2014 William Grauvogel (http://builtbywill.com/) * * Licensed under the MIT license (http://www.opensource.org/licenses/mit-license.php) * * Version : 1.4.4 * * Originally based on the work of: * 1) Charles Mangin (http://clickheredammit.com/pageflip/) */ .booklet { position:relative; margin:0 auto 10px; overflow:visible !important;} .booklet .b-page {left:0; top:0; position:absolute; overflow:hidden; padding:0; outline:1px solid rgba(0,0,0,0);} .booklet img { max-width: 100%; height: auto; } .booklet .b-pN {} .booklet .b-p0 {} .booklet .b-p1 {} .booklet .b-p2 {} .booklet .b-p3 {} .booklet .b-p4 {} /* Page Wrappers */ .booklet .b-wrap {top:0; position:absolute;} .booklet .b-pN .b-wrap, .booklet .b-p1 .b-wrap, .booklet .b-p2 .b-wrap, .booklet .b-p3 .b-wrap, .booklet .b-p4 .b-wrap {left:0;} .booklet .b-p0 .b-wrap {right:0;} /* Custom Page Types */ .booklet .b-page-blank {padding:0; width:100%; height:100%;} .booklet .b-page-cover {padding:0; width:100%; height:100%; background:#925C0E;} .booklet .b-page-cover h3 {color:#fff; text-shadow:0 1px 3px #222;} /* Page Numbers */ .booklet .b-counter { bottom:20px; position:absolute; display:block; width:25px; line-height: 20px; background:#ccc; color:#444; text-align:center; font-family: Georgia, "Times New Roman", Times, serif; font-size: 0.625rem; padding: 5px 0;} .booklet .b-wrap-left .b-counter {left:10px;} .booklet .b-wrap-right .b-counter {right:10px;} /* Page Shadows */ .booklet .b-shadow-f {right:0; top:0; position:absolute; opacity:0; background-image:url("pictures/gs_webgraphics/shadow-top-forward.png"); background-repeat:repeat-y; background-position:100% 0;} .booklet .b-shadow-b {left:0; top:0; position:absolute; opacity:0; background-image:url("pictures/gs_webgraphics/shadow-top-back.png"); background-repeat:repeat-y; background-position:0 0;} .booklet .b-p0 {background-image:url("pictures/gs_webgraphics/shadow.png"); background-repeat:repeat-y; background-position:100% 10px;} .booklet .b-p3 {background-image:url("pictures/gs_webgraphics/shadow.png"); background-repeat:repeat-y; background-position:0 10px;} /* Overlay Controls */ .booklet .b-grab {cursor: url("pictures/gs_webgraphics/openhand.cur"), default;} .booklet .b-grabbing {cursor: url("pictures/gs_webgraphics/closedhand.cur"), default;} /* Overlay Controls */ .booklet .b-overlay {top:0; position:absolute; height:100%; width:50%;} .booklet .b-overlay-prev {left:0;} .booklet .b-overlay-next {right:0;} /* @z-index fix (needed for older IE browsers) ----------------------------------------*/ body {z-index:0;} .b-menu {z-index:100;} .b-selector {z-index:100;} .booklet {z-index:10;} .b-pN {z-index:10;} .b-p0 {z-index:30;} .b-p1 {z-index:20;} .b-p2 {z-index:20;} .b-p3 {z-index:30;} .b-p4 {z-index:10;} .b-prev {z-index:40;} .b-next {z-index:40;} .b-counter {z-index:40;} /* ------------------------------------------------------------------ NoScript*/ #NoScript, .chromeframe { position: fixed; bottom: 0; left: 0; width: 100%; z-index: 9999999; background: #333; text-align: center; } #NoScript p, .chromeframe p { color: #fff; padding: 30px 150px; font-size: 1rem; } /* ------------------------------------------------------------------ 404 */ #SiteMap { display:none; } /* ------------------------------------------------------------------ Back To Top */ #BackToTop { position: absolute; right: 0; top: -30px; width: 40px; height: 40px; border-radius: 50%; background: #7D764C; padding: 10px; z-index: 2; } #BackToTop:hover { background: #770000; } #BackToTop a { display: block; width: 26px; height: 16px; overflow: hidden; text-indent: -9999px; margin: 0px auto; } /* ------------------------------------------------------------------ Old Client ALbums */ body.cat_PHOTOALBUM #PageContent { max-width: 1280px; margin: 0px auto; } body.cat_PHOTOALBUM #ImageList, body.cat_PHOTOALBUM #PageContent { margin-top: 40px; } /* ------------------------------------------------------------------ Media Quries*/ /********************Large mobile & small tablet************************************/ @media handheld, only screen and (max-width: 680px) { #PopupWindow #MainImage_imgTable #MainImage_TheImage { max-height: 300px!important; max-width: 100%; height: auto !important; width: auto!important; } #PopupWindow { height: 400px; } } @media handheld, only screen and (min-width: 480px) { #ScrollingGallery, .GalleryFrame img { height: 260px!important; } body.PORTFOLIO #ScrollingGallery, body.PORTFOLIO .GalleryFrame img { height: 360px!important; } /*Image List*/ #ImageList .Item { width:49%; margin: 0 2% 2% 0; } #ImageList .Item:nth-child(2n+2) { margin-right: 0; } .ie7 #ImageList .Item, .ie8 #ImageList .Item { width: 45%; } } @media handheld, only screen and (min-width: 540px) { .cta-buttons .third { float: left; width: 32%; margin: 0 2% 0 0; } .cta-buttons .third.last { margin-right: 0; } } /********************Tablet Portrait Size************************************/ @media handheld, only screen and (min-width: 768px) { h1, h2, h3, h4, h5, h6 { margin: 0 0 30px 0; } h1 { font-size: 1.875rem; font-size: 30px\9; line-height: 40px\9; } h2 { font-size: 1.25rem; line-height: 2rem; font-size: 20px\9; line-height: 30px\9; } h3, h4 { font-size: 1.25rem; line-height: 1.8rem; font-size: 20px\9; line-height: 30px\9;} .inner{ padding: 60px 30px; } .PageHeader, .copyright .inner { padding: 30px; } .contact-band .inner { padding: 5px 30px; } .cta-buttons { margin: 30px; } .logolink { width: 169px; height: 127px; } /*Slideshows*/ #ScrollingGallery, .GalleryFrame img { height: 360px!important; } body.PORTFOLIO #ScrollingGallery, body.PORTFOLIO .GalleryFrame img { height: 460px!important; } .pag { top: 40%; } /*main area*/ .main-text-area, .sidebar, .third { float: left; } .main-text-area { width: 60%; margin-right: 8%; } .sidebar { width: 32%; } .third { width: 32%; margin: 0 2% 0 0; } .ie7 .footer .third { width: 30%; } .third.last { margin-right: 0; } .footer-border { margin-top: 60px; } .recent-albums #QuickAlbumList .Row, .footer .title { padding-bottom: 30px; margin-bottom: 30px; } .bipp { width: 96px; height: 96px; } .sidebar .cta-buttons .third { width: 100%; float: none; margin: 0 0 40px 0; } /*misc -adjust margins and padding*/ .Content ul { margin: 30px 0; } input, textarea, select { margin: 0 0 30px 0; } .footer .title, .recent-albums #QuickAlbumList .Row, .sidebar .Content #QuickAlbumList .Row { padding-bottom: 30px; margin-bottom: 30px; } .Content #QuickAlbumList .Row, #AlbumList .Row, body.BLOGITEM .Content.A #QuickAlbumList .Row, #SubAlbumList .Row, body.BLOGITEM #AlbumList .Row { padding: 30px; } .cta-button h3 { padding: 10px 30px; } .contact-details, .social-icons { margin-top: 30px; } .sitemap #QuickAlbumList .Row { margin-left: 30px; } body.BLOGITEM-ITEM #ImageList .Item { margin: 0 0 30px 0; } .SubAlbums, .Content.A #QuickAlbumList { margin: 30px 0; } #SubAlbumList .Row.Back .Title { padding: 10px 30px; } .Pages { margin-top: 20px; } .Pager { padding: 30px 0; } .Pager li.Button ul {padding:25px 0; margin:20px 0; } .Pager li.Button ul li { margin-right:30px; padding-right:30px; } #ShoppingCart { padding: 30px; } #ShoppingCart .Row { padding: 30px;} #ShoppingCart .Footer .Total { margin: 10px 0; padding: 30px 0; } #ShoppingCart .Footer .Button { margin:10px 0 30px 10px; } /*BLOGITEM*/ body.BLOGITEM .Content.A #QuickAlbumList .ThumbTable, #SubAlbumList .Row .ThumbTable { width: 30%; margin-right: 5%; float: left; } body.BLOGITEM .Content.A #QuickAlbumList .Title, body.BLOGITEM .Content.A #QuickAlbumList .Row .Description, #SubAlbumList .Row .Title, #SubAlbumList .Row .Description { width: 65%; border: none; float: left; clear: none; padding-left: 0; padding-right: 0; } /*Albums Login & AlbumList*/ #AlbumList { margin: 0; } /*Image List*/ #ImageList .Item { width:32%; } #ImageList .Item:nth-child(2n+2) { margin-right: 2%; } #ImageList .Item:nth-child(3n+3) { margin-right: 0; } .ie7 #ImageList .Item, .ie8 #ImageList .Item { width: 28%; } /*Shopping Cart*/ #ShoppingCart .Header { display: block; width: 100%; padding: 0; height: 40px; clear: both; text-align: left; background: #000; margin-bottom: 15px; } #ShoppingCart .Header .Option, #ShoppingCart .Header .Price, #ShoppingCart .Header .Quantity, #ShoppingCart .Header .Total, #ShoppingCart .Row .Thumbnail, #ShoppingCart .Row .Option, #ShoppingCart .Row .Price, #ShoppingCart .Row .Quantity, #ShoppingCart .Row .Total, #ShoppingCart .Row .Remove, #ShoppingCart .Row .Product { float:left; } #ShoppingCart .Header .Option, #ShoppingCart .Header .Price, #ShoppingCart .Header .Quantity, #ShoppingCart .Header .Total, #ShoppingCart .Message { font-weight: bold; font-size: 0.875rem; line-height: 40px; color: #fff; text-transform: uppercase; } #ShoppingCart .Header .Option , #ShoppingCart .Header .Price, #ShoppingCart .Header .Quantity, #ShoppingCart .Header .Total, #ShoppingCart .Message, #ShoppingCart .Row .Product, #ShoppingCart .Row .Price, #ShoppingCart .Row .Quantity, #ShoppingCart .Row .Total, #ShoppingCart .Row .Option, #ShoppingCart .Row .Thumbnail { box-sizing: border-box; padding: 0; } #ShoppingCart .Header .Option { width: 30%; margin-left: 30%; } #ShoppingCart .Row .Thumbnail, #ShoppingCart .Row .Option, #ShoppingCart .Row .Product { width: 30%; } #ShoppingCart .Header .Price, #ShoppingCart .Header .Quantity, #ShoppingCart .Header .Total, #ShoppingCart .Row .Price, #ShoppingCart .Row .Quantity, #ShoppingCart .Row .Total { width: 10%; } #ShoppingCart .Row { width: 100%; float: left; clear: both; padding: 30px 0; overflow: hidden; position: relative; padding-bottom: 50px; } #ShoppingCart .Row .Thumbnail img { display: block; max-width: 100%; height:auto;} #ShoppingCart .Row .Thumbnail { text-align: center; } #ShoppingCart .Row .Option { font-size: 1rem; } #ShoppingCart .Row .Product, #ShoppingCart .Row .Price, #ShoppingCart .Row .Quantity, #ShoppingCart .Row .Total, #ShoppingCart .Row .Remove { padding-top: 5px; } #ShoppingCart .Row .Remove { width: 25px; padding-left: 5px; text-align: center; } #ShoppingCart .Row .Quantity input { max-width: 45px; } #ShoppingCart .Row .Product { padding: 0; position: absolute; bottom: 10px; left: 50px; text-align: left; font-size: 12px; } #ShoppingCart .Row .Price:before, #ShoppingCart .Row .Quantity:before, #ShoppingCart .Row .Option:before, #ShoppingCart .Row .Total:before, #ShoppingCart .Row .Remove:before, #ShoppingCart .Row .Product:before { content: ""; padding: 0; } } /********************Desktop Sizes************************************/ @media handheld, only screen and (min-width: 1120px) { .desktop, .PageMenu { display: block; } .PageHeader { padding: 0 30px; } .logo-wrapper { width: 20%; float: left; padding: 30px 0; } /*Menu*/ #MenuClick { display: none; } .PageMenu { position: static; background: transparent; width: 80%; float: right; } #PageHeader .Alignment { float: right; background: transparent; text-align: right; } .ie7 #PageHeader .Alignment { width: 690px; } .MenuItem { display: inline-block; border: none; width: auto; line-height: 1rem; } .ie7 .MenuItem { float: left; display: block; margin-left: 20px; } .MenuItem:before { content: "//"; padding-left: 5px; margin-right: 5px; display: inline-block; vertical-align: middle; color: #aaa; font-weight: bold; } .MenuItem a { display: inline-block; width: auto; color: #000; padding: 30px 0 10px 0; margin: 0; border-bottom: 3px solid #fff; font-size: 0.9rem; } .MenuItem a.Selected, .MenuItem a:hover, .client-nav li a:hover, body.BLOGITEM .MenuItem.aid_BLOG a, body.PORTFOLIO .MenuItem.aid_PORTFOLIO a, body.CLIENTALBUM .client-login a, body.BASKET .basket-link a, body.LINKS .links a, body.DOWNLOADS .downloads-link a, body.CLIENT-LOGIN .client-login a { text-decoration: none; border-bottom: 3px solid #000; } .MenuItem a.Selected, .MenuItem a:hover, body.BLOGITEM .MenuItem.aid_BLOG a, body.PORTFOLIO .MenuItem.aid_PORTFOLIO a, body.cat_WEDDING .MenuItem.aid_WEDDINGS a, body.cat_OTHERWORK .MenuItem.aid_OTHERWORK a, body.cat_PACKAGES .MenuItem.aid_WEDDINGS a { background: url('pictures/gs_webgraphics/selected.png') no-repeat center -10px; background-size: 40px auto; } body.CLIENTALBUM.cat_OTHERWORK .client-login a { border-bottom: none; } .MenuItem.First:before { content: ""; padding: 0; margin: 0; } .MenuItem.aid_CLIENT-LOGIN, .MenuItem.aid_BASKET, .MenuItem.aid_LINKS, .MenuItem.aid_CLIENT-DOWNLOADS { display: none; } .MenuFooter { display: block; padding: 30px 0; } .client-nav { float: right; } .client-nav li { float: right; margin-left: 30px; } .client-nav li a { color: #000; border-bottom: 3px solid #fff; font-size: 0.9rem; } .client-nav .icon { margin-right: 10px; } .client-login .icon { background-position: -42px -23px; width: 12px; height: 18px; } .links .icon { background-position: -1px -24px; width: 15px; height: 15px; } .basket-link .icon { background-position: -20px -24px; width: 16px; height: 15px; } .downloads-link .icon { background-position: -58px -24px; width: 11px; height: 16px; } /*just incase push menu is on*/ body.fixedPosition { position: static; } #Wrapper.push { right: 0; } body.fixedPosition #MainArea, body.fixedPosition .contact-band { opacity: 1; } /*Image Sliders*/ #ScrollingGallery, .GalleryFrame img { height: 460px!important; } body.PORTFOLIO #ScrollingGallery, body.PORTFOLIO .GalleryFrame img { height: 560px!important; } /*Image List*/ #ImageList .Item { width: 23.5%; margin: 0 2% 2% 0 } #ImageList .Item:nth-child(3n+3) { margin-right: 2%; } #ImageList .Item:nth-child(4n+4) { margin-right: 0; } .ie7 #ImageList .Item, .ie8 #ImageList .Item { width: 20%; } } @media handheld, only screen and (min-width: 1180px) { .MenuItem a { font-size: 1rem; } } @media handheld, only screen and (min-width: 1280px) { .MenuItem:before { padding-left: 10px; margin-right: 10px;} .PageHeader { padding: 0; } .inner{ padding: 60px 0; } .logo-wrapper, .copyright .inner { padding: 30px 0; } .contact-band .inner { padding: 5px 0; } .cta-buttons { margin: 30px auto; } #ShoppingCart { padding: 30px 0; } } /*Flipbook media queries*/ @media handheld, only screen and (min-width: 360px) { #flipbook-outer { height: 211px; } body.FLIPBOOK-B #flipbook-outer { height: 128px; } body.FLIPBOOK-C #flipbook-outer { height: 240px; } body.FLIPBOOK-D #flipbook-outer { height: 142px; } } @media handheld, only screen and (min-width: 380px) { #flipbook-outer { height: 223px; } body.FLIPBOOK-B #flipbook-outer { height: 135px; } body.FLIPBOOK-C #flipbook-outer { height: 254px; } body.FLIPBOOK-D #flipbook-outer { height: 150px; } } @media handheld, only screen and (min-width: 400px) { #flipbook-outer { height: 234px; } body.FLIPBOOK-B #flipbook-outer { height: 142px; } body.FLIPBOOK-C #flipbook-outer { height: 267px; } body.FLIPBOOK-D #flipbook-outer { height: 158px; } } @media handheld, only screen and (min-width: 420px) { #flipbook-outer { height: 247px; } body.FLIPBOOK-B #flipbook-outer { height: 149px; } body.FLIPBOOK-C #flipbook-outer { height: 280px; } body.FLIPBOOK-D #flipbook-outer { height: 165px; } } @media handheld, only screen and (min-width: 440px) { #flipbook-outer { height: 258px; } body.FLIPBOOK-B #flipbook-outer { height: 156px; } body.FLIPBOOK-C #flipbook-outer { height: 294px; } body.FLIPBOOK-D #flipbook-outer { height: 174px; } } @media handheld, only screen and (min-width: 460px) { #flipbook-outer { height: 270px; } body.FLIPBOOK-B #flipbook-outer { height: 163px; } body.FLIPBOOK-C #flipbook-outer { height: 307px; } body.FLIPBOOK-D #flipbook-outer { height: 181px; } } @media handheld, only screen and (min-width: 480px) { #flipbook-outer { height: 282px; } body.FLIPBOOK-B #flipbook-outer { height: 170px; } body.FLIPBOOK-C #flipbook-outer { height: 320px; } body.FLIPBOOK-D #flipbook-outer { height: 189px; } } @media handheld, only screen and (min-width: 500px) { #flipbook-outer { height: 293px; } body.FLIPBOOK-B #flipbook-outer { height: 177px; } body.FLIPBOOK-C #flipbook-outer { height: 334px; } body.FLIPBOOK-D #flipbook-outer { height: 197px; } } @media handheld, only screen and (min-width: 520px) { #flipbook-outer { height: 305px; } body.FLIPBOOK-B #flipbook-outer { height: 184px; } body.FLIPBOOK-C #flipbook-outer { height: 347px; } body.FLIPBOOK-D #flipbook-outer { height: 205px; } } @media handheld, only screen and (min-width: 540px) { #flipbook-outer { height: 317px; } body.FLIPBOOK-B #flipbook-outer { height: 191px; } body.FLIPBOOK-C #flipbook-outer { height: 360px; } body.FLIPBOOK-D #flipbook-outer { height: 213px; } } @media handheld, only screen and (min-width: 560px) { #flipbook-outer { height: 329px; } body.FLIPBOOK-B #flipbook-outer { height: 198px; } body.FLIPBOOK-C #flipbook-outer { height: 374px; } body.FLIPBOOK-D #flipbook-outer { height: 220px; } } @media handheld, only screen and (min-width: 580px) { #flipbook-outer { height: 340px; } body.FLIPBOOK-B #flipbook-outer { height: 205px; } body.FLIPBOOK-C #flipbook-outer { height: 387px; } body.FLIPBOOK-D #flipbook-outer { height: 228px; } } @media handheld, only screen and (min-width: 600px) { #flipbook-outer { height: 352px; } body.FLIPBOOK-B #flipbook-outer { height: 213px; } body.FLIPBOOK-C #flipbook-outer { height: 400px; } body.FLIPBOOK-D #flipbook-outer { height: 236px; } } @media handheld, only screen and (min-width: 620px) { #flipbook-outer { height: 364px; } body.FLIPBOOK-B #flipbook-outer { height: 220px; } body.FLIPBOOK-C #flipbook-outer { height: 414px; } body.FLIPBOOK-D #flipbook-outer { height: 244px; } } @media handheld, only screen and (min-width: 640px) { #flipbook-outer { height: 375px; } body.FLIPBOOK-B #flipbook-outer { height: px; } body.FLIPBOOK-C #flipbook-outer { height: 427px; } body.FLIPBOOK-D #flipbook-outer { height: 252px; } } @media handheld, only screen and (min-width: 660px) { #flipbook-outer { height: 387px; } body.FLIPBOOK-B #flipbook-outer { height: 227px; } body.FLIPBOOK-C #flipbook-outer { height: 440px; } body.FLIPBOOK-D #flipbook-outer { height: 260px; } } @media handheld, only screen and (min-width: 680px) { #flipbook-outer { height: 398px; } body.FLIPBOOK-B #flipbook-outer { height: 241px; } body.FLIPBOOK-C #flipbook-outer { height: 454px; } body.FLIPBOOK-D #flipbook-outer { height: 268px; } } @media handheld, only screen and (min-width: 700px) { #flipbook-outer { height: 410px; } body.FLIPBOOK-B #flipbook-outer { height: 248px; } body.FLIPBOOK-C #flipbook-outer { height: 467px; } body.FLIPBOOK-D #flipbook-outer { height: 276px; } } @media handheld, only screen and (min-width: 720px) { #flipbook-outer { height: 422px; } body.FLIPBOOK-B #flipbook-outer { height: 255px; } body.FLIPBOOK-C #flipbook-outer { height: 480px; } body.FLIPBOOK-D #flipbook-outer { height: 284px; } } @media handheld, only screen and (min-width: 740px) { #flipbook-outer { height: 434px; } body.FLIPBOOK-B #flipbook-outer { height: 262px; } body.FLIPBOOK-C #flipbook-outer { height: 494px; } body.FLIPBOOK-D #flipbook-outer { height: 291px; } } @media handheld, only screen and (min-width: 760px) { #flipbook-outer { height: 446px; } body.FLIPBOOK-B #flipbook-outer { height: 269px; } body.FLIPBOOK-C #flipbook-outer { height: 507px; } body.FLIPBOOK-D #flipbook-outer { height: 299px; } } @media handheld, only screen and (min-width: 780px) { #flipbook-outer { height: 457px; } body.FLIPBOOK-B #flipbook-outer { height: 276px; } body.FLIPBOOK-C #flipbook-outer { height: 520px; } body.FLIPBOOK-D #flipbook-outer { height: 307px; } } @media handheld, only screen and (min-width: 800px) { #flipbook-outer { height: 467px; } body.FLIPBOOK-B #flipbook-outer { height: 283px; } body.FLIPBOOK-C #flipbook-outer { height: 534px; } body.FLIPBOOK-D #flipbook-outer { height: 315px; } } @media handheld, only screen and (min-width: 820px) { #flipbook-outer { height: 481px; } body.FLIPBOOK-B #flipbook-outer { height: 290px; } body.FLIPBOOK-C #flipbook-outer { height: 547px; } body.FLIPBOOK-D #flipbook-outer { height: 322px; } } @media handheld, only screen and (min-width: 840px) { #flipbook-outer { height: 493px; } body.FLIPBOOK-B #flipbook-outer { height: 297px; } body.FLIPBOOK-C #flipbook-outer { height: 560px; } body.FLIPBOOK-D #flipbook-outer { height: 330px; } } @media handheld, only screen and (min-width: 860px) { #flipbook-outer { height: 504px; } body.FLIPBOOK-B #flipbook-outer { height: 305px; } body.FLIPBOOK-D #flipbook-outer { height: 338px; } } @media handheld, only screen and (min-width: 880px) { #flipbook-outer { height: 516px; } body.FLIPBOOK-B #flipbook-outer { height:312px; } body.FLIPBOOK-D #flipbook-outer { height: 346px; } } @media handheld, only screen and (min-width: 900px) { #flipbook-outer { height: 527px; } body.FLIPBOOK-B #flipbook-outer { height: 320px; } body.FLIPBOOK-D #flipbook-outer { height: 354px; } } @media handheld, only screen and (min-width: 920px) { #flipbook-outer { height: 539px; } body.FLIPBOOK-B #flipbook-outer { height: 326px; } body.FLIPBOOK-D #flipbook-outer { height: 362px; } } @media handheld, only screen and (min-width: 940px) { #flipbook-outer { height: 551px; } body.FLIPBOOK-B #flipbook-outer { height: 333px; } body.FLIPBOOK-D #flipbook-outer { height: 370px; } } @media handheld, only screen and (min-width: 960px) { #flipbook-outer { height: 560px; } body.FLIPBOOK-B #flipbook-outer { height: 340px; } body.FLIPBOOK-D #flipbook-outer { height: 378px; } } @media handheld, only screen and (min-width: 980px) { body.FLIPBOOK-B #flipbook-outer { height: 347px; } body.FLIPBOOK-D #flipbook-outer { height: 386px; } } @media handheld, only screen and (min-width: 1000px) { body.FLIPBOOK-B #flipbook-outer { height: 354px; } body.FLIPBOOK-D #flipbook-outer { height: 394px; } } @media handheld, only screen and (min-width: 1020px) { body.FLIPBOOK-B #flipbook-outer { height: 360px; } body.FLIPBOOK-D #flipbook-outer { height: 402px; } } @media handheld, only screen and (min-width: 1040px) { body.FLIPBOOK-B #flipbook-outer { height: 368px; } body.FLIPBOOK-D #flipbook-outer { height: 409px; } } @media handheld, only screen and (min-width: 1060px) { body.FLIPBOOK-B #flipbook-outer { height: 375px; } body.FLIPBOOK-D #flipbook-outer { height: 417px; } } @media handheld, only screen and (min-width: 1080px) { body.FLIPBOOK-B #flipbook-outer { height: 382px; } body.FLIPBOOK-D #flipbook-outer { height: 425px; } } @media handheld, only screen and (min-width: 1100px) { body.FLIPBOOK-B #flipbook-outer { height: 388px; } body.FLIPBOOK-D #flipbook-outer { height: 433px; } } @media handheld, only screen and (min-width: 1120px) { body.FLIPBOOK-B #flipbook-outer { height: 396px; } body.FLIPBOOK-D #flipbook-outer { height: 440px; } } @media handheld, only screen and (min-width: 1140px) { body.FLIPBOOK-B #flipbook-outer { height: 404px; } body.FLIPBOOK-D #flipbook-outer { height: 448px; } } @media handheld, only screen and (min-width: 1160px) { body.FLIPBOOK-B #flipbook-outer { height: 404px; } body.FLIPBOOK-D #flipbook-outer { height: 456px; } } @media handheld, only screen and (min-width: 1180px) { body.FLIPBOOK-B #flipbook-outer { height: 411px; } body.FLIPBOOK-D #flipbook-outer { height: 465px; } } @media handheld, only screen and (min-width: 1200px) { body.FLIPBOOK-B #flipbook-outer { height: 425px; } body.FLIPBOOK-D #flipbook-outer { height: 472px; } } @media handheld, only screen and (min-width: 1220px) { body.FLIPBOOK-B #flipbook-outer { height: 432px; } body.FLIPBOOK-D #flipbook-outer { height: 480px; } } @media handheld, only screen and (min-width: 1240px) { body.FLIPBOOK-B #flipbook-outer { height: 438px; } body.FLIPBOOK-D #flipbook-outer { height: 488px; } } @media handheld, only screen and (min-width: 1260px) { body.FLIPBOOK-B #flipbook-outer { height: 446px; } body.FLIPBOOK-D #flipbook-outer { height: 496px; } } @media handheld, only screen and (min-width: 1280px) { body.FLIPBOOK-B #flipbook-outer { height: 453px; } body.FLIPBOOK-D #flipbook-outer { height: 503px; } } @media handheld, only screen and (min-width: 1300px) { body.FLIPBOOK-B #flipbook-outer { height: 460px; } body.FLIPBOOK-D #flipbook-outer { height: 511px; } } @media handheld, only screen and (min-width: 1320px) { body.FLIPBOOK-B #flipbook-outer { height: 466px; } body.FLIPBOOK-D #flipbook-outer { height: 519px; } } @media handheld, only screen and (min-width: 1340px) { body.FLIPBOOK-B #flipbook-outer { height: 474px; } body.FLIPBOOK-D #flipbook-outer { height: 527px; } } @media handheld, only screen and (min-width: 1360px) { body.FLIPBOOK-B #flipbook-outer { height: 481px; } body.FLIPBOOK-D #flipbook-outer { height: 535px; } } @media handheld, only screen and (min-width: 1380px) { body.FLIPBOOK-B #flipbook-outer { height: 488px; } body.FLIPBOOK-D #flipbook-outer { height: 543px; } } @media handheld, only screen and (min-width: 1400px) { body.FLIPBOOK-B #flipbook-outer { height: 495px; } body.FLIPBOOK-D #flipbook-outer { height: 551px; } } @media handheld, only screen and (min-width: 1420px) { body.FLIPBOOK-B #flipbook-outer { height: 503px; } body.FLIPBO // from System Meta Data