/* BRITANNIA SHOPPING CENTRE
	Created by Argument from Design, <http://www.ardes.com> 
	August 2008 */

/* Zero margins & padding, which we define elsewhere, courtesy Eric Meyer */
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, font, 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 {
	margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; 	vertical-align: baseline; background: transparent;
}
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
/* remember to define focus styles! */
:focus { outline: 0; }

/* remember to highlight inserts somehow! */
ins { 	text-decoration: none; }
del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }



/* LAYOUTS */

body { 
	background: #e5e9f4 url(/images/backgrounds/body_bg.jpg) repeat-x;
	font: 1em "Helvetica", "Arial", "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
	color: #444;
}


#header { 
	background-color: #000; z-index: 50; width: 100%; position: fixed;
	height: 55px; 
	border-bottom: 1px solid #667701;
}
	#header div { width: 900px; margin: auto;  } /* Logo, search appear within #container borders */
		#header img { float: left; position: relative; left: -10px; }
		#header div form { text-align: right; padding-top: 10px; }
			#header input { height: 20px; }
			#header input.submit, input.submit {
				color: #000; height: auto; padding: 5px;
				background-image: url(/images/backgrounds/nav_on.png); background-repeat: repeat-x; background-position: top left;
				background-color: #B59812; border: 1px solid #667701;
			 }

#container { 
	width: 900px; margin: 0 auto 20px; padding-top: 54px;
	border-bottom: 1px solid #DEE8F2;
	background-color: #FFF;
}

#splash {
	background-color: #DCBF25; z-index: 4!important; overflow: hidden;
	width: 597px; height: 129px; position: relative; 
	background-image: url(/images/splash/britannia_exp.jpg);
}
  body#home #splash { 
    width: 296px; height: 513px;  margin-right: 0.75em; float: left; clear: left;
    background-image: url(/images/backgrounds/splash.jpg); background-color: #B1CEF2;
  }
  body#admin #splash { display: none; }
  div.nav_images, div.nav_images div img { width: 597px!important; height: 129px!important; }

#content { clear: both; z-index: 1; background-color: transparent; }
  body#home #content { 
    background: transparent url(/images/small_shopper.png) no-repeat scroll bottom right; 
    padding-bottom: 20px;
   }
#nav { z-index: 25!important; border-top: 1px solid #DDB32E; border-bottom: 1px solid #DDB32E; }
  #nav ul { z-index: 25!important; }
    #nav ul ul { z-index: 26!important;  }

#footer { 
	clear: both; border-top: 1px solid #DEE8F2;
	background-color: transparent;
}
	#footer p { text-align: center; font-size: 0.75em; padding: 0.5em; }

/* HTML GENERAL */
#content a:link, #footer a:link { color: #002B90; }
	#content a:hover, #content a:active, #footer a:hover, #footer a:active { color: #9E1E10!important; text-decoration: none;  }
	#content a:visited, #footer a:visited { color: #445C8F; }

#main code { font-size: 1.2em; letter-spacing: 0.09em; }

#content h1, #content h2, #content h3, #content h4, #content h5 { 
	color: #002B90; margin: 0 0.75em 0.5em 0.75em; padding-top: 0.75em;
}
	#content h1 { font-size: 1em; }
	  body#home #main h1 { font-size: 0.9em; }
	#content h2 { font-size: 0.9em; }
	#content h3 { font-size: 0.8em; }
	#content h4 { font-size: 0.8em; font-style: italic; }
	#content h5 { font-size: 0.8em; font-style: italic; font-weight: normal; }

img.welcome { width: 597px; }

#content img.feature { width: 452px; }
#content #main img.home { margin-left: -0.75em; }

#content ol, ul { padding-bottom: 10px; font-size: 90%; margin: 0 20px 0; }
	#content li ul { padding-top: 10px!important; }
#content ol { list-style: decimal inside; }
#content ul { list-style: disc inside; }
	#content li { margin-left: 20px; line-height: 150%; margin-bottom: 0.5em; font-size: 1em; }
	  #content li li { font-size: 1.1em;  }
	  #additional li { margin-left: 7px; margin-bottom: 0.5em; }

