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

html { }
body {background:#fdfcf7;}

body { font-family:'tahoma'; font-size:16px; color:#8e96bb;}

::-moz-selection { color: #fff;  background: #b9bfde; }
::selection      { color: #fff;  background: #b9bfde; } 

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

a { color:#b9bfde; text-decoration:none; }
a:visited { color:#b9bfde; }
a:hover { text-decoration:underline; color:#63bae2;}
a img { border:none; outline:none; }

p, ul { line-height:24px; padding:10px 0; margin:0; text-align:justify;}
ul li { margin:0 0 0 20px; }
br{line-height:35px;}

h1 { padding:10px 0; margin:0; font-family: 'Italianno', cursive; font-weight:normal; font-size:72px; line-height:56px; color:#b9bfde; margin-bottom:10px; }
h2 { padding:10px 0; margin:0; font-weight:bold; font-size:20px; line-height:20px; color:#b9bfde; }
h3 { padding:10px 0; margin:0; font-weight:normal; font-size:16px; line-height:20px; color:#b9bfde; }

strong { font-weight:bold; }

blockquote {font-family: 'Italianno', cursive; font-size:30px; line-height:40px; margin:0px;}
blockquote p{line-height:40px;}

a.Button { padding:5px 10px; background:#b9bfde; color:#fff; text-decoration:none; font-size:14px; font-family:Arial, Helvetica, sans-serif; }
a:visited.Button { color:#fff; }
a:hover.Button { background:#63bae2; }

#social-media a.twitter, a.facebook{ width:40px; height:40px; margin:0 10px; display:block; float:right; text-indent:9999px; overflow:hidden; margin-top:50px;}
#social-media a.promo { width:126px; height:36px; display:block; float:right; margin:50px 20px 0 0; text-indent:9999px; overflow:hidden; background:url('pictures/gs_webgraphics/promo.gif') center bottom no-repeat; }
#social-media a.promo:hover { background-position:center top; }
#social-media a.twitter {background:url('pictures/gs_webgraphics/twitter.png') center center no-repeat;}
#social-media a.facebook {background:url('pictures/gs_webgraphics/facebook.png') center center no-repeat; }
#social-media a.twitter:hover{background:url('pictures/gs_webgraphics/twitter-hover.png') center center no-repeat;}
#social-media a.facebook:hover {background:url('pictures/gs_webgraphics/facebook-hover.png') center center no-repeat;}

#SiteMap .Item{width:560px;}

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

#Wrapper { margin:0 auto; width:100%; padding:0px; background:url('pictures/gs_webgraphics/background.jpg') }
#Wrapper-2{background: url('pictures/gs_webgraphics/nav-bar-bg.png') left 35px  repeat-x; }
#Wrapper-3{width:960px; margin:0px auto;}

#Header { height:40px; width:960px; margin:0px auto; }

#PageHeader { height:85px; left center no-repeat; width:960px; margin:0px auto; }

#MainArea { width:960px; margin:0px auto;}
#MainAreaBottom { clear:both; }
#MainAreaTop { }

#MainArea #PageContent {width:960px;}

#MainArea #MainImage  .Caption, #MainArea #MainImage  .id  { display:none; }

#MainArea #MainImage table td { border:0; }

#ImagePlayer {height:406px; width:960px; margin-bottom:30px; text-align:center; background:url('pictures/gs_webgraphics/gallery-bg.png'); position:relative; border:5px solid #b9bfde;}
#ImagePlayer #Gallery {margin:0px auto; text-align:center;}
#ImagePlayer #Gallery p.id, #ImagePlayer #Gallery p.caption{ display:none;}
#ImagePlayer #Gallery .SlideshowImage{width:960px;}
#ImagePlayer #Gallery .SlideshowImage img{margin:0px auto;}
#ImagePlayer #Next, #ImagePlayer #Prev{width:50px; height:50px; position:absolute; z-index:900; top:183px; text-indent:9999px; overflow:hidden;}
#ImagePlayer #Prev{left:0px; background:url('pictures/gs_webgraphics/prev.png');}
#ImagePlayer #Next{right:0px; background:url('pictures/gs_webgraphics/next.png');}
#ImagePlayer #Prev:hover{background:url('pictures/gs_webgraphics/prev-hover.png');}
#ImagePlayer #Next:hover{background:url('pictures/gs_webgraphics/next-hover.png');} 

.cat_STUDIOPAGES #ImagePlayer, .cat_GALLERIES #ImagePlayer, .aid_WESTMIDLANDSPHOTO #ImagePlayer, .aid_SOUTHENGLANDPHOTO #ImagePlayer, .cat_LOCATIONS #ImagePlayer{width: 750px; height:500px; margin:0px auto; margin-bottom:50px; overflow:visible;}
.cat_STUDIOPAGES #ImagePlayer #Gallery, .cat_STUDIOPAGES #ImagePlayer #Gallery, .cat_GALLERIES #ImagePlayer #Gallery, .aid_WESTMIDLANDSPHOTO #ImagePlayer #Gallery, .aid_SOUTHENGLANDPHOTO #ImagePlayer #Gallery, .cat_LOCATIONS #ImagePlayer #Gallery{width: 750px; height:500px; margin:0px auto; overflow:hidden; }
.cat_STUDIOPAGES #ImagePlayer #Prev, .cat_STUDIOPAGES #ImagePlayer #Prev, .cat_GALLERIES #ImagePlayer #Prev, .aid_WESTMIDLANDSPHOTO #ImagePlayer #Prev, .aid_SOUTHENGLANDPHOTO #ImagePlayer #Prev, .cat_LOCATIONS #ImagePlayer #Prev{left:-90px;}
.cat_STUDIOPAGES #ImagePlayer #Next, .cat_STUDIOPAGES #ImagePlayer #Next, .cat_GALLERIES #ImagePlayer #Next, .aid_WESTMIDLANDSPHOTO #ImagePlayer #Next, .aid_SOUTHENGLANDPHOTO #ImagePlayer #Next, .cat_LOCATIONS #ImagePlayer #Next{right:-90px;}

.cat_STUDIOPAGES #ImagePlayer #Gallery .SlideshowImage, .cat_GALLERIES #ImagePlayer #Gallery .SlideshowImage, .aid_WESTMIDLANDSPHOTO #ImagePlayer #Gallery .SlideshowImage, .aid_SOUTHENGLANDPHOTO #ImagePlayer #Gallery .SlideshowImage, .cat_LOCATIONS #ImagePlayer #Gallery .SlideshowImage{width:750px;}



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


#PageHeader .PageMenu { float:right; margin:50px 0 0 0; width:960px;}
#PageHeader .PageMenu .MenuItem { float:left; }

#PageHeader a { font-family: 'Tahoma'; display:block; padding:0px; margin:0 10px; color:#8e96bb; text-decoration:none; line-height:24px; font-size:14px; letter-spacing:0px; }
#PageHeader .First a {margin-left:0px;}

#PageHeader .PageMenu .MenuItem a.Selected { border-bottom:1px solid #8e96bb; }
#PageHeader .PageMenu .MenuItem:hover a { border-bottom:1px solid #63bae2; color:#63bae2; }

#PageHeader .aid_BASKET a{display:none;}

#page-header{ width:960px; margin:0px auto; position:relative}
#logo, #social-media{float:left; width:480px;}


a.LogoLink{ width:320px; display:block; height:135px; font-family: 'Italianno', cursive; font-size:98px; color:#b9bfde;}
a.LogoLink:hover{text-decoration:none;}


/* Sub menus */

#PageHeader .PageMenu .SubMenu { display:none; margin: 0 0 0 10px; padding:0 0 0 0; position:absolute; top:75px; z-index:9999; background:#b9bfde;}
#PageHeader .PageMenu .MenuItem:hover .SubMenu { display:block; }

#PageHeader .PageMenu .SubMenu ul { margin:0; padding:0; list-style:none; }
#PageHeader .PageMenu .SubMenu li { margin:0; padding:0; }

#PageHeader .PageMenu .SubMenu a { background:#b9bfde !important; color:#fff!important; white-space:nowrap; padding:10px 10px !important; line-height:20px; margin:0px;  border-bottom: 3px solid #FDFCF7!important;}

#PageHeader .PageMenu .SubMenu a.SubSelected,
#PageHeader .PageMenu .SubMenu a:hover { background:#63bae2 !important; color:#fff !important;  border-bottom: 3px solid #FDFCF7;}

/* ------------------------------------------------------------------ Side Box*/

#side-box{ width:316px; height:160px; display:block; margin-bottom:40px; position:relative; float:right;}
#side-box a {background-color: rgba( 185, 191, 222, 0.7); 
background/*\**/:transparent\9; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99b9bfde, endColorstr=#99b9bfde)"; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99b9bfde, endColorstr=#99b9bfde); text-shadow: 0px 0px 5px #474747; display:block; color:#fff; width:306px; height:40px; position:absolute; bottom:0; left:0; font-family: 'Italianno', cursive; font-size:30px; padding-left:10px;}


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

#PageFooter { display:none; }
#footer-wrapper    {width:100%; margin:0 auto; clear:both; background:url('pictures/gs_webgraphics/footer-graphic.png') no-repeat center 60px; padding-top:150px;  height:140px;  }
#Footer { width:100%; margin:0 auto; clear:both; height:140px; background-color:#fdfcf7; border-top:5px solid #b9bfde; color:#8e96bb; }

#Footer p { padding:0; margin:0; color:#8e96bb; font-size:18px; font-family:Tahoma, Helvetica, sans-serif; line-height:28px;}
#Footer p.website {font-size:10px; line-height:18px;}

#Footer a { color:#8e96bb;}
#Footer a:hover { color:#63bae2; } 

#inner-footer{width:960px ; margin:0px auto; position:relative;}

#Footer .left-footer, .right-footer{ float:left; padding:3px; margin: 30px 0px 0px 0px; color:#8e96bb;}
#Footer .left-footer{text-align:left; width:670px; margin-top:60px;}
#Footer .right-footer{text-align:right; width:275px; float:right;}
#Footer .right-footer img{ display:block; margin:10px 0px 20px 240px;}
#Footer .right-footer p{text-align:right; font-family: 'Italianno', cursive; font-size:30px; padding-right:5px; line-height:30px;} 
#Footer .left-footer p{font-size:11px; display:inline; padding-right:30px;}       

#bottom-nav{margin-top:5px;}       

/* ------------------------------------------------------------------ PageContent innards */

/* Default */

#MainArea #PageContent {}
#MainArea #TopImage{width:960px; float:right; border:5px solid #b9bfde; margin-bottom:40px; height:240px;}
#MainArea #TopImage:before{clear:both;}

body #MainArea #PageContent { width:960px; clear:both; float:none; padding:0px; margin:0; position:relative;}

body #MainArea #PageContent .Content { float:left; padding:0px; }

body #MainArea #PageContent .Content.A  { width:560px; padding-right:80px; padding-bottom:60px;}
body #MainArea #PageContent .Content.B  { width:320px; }
body #MainArea #PageContent .Content.C  { display:none;}

body #MainArea #PageContent .Content.A p{padding-right:60px;}

body.PRINTS #MainArea #PageContent .Content.A{width:960px; padding-bottom:20px;}

body.BASKET #MainArea #PageContent .Content.B, body.CLIENT #MainArea #PageContent .Content.B{ display:none; }
body.BASKET #MainArea #PageContent .Content.A, body.CLIENT #MainArea #PageContent .Content.A {width:900px;} 
body.WEDDINGPROOFS #MainArea #PageContent .Content.A, body.WEDDINGPROOFS #MainArea #PageContent .Content.B, body.WEDDINGBOOKS #MainArea #PageContent .Content.A, body.WEDDINGBOOKS #MainArea #PageContent .Content.B {margin-top:50px;}


/* ------------------------------------------------------------------ Left content - Album Login */

#AlbumLogin {}

#AlbumLogin .Row { display:inline; margin:0; }

#AlbumLogin .Row.Password { display:none; }
#AlbumLogin .Row.UserID   { display:none; }

#AlbumLogin .Label { display:none; }

#AlbumLogin .Field { display:inline; }

#AlbumLogin input { display:inline; padding:5px; width:185px; }

#AlbumLogin .Footer{ display:inline; margin:0; *margin-top:-20px;}

#AlbumLogin .Footer a.Button:hover{ background:#63bae2;}

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

.SubNav { margin:70px 0 0 0; padding:0; }
.SubNav ul { margin:0; padding:0; list-style:none; }
.SubNav li { margin:0; padding:0; list-style:none; }
.SubNav a { display:block; margin:20px 0 20px -10px; padding:10px 10px 10px 20px; background:url('pictures/gs_webgraphics/subnavbg.gif') center left no-repeat; text-transform:uppercase; text-decoration:none; }
.SubNav a:hover { color:white; background:#63bae2;) center left no-repeat; }



/* ------------------------------------------------------------------ Image Thumbnail List */
body.CLIENTALBUM #MainArea #MainImage {float:right; width:620px;}
#MainArea #ImageList { width:330px; height:450px; padding:0; overflow:hidden; float:left; margin-left:10px;}
#MainArea #ImageList .Item { float:left; height:70px; width:70px; overflow:hidden; margin:5px;}
* html #MainArea #ImageList .Item {  }
#MainArea #ImageList .Item span.Caption { text-align:center; display:block; font-size:10px; position:relative; bottom:15px; height:auto; color:#999999; }
#MainArea #ImageList .Item .ThumbTable { height:70px; width:70px; }
#MainArea #ImageList .Item .ThumbTable img:hover { border:1px solid #63bae2; }
#MainArea #ImageList .LightBox { display:none; }



#MainArea .Pager { clear:both; width:320px; margin:0 auto; position:relative; top:10px; font-size:18px; margin-left:0px; margin-right:10px;}
#MainArea .Pager .Button { background:none; width:auto; margin:0; padding:0; clear:none; }
#MainArea .Pager .Next a, #MainArea .Pager .Previous a{ font-family: 'Italianno', cursive; font-size:24px; float:right; text-decoration:underline; margin:0px; }
#MainArea .Pager .Previous a{ float:left;}
	

/* Pagination */

#MainArea #ImageList .Footer .Pages { width:65px; margin:0 auto; font-size:12px; line-height:20px; }

.Pages .Button {  }
.Pages a { text-decoration:underline; }
.Pages ul ul a { text-decoration:none; }
.Pages ul li ul li a { text-align:left; white-space:nowrap; font-size:14px;}
.Pages ul { padding:0; margin:0; list-style-type:none; display:block; margin:0 auto; position:static; }
.Pages li { float:left; width:auto; position:absolute; margin:0px;}
.Pages ul ul { visibility:hidden; position:absolute; height:80px; top:-80px; left:0; width:80px; background:#fdfcf7; overflow:hidden; }
* html .Pages ul ul { top:-165px; }
/*\*/
html>body*.Pages ul ul {overflow:auto;}
/**/
.Pages table { position:relative; top:0; left:0; border-collapse:collapse; }
.Pages ul ul li,
.Pages ul ul a { height:auto; line-height:1em; padding:5px 0px; width:80px; text-align:center; }
.Pages ul ul li { top:0px; position:relative;}
.Pages ul ul li:hover,
.Pages a:hover,
.Pages ul ul a:hover { }
.Pages :hover > a,
.Pages ul ul 

 > a { }
.Pages ul li:hover ul,
.Pages ul a:hover ul,
.Pages ul ul a:hover {visibility:visible; overflow:auto;}
.Pages ul ul ul a,
.Pages ul ul ul a:visited { height:auto; line-height:1em; padding:5px 0px; width:80px; }
.Pages ul ul ul a:hover { }
.Pages ul li:hover ul,
.Pages ul a:hover ul {visibility:visible;}
.Pages ul a:hover ul ul,
.Pages ul :hover ul ul { visibility:hidden; position:absolute; height:0; left:50px; top:0; }
.Pages ul :hover ul :hover ul,
.Pages ul a:hover ul a:hover ul { visibility:visible; }
.Pages .Selected { font-weight:bold; }
.Pages ul ul ul { height:220px !important; width:auto; z-index:500; padding-top:1px; }


/* ------------------------------------------------------------------ Buy Prints Popup */

#MetaData .Button { padding:5px 10px; line-height:30px; background: #b9bfde; color:white; text-decoration:none; font-size:12px; font-weight:bold; cursor:pointer;}
#MetaData .Button:visited { background: #b9bfde; color:white; }
#MetaData .Button:hover   { background:#63bae2; color:white; border-color: #63bae2; }

.MetaData { float:left; color:#5A5A5A; text-align:left; background:white; border:5px solid #b9bfde; }

.MetaData .MetaDataTitle { font-weight:bold; color:#5A5A5A; text-align:left; font-size:11px; line-height:20px; }

.MetaData .MetaDataField { font-size:11px; line-height:20px; }
.MetaData .MetaDataFieldOver { cursor:pointer; font-size:11px; line-height:20px; }

.MetaData .MetaDataHeading { font-size:11px; line-height:20px; }
.MetaData .MetaDataHeadingOver { font-size:11px; line-height:20px; }

.MetaData .MetaDataCommand{ text-align:right; font-size:11px; line-height:20px; }
.MetaData .MetaDataCommandOver{ cursor:pointer; color:#63bae2 ; text-align:right; font-size:11px; line-height:20px; }

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

#ShoppingCart { width:960px; float:left; padding-bottom:50px; }

#ShoppingCart .Header { border-bottom:1px solid #8e96bb;}

#ShoppingCart .Header .Thumbnail { float:left; width:120px; text-indent:-9999em; }
#ShoppingCart .Header .Product   { float:left; text-align:left; width:10px; text-indent:-9999em; }
#ShoppingCart .Header .Option    { float:left; text-align:left; width:510px; 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:center; width:80px;}

#ShoppingCart .List { clear:both;}

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

#ShoppingCart .Row { height:120px; padding:0; clear:both; border-bottom:1px grey solid; font-size:14px; }
#ShoppingCart .Row:hover {background:#fdfcf7; }

#ShoppingCart .Row .Thumbnail table { width:140px; height:120px; }
#ShoppingCart .Row .Thumbnail img { border:5px solid #F0F0F0; }

#ShoppingCart .Row .Thumbnail { float:left; text-align:center; width:140px; }
#ShoppingCart .Row .Product   { display:none;}
#ShoppingCart .Row .Option    { float:left; text-align:left;   width:510px; 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:center; width:60px;  padding-top:50px; }

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

#ShoppingCart .Footer .Total { margin:0 0 0 840px; font-weight:bold; font-size:20px; width:100px; text-align:right; color:#8e96bb;}
#ShoppingCart .Footer .Button { float:right; margin:30px 10px 0px 10px; clear:none; }
#ShoppingCart .Footer .Button:hover{ background:#63bae2;}

/* ------------------------------------------------------------------ Contact form */
body.CONTACT #MainArea {position:relative;}

#ContactForm { float: left; margin: -170px 0 0;  width: 440px; *margin-top:-300px;}

#ContactForm .Row { width:440px; margin:0 auto; display:block; padding:5px 0;}

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

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

#ContactForm .Row input,
#ContactForm .Row select,
#ContactForm .Row textarea { padding:7px; font-size:12px; font-family:sans-serif; color:#808080; border:1px solid #b9bfde; }

#ContactForm .Footer { width:50px; margin:0 auto; clear:both; padding:15px 0; margin-left:312px; margin-top:-54px;}

.VAMRequiredFieldMarker {padding-left:15px; margin-left:5px;}

#ContactForm .VAMRequiredFieldMarker { width:10px; height:10px; background:url('pictures/gs_webgraphics/requireddot.png') no-repeat; *display:block; *margin-left:475px; *margin-top:-35px;}
#ContactForm_Item_contact_findus .VAMRequiredFieldMarker  {*margin-left:300px; *margin-top:-25px;}

#ContactForm .VAMRequiredFieldMarker img { position:relative; left:-99999px; display:block; }

#ContactForm .Footer a.Button:hover{ background:#63bae2;}



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

#QuickAlbumList { float:left; clear:both; margin-top:8px;}

#QuickAlbumList .Row {margin:0 0 20px; padding-right:2px; overflow:hidden; float:left; cursor:pointer; font-size:10px;}

#QuickAlbumList .Row .ThumbTable { display:none; }
#QuickAlbumList .Row .ThumbTable img { display:none;}

#QuickAlbumList .Row .Title { float:left; display:block; padding-right:2px;text-decoration:none;}
#QuickAlbumList .Row:hover .Title { color:#63bae2; text-decoration:underline;}
#QuickAlbumList .Row.Selected .Title   {text-decoration:underline;}       

#QuickAlbumList .Row .Description { display:none;}
#QuickAlbumList .Row .Button { display:none; }


/* ------------------------------------------------------------------ AlbumList homepage -galleries page */

#gallery-boxes {width:980px; padding:0px margin:0px;}

#gallery-boxes #QuickAlbumList { clear:both; overflow:auto; margin:0 0 -20px 0; }

#gallery-boxes #QuickAlbumList .Row:nth-child(3n+3) {margin-right:0px;}

#gallery-boxes #QuickAlbumList .Row { width:296px; height:128px; position:relative;  background:white; overflow:hidden; float:left; margin:0 30px 20px 0; cursor:pointer; padding:0px;}

#gallery-boxes #QuickAlbumList .Row .ThumbTable { width:296px; height:128px; overflow:hidden;}
#gallery-boxes #QuickAlbumList .Row .ThumbTable .Image { position:relative;}

#gallery-boxes #QuickAlbumList .Row .Title { z-index:9998; width:296px; height:18px; position:absolute; bottom:0; left:0; overflow:hidden; line-height:18px;  display:block;  color:#fff; font-family: 'Italianno', cursive; font-size:28px; padding:10px; background-color: rgba( 185, 191, 222, 0.7); 
background/*\**/:transparent\9; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99b9bfde, endColorstr=#99b9bfde)"; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99b9bfde, endColorstr=#99b9bfde); text-shadow: 0px 0px 5px #474747;}

#gallery-boxes #QuickAlbumList .Row .Description { display:none; }
#gallery-boxes #QuickAlbumList .Row .Button      { display:none; }

#gallery-boxes #QuickAlbumList .Row:hover .Title {text-decoration:underline; }

#gallery-boxes #QuickAlbumList .Row .ThumbTable img, #gallery-boxes #QuickAlbumList .Row .ThumbTable  {display:block;}

/* ------------------------------------------------------------------ Quick Album List Content B */


.Content.B #QuickAlbumList .Row {margin:0 0 20px; padding-right:5px; float:none; overflow:hidden; cursor:pointer; font-size:11px;}

.Content.B #QuickAlbumList .Row .ThumbTable { display:none; }
.Content.B #QuickAlbumList .Row .ThumbTable img { display:none;}

.Content.B #QuickAlbumList .Row .Title { display:block; padding-right:10px;text-decoration:none; font-size:16px; font-weight:bold;}
.Content.B #QuickAlbumList .Row:hover .Title { color:#63bae2; text-decoration:underline;}
.Content.B #QuickAlbumList .Row.Selected .Title   {text-decoration:underline;}       

.Content.B #QuickAlbumList .Row .Description { display:none;}
.Content.B #QuickAlbumList .Row .Button { display:none; }

/* ------------------------------------------------------------------ /* Smooth DIV Scroll Gallery Homepage*/

#ScrollingGallery { width:950px; height:406px; margin-bottom:60px; position:relative; overflow:hidden;  color:#133751;  border:5px solid #b9bfde; background:#b9bfde;}

#ScrollingGallery .scrollWrapper  { width:100%; height:100%; position:relative; overflow:hidden; }
#ScrollingGallery .scrollableArea { width:948px; height:100%; padding:0 8px; position:relative; margin:0 -20px; }

#ScrollingGallery .GalleryFrame { height:406px; margin:0 auto; line-height:406px; vertical-align:middle; padding:0 4px; float:left; }
#ScrollingGallery .GalleryFrame img { margin:0 auto; line-height:406px; vertical-align:middle; }
#ScrollingGallery .GalleryFrame p { display:none; }

.scrollingHotSpotLeft  { width:100px; height:100%; position:absolute; z-index:200; left:0;  background:url('pictures/gs_webgraphics/none.jpg'); cursor: url('pictures/gs_webgraphics/cursor_alpha_left.png'),  url('pictures/gs_webgraphics/cursor_bin_left.cur'),  w-resize; }
.scrollingHotSpotRight { width:100px; height:100%; position:absolute; z-index:200; right:0; background:url('pictures/gs_webgraphics/none.jpg'); cursor: url('pictures/gs_webgraphics/cursor_alpha_right.png'), url('pictures/gs_webgraphics/cursor_bin_right.cur'), w-resize; }

.scrollingHotSpotLeftVisible  { background:url('pictures/gs_webgraphics/img_left.gif')  center left  no-repeat; display:block !important; margin-left:20px; }
.scrollingHotSpotRightVisible { background:url('pictures/gs_webgraphics/img_right.gif') center right no-repeat; margin-right:20px; }

#ScrollingGallery #GalleryInstructions { width:180px; line-height:20px; padding:5px 0; margin:0 0 0 -100px; position:absolute; bottom:30px; left:50%; z-index:9999; text-align:center; background:url('pictures/gs_webgraphics/box-background.png'); font-size:10px; color:#fff; font-weight:bold; }

/* ------------------------------------------------------------------ /*Booklet*/                

.mybook.controls { width:960px; height:300px; padding:0; margin:0; list-style:none; position:absolute; top:0px; left:0px;}

.mybook.controls li { float:left; padding:0; margin:0; }

.mybook.controls li a#custom-next { width:30px; height:30px; overflow:hidden; text-indent:-99999px; position:absolute; z-index:99999; right:0;  top:45%; background:url('pictures/gs_webgraphics/next-small.jpg') no-repeat; cursor:pointer; }
.mybook.controls li a#custom-prev { width:30px; height:30px; overflow:hidden; text-indent:-99999px; position:absolute; z-index:99999; left:0; top:45%; background:url('pictures/gs_webgraphics/prev-small.jpg') no-repeat; cursor:pointer; }
.mybook.controls li a#custom-next:hover { background:url('pictures/gs_webgraphics/next-hover-small.jpg') no-repeat; cursor:pointer; }
.mybook.controls li a#custom-prev:hover { background:url('pictures/gs_webgraphics/prev-hover-small.jpg') no-repeat; cursor:pointer; }





	.booklet  {width:880px; height:300px; position:relative; margin:0 auto 40px; overflow:visible !important; -webkit-box-shadow:  0px 0px 3px 1px #999; box-shadow:  0px 0px 3px 1px #999;}
	.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:#b9bfde;}
	.booklet .b-wrap-right {background:#b9bfde; border-left:1px solid #fff;}
	
	.booklet .b-pN .b-wrap,
	.booklet .b-p1 .b-wrap,
	.booklet .b-p2 .b-wrap,
	.booklet .b-p3 .b-wrap,
	.booklet .b-p4 .b-wrap  {left:0;}
	.booklet .b-p0 .b-wrap  {right:0;}
	
   	/* Custom Page Types */
	.booklet .b-page-blank  {padding:0; width:100%; height:100%; background:#b9bfde; }
	.booklet .b-page-cover  {padding:0; width:100%; height:100%; background:#b9bfde; }
	.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:#b9bfde; color:#fff; text-align:center; font-family:'tahoma'; font-weight:bold; 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(pictures/gs_webgraphics/openhand.cur), default;}
	.booklet .b-grabbing {cursor: url(pictures/gs_webgraphics/closedhand.cur), default;}
	
   	/* Overlay Controls */
	.booklet .b-overlay      {top:0; position:absolute; height:100%; width:50%;}
	.booklet .b-overlay-prev {left:0;}
	.booklet .b-overlay-next {right:0;}
	
   	/* 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 {background:url("pictures/gs_webgraphics/arrow-next.png") no-repeat left top;}
	.booklet .b-arrow-prev div {background:url("pictures/gs_webgraphics/arrow-prev.png") no-repeat left top;}
		
/* @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;}     
  
  /*-------------tabs---------*/  
  .tab-nav{clear:both; width:960px; margin:0px; padding:0px;}  
	
	.tabs { width:960px; padding:0px;  }

             .tabs li { padding:0; margin:0; list-style:none; float:left; width:190px;}

             .tabs a { width:auto; clear:both; display:block; margin:0 3px; padding:16px 7px; text-align:center; text-decoration:none; line-height:14px; font-size:12px; font-weight:bold; color:#fff; background:#b9bfde; }

             .tabs a:hover { text-decoration:underline; }

             .tabs .active a { color:#fff; background:#63bae2; }

             .tabs .scope a { width:79px; padding:10px 0; margin-right:0; }

                  .tabs .arrow { margin:0 auto; display:block; border-color: #f2f2f2 white white white; border-style:solid; border-width:15px; width:0; height:0; }

                  .tabs .active .arrow { border-color: #00487D white white white; }

        .tab-wrapper { clear:both; margin-top:30px; overflow:hidden; }

             .tab-content {  }

             .tab-content img {  }

             .tab-content ul {  }

             .tab-content h2 {  }


// from System Meta Data