/* ~~~ Macarthur Credit Union Template Stylesheet Created by Brighton Consulting 2008 ~~~ */
/* css released under Creative Commons License - http://creativecommons.org/licenses/by-nc-sa/1.0/  */
/* All associated graphics copyright 2007, Brighton Consulting */
/* Added: May 21th, 2008 */
/* Visit www.brightonconsulting.com.au */

/* IMPORTANT */
/* This design is not a template. You may not reproduce it elsewhere without written permission. */


/* ~~~ SITE COLOURS ~~~ */
/*

	#684f40 - Macarthur Brown
	
	#235937 - Macarthur dark green
	
	#77b800 - Macarthur light green
	
	Catergory colours
	
	#00539f - Loans blue
	#c60c30 - Access red
	#652d86 - Savings purple
	
*/
	
/* 
~~~~~ IE HACK GUIDELINES ~~~~~

p  {
  border:1px solid green; ~~~ works in all
  *border:1px solid red; ~~~ targets IE6 and 7 
  _border:1px solid blue; ~~~ targets IE6 only
}

*/



/* ~~~ GENERAL SITE-WIDE STYLES ~~~ */
/* ~~~ DO NOT MODIFY WITHOUT GOOD REASON ~~~ */


/* RESET all browsers to zero */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,option,p,blockquote,th,td {    
     margin:0;   
     padding:0;   
 }  
 
table {   
     border-collapse:collapse;   
     border-spacing:0;   
}   
 fieldset,img {    
     border:0;   
}   
address,caption,cite,code,dfn,em,strong,th,var {   
    font-style:normal;   
    font-weight:normal;   
}   
ol,ul {   
    list-style:none;   
}   
caption,th {   
    text-align:left;   
}   
strong {
	font-weight:bold;
}
em {
	font-style:italic;
}
q:before,q:after {   
    content:'';   
}   
abbr,acronym { border:0;   
}   

html, body {
	height:100%;
}

/* ~~~~~~ PRESET SITE FONTS ~~~~~~ */
body {
	font-size:74%;
	*font-size:80%;
	font-family:"Trebuchet MS", Helvetica, sans-serif; 
	color:#666666;
	text-align:left;
	line-height:1.5em;
}

/* Set font sizes for WYSIWYG to match document */

body.mainbody {
	font-size:74%;
	font-family:"Trebuchet MS", Helvetica, sans-serif;
	color:#666666;
	text-align:left;
	line-height:1.5em;
}


div,  span,  input,  select, p, th, dd, table, li, {
	font-size:1.0em;
}
.mainbody div, .mainbody span, .mainbody input, .mainbody select, .mainbody p, .mainbody th, .mainbody dd, .mainbody table, .mainbody li {
	font-size:1.0em;
}

h1, .mainbody h1 {font-size:1.6em; color:#684f40;}
h2, .mainbody h2 {font-size:1.4em; color:#684f40;}
h3, .mainbody h3 {font-size:1.3em; color:#684f40; font-weight:bold;}
h4, .mainbody h4 {font-size:1.2em; color:#684f40; font-weight:bold;}
h5, .mainbody h5 {font-size:1.0em; color:#444444; font-weight:bold;}

/* ~~~~~~ PRESET CONTENT STYLES ~~~~~~ */





.mainbody p, .mainbody ul {
	padding-top:5px;
	padding-bottom:3px;
}
.mainbody ul {
	list-style-type:disc;
	margin-left:15px;
}
.mainbody ul li {
	padding:5px;
}
.mainbody table {
	margin:10px 0;
}
.mainbody table td {
	padding:5px;
}
.mainbody h4 {
	margin-top:18px;
}
.mainbody ul.arrowlist, .mainbody ul.ticklist, #loan ul.ticklist, #save ul.ticklist, #access ul.ticklist {
	list-style:none;	
}
.mainbody ul.alphalist {
	margin-left:15px;
	list-style-type:lower-alpha;	
}
.mainbody ul.romanlist {
	margin-left:15px;
	list-style-type:lower-roman;
}
.mainbody ul.arrowlist li {
	margin-left:0;
	padding-left:15px;
	background:url(/old_uploads/images/page_images/arrow2.gif) 0px 11px no-repeat;
}
.mainbody ul.ticklist li, #loan ul.ticklist li, #save ul.ticklist li, #access ul.ticklist li {
	margin-left:0px;
	
	padding:3px 0 3px 20px;
}

.mainbody ul.ticklist li {
	background:url(/old_uploads/images/page_images/tick_2.gif) top left no-repeat;
}

#loan ul.ticklist li {
	background:url(/old_uploads/images/page_images/tick_homel.gif) top left no-repeat;
}


#save ul.ticklist li {
	background:url(/old_uploads/images/page_images/tick_save.gif) top left no-repeat;
}


#access ul.ticklist li {
	background:url(/old_uploads/images/page_images/tick_access.gif) top left no-repeat;
}