#content p { font-size: 0.85em; line-height: 1.6em; padding: 0 1.5em 1em 1.5em; }
	p.note { font-size: 0.75em!important; }

	#main { 
	  width: 596px; float: left; z-index: 1; 
	  background-color: transparent; 
	  border-right: 1px solid #DEE8F2;
	}
	  body#admin #main { width: 806px; border-right: 0px solid #FFF; }
		#main h1 span, #additional h2 span { font-size: 70%; vertical-align: text-center; }
			#main h2 span { font-size: 80%; }
		
		
		#main div.category { 
			margin: 0 20px 0; padding-bottom: 10px;
			clear: both;
		}
			#main div.category h2 { color: #667701; font-size: 105%; margin-bottom: 0; padding-bottom: 0; }
		#main div.store { 
			width: 250px; height: 160px; margin: 10px; 
			float: left;
			border: 1px solid #C1BDC1;
			background: #f4fce5 url(/images/backgrounds/store_bg.jpg) repeat-x bottom left;
		}
			#main div.store img { margin: 10px auto 5px; display: block; }
			#main div.store p { line-height: normal; text-align: center; }

	#additional { 
	  width: 302px; float: left; 
	  border-left: 1px solid #DEE8F2; position: relative; left: -1px; /* Border shared w/ #main: either can be taller  */
	  background-color: transparent; 
	  background-image: url(/images/backgrounds/addl_bg.gif); background-repeat: repeat-x;
	}
	  body#admin #additional { display: none; }
		#additional h3 { padding-top: 5px; margin-bottom: 0; }
		#additional img { margin: 20px auto 10px; display: block; }
		#additional p { font-size: 80%; padding: 0 15px 15px; }
			#additional p.caption { text-align: center; line-height: normal; }
		#additional div.photos { 
			width: 270px; display: block; margin: 0 10px 10px 13px;
			}
			#additional div.photos img, #additional div.photos p { display: block; }
			

		body#home #news, #featured { 
			width: 100%; display: block; background-color: transparent;
			background-color: transparent; 
  	  background-image: url(/images/backgrounds/addl_bg.gif); background-repeat: repeat-x;
		}
		  body#home #news { 
		    border-top: 1px solid #DEE8F2;
		  }
		  body#home #news h3 { padding-left: 5px; }
		    body#home #news p { padding-bottom: 0.5em; }
      		body#home #news p img {
      		    display:inline; 
      		    float:left; 
      		    vertical-align:top; 
      		    margin: 0 5px 5px 0;
      		}
    	


/* NEWS & LOCAL */
	body#news h1 { text-transform: capitalize; }
		body#news p.note { text-align: right; }
		div.news_item, div.local_item { border-top: #D9CDC2 1px solid; clear: both; }
			div.news_item h2, div.local_item h2 { text-transform: capitalize; }
			
	body#news #main img, body#local #main img { float: left; margin: 0 10px 10px; }
	  body#news #splash img, body#local #main img { float: none; margin: 0; }
	
div.theme {
	margin: 1em; padding-top: 0.5em; width: 45%; height: 120px; float: left;
	background-color: #FFFFDD;
}

	div.theme.active { background-color: #DDFFFF; }

/* NAVIGATION BAR */
/* Win/IE <7 doesn't honour :hover pseudoclasses except for anchors /*
/* Must use Javascript sfhover class to fix & add special .sfhover classes for items that need the mouseovers */
#nav { 
	height: 30px; 
	background-image: url(/images/backgrounds/nav.png); background-repeat: repeat-x; background-position: top left;
	font-size: 18px;}
#nav, #nav ul { padding: 0; margin: 0; list-style: none; }

	#nav a { display: block; width: 149px; padding-top: 2px; } /* Padding-top fixes Firefox, IE nav problem: links too high */
	#nav a:link, #nav a:visited, #nav a:hover, #nav a:active { 
		color: #475218; font-weight: bold; text-decoration: none; width: 176px; 
	}

	#nav li { 
		position: relative; float: left; text-align: center;
		width: 180px; padding: 5px 0 5px; height: 20px; /* so, total height of 30px */
		border-right: 1px solid #DDB32E;
		background-image: url(/images/backgrounds/nav.png); background-repeat: repeat-x; background-position: top left;
    font-size: 14px;
	}
	#nav li:hover, #nav li:active, #nav li.sfhover { /* Suckerfish-style fix for IE/Win</=6  */
		background-image: url(/images/backgrounds/nav_on.png); background-repeat: repeat-x; background-position: top left;
		background-color: #B59812;
	}
		#nav li li { background-color: #DCBF25; border-right: 1px solid #B59812; }
		  #nav li li:hover, #nav li li.sfhover { background-color: #CEAF1C; }
		#nav li li li { background-color: #F1E095; border-bottom: 1px solid #B59812; border-left: 1px solid #B59812; width: 200px!important; }
			#nav li li li a { width: auto!important; display: block; }
		#nav li li, #nav li li:hover, #nav li li.sfhover { 
			background-image: none;
		}
		#nav li li li:hover, #nav li li li.sfhover { background-color: #CDBD7D; color: #FFF!important; }
			#nav li li a:link { text-align: left; }


