/* UPDATED 27 AUGUST 2008 */

/* SET DEFAULTS */

	/* These styles copied from reset.css on 19 July 2008 */
	
		html, body, div, span, applet, object, iframe,
		blockquote, pre,
		a, abbr, acronym, address, big, cite, code,
		del, dfn, em, font, img, ins, kbd, q, s, samp,
		small, strike, sub, sup, tt, var,
		dl, dt, dd, 
		fieldset, form, label, legend {
			margin: 0;
			padding: 0;
			border: 0;
			outline: 0;
			vertical-align: baseline;
			}
			
		table, caption, tbody, tfoot, thead, tr, th, td {
			margin: 0;
			padding: 0;
			border: 0;
			outline: 0;
			}
			
			/* remember to define focus styles! */
			:focus {
				outline: 0;
				}
			
			/* tables still need 'cellspacing="0"' in the markup */
			table {
				border-collapse: separate;
				border-spacing: 0;
				}
				
			caption, th, td {
				text-align: left;
				font-weight: normal;
				}
				
			blockquote:before, blockquote:after,
			q:before, q:after {
				content: "";
				}
				
			blockquote, q {
				quotes: "" "";
				}	

	/* Other defaults */

		body {
			color:#666666;
			font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
			font-size:small;
			}
			
		a {
			color:#666666;
			text-decoration:underline;
			}	
		
		a:hover {
			color:#333333;
			}
	
	/* More general styles, copied in full from layout.css on 6 July 2008 */
	
	.panel{
		display:block;
		float:left;
		margin:2px 0;
		width:45%;
		text-align:left;
		background:transparent;
		padding:0;
		}
		
	.panel img {
		float:left;
	}
	
	.clear{
		clear:both;
		font-size:1px;
		height:1px;
	}
	
	form ul {list-style: none; margin: 0; padding: 0}

	form li {margin: 0.5em 0;}
	
	label {
		text-align:right; width:8em; margin-right:0.5em;
		float:left; display:block;
		}
		
	table label
		{
		text-align:left; width:8em; margin-right:0.5em;
		float:none; display:inline;
		}

	li.check label {
		text-align:left; width:auto;
		float:none; display:inline; }
		li.check span {display:inline; padding-left:0em; }
		li.check span.name {padding-left:0em; width:12em;margin-right:0.5em;text-align:right; }
		li.submit input {margin-left:12.5em; 
		border:1px solid;
		border-color:#ddf #003 #003 #ddf;
		}
	
		/* make button looks like a like */
		.linkbutton
		{
			cursor:hand;
			background:transparent;
			border:0;
			color:blue;
		}
	
		.button {
			margin-left:20em;
			}
	
		/* used to show/hide links that depends on javascript */
			.posthidden {display:none} 
			.postshown {display:inline}
		
		div#footer ul {
			list-style: none;
			}

		div#footer ul li {
			display: inline;
			}
		
		ul.modulemenu {
			list-style: none;
			}
		ul.modulemenu li {
			display: inline;
			}
		ul.breadcrumbs {
			list-style: none;
			}
		
		ul.breadcrumbs li {
			display: inline;
			}
		
		p.breadcrumb {
			margin-top:0;
			margin-bottom:2em;
			}
	