.mainbody ul li ul {
	list-style-type:circle;
}











/* ~~~~~~ PRESET LINKS ~~~~~~ */

a:link, a:visited, .mainbody a:link, .mainbody a:visited {
	color:#235937;
	font-weight:bold;
	text-decoration:none;
}
a:hover, a:active, .mainbody a:hover, .mainbody a:active {
	color:#684f40;
	font-weight:bold;
	text-decoration:underline;
}	


/* ~~~~~~ Universal Classes ~~~~~~ */

.hidden {
	display:none;
}

.clear {
	clear:both;
}

/* ~~~~~~ CLEARFIX HACK ~~~~~~ */
.clearfix:after {
	content: ".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {

	display:inline-block;
}
* html .clearfix {
	height:1%;
}
.clearfix {
	display:block;
}


/* ~~~~~~~ NGMENU NOSCRIPT CSS ~~~~~~ */
ul.ngcss {
	margin:0 1px;
	color:#ffffff;
}
ul.ngcss li {
	float:left;
	position:relative;
}
ul.ngcss li a {
	display:block;
	padding:4px 14px 5px;
	color:#ffffff;
	font-size:1.2em;
}
ul.ngcss li a:hover, ul.ngcss li a:active {
	background-color:#0077c0;
}
ul.ngcss li ul, ul.ngcss li ul ul {
	display:none;
}
ul.ngcss li ul {
	position:absolute;
	top:26px;
	width:200px;
	float:left;
	background-color:#0077c0;
	z-index:10000;
}
ul.ngcss li:hover ul {
	display:block;
}
ul.ngcss li:hover ul li {
	float:none;
	position:relative;
	width:100%;
}
ul.ngcss li:hover ul li a {
	display:block;
	padding:4px 14px 5px;
	color:#ffffff;
	font-size:1.1em;
}
ul.ngcss li:hover ul li a:hover, ul.ngcss li:hover ul li a:active {
	background-color:#da5800;
}
ul.ngcss li:hover ul ul {
	display:none;
	position:absolute;
	top:0;
	left:200px;
	width:130px;
	background-color:#0077c0;
	float:left;
}
ul.ngcss li:hover ul li:hover ul {
	display:block;
}




table.stripes {
	
	border-top:1px solid #684f40;
	border-right:1px solid #684f40;
	margin:1em auto;
	border-collapse:collapse;
	}

table.stripes tr.odd td	{
	/*background:#f2f6f8 url(/old_uploads/images/site_images/row_bg.gif) repeat-x bottom left;*/
	}
table.stripes td {
	border-bottom:1px solid #684f40;
	border-left:1px solid #684f40;
	padding:.3em 1em;
	}
table.stripes th {
	font-weight:bold;
	border-bottom:1px solid #684f40;
	border-left:1px solid #684f40;
	padding:.3em .5em;
	background:#684f40;
	color:#fff;
	font-size:14px;
	}
	
table.stripes th a {
	color:#652300;
	text-decoration:underline;
	}