/* 1st-level subnavigation */
	#nav li ul { 
		position: absolute; left: 0px!important; top: 45px; /* Specified here for subnav to appear on right location in IE/Win</=6*/
		background-color: #B59812; 
		display: none; 
	}
	#nav ul li>ul {
		top: auto; left: auto; margin-top: 5px;  /* Opera honours the direct child selector, IE/Win</=6 doesn't */
	}

		#nav li ul li { font-size: 12px; text-align: left!important; padding-left: 5px; border-bottom: 1px solid #B59812; } /* Make that subnav look nicer */

			#nav li ul li a { padding-bottom: 5px; } /* Make the paddding correct */

		#nav li:hover ul, #nav li.sfhover ul { display: block; } /* Here's where the subnav appears */

			#nav li ul li:hover, #nav li ul li.sfhover { background-image: none; } /* Suckerfish-style fix for IE/Win</=6  */
			#nav li.contact { width: 176px; border-right: none; } /* Clean up right edge of navbar */

/* 2nd-level subnavigation */
		#nav li.ancillary ul { 
			left: 105px!important; top: 0; /* Specified here for subnav to appear on right location in IE/Win</=6*/
			display: none; z-index: 3;
		}
		#nav li.ancillary ul li {
				border-left: 1px solid #B59812;
				padding: 3px;
		}
		#nav li ul li:hover ul, #nav li ul li.sfhover ul { display: block; }



/* SPECIAL DECLARATIONS */

.info { background-color: gray; }

p.important { color: red; }

h2.info_heading { background-color: yellow; }



/* FORMS */
body#admin { background-color: #A00000!important; background-image: none!important; } 
	body#admin h1, body#admin #main form a:link { color: #A00000; }
	body#admin #footer { background-image: none; }
input { font: 90% "Lucida Grande", "Trebuchet MS", Verdana, sans-serif; }

/* =FORMS ON #MAIN */
/* FORMS: COLOURS & BORDERS */

#main .feedback { color: #760000; }
	#main fieldset { border: 0px; }
	#main fieldset.submit, #main form div.submit { 
		border-style: none;
		background-color: transparent;
	}
		#main fieldset.submit p, #main form div.submit p { text-align: right!important; }
			#main fieldset.submit p input, #main div.submit p input { margin-right: 1em!important; }
		#main form input, #main form textarea { font-family: inherit; font-size: 90%; }
		#main input.submit {
			color: #000; height: auto; padding: 5px;
		 }
		#main input[type="text"], #main input[type="password"] { 
			border-top: 2px solid #999; 
			border-left: 2px solid #999;
			border-bottom: 1px solid #CCC;
			border-right: 1px solid #CCC;
		 }
		#main input:focus, textarea:focus {
			background: #FFC;	
		}


/* FORMS: LAYOUT STRUCTURE 
	Basic usage:
	fieldset 
		legend
			div.field
				label(for): input
	FIELDSETS act as blocks (with exceptions)
	DIV.FIELD acts as a block for each form item, given that we're using floats
	LABELs are floated left (with exceptions) w/ a specified width 
	INPUTs (textual, that is) & TEXTAREAs are given a specific width
	CHECKBOX should use class of .tickshim for proper alignment
	SUBMIT are put in separate FIELDSET.SUBMIT, with a class of submit. This is inefficient
	There are, unfortunately, lots of exceptions to rules that arise of necessity. The biggest
	issue arises from small FIELDSETs that are best used floated, in which case we use 
	class .sidebyside. 
 */
#main form { padding-top: 0; margin-top: 0; }
#main form div.field { display: block; clear: both; padding-bottom: 10px; }
#main *fieldset { border: solid 0 transparent; } /* To help Opera 7 & below (necessary?!?) */
	#main fieldset p.note { margin-left: 130px; }

#main .feedback {
	position: absolute;
	margin-left: 11em; left: 200px; right: 0; padding-left: 23px;
	font-weight: bold;
	background: url(/images/app_icons/error.png) no-repeat left top;
}

