html, body { width:100%; height:100%; font-family: 'Lato', arial, sans-serif; font-size:16px; margin:0; padding:0; color:#555; }
form { width:100%; height:100%; }
div, table, td { margin:0; padding:0; }
a { color:#6d6e71; outline:none; text-decoration:none; font-style:normal;}
a:visited { color:#6d6e71; }
a:hover { color:#6d6e71; text-decoration:none; }
a img { border:none; outline:none; }
strong { font-weight:bold; }
p, ul, ol { line-height:1.4em; }
h1 { margin:10px 0; font:italic 100 36px/1em 'Lato', arial, sans-serif; line-height:30px; color:#dd0330; }
h2 { padding:0 0 0.1em 0; margin:28px 0; font:normal 100 26px/1em 'Lato', arial, sans-serif; color:#dd0330; }
h3 { padding:0 0 0.1em 0; margin:0.8em 0; font:normal 100 20px/20px 'Lato', arial, sans-serif; color:#fff; }
h4 { margin:12px 0; color:#9d2a2a; }
p {font-family: 'Lato', arial, sans-serif; color:#6d6e71; font-size:15px; font-style:normal;}
a.Button { float:left; color:#fff !important; font:normal 1.5em/2em 'Lato', arial, sans-serif; text-decoration:none; padding:1px 13.85%; background:#dd0330; display:block; position:relative; }
a.Button:hover, a.Button:focus { background:#939598; text-decoration:none;}
.back { padding:10px; background-color:#dd0330; color:#fff !important; }
img {max-width:100%; height:auto;}
#MainImage_FilterControl_imgColour, #MainImage_FilterControl_imgBW, #MainImage_FilterControl_imgSepia {width:auto; cursor:pointer; }
ul { }
ul li { list-style-image:url('pictures/gs_webgraphics/bullet.png'); margin-bottom:10px;}
/* Good ol' clearfix */
.cf:before,.cf:after{ content: " "; display: table; }
.cf:after { clear: both; }
.cf { *zoom: 1; } /* For IE 6/7 only */
#flashcontent {height:400px;}
/* ------------------------------------------------------------------ Header */
#PageHeader { width:100%; max-width:1080px; height:200px; margin:0 auto;}
.top-menu #QuickAlbumList { margin-right:0;}
#Logo { width:202px; height:105px; float:left; margin:-10px 0 0 0; background-image:url('pictures/gs_webgraphics/logo-large.png'); background-repeat:no-repeat; }
.LogoLink { width:211px; height:105px; float:left; margin:14px 0 0 0; text-indent:-99999px; position:absolute; left:286px; top:38px; }
.top-nav {float:right; margin-top:-69px;}
.top-nav ul {list-style:none;}
.top-nav ul li{display:inline;}
.HeaderMob {font-family:'Lato', arial, sans-serif; font-size:100%; color:#dd0330; width:100%; padding:20px 0 40px 0; max-width:1080px; margin:0px auto; margin-top:-82px; text-align:right;}
a.mob-menu {display:block; width:100%; height:44px; margin-top:-44px; display:none;}
/* ------------------------------------------------------------------ Main Nav */
.PageMenu { width:79.9%; height:45px; margin:0; float:right; }
.Alignment {float:right; width:95%; text-align: right; }
.PageMenu .MenuItem { box-sizing: border-box; display: inline-block; *float: left; width: auto; margin:0 0% 10px 2%; }
.PageMenu a { box-sizing: border-box; width: auto; color:#fff; border:none; font: normal 18px/36px Lato, arial, sans-serif; text-decoration:none; display: block; padding:0 10px; background:#dd0330; text-align:center; line-height:40px;}
.PageMenu a:hover { background:#939598; }
.PageMenu a.Selected { background:#939598; }
.cat_PHOTOGRAPHY .PageMenu .MenuItem.aid_PHOTOGRAPHY a { background:#9e9b9c; }
/*TOP NAV */
#QuickAlbumList {margin:10px 10px 33px 0;}
.Row {float:right; cursor:pointer; color:#dd0330; font-family:'Lato', arial, sans-serif; font-size:16px;}
.Row:hover {text-decoration:underline;}
#QuickAlbumList .aid_BASKET .Title:after {display:none;}
.Title:after {content:"\007c"; padding:0 8px; color:#939598; text-decoration:none; }
body.aid_CLIENTAREA .TopMenu a.Clients,
body.cat_CLIENTAREAS .TopMenu a.Clients,
body.aid_BASKET .TopMenu a.Basket { color:#e7a7bc; }
/* -- Submenu -- */
.SubMenu { display:none; width:560px; height:20px; padding:3px 0; overflow:hidden; position:absolute; top:205px; right:20px; z-index:9999; }
.cat_PHOTOGRAPHY .SubMenu,
.cat_CLIENTAREAS .SubMenu,
.aid_GREETINGS-CARDS .SubMenu,
.aid_GREETINGS-CARDS-SALE .SubMenu { display:block; }
.SubMenu a,
.SubMenu #QuickAlbumList .Row { display:none; color:#e7a7bc; text-transform:uppercase; font:bold 10px/14px tahoma,arial,sans-serif; cursor:pointer; float:right; padding:0 5px 0 0; margin:0 5px 0 0; border-right:1px solid #b3b3b3; }
.SubMenu a:hover,
.SubMenu #QuickAlbumList .Row:hover .Title { color:#939598; }
.SubMenu #QuickAlbumList .ThumbTable,
.SubMenu #QuickAlbumList .Description,
.SubMenu #QuickAlbumList .Button { display:none; }
.SubMenu .Photography #QuickAlbumList .Title:after { content:' gallery'; }
.SubMenu .Photography #QuickAlbumList .Row.Selected,
.SubMenu .Clientareas #QuickAlbumList .Row.Selected { display:block; color:#9e9b9c; }
.SubMenu .Photography #QuickAlbumList .Row.Selected .Title,
.SubMenu .Clientareas #QuickAlbumList .Row.Selected .Title { border-bottom:1px solid #9e9b9c; }
.SubMenu .Clientareas #QuickAlbumList .Row { border-right:none; margin:0; padding:0; }
.aid_WEDDINGS-INVITES .SubMenu a.Invites,
.aid_WEDDINGS-ALBUMS .SubMenu a.Albums,
.aid_GREETINGS-CARDS .SubMenu a.Greetings { color:#9e9b9c; border-bottom:1px solid #9e9b9c; }
/* ------------------------------------------------------------------ Main Area */
#Wrapper { width:100%; clear:both; min-height:100%; margin:0 auto; z-index:100; position:relative; background-image:url('pictures/gs_webgraphics/ragsdale-camera-lens-bg.png'); background-repeat:no-repeat; background-position:top right; }
.Container { width:100%; margin:0 auto; }
.align, body.CONTACT #MainArea, body.CLIENTALBUM #MainArea, body.BASKET #MainArea,
body.cat_EVENTS #MainArea, body.cat_PORTRAITS #MainArea, body.cat_WEDDING #MainArea {width:100%; max-width:1080px; margin:0px auto; }
.top-menu { width:100%; max-width:1080px; margin:0 auto;}
/* Image */
.carousel-container {width:100%; margin:0 auto; background-color:#ececec; }
.caroufredsel-outer { width:100% !important; max-width:1080px !important; max-height:603px; overflow:hidden; margin:0px auto; position:relative;}
.SlideshowImage {float:left; width:100%; display:block; text-align:center;}
.id {display:none}
.list_carousel.responsive { width:auto; margin-left:0;}
.list_carousel {position:relative;}
#Prev { width:63px; height:116px; position:absolute; top:40%; left:-1px; text-indent:-9999px; z-index:99999; background: url('pictures/gs_webgraphics/next.png') right top no-repeat; cursor:pointer; }
#Next { width:63px; height:116px; position:absolute; top:40%; right:-1px; text-indent:-9999px; z-index:99999; background: url('pictures/gs_webgraphics/prev.png') left top no-repeat; cursor:pointer; }
/*Client Album */
body.FLIPBOOK .Content.B, body.FLIPBOOK .Content.C, .cat_FLIPBOOK .Content.B, .cat_FLIPBOOK .Content.C, .aid_CLIENTAREA .Content.B, .aid_CLIENTAREA .Content.C, .CLIENTALBUM .Content.B, .CLIENTALBUM .Content.C, .aid_WEDDINGLOGIN .Content.B, .aid_WEDDINGLOGIN .Content.C, .aid_PORTRAITSLOGIN .Content.B, .aid_PORTRAITSLOGIN .Content.C, .aid_EVENTSLOGIN .Content.B, .aid_EVENTSLOGIN .Content.C {display:none;}
.cat_FLIPBOOK .Content.A, .body.FLIPBOOK .Content.A {width:100%;}
/*Twitter*/
#twitter-widget-0 {margin-top:20px; height:400px; width:100% !important;}
/* Booklet ----------------------------------------*/
.mybook {max-width:880px !important; width:100%;}
.aid_FLIPBOOK .Content.A img {padding:0;}
.booklet {height:600px; position:relative; margin:0 auto 10px; overflow:visible !important; margin:100px auto 0 auto;}
.booklet .b-page {left:0; top:0; position:absolute; overflow:hidden; padding:0; }
.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-wrap-left {background:#fff; max-width:440px !important; width:100%;}
.booklet .b-wrap-right {background:#fff; max-width:440px !important; width:100%;}
.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; width:100%; max-width:440px;}
.booklet .b-p0 .b-wrap {right:0; width:100%; max-width:440px;}
/* 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:0px 1px 3px #222;}
/* Page Numbers */
.booklet .b-counter {bottom:10px; position:absolute; display:block; width:25px; height:20px; background:#ccc; color:#444; text-align:center; font-family:Georgia, "Times New Roman", Times, serif; font-size:10px; padding:5px 0 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(images/openhand.cur), default;}
.booklet .b-grabbing {cursor: url(images/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;}
/* Tab Controls */
.booklet .b-tab {background:#000; height:40px; width:100%; padding:10px 0 0; text-align:center; color:#ccc; position:absolute; font-size:11px;}
.booklet .b-tab-prev {left:0;}
.booklet .b-tab-next {right:0;}
.booklet .b-tab:hover {background:#aaa; color:#000;}
/* Arrow Controls */
.booklet .b-arrow {display:block; position:absolute; text-indent:-9999px; top:0; height:100%; width:74px;}
.booklet .b-arrow div {display:none; text-indent:-9999px; height:170px; width:74px; position:absolute; left:0; top:25%;}
.booklet .b-arrow-next {right:-80px;}
.booklet .b-arrow-prev {left:-80px;}
.booklet .b-arrow-next div, #custom-next {background:url("pictures/gs_webgraphics/prev.png") no-repeat left top; float:right; width:62px; height:115px; }
.booklet .b-arrow-prev div, #custom-prev {background:url("pictures/gs_webgraphics/next.png") no-repeat left top; float:left; width:62px; height:115px; }
.controls {width:100%; height:75px; padding:0; margin:0 auto;}
.controls li {list-style:none; max-width:1080px; width:100%; margin:0 auto;}
/* @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;}
/* @Menu Items
----------------------------------------*/
.b-menu {height:40px; padding:0 0 10px;}
.b-selector {height:40px; position:relative; float:right; border:none; color:#cecece; cursor:pointer; font:normal 12px "Myriad Pro", Myriad, "DejaVu Sans Condensed","Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;}
.b-selector .b-current {padding:8px 15px 12px; line-height:20px; min-width:18px; height:20px; display:block; background:#000; text-align:center;}
.b-selector-page {width:auto; margin-left:15px;}
.b-selector-chapter {width:auto;}
.b-selector:hover {color:#fff; background-position:left 0px;}
.b-selector:hover .b-current {background-position:right 0px;}
.b-selector ul {overflow:hidden; margin:0; list-style:none !important; position:absolute; top:40px; right:0; padding:0 0 10px; background:#000; width:240px;}
.b-selector li {border:none;}
.b-selector a {color:#cecece; height:14px; text-decoration:none; display:block; padding:5px 10px;}
.b-selector a .b-text {float:left; clear:none;}
.b-selector a .b-num {float:right; clear:none;}
.b-selector a:hover {color:#fff;}
/* Text */
.PageText { width:920px; float:left; padding:0 20px; background:url('pictures/gs_webgraphics/floral-midright.gif') right top no-repeat; }
.Content.A { width:64%; float:left; background-color:#fff; padding:63px 0; clear:both;}
.Content.A img { float:left; padding:10px; margin:0 20px 20px 0; background:#ececec; }
.Content.B { width:28.49157%; float:right; margin:0 0 56px 0; padding:60px 2.804733727810651%; background:#ececec; font-size:14px; /*margin-left:2.222222222222225%;*/}
.Content.B h1 {font:italic 100 36px/1em 'Lato', arial, sans-serif; }
.Content.B p{font-size:20px; font-weight:100; font-style:italic; font-size:18px; line-height:30px; margin:14px 0; }
.Content.B h2 {margin:70px 0 6px 0;}
.Content.B h2 a {color:#dd0330;}
.Content.B a { margin-bottom:30px; }
.Content.B a:hover {cursor:pointer;}
.Content.C {background-color:#ececec; padding:20px 0; clear:both; width:100%; margin-bottom:56px; position:relative; height:auto; overflow:hidden; }
.Content.C h2 {margin:0; padding-bottom:20px;}
.Content.C h3 {color:#dc0330;}
.Content.C p {float:left; width:26%; margin:0 2%;}
.Content.C img { max-width:100%;}
.Content.C .services-C {float:left; width:30%; margin:0 5% 0 0;}
.Content.C .services-C.last {margin:0;}
.Content.C #mybook {margin:0 auto;}
/* Alt layout */
.BETA .Content.B { display:none; }
.CLIENTALBUM .Content.A {width:100%; clear:both; padding:0; float:left;}
/* Extras */
#PageContent a { color:#dd0330; }
#PageContent a:hover { text-decoration:underline; }
#PageContent a.Button { border:none; margin:0 10px 0 0; }
.Buynow { color:#939598 !important; font:normal 1em/2em georgia,tahoma,arial,sans-serif; position:relative; background:url('pictures/gs_webgraphics/icon-basket.gif') left center no-repeat; padding:2px 0 2px 17px; }
.Buynow:hover { color:#e7a7bc !important; border-bottom:1px solid #e7a7bc !important; }
/* ------------------------------------------------------------------ Page Footer */
#PageFooter { display:none; }
.footer-wrapper {width:100%; background:#ececec;}
.footer-wrapper.bottom {background:#494949;}
#Footer { width:100%; max-width:1080px; margin:0px auto; background-color:#ececec; padding:50px 0 0 0; height:283px; font-size:15px;}
#Footer ul li{list-style:none;}
#Footer h2 {margin-top:0;}
#Footer ul {padding:0 !important;}
#Footer .FooterLeft, #Footer .FooterRight {width:33%; float:left;}
#Footer .FooterLeft .email, #Footer .FooterLeft .mobile, #Footer .FooterLeft .address {background-image:url('pictures/gs_webgraphics/footer-icon-sprite.png'); background-repeat:no-repeat; padding: 0 0 0 45px; font-size:15px; margin:0 0 30px 0;}
#Footer .FooterLeft .email { background-position:0 0; height:16px; line-height:16px;}
#Footer .FooterLeft .mobile {height:25px; background-position:0 -24px; line-height:25px;}
#Footer .FooterLeft .address {height:25px; background-position:0 -59px; line-height:25px;}
#Footer .FooterCenter {width:20%; margin:0 4.5% 0 9.5%; float:left;}
#Footer .FooterRight {width:31%; float:right; overflow:hidden;}
#Footer .FooterRight .facebook, #Footer .FooterRight .twitter, #Footer .FooterRight .linkedin {background-image:url('pictures/gs_webgraphics/ragsdale-social-media-links.png'); background-repeat:no-repeat; padding: 0 0 0 45px; font-size:14px; margin:0 0 15px 0;}
#Footer .FooterRight .facebook { background-position:0 0; height:35px; line-height:16px;}
#Footer .FooterRight .facebook a {line-height:32px;}
#Footer .FooterRight .linkedin {height:35px; background-position:0 -49px; line-height:25px;}
#Footer .FooterRight .linkedin a {line-height:32px;}
#Footer .FooterRight .twitter {height:35px; background-position:0 -97px; line-height:25px;}
#Footer .FooterRight .twitter a {line-height:32px;}
#Footer .FooterCenter a, #Footer .FooterRight a {font-size:14px;}
#Footer .Copyright { margin:20px; float:right; clear:both; font-size:12px; color:#9e9b9c; }
#Footer .Phosys { font-size:10px; color:#9e9b9c; }
#Footer a:hover { color:#dd0331; border-bottom:1px solid #dc0330; }
.FooterBottom { width:100%; max-width:1080px; margin:0px auto; padding:33px 0; background-color:#494949;}
.FooterBottom p {color:#bababa;}
.FooterBottom .swpp-logo { float:left; width:111px; margin-left:2%;}
.FooterBottom .camera { float:left; width:131px; padding-right:50px; margin-left:2%;}
.Copyright {float:left; color:#bababa;}
.Phosys {float:right; color:#bababa;}
.Phosys a {color:#bababa;}
.Phosys a:hover {text-decoration:underline;}
/* ------------------------------------------------------------------ QuickList */
#QuickAlbumList {max-width:1080px; width:100%; float:right; }
#QuickAlbumList .ThumbTable, #QuickAlbumList .Description, #QuickAlbumList .Status {display:none;}
.Content #QuickAlbumList .Row { width:260px; padding:5px 20px; background:#8ab5da; color:#fff; margin:10px 0 0 -20px; cursor:pointer; }
.Content #QuickAlbumList .Row .Title { line-height:24px; font-size:20px; margin-left:110px; }
.Content #QuickAlbumList .Row .Description { display:none; }
.Content #QuickAlbumList .Row .Button { text-transform:lowercase; line-height:24px; margin-left:110px; }
.Content #QuickAlbumList .Row:hover { background:#4686bd; }
.Content #QuickAlbumList .Row .ThumbTable { float:left; width:100px; overflow:hidden; }
.Content #QuickAlbumList .Row .ThumbTable img { max-width:100px; }
.Content #QuickAlbumList .Row.Selected .Title,
.Content #QuickAlbumList .Row.Selected .Button,
.Content #QuickAlbumList .Row.Selected .ThumbTable { opacity:0.5; }
.Content #QuickAlbumList .Row.Selected:hover { background:#8ab5da; cursor:default; }
/* ------------------------------------------------------------------ Contact Form */
.aid_CONTACT .Content.B {background-color:#fff; float:right; width:33%; margin:0; padding:66px 20px; border-left:none; bottom:0; box-shadow:none; left:0; position:relative; right:0; height:auto;}
.aid_CONTACT #PageContent .Content.B a {font-style:italic;}
.aid_CONTACT .Content.C {display:none;}
.aid_CONTACT .Content.A {float:left; width:27%; margin:5px 0 -43px 0;}
.aid_CONTACT .Content.A p {margin:74px 0 0 0;}
#ContactForm { width:56%; float:left; padding:20px; margin:0 0 20px; margin-bottom:56px; }
#ContactForm .Row { width:100%; float:left; clear:both; display:block; margin:0 0 18px 0; }
#ContactForm .Row .Label { float:left; display:block; /*color:#fff;*/ text-align:left; padding:0 7px 0 0; }
#ContactForm .Row .Field { float:left; font-size:12px; padding:8px 5px; width:98%; margin:5px 0 0 0;}
#ContactForm .Row input, #ContactForm .Row select, #ContactForm .Row textarea { width:248px; background:#fff; border:1px solid #ccc; color:#666; }
#ContactForm #ContactForm_contact_findus {width:100%;}
#ContactForm .Row textarea { height:81px; }
#ContactForm .Row select { width:202px; }
#ContactForm .Footer { float:right; clear:both; }
#ContactForm .Button { }
#ContactForm .VAMRequiredFieldMarker { width:12px; height:12px; padding:0; margin:0; display:block; overflow:hidden; background:url('pictures/gs_webgraphics/icon-required.gif') no-repeat; }
#ContactForm .VAMRequiredFieldMarker img { position:relative; left:-99999px; display:block; }
*+html #ContactForm .VAMRequiredFieldMarker { margin-top:0px; }
#QuickContact { }
#QuickContact ul, #QuickContact li { margin:0; padding:0; list-style:none; }
#QuickContact ul li a { border:none; font-size:22px; margin:0 0 20px 0; float:left; color:#ececec;}
#QuickContact ul li a:hover { border:none; cursor:default; color:#ececec; }
#QuickContact .Row { width:100%; float:left; clear:both; display:block; margin:0 0 18px 0; }
#QuickContact .Row .Label { float:left; display:block; text-align:left; padding:0 7px 0 0; }
#QuickContact .Row input, #QuickContact .Row select, #QuickContact .Row textarea { width:95%; float:left; font-size:12px; padding:8px 5px; background:#fff; border:1px solid #ccc; border-right:1px solid #fff; border-bottom:1px solid #fff; color:#666; font-family:courier; }
#QuickContact .Row textarea { height:81px; }
#QuickContact .Footer a { border:none; font-size:1em; margin:0; padding:5px 15px; font-size:1.3em; float:right;}
#QuickContact .Footer a:hover { cursor:pointer; color:#fff; }
.captcha_rap {display:none;}
/* ------------------------------------------------------------------ QuickAlbumList */
#AlbumList {width:100%; height:100%; margin:0 20px 10px 10px; }
#AlbumList .Row { width:280px; padding:10px; margin:0 0 10px 10px; overflow:hidden; float:left; cursor:pointer; background:#ececec; }
#AlbumList .Row .ThumbTable { width:280px; float:left; }
#AlbumList .Row .ThumbTable img { border:none; }
#AlbumList .Row .Title { float:left; display:block; text-decoration:none; font:normal 24px/35px georgia,serif; }
#AlbumList .Row .Description,
#AlbumList .Row .Button { display:none; }
#AlbumList .Row:hover .Title { color:#939598; }
.cat_CLIENTAREAS #AlbumList .Row { width:155px; }
.cat_CLIENTAREAS #AlbumList .Row .ThumbTable { width:155px; }
.aid_FLIPBOOK .carousel-container, .aid_FLIPBOOK .Content.B, .aid_FLIPBOOK .Content.C {display:none;}
.aid_FLIPBOOK .Content.A {width:100%;}
.aid_SPECIALOFFERS .Content.B, .aid_SPECIALOFFERS .Content.C { display:none; }
.aid_SPECIALOFFERS #AlbumList {padding:0;}
/* ------------------------------------------------------------------ View Buy */
#AlbumLogin { width:93%; height:auto; float:left; padding:20px; margin:20px 0; background:#ececec; }
#AlbumLogin .Row { height:35px; float:left; clear:both; margin:10px 5px; }
#AlbumLogin .Label { width:100px; text-align:right; padding-right:10px; line-height:35px; float:left; }
#AlbumLogin .Field { float:left; }
#AlbumLogin .Field input { width:248px; float:left; font-size:16px; padding:8px 5px; background:#fff; border:1px solid #ccc; border-right:1px solid #fff; border-bottom:1px solid #fff; color:#666; font-family:'Lato', arial, Sans-serif; }
.AblumID {display:none;}
#AlbumLogin .Footer { float:right; }
#AlbumLogin .Button { margin:0 0 0 10px; border:none; }
#AlbumLogin .Button:hover { border:none; }
.Content.B #AlbumLogin {padding:0; margin:0; width:100%; }
.Content.B #AlbumLogin .Row { margin:-10px 0 10px 0; }
.Content.B #AlbumLogin .UserID, .Content.B #AlbumLogin .Password {display:none;}
.Content.B #AlbumLogin .Field {width:100%; }
.Content.B #AlbumLogin .Label {text-align:left;}
.Content.B #AlbumLogin .Field input {width:94.5%;}
.Content.B #AlbumLogin .Footer {margin:40px 0;}
.Content.C #AlbumLogin .Row { width:89%;}
.Content.C #AlbumLogin .Field {width:63%;}
.Content.C #AlbumLogin .Field input {width:100%;}
body.cat_EVENTS #MainArea #AlbumLogin .AlbumID, body.cat_PORTRAITS #MainArea #AlbumLogin .AlbumID, body.cat_WEDDING #MainArea #AlbumLogin .AlbumID,
body.CLIENTALBUM #AlbumLogin .AlbumID {display:none;}
/* ------------------------------------------------------------------ Image Thumbnail List */
#ImageList { width:100%; height:100%; margin:20px 0; float:left; }
#ImageList .Item { width:150px; height:130px; padding:10px; margin:0 0 10px 10px; overflow:hidden; float:left; cursor:pointer; background:#ececec; }
#ImageList .Item .ThumbTable { width:155px; height:110px; }
#ImageList .Item .Caption { width:155px; display:block; font-size:14px; }
#ImageList .Item:hover .Caption { color:#939598; }
#ImageList .LightBox { display:none; }
/* Paging */
#ImageList .Pager { max-width:1080px; width:97.5%; padding:40px 0; margin:0 0 0 10px; float:left; clear:both; position:relative; }
#ImageList .Pager .Button { float:left; width:85%;}
#ImageList .Pager .Button a { float:left; color:#fff; font:normal 0.8em/2em 'Lato',arial,sans-serif; text-decoration:none; padding:2px 15px; margin:7px 0; background:#dd0330; display:block; position:relative; }
#ImageList .Pager .Next:hover a,
#ImageList .Pager .Previous:hover a { background:#939598; }
#ImageList .Pager .Next:focus a,
#ImageList .Pager .Previous:focus a { background:#9e9b9c; }
#ImageList .Pager .Button.Next,
#ImageList .Pager .Button.Previous { position:absolute; top:0; left:0; }
#ImageList .Pager .Button.Next { left:auto; right:0; }
#ImageList ul li {list-style:none; float:left; margin-top:10px;}
#ImageList ul li a {font-size:16px;}
/* Pagelinks */
#ImageList .Pager .Pages { width:98%; float:left; margin:10px 0; padding:5px 1.3020833333333335% 4px; border:1px solid #b3b3b3; overflow:hidden; }
#ImageList .Pager .Pages ul { width:900px; list-style:none; padding:0; margin:0; }
/* Heading */
#ImageList .Pager .Pages ul li a { display:none; }
/* Links */
#ImageList .Pager .Pages ul ul li a { display:block; z-index:99998; color:#9e9b9c; float:left; font-weight:normal; font-size:16px; padding:4px; text-indent:10px; margin:0 5px 2px 5px;
border:none; text-decoration:none; background:url('pictures/gs_webgraphics/icon-page.gif') left center no-repeat; position:relative; }
#ImageList .Pager .Pages ul ul li a:empty { display:none; } /* bugfix */
#ImageList .Pager .Pages ul ul a:hover { cursor:pointer; color:#dd0330; }
#ImageList .Pager .Pages ul ul a.Selected { cursor:default; color:#dd0330; text-decoration:underline; }
#ImageList .Pager .Pages ul ul a.Selected:hover { color:#dd0330; }
*+html #ImageList .Pager .Pages { float:left; }
*+html #ImageList .Pager .Pages ul .Button * { float:left; } /* IE 7 */
*+html #ImageList .Pager .Pages ul li a { display:block; background:#fff; width:5px; height:25px; text-indent:-9999px; }
*+html #ImageList .Pager .Pages ul ul a { display:none; }
*+html #ImageList .Pager .Pages ul ul li a { display:none; }
*+html #ImageList .Pager .Pages ul ul li a:first-child { display:block; width:auto; text-indent:10px; background:url('pictures/gs_webgraphics/icon-page.gif') left center no-repeat; }
.aid_WEDDINGS #ImageList, .aid_PORTRAITSLOGIN #ImageList, .aid_WEDDINGLOGIN #ImageList, .aid_EVENTSLOGIN #ImageList { display:none; }
/* ------------------------------------------------------------------ Image Popup Window */
#PopupWindow { background:#fff; }
#PopupWindow #MainImage_TheImage { display:block; padding:10px !important; background:#ececec; }
#PopupWindow .ImageControls { width:800px; position:absolute; bottom:10px; left:0; overflow:auto; }
#PopupWindow .ImageControls .Previous { float:left; font-size:12px; text-decoration:none; margin:5px 0 0 10px; }
#PopupWindow .ImageControls .Previous:hover { text-decoration:none;}
#PopupWindow .ImageControls .Next { float:right; font-size:12px; text-decoration:none; margin:5px 125px 0 0; }
#PopupWindow .ImageControls .Next:hover { text-decoration:none;}
#PopupWindow .ImageFilter { margin:5px 0; }
#PopupWindow .ImageFilter:before { font-size:11px; content: ' Choose colour options: ' ; }
#PopupWindow a[disabled] { display:none; }
#PopupWindow .CaptionBottom { width:500px; text-align:center; position:absolute; left:50%; bottom:3px; margin-left:-250px; font-size:0.8em; font-style:italic; font-weight:bold; }
.aid_PORTRAITS .cat_PORTRAITS .Title:after, .aid_WEDDINGS .cat_WEDDINGS .Title:after, .aid_EVENTS .cat_EVENTS .Title:after, .cat_LOGINAREAS .MainArea .Title:after, .aid_SPECIALOFFERS .MainArea .Title:after, .aid_CLIENTAREA .cat_LOGINAREAS .Title:after {content:" "; }
.aid_SPECIALOFFERS .Content.A {padding:0 0 30px 0;}
/* ------------------------------------------------------------------ Buy Prints Popup */
#MetaData { cursor:pointer; margin-left:-2px; }
#MetaData .Button { float:left; color:#fff; font:normal 0.8em/1.8em tahoma,arial,sans-serif; text-transform:uppercase; text-decoration:none; padding:2px 15px; background:#dd0330; display:block; position:relative; }
#MetaData .Button:hover { background:#dd0330; }
#MetaData .Button:focus { background:#9e9b9c; }
.MetaData { float:left; color:#fff; text-align:left; padding:5px; border:5px solid #939598; background:#dd0330; font-size:14px; cursor:pointer; cursor:hand; }
.MetaData .MetaDataTitle { font:normal 20px/30px georgia,serif; color:#fff; border-bottom:1px solid #fff; margin:0 0 10px 0; }
.MetaData .MetaDataHeading { font:normal 16px/24px georgia,serif; color:#fff; background:#939598; margin:5px 0; padding:0; }
.MetaData .MetaDataHeadingOver { }
.MetaData .MetaDataField { font:normal 14px/24px georgia,serif; color:#fff; }
.MetaData .MetaDataFieldOver { font:normal 14px/24px georgia,serif; color:#fff; cursor:pointer; }
.MetaData .MetaDataCommand { font:normal 14px/24px georgia,serif; color:#fff; text-align:right; }
.MetaData .MetaDataCommandOver { font:normal 14px/24px georgia,serif; color:#fff; text-align:right; background:#939598; cursor:pointer; }
/* ------------------------------------------------------------------ Shopping Cart */
.aid_BASKET .Content.B, .aid_BASKET .Content.C {display:none;}
#ShoppingCart { width:100%; float:none; clear:both; padding:0; margin:0 0 100px 0; }
#ShoppingCart .Header { padding:5px 10px; clear:both; text-align:center; max-width:1080px; width:100%; }
#ShoppingCart .Header .Thumbnail,
#ShoppingCart .Header .Product { display:none; }
#ShoppingCart .Header .Option { float:left; width:33%; margin-left:22%; text-align:left; }
#ShoppingCart .Header .Price,
#ShoppingCart .Header .Quantity,
#ShoppingCart .Header .Total,
#ShoppingCart .Header .Remove { float:left; width:11%; }
#ShoppingCart .List { clear:both; }
#ShoppingCart .List table {width:96%;}
#ShoppingCart .Row { clear:both; width:100%; padding:2%; margin:10px 0 0 0; float:none; overflow:hidden; background:#ececec; }
#ShoppingCart .Row .Thumbnail { float:left; text-align:center; width:20%; overflow:hidden;}
#ShoppingCart .Row .Thumbnail table {width:100%; }
#ShoppingCart .Row .Thumbnail img {max-width:100%;}
#ShoppingCart .Row .Product { display:none; }
#ShoppingCart .Row .Option { float:left; width:35%; padding:5px 0 0 20px; font-weight:bold; font-style:italic; font-size:16px; }
#ShoppingCart .Row .Price,
#ShoppingCart .Row .Quantity,
#ShoppingCart .Row .Total { float:left; text-align:center; width:11%; padding-top:5px; }
#ShoppingCart .Row .Remove { float:right; text-align:center; width:8%; }
#ShoppingCart .Row .Quantity input { text-align:right; }
#ShoppingCart .Message { float:left; margin:10px 0; }
#ShoppingCart .Footer { width:100%; float:left; clear:both; margin:5px auto 40px auto; }
#ShoppingCart .Footer .Total { width:auto; float:right; margin:10px 0; font-weight:bold; font-size:2em; text-align:right; color:#dd0330; border-bottom:1px solid #dd0330; }
#ShoppingCart .Footer .Button { float:left; margin:10px 10px 0 0; clear:none; font-size:0.9em; padding:1px 2%!important; }
/* ------------------------------------------------------------------ 404 */
#SiteMap { display:none; }
/* ------------------------------------------------------------------ No Script */
#NoScript {position:fixed; top:0; left:0; width:100%; z-index:9999999; background:rgba( 0, 0, 0, 0.5); text-align:center;}
#NoScript p{color:#fff; padding:20px 150px; font-size:16px; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;}
/* ---------------------------------------------------------------------- IE */
.ie7 .Alignment, .ie8 .Alignment, .IE .Alignment {width:100%;}
.ie7 .PageMenu, .ie8 .PageMenu, .IE .PageMenu { width:79.9%; height:45px; margin:33px 0 0; float:right; }
.ie7 .PageMenu .MenuItem { float:left; }
.IE .PageMenu a { color:#fff; border:none; font: normal 20px/36px Lato, arial, sans-serif; text-decoration:none; display:block; padding:1px 30% 0 30%; margin:0; background:#dd0330; width:100%; text-align:center; }
.ie7 .HeaderMob {MArgin-top:-100px;}
.ie7 .carousel-container {overflow:hidden;}
.ie7 .carousel-container ,.ie7 .C.Content, .ie7 #Footer {left:0; border:none;}
.ie7 .C.Content .services-C {width:28%;}
.ie7 a.button {padding:1px 40px;}
.ie7 #Footer {width:100%;}
.ie7 #Footer .FooterCenter ul li {list-style-image:none;}
.ie7 #ContactForm .Footer {float:left;}
.ie7 #ContactForm .Footer a.Button {padding:2px 40px;}
.ie7 #QuickContact ul li {list-style-image:none; list-style:none;}
.ie7 #QuickAlbumList .Row .Title { width:100px; }
.ie7 #AlbumLogin .Field INPUT {width:auto;}
.ie7 .C.Content .services-C, .ie8 .C.Content .services-C {width:28%;}
.ie7 .B.Content H1, .ie8 .B.Content H1 {font-size:30px;}
/* ----------------------------------------------------------------------------------- */
/*IMPORTED STYLES*/
/*-------------------------------------------------------------------------------------*/
/* CSS Document */
/* ------------------------------------------------------------------ QuickAlbumList */
#QuickAlbumList .Row table,
#QuickAlbumList .Row td { padding:0; }
#QuickAlbumList .Row tr { background:none !important; }
#QuickAlbumList .Row .ThumbTable { width:180px; height:140px; float:left; }
#QuickAlbumList .Row .ThumbTable img { margin:0; padding:0; box-shadow:0 0 5px rgba( 0, 0, 0, 0.5 ); }
#QuickAlbumList .Row .Title { float:left; clear:both; display:block; text-decoration:none; font-size:14px; line-height:18px; }
#QuickAlbumList .Row .Description { color:#818285; font-size:12px; font-style:italic; line-height:14px; float:left; clear:both; }
#QuickAlbumList .Row .Button { display:none; }
*+html #QuickAlbumList .Row .Title,
*+html #QuickAlbumList .Row .Description { width:180px; }
#QuickAlbumList .Row:hover .Title { text-decoration:underline; }
/* ------------------------------------------------------------------ Main AlbumList */
.cat_CLIENTALBUM .Title {content=" ";}
#AlbumList { margin:0 auto; max-width:1080px; padding:35px 0 0 0; position:relative; overflow:hidden; }
#AlbumList .Row { width:180px; height:180px; margin:0 30px 35px 30px; position:relative; float:left; cursor:pointer; }
#AlbumList .Row .ThumbTable { width:180px; height:140px; float:left; }
#AlbumList .Row .ThumbTable img { margin:0; padding:0; }
#AlbumList .Row .Title { float:left; clear:both; display:block; text-decoration:none; font-size:14px; font-weight:bold; line-height:18px; }
#AlbumList .Row .Description { color:#aaa; font-size:12px; font-style:italic; line-height:14px; float:left; clear:both; }
#AlbumList .Row .Button { display:none; }
*+html #AlbumList .Row .Title,
*+html #AlbumList .Row .Description { width:180px; }
#AlbumList .Row:hover .Title { color:#e9181f; }
#SubAlbumList { width:100%; margin:0 auto; padding:35px 0 0 0; position:relative; }
#SubAlbumList .Row { width:180px; height:180px; margin:0 30px 35px 30px; position:relative; float:left; cursor:pointer; }
#SubAlbumList .Row.Back { width:900px; height:auto; padding:10px; margin:0 0 0 20px; color:#dd0330; }
#SubAlbumList .Row.Back .ThumbTable { display:none; }
#SubAlbumList .Row.Back .Title { font-size:20px; }
#SubAlbumList .Row.Back .Title:after { content:' '; }
#SubAlbumList .Row .ThumbTable { width:180px; height:140px; float:left; }
#SubAlbumList .Row .ThumbTable img { margin:0; padding:0; box-shadow:0 0 5px rgba( 0, 0, 0, 0.5 ); }
#SubAlbumList .Row .Title { float:left; clear:both; display:block; text-decoration:none; font-size:14px; font-weight:bold; line-height:18px; color:#939598; }
#SubAlbumList .Row .Description { color:#aaa; font-size:12px; font-style:italic; line-height:14px; float:left; clear:both; }
#SubAlbumList .Row .Button { display:none; }
*+html #SubAlbumList .Row .Title,
*+html #SubAlbumList .Row .Description { width:180px; }
#SubAlbumList .Row:hover .Title { color:#e9181f; }
#ImageList.SubLevel0 {display:none;}
.aid_WEDDINGS .Content.C, .aid_EVENTS .Content.C, .aid_PORTRAITS .Content.C, .NOTFOUND .Content.B, .NOTFOUND .Content.C { display:none; }
.aid_WEDDINGS #AlbumList, .aid_EVENTS #AlbumList, .aid_PORTRAITS #AlbumList { padding:0; width:100%; max-width:1080px; margin:0px auto; }
/* ------------------------------------------------------------------ Image Thumbnail List */
.searchbox.hidden { display:none; }
/* Search */
.SearchFilter { margin-top:10px; }
.SearchFilter .Label { line-height:25px; font-weight:bold; padding:0 5px 0 0; float:left; }
.SearchFilter input { width:250px; padding:5px; float:left; background:#fff; border:1px solid #fff; font-family:courier; color:#666; }
.SearchFilter button { color:#fff; float:left; text-transform:uppercase; font:normal 0.8em/1.8em tahoma,arial,sans-serif; cursor:pointer; text-decoration:none; padding:2px 15px; display:inline-block; position:relative; }
.SearchFilter button { border:none; background:#e9181f; margin-left:10px; box-shadow:0 0 3px rgba( 0, 0, 0, 0.5 ); }
.SearchFilter button:hover { background:#000; box-shadow:none; }
.SearchFilter button:focus { background:#3f3f3f; }
/* Images */
#ImageList { margin:0 auto; clear:both; padding:35px 0 0 0; position:relative; overflow:hidden; }
#ImageList .Item { width:200px; height:180px; margin:0 20px 20px 0; position:relative; float:left; cursor:pointer; }
#ImageList .Item .ThumbTable { width:200px; height:160px; float:left; }
#ImageList .Item .ThumbTable .Image { margin:0; padding:0; box-shadow:0 0 5px rgba( 0, 0, 0, 0.5 ); }
#ImageList .Item .Caption { float:left; clear:both; display:block; text-decoration:none; font-size:14px; font-weight:bold; line-height:22px; color:#fff; }
#ImageList .Item:hover .Caption { color:#e9181f; }
/* Paging */
#ImageList .Pager { padding:35px 0 10px 0; margin:0 10px; float:left; clear:both; position:relative; }
#ImageList .Pager .Button.Next a,
#ImageList .Pager .Button.Previous a { position:absolute; top:0; }
#ImageList .Pager .Button.Next a { right:30px; }
#ImageList .Pager .Button.Previous a { left:10px; }
/* Pagelinks */
#ImageList .Pager .Pages { float:left; margin:10px 0; padding:5px 8px 4px; background:rgba( 0, 0, 0, 0.2 ); }
*+html #ImageList .Pager .Pages { background:#000; }
#ImageList .Pager .Pages ul { width:925px; list-style:none; padding:0; margin:0; }
/* Heading */
#ImageList .Pager .Pages ul li a { display:none; }
/* Links */
#ImageList .Pager .Pages ul ul li a { box-shadow:none; display:block; z-index:99998; color:#e9181f; white-space:nowrap; float:left; font-weight:bold; font-size:12px; padding:4px 4px 4px 10px; text-indent:10px; margin:0 5px 2px 5px; border:none; text-decoration:none; background:url('pictures/gs_webgraphics/icon-page.png') 4px 8px no-repeat; position:relative; }
#ImageList .Pager .Pages ul ul li a:empty { display:none; } /* bugfix */
#ImageList .Pager .Pages ul ul a:hover { cursor:pointer; color:#fff; background:#000 url('pictures/gs_webgraphics/icon-page.png') 4px center no-repeat; }
#ImageList .Pager .Pages ul ul a.Selected { cursor:default; color:#999; text-decoration:underline; background-color:none; background-position:4px -72px; }
#ImageList .Pager .Pages ul ul a.Selected:hover { color:#999; background-color:transparent; background-position:4px -72px; }
*+html #Wrapper #ImageList .Pager .Pages a { display:block; float:left; background:none; }
*+html #Wrapper #ImageList .Pager .Pages ul { }
*+html #Wrapper #ImageList .Pager .Pages ul li { float:left; margin:0; padding:0; }
*+html #Wrapper #ImageList .Pager .Pages ul li a { height:20px; float:left; margin:10px; padding:0; }
*+html #Wrapper #ImageList .Pager .Pages ul ul { }
*+html #Wrapper #ImageList .Pager .Pages ul ul li { }
*+html #Wrapper #ImageList .Pager .Pages ul ul li:first-child { margin:20px; }
*+html #Wrapper #ImageList .Pager .Pages ul ul li a { height:auto; display:block !important; margin:0; padding:5px 10px; }
/* ------------------------------------------------------------------ Image Popup Window */
body.PopupBody { width:100%; height:100%; margin:0; padding:0; overflow:hidden; background:url('pictures/gs_webgraphics/bg-stripe-dark.gif') repeat; }
body.PopupBody form { width:100%; height:100%; }
#PopuText { width:300px; height:700px; z-index:1; position:absolute; top:0; left:0; background:#fff; box-shadow:0 0 5px 0 rgba(0, 0, 0, 0.5); }
/* image */
#PopupWindow #MainImage { width:100%; height:100%; float:left; margin:0; padding:0; }
#PopupWindow #MainImage img.Image { margin:0; box-shadow:0 0 5px 0 rgba(0, 0, 0, 0.5); }
#PopupWindow #MainImage { margin-top /*\**/:20px\9; }
/* caption */
#PopupWindow .CaptionBottom { display:none; width:640px; height:20px; position:absolute; bottom:10px; left:50%; margin-left:-320px; color:#fff; font-size:14px; font-weight:bold; line-height:20px; background:rgba( 0, 0, 0, 0.5 ); z-index:2; padding:5px; }
#PopupWindow .CaptionBottom:before { float:left; display:block; color:#999; padding:0 7px; font-weight:normal; content:'Image name: '; }
/* controls */
#PopupWindow .ImageControls { width:900px; height:25px; position:absolute; bottom:10px; left:0; z-index:2; padding:5px 10px; }
#PopupWindow .ImageControls .Previous { float:left; }
#PopupWindow .ImageControls .Next { float:right; }
/* colour filter */
#PopupWindow .ImageFilter { width:280px; height:15px; border-bottom:1px solid #ddd; font:bold 12px arial,sans-serif; z-index:2; padding:5px 10px; }
#PopupWindow .ImageFilter:before { content:' Change colour settings: '; }
#PopupWindow .ImageFilter img { margin:0 2px; float:right; display:inline-block; }
/* prices button */
#MetaData { text-transform:uppercase; position:absolute; top:10px; left:10px; z-index:2; }
#MetaData .Button { width:255px; display:block; text-align:center; padding:5px 10px; background:#e9181f; box-shadow:0 0 5px rgba( 0, 0, 0, 0.5 ); text-transform:none; color:#fff; cursor:pointer; line-height:18px; font-size:18px; }
#MetaData .Button:hover { background:#000; }
#MetaData .Button:before { padding:0 5px; content:' \2193'; }
#MetaData .Button:after { content:' \2193'; }
/* Price list */
.MetaData { display:block; position:fixed; top:40px; left:12px; font-size:11px; background:url('pictures/gs_webgraphics/bg-chrome.jpg') repeat #fff; }
.MetaData td { padding:0 !important; }
.MetaData nobr { white-space:normal !important; color:#333333; }
.MetaData .MetaDataHeading,.MetaData .MetaDataField,.MetaData .MetaDataFieldOver, .MetaData .MetaDataCommand,.MetaData .MetaDataCommandOver
{ width:275px !important; padding:5px 8px !important; display:block; float:left; font-size:14px; line-height:18px; cursor:pointer; }
.MetaData .MetaDataTitle { font-size:12px; font-weight:bold; padding:5px 10px; margin:0 10px 0 10px; }
.MetaData .MetaDataHeading { font-weight:bold; padding:5px 0 3px; margin:8px 0 0 0; }
.MetaData .MetaDataField { }
.MetaData .MetaDataFieldOver { background:#fff; color:#333; }
.MetaData .MetaDataCommand { width:100% !important; color:#3f3f3f; background:#fff url('pictures/gs_webgraphics/icon-cart.png') 5px 8px no-repeat; float:none; padding:10px 10px 10px 30px !important; }
.MetaData .MetaDataCommandOver { width:100% !important; background:#e9181f url('pictures/gs_webgraphics/icon-cart.png') 5px -22px no-repeat; color:#fff; float:none; padding:10px 10px 10px 30px !important; }
.MetaData .MetaDataBasket { font-size:12px; padding:5px 10px !important; }
.MetaData .MetaDataBasketOver { font-size:12px; padding:5px 10px !important; background:#fff; cursor:pointer; }
.MetaData img { position:absolute; right:0; margin-top:-4px; display:block; text-align:right; float:right !important; width:inherit; }
/* I <3 IE */
*+html .MetaData .MetaDataCommand,
*+html .MetaData .MetaDataCommandOver { background-image:none; }
/* -------------------------------------------------------------------------------- */
/* Media Queries */
/* -------------------------------------------------------------------------------- */
@media only screen and (max-width:1200px) {
/*Android issue fix*/
.aid_WEDDINGS #AlbumList, .aid_EVENTS #AlbumList, .aid_PORTRAITS #AlbumList, .carousel-container, .Content.C, #Footer { border-left:none !important; left:0 !important; background:#ececec url('pictures/gs_webgraphics/grey-bg.jpg') repeat top left !important; }
.FooterBottom { border-left:none !important; left:0 !important; background:#494949 url('pictures/gs_webgraphics/dark-grey-bg.jpg') repeat top left !important; }
}
@media only screen and (max-width:1080px) { }
/*1024px*/
@media only screen and (max-width: 1025px) {
body { background:none !important;}
body.CLIENTALBUM {background:#fff url(pictures/gs_webgraphics/rh-pattern-top-client.jpg) repeat-x !important;}
#Logo {width:100%; height:143px; background-image: url('pictures/gs_webgraphics/logo-large.png'); background-repeat:no-repeat; background-position:center center; float:none; margin:0;}
.LogoLink {top:31px; left:0; width:100%; height:80px;}
.HeaderMob {text-align:center; width:100%; margin:0;}
.PageMenu {width:100%; margin-top:0;}
.PageMenu .Alignment {width:100%; margin:0 auto; float:none; text-align: center; }
.PageMenu a {/*padding:1px 14.85%;*/ margin:0 7px; }
body.HOME .main-image, .main-image, .main-image img {max-width:100%; height:auto;}
.main-image {background:#C7E6E5;}
.Row a .image img {margin-left:-20px;}
/*#PageContent .Content.C {padding:20px 2%;}*/
#ContactForm #ContactForm_Item_contact_query {position:static; top:auto; right:auto;}
#ContactForm .Row {width:100%;}
#ContactForm .Row, #ContactForm .Row input, #ContactForm .Row select, #ContactForm .Row textarea { width:100%;}
}
/*960px*/
@media only screen and (max-width:960px) {
a.mob-menu {display:block;}
.PageMenu {display:block;}
#PageContent .Content.A {padding:63px 2%; width:96%;}
#PageContent .Content.B {width:96%; float:none; padding:20px 2%;}
#ImageList .Pager .Pages { max-width:900px; width:95%;}
.aid_CONTACT #ContactForm {width:96%;}
#Footer, .FooterBottom {width:96%; padding:20px 2%; }
}
/*920px*/
@media only screen and (max-width: 920px) {
.Row a .image img {margin-left:-40px;}
.main-title {padding:20px 40% 20px 20px; height:232px;}
#ShoppingCart .List {font-size:14px;}
}
/*850px*/
@media only screen and (max-width: 850px) {
#PageHeader {height:200px;}
.quick-links, .testimonials {float:none; width:100%;}
.testimonial {padding:0; }
/*TOP NAV */
#QuickAlbumList {margin:0 auto; }
.aid_CONTACT #ContactForm {width:56%;}
}
/*768px*/
@media handheld, only screen and (min-width: 799px) {
.PageMenu { display: block!important; }
}
@media handheld, only screen and (max-width: 798px) {
#Wrapper { background-image:url('pictures/gs_webgraphics/ragsdale-camera-lens-bg.png');}
#Logo {width:100%; height:143px; background-image: url('pictures/gs_webgraphics/logo-large.png'); background-repeat:no-repeat; background-position:center center; float:none;}
.LogoLink {position:absolute; top:31px; left:0; width:100%; height:80px; }
.HeaderMob {text-align:center; width:100%; padding:0;}
.Container {position:static;}
#PageHeader{height:200px; text-align:center; background-image:url('pictures/gs_webgraphics/ragsdale-menu-bg.jpg'); background-position:center bottom; background-repeat:no-repeat; }
/*NAV*/
.mobile-menu {display:block; cursor:pointer; text-indent:-99999px\0; }
.PageMenu .Alignment {float:left; width:100%; background:#DD0330; }
.PageMenu { background:#DD0330; display:none; width:100%; float:left; height:267px; clear:both; margin:53px 0 0 0; position:absolute; padding:0; top:143px; left:0; cursor:pointer; background:none; z-index:999;}
.PageMenu a {width:100%; margin:0;}
.PageMenu .MenuItem {background:none; float:left; padding:0; width:100%; margin:0;}
.PageMenu .MenuItem a {display:block; height:40px; padding:3px 2.9%;}
.PageMenu .MenuItem a:hover, .MenuItem a.Selected:hover {background:#939598;}
.PageMenu .MenuItem a.Selected {text-decoration:underline;}
.HeaderMob {margin: -83px auto 58px auto; text-align:center;}
.MenuFooter {display:none;}
/*GALLERY*/
#Prev { display:none !important;}
#Next { display:none !important;}
/*LAYOUT*/
.MainArea {width:99.9%;}
.boxes .Row { display:none; width:50%;}
.boxes .Row a {margin:20px 0 10px;}
.Row a .image img {margin-left:0;}
.Content.A, .Content.B, Content.C {padding:4%;}
.Content.A, .Content.B {clear:both; width:92%;}
.Content.B {float:left;}
.Content.C {background-color:#ececec; clear:both; float:left; width:100%; margin:0 0 56px 0; border-left:none; bottom:0; box-shadow:none; left:0; position:relative; right:0; height:auto;}
#ContactForm {height:600px;}
#ContactForm .Row, #ContactForm .Row input, #ContactForm .Row select, #ContactForm .Row textarea {width:100%;}
body.LOGIN .Content.B {display:none;}
.main-title h1 { margin-top:60px; font-size:36px; line-height:46px;}
#ImageList {width:100%;}
#ImageList .Item { margin-left:15px; padding:15px;}
#ImageList .Item, #ImageList .Item .ThumbTable {width:110px;}
#ImageList .Item .ThumbTable img { max-width:104px; height:auto;}
.Content.A #QuickAlbumList .Row .Title { line-height:24px;}
.Content.A #QuickAlbumList .Row .ThumbTable { min-width:200px;}
/*CONTACT PAGE*/
.aid_CONTACT .Content.A, .aid_CONTACT .Content.B {float:right; width:94% !important; padding:0 0 0 5%;}
.aid_CONTACT #ContactForm {width:92%; float:left; margin:2.604166666666667%; padding:2.604166666666667%;}
.aid_CONTACT .Content.A p {margin:0;}
.aid_CONTACT #ContactForm {width:90%;}
#ContactForm .Row {padding:0;}
#ShoppingCart {padding-right:0;}
#ShoppingCart .Header .Option {width:30%;}
#ShoppingCart .Header .Price, #ShoppingCart .Header .Quantity, #ShoppingCart .Header .Total {width:12%;}
#ShoppingCart .List .Option {width:32%;}
#Footer {background-color:#ececec; height:700px; border-left:none; bottom:0; box-shadow:none; left:0; position:relative; right:0;}
#Footer .FooterLeft,#Footer .FooterCenter, #Footer .FooterRight {width:100%;}
#Footer .FooterLeft {}
#Footer .FooterLeft .email, #Footer .FooterLeft .mobile, #Footer .FooterLeft .address {background-image:url('pictures/gs_webgraphics/footer-icon-sprite.png'); background-repeat:no-repeat; padding: 0 0 0 45px; font-size:14px; margin:0 0 15px 0;}
#Footer .FooterLeft .email { background-position:0 0; height:16px; line-height:16px;}
#Footer .FooterLeft .mobile {height:25px; background-position:0 -24px; line-height:25px;}
#Footer .FooterLeft .address {height:25px; background-position:0 -59px; line-height:25px;}
#Footer .FooterCenter {margin:60px 0 0 0;}
#Footer .FooterRight {}
#Footer .FooterRight .facebook, #Footer .FooterRight .twitter, #Footer .FooterRight .linkedin {background-image:url('pictures/gs_webgraphics/ragsdale-social-media-links.png'); background-repeat:no-repeat; padding: 0 0 0 45px; font-size:14px; margin:0 0 15px 0;}
#Footer .FooterRight .facebook { background-position:0 0; height:35px; line-height:16px;}
#Footer .FooterRight .linkedin {height:35px; background-position:0 -49px; line-height:25px;}
#Footer .FooterRight .twitter {height:35px; background-position:0 -97px; line-height:25px;}
.FooterBottom {background-color:#494949; height:200px; width:100%; padding:5% 0; border-left:none; bottom:0; box-shadow:none; left:0; position:relative; right:0;}
.FooterBottom .swpp-logo {float:left; width:111px; }
.FooterBottom .camera {float:left; width:131px; padding-right:0;}
.FooterBottom .Copyright {clear:both; width:100%; float:right; color:#fff;}
.FooterBottom .Phosys {width:100%; float:right; color:#fff; margin-top:30px;}
.FooterBottom .Phosys a {color:#fff;}
}
/*700px*/
@media handheld, only screen and (max-width: 700px) {
.Content.C p, .Content.C .services-C {width:100%; margin:2%;}
}
/*560px*/
@media handheld, only screen and (max-width: 560px) {
/* HEADER */
.main-title h1 {font-size:24px; line-height:28px;}
/*SHOPPING CART*/
#ShoppingCart .Header {display:none;}
#ShoppingCart .Row .Thumbnail, #ShoppingCart .Row .Option, #ShoppingCart .Row .Price, #ShoppingCart .Row .Quantity,
#ShoppingCart .Row .Total, #ShoppingCart .Row .Remove {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 {padding-right:5px; font-weight:bold;}
#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 .Footer {width:80%;}
/*BODY*/
.Content.A, .Content.B {width:91%; padding:5%; margin-bottom:20px;}
.Content C {width:91%; padding:20px 20px 48px 20px; margin-bottom:20px; }
.Content.A #QuickAlbumList .Row, .footer-wrapper #QuickAlbumList .Row {width:240px;}
.Content.A #QuickAlbumList .Row .Title, .footer-wrapper #QuickAlbumList .Row .Title {padding-left:10px;}
.Content.A #QuickAlbumList .Row .ThumbTable, .footer-wrapper #QuickAlbumList .Row .ThumbTable{float:none; min-width:240px;}
.Content.A, .Content.B{width:89.9%;}
}
/*250*/
@media only screen and (max-width:250px) {
#Footer p, #Footer a, #Footer .FooterCenter a, #Footer .FooterRight a {font-size:50% !important; }
.FooterBottom {height:320px;}
}
// from System Meta Data