html, body { margin:0; padding:0; }

body { background:url('pictures/gs_webgraphics/bodybg.gif') top repeat-x; }

body { font-family:helvetica,arial,serif; font-size:14px; color:#666666;  }

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

a { color:black; }
a:visited { color:#666666; }
a:hover { color:#ED1C24; }
a img { border:none; outline:none; }

p, ul { line-height:20px; padding:10px 0; margin:0; }
ul li { margin:0 0 0 20px; }

h1 { padding:10px 0; margin:0; font-weight:normal; font-size:50px; line-height:60px; color:black; }
h2 { padding:10px 0; margin:0; font-weight:normal; font-size:20px; line-height:20px; color:black; text-transform:uppercase; }
h3 { padding:10px 0; margin:0; font-weight:normal; font-size:16px; line-height:20px; color:black; }

h6 { padding:10px 0; margin:10px 0 -20px 0; font-weight:normal; font-size:16px; line-height:20px; color:#ED1C24; text-transform:uppercase; }

strong { font-weight:bold; }

blockquote { padding:0 0 0 25px;  }

a.Button { padding:5px 10px; background:black; color:white; text-decoration:none; font-size:14px; }
a:visited.Button { color:white; }
a:hover.Button { background:#ED1C24; }



/* ------------------------------------------------------------------ Main Elements */

#Wrapper { margin:0 auto; padding:40px 0 0 240px; width:720px; }

#Container { }

#PageHeader { width:100%; height:40px; position:absolute; top:0; left:0; background:black; border-bottom:1px solid white; }

#MainArea { padding:0px 20px; }
#MainAreaBottom { clear:both; }

#MainArea #PageContent { padding:30px 0;  }



/* ------------------------------------------------------------------ Main Image */

#MainArea #MainImage { padding:55px 0 0 0; }
#MainArea #MainImage table td { border:0; }
#MainArea #MainImage .Caption  { display:none; }
#MainArea #MainImage #MainImage_SlideShow img { border:10px solid white; margin:-10px; box-shadow:1px 2px 5px #808080; -webkit-box-shadow:1px 2px 5px #808080; -moz-box-shadow:1px 2px 5px #808080; }

*+html #MainArea #MainImage #MainImage_SlideShow img { border:10px solid white; margin:0px; position:relative; top:-10px; left:-10px; }



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

#PageHeader { }

#PageHeader .PageMenu { width:720px; padding:0 0 0 240px; margin:0 auto; }
#PageHeader .PageMenu .Alignment { padding:0 20px; }
#PageHeader .PageMenu .MenuItem { float:left; }

#PageHeader .PageMenu .MenuItem.aid_BASKET { float:right; }
#PageHeader .PageMenu .MenuItem.aid_BASKET a { padding-right:30px; background-image:url('pictures/gs_webgraphics/basketicon.gif'); background-position:right center; background-repeat:no-repeat; }

#PageHeader a { display:block; padding:0 10px; color:#083981; text-decoration:none; line-height:40px; font-size:14px; text-transform:uppercase; color:white; }
#PageHeader a:hover { background-color:#404040; }

body.GALLERY #PageHeader .PageMenu .MenuItem.aid_GALLERY a,
#PageHeader .PageMenu .MenuItem a.Selected { background-color:#ED1C24; }

#LogoLink { width:240px; height:120px; position:absolute; top:70px; left:50%; margin:0 0 0 -480px; background:url('pictures/gs_webgraphics/PortobelloArtsClub.gif') center center no-repeat; text-indent:-999em; }
#LogoLink a { display:block; width:220px; height:90px; margin:15px 10px; }



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

#PageFooter { display:none; }

#Footer { margin:0 auto; margin:0px 20px; width:680px; border-top:1px solid #D1D1D1; }

#Footer p { padding:40px 0; margin:0; color:#999999; font-size:12px; }

#Footer p.Info { float:left; }
#Footer p.Nav  { float:right; }

#Footer p.Nav a { margin:0 4px; }

#Footer a { color:#999999; text-decoration:none; }
#Footer a:hover { color:#ED1C24; }



/* ------------------------------------------------------------------ Headers */

.PreHeader { margin:0 20px; padding:40px 0; border-bottom:1px solid #D1D1D1; }

.PreHeader h1 { padding:0; margin:0; font-size:50px; line-height:60px; }
.PreHeader p  { padding:0; margin:0; line-height:20px; }

body.aid_SPECIAL-EDITIONS .PreHeader a.SPECIAL-EDITIONS,
body.aid_ARCHITECTURAL    .PreHeader a.ARCHITECTURAL,
body.aid_CHELSEA          .PreHeader a.CHELSEA,
body.aid_NOTTING-HILL     .PreHeader a.NOTTING-HILL,
body.aid_GRAFFITI         .PreHeader a.GRAFFITI { color:red; text-decoration:none; }



/* ------------------------------------------------------------------ Galleries */

body.cat_GALLERY #PageContent { border-top:1px solid #D1D1D1; clear:both; }



/* ------------------------------------------------------------------ Pre / Post Main */

.PostMain { border-top:1px solid #D1D1D1; margin:30px 0 0 0; }

.PreMain { border-bottom:1px solid #D1D1D1; margin:0 0 30px 0; }



/* ------------------------------------------------------------------ Products */

.Products { padding:30px 0 0 0; margin:0 -20px; list-style:none; overflow:auto; }

.Product { width:140px; padding:0 20px; margin:0; float:left; }

.Product ul { padding:10px 0; margin:0; list-style:disc; }
.Product li { padding:0; margin:0 0 0 10px; line-height:15px; font-size:11px; }

.Product h3 { }
.Product p  { padding:10px 0; margin:0; line-height:15px; font-size:11px; }

.Product img { display:block; width:140px; height:160px; border:5px solid white; margin:10px -5px; box-shadow:1px 2px 5px #808080; -webkit-box-shadow:1px 2px 5px #808080; -moz-box-shadow:1px 2px 5px #808080; }



/* ------------------------------------------------------------------ Gallery menu */

.GalleryMenu { padding:0 0 30px 0; margin:0 -20px; list-style:none; overflow:auto;  }

.GalleryMenu li { width:150px; padding:0 15px; margin:0; float:left; }

.GalleryMenu a { text-decoration:none;  }
.GalleryMenu span { color:#ED1C24; }

.GalleryMenu img { display:block; width:150px; height:90px; border:5px solid white; margin:0 -5px 5px -5px; box-shadow:1px 2px 5px #808080; -webkit-box-shadow:1px 2px 5px #808080; -moz-box-shadow:1px 2px 5px #808080; }
.GalleryMenu img:hover { box-shadow:0px 1px 4px #B0B0B0; -webkit-box-shadow:0px 1px 4px #B0B0B0; -moz-box-shadow:0px 1px 4px #B0B0B0; margin:1px -6px 4px -4px; }

/* ------------------------------------------------------------------ Album Image List & Pagination */

#MainArea #ImageList { width:720px; padding:40px 0; margin:0 -20px; overflow:auto; }

#MainArea #ImageList #Images { }

#MainArea #ImageList .Item { width:120px; height:120px; float:left; }

#MainArea #ImageList .Item table { width:120px; height:120px; margin:0; padding:0; }
#MainArea #ImageList .Item td { margin:0; padding:0; border-collapse:collapse; }
#MainArea #ImageList .Item .Caption { display:none; }

#MainArea #ImageList .Image,
#MainArea #ImageList img { border:5px solid white; box-shadow:1px 2px 5px #808080; -webkit-box-shadow:1px 2px 5px #808080; -moz-box-shadow:1px 2px 5px #808080; }
#MainArea #ImageList img:hover { box-shadow:0px 1px 4px #B0B0B0; -webkit-box-shadow:0px 1px 4px #B0B0B0; -moz-box-shadow:0px 1px 4px #B0B0B0; margin:1px -1px -1px 1px; }

#MainArea #ImageList .Footer { border-bottom:1px solid #D1D1D1; clear:both; padding:40px 0 0 0; margin:0 20px; }

#MainArea .Pager { display:none; }



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

.PopupBody {  }

#PopupWindow .ImageControls { overflow:auto; padding:5px 2px 0 2px; }
#PopupWindow .ImageControls .Button { text-decoration:underline; background:transparent; border:0; font-size:11px; padding:0; color:black; text-decoration:none; }
#PopupWindow .ImageControls .Button:hover { color:#ED1C24; }

#PopupWindow .ImageControls .Previous { float:left; }
#PopupWindow .ImageControls .Next { float:right; }

#PopupWindow .ImageFilter { margin:5px 0 -25px 0; text-align:center; }

#PopupWindow .CaptionBottom { display:block; text-align:center; margin:-40px 0 0 0; line-height:40px; }

#PopupWindow  img#MainImage_TheImage  { border:10px solid white; margin:5px 0; box-shadow:1px 2px 5px #808080; -webkit-box-shadow:1px 2px 5px #808080; -moz-box-shadow:1px 2px 5px #808080; }


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

#MetaData span.Button { display:block; cursor:pointer; padding:5px 10px; background:black; color:white; text-decoration:none; font-size:14px; }
#MetaData span.Button:hover { background:#ED1C24; }

.MetaData { float:left; text-align:left; background:white; padding:5px; font-size:14px; border:2px solid white; box-shadow:1px 2px 5px #808080; -webkit-box-shadow:1px 2px 5px #808080; -moz-box-shadow:1px 2px 5px #808080; }

.MetaData .MetaDataTitle { font-size:14px; text-align:left; line-height:25px; color:black; text-transform:uppercase; font-weight:bold; }

.MetaData .MetaDataField { font-size:14px; color:black; line-height:25px; }
.MetaData .MetaDataFieldOver { font-size:14px; cursor:pointer; color:black; line-height:25px; }

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

.MetaData .MetaDataCommand { font-size:14px; text-align:right; color:black; line-height:25px; }
.MetaData .MetaDataCommandOver { font-size:14px; cursor:pointer; color:#ED1C24; text-align:right; line-height:25px; }

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



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

#ShoppingCart { border-bottom:1px solid #D1D1D1; padding:30px 0; }

#ShoppingCart .Header { border-bottom:1px dotted #D1D1D1; overflow:auto; line-height:40px; color:black; }

#ShoppingCart .Header .Thumbnail { float:left; width:120px; text-indent:-9999em; }
#ShoppingCart .Header .Product   { display:none; }
#ShoppingCart .Header .Option    { float:left; text-align:left; width:265px; text-indent:-9999em; }
#ShoppingCart .Header .Price     { float:left; text-align:right; width:80px; }
#ShoppingCart .Header .Quantity  { float:left; text-align:right; width:80px; }
#ShoppingCart .Header .Total     { float:left; text-align:right; width:80px; }
#ShoppingCart .Header .Remove    { float:left; text-align:right; width:40px; }

#ShoppingCart .List { overflow:auto; clear:both; }

#ShoppingCart #BasketList_List { width:100%; }
#ShoppingCart .Quantity input { text-align:right; width:45px; }

#ShoppingCart .Row { height:120px; padding:0; overflow:auto; clear:both;  border-bottom:1px dotted #D1D1D1; font-size:12px; }
#ShoppingCart .Row:hover { background:#F0F0F0; }

#ShoppingCart .Row .Thumbnail table { width:140px; height:120px; }
#ShoppingCart .Row .Thumbnail img { border:5px solid white; box-shadow:1px 2px 5px #808080; -webkit-box-shadow:1px 2px 5px #808080; -moz-box-shadow:1px 2px 5px #808080; }

#ShoppingCart .Row .Thumbnail { float:left; text-align:center; width:140px; }
#ShoppingCart .Row .Product   { display:none;}
#ShoppingCart .Row .Option    { float:left; text-align:left;   width:245px; padding-top:50px; }
#ShoppingCart .Row .Price     { float:left; text-align:right;  width:80px; padding-top:50px; }
#ShoppingCart .Row .Quantity  { float:left; text-align:right;  width:80px; padding-top:50px; }
#ShoppingCart .Row .Total     { float:left; text-align:right;  width:80px; padding-top:50px; }
#ShoppingCart .Row .Remove    { float:left; text-align:right; width:40px; padding-top:50px; }

#ShoppingCart .Footer { overflow:auto; padding:10px 0; }

#ShoppingCart .Footer .Total { margin:0 0 0 525px; font-weight:bold; font-size:20px; width:100px; text-align:right; color:black; }
#ShoppingCart .Footer .Button { float:right; margin:30px 10px 0px 10px; clear:none; }


/* ------------------------------------------------------------------ Contact form */

#ContactForm { padding:40px 0px; border-bottom:1px solid #D1D1D1; }

#ContactForm .Row { display:block; padding:5px 0; }

#ContactForm .Row .Label { display:block; color:black; }
#ContactForm .Row .Field {  }

#ContactForm .Row input { width:300px; }
#ContactForm .Row select { width:200px; }
#ContactForm .Row textarea { width:350px; height:120px; }

#ContactForm .Row input,
#ContactForm .Row select,
#ContactForm .Row textarea { padding:7px; font-size:14px; font-family:sans-serif; color:#808080; }

#ContactForm .Footer { clear:both; padding:15px 0; }


/* ------------------------------------------------------------------ */



// from System Meta Data