#main fieldset { margin: 10px; padding: 10px; }
	#main fieldset.submit, #main div.submit { /* Overrides fieldset layout for submit button */
		float: none; clear: both; /* This clears the floated fieldsets above */
		width: auto;
	}
		#main input.submit { /* Not necessary, but demonstrates you can override button look in Safari 3 */
			font-size: 95%; width: auto!important;
		}
		body#contact #main input.submit { margin-left: 8.5em; }

    #main label { float: left; text-align: right; margin-right: 1em; }
body#admin #main label { 
	font-weight: bold; width: 10em; /* increases space between label & text */
 }
body#contact #main label { width: 8em; font-weight: normal; font-size: 90%; }

	#main fieldset.sidebyside { float: left; width: 45%; margin-right: 0!important; padding-right: 0!important;  }
	#main fieldset.sidebyside.extras { margin-right: 20px!important; border-left: 1px solid #DCDCDC;  }
	#main fieldset.sidebyside label { width: 15em!important; }
	#main fieldset.small_label label { width: 10em!important; }
	#main input.sidebyside { width: 145px!important; }

  body#admin #main input[type="text"], body#admin #main input[type="password"] { /* Chooses only attr=text or password. Only modern browsers understand attr=text */
  	width: 400px;
  }
  body#contact #main input[type="text"] { width: 250px; }

	#main input[type="text"].sidebyside, #main input[type="password"].sidebyside { width: 145px; }

#main textarea { width: 400px; }
    body#contact #main textarea { width: 250px; }


/* ERRORS */
#main form div.fieldWithErrors, div#flash span.error { background-color: #FA7474; padding: 0 0.25em 0; }
	div#flash { 
		position: absolute; top: 0; width: 100%;
		border-left-width: 0!important; border-right-width: 0!important; 
		z-index: 55; 
	}
		div#flash p { font-size: 100%; padding: 1em; text-align: center; }
		div#flash p.error { border: 1px solid #AD121D; background-color: #FAB3B9; }
		div#flash p.notice { border: 1px solid #008000; background-color: #D6EED1; }
#main div.errorExplanation { border: 5px solid #FA7474; padding: 1em; margin: 1em; }
 
div.errorExplanation {
  border: 1px solid #AD121D;
  background-color: #FAB3B9;
  margin: 1em; padding: 1em;
}

div.errorExplanation h2 {
  color: #AD121D;
  font-size: 14px;
  line-height: 120%;
}

div.errorExplanation p, div.errorExplanation li {
  font-size: 12px;
  padding-top: 0.25em;
  color: #650A10;
}


form div.fieldWithErrors label { background-color: inherit; color: #AD121D; padding: 0; display:inline; font-weight:bold; }


/* MULTIPLE FORM */
fieldset.primary { float: left; width: 50%; padding-right: 0!important; }
	fieldset.primary input[type="text"] { width: 250px!important; }
	fieldset.primary textarea { width: 250px!important; }

fieldset.secondary {
  clear: none; 
  margin-left: 1em!important; padding: 0!important;
  width: 50%; float: right;
  font-size: 80%;
}
	fieldset.secondary p.note { 
		margin: 0!important; padding-left: 0; line-height: normal; 
		display: block; 
		background-color: #FFF; 
		width: 100%!important;  
		font-size: 100%!important;
	}

div.help_tidbits { background-color: #FFFFCC; border: 1px solid #B2B16C; padding: 0.5em; }

/* SEARCH */
#search .query {
  background-color: #EEE;
  padding: 2em;
  text-align:center;
}

#search .search_info {
  border: 1em solid #EEE;
  padding: 1em;
  font-size: 90%;
  background-color: #DDD;
}

  #search .search_info h2, #search .search_info p, #search .results p, #search .results h2 {
    padding: 0; margin: 0
  }
  #search .search_info h2, #search .results h2 { padding-top: 0.6em;}
  #search .search_info p, #search .results p { padding-top: 0.3em; padding-left: 0.3em;}
  #search #additional .search_info ul { margin:0; padding: 0; padding-top: 0.2em; font-size: 0.9em; }
    #search #additional .search_info li { margin-left: 1em; padding-top:0.1em; }

#search .results { margin: 1em 2em 1em 2em; }

#search .result {
  margin: 2em;
  clear: both;
}
  #search .result em {
    background-color: #DCBF25; color: #FFF;
    padding: 0 0.2em 0 0.2em;
  }
  #search .result .result_image { float:left; padding: 0.25em; margin: 0; }
  #search .result .result_info { margin-left: 70px; }
  #search .result .result_info h3 { margin:0; padding: 0; }
  #search .result .result_info p { margin:0; padding:0; padding-top: 0.3em; font-size:80%; }