/*
	WYSIWYG FIXES - DON'T CHANGE WITHOUT CONSULTATION
	The following style makes p and ul tags show as br tags in tables for the same results in IE and FF
*/

.mainbody table p, .mainbody table ul  {
	margin-top:0px;
	margin-bottom:0px;
}


/*  Template css   */



/*BACKGROUND STUFF */
.bodybg {
/*background-color: #e5e1df;*/
background-color:#ded8d5;
}

#container {
margin:0 auto 0;
}

#container2 {
background-color:#ffffff;
width: 933px;
min-height:638px;
margin:0 auto 0;
padding:0 9px 0 9px;
}




/* SITE HEADER */

#header {
position:relative;
display:block;
margin-left:auto;
margin-right:auto;
width:933px;
height:147px;
margin:0 auto;
margin-bottom:9px;
float:left;
}

#header div#logo {
	position:absolute;
	bottom:36px;
	left:0;
}


#header h4 {
	position:absolute;
	bottom:40px;
	right:213px;
	color:#684f40;
	font-weight:normal;
}

#header h4  img {
	position:absolute;
	bottom:2px;
	right:95px;
	*right:105px;
}


div.search input.image {
	position:absolute;
	right:18px;
bottom:19px;
	
}

div.search input#mod_search_searchword.inputbox {
	position:absolute;
	right:28px;

	width:120px;
height:16px;
	padding:1px 5px;
border: 1px solid #684f40;
}

div.search {
position:absolute;
bottom:36px;
right:25px;

}

/*#header {
position:relative;
width:933px;
height:160px;
margin:0 auto;
}

#header div#logo {
	position:absolute;
	bottom:32px;
	left:0;
}


#header h4 {
	position:absolute;
	top:78px;
	right:227px;
	color:#dddddd;
}*/



#navbarPositioner {
	width:933px;
	height:32px;
	background:url(/old_uploads/images/site_images/nav_bg_new.jpg) repeat-x;
	position:absolute;
	float:left;
	clear:both;
	top:120px;
}





div#iblogin {
	position:absolute;
	top:8px;
	right:0;
	width:222px;
	height:126px;
	background:url(/old_uploads/images/site_images/ib_bg2.gif) bottom center no-repeat;
	}
	
div#iblogin h2 {
	color:#ffffff;
	font-size:18px;
	line-height:1.4em;
}
div#iblogin div#form {
	margin-top:11px;
}
div#form div.radios {

	float:left;
	margin-left:7px;
}
div#form div.radios span {
	font-size:13px;
	line-height:1.6em;
	color:#652300;
}
div#form div.goinfo {
	float:right;
	margin-right:6px;
	margin-top:2px;
}

/* MAIN CONTENT */

#content{
margin:12px 0 0 0;
_margin:12px 0;
width: 100%;
clear:both;
}

#col1{
float:left;
width:720px;

}
#col2{
float:left;
width:204px;
height:400px;
margin:0 0 0 8px;
}

/* Col 1 content */

#main_promo {
margin-top: 0;
}

#news_left, #news_right{
float:left;
margin-top:9px;
}

#news_right {
margin-left:10px;

}

/* Col 2 content */

#online_b {
width:184px;
height:30px;
padding:40px 10px 10px 10px;
background: #fff url(/old_uploads/images/site_images/online_b_bg.gif) top left no-repeat;
margin-bottom:7px;
}

#online_b span.left {
margin-right:7px;
}

#sidebar {
margin-bottom:6px;
}

#tools {
}

#tools_cont_1 {
width:186px;
height:84px;
_height:84px;
padding:40px 9px 4px 9px;


*padding:36px 9px 9px 9px;
_padding:35px 9px 4px 9px;
/*background:url(/old_uploads/images/site_images/online_tool_bg2.gif) top left no-repeat;*/
background:url(/build/images/online_tool_bg2.gif) top left no-repeat;
margin-bottom:7px;
_margin-bottom:0px;
}