/*		.form div {
			margin-bottom: 0.1em;
			width: 100%;
			}
		
		.form .indent {
			margin:10px 0px 10px 95px;
			}
		
		.form .form_element {
			padding: 0px 10px 0px 0px;
			text-align:right;
			float: left;
			width: 180px;
			vertical-align: middle;
			}
		
		.form .form_data {
			padding: 0px;
			text-align:left;
			float: left;	
			}
		
		.form .form_data label {
			display:inline;
			float:none;
			}
*/
 		/**** Global Classes *****/
	 
		.clear         { clear:both; }
		.float-left    { float:left; }
		.float-right   { float:right; }
		.text-left     { text-align:left; }
		.text-right    { text-align:right; }
		.text-center   { text-align:center; }
		.text-justify  { text-align:justify; }
		.bold          { font-weight:bold; }
		.italic        { font-style:italic; }
		.underline     { border-bottom:1px solid; }
		.highlight     { background:#ffc; }
		.img-left      { float:left;margin:4px 10px 4px 0; }
		.img-right     { float:right;margin:4px 0 4px 10px; }
		.nopadding     { padding:0; }
		.noindent      { margin-left:0;padding-left:0; }
		.nobullet      { list-style:none;list-style-image:none; }

		.error, .red {
			background:#FFEBE8 none repeat scroll 0%;
			border:1px solid #DD3C10;
			margin:0pt 10px 10px;
			padding:10px;
			display: block;
			}

		.correct, .green {
			background:#E6FCE6 none repeat scroll 0%;
			border:1px solid #84DB12;
			margin:0pt 10px 10px;
			padding:10px;
			display: block;
			}

		.info {
			background:#FBFCE6 none repeat scroll 0%;
			border:1px solid #D9B411;
			margin:0pt 10px 10px;
			padding:10px;
			display: block;
			}	

/* RULES TO ALWAYS POSITION FOOTER AT PAGE BOTTOM */

		html, body.body {
			height:100%;
			}
	
		#int_container {					/* contains non-footer and footer (i.e. whole page), and limits max width */
			height:100%;
			position:relative;
			}
		
		#int_nonfooter {						/* position:relative and min-height:100% per FooterstickAlt */
			position:relative;
			min-height:100%;
			background-image:url(../images/sce/css/bkg_page.gif);
			background-repeat:repeat-y;
			}
		
		#isIE_version_LTE6 #int_nonfooter {
			height:100%;
			}
		
		.padfooter {
			clear:both;
			padding-bottom:100px;			/* Ensure space for footer to move up into */
			}

		#int_footer {
			position:relative;
			margin-top:-110px;
			min-height:110px;
			background-color:white;
			}

		isIE_version_LTE6 #int_footer {
			height:110px;
			}

/* MAIN STYLES SECTION */

	body.body {
		}
		
	#int_container {
		width:960px;
		margin:0 auto;
		}
		
	#int_header {
		height:170px;
		}		
		
		#int_content {
			float:left;
			width:900px;
			margin:20px 0 0 0;
			padding:0px 30px;
			}
			
			#int_left {
				float:left;
				}
				
			#int_right {
				float:right;
				}				
			
			h1 {font-size:160%;}
			
			h2 {font-size:140%;}
		
	#int_footer {
		clear:both;
		text-align:center;
		}
	
		#int_footer .innercontainer {
		background-image:url(../images/sce/css/bkg_footerbottom_sq.gif);
		background-repeat:no-repeat;
		background-position:bottom;
			}
			
		#int_footer .footercontent {
/*			min-height:40px;
			padding-top:40px;
*/			padding-bottom:10px;
/*			background-image:url(../images/sce/css/bkg_footertop_sq.gif);
			background-repeat:no-repeat;
			background-position:top;
*/			}

		#isIE_version_LTE6 #int_footer .footercontent {
/*			height:40px;
*/			}

		#int_footer p {
			font-size:75%;
			margin:0;
			}
		
		#int_footer .footercontent p {
			font-size:85%;
			padding:0 1em;
			}
		
/* RULES FOR NAVIGATION */

	/* These rules copied and adjusted from css_menu.css */

		#menu
			{
			width: 100%;
			float: left;
			}
		
		#menu ul
			{
			list-style: none;
			margin: 0;
			padding: 0;
			}
		
		#menu ul li
			{
			float: left;
			}
		
		#menu a
			{
			height: 1%;
			display: block;
			text-decoration: none;
			text-align: left;
			text-transform:uppercase;
			line-height:25px;
			}
			
		#menu a:hover
			{
			cursor: pointer;
			}
		
	/* And more rules added here... */		
	
		#menu {
			}
	
		#menu ul {
			}
		
		#menu a span {
			float:left;
			margin-left:-2000px;
			}
		
		#menu a img {
			background-image:url(../images/sce/css/navbuttons.gif);
			background-repeat:no-repeat;
			}
		
			/* menu0 - The Big Picture Project */
			li#menu0 a img {background-position:0 -72px;}
			li#menu0 a:hover img {background-position:0 -36px;}
			li#menu0.current a img {background-position:0 -0px;}

			/* menu1 - The Charities */
			li#menu1 a img {background-position:-187px -72px;}
			li#menu1 a:hover img {background-position:-187px -36px;}
			li#menu1.current a img {background-position:-187px -0px;}
			
			/* menu2 - The Artists */
			li#menu2 a img {background-position:-309px -72px;}
			li#menu2 a:hover img {background-position:-309px -36px;}
			li#menu2.current a img {background-position:-309px -0px;}
						
			/* menu3 - The Sponsors */
			li#menu3 a img {background-position:-413px -72px;}
			li#menu3 a:hover img {background-position:-413px -36px;}
			li#menu3.current a img {background-position:-413px -0px;}

			/* menu4 - Press */
			li#menu4 a img {background-position:-539px -72px;}
			li#menu4 a:hover img {background-position:-539px -36px;}
			li#menu4.current a img {background-position:-539px -0px;}
						
			/* menu5 - Get In Touch */
			li#menu5 a img {background-position:-636px -72px;}
			li#menu5 a:hover img {background-position:-636px -36px;}
			li#menu5.current a img {background-position:-636px -0px;}

			/* menu6 - Get Involved */
			li#menu6 a img {background-position:-799px -72px;}
			li#menu6 a:hover img {background-position:-799px -36px;}
			li#menu6.current a img {background-position:-799px -0px;}

						
	/* And tweaks for IE6 */
		
		#isIE_version_LTE6 #menu ul li a {
			float:left;
			}
			