/* ENQUIRIES */

div.enquiry { padding: 0.5em; margin:0.5em; background-color: #DDD;}
div.enquiry p { padding:0.2em!important;}

#lightwindow_overlay {
	/* REQUIRED */
	display: none;
	visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100px;
	z-index: 500;
	/* REQUIRED */
}

#lightwindow {
	/* REQUIRED */
	/* Of Note - The height and width of this element are set to 0px */
	display: none;
	visibility: hidden;
	position: absolute;
	z-index: 999;
	line-height: 0px;
	/* REQUIRED */
}

	#lightwindow_container {
		/* REQUIRED */
		display: none;
		visibility: hidden;
		position: absolute;
		/* REQUIRED */
		padding: 0 0 0 0;
		margin: 0 0 0 0;
	}

	/* IE6 needs this or it messes with our positioning */
	* html #lightwindow_container {
		overflow: hidden;
	}

	#lightwindow_contents {
		overflow: hidden;
		z-index: 50;
		position: relative;
		border: 10px solid #ffffff;
		background-color: #ffffff;
	}		

#lightwindow_loading {
	/* REQUIRED */
	height: 100%;
	width: 100%;
	top: 0px;
	left: 0px;
	z-index: 9999;
	position: absolute;
	/* REQUIRED */
	background-color: #f0f0f0;
	padding: 10px;
}

	#lightwindow_loading_shim { 
		display: none;
		left: 0px; 
		position: absolute; 
		top: 0px;
		width: 100%; 
		height: 100%;
	}

	#lightwindow_loading span {
    	font-size: 12px;
		line-height: 32px;
		color: #444444;
		float: left;
		padding: 0 10px 0 0;
	}

	#lightwindow_loading span a,
	#lightwindow_loading span a:link, 
	#lightwindow_loading span a:visited {
		color: #09F;
		text-decoration: none;
		cursor: pointer;
	}

	#lightwindow_loading span a:hover,
	#lightwindow_loading span a:active {
		text-decoration: underline;
	}


	#lightwindow_loading img {
   		float: left;
   		margin: 0 10px 0 0;
	}


/*-----------------------------------------------------------------------------------------------
	I liked the Navigation so much from http://www.huddletogether.com/projects/lightbox2/
	I mean let's face it, it works really well and is very easy to figure out.
-----------------------------------------------------------------------------------------------*/

#lightwindow_navigation {
	/* REQUIRED */
	position: absolute;
	top: 0px;
	left: 0px;
	display: none;
	/* REQUIRED */
}
	/* We need to shim the navigation for IE, though its more of a sub-floor */
	#lightwindow_navigation_shim { 
		/* REQUIRED */
		display: none;
		left: 0px; 
		position: absolute; 
		top: 0px;
		width: 100%; 
		height: 100%;
		/* REQUIRED */
	}

	#lightwindow_navigation a,
	#lightwindow_navigation a:link,
	#lightwindow_navigation a:visited,
	#lightwindow_navigation a:hover,
	#lightwindow_navigation a:active { 
		/* REQUIRED */
		outline: none;
		/* REQUIRED */
	}

	#lightwindow_previous, 
	#lightwindow_next {
		width: 49%;
		height: 100%;
		background: transparent url(/images/lightwindow/blank.gif) no-repeat; /* Trick IE into showing hover */
		display: block;
	}
	
	#lightwindow_previous { 
		float: left;
		left: 0px;
	}

	#lightwindow_next { 
		float: right;
		right: 0px;
	}

	#lightwindow_previous:hover, 
	#lightwindow_previous:active { 
		background: url(/images/lightwindow/prevlabel.gif) left 15% no-repeat; 
	}

	#lightwindow_next:hover, 
	#lightwindow_next:active { 
		background: url(/images/lightwindow/nextlabel.gif) right 15% no-repeat; 
	}
	
	#lightwindow_previous_title,
	#lightwindow_next_title {
		display: none;
	}
	 	
