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

designed and coded by Adam Heath
version: 4.1
date: 31/12/08
email: info@vivacreative.co.uk
web: www.vivacreative.co.uk

copyright vivacreative 2009
all rights reserved :: vivacreative


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

* { margin:0; padding:0; }

html {  margin:0px; padding:0px; border:none; font-family:Helvetica,Arial,sans-serif; font-size:11px; color:#000000; }
img { border:none; }
body { background-color:#e9e9e2; height:100%; }

#bodyPage { float:left; width:1100px; background:#ffffff; margin:20px auto 0px auto; padding:0px 0px 20px 0px; }

a { text-decoration:none; }

h1,h2,h3,h4 { font-weight:normal; }

#navigation { float:left; list-style:none; margin:30px 0px 20px 30px; background:#171717; width:1038px; }
#navigation li { float:left; }
#navigation a { float:left; padding:15px 15px; background:#171717; color:#b7b7b7; border-right:1px #3b3b3b solid; }
#navigation a:hover { background:#3b3b3b; color:#fe6cb0; }
#navigation img { float:right; margin:4px 30px 0px 30px; }

.majorFeature,.HmajorFeature,.minorFeature,.HminorFeature { display:pointer; }

.majorFeature { float:left; margin:0px 0px 0px 30px; width:680px; background:#171717; height:392px; }
.majorFeature img, .majorFeature h2, .majorFeature p { float:left; clear:both; }
.majorFeature h2 { color:#ffffff; margin:10px 0px 0px 20px; }
.majorFeature p { color:#969696; margin:10px 0px 15px 20px; line-height:16px; width:650px; }

.fail { float:left; margin:0px 0px 8px 30px; width:1040px; background:#000000; height:392px; }
.fail h2 { color:#c3c3c3; margin:180px 0px 0px 100px; font-weight:normal; float:left; clear:both; }
.fail h3 { color:#c3c3c3; margin:0px 0px 0px 100px; font-weight:normal; float:left; clear:both; }

.blogFeature { float:right; margin:0px 30px 0px 00px; width:550px; background:#000000; height:392px; overflow:hidden;}
.blogFeature img, .blogFeature h2, .blogFeature p { float:left; clear:both; }
.blogFeature h2 { color:#ffffff; margin:10px 0px 0px 20px; }
.blogFeature p { color:#969696; margin:10px 0px 15px 20px; line-height:16px; }

#olderFeatures { margin:20px 0px 0px 0px; float:left; display:none; }

.olderIntro { float:left; margin:0px 0px 0px 0px; }

.olderFeatures { float:left; margin:0px 0px 0px 22px; width:700px; }
.olderFeatures .minorFeature { float:left; width:130px; background:#000000; margin:0px 0px 8px 8px; height:250px; }
.olderFeatures .minorFeature img, .olderFeatures .minorFeature h2, .olderFeatures .minorFeature p { float:left; color:#6b6b6b; }
.olderFeatures .minorFeature p { width:110px; color:#969696; margin:5px 0px 0px 10px; }
.olderFeatures .minorFeature h2 { font-size:14px; margin:14px 0px 0px 10px; color:#ffffff; }
.olderFeatures .minorFeature a { color:#ff2a89; }
.olderFeatures img { border-bottom:1px solid #ffffff; }

.additional a { float:right; clear:both; margin:0px 32px 0px 0px; border-bottom:dotted #6b6b6b 1px; padding:0px 0px; color:#6b6b6b; }
.additional a:hover { color:#101010; }

.HmajorFeature { float:left; margin:0px 0px 0px 30px; width:680px; background:#000000; height:392px; }
.HmajorFeature img, .HmajorFeature h2, .HmajorFeature p { float:left; clear:both; }
.HmajorFeature h2 { color:#ff2a89; margin:10px 0px 0px 20px; }
.HmajorFeature p { color:#969696; margin:10px 0px 15px 20px; line-height:16px; width:650px; }

#taggables { float:left; clear:both; list-style:none; margin:0px 0px 5px 0px; }
#taggables li { float:left; clear:none; margin:0px 5px 0px 0px; padding:2px 6px 2px 6px; color:#ffffff; }
.taggableCanon { background:#00afe2; }
.taggablePhoto { background:#5bb616; }
.taggableVideo { background:#ff2a89; }
.taggableShoot { background:#282827; }
.taggableReview { background:#e2d300; }

#logo { float:left; width:1100px; margin:0px auto 0px auto; }

.contact { list-style:none; float:right; color:#7d7f7f; margin:0px 0px 0px 20px; font-size:10px; }
.contact a { color:#ff2a89; }
.contact a:hover { text-decoration:underline; color:#ff2a89; }

#foot { float:left; width:1100px; background:url(../images/footBG.jpg) repeat-x #101010; margin:0px auto; padding:0px 0px 50px 0px; }
#foot .copyrightT { float:left; clear:both; color:#6b6b6b; margin:30px 0px 0px 30px; }
#foot .copyrightU { float:left; clear:both; color:#b7b7b7; margin:0px 0px 0px 30px; }
#foot a { float:left; clear:both; margin:15px 0px -15px 30px; color:#ffffff; font-size:12px; text-decoration:underline; }
#foot a:hover { color:#d82579; }

.minorFeature { float:left; width:350px; background:#171717; margin:0px 0px 8px 8px; height:92px; }
.minorFeature img, .minorFeature h2, .minorFeature p { float:left; color:#ffffff; }
.minorFeature p { width:195px; color:#b7b7b7; margin:5px 0px 0px 10px; }
.minorFeature h2 { font-size:14px; margin:14px 0px 0px 10px; }

.minorFeature a { color:#ff2a89; }

.HminorFeature { float:left; width:350px; background:#000000; margin:0px 0px 8px 8px; height:92px; }
.HminorFeature img, .HminorFeature h2, .HminorFeature p { float:left; color:#ffffff; }
.HminorFeature p { width:195px; color:#b7b7b7; margin:5px 0px 0px 10px; }
.HminorFeature h2 { color:#ff2a89; font-size:14px; margin:14px 0px 0px 10px; }

#photography .majorFeature { float:right; margin:0px 30px 0px 8px; }
#photography .minorFeature { float:right; margin:0px 2px 8px 8px; }

.tagRecent { float:right; margin:-42px 115px 0px 0px; }

.buybuttons { list-style:none; margin:0px 0px 0px 5px; float:left; clear:both; }
.buybuttons a { float:left; clear:both; width:60px; height:27px; background:url(../images/buybuttons.jpg); margin:0px 0px 0px 10px; }
.buybuttons a:hover { background-position:0px -27px; }
.buybuttons .chosenH { display:none; float:left; clear:both; width:60px; height:27px; background:url(../images/buybuttons.jpg); margin:0px 0px 0px 0px; background-position:0px -54px; }
.buybuttons .chosenHS { display:inline; float:left; clear:both; width:60px; height:27px; background:url(../images/buybuttons.jpg); margin:0px 0px 0px 0px; background-position:0px -54px; }
.buybuttons .remove { float:left; clear:both; margin:-10px 0px 0px -5px; }
.buybuttons .remove a { background-position:0px -81px; }
.buybuttons .remove a:hover { background-position:0px -108px; }

.buybuttons .download { float:left; clear:both; margin:-10px 0px 0px -5px; }
.buybuttons .download a { background-position:0px -135px; }
.buybuttons .download a:hover { background-position:0px -162px; }

.buybuttons .dled { float:left; clear:both; margin:-10px 0px 0px -5px; }
.buybuttons .dled a { background-position:0px -189px; }


#clear { float:left; clear:both; width:10px; height:10px;position:relative; }
#holding { width:1100px; margin:0px auto; }

#vc { float:right; margin:30px 30px 0px 0px; }
#copyrightNotice { float:left; clear:both; }
#colorSlash { float:left; margin:0px 0px 0px 30px; }

#bodyContent { float:left; clear:both; width:1039px; margin:10px 0px 0px 31px; color:#252525; }
#bodyContent p { float:left; clear:both; width:339px; margin:0px 0px 10px 0px; font-size:11px; }

#buildingBlocks { float:left; clear:both; width:1039px; margin:10px 0px 0px 31px; color:#252525; }

#blogContent { float:left; width:450px; margin:0px 0px 0px 31px; color:#252525; }
#blogContent p { float:left; clear:both; width:450px; margin:0px 0px 10px 0px; font-size:12px; line-height:17px; }
#blogContent img { max-width:450px; float:left; margin:20px 0px 32px 0px; }
#blogContent a { float:left; margin:0px 10px 0px 0px; color:#6b6b6b; font-size:11px; text-decoration:underline; }

.left { float:left; }
.right { float:left; margin:0px 0px 0px 10px; } 
.quote { float:left; clear:both; width:270px; margin:0px 0px 10px 20px; color:#8f8f8f; font-size:18px; font-family:Georgia; }
.howWeWorkPhoto { float:left; margin:0px 0px 0px 10px; } 

.articleimage { margin:20px 0px 300px 0px; float:left; clear:none;}

.cSub { float:left; margin:10px 0px 0px 0px; }

.left h1 { font-size:18px; float:left; clear:both; }
.left h2 { font-size:12px; font-weight:bold; float:left; clear:both; margin:0px 0px 6px 0px; color:#c3c3c3; }

.pod { float:left; clear:both; margin:0px 0px 80px 0px; }

#bodyContent img { float:left; clear:both; margin:20px 0px 0px 0px; }

.eventBlog a { float:left; clear:both; background:#ff2a89; color:#ffffff; padding:5px 5px; }
.eventBlog a:hover { float:left; clear:both; background:#00afe2; color:#ffffff; padding:5px 5px; }


.annotate { float:left; clear:both; color:#9f9f9f; margin:2px 0px 20px 25px; font-size:9px; }

#relavantLinks { list-style:none; float:left; clear:both; margin:20px 0px 10px 30px; }
#relavantLinks a { color:#7a7a7a; float:left; margin:3px 0px 0px 0px; font-size:12px; text-decoration:underline; }
#relavantLinks a:hover { color:#ff2a89; }
#relavantLinks li { float:left; margin:0px 5px 0px 0px; }
.ulTag { font-size:15px; color:#ff2a89; }

#yourLinks { list-style:none; float:left; clear:both; margin:0px 0px 10px 0px; }
#yourLinks a { color:#7a7a7a; float:left; margin:3px 0px 0px 0px; font-size:12px; text-decoration:underline; }
#yourLinks a:hover { color:#ff2a89; }
#yourLinks li { float:left; margin:0px 5px 0px 0px; }

#success { list-style:none; float:left; clear:both; margin:0px 0px 20px 30px; }
#success a { color:#7a7a7a; float:left; margin:3px 0px 0px 0px; font-size:12px; text-decoration:underline; }
#success a:hover { color:#ff2a89; }
#success li { float:left; margin:0px 5px 0px 0px; }

#yourLinksMin { list-style:none; float:left; clear:both; margin:0px 0px 0px 0px; }

.theoffer { color:#ff2a89; text-decoration:underline; }
.theoffer a { color:#ff2a89; }

#howWeWorkPhoto { list-style:none; font-size:16px; }
.howWeWorkPhoto strong { color:#ff2a89; }

#supply { float:left; clear:both; color:#ff2a89; margin:0px 0px 10px 15px; }

#galleryIntro { float:left; width:300px; margin:0px 0px 0px 30px; }
#galleryIntro p { float:left; clear:both; margin:0px 0px 10px 0px; }

.galleryPics { float:left; margin:0px 0px 0px 30px; width:680px; background:#000000; padding:0px 0px 4px 0px; }
.galleryPics img, .galleryPics h2, .galleryPics p { float:left; clear:both; }
.galleryPics h2 { color:#ffffff; margin:10px 0px 0px 20px; }
.galleryPics p { color:#969696; margin:10px 0px 15px 20px; line-height:16px; }

.galleryPic { height:290px; float:left; overflow:hidden; }
.galleryPic2 { height:290px; position:absolute; margin:0px 0px 0px -680px; overflow:hidden; }
.thumbPic { float:left; height:69px; width:75px; overflow:hidden; margin:4px 0px 0px 4px; cursor:pointer; }
#galleryMajor { float:left; margin:0px 0px 0px 0px; }

#thumb1 { float:left; margin:0px 0px 0px 0px; }
#thumb2 { float:left; margin:0px 0px 0px -75px; }
#thumb3 { float:left; margin:0px 0px 0px -150px; }
#thumb4 { float:left; margin:0px 0px 0px -225px; }
#thumb5 { float:left; margin:0px 0px 0px -300px; }
#thumb6 { float:left; margin:0px 0px 0px -375px; }
#thumb7 { float:left; margin:0px 0px 0px -450px; }
#thumb8 { float:left; margin:0px 0px 0px -525px; }
#thumb9 { float:left; margin:0px 0px 0px -600px; }
#thumb10 { float:left; margin:0px 0px 0px -675px; }
#thumb11 { float:left; margin:0px 0px 0px -750px; }
#thumb12 { float:left; margin:0px 0px 0px -825px; }

#thumbs { width:550px; float:left; margin:0px 0px 0px 102px; }

#articleThumbs { width:400px; float:left; margin:8px 0px 0px -4px; }

.galleryType { float:left; font-family:Georgia; margin:20px 0px 0px 0px; font-style:normal; width:300px; }
.galleryType h3 { color:#000000; font-size:16px; }
.galleryType h4 { color:#727272; font-size:12px; }

.thumbGrey { background:url(../images/thumbGrey.png); position:absolute; width:75px; height:69px; display:none; }

#galleryBrowse { list-style:none; margin:10px 0px 0px 0px; float:left; }
#galleryBrowse a { color:#ff2a89; font-size:14px; }
#galleryBrowse a:hover { text-decoration:underline; }

#consultation { float:left; clear:both; margin:0px 0px 0px 30px; width:250px; }
#consultation label{ width:300px; float:left; clear:both; font-size:11px; font-weight:bold; margin:0px 0px 5px 0px; }
#consultation input{ width:200px; float:left; clear:both; padding:5px; margin:0px 0px 10px 0px; }
#consultation .nature { width:200px; float:left; clear:both; margin:0px 0px 10px 0px; }
#eventDate { float:left; clear:both; }
#eventDate select { float:left; margin:0px 5px 0px 0px; }

#howtobook { float:left; clear:both; margin:5px 0px 0px 0px; width:250px; }
#howtobook label{ width:300px; float:left; clear:both; font-size:11px; font-weight:bold; margin:0px 0px 5px 0px; }
#howtobook input{ width:200px; float:left; clear:both; padding:5px; margin:0px 0px 10px 0px; }
#howtobook .nature { width:200px; float:left; clear:both; margin:0px 0px 10px 0px; }

#c { float:left; clear:both; margin:5px 0px 0px 0px; width:900px; }
#c label{ width:300px; float:left; clear:both; font-size:11px; font-weight:bold; margin:0px 0px 5px 0px; }
#c input{ width:200px; float:left; clear:both; padding:5px; margin:0px 0px 10px 0px; }
#c .nature { width:200px; float:left; clear:both; margin:0px 0px 10px 0px; }

#consultationComments { float:left; width:300px; }
#consultationComments label { width:300px; float:left; clear:both; font-size:11px; font-weight:bold; margin:0px 0px 5px 0px; }
#consultationComments textarea { width:300px; height:150px; }

.submit { float:right; clear:both; margin:30px 0px 0px 0px; }
.sent { display:none; }
.success { font-size:15px; color:#ff2a89; float:left; }

.contactComments { width:300px; height:200px; }

#whentobook { margin:20px 0px 0px 0px; }

#navigation .client a { color:#ffffff; background:#00afe2; padding:5px; margin:10px 0px 0px 10px; }
#navigation .client a:hover { background:#3b3b3b; color:#fe6cb0; }
#navigation .client { float:right; margin:0px 10px 0px 0px; }

#attendee a { background:#00afe2; color:#ffffff; padding:5px; float:left; margin:6px 0px 0px 10px; }
#attendee a:hover { background:#fe6cb0; color:#ffffff; }
#smallLogo { float:left; }

.q { float:left; clear:both; width:339px; margin:0px 0px 10px 0px; font-size:13px; color:#ff2a89; }

#defocus { float:right; margin:-130px 0px 0px 260px; }

.buildingBlock { float:left; background:#e0e0e0; width:168px; min-height:440px; margin:0px 5px 0px 0px; }
.buildingBlockA { float:left; background:#ebebeb; width:168px; min-height:440px; margin:0px 5px 0px 0px; }
.buildingHead { float:left; width:168px; background:#171717; height:100px; }
.buildingHead h3 { float:left; clear:both; margin:12px 0px 0px 12px; color:#ffffff;  }
.buildingHead p { color:#969696; float:left; clear:both; margin:5px 0px 12px 12px; width:145px; }
.buildingP { float:left; clear:both; margin:12px 0px 0px 12px; width:145px; }

.buildingBlockD { float:left; background:#ebebeb; width:256px; min-height:540px; margin:0px 5px 0px 0px; }
.buildingHeadD { float:left; width:256px; background:#171717; height:100px; }
.buildingHeadD h3 { float:left; clear:both; margin:12px 0px 0px 12px; color:#ffffff;  }
.buildingHeadD p { color:#969696; float:left; clear:both; margin:5px 0px 12px 12px; width:240px; }
.buildingPD { float:left; clear:both; margin:12px 0px 0px 12px; width:240px; }
.buildingBlockD img { width:256px; }

.buildingBlockE { float:left; background:#cdcdcd; width:254px; min-height:540px; margin:0px 0px 0px 0px; }
.buildingHeadE { float:left; width:254px; background:#171717; height:100px; }
.buildingHeadE h3 { float:left; clear:both; margin:12px 0px 0px 12px; color:#ffffff;  }
.buildingHeadE p { color:#969696; float:left; clear:both; margin:5px 0px 12px 12px; width:254px; }
.buildingPE { float:left; clear:both; margin:12px 0px 0px 12px; width:254px; }
.buildingBlockE img { width:254px; }
.buildingHeadE .narrow { width:240px; }

#whenToBook { list-style:none; width:400px; }
.season { float:left; position:relative; margin:0px 0px 10px 0px; }
#whenToBook img { float:left; margin:0px; }
.actualSeason { position:absolute; left:0px; bottom:0px; width:200px; background:url(../images/trans.png);  }
.actualSeason h4 { color:#ffffff; padding:5px 0px 0px 10px; }
.actualSeason h3 { color:#ff2a89; padding:0px 0px 5px 10px; }

#how { width:260px; }
#howToDiv { margin:0px 0px 0px 25px; }

#how p { float:left; clear:both; margin:0px 0px 10px 0px; }

#submit input { width:80px; }

#consultationDiv { float:left; margin:0px 0px 0px 0px; }

#clientPanel { float:left; clear:both; margin:0px 0px 0px 30px; }

#attendeePanel { float:left; clear:both; margin:10px 0px 0px 30px; }
#attendeePanel .clientExist { margin:0px 12px 0px 0px; background:url(../images/padlock.png) #c3c3c3 right top no-repeat; }
#attendeePanel .clientExist p { width:240px; }
#attendeePanel h3 { color:#ff2a89; margin:0px 0px 5px 9px; width:280px; }
#attendeePanel .parts { float:left; clear:both; }

.loginGallery { float:left; clear:both; margin:0px 0px 0px 10px; }
.loginGallery li { margin:0px 0px 5px 0px; }

#typoLogo { float:right; margin:32px 144px 5px 0px; }

.clientExist, .clientNewbie, .clientTerms { float:left; width:309px; margin:0px 20px 0px 0px; }
.clientExist p, .clientNewbie p, .clientTerms p { float:left; clear:both; width:280px; margin:10px 0px 10px 10px; }
.clientExist h2, .clientNewbie h2, .clientTerms h2 { margin:10px 0px 0px 10px; }
.clientExist label, .clientExist input, .clientNewbie label, .clientNewbie input { float:left; clear:both; margin:0px 0px 0px 10px; }
.clientExist input, .clientNewbie input { margin:5px 0px 20px 10px; padding:5px; }
.clientExist label { font-weight:bold; }
.clientExist .gallerypassword { padding:5px; font-size:14px; width:275px; }

.clientExist { background:#c3c3c3; }
.clientNewbie { background:#e9e9e2; }

.pink { color:#ff2a89; font-weight:bold; font-size:12px; float:left; clear:both; margin:0px 0px 10px 10px; }

.clientTerms h2 { color:#ff2a89; }
.clientTerms p { color:#989898; }

.clientExist a { float:left; clear:both; margin:0px 0px 20px 10px; background:#ff2a89; color:#ffffff; padding:5px; }
.clientExist a:hover { float:left; clear:both; margin:0px 0px 20px 10px; background:#ffffff; color:#ff2a89; padding:5px; }

.clientNewbie a { float:left; clear:both; margin:0px 0px 20px 10px; background:#ff2a89; color:#ffffff; padding:5px; }
.clientNewbie a:hover { float:left; clear:both; margin:0px 0px 20px 10px; background:#ffffff; color:#ff2a89; padding:5px; }

#padlock { position:absolute; }

.error { float:left; clear:both; margin:0px 0px 10px 10px; font-size:13px; font-weight:bold; }

.clientPanel { float:left; margin:20px 0px 0px 30px; width:680px; }
.boxes { float:left; width:350px; }

.clientPanel h3 { font-size:20px; float:left; clear:both; margin:0px 0px 30px 0px; color:#6b6b6b; }
.clientPanel h2 { font-size:14px; float:left; clear:both; margin:0px 0px 30px 0px; color:#6b6b6b; }

#leads { float:left; clear:both; margin:0px 0px 20px 0px; }
#leads td { padding:0px 20px 0px 0px; }
#leads .header { color:#6b6b6b; font-weight:bold; font-size:12px; height:30px;}
.l1 { background:#e9e9e2; height:30px; }
.l2 { background:#ffffff; height:30px; }
#leads a { color:#7d7f7f; float:left; padding:0px 0px 0px 0px; text-decoration:underline; }
#leads a:hover { color:#ff2a89; }
.grey { color:#7d7f7f; }

.date { color:#7d7f7f; float:left; padding:0px 0px 0px 10px; text-decoration:underline; }

#leads input { background:#e9e9e2; border:none; font-size:15px; padding:10px; float:left; margin:0px 0px 10px 0px; font-family:Arial; width:210px; }
#leads textarea { background:#e9e9e2; border:none; font-size:15px; padding:10px; height:100px; }
#leads select { float:left; margin:20px 5px 20px 0px; }

.note { width:370px; }
.bold { font-weight:bold; color:#ff2a89; }
.clientNote { padding:10px 0px 10px 0px; }

.projects a { float:left; clear:both; color:#7d7f7f; font-size:14px; text-decoration:underline; }
.projects a:hover { color:#ff2a89; }

#eventDetails { float:left; clear:both; margin:0px 0px 30px 0px; }
#eventDetails label { float:left; clear:both; margin:10px 0px 0px 10px; padding:0px 0px 4px 0px; }
#eventDetails input { float:left; clear:both; margin:0px 0px 0px 10px; width:200px; padding:5px; }
#eventDetails textarea { float:left; clear:both; margin:0px 0px 0px 10px; width:205px; height:70px; padding:5px; }
#eventDetails select { float:left; }

#eventDetails img { float:left; clear:left; margin:0px 0px 0px 10px; }
.add { float:left; margin:3px 0px 0px 10px; color:#6b6b6b; }

#eventDetails1 { float:left; background:#e9e9e2; width:237px; padding:0px 0px 20px 0px; margin:20px 0px 0px 0px; }
#eventDetails2 { float:left; clear:both; background:#c3c3c3; width:237px; padding:0px 0px 20px 0px; margin:10px 0px 0px 0px; }
#eventDetails3 { float:left; background:#e9e9e2; width:420px; padding:0px 0px 20px 0px; margin:20px 0px 0px 10px; }
#eventDetails4 { float:left; clear:both; background:#e9e9e2; width:420px; padding:0px 0px 20px 0px; margin:10px 0px 0px 10px; }
#eventDetails5 { float:left; clear:both; background:#e9e9e2; width:420px; padding:0px 0px 20px 0px; margin:10px 0px 0px 10px; }
#eventDetails6 { float:left; clear:both; background:#ffffff; width:420px; padding:0px 0px 20px 0px; margin:10px 0px 0px 10px; }

#eventDetails6 input { float:left; margin:20px 0px 0px 10px; width:100px; }

#eventDetails2 a:hover { color:#ffffff; text-decoration:underline; }

#eventDetails6 p { width:300px; margin:10px 0px 0px 10px; }

#eventDetails4 select { clear:both; margin:0px 0px 0px 10px; }

#eventDetails3 textarea, #eventDetails5 textarea { width:350px; }

#eventDetails2 label { color:#000000; padding:4px 4px 4px 0px; }

.eventDetailsTag { font-size:13px; color:#ff2a89; float:left; clear:both; margin:20px 0px 0px 10px; }

#eventDetails2 .eventDetailsTag { color:#ffffff; }

.formDate { float:left; clear:both; margin:0px 0px 0px 10px; }
.formDate select { margin:0px 5px 0px 0px; }

.formTime { float:left; clear:both; margin:0px 0px 20px 10px; }
.formTime select { margin:0px 5px 0px 0px; }

.bookingFormLeft { float:left; clear:none; }
.bookingFormRight { float:left; clear:none; }

.hidden { display:none; }
.visible { display:inline; }

.button { display:pointer; }

.spc { float:left; margin:15px 0px -5px 0px; }

.soon { margin:150px 0px 120px 60px; }

#forgottenPassword { float:left; clear:both; }
#forgottenPassword label { float:left; clear:both; }
#forgottenPassword input { float:left; clear:both; padding:5px; }

#galleryThumbBrowser { width:1040px; background:#e9e9e2; float:left; padding:0px 0px 5px 0px; margin:0px 0px 0px 30px; }
.galleryPod { float:left; clear:none; margin:25px 5px 0px 5px; background:#ffffff; width:105px; padding:0px 0px 60px 0px; }
.galleryPod img { float:left; width:105px; }

#trolleyReview h3 { float:left; color:#6b6b6b; margin:15px 0px 0px 20px; font-size:15px; }
#trolleyReview { width:1040px; background:#e9e9e2; float:left; padding:0px 0px 5px 0px; margin:0px 0px 0px 30px; }
#trolleyReview p { float:left; clear:both; margin:3px 0px 0px 20px; color:#6b6b6b; width:400px; }

#trolleyReview #galleryBROWSER { width:760px; }

#trolleyOverview { float:left; width:240px; background:#ffffff; margin:6px 0px 12px 0px; background:url(../images/longwhite-trans.png) repeat top; padding:0px 0px 20px 0px; }
#trolleyOverview h1 { color:#ff2a89; margin:35px 0px 0px 10px; font-size:14px; }
#trolleyOverview p { color:#6b6b6b; margin:10px 0px 0px 10px; font-size:12px; width:220px; }
#trolleyOverview .number { float:left; margin:13px 0px 0px 10px; font-size:11px; color:#6b6b6b; }
#trolleyOverview .total { float:left; clear:both; margin:2px 0px 0px 10px; font-size:13px; font-weight:bold; color:#6b6b6b; }
#trolleyOverview img { float:left; clear:both; margin:8px 0px 0px 0px; }
#trolleyOverview .images { float:left; margin:13px 0px 0px 3px; font-size:11px; color:#6b6b6b; }
#trolleyOverview .abTotal { float:left; margin:2px 0px 0px 0px; font-size:13px; font-weight:bold; color:#6b6b6b; }
#trolleyOverview .terms { font-size:9px; color:#9e9e9e; }
#trolleyOverview .delivery { color:#ff2a89; font-weight:bold; }

#trolleyReview #galleryBROWSER a { color:#9b9b9b; margin:10px 0px 0px 4px; }
#trolleyReview #galleryBROWSER a:hover { color:#ff2a89; text-decoration:underline; }

#trolleyReview .downloaded { color:#ff2a89; font-weight:bold; margin:10px 0px 0px 4px; }

#trolleyOverview a { color:#ff2a89; margin:12px 0px 0px 10px; float:left; text-decoration:underline; font-size:12px; }

#galleryBROWSER { float:left; clear:both; margin:10px 0px 0px 20px; width:1040px; }
#galleryBROWSER a { margin: 0px 0px 0px 0px; }
#galleryBRinner { float:left; margin:0px 0px 0px 2px; }
.foto { float:left; background:#ffffff; margin:10px 12px 10px 0px; width:114px; height:205px; overflow:hidden; cursor:pointer; }
.foto img { margin:0px 0px 0px 0px; max-width:228px; }
.foto h1 { float:left; clear:both; font-size:10px; color:#515151; margin:0px 0px 4px 4px; }
.foto h2 { font-size:9px; margin:0px 0px 0px 4px; float:left; }
.foto .buy { background:#29b4e7; color:#ffffff; padding:3px; float:left; clear:both; margin:2px 0px 0px 4px; }
.buy a:hover { color:#000000; }

.masterSHOW { float:left; }
.masterHIDE { display:none; }

#galleryPages { float:left; clear:both; list-style:none; margin:40px 35px 20px 3px; }
#galleryPages li { float:left; margin:0px 4px 0px 0px; font-size:10px; }
#galleryPages a { font-size:12px; text-decoration:none; color:#ffffff; margin:0px 0px 5px 0px; float:left; padding:10px 10px 10px 10px; background:#171717; color:#ffffff; }
#galleryPages a:hover { background:#ff2a89; color:#ffffff; }
#galleryPages .paged { background:#ff2a89; color:#ffffff; }

/* the background to foto selected was 6b6b6b; */

.fotoSelected { float:left; background:#171717; margin:10px 12px 10px 0px; width:114px; height:205px; overflow:hidden; }
.fotoSelected img { margin:0px 0px 0px 0px; }
.fotoSelected a { float:left; clear:both; text-decoration:none; color:#ffffff; font-size:11px; margin:0px 0px 0px 4px; }
.fotoSelected h1 { float:left; clear:both; font-size:11px; color:#ffffff; margin:0px 0px 4px 4px; }
.fotoSelected h2 { font-size:9px; margin:0px 0px 0px 4px; float:left; color:#ffffff; clear:both; }
.fotoSelected .buy { background:#29b4e7; color:#ffffff; padding:3px; float:left; clear:both; margin:2px 0px 0px 4px; }

.foto .share { float:left; margin:0px 0px 0px 4px; display:none;}
.fotoSelected .share { float:left; margin:0px 0px 0px 4px; display:inline; }
.share a { background:#ff2a89; color:#ffffff; padding:2px 5px; margin:0px 0px 0px 3px; float:left; }

#facebookLogin { margin:20px 0px 0px 20px; float:left; }
#facebookLogin p { color:#6b6b6b; font-size:12px; width:300px; margin:10px 0px 0px 0px; }

#fbImage { width:1038px; float:left; margin:0px 0px 0px 30px; }
#fbI { position:relative; width:550px; margin:0px auto; background:#171717; padding:0px 0px 70px 0px; }
#fbI a { background:#ff2a89; color:#ffffff; padding:5px; margin:10px 0px 0px 10px; float:left; }

#fbI2 { position:relative; width:367px; margin:0px auto; background:#171717; padding:0px 0px 70px 0px; }
#fbI2 a { background:#ff2a89; color:#ffffff; padding:5px; margin:10px 0px 0px 10px; float:left; }

.fbShareLink { float:right; }
.fbShareLink a { color:#ffffff; background:#ff2a89; padding:3px; }

#vcLink { float:right; margin:-20px 0px 0px 0px; }

#meetadam { float:left; margin:-20px 14px 0px 0px; padding:0px; 	}
.who { float:left; color:#ff2a89; }
.bioIntro { float:left; font-weight:bold; clear:right; width:195px; }

#promo { position:absolute; top:10px; left:275px; }

#book { background:#000000; float:left; margin:0px 0px 0px 30px; width:1040px; }
#bookPreview { width:872px; background:#ffffff; float:left; margin:15px 0px 0px 70px; height:600px; overflow:hidden; }
#book a { color:#ff2a89; margin:5px 20px 0px 10px; float:left; }
#bookNav { list-style:none; float:left; clear:both; }
#bookNav li { float:left; }
#bookNav a { font-size:14px; margin:10px 0px 20px 20px; }
#bookNav a:hover { color:#ffffff; }
#bookHolder { background:#545454; width:1020px; float:left; margin:10px 10px 10px 10px; padding:0px 0px 10px 0px; }

#galleryoptions { list-style:none; margin:20px 0px 0px 20px; float:left; clear:both; }
#galleryoptions li { float:left; margin:0px 10px 0px 0px; }
.galleryoptionH { color:#ff2a89; font-weight:bold; }
#galleryoptions a { color:#6b6b6b; margin:10px 0px 0px 0px; float:left; }
#galleryoptions a:hover { text-decoration:underline; }

#toggleoptions { list-style:none; margin:20px 20px 0px 0px; float:right; width:160px; }

#galleryoptions .toggleChron { margin:0px ; float:left; }
.toggleChron a { background:url(../images/toggle.png) no-repeat; width:99px; height:30px; float:left; }
.toggleChron a:hover {  background-position:0px -60px; }
#galleryoptions .toggleRandom { margin:0px; float:left; }
.toggleRandom a { background:url(../images/toggle.png) no-repeat; background-position:-99px 0px; width:60px; height:30px; float:left; }
.toggleRandom a:hover { background-position:-99px -60px; }

.chosen { float:left; clear:both; background:#00afe2; padding:4px 3px 4px 4px; color:#ffffff; margin:4px 0px 0px 0px; display:none; }

#likely { float:left; clear:both; margin:10px 0px 0px 0px; }
#likely img { float:left; margin:0px; }
#likely p { font-size:18px; font-family:Georgia; width:300px; }

.outsetL { float:left; width:235px; margin:12px 0px 0px 12px; }
.outsetR { float:left; width:235px; margin:12px 0px 0px 12px; }
.outsetL p { float:left; clear:both; margin:0px 0px 12px 0px; }
.outsetR p { float:left; clear:both; margin:0px 0px 12px 0px; }

.focus { margin:20px 0px 0px 30px; }

#trolley { width:200px;position:fixed; bottom:0px; margin:0px 0px 0px 808px; height:220px; background:url(../images/white-trans.png) repeat top; }
#trolley h1 { color:#ff2a89; margin:35px 0px 0px 10px; font-size:14px; }
#trolley p { color:#6b6b6b; margin:10px 0px 0px 10px; font-size:12px; }
#trolley .number { float:left; margin:13px 0px 0px 10px; font-size:11px; color:#6b6b6b; }
#trolley .total { float:left; clear:both; margin:2px 0px 0px 10px; font-size:13px; font-weight:bold; color:#6b6b6b; }
#trolley img { float:left; clear:both; margin:5px 0px 0px 2px; }
#trolley .images { float:left; margin:13px 0px 0px 3px; font-size:11px; color:#6b6b6b; }
#trolley .abTotal { float:left; margin:2px 0px 0px 0px; font-size:13px; font-weight:bold; color:#6b6b6b; }

#payStage { margin:0px 0px 0px 420px; }
#payStage input { float:left; clear:both; margin:20px 0px 0px 0px; }

.adamstest { display:hidden; }

#javascriptWarning { float:left; clear:both; background:#171717; padding:14px 14px 14px 14px; color:#ffffff; margin:15px 0px 0px 21px; font-size:14px; width: 400px; }
#javascriptWarning em { font-style:normal; color:#968783; }

#galleria { float:left; clear:both; width:1040px; height:650px; margin:0px 0px 0px 30px; }

/* background:#00afe2; */

/* thumbnail */

#thumbBox{ /*Outermost DIV for thumbnail viewer*/
position: absolute;
left: 0;
top: 0;
width: auto;
padding: 10px;
padding-bottom: 0;
background: #313131;
visibility: hidden;
z-index: 10;
cursor: hand;
cursor: pointer;
}

#thumbBox .footerbar{ /*Footer DIV of thumbbox that contains "close" link */
font: 14px;
color: white;
padding: 5px 0px 10px 0px;
text-align: right;
}


#thumbBox #thumbImage{ /*DIV within thumbbox that holds the enlarged image */

}

#thumbLoading{ /*DIV for showing "loading" status while thumbbox is being generated*/
position: absolute;
visibility: hidden;
border: 1px solid black;
background-color: #EFEFEF;
padding: 5px;
z-index: 5;
}

/* thumbnail */