#tools form#tools_form {
margin:0 auto;
}
div.tool {
padding-bottom:10px;
*font-size:.95em;
}
#tools div.tool select {
width:100%;
}



#tools div#spotHome{ padding:0; margin:0; }
#tools div#spotHome p{ padding:0; margin:0; }



/* INTERNAL PAGE MAIN CONTENT */

#int_content {
padding:0 9px 25px 9px;
}

div#pageheader {

}

div#breadcrumbs { 
	clear:both;
	width:702px;
	height:19px;
	margin:2px 0 0 0;
	*margin:-2px 0 0 0;
	_margin:-2px 0 0 0;
	padding:0 9px;
	*padding:2px 9px 0 9px;
	background-color:#e5e1df;
	font-size:.9em;
	text-align:right;
	color:#666;
}

div#breadcrumbs a {
color:#684f40;
}

div#breadcrumbs a:hover {
color:#684f40;
}


#breadcrumbs span.pagefunctionicon {
float:right;
margin:2px 0 0 9px;
}

#breadcrumbs span.styleswitcher {

float:right;
}


#breadcrumbs .pathway {
*margin:1px 0 0 0;
text-align:left;
}

div#pagetitle {
	font-size:2.4em;
	font-weight:normal;
	color:#684f40;
	padding:20px 0 5px 0px;	
	*padding:20px 0 5px 9px;		
}

#int_content span.lghtGreen {
color:#77b800;
}

#int_content span.dkGreen {
color:#235937;
}

#int_content p.home_loan {
color:#00539f;
font-size:1.1em;
}

div#featuredSections {

	padding:0 9px;
	margin-top:10px;
}

div#featuredSections div.section {
	width:680px;
	padding-top:10px;
	margin-bottom:10px;
}

div#featuredSections div.section div.icon {
	float:left;
	margin-right:15px;
	
}

div#featuredSections div.section div.description {

	width:100%;
}

div#featuredSections div.section div.description h3 
 {
	padding-bottom:2px;
	border-bottom:1px solid #77b800;
	color:#684f40;
}

div#featuredSections div.section div.description h3 a 
 {
	padding-bottom:2px;
	color:#684f40;
}

div#featuredSections div.section div.description p.btns {
	text-align:right;
}

div#featuredSections div.section div.description p.btns a {
	color:#235937;
	font-weight:bold;
	text-treatment:none;
}

div#featuredSections div.section div.description p.btns a:hover {
	color:#684f40;
	font-weight:bold;
	text-treatment:underline;
}

div#featuredSections div.section div.description span.pipe {
	padding:0 4px;
}


#map_container {
border: 1px solid #684f40;
padding:9px;
}



/* FOOTER */

#footer {
	width:951px;
	margin:0 auto 0;
	
}

p.second_nav {
position:relative;
width:933px;
height:20px;
padding:2px 9px;
background-color:#684f40;
font-size:11px;
font-weight:normal;
margin-top:-5px;
*margin-top:-4px;
}
p.second_nav a {
color:#ffffff;
font-weight:normal;
}

p.second_nav a:hover {
color:#ffffff;
font-weight:normal;
}

p.second_nav span.right {
font-weight:normal;
position:absolute;
right:9px;
top:4px;
*top:2px;
color:#77b800;
}

p.second_nav span.left {
position:absolute;
top:4px;
*top:2px;
color:#fff;
}

#site_by {
margin-top:9px;
text-align:right;
padding-right:9px;
}

p.second_nav span.right a.nav2 {
color:#FFFFFF;
font-weight:normal;
}

p.second_nav span.right a.nav2 a:hover {
color:#FFFFFF;
text-decoration:underline;
font-weight:normal;
}

p.second_nav span.green {
color:#77b800;
}


/* ~~~~CAMPAIGN STYLE~~~~ */