#lightwindow_galleries {
	width: 100%;
	position: absolute;
	z-index: 70; 
	display: none;
	overflow: hidden;
	margin: 0 0 0 10px;
	bottom: 0px;
	left: 0px;
}

	#lightwindow_galleries_tab_container {
		width: 100%;
		height: 0px;
		overflow: hidden;
	}

	a#lightwindow_galleries_tab,		
	a:link#lightwindow_galleries_tab,
	a:visited#lightwindow_galleries_tab {
		display: block;
		height: 20px;
		width: 77px;
		float: right;
		line-height: 22px;
		color: #ffffff;
		text-decoration: none;
		font-weight: bold;
		cursor: pointer;
		font-size: 11px;
		color: #ffffbe;
		background: url(/images/lightwindow/black-70.png) repeat 0 0 transparent;
	}
	
	* html a#lightwindow_galleries_tab,		
	* html a:link#lightwindow_galleries_tab,
	* html a:visited#lightwindow_galleries_tab {	
		background: none;
		background-color: #000000;
		opacity: .70;
		filter: alpha(opacity=70);
	}

	a:hover#lightwindow_galleries_tab,
	a:active#lightwindow_galleries_tab {
		color: #ffffbe;

	}

	#lightwindow_galleries_tab_span {
		display: block;
		height: 20px;
		width: 63px;
		padding: 0 7px 0 7px;
	}
	
	#lightwindow_galleries_tab .up	{
		background: url(/images/lightwindow/arrow-up.gif) no-repeat 60px 5px transparent;
	}

	#lightwindow_galleries_tab .down {
		background: url(/images/lightwindow/arrow-down.gif) no-repeat 60px 6px transparent;
	}

	#lightwindow_galleries_list {
		background: url(/images/lightwindow/black-70.png) repeat 0 0 transparent;
		overflow: hidden;
		height: 0px;
	}

	* html #lightwindow_galleries_list {
		background: none;
		background-color: #000000;
		opacity: .70;
		filter: alpha(opacity=70);
	}	

	.lightwindow_galleries_list {
		width: 200px;
		float: left;
		margin: 0 0 10px 0;
		padding: 10px;
	}

	.lightwindow_galleries_list h1 {	
		color: #09F;
		text-decoration: none;
		font-weight: bold;
		cursor: pointer;
		padding: 10px 0 5px 0;
		font-size: 16px;
	}

	.lightwindow_galleries_list li {
		margin: 5px 0 5px 0;
		list-style-type: none;
	}

	.lightwindow_galleries_list a, 
	.lightwindow_galleries_list a:link, 
	.lightwindow_galleries_list a:visited {
		display: block;
		line-height: 22px;
		color: #ffffff;
		text-decoration: none;
		font-weight: bold;
		cursor: pointer;
		padding: 0 0 0 10px;
		font-size: 11px;
	}

	.lightwindow_galleries_list a:hover, 
	.lightwindow_galleries_list a:active {
		background: #000000;
		color: #ffffbe;
		border-left: 3px solid #ffffbe;
		padding: 0 0 0 7px;
	}
		
#lightwindow_data {
	/* REQUIRED */
	position: absolute;
	/* REQUIRED */
}

	#lightwindow_data_slide {
		/* REQUIRED */
		position: relative;
		/* REQUIRED */
	}

	#lightwindow_data_slide_inner {
		background-color: #ffffff;
		padding: 0 10px 10px 10px;
	}

	#lightwindow_data_caption {
		padding: 10px 0 0 0;
		color: #666666;
		line-height: 25px;
		background-color: #ffffff;
		clear: both;
	}

	#lightwindow_data_details {
		background-color: #f0f0f0;
		padding: 0 10px 0 10px;
		height: 20px;
	}
	
	#lightwindow_data_author_container {
		width: 40%;
		text-align: right;
		color: #666666;
	 	font-style: italic;
		font-size: 10px;
		line-height: 20px;
		float: right;
		overflow: hidden;
	}
	
	#lightwindow_data_gallery_container {
		font-size: 10px;
		width: 40%;
		text-align: left;
		color: #666666;
		line-height: 20px;
		float: left;
		overflow: hidden;
	}
	
#lightwindow_title_bar {
	height: 25px;
	overflow: hidden;		
}

	#lightwindow_title_bar_title {
		color: #ffffbe;
		font-size: 14px;
		line-height: 25px;
		text-align: left;
		float: left;
	}

	a#lightwindow_title_bar_close_link,	
	a:link#lightwindow_title_bar_close_link,
	a:visited#lightwindow_title_bar_close_link {
		float: right;
		text-align: right;		
		cursor: pointer;
		color: #ffffbe;
		line-height: 25px;
		padding: 0;
		margin: 0;
	}
	
	a:hover#lightwindow_title_bar_close_link,
	a:active#lightwindow_title_bar_close_link {
		color: #ffffff;
	}

/*-----------------------------------------------------------------------------------------------
	Theme styling stuff
-----------------------------------------------------------------------------------------------*/	

#lightwindow p {
	color: #000000;
	padding-right: 10px;
}