/*credit subtlepatterns.com background pattern http://creativecommons.org/licenses/by-sa/3.0/ */


/* 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; }


/* Good ol' clearfix */
.cf:before,.cf:after, .PageMenu:before, .PageMenu:after,
 .MainArea:before, .MainArea:after, #AlbumList:before, #AlbumList:after, .footer .Row:before, .footer .Row:after, .Pages:before, .Pages:after  { content: " "; display: table; }
.cf:after, .PageMenu:after, .MainArea:after, #AlbumList:after, .footer .Row:after, .Pages:after  { clear: both; }
.cf, .PageMenu, .MainArea, #AlbumList, .footer .Row, .Pages { *zoom: 1; } /* For IE 6/7 only */
  
    

/* ---------Maria Ashby Giles Photography */

html, body { width:100%; height:100%; font-family:TimesNewRoman,"Times New Roman",Times,Baskerville,Georgia,serif; font-size:17px; line-height:27px; margin:0; padding:0; color:#363636; }

html { background:#eee url('pictures/gs_webgraphics/background.jpg'); }

form { width:100%; height:100%; }

div, table, td { margin:0; padding:0; }

a         { color:#027a9c; outline:none; text-decoration:none;}
a:visited { color:#027a9c; }
a:hover   { color:#0b7af3; text-decoration:underline; }
a img     { border:none; outline:none; }

strong { font-weight:bold; }
em { font-style:italic; }

p, ul, ol { line-height:1.6em; }
p {margin-bottom:27px;}

ul{padding:0; margin:0;}
li {list-style:none;}
.PageContent li {padding-left:20px; background:url(pictures/gs_webgraphics/tild.png) no-repeat left center;}

blockquote { font:normal 24px/36px TimesNewRoman,"Times New Roman",Times,Baskerville,Georgia,serif; font-style:italic; color:#999; text-indent:60px; padding-top:10px; background: url('pictures/gs_webgraphics/quote-marks.png') no-repeat 0 0; }
blockquote p {line-height:32px;}


h1, h2, h3, h4, h5, h6 { padding:0; margin:10px 0; font:normal 36px/46px TimesNewRoman,"Times New Roman",Times,Baskerville,Georgia,serif; color:#363636; }
h2 { font-size:24px; line-height:32px; }
h3, h4 { font-size:18px; line-height:28px; font-weight:bold; }
h4 { color:#999; }
h5 { font-size:14px; line-height:24px; text-transform:uppercase; }
h6 { font-size:12px; line-height:22px; text-transform:uppercase; }


a.Button, .Button { float:left; color:#fff; font-size:1em; line-height:2em; text-decoration:none; text-transform:uppercase; padding:2px 15px; background:#027a9c; display:block; position:relative; }

    a.Button:hover, a.Button:focus, .Button:hover { background:#0b7af3; }
    
img {max-width:100%; height:auto;}
    
#Wrapper {width:100%; max-width:1260px; margin:0px auto; background:#fff;}



/* ------------------------------------------------------------------ Shared Styles */

.tablet, .desktop {display:none;}
.inner {padding:10px;}

.icon {background: url('pictures/gs_webgraphics/icons.png') no-repeat; margin:0 10px 0 0; padding:0; overflow:hidden; display:inline-block; }
    .icon.menu {background-position:-1px 7px; width:27px; height:19px;}
    .icon.phone {background-position:-1px -228px; width:31px; height:21px;}
    .icon.email {background-position:-1px -115px; width:28px; height:18px;}
    .icon.address {background-position:-1px -571px; width:30px; height:26px;}
   

.header, .footer {background:#1b1b1b; } 

#Wrapper, #QuickAlbumList .ThumbTable img, .BasketImage, #AlbumList .Row .ThumbTable .Thumbnail img, .Thumbnail a img  {box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2); }

/* ------------------------------------------------------------------ Header */

.header {padding:20px 0;}
    .logolink {display:block; overflow:hidden; margin:0px auto; text-indent:-9999px; background: url('pictures/gs_webgraphics/logo.png') no-repeat -78px -363px; width: 221px; height: 65px; }



/* ------------------------------------------ Main Nav */

 a.toggle-menu {display:block; background:#fff; width:100%; text-align:center; padding:10px 0; text-decoration:none; color:#888; font-size:18px; text-transform:uppercase;}
    a.toggle-menu .mobile-menu {width:200px; margin:0px auto; display:block; padding:0; line-height:24px; }
    a.toggle-menu:hover { text-decoration: underline; }
    
.Alignment {border-top:1px solid #ccc;}

.PageMenu { width:100%; display:none;}
    .MenuItem, .MenuItem a {width:100%; display:block; text-align:center;}
    .MenuItem {border-bottom:1px solid #ccc;}
    .MenuItem a {font-size:1.2em; padding:10px 0; text-decoration:none; text-transform:uppercase; color:#1b1b1b;}
    .MenuItem a:hover, .MenuItem a:active {background:#027a9c; color:#fff;}



/* ------------------------------------------------------------------ Main Area */

#MainArea {overflow:hidden;}

/*Image Sliders*/

#ImagePlayer, #CarouselGallery {background:#eee; position:relative;} 
#CarouselGallery {background:#eee url('pictures/gs_webgraphics/ajax-loader.gif') no-repeat center center}
#Carousel {visibility:hidden; background:#eee;}   
    #Gallery {margin:0px auto; overflow:hidden;}   
    .SlideshowImage {width:100%;}
        .SlideshowImage img {display:block; margin:0px auto; max-width:100%; width:auto; max-height:220px;}
    p.caption, p.id {display:none;}
    
    #Next, #Prev {position:absolute; display:block; height:100%; width:50%; z-index:9999; top:0; text-indent:-99999px; overflow:hidden; cursor:pointer;}
    #Next {right:0;}
    #Prev {left:0;}
     #Next:hover {background:url(pictures/gs_webgraphics/next.png) no-repeat 98% 50%; }
     #Prev:hover {background:url(pictures/gs_webgraphics/prev.png) no-repeat 2% 50%;}
#CarouselGallery  {max-height:150px; overflow:hidden;}  
    .Carousel-Image {display:block; float:left; margin:0 5px;}    
    .Carousel-Image img {max-width:100%; width:auto; max-height:150px; }

/*Content*/
.Content {width:100%;}

.Content.B { margin-bottom: 40px; }

/*diamond pattern borders*/
    .Content.B .inner:before, .Content.B .inner:after, body.CONTACT .Content.A .inner:before, 
     body.CLIENTS .Content.A .inner:before, body.CLIENTS .Content.A .inner:after,
     body.LIGHTBOX .Content.A .inner:before, body.LIGHTBOX .Content.A .inner:after  { display:block; content:""; height:10px; width:100%; background: url('pictures/gs_webgraphics/tild-pattern.png') repeat-x bottom left;}
    .Content.B .inner:before, body.CONTACT .Content.A .inner:before, body.CLIENTS .Content.A .inner:before,
     body.LIGHTBOX .Content.A .inner:before, body.LIGHTBOX .Content.A .inner:before  { background: url('pictures/gs_webgraphics/tild-pattern.png') repeat-x top left; padding-top:50px;}  
     body.CLIENTS .Content.A .inner:after, body.LIGHTBOX .Content.A .inner:after, .Content.B .inner:after {padding-bottom:40px;}
     
.Content.C {background: url('pictures/gs_webgraphics/flower-pattern.jpg');}

/* ------------------------------------------------------------------ Footer */

#PageFooter {display:none;}
.footer {color:#eee; padding:10px 0;}
    .third, .two-thirds {width:100%;}
    
.footer a { color: #fff; }
    
    .footer h3 {display:block; width:100%; text-indent:20px; font-size:24px; font-weight:normal; line-height:44px; padding:20px 0;}
    
    .footer h3, .copyright {background:#101010; color:#888;}
     .contact-details {font-size:20px; line-height:26px; padding-top:10px;}
     .contact-details li {margin:0 0 20px 0;}
     .contact-details li.postal {padding-left:49px;}
     .contact-details li .icon {margin-right:20px;}
     .contact-details li.postal .icon {margin-left:-49px; margin-right:16px;}
     
     .footer hr {border:none; border-top:1px solid #242424; background:#101010;}
     
     .social-links {padding:20px 0;}
         .social-links li {margin-right:20px; float:left; }
            .social-links li a {display:block; height:25px; overflow:hidden; text-indent:-9999px; background: url('pictures/gs_webgraphics/icons.png') no-repeat;}
            .social-links li a.facebook {background-position:-173px -224px; width:25px;}
            .social-links li a.twitter{background-position:-167px -112px; width:31px;}
            .social-links li a.pinterest {background-position:-173px 0; width:25px;}
            .social-links li a.google-plus {background-position:-171px -340px; width: 28px; height: 26px;}
   
    .copyright {text-transform:uppercase; font-size:10px; }
        .disclaimer .inner {padding-bottom:0;}
            .copyright a {color:#888; text-decoration:none;}
            .copyright a:hover {text-decoration:underline;}



/* ------------------------------------------------------------------ RSS Feed*/          
        
.RSS  { width:100%; margin-top:15px; }
.RSS .RSSItem {margin:0 0 20px 0;}
   .RSS .RSSItem a.Title {font-size:20px; line-height:26px; }
   .RSS .RSSItem a.Title:after {content:"\00bb"; padding-left:5px;}
    .RSS .RSSItem .PubDate {font-size:12px; font-style:italic; margin:10px 0;}
    .RSS .RSSItem .Description {font-size:14px; line-height:18px; margin:0;}

.footer a.hide-link, .RSS .RSSItem a.ReadMore {display:none;}

.Content .RSS .RSSItem {padding-bottom:40px; margin-bottom:40px; border-bottom:1px solid #ccc;}

.footer .RSS .RSSItem a.Title, .footer .RSS .RSSItem .Description {color:#ccc;}
.footer .RSS .RSSItem .PubDate {color:#aaa;}    


/* ------------------------------------------------------------------ QuickAlbumList */

#QuickAlbumList .Row {cursor:pointer;}    

    #QuickAlbumList .Title:after {content:"\00BB"; padding-left:5px;}
#QuickAlbumList .Button {background:none; text-align:left; padding:0; }
    #QuickAlbumList .ThumbTable  {width:180px; height:180px; overflow:hidden; display:block;}
        #QuickAlbumList .ThumbTable img {width:100%;}

.Content #QuickAlbumList .Row { width:100%; margin-bottom: 20px; }
    .Content #QuickAlbumList .Title {font-size:19px; line-height:20px; margin-bottom:10px; color:#027a9c;}
    .Content #QuickAlbumList .Description {font-size:13px; line-height:18px; color:#3b3b3b;} 
    .Content #QuickAlbumList .Button  {display:none;}
    
.Content #QuickAlbumList .Title:hover, .Content #QuickAlbumList .Selected .Title { text-decoration: underline;}
.Content #QuickAlbumList .Selected .Title { opacity: 0.5; }
    
.Content.B #QuickAlbumList .Row  {margin:20px 0; display:block; float:none; padding-left:31px; background: url('pictures/gs_webgraphics/tild.png') no-repeat left center;}
.Content.B #QuickAlbumList .ThumbTable {display:none;}

.Content #QuickAlbumList .ThumbTable {margin-bottom:20px;}

.footer #QuickAlbumList {margin-top:20px;}
    .footer #QuickAlbumList .Row {width:100%; margin:0 0 20px 0; clear:both;}
        .footer #QuickAlbumList .ThumbTable  {width:80px; height:80px; margin-right:20px;  }  
        .footer #QuickAlbumList .Title {font-size:13px; line-height:15px; margin-bottom:5px;}   
        .footer #QuickAlbumList .Description {font-size:12px; line-height:16px; color:#aaa;}        
        .footer #QuickAlbumList .Description, .footer #QuickAlbumList .Title {width:60%;}
        .footer #QuickAlbumList .ThumbTable, .footer #QuickAlbumList .Description, .footer #QuickAlbumList .Title {float:left;}
        .footer #QuickAlbumList .Button {font-size:10px;}
        
        .footer #QuickAlbumList .Row:hover .Title { text-decoration: underline; }

   
   
    
/* ------------------------------------------------------------------ Contact Form */

#ContactForm { padding:60px 10px; margin-bottom: 40px; }

    #ContactForm .Row { width:100%; }  
        #ContactForm .Row .Label { text-transform:uppercase; color:#888; display:block; }
        #ContactForm .Row .Field { font-size:12px; padding:10px 5px; }    
        #ContactForm .Row input, #ContactForm .Row select, #ContactForm .Row textarea { width:90%; background:#eee; border:1px solid #ccc; color:#666; } 
        #ContactForm .Row textarea { height:215px;  } 
        #ContactForm .Row select { }     

    #ContactForm .Footer { float:left; clear:both; margin-top:20px; }  
    #ContactForm .VAMRequiredFieldMarker { width:12px; height:12px; padding:0; margin:0; display:block; overflow:hidden; background:url('pictures/gs_webgraphics/requireddot.png') no-repeat; }
        #ContactForm .VAMRequiredFieldMarker img { position:relative; left:-99999px; display:block; }
 
 

/* ------------------------------------------------------------------ Album Login */

#AlbumLogin { width:100%; height:auto; padding:0px; margin:0 0 20px 0;}

    #AlbumLogin .Row  { float:none; clear:both; margin:5px 0 20px; }

    #AlbumLogin .Label { text-align:left; line-height:35px; font-weight:bold; font-size:14px; text-transform:uppercase; color:#888;}
    #AlbumLogin .Field input { width:95%; padding:10px 5px; background:#f6f6f6; border:1px solid #ddd; border-right:1px solid #f2f2f2; border-bottom:1px solid #f2f2f2; color:#666; }

    #AlbumLogin .Footer { text-align:center; margin-top:20px;}

    #AlbumLogin a.Button { margin:0; border:none; float:none !important; clear:both; }
        #AlbumLogin .Button:hover { border:none; }


/* ------------------------------------------------------------------ Album List */

body.CLIENTS .Content.B, body.CLIENTS .Content.C {display:none;}
body.CLIENTS .Content.A { margin-bottom: 40px; }

body.CLIENTALBUM .Content.B a.Button {float:none;}

#AlbumList { padding:0 10px; margin-bottom:60px; }

    #AlbumList .Row { width:100%; min-height:300px; /*min-width:230px;*/ padding:0; margin:0 10px 10px 0; position:relative; overflow:hidden; float:left; cursor:pointer; background:#f1f1f1; }
      
        #AlbumList .Row .ThumbTable { margin:0 auto; width:100%;}
        #AlbumList .Row .Title, #AlbumList .Row .Description {padding:20px;}
        #AlbumList .Row .ThumbTable .Thumbnail img {margin:20px;}
        #AlbumList .Row .Title, #AlbumList .Row .Description {padding-top:0;}
        
        #AlbumList .Row .Title { clear:both; display:block; text-decoration:none; padding-bottom:5px; line-height:20px; }
        .ie7 #AlbumList .Row .Title, .ie7#AlbumList .Row .Description  {width:150px;}    
             
        #AlbumList .Row .Description { font-size:12px; font-style:italic; line-height:16px; }  
        #AlbumList .Row .Button { color:#777; position:absolute; bottom:5px; right:20px; font-size:11px; background:none; padding:0; margin:0; box-shadow:none;}

    #AlbumList .Row:hover .Title,  #AlbumList .Row:hover .Button { color:#0b7af3; }



/* ------------------------------------------------------------------ Image Thumbnail List */

#ImageList { padding:10px; padding-top: 0!important}
    #ImageList .Item { width:96.5%; height:172px; padding:1.75%; margin:0 0 1.75% 0; overflow:hidden; float:left; cursor:pointer; background:#eee; }

        #ImageList .Item .ThumbTable { width:172px; height:120px; margin:0px auto;}
        #ImageList .Item .Caption { width:125px; display:block; font-size:12px; } 
        #ImageList .LightBox { display:block; margin:0px auto; padding:0 0 3px 0; text-align:center; background:#fff; }
            #ImageList .LightBox img {display:block; }
       #ImageList #Images {clear:both;}

    #ImageList #Images:before, #ImageList #Images:after { content: " "; display: table; }
    #ImageList #Images:after { clear: both; }
    
body.NO-LB #ImageList .LightBox  { display: none; }


/* Paging */

.Pages  { margin-top: 20px; }
.Pager { position:relative; padding:40px 10px; text-transform:uppercase;}
    .Pager .Button { background:none; color:#777; padding:0;}
        .Pager .Button a {color:#027a9c;}
        .Pager .Button a:hover {color:#0b7af3; 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; background: url('pictures/gs_webgraphics/tild-pattern.png') repeat-x top left;}
    .Pager li.Button ul li {float:left; margin-right:20px; padding-left:20px; background:url(pictures/gs_webgraphics/tild.png) no-repeat left center;}

.Button.Next, .Button.Previous { position:absolute; top:20px; }
.Button.Next a, .Button.Previous a  { padding:5px 10px; color:#F6F1E7; text-decoration:none; background:#027a9c; text-transform:uppercase;}
.Button.Next a:hover, .Button.Previous a:hover {background:#0b7af3; color:#F6F1E7; }
.Button.Next {right:0px;}
.Button.Previous {left:0px;}



/* ------------------------------------------------------------------ Image Popup Window */

#PopupWindow { background:#1b1b1b url(pictures/gs_webgraphics/background.jpg);  }
    #PopupWindow #MainImage_TheImage { display:block; padding:10px !important; background:#ccc; margin:0px auto; margin-top:70px; }

        #PopupWindow .ImageControls { width:720px; height:65px; margin:0px auto; overflow:hidden; position:relative;}

            #PopupWindow .ImageControls .Previous { float:left; font-size:12px; text-decoration:none; margin:0px; }
            #PopupWindow .ImageControls .Previous:hover { text-decoration:none;}
            #PopupWindow .ImageControls .Next { float:right; font-size:12px; text-decoration:none; margin:0px; }
            #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; color:#fff; text-align:center; position:absolute; left:50%; bottom:75px; margin-left:-250px; font-size:18px; font-style:italic; font-weight:bold; }


/* ------------------------------------------------------------------ Add to basket popup */

#MetaData {width:360px; position:fixed; top:10px; left:10px; }
#MetaData span.Button {cursor:pointer; }
#MetaData span.Button:after {padding-left:5px; content:"\00bb"; }

.MetaData { position:fixed; top:45px; left:10px; text-align:left; background:#eee; padding:5px; font-size:14px; }


    .MetaData .MetaDataTitle { display:none; font-size:11px; font-weight:bold; font-size:14px; text-align:left; line-height:25px; color:#fff; padding:5px; background:#A5D7D8;}

        .MetaData .MetaDataField { font-size:14px; color:#027a9c; line-height:25px; font-weight:bold; }
        .MetaData .MetaDataFieldOver { font-size:14px; cursor:pointer; color:#0b7af3; font-weight:bold; line-height:25px; text-decoration:underline; }

        .MetaData .MetaDataHeading {text-transform:uppercase; color:#ccc; padding:4px; background:#1B1B1B; }

        .MetaData .MetaDataCommand { font-size:14px; text-align:right; color:#027a9c; line-height:25px; padding-right:20px !important; }
        .MetaData .MetaDataCommandOver { font-size:14px; cursor:pointer; color:#0b7af3; text-align:right; line-height:25px; text-decoration:underline; padding-right:20px !important;  background: url('pictures/gs_webgraphics/cart.png') no-repeat right top; }

        .ie7 .MetaData .MetaDataCommand, .ie7 .MetaData .MetaDataCommandOver  {padding-right:40px !important;}

.MetaData .MetaDataBasket { font-size:14px; color:black; line-height:25px;}
.MetaData .MetaDataBasketOver { font-size:14px; color:black; line-height:25px; }



/* ------------------------------------------------------------------ Shopping Cart */

#ShoppingCart { padding:20px; position:relative; margin-bottom:50px; clear:both; }     

#ShoppingCart .List { width:100%; float:left; clear:both; overflow:auto; }
#ShoppingCart .List table { display:table; width:100%;}

#ShoppingCart .Header {display:none;}             

#ShoppingCart .Row { padding:20px; margin:10px 0 0 0; background:#eee; }

#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: 15px; width:63px; height:11px; 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 .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:26px; font-weight:bold; text-align:right; color:#116060; border-top:1px dotted #A5D8D9;  }
#ShoppingCart .Footer .Button { float:right; margin:10px 0 20px 10px; clear:none; font-size:0.9em; }



 /* ------------------------------------------------------------------ Lightbox */   
 
#ImageList .Item .LightBox { }
#ImageList .Item .LightBox input { }
#MainArea #ImageList .Item .LightBox a {
    display: none;
}
#LightBox { padding:0; margin:40px auto; width:100%; font-size:12px;}

#LightBox .Header { display:none; }

#LightBox .Row { width:100%; height:135px; position:relative; overflow:hidden; list-style:none; float:left; padding:0; margin:0 0 10px 10px; cursor:pointer; background:#eee;  }

#LightBox .Row, #LightBox .Row .Product {width:168px;}
*+html #LightBox .Row { width:168px; }


#LightBox .Row table { height:106px; margin:0 auto; padding:0; }
#LightBox .Row td { margin:0; padding:0; border-collapse:collapse; }
#LightBox .Row .Product { position:absolute; bottom:0; left:0; width:100%; height:20px; float:left; margin:0; padding:0; border-top:2px solid #fff; color:#ccc; background:#1b1b1b; font-size:12px; text-align:center; line-height:20px;}

#LightBox tr { float:left; }
#LightBox td tr { float:none; }

#LightBox .Row .Quantity { display:none; }
#LightBox .Row .Remove   { display:none; }
#LightBox .Row .Option   { display:none; }

#LightBox .Footer { display:none; }

#LightBox .ErrorText { margin-left:20px; }


#QuickContact {color: #888; text-transform: uppercase; max-width: 400px; }
#QuickContact ul li {padding:0; background: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:5px 0; margin:0 0 0 0;  }
#QuickContact input, #QuickContact textarea {background:#eee; border: 1px solid #ccc; color: #666; width: 90%; padding:6px 4px;}
#QuickContact textarea { height:150px;}
#QuickContact .Footer  {margin:0;}
#QuickContact a.Button {display:block; line-height:20px; padding:5px 10px;}


.go-back { text-align: right; margin: 0; padding-bottom: 0!important;  }
.go-back input { border: none; float: right; cursor: pointer; }


/* ------------------------------------------------------------------ NoScript*/

#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;}



/* ------------------------------------------------------------------ 404 */   

#SiteMap { display:none; }  


/* ------------------------------------------------------------------ Old Client ALbums */   


body.cat_PHOTOALBUM #PageContent { font-size: 20px !important;  height: auto !important;  margin: 0px auto !important;  padding: 20px 0!important;  width: 100% !important; }
body.cat_PHOTOALBUM .AlbumID, body.cat_CLIENTALBUM .AlbumID, body.cat_CLIENTPORTRAITS .AlbumID { display: none;}

body.cat_PHOTOALBUM .Content.B, body.cat_CLIENTALBUM .Content.B, body.cat_CLIENTPORTRAITS .Content.B { margin-bottom: 0!important; }
body.cat_PHOTOALBUM .Content.B .inner, body.cat_CLIENTALBUM .Content.B .inner, body.cat_CLIENTPORTRAITS .Content.B .inner { padding-bottom: 0; }

/* ------------------------------------------------------------------ Media Quries*/

/********************Large mobile & small tablet************************************/

@media handheld, only screen and (min-width: 480px) {

.logolink {background-position:-31px -189px; width:320px; height:93px; }

#CarouselGallery, .Carousel-Image img {max-height:300px; } 
.SlideshowImage img {max-height:400px; }


/*Image List*/
#ImageList .Item { width:44%; height:172px; margin:0 1.75% 1.75% 0; } 


}


@media handheld, only screen and (min-width: 580px) {    
#AlbumList .Row {width:30%;}      

}

/********************Tablet Portrait Size************************************/

@media handheld, only screen and (min-width: 768px) {

.tablet {display:block;}
.inner, #ImageList{padding:40px;}


/*Header*/

.header {padding:40px 0;}
.logolink {width:377px; height:113px; background-position:0 0;}

/*Menu*/

a.toggle-menu {width:30%;}     
a.toggle-menu .mobile-menu {margin-left:40px; width:93px;}

.client-nav {position:absolute; right:40px; top:193px;}
    .client-nav li {float:left; margin-left:20px; line-height:45px;}
    .client-nav li {background:url(pictures/gs_webgraphics/icons.png) no-repeat -1px -448px; padding-left:42px; }
    .client-nav li.basket {background-position: -1px -332px; padding-left:40px; margin-left:40px;}
        .client-nav a {color:#888; text-transform:uppercase; font-size:17px;}
        
.MenuItem.aid_CLIENTAREA, .MenuItem.aid_ONLINE, .MenuItem.aid_BASKET {display:none;}   


#CarouselGallery, .Carousel-Image img {max-height:500px; }          
.SlideshowImage img {max-height:600px;}


/*Footer*/

.third {width:50%; float:left;}
#recent-weddings {width:100%;}


/*Albums Login & AlbumList*/

body.CLIENTS #MainArea, body.LIGHTBOX #MainArea {padding-left:40px;}
body.CLIENTS #PageContent, body.LIGHTBOX #PageContent {width:40%; float:right;}
body.CLIENTS .Content.A {width:100%;}

#AlbumList {width:60%; float:left; padding:60px 0; margin:0; }  

/*Quick Album List*/

.Content.C #QuickAlbumList .Row { float:left; width:15.7%; max-width:180px;  min-height: 400px; margin:0 5.3% 0 0;}
.Content.C #QuickAlbumList .Row:nth-child(5n) {margin-right:0;}
.Content.C #QuickAlbumList .ThumbTable {width:130px; height:130px;}

.ie8 .Content.C #QuickAlbumList .Row { max-width: 160px; }

/*Album List*/
#AlbumList .Row {width:45%; max-width:230px;}  


/*Image List*/
#ImageList .Item { width:28%; }

/*Light Box*/
#LightBox { margin:60px auto; width:60%; float:left; }

#LightBox .Row, #LightBox .Row .Product {width:168px;}
#LightBox .Row img {max-width:100%;}

/*Contact Form*/

body.CONTACT #MainArea {padding-left:40px;}
body.CONTACT #PageContent {width:40%; float:right;}
body.CONTACT .Content.A, body.CONTACT .Content.B,
body.LIGHTBOX .Content.A, body.LIGHTBOX .Content.B {width:100%; float:none;}
body.CONTACT .Content.B .inner {padding-top:0;}
#ContactForm {width:60%; float:left; clear:none; padding:60px 0; }

/*Shopping Cart*/
#ShoppingCart .Header { display:block; width:100%; padding:0; height:40px; clear:both; text-align:left; background:#1B1B1B; }
    
    #ShoppingCart .Header .Option    { float:left; width:22.7%; margin-left:32.5%;}
        
        #ShoppingCart .Header .Price,
        #ShoppingCart .Header .Quantity,
        #ShoppingCart .Header .Total     { float:left; width:10.7%; }
        
        #ShoppingCart .Header .Option ,  
        #ShoppingCart .Header .Price,
        #ShoppingCart .Header .Quantity,
        #ShoppingCart .Header .Total,
        #ShoppingCart .Message {font-weight:bold; font-size:14px; line-height:40px; color:#ccc; text-transform:uppercase; }
    
    #ShoppingCart .Row {  width:98%; float:left; clear:both; padding:1%; overflow:hidden; background:#f1f2f2; position: relative; padding-bottom: 50px; }
        
        #ShoppingCart .Row .Thumbnail img { display: block; max-width: 100%; height:auto;}
        #ShoppingCart .Row .Thumbnail { float:left; text-align:center; width:15%; padding-right: 10%;}
        #ShoppingCart .Row .Option    { float:left; width:20%; padding:5px 0 0 20px; font-size:16px; }
        #ShoppingCart .Row .Product,
        #ShoppingCart .Row .Price,
        #ShoppingCart .Row .Quantity,
        #ShoppingCart .Row .Total     { float:left; text-align:center; width:11%; padding:0; padding-top:5px; }
        #ShoppingCart .Row .Total {width:10%;}
        #ShoppingCart .Row .Remove    { float:left; text-align:center; width:25px; padding-top:5px; padding-left:4%; }
        #ShoppingCart .Row .Quantity input { text-align:right; width:45px;  }
        
        #ShoppingCart .Row .Product { width: 20%; padding: 0; position: absolute;  bottom: 10px; left: 50px;  text-align: center; }
        
        #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:""; }
}


/********************Desktop Sizes************************************/

@media handheld, only screen and (min-width: 960px) {

.desktop, .PageMenu {display:block;}
.inner, #ImageList {padding:60px;}


/*Menu*/
.mobile, a.toggle-menu {display:none;}

.header {position:relative;}
.client-nav {top:40px; right:60px;}
        .client-nav a {font-size:13px;}  

.PageMenu {width:100%; clear:both; min-height:40px;}
.Alignment {border:none; padding:0 40px;}

.MenuItem, .MenuItem a {width:auto; float:left; border:none; }
.MenuItem {padding:0 17px 0 6px; background:url(pictures/gs_webgraphics/tild.png) no-repeat center right;}
.MenuItem a { font-size:14px; padding:10px 0;}
.MenuItem a.Selected, .MenuItem a:hover { color:#1b1b1b; background:url(pictures/gs_webgraphics/selected.png) no-repeat center bottom;}

.MenuItem.First {padding-left:0;}

/*Image Sliders*/

#CarouselGallery .Carousel-Image img {max-height:500px; }  

.SlideshowImage img {max-height:100%;}

/*Main Content*/

.Content.A {width:60%;}
.Content.B {width:40%;}
.Content.A, .Content.B {float:left;}  

body.CONTACT #MainArea, body.CLIENTS #MainArea, body.LIGHTBOX #MainArea  {padding-left:60px;}

#AlbumLogin {width:50%;}
#AlbumLogin a.Button {padding:0; width:97%;}

/*Footer*/    

.footer {padding:0 30px;}
    .third, #recent-weddings {width:33.3%; }
        .third .inner {padding:30px;}
        
.copyright {text-transform:uppercase; font-size:10px; padding:20px 60px;}
    .copyright .inner {padding:0 0 10px 0!important;}
    .left {float:left; width:60%; }
    .right {float:right; width:40%; text-align:right;}
    
   
/*Album List*/

#AlbumList .Row {width:30%; max-width:230px;}     


/*Image List*/
#ImageList .Item { width:19%; }

}


/*Adjustments for menu*/

@media handheld, only screen and (min-width: 1040px) {
.MenuItem {padding:0 21px 0 07px;}

.Content.C #QuickAlbumList .ThumbTable {width:180px; height:180px;}    

}

@media handheld, only screen and (min-width: 1140px) {  
 
/*Image List*/
#ImageList .Item { width:15%; }
    #ImageList .Item:nth-child(5n+5) {margin-right:0;}

}

@media handheld, only screen and (min-width: 1260px) {  

.Alignment { padding:0 60px;}

.MenuItem a {font-size:16px;}
}
// from System Meta Data