.bodybgCampaign {	background:#ded8d5 url(/build/images/campaign/page-bg.jpg) no-repeat top center; }



#campaign_main {
	width:100%;
	height:100%;
	font-family:"Trebuchet MS", Helvetica, sans-serif; 

}

#campaign {
	width:100%;
	height:100%;
	/*margin:0 6px 0 16px;
	padding-top:7px; */
	background-color:#ded8d5;

}


#campaign div#container table{ margin:0;}

#campaign div#outerContainer {
	
	padding-top:17px !IMPORTANT;
}


	#campaign div#container {
		width:732px;
		background:#fff;
		border:none;
		margin:0 auto;

		position:relative;
		overflow:hidden;
		margin-top:30px !IMPORTANT;
		
	}
		#campaign div#container div#header {
			position:absolute;
			margin-bottom:0px !important;
			width:732px;
			top:-20px;
			left:20px;
			height:30px;
		}
			#campaign div#container div#header a img.close {
				position:absolute;
				right:10px;
				top:9px;
			}
		#campaign div#container div#content {
			width:100%;
			margin-top:5px;
			overflow:hidden;
		
		}
			#campaign div#container div#content div#main {
			
			width:732px; !important;	
			padding-right:10px;
			}
			
			
			#campaign div#container div#content div#main img.campaign {
				float:right;
				margin-left:10px;
				border:1px solid #d3d3d3;
			}
		
#campaign #campaign_title {
	padding:20px 0;
	font-family: Tahoma, Verdana, Helvetica, sans-serif;  
	color:#034ea2; 
	font-size:23px;
	font-weight:bold;
}
#campaign #campaign_wrapper {
clear:both;

width:700px;
}

#campaign #campaign_wrapper div.campaign_img {
float:right;
}

#campaign #campaign_wrapper div.camp_text {
width:380px;
}

#campaign h4 {
color:#034ea2; 
font-family: Tahoma, Verdana, Helvetica, sans-serif; 
font-size:1.0em;
}



.pageTitleCampaign{

font-family:"Trebuchet MS",Verdana,Helvetica,sans-serif;
font-size:25px;
text-transform:uppercase;
color:#005288;
padding-top:10px;
padding-Left:0px;
font-weight:bold;


}



/* ~~~~CAMPAIGN STYLE~~~~ */




#campaign_main {
	width:100%;
	height:100%;
	font-family:"Trebuchet MS", Helvetica, sans-serif; 

}

#campaignWelcome {
	width:100%;
	height:100%;
	/*margin:0 6px 0 16px;
	padding-top:7px; */

}


#campaignWelcome div#outerContainer {
	
	padding-top:0px !IMPORTANT;
}


	#campaignWelcome div#container {
		width:732px;
		background:#fff;
		border:none;
		margin:0 auto;
		padding:0px;

		position:relative;
		
	}
		#campaignWelcome div#container div#header {
			position:absolute;
			margin-bottom:0px !important;
			width:732px;
			top:-20px;
		
			height:30px;
		}
			#campaignWelcome div#container div#header a img.close {
				position:absolute;
				right:-20px;
				top:9px;
			}
		#campaignWelcome div#container div#content {
			width:100%;
			margin-top:10px;
			overflow:hidden;
			margin-bottom:10px;
		}
			#campaignWelcome div#container div#content div#main {
			
			width:732px; !important;	
			paddding-top:0px !IMPORTANT;
			padding-right:10px;
			
			}
			#campaignWelcome div#container div#content div#main img.campaign {
				float:right;
				margin-left:10px;
				border:1px solid #d3d3d3;
			}
		
#campaignWelcome #campaign_title {
	padding:20px 0;
	font-family: Tahoma, Verdana, Helvetica, sans-serif;  
	color:#034ea2; 
	font-size:23px;
	font-weight:bold;
}
#campaignWelcome #campaign_wrapper {
clear:both;

width:700px;
}

#campaignWelcome #campaign_wrapper div#left {
position:relative; float:left; width:280px; }

#campaignWelcome #campaign_wrapper div.camp_text {

} 

