/* -------------------------------------------------------------- 
  
   reset.css
   * Resets default browser CSS.
   
-------------------------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

body { 
  line-height: 1.5; 
}

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }

a:active, button {
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:medium;
}
:focus, button:focus {
outline-style:none;
}
:-moz-any-link:focus {
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:medium;
}


/* -------------------------------------------------------------- 
   
   typography.css
   * Sets up some sensible default typography.
   
-------------------------------------------------------------- */

/* Default font settings. 
   The font-size percentage is of 16px. (0.75 * 16px = 12px) */
body { 
  font-size: 75%;
  color: #707070; 
  background: #fff;
  font-family: Arial, Helvetica, sans-serif;
}


/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #C00; font-weight: bold; }

h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 2em; margin-bottom: 0.75em; }
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }

h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img {
  margin: 0;
}


/* Text elements
-------------------------------------------------------------- */

p           { margin: 0 0 1.5em; }
p img.left  { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }

a:focus, 
a:hover     { color: #3361AE; }
a           { color: #c00 ; text-decoration: underline; }

blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }

abbr, 
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         { color:#666; }

pre 				{ margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }


/* Lists
-------------------------------------------------------------- */

li ul, 
li ol       { margin:0 1.5em; }
ul, ol      { margin: 0 1.5em 1.5em 1.5em; }

ol { margin-left: 2em; }

ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }

dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}


/* Tables
-------------------------------------------------------------- */

table       { margin-bottom: 1.4em; width:100%; }
th          { font-weight: bold; border-bottom: solid 1px #ccc;}
thead th 		{ background: #c3d9ff; }
th,td,caption { padding: 4px 10px 4px 5px; }
tr.even td  { background: #e5ecf9; }
tfoot       { font-style: italic; }
caption     { background: #eee; }


/* Misc classes
-------------------------------------------------------------- */

.small      { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.hide       { display: none; }

.quiet      { color: #999; }
.loud       { color: #000; }
.highlight  { color: #3361AE; padding-left: 1em; }
.added      { background:#060; color: #fff; }
.removed    { background:#900; color: #fff; }

.first      { margin-left:0; padding-left:0; }
.last       { margin-right:0; padding-right:0; }
.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }

.right-aligned		{ text-align: right; }
.left-aligned		{ text-align: left; }

.hr 		{ width: 100%; height: 8px; background: transparent url(../img/hr.gif) top center no-repeat; padding-bottom: 1em;}
input.text { width: 90%; background: white url(../img/bg_blockquote.gif) no-repeat; border: solid 1px #ccc; padding: 5px;}


body {
	background: #B5B5B5 url(../img/bg.jpg) repeat-x;
}

#wrapper {
	width: 952px;
	margin: 0 auto;
	margin-bottom: 1em;
}

#container {
	width: 100%;
}

#top {
	background: transparent url(../img/bg_top_red2.gif) no-repeat top center;
	height: 72px;
	border-left: solid 1px #B2B2B2;
	border-right: solid 1px #B2B2B2;
}

a#donatenow {
	background: transparent url(../img/donate_now2.gif) no-repeat 0px -100px ;
}

a#donatenow img {
	width: 209px;
	height: 80px;
	background: transparent url(../img/donate_now.gif) no-repeat top left;
/*	margin-left: 100px;*/
	margin-left: 25px;
	margin-top: -10px;	
}

a#donatenow:hover img{
	background: transparent url(../img/donate_now2.gif) no-repeat;
}

img#telethon, img#logo_tv3_top {
	margin-bottom: 36px;
	margin-left: 17px;	
}

img#logo_tv3_top {
}

#topnav {
  width: 950px;
	height: 48px;
	border-left: solid 1px #B2B2B2;
	border-right: solid 1px #B2B2B2;
	z-index: 5;
}

/* ------- MENU -------- */

.spritesnav {
    list-style-type: none;
    width: 949px;
    height: 48px;
    background: url(../img/menu_inside.gif) no-repeat;
    position: absolute;
    margin: 0;
    padding: 0;
}

#homepage .spritesnav {
    background-image: url(../img/menu.gif) !important;
}

