#wrapper #content .gallery { width: 650px; float: left; }
#wrapper #content .gallery .panel { background: #312f30; float: left; width: 100%; }
#wrapper #content .gallery .panel .column_1_a, #wrapper #content .gallery .panel .column_1_b { float: left; }

#wrapper #content .gallery .panel .column_1_a { width: 300px; margin: 0px 5px 10px 9px; clear: left; }
#wrapper #content .gallery .panel .column_1_b { width: 315px; margin: 0px 9px 10px 10px; }

#wrapper #content .gallery .panel .coloured_title_bar { margin: 0px; width: 643px; background: #383637; padding: 3px; }
#wrapper #content .gallery .panel .coloured_title_bar h2 { background: url(/images/gallery/gallery_title_left_cap.gif) no-repeat; font-size: 1.3em; }
#wrapper #content .gallery .panel .coloured_title_bar a.minimise_toggle { background: url(/images/gallery/gallery_minimise_toggle.gif) top; }
#wrapper #content .gallery .panel h3 { text-align: left; color: #CCC; font-size: 1.1em; width: 100%; margin: 0px 0px 8px 0px; padding-bottom: 3px; background: url(/images/heading_arrow.gif) right center no-repeat; border-bottom: 1px dotted #999; position: relative; }
#wrapper #content .gallery .panel h3 span { position: absolute; right: -2px; top:9px; padding: 3px; background: #312f30; }
#wrapper #content .gallery .panel h3 span a { color: #ff8f0a; text-decoration: none; font-size: 0.7em; }
#wrapper #content .gallery .panel h3 span a:hover { color: #f1f1f1; }
#wrapper #content .gallery .panel ul.alphabetNavigation { float: left; background: #1a1a1a; width: 100%; padding: 10px 0px; }
#wrapper #content .gallery .panel ul.alphabetNavigation li { margin-right: 1px; float: left; }
#wrapper #content .gallery .panel ul.alphabetNavigation li a { float: left; color: #9d9d9d; background: #363435; text-transform: capitalize; padding: 5px; text-align: center; width: 10px; }
#wrapper #content .gallery .panel ul.alphabetNavigation li a:hover { width: 12px; border: 1px solid #fff; padding: 6px; margin: -2px 0px -2px -6px; background: #ff8f0a; font-weight: bold; color: #fff; }
#wrapper #content .gallery .panel ul.alphabetNavigation li a.album { text-transform: none; width: 73px; margin-left: 10px; }
#wrapper #content .gallery .panel ul.alphabetNavigation li a.album:hover { margin: -2px 0px -2px 6px; }
#wrapper #content .gallery .panel ul.thumbnails { float: left; background: #242223; padding: 3px 3px 35px 3px; }
#wrapper #content .gallery .panel ul.thumbnails li { position: relative; width: 92px; height: 92px; padding: 2px; background: #312f30; border: 1px solid #2e2c2d; float: left; }
#wrapper #content .gallery .panel ul.thumbnails li a { float: left; }
#wrapper #content .gallery .panel ul.thumbnails li a span { background: #222; color: #999; font-weight: bold; padding: 5px 0px; text-align: center; position: absolute; bottom: 3px; left: 3px; width: 90px; }
#wrapper #content .gallery .panel ul.thumbnails li a:hover span { color: #f1f1f1; }
#wrapper #content .gallery .panel ul.thumbnails li a img { float: left; width: 90px; height: 90px; border: 1px solid #262525; }
#wrapper #content .gallery .panel ul.thumbnails li a:hover img { border: 4px solid #fff; margin: -3px 0px 0px -3px; }
#wrapper #content .gallery .panel .topRatedImage { border: 3px solid #fff; margin-bottom: 10px; clear: both; position: relative; }
#wrapper #content .gallery .panel .topRatedImage a img { height: auto; border: none; }
#wrapper #content .gallery .panel .topRatedImage .decription { background: #1a1a1a; padding: 7px 0px; border-top: 1px solid #fff; }
#wrapper #content .gallery .panel .topRatedImage .decription p { margin: 0px 10px; color: #999; }
#wrapper #content .gallery .panel .topRatedImage .decription p span { display: block; font-weight: bold; color: #f1f1f1; font-size: 1.2em; }
#wrapper #content .gallery .panel .topRatedImage .rating { position: absolute; right: 10px; bottom: 13px; }