#campaignWelcome h4 {
color:#034ea2; 
font-family: Tahoma, Verdana, Helvetica, sans-serif; 
font-size:1.0em;
}

.pageTitleCampaign{

font-family:"Trebuchet MS",Verdana,Helvetica,sans-serif;
font-size:16px;
text-transform:uppercase;
color:#005288;
padding-top:10px;
padding-Left:10px;
font-weight:bold;

}


#campaignWelcome #campaign_wrapper div#right {
position:relative; float:right; width:405px;
 }



.socialCampaign{ 

position:absolute;
top:0px;
right:20px;

}


.socialCampaign span.pagefunctionicon { position:absolute; right:130px; top:10px;  *top:15px; }


/* COMPARE STYLE */

#conpare_main {
	width:660px;
}
#compare_2 {
	width:660px;
	height:100%;
	margin:0 6px 0 16px;
	padding-top:7px;
}
#campare_2 div#col2_container_1 {
	padding-bottom:7px;
	width:100%;
	height:100%;
}
#campare_2 div#col2_container_1 div#col2_container_2 {
	padding:10px;
}

#campare_2 div#col2_container_1 div#col2_container_2 div#pagetitle {
	padding:10px;
}
#conpare_2 div#col2_container_1 div#col2_container_2 div#breadcrumbs {
	width:660px;
	margin:2px 0 0 0;
	*margin:-2px 0 0 0;
	background-color:#ffffff;
	text-align:right;
	color:#666;
}



/* PRINT PAGE */


#printing {
}

h1.title {
font-size:26px;
	font-weight:normal;
	color:#684f40;
	padding:20px 0 5px 9px;		
}

#col2 div#tools div#news {
background:transparent url(/build/images/news_bg.jpg) no-repeat;
font-size:11px;
height:139px;
_height:139px;
margin:2px 0 0px;
_margin:0;
overflow:hidden;
position:relative;
padding-left:8px;
padding-right:4px;
padding-top:8px;

}


#col2 div#tools div#news p {
     margin:0;   
     padding:0;
	 line-height:1.4em;	
}

#col2 div#tools div#news h1 {
     padding-bottom:10px;
	  font-weight:bold;
	  font-size:20px;
}


#col2 div#tools div#news h3 {
     padding-bottom:10px;
}



#col2 div#tools div#news div#mosarticle {
 	padding-top:23px;
	 padding-left:4px;
}

#col2 div#tools div#news div#newsTick div#mosarticle h3 {
 	
	font-family:Arial, Helvetica, sans-serif;
	color:#684f40;
	font-size:10px;
	margin:0;
	padding:0;
	font-weight:normal;
	line-height:17px;
	width:100%;
	
}

#col2 div#tools div#news div#newsTick div#mosarticle {
	width:96%;

}




div#int_content div#mosarticle div#page_article {
	padding-bottom:24px;
}

div#int_content div#mosarticle h3 {
border-top:1px solid #e0efc4;
color:#098944;
padding-top:5px;
}




#newsTick #mosarticle a.promo_button {
	position:absolute;
	top:115px;
	left:145px;
	margin-top:3px;
	
	
	
}


#int_content #mosarticle a.promo_button {
	position:absolute;
	top:115px;
	left:145px;
	margin-top:3px;
	display:none;
	
	
	
}


#int_content #mosarticle .hide a {
	padding-left:0px;
	margin-left:0px !IMPORTANT;

	text-align:left;

	
	
	
	
}

#int_content #mosarticle .hide p {
	
	padding-left:0px;
	margin-left:15px !IMPORTANT;
	padding-top:5px;
	text-align:left;

	
	
	
	
}




#mosarticle .page_article  {

	padding: 0;
	margin: 0;
}

#col2 div#tools div#news div#newsTick div#mosarticle .page_article li {
	list-style-type: none;
	padding: 0px;
	margin: 0;
}