.spritesnav li {
	display: inline;
}

.spritesnav li a:link, .spritesnav li a:visited, .spritesnav li div {
	position: absolute;
	top: 0;
	height: 48px;
	text-indent: -9000px;
	overflow: hidden;
	z-index: 10;
}

.spritesnav li div {
	z-index: 0;
}
	.spritesnav a, .spritesnav div {
    background: url(../img/menu_inside.gif) no-repeat;
  }
    
	#homepage .spritesnav a, #homepage .spritesnav div {
    background-image: url(../img/menu.gif);
  }
    
	#snhome a:link, #snhome a:visited , #snhome div{
		left: 0px;
		width: 117px;
    background-position: 0px 0px;
	}
	#snhome a:hover, #snhome a:focus, #snhome div{
		background-position: 0px -48px;
	}
	#snhome a:active, #snhome div.click, #snhome.active a:link, #snhome.active a:visited {
		background-position: 0px -96px;
	}
	
	#snhome.active a {
		cursor: default !important;
	}

	#snbignightin a:link, #snbignightin a:visited , #snbignightin div{
    left: 117px;
    width: 144px;
    background-position: -117px 0px;
	}
	#snbignightin a:hover, #snbignightin a:focus, #snbignightin div{
    background-position: -117px -48px;
	}
	#snbignightin a:active, #snbignightin div.click, #snbignightin.active a:link, #snbignightin.active a:visited {
      background-position: -117px -96px;
	}
	
	#snbignightin.active a {
		cursor: default !important;
	}


	#snkidscan a:link, #snkidscan a:visited , #snkidscan div{
    left: 268px;
    width: 214px;
    background-position: -268px 0px;
	}
	#snkidscan a:hover, #snkidscan a:focus, #snkidscan div{
    background-position: -268px -48px;
	}
	#snkidscan a:active, #snkidscan div.click, #snkidscan.active a:link, #snkidscan.active a:visited {
      background-position: -268px -96px;
	}
	
	#snkidscan.active a {
		cursor: default !important;
	}


	#snfundraising a:link, #snfundraising a:visited , #snfundraising div{
    left: 494px;
    width: 146px;
    background-position: -494px 0px;
	}
	#snfundraising a:hover, #snfundraising a:focus, #snfundraising div{
    background-position: -494px -48px;
	}
	#snfundraising a:active, #snfundraising div.click, #snfundraising.active a:link, #snfundraising.active a:visited {
      background-position: -494px -96px;
	}
	
	#snfundraising.active a {
		cursor: default !important;
	}


	#snpartners a:link, #snpartners a:visited , #snpartners div{
    left: 642px;
    width: 146px;
    background-position: -642px 0px;
	}
	#snpartners a:hover, #snpartners a:focus, #snpartners div{
    background-position: -642px -48px;
	}
	#snpartners a:active, #snpartners div.click, #snpartners.active a:link, #snpartners.active a:visited {
      background-position: -642px -96px;
	}
	
	#snpartners.active a {
		cursor: default !important;
	}


	#sncontact a:link, #sncontact a:visited , #sncontact div{
    left: 795px;
    width: 146px;
    background-position: -795px 0px;
	}
	#sncontact a:hover, #sncontact a:focus, #sncontact div{
    background-position: -795px -48px;
	}
	#sncontact a:active, #sncontact div.click, #sncontact.active a:link, #sncontact.active a:visited {
      background-position: -795px -96px;
	}
	
	#sncontact.active a {
		cursor: default !important;
	}



/* SUB MENU */