#wrapper #content .gallery .reviewStatic { background: #383637; border: 1px solid #413e40; margin-bottom: 10px; }
#wrapper #content .gallery .reviewStatic h3 { color: #f1f1f1; border-bottom: 1px solid #413e40; background: #323031; padding: 10px; margin-bottom: 0px; width: auto; font-size: 0.9em; }
#wrapper #content .gallery .scroll { overflow: auto; height: 152px; }
#wrapper #content .gallery .reviewStatic span { color: #f1f1f1; font-weight: bold; display: block; padding-left: 25px; margin: 10px 10px; background: url(/images/gallery/icons/userComment.gif) left top no-repeat; }
#wrapper #content .gallery .reviewStatic span a { color: #ff8f0a; display: inline; }
#wrapper #content .gallery .reviewStatic span a:hover { text-decoration: underline; color: #f1f1f1; }
#wrapper #content .gallery .reviewStatic p { color: #a2a2a2; font-size: 0.9em; padding: 0px 25px 10px 25px; margin: 5px 10px; border-bottom: 1px dotted #514e50; background: url(/images/gallery/icons/speechMarks.gif) top left no-repeat; }

#wrapper #content .gallery .rating {  }
#wrapper #content .gallery .rating span.label { color: #f1f1f1; font-weight: bold; float: left; padding-right: 7px; }
#wrapper #content .gallery .rating img { float: left; width: 17px; height: 17px; margin-top: -5px; }

/* Slider Construct */
/* Edited: Joseph Darling */	
#wrapper #content .gallery .panel .csw { width: 100%; height: 465px; overflow: hidden; }
#wrapper #content .gallery .panel .csw .loading { margin: 200px 0 300px 0; text-align: center; color: #f1f1f1; font-weight: bold;}
#wrapper #content .gallery .panel .stripViewer { position: relative; overflow: hidden; margin: 0px auto; width: 300px; height: 465px;	clear: both; }
#wrapper #content .gallery .panel .stripViewer .panelContainer { position: relative; left: 0; top: 0; width: 100%; list-style-type: none; }
#wrapper #content .gallery .panel .stripViewer .panelContainer .panelSlider{ float:left; height: 100%; position: relative; width: 300px; }
#wrapper #content .gallery .panel .stripNav { display: none; /* Hack */ }
#wrapper #content .gallery .panel .stripNavL, .stripNavR { position: absolute; top: 508px; text-indent: -9000em; z-index: 1; }
#wrapper #content .gallery .panel .stripNavL a, .stripNavR a { display: block; height: 25px;	width: 70px; overflow: hidden; }
#wrapper #content .gallery .panel .stripNavL { left: 13px; }
#wrapper #content .gallery .panel .stripNavR { right: 344px; }
#wrapper #content .gallery .panel .stripNavL a { background: url(/images/gallery/slide_left.gif) top no-repeat; }
#wrapper #content .gallery .panel .stripNavR a { background: url(/images/gallery/slide_right.gif) top no-repeat; }
#wrapper #content .gallery .panel .stripNavL a:hover { background: url(/images/gallery/slide_left.gif) bottom no-repeat; }
#wrapper #content .gallery .panel .stripNavR a:hover { background: url(/images/gallery/slide_right.gif) bottom no-repeat; }
#wrapper #content .gallery .panel span.slideLabel { position: absolute; bottom: 12px; width: 300px; text-align: center; left: 0px; color: #999; font-size: 0.95em; }

/* End */

#wrapper #content .gallery .regionSelect { width: 100%; margin-top: 10px; display: none; background: #312f30; clear: both; position: relative; }
#wrapper #content .gallery .regionSelect p { color: #999; }
#wrapper #content .gallery .regionSelect img.europeButton { position: absolute; left: 132px; top: 93px; }
#wrapper #content .gallery .regionSelect img.canadaButton { position: absolute; left: 0px; top: 0px; }
#wrapper #content .gallery .regionSelect img.americaButton { position: absolute; left: 0px; top: 0px; }
#wrapper #content .gallery .regionSelect img.southernHemisphereButton { position: absolute; left: 0px; top: 0px; }
#wrapper #content .gallery #america { display: none; }
#wrapper #content .gallery #canada { display: none; }
#wrapper #content .gallery #southernHemisphere { display: none; }