#col2 div#tools div#news div#newsTick div#mosarticle ul{
	list-style-type: none;
	padding: 3px;
	margin: 0;
}

.hide {
	list-style-type: none;
	padding: 2px !IMPORTANT;
	margin: 0;
}



#newsTick {
padding: 0px;
	margin: 0;
	margin-left:-3px;
}


img.directors {
	float:left;
	padding-right:10px;
	padding-bottom:10px;
}


/* dan add */

div#main_promo{ float:left; position:relative; display:block; width:720px; height:310px;  }

div#homeAdverts { float:left; position:relative; clear:both; margin-top:11px;}

div#homeAdverts div#spot1{ float:left; position:relative;   }

div#homeAdverts div#spot2, div#homeAdverts div#spot3{ float:left; position:relative; padding:0; padding-left:9px  }

div#homeAdverts div#spot1 p, div#homeAdverts div#spot2 p, div#homeAdverts div#spot3 p{ padding:0; margin:0;  }


div#shareIt{ position:absolute; top:15px; right:0px; _right:0px;}





div#socialNetwork {
position: absolute;
color:#FFFFFF;
border:1px solid #CCCCCC;
width:248px;
overflow:hidden;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;

}	

div#socialNetwork div#title{ position:relative; float:left; background:url(/build/images/social/bg.gif) repeat-y; width:246px; padding:3px; border-bottom:1px solid #626264;  }

div#socialNetwork div#left{  position:relative; float:left; width:115px; padding:0 0 0 10px; background-color:#fff; color:#666666; font-size:11px;}

div#socialNetwork div#right{ position:relative; float:right; width:118px; padding:0 5px 0px 0; background-color:#fff;  color:#cccccc;  font-size:11px;}

div#socialNetwork div.object{ position:relative; float:left; width:115px; padding:3px 0px 3px 0; border-bottom:1px solid #cccccc; height:20px; }

div#socialNetwork div.last{ border-bottom:none; }

div#socialNetwork div.image{ position:relative; float:left; width:30px; padding-top:2px;}

div#socialNetwork div.link{ position:relative; float:left; width:70px;}

div#socialNetwork a:link{ color: #000; text-decoration:none; font-weight:normal  }

div#socialNetwork a:visited{ color: #000;  text-decoration:none; font-weight:normal   }

div#socialNetwork a:hover, div#socialNetwork a:focus{ color: #000;	text-decoration:underline; font-weight:normal  }


div#sendFriendTitle{ margin:10px 0 10px 0;} 


.step1DropDown{
	




float:left;
position:relative;
margin:0 0 0 5px;
padding:10px 20px 10px 10px;
background-color:#fdfaf5;





}	



.step1DropDownLeft {
	

text-align:Left;


float:left;

width:130px;

font-size:12px;

font-weight:bold;
color:#000;



}	

.step1DropDownRight {
	
	width:220px;
	text-align:left;
	float:left;

font-size:12px;
color:#000;
padding-left:10px;
}



 .fadeThisSend {
		position:relative;
		display:block;
		height:23px;
		width: 57px;
		background:url(/build/images/social/send.gif) 0 0 no-repeat;
		outline-style:none;
	}
	
	 .fadeThisSend * {
	  display: none;
	}
	
	 .fadeThisSend span.hover {
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		height: 23px;
		width: 57px;
		background:url(/build/images/social/send.gif) 0 -24px no-repeat;
		outline-style:none;
	}


 .fadeThisTryAgain {
		position:relative;
		display:block;
		height:23px;
		width: 93px;
		background:url(/build/images/social/tryAgain.gif) 0 0 no-repeat;
		outline-style:none;
	}
	
	 .fadeThisTryAgain * {
	  display: none;
	}
	
	 .fadeThisTryAgain span.hover {
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		height: 23px;
		width: 93px;
		background:url(/build/images/social/tryAgain.gif) 0 -24px no-repeat;
		outline-style:none;
	}




#messageSent{ margin:30px 0 0 30px;} 