#subnav {
}

	#subnav ul {
		margin: 0;
		padding: 0;
	}

		#subnav ul li.sn-hover {
      cursor: pointer;
    }    

		#subnav ul .sn-active, #subnav ul li.sn-active {
      cursor: default !important;
	  text-decoration: none;
	  font-weight: bold;
    }    
	
		#subnav ul a.sn-active:hover {
			color: #666 !important;
		}
		
		#subnav ul li {
			height: 24px;
			padding: 0;
			margin: 0;
			list-style: none;
      background: transparent url(../img/left_menu_sprite.gif) no-repeat;			
      margin-bottom: 1em;
      text-indent: -5000px;
    }

		#subnav ul li ul{
      margin-top: 10px;
		}
		
		#subnav ul li.extra-subnav {
      background: none;
      height: auto;
		}

		#subnav ul li.extra-subnav ul li{
			height: 24px;
			padding: 0;
			margin: 0;
			list-style: none;
      background: none;			
      text-indent: 20px;
    }

		#subnav ul li.extra-subnav ul li a{
      color: #666;
    }
    
		#subnav ul li.extra-subnav ul li a:hover {
      color: #c00;
    }
    
/* SUB MENU ITEMS*/

		li#telethon-memories { background-position: 0px 0px; }
    li#telethon-memories:hover, li#telethon-memories.hover, li#telethon-memories.sn-active { background-position: -250px 0px; }
    
		li#what-is-on{ background-position: 0px -24px !important; }
    li#what-is-on:hover, li#what-is-on.hover, li#what-is-on.sn-active { background-position: -250px -24px !important;	}

		li#volunteers{ background-position: 0px -48px !important; }
    li#volunteers:hover, li#volunteers.hover, li#volunteers.sn-active { background-position: -250px -48px !important; }

		li#contact-us{ background-position: 0px -72px !important;	}
    li#contact-us:hover, li#contact-us.hover, li#contact-us.sn-active { background-position: -250px -72px !important; }

		li#letters-from-schools{ background-position: 0px -96px !important; }
    li#letters-from-schools:hover, li#letters-from-schools.hover, li#letters-from-schools.sn-active { background-position: -250px -96px !important; }

		li#raincoats-for-kids{ background-position: 0px -120px !important; }
    li#raincoats-for-kids:hover, li#raincoats-for-kids.hover, li#raincoats-for-kids.sn-active  { background-position: -250px -120px !important; }

		li#shoes-for-kids{ background-position: 0px -144px !important; }
    li#shoes-for-kids:hover, li#shoes-for-kids.hover, li#shoes-for-kids.sn-active { background-position: -250px -144px !important;	}
    
		li#food-for-kids{ background-position: 0px -168px !important;	}
    li#food-for-kids:hover, li#food-for-kids.hover, li#food-for-kids.sn-active { background-position: -250px -168px !important; }
    
		li#stand-tall{ background-position: 0px -192px !important; }
    li#stand-tall:hover, li#stand-tall.hover, li#stand-tall.sn-active { background-position: -250px -192px !important; }

		li#programmes{ background-position: 0px -216px !important; }
    li#programmes:hover, li#programmes.hover, li#programmes.sn-active { background-position: -250px -216px !important; }

		li#massey-research{ background-position: 0px -240px !important;	}
    li#massey-research:hover, li#massey-research.hover, li#massey-research.sn-active { background-position: -250px -240px !important;	}

		li#four-steps { background-position: 0px -264px !important; }
    li#four-steps:hover, li#four-steps.hover, li#four-steps.sn-active { background-position: -250px -264px !important; }

		li#fundraising-ideas { background-position: 0px -288px !important; }
    li#fundraising-ideas:hover, li#fundraising-ideas.hover, li#fundraising-ideas.sn-active { background-position: -250px -288px !important;	}

		li#schools { background-position: 0px -312px !important; }
    li#schools:hover, li#schools.hover, li#schools.sn-active { background-position: -250px -312px !important;	}

		li#companies { background-position: 0px -336px !important; }
    li#companies:hover, li#companies.hover, li#companies.sn-active { background-position: -250px -336px !important; }

		li#community-groups { background-position: 0px -360px !important; }
    li#community-groups:hover, li#community-groups.hover, li#community-groups.sn-active { background-position: -250px -360px !important;	}

		li#get-on-tv3-competition { background-position: 0px -384px !important; }
    li#get-on-tv3-competition:hover, li#get-on-tv3-competition.hover, li#get-on-tv3-competition.sn-active { background-position: -250px -384px !important; }

		li#paying-in-your-money { background-position: 0px -408px !important; }
    li#paying-in-your-money:hover, li#paying-in-your-money.hover, li#paying-in-your-money.sn-active { background-position: -250px -408px !important; }

		li#platinum { background-position: 0px -432px !important; }
    li#platinum:hover, li#platinum.hover, li#platinum.sn-active { background-position: -250px -432px !important; }

		li#official-bank { background-position: 0px -456px !important; }
		li#official-bank:hover, li#official-bank.hover, li#official-bank.sn-active { background-position: -250px -456px !important; }

		li#gold { background-position: 0px -480px !important; }
		li#gold:hover, li#gold.hover, li#gold.sn-active { background-position: -250px -480px !important;	}

		li#silver { background-position: 0px -504px !important; }
		li#silver:hover, li#silver.hover, li#silver.sn-active { background-position: -250px -504px !important; }

		li#media { background-position: 0px -528px !important; }
		li#media:hover, li#media.hover, li#media.sn-active { background-position: -250px -528px !important;	}      
      
		li#catering { background-position: 0px -551px !important; }
		li#catering:hover, li#catering.hover, li#catering.sn-active { background-position: -250px -551px !important;	}      
    