/* RULES FOR CONTACT FORM */

	#int_contact label {			/* for the 'category' label */
		margin-left:-11em;
		margin-top:1em;
		margin-bottom:1em;
		text-align:left;
		display:block;
		width:100%;
		}
		
	#int_contact div label.form_element {			/* all labels */
		float:left;
		margin-left:0;
		margin-top:0;
		margin-bottom:0;
		width:10em;
		}

	#int_contact table label {			/* for the 'interest' items */
		margin-left:1em;
		text-align:left;
		display:inline;
		}
	
	#int_contact .form_data table input {width:1em;}

	#int_contact table {
		margin-left:-1em;
		margin-bottom:1em;
		position:relative;
		left:-40px;
		}

	#int_contact .form_data input {
		width:20em;
		}

	#int_contact .form_data span {
		padding-left:0.5em;
		}
	
	div#int_contact .indent {
		margin-left:0;
		}

	#ctl00_MainContent_ctl03_unsubscribe {display:none;}	/* The Unsubscribe button */
	
	#int_contact #ctl00_MainContent_ctl03_categoryGrid_ctl00_category {display:none;}		/* The 'Category' tickbox */

/* EDITOR RULES */

	body.editor {
		background-color:white;
		width:900px;
		margin:20px 0px;
		padding:0px 30px;
		}

/* LINK MANAGER RULES */

	div.linkManagerContainer {
		float:left;
		margin-top:0;
		margin-bottom:10px;
		}
		
	div.linkManagerContainer h2 {
		margin-top:0;
		}
	
	div.linkManagerContainer li {
		float:left;
		width:870px;
		padding:0 10px;
		border:1px solid #999999;
		}
	
	div.linkManagerLink a {
		display:block;
		margin-top:10px;
		font-weight:bold;
		font-size:110%;
		}

	div.linkManagerContainer a img {
		display:none;
		}
	
	div.linkManagerContainer a img.linkManagerImage {
		display:block;
		float:left;
		width:200px;
		padding: 10px 10px 10px 0;
		border-right: 1px solid #999999;
		margin-right:10px;
		margin-top:-10px;
		}

	div.linkManagerContainer .link_desc {
		margin-left:210px;
		padding-left:10px;
		border-left:1px solid #999999;
		}

	div.linkManagerContainer .link_desc p {
		margin:0;
		padding-bottom:10px;
		}	
		
/* RULES FOR NEWS MANAGER */

	div.news_headline {
		margin-bottom:15px;
		}

/* PRESS PAGES */

	#press #ctl00_MainContent_ctl03_Message {display:none;}

	#press .news_date {display:block; width:7em; float:left;}

	#press .news_headline {margin-left:7em;}