/* CUSTOMIZING */

/*		#homepage #topnav ul li.volunteer img {
			background: transparent url(../img/menu_volunteer_homepage.gif) no-repeat 0px 0px;			
		}
		#homepage li.volunteer a:hover img {
			background-position: -149px 0px !important;			
		}*/


		#homepage #topnav ul li.what-you-can-do img {
			background: transparent url(../img/menu_what_you_can_do_homepage.gif) no-repeat 0px 0px;			
		}
		#homepage li.what-you-can-do a:hover img {
			background-position: -223px 0px !important;			
		}
		

#main {
	background: #fff url(../img/bg_main2.jpg) repeat-x top left;	
	border-left: solid 1px #B2B2B2;
	border-right: solid 1px #B2B2B2;
	min-height: 500px;
  padding-top: 30px;
}

#logo_panel {
	width: 187px;
	height: 139px;
	margin-top: 40px;
}

#logo_tv {
	float: right;
	left: -111px;
	position: relative;
	width: 281px;
}

#homepage #main {
	height: 465px;
	padding-top: 0;
	padding-bottom: 0;
}

#promo {
	clear: both;
	height: 260px;
}

	#tv {
		float: left;
		margin-left: 68px;
		z-index: 1000;
		background: transparent url(../img/tv.jpg) no-repeat;
		width: 409px;
		height: 256px;
	}
    #tv div {
      padding-left: 30px;
      padding-top: 44px;
    }
    
	#ad {
		float: right;
		margin-right: 49px;
	}

#content {
	z-index: 1;
}

#content #left {
	background: transparent url(../img/content_left.gif) no-repeat top left;	
	width: 314px;
	height: 198px;
	position: relative;
	top: -20px;
	left: 5px;
	float: left;
}

	#left .text {
		padding: 100px 30px 20px 66px;
	}

#content #center {
	background: transparent url(../img/content_center.gif) no-repeat top left;	
	width: 294px;
	height: 178px;
	position: relative;
	float: left;
	margin-left: 15px;
}

	#center .text {
		padding: 82px 30px 20px 56px;
	}
	
#content #right {
	background: transparent url(../img/content_right.gif) no-repeat top left;	
	width: 292px;
	height: 180px;
	position: relative;
	float: right;
	margin-right: 30px;	
}

	#right .text {
		padding: 85px 30px 20px 64px;
	}

#content_menu {
	margin-left: 36px;
	float: left;
}

	#content_menu ul, #content_menu li {
		padding: 0;
		margin: 0;
		list-style: none;
	}

		#content_menu ul li {
			float: left;
			background: transparent url(../img/bottom_menu_separator.gif) no-repeat top right;	
			padding-right: 20px;
		}

		#content_menu ul li.last {
			background-image: none;	
			padding-right: 0;
		}

#col_left {
	width: 215px;
	float: left;
	margin-left: 25px;
}

.block {
	width: 190px;
	height: 267px;
	background: transparent url(../img/bg_panel.gif) no-repeat top left;
	margin-top: 1em;
	margin-bottom: 2em;	
}

.block .text {
	padding: 30px 10px 20px 30px;
}

.block ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.block2, .block3 {
	margin-top: 2em;
	width: 203px;
	height: 139px;
	background: transparent url(../img/panel_tell_us.gif) no-repeat top left;
}

.block2 .text, .block3 .text {
	padding: 55px 20px 20px 20px;
	margin: 0 auto;
	text-align: center;
}

.block3 {
	background: transparent url(../img/panel_blank.gif) no-repeat top left;
}

.block4 {
	width: 190px;
	height: 319px;
	background: transparent url(../img/panel_brooke.gif) no-repeat top left;
}

.block4 .text {
	padding: 120px 20px 20px 20px;
	font-style: italic;
	
}

#col_right {
	width: 215px;
	float: right;
	position: relative;
	top: -40px;
}

#content_container {
	width: 450px;
	float: left;
}

.padding {
	
}

#bookmarks {
	float: left;
	padding-left: 80px;
}

	#bookmarks img {
		padding: 1px;
		margin-right: 5px;		
		position: inline;
		margin-bottom: -4px;
	}
	
		#bookmarks a:hover img {
			position: relative;
			top: -2px;			
		}

#rad3 {
	float: right;
	margin-right: 49px;
}

#rad3-container {
  position: relative;
  height: 25px;
  float: right;
  top: -13px;
  right: 25px;
  display: block;  
}

#rad3-container a {
  text-decoration: none;
}

#rad3-container img {
  margin-bottom: -2px;
  width: 57px !important;
  height: 27px !important;  
}


.separator {
	position: relative;
	height: 34px; 
	background: transparent url(../img/separator.jpg);
  border-right:1px solid #acacac;
  height:34px;
  left:-1px;
  overflow:hidden;
  position:relative;
  width:951px;
}

#bottommenu {
	background: #fff url(../img/bg_footer.jpg) repeat-x top left;
	width: 949px;
	padding-left: 1px;
	margin-left: -1px;
	border-left: solid 1px #B2B2B2;
	border-right: solid 1px #B2B2B2;
//	border: none;
}

	#bottommenu a {
		color: #666;
		text-decoration: none;
	}

		#bottommenu a:hover, #bottommenu a:focus {
			color: #999;
		}
	
	#bottommenu ul,	#bottommenu li {
		padding: 0;
		margin: 0;
		list-style: none;
		white-space: nowrap;
	}

	#bottommenu li {
		padding-left: 2px;
	}

	#bottommenu li.header {
		padding-left: 3px;
		padding-bottom: 5px;
	}

	#bottommenu ul {
		float: left;
		margin-left: 36px;
		padding-bottom: 1em;
	}

	#homepage #bottommenu ul {
		
	}
	
	#bottommenu .list {
		width: 79%;
		float: left;		
	}
	
#sponsors {
	width: 20%;
	float: right;
}

	#sponsors li {
		padding: 0em 0em 0.5em 0;
	}

#sponsors2 {
	width: 10%;
	float: left;
	padding-left: 40px;
	padding-top: 80px;	
}

#sponsors2 img {
  margin-bottom: -20px;
}

#copyright {
	color: #999;
	font-size: 0.9em;
	padding-left: 40px;
	text-align: left;
	background: white url(../img/bg_bottom.jpg) no-repeat -1px 40px;
	padding-bottom: 10px;
	height: 110px;
	padding-top: 30px;
}

#copyright {
//	height: 114px;
}

#copyright a {
  color: #999;
}

/* COMMON */

a img {
	border: none;	
}
	
.clearer {
	clear: both;
}

/* UL LI FIX*/