/* SHOPPING CART RULES */

	#shopping_cart {
		width:11em;
		margin-top:40px;
		margin-right:30px;
		float:right;
		background-color:#EEEEEE;
		border: 1px solid #CCCCCC;
		padding:10px;
		}

	#shopping_cart h2 {
		margin-top:0;
		}
		
	#shopping_cart .data {
		clear:left;
		padding-bottom: 0.5em;
		text-align:right;
		width:11em;}
	
	#shopping_cart .last {
		padding-bottom:0.5em;
		}
	
	#shopping_cart .label {
		float:left;
		width:5em;
		text-align:left;	
		}
	
	#shopping_cart .value {
		float:right;
		text-align:right;
		width:6em;
		}
	
	div#int_content.store_content {
		width:auto;
		margin-right:16em;
		margin-top:70px;
		float:none;
		}
	
	div#int_content.store_content th,
		div#int_content.store_content td {
		padding:5px 20px 5px 10px;
		}
	
	div#int_content.store_content th {
		font-weight:bold;
		}
	
	div#int_content.store_content .vgm_order_summary {
		padding-left:5px;
		font-weight:bold;
		}
	
	/* For address details */
	
	div#int_content.store_content div.form {
		width:670px;
		}
	
	div#int_content.store_content div.form label {
		width:8em;
		text-align:left;
		padding-left:10px;
		}

	div#int_content.store_content div.form input {
		width:170px;
		}


	div#int_content.store_content div.billing,
		div#int_content.store_content div.shipping {
		float:left;
		width:320px;
		}
	
	div#int_content.store_content div.billing {
		margin-right:30px;
		}
	
	div#int_content.store_content fieldset {
		border:1px groove #999999;
		padding:20px 10px;
		margin-bottom:10px;
float:left;
		}
	
	div#int_content.store_content legend {
		font-weight:bold;
		padding:0 5px;
		margin-left:10px;
		}
	
	div#int_content.store_content #ctl00_ctl01_MainContent_ContentPlaceHolder1_billing_shipping_comment {
		width:520px;
		margin-bottom:20px;
		}
	
	div#int_content.store_content form ul {
		list-style-type:disc;
		}

	div#int_content.store_content form li {
		display:list-item;
		margin-left:17px;
		padding-left:0.8em;
		}

	div.vgm_product_price {
		margin-top:1em;
		}

	div.vgm_product_add {
		position:relative;
		}

	input#ctl01_MainContent_product_listing_ProductListGrid_ctl00_qty,
		input#ctl01_MainContent_product_listing_ProductListGrid_ctl01_qty {
			position:absolute;
			left:100px;
			}

	input#ctl01_MainContent_product_listing_ProductListGrid_ctl00_add,
		input#ctl01_MainContent_product_listing_ProductListGrid_ctl01_add {
		position:absolute;
		left:150px;
		}

	/* For basket and checkout*/

	table#ctl01_MainContent_order_info_order_detail_OrderDetailGrid {
		margin-top:20px;
		margin-bottom:20px;
		}

	table#ctl01_MainContent_basket_order_detail_OrderDetailGrid td,
		table#ctl00_ctl01_MainContent_ContentPlaceHolder1_payment_method_order_detail_OrderDetailGrid td,
		table#ctl01_MainContent_order_info_order_detail_OrderDetailGrid td,
		table#ctl01_MainContent_basket_order_detail_OrderDetailGrid th,
		table#ctl00_ctl01_MainContent_ContentPlaceHolder1_payment_method_order_detail_OrderDetailGrid th,
		table#ctl01_MainContent_order_info_order_detail_OrderDetailGrid th {
			border:1px solid #666666;
			}

	table#ctl01_MainContent_basket_order_detail_OrderDetailGrid th,
		table#ctl00_ctl01_MainContent_ContentPlaceHolder1_payment_method_order_detail_OrderDetailGrid th,
		table#ctl01_MainContent_order_info_order_detail_OrderDetailGrid th {
		background-color:#333333;
		color:white;
		}

	div#ctl01_MainContent_order_info_order_header_panel1 {
		border: 1px solid #666666;
		margin-top:10px;
		padding:10px;
		}

	div#int_content.store_content div#ctl01_MainContent_order_info_order_header_panel1 td,
	div#int_content.store_content div#ctl01_MainContent_order_info_order_header_panel1 th {
		padding-top:2px;
		padding-bottom:2px;
		}

	div#ctl01_MainContent_order_info_order_header_panel1 td.section {
		text-transform:uppercase;
		font-weight:bold;
		padding-top:0.5em;
		padding-bottom:0.5em;
		}

/* OTHER STYLES */

	.important {
		font-weight:bold;
		color:#333333;
		}