#content_container ul li, #content_container ol li  { 
	margin-bottom: 0.75em; 
}

/* IMAGES IN THE CONTENT*/

.photo {
	float: left;
	display: inline;
	margin: 0.5em 2em 1em 0;
	border: solid 1px #ccc;
}

/* SUPPORT US PAGE */

table.partners td {
	width: 33%;
	margin: 0 auto;
	text-align: center;
	vertical-align: middle
	
}

table.paypal {
	padding: 0;	
}

table.paypal td {
	margin: 0 auto;
	vertical-align: top;
}

table.paypal td button {
  float: left;
  margin-top: 10px;
}

table.paypal h4 {
  margin-bottom: 0.5em;
} 

table.paypal h1 {
	font-size: 2em;
	letter-spacing: -0.1em;
	padding: 0;
	line-height: 2em;
	background: transparent url(../img/panel_blank_small.gif) no-repeat;
	width: 75px;
//	height: 50px;
	position: relative;
	top: 120px;
	margin-top: -50px;
	text-align: center;
	left: 80px;
//	left: 40px;
}	

table.paypal .donation {
	border: solid 1px #ccc;
}

table.paypal h4 {
  margin-top: 10px;
}

/* BUTTONS */

button {
	border: 0;
}

button.wide {
	background: transparent url(../img/button_wide2.gif)	no-repeat;
	width: 134px;
	height: 53px;
	line-height: 48px;
	font-size: 1em;
//	font-size: 1.1em;
	font-weight: bold;
	text-transform: uppercase;
	color: #900;
	text-align: center;
	padding-left: 9px;	
//	padding-left: 5px;
	white-space: nowrap;
	text-indent: -5000px;
}

button.wide2 {
	background: transparent url(../img/button_wide.gif)	no-repeat;
	width: 104px;
	height: 48px;
	line-height: 48px;
	font-size: 1em;
//	font-size: 1.1em;
	font-weight: bold;
	text-transform: uppercase;
	color: #900;
	text-align: center;
	padding-left: 9px;	
//	padding-left: 5px;
	white-space: nowrap;
}

button.narrow {
	background: transparent url(../img/button_small_narrow.gif)	no-repeat;
	width: 49px;
	height: 43px;
	line-height: 43px;
	font-size: 1.2em;
	letter-spacing: -0.05em;
	color: #c00;
	padding-left: 10px;
}


table.buttons {
	padding: 0;	
	width: 100%;
}

table.buttons input.text {
  width: 90%;
}

table.buttons td{
	width: 25%;	
}

table.buttons td{
	width: 25%;	
	margin: 0;
	padding: 0;
}

table.all-middle td {
  vertical-align: middle;
}

table.all-middle td button {
  margin-top: -20px;
// margin-top: 0;
}
 
/* TRANSPARENCY */

.opacity50 {
	filter:alpha(opacity=30);
	-moz-opacity:.30;
	opacity:.30;	
}

.opacity100 {
	filter:alpha(opacity = 100);
	-moz-opacity: 1;
	opacity: 1;	
}

/**************************
CAROUSEL
**************************/

#carousel-container {
  float: left;
  width: 490px;
  margin: 0 auto;
}

#carousel-block {
  padding: 20px 10px;
  width: 490px;
  height: 162px;
}

#carousel {
  position: relative;
  visibility: hidden;
  left: -5000px;  
  height: 162px;
}

a#btn-next, a#btn-prev {
  background:transparent url(../img/btn_left.gif) no-repeat;
  width: 25px;
  height: 37px;
  text-decoration:none;
  cursor: pointer;
  position: relative;
  top: 50px;
  left: 0;
  float: left;

}

a#btn-next {
  background: transparent url(../img/btn_right.gif ) no-repeat;
  float: right;
}

a#btn-next:hover, a#btn-prev:hover {

}

#carousel ul {
  margin:0;
}

#carousel li, #carousel li.bg1{
  width: 197px;
  height: 142px;
  padding: 10px;
  text-align: center;
  background: transparent url(../img/bg_carousel1.gif) 20px 0px no-repeat;
}

#carousel img.carousel-logo {
	margin-left: -20px;	
	margin-top: 10px;	
}

#carousel img.carousel-icon {
  margin-left: -10px;
  margin-top: -10px;
  float: left;
}

#carousel img.carousel-caption {
  margin-left: -10px;
  margin-top: 10px;
  float: right;
}

#carousel img.carousel-more {
	margin-top: -5px;
	margin-left: 132px;
}

#carousel li.bg2{
  background: transparent url(../img/bg_carousel2.gif) 20px 0px no-repeat;
}

#carousel li.bg3{
  background: transparent url(../img/bg_carousel3.gif) 20px 0px no-repeat;
}

#carousel li.bg4{
  background: transparent url(../img/bg_carousel4.gif) 20px 0px no-repeat;
}

/**************************
TWITTER
**************************/

#twitter-widget {
  padding-right: 40px;
  float: right;
  width: 510px;
  height: 38px;
  overflow: hidden;
  line-height: 17px;
  background: white url(../img/twitter_bg.gif) no-repeat;
  color: #666;
  margin-top: -11px;
  font-size: 0.9em;
  padding-top: 4px;
}

#twitter-widget ul.tweet_list {
  list-style: none;
  padding-left: 5px;
}

.more-twitter {
  float: right;
  display: block;
  width: 20px;
  height: 32px;
  text-decoration: none;
}

/***********************
EASTER EGG
***********************/

.pics {  
    height:  256px;  
    width:   345px;  
    padding: 0;  
    margin:  0;  
} 
 
.pics img {  
    padding: 0;  
    width:  345px; 
    height: 256px; 
    top:  0; 
    left: 0 
} 

/***********************
gFeed
***********************/

.gfc-control {
  margin-top: -15px;
}

.gfc-result .gf-title {
  overflow: visible !important;
  height: auto !important;
  list-style: none;
  display: list-item;
}

.gfc-title {
  color: #c00 !important;
  font-weight: bold;
  font-size: 1.25em;
}

.gfc-resultsHeader {
  border-bottom: 0px !important;
}

.gf-relativePublishedDate {
  display: inline-block;
  font-size: 0.75em;
  margin-top: -3px;
}

.gf-snippet {
  font-size: 0.9em;  
}

/**********************
GALLERY
**********************/

ul.thumb {
	float: left;
	list-style: none;
	margin: 0;
	width: 495px;
}
ul.thumb li {
	margin: 0; 
	float: left;
	position: relative;  /* Set the absolute positioning base coordinate */
	width: 100px;
	height: 100px;
	padding: 5px 10px;
}
ul.thumb li img {
	width: 100px; height: 100px; /* Set the small thumbnail size */
	-ms-interpolation-mode: bicubic; /* IE Fix for Bicubic Scaling */
	border: 0;
	position: absolute;
	left: 0; top: 0;
}
ul.thumb li img.hover {
	background: url(../img/thumb_bg.png) no-repeat center center;  /* Image used as background on hover effect
	border: none; /* Get rid of border on hover */
}

#showcase img {
  border: solid 1px #ccc; 
}

.center {
  text-align: center;
}

table.top-12 td{
		vertical-align: top;
		height: 175px;
}

ul.how-to-pay {
	list-style: none;
}

ul.how-to-pay li img {
	float: left;
	padding: 0.25em 2em 1em 0;
}

ul.how-to-pay li {
	padding-bottom: 1em;	
}

#content_container {
  padding-bottom: 2.5em;
}

table.table td {
   vertical-align: top;
   border-bottom: solid 1px #ddd;
   border-right: dashed 1px #ddd;
}

.extrapadding {
  padding-left: 2em;
}

a#homepage-thank {
  float: right;
  position: relative;
  top: -24px;
  right: 20px;
} 

#tabs, #tabs div{
  display: none;
}

#tabs ul.ui-tabs-nav li{
  margin-bottom: -1px;
}

.wider {
  width: 680px !important;
  padding-left: 30px;
}
