
/* THIN MARTIAN 2009 -2010


/* SITE RESET ------------------------------------------------------------------------ */


* {
margin: 0;
padding: 0
}


/* BODY ------------------------------------------------------------------------------ */


body {
background:#BAD5E8;
color:#525051;
margin-bottom:34px;
font-family:Verdana, Arial, sans-serif;
font-size:100%;
line-height:1.125em;
}

/* GENERAL ------------------------------------------------------------------------------ */

.small {font-size:0.6em;}
.left { float:left;}

/* SITE WRAPPER ----------------------------------------------------------------------- */

#wrapper {
width:920px;
margin:0;
padding:0;
margin:0 auto;
position:relative;
padding:0 40px 30px 40px;
}




/* HEADER SECTION --------------------------------------------------------------------- */


#header{
}



#nav {
width: 919px;
position: relative;
z-index: 2;
/*padding-bottom: 7px;*/
border-left: 1px solid #BAD5E8;
border-right: 1px solid #BAD5E8;
}
	


/* INTRO SECTION --------------------------------------------------------------------- */


#intro {
float: left;
width: 320px;
}


#scenarios {
width: 580px;
position: relative; 
z-index: 0;
float: right;
border:1px solid #557eb9;
}



#prodpic {
width: 580px;
z-index: 0;
float: right;
}



#howpic {
width: 589px;
z-index: 0;
float: right;
}



.prodhome {
width: 200px;
float: left;
padding: 0 19px;
border-right: 1px solid #BAD5E8;
}

.prodhome2 {
width: 280px;
float: left;
padding: 0 19px;
border-right: 1px solid #BAD5E8;
}


.prodhomefirst {
padding-left: 0;
}

.prodhomelast {
border-right: none;
padding-right: 0;
}

.prodpush1 {
margin-bottom: 45px
}


.prodpush2 {
margin-bottom: 27px
}

.prodhomepush {
padding-bottom: 32px;
}

.prodpushtop {
margin-top: 42px;
clear:both;
}


.prodpushtoprow {
margin-top: 42px;
}



/* CATEGORY PAGES --------------------------------------------------------------------*/

.prodpushHome {
margin-bottom: 55px
}

.prodpushHotmail {
margin-bottom: 35px
}

.prodpushHotmail2 {
margin-bottom: 53px
}

.prodpushMessenger {
margin-bottom: 35px
}

.prodpushPhotos {
margin-bottom: 17px
}

.prodpushMail {
margin-bottom: 34px
}

.prodpushMoble {
margin-bottom: 105px
}

.prodpushHome {
margin-bottom: 89px
}

.prodpushCalendar {
margin-bottom: 72px
}

.prodpushWriter {
margin-bottom: 26px
}

.prodpushPhotogallery {
margin-bottom: 26px
}

.prodpushMoviemaker {
margin-bottom: 62px
}

.prodpushPhotosharing {
margin-bottom: 98px
}


/* ------------------------------------------------------------------------------------*/


.headhowtop {
margin-top: 50px
}


#explore {
padding: 14px 0 11px 20px;
}





/* Product Page DIVS ----------------------------------------------------------------*/


#featuressubintro {
float: left;
width: 220px;
}

.featuressub3 {
float: left;
width: 233px;
text-align: center;
}

.featuressub4 {
float: left;
width: 175px;
text-align: center;
}

.featuressub5 {
float: left;
width: 140px;
text-align: center;
}

#featureshighwrap {
width: 570px;
float: left;
}

.featureshigh {
width: 570px;
}

#workswell {
margin: 0;
padding: 0;
width: 270px;
float: right;
background-color:#ecf4f9;
}

#workswelltop {
margin: 0;
padding: 0;
width: 270px;
height: 19px;
}

#workswellcontent {
margin: 0;
padding: 0;
width: 228px;
border-left: 1px solid #ecf4f9;
border-right: 1px solid #ecf4f9;
padding: 0 20px 0 20px;
}



#workswellbott {
margin: 0;
padding: 0;
width: 270px;
height: 10px;
}

#go {
width: 604px;
float: left;
}


#how {
width: 316px;
float: right;
}




/* How To Page DIVS ---------------------------------------------------------------------*/

#vid1 {
float: left;
width: 270px;

}

#vid2 {
float: right;
width: 610px;

}

#friends {
padding-right: 20px
}

#whatitmeans {
float: left;
width: 320px;
}

#whatitmeans2 {
float: right;
width: 550px;
padding: 40px 20px 0 0;
}

#profile {
float: left;
width: 300px;
}

#profile2 {
float: right;
width: 520px;
}

.servicesub {
width: 115px;
float: left;
text-align: center;
margin-top: 25px
}






/* START - Page styles -----------------------------------------------------------*/	

	
h1, h2, h3, h4{
font-weight:normal;
}
	
h1{
float: left;
width: 430px;
margin: 33px 0 0 0;
font-size: 1.5em;
line-height:1.125em;
color: #525051;
}

h2 {
font-size: 1.5em;
line-height:1.125em;
margin-bottom: 15px;
color: #072B60;
}


#intro h2 {
color: #072B60
}

.featureshighl h2 {
 margin-left:320px;
 }
 
.featureshighl .asterisk { margin:0; width:298px;}

featuresHighR h2 {}

#featuressubintro h3 {
line-height:1.3em;
}

    
	
h3 {
font-size: 1.3em;
color: #525051;
margin-bottom: 13px;
}

#whatitmeans h3, #whatitmeans2 h3 {
font-size: 0.9em;
margin-top: 5px
}

p{
font-size: 0.7em;
margin: 0 0 9px 0;
}

p.prodhometop {
margin-top: 15px
}

.featureshighl p {
margin-left: 320px
}

.featureshighr p {
margin-right: 320px
}

#go p {
margin-right: 311px
}




#friends p {
margin-left: 549px
}

#photos p {
margin-right: 549px
}

#whatitmeans2l {
padding:50px 0 0 0;
}

#whatitmeans2l p {
margin-left: 273px;

}

#whatitmeans2r p {
margin-right: 280px
}

ul{
margin: 0 0 15px 15px;
}

.clear{
clear:both;
line-height: 0;
}




/* START - Image styles ---------------------------------------------------------------*/


img {
border:none
}

img#logo {
float: left
}

#bookmark {
float: right;
margin-top: 40px
}

.imgborder {
border: 1px solid #557EB9
}

.imgleft {
float: left;
margin: 0 10px 0 0;
}

.imgright {
float: right;
margin: 0 0 0 10px;
}

.imgleftf {
float: left;
margin: 0;
border: 1px solid #DFECF4
}

.imgrightf {
float: right;
margin: 0;
border: 1px solid #DFECF4
}

.imgrighthow {
float: right;
margin: 0;
}

.imglefthow {
float: left;
margin: 0 37px 0 0;
}

.imgrightphotos {
float: right;
margin: 0 0 0 37px;
}

.imgnoborder {
border: none
}

.imgleftprod {
float: right;
border: none
}

#divider1 {
margin: 20px 0 25px 0;
}

#divider2 {
margin: 25px 0 30px 0;
}

#divider3 {
margin: 30px 0 20px 0;
}

.divider {
margin: 30px 0 25px 0;
}

/* Dividers - Products ------------------------------------------------------------------*/


#divider1p {
margin: 25px 0 15px 0;
}

#divider2p {
margin: 20px 0 12px 0;
}

.divider3p {
margin: 20px 0 20px 0;
}

.dividerps {
margin: 20px 0 20px 0;
}

/* Dividers - How -----------------------------------------------------------------------*/


.divider2h {
margin: 20px 0 12px 0;
}

.divider3h {
margin: 8px 0 25px 0;
}

.divider4h {
margin: 8px 0 30px 0;
}

.divider5h {
margin: 20px 0 30px 0;
}

.divider6h {
margin: 20px 0 30px 0;
}





/* START - Nav */
/* Nav Accessibility - Skip Link -----------------------------------------------------------*/


#skip a {
position:absolute;
left:-10000px;
top:auto;
width:1px;
height:1px;
overflow:hidden;
}
 
#skip a:focus {
position:static;
width:auto;
height:auto;
}


/* Nav General ---------------------------------------------------------------------------*/

a {
color: #FE5815;
text-decoration: none;
font-size: 0.7em;
}


p a {
font-size: 1em;
}

a:hover{
text-decoration: underline;
}

h2 a {
color:#072B60;
font-size:1em;
}


/* Nav Level 1 ---------------------------------------------------------------------------*/

#navlist, #navlist ul {
list-style:none;
padding:0;
margin:0;
}

#navlist li {
float:left;
padding:0;
margin:0;
}

#navlist li:hover {
position: static;
}

#navlist li:hover, #navlist li.sfhover {
}

#navlist a {
display:block;
font-size:0.75em;
line-height:1.20em;
color:#ffffff;
text-decoration:none;
padding:13px 40px 13px 23px;
margin:0;
height:14px;
}

#navlist a.center {

padding:13px 33px 13px 30px;
margin:0;
}



#navlist li:hover a, #navlist li.sfhover a {
color:#557EB9;
background: none;

}

#navlist li li:hover, #navlist li li.sfhover {
background: none;
}

#navlist a.home, #navlist a.works, #navlist a.comm,
#navlist a.social, #navlist a.create, #navlist a.org,
#navlist a.blog {

}

#navlist a.home {
width: 37px;
}

#navlist a.works {
width: 84px;
}

#navlist a.comm {
width: 85px;
}

#navlist a.social {
width: 116px;
}

#navlist a.create {
width: 44px;
}

#navlist a.org {
width: 57px;
}

#navlist a.blog {
width: 55px;
}


#navlist li ul.columnHolder {
position: absolute;
left: -999em;
padding: 0;
}

#navlist li ul.columnHolder2 {
position: absolute;
right: 999em;
padding: 0;
}


#navlist li ul.columnHolder3 {
position: absolute;
right: 999em;
padding: 0;
}

/*
#navlist li ul#commwidth {
width: 185px;
background: #fff
}


#navlist li ul#socialwidth {
width: 210px;
background: #fff
}

#navlist li ul#createwidth  {
width: 168px;
background: #fff
}

#navlist li ul#orgwidth {
width: 165px;
background: #fff
}

#navlist li ul#blogwidth {
width: 135px;
background: #fff
}*/


#navlist li:hover ul.columnHolder, #navlist li.sfhover ul.columnHolder {
left: auto;
}

#navlist li:hover ul.columnHolder2, #navlist li.sfhover ul.columnHolder2 {
right: -1px;
}

#navlist li:hover ul.columnHolder3, #navlist li.sfhover ul.columnHolder3 {
right: 14px;
}


#navlist li ul li a {
height: 6px;
line-height: 16px;
}

/*
#navlist li ul#workswidth li a:hover {
height: 14px;
width: auto;
}*/


#navlist li li {
float: none;
background-image: none;
background-color: #fff;
/*border: 1px solid #BAD5E8;*/
border-bottom: none;
/*display: inline;*/
padding:0;
margin:0;
}

#navlist li li.sublast {
/*border-bottom: 1px solid #BAD5E8;*/
}


#navlist li li:hover, #navlist li li.sfhover  {
/*width: 20px;
display: inline;*/
}






/* DROP DOWN LIST --------------------------------------------------------- */



#navlist li li a {	
background: none;
color: #FE5815;
margin:0;
padding:0;
}

#navlist li li li a {	
background: none;
color: #FE5815;
margin:0;
padding:0;
}

#navlist li li li a:hover {	
text-decoration:underline;
width: auto;
}


#navlist li ul#commwidth {
width:590px;
height:160px;
background:#ffffff;
border-bottom:1px solid #BAD5E8;
border-left:1px solid #BAD5E8;
border-right:1px solid #BAD5E8;
}



#navlist li ul#socialwidth {
width:620px;
height:160px;
background:#ffffff;
border-bottom:1px solid #BAD5E8;
border-left:1px solid #BAD5E8;
border-right:1px solid #BAD5E8;
}



#navlist li ul#createwidth {
width:340px;
height:160px;
background:#ffffff;
border-bottom:1px solid #BAD5E8;
border-left:1px solid #BAD5E8;
border-right:1px solid #BAD5E8;
}


#navlist li ul#orgwidth {
width:590px;
height:160px;
background:#ffffff;
border-bottom:1px solid #BAD5E8;
border-left:1px solid #BAD5E8;
border-right:1px solid #BAD5E8;
}


#navlist li ul#blogwidth {
width:286px;
height:140px;
background:#ffffff;
border-bottom:1px solid #BAD5E8;
border-left:1px solid #BAD5E8;
border-right:1px solid #BAD5E8;
}



#navlist li li.column {
width:136px;
float:left;
padding:0 0 0 6px;
margin:16px 0 0 0;
height:130px;
}

#navlist li li.columnBorder {
border-right:1px solid #BAD5E8;
}



#navlist li li.column ul {
list-style-type: disc;
list-style-position:outside;
color:#FE5815;
margin:0 0 0 30px;
/*padding:0;*/
}

#navlist li li.column li {
/*display: inherit;*/
padding:0;
margin:0; 
}

#navlist li li.column li a {
color:#FE5815;
padding:10px 0 10px 10px;
margin:0;   
/*display:inline-block;*/
}


#navlist li li.column2 {
width:146px;
}


#navlist li li.column3 {
width:150px;
}


#navlist li li.column4 {
width:152px;
}



#navlist li li a {
margin:0 0 0 10px;
padding:0 20px 13px 30px;

}






/* Nav Buttons -------------------------------------------------------------------------*/



a.buttorange {
display: inline-block;
font-size: 0.75em;
padding: 5px 12px 5px 11px;
margin-top: 20px;
color: #fff;
margin-bottom: 18px;
}

a.buttorangehow {
margin-top: 44px;
}

a.butth1, a.butth2 {
font-weight: bold;
display: block;
margin-top: 16px;
padding-left: 28px;
}

a.butth1 {
margin-bottom: 18px;
}

a.butth2 {
font-size: 0.75em;
}

a.buttorangeHome {
display: inline-block;
font-size: 0.75em;
padding: 5px 12px 5px 11px;
margin-top: 20px;
color: #fff;

}


/* Nav Prodhome plus Workswell ----------------------------------------------------------*/


.prodhome ul {
list-style: none;
}

.prodhome li {
padding-left: 24px;
margin-bottom: 14px;
}



.prodhome a {
text-decoration: none;
}


.arrow {
font-size: 100%;
text-decoration: none;
padding-right: 15px;
line-height: 8px
}

.prodhome a:hover, .prodhome p a:hover, #workswell p a:hover {
text-decoration: underline;
}


/* Nav Explore --------------------------------------------------------------------------*/


#explorelist  {
list-style: none;
padding: 0;
margin: 0;
line-height: 2;
}

#explorelist li {
float: left;
margin-left: 42px;
margin-bottom: 16px;
color: #fff;
font-size: 0.6em;
font-weight: bold;
}

#explorelist li.explorefirst {
margin-left: 0
}

#explorelist li ul {
float: none;
list-style: none;
margin: 0;
padding: 0;
line-height:2.3em;
}

#explorelist li li {
float: none;
margin: 0;
padding: 0;
font-size: 100%;
font-weight: normal;
}

#explorelist li li a {	
color: #fff;
font-size: 1em;
}
	
#explorelist li li a:hover {	
color: #FE5815;
text-decoration: none;
background: none
}



/* Nav Footer -------------------------------------------------------------------------*/

#footerContainer {
width:950px;
margin:0 auto;
padding:20px 10px 0 40px;
}


#footer ul {
		list-style:none;
		margin:0;
		padding:0;
		}

		#footer li {
			float:right;
			margin-left:22px;
			list-style:none;
			}

			#footer a {	
				font-size:0.6em;
				color:#525051;
				}
		
				#footer a:hover{	
					color:#FE5815;
					text-decoration:none;
					}

					.copyrightSize {
						margin:1px 0 0 0;
						padding:0;
						font-size:0.6em;
						}


/* WEB ACTIVITIES -----------------------------------------------------------------------*/

.logoContainerTop 
{
    width:170px;
    float:left;
    margin:46px 0 0 20px;
}

.logoContainerBottom 
{
    width:170px;
    float:left;
    margin:26px 0 20px 20px;
}

.logoContainerSpace 
{
    
    margin:26px 20px 20px 20px;
}

.logoContainerSpaceTop 
{
    
    margin:46px 20px 0 20px;
}

.logoDescription
{
    width:150px;
    margin:20px 0 0 0;
    float:left;
}

.imgpartners {
margin:40px 0 0 0;
}

.webactstep {
width: 280px;
float: left;
padding: 0 19px;
margin:20px 0 0 0;

}


.webactstepfirst {
padding-left: 0;
}

.webactsteplast {
border-right: none;
padding-right: 0;
}

.webactsteppush {
padding-bottom: 32px;
}

.iconStep {
margin:20px 0 0 0;
}






/* ERROR PAGES ----------------------------------------------------------------------------------*/


#errorImage {
float: left;
width: 400px;
}


#ErrorCopy {
width: 380px;
z-index: 0;
float: right;
padding:40px 100px 0 0;
}









/* PHOTO SHARING PAGE ---------------------------------------------------------------------------*/


.featuressubPhotosharing {
margin:20px 0 0 0;
float: left;
width: 133px;
text-align: center;
}

.featuresSubSingle {
margin:20px 0 0 0;
float: left;
}

.featuresSubSingle .imgLeft{
	float:left;
}

.featuresSubSingle .textRight{
	float:left;
	width:120px;
}

.featuressubStart {
margin:20px 40px 0 0;
}



#navsublist {
list-style: none;
padding: 0;
margin: 0;
width: 312px
}

#navsublist li {
/*background: #EBEEF2;*/
display: block;
font-size: 0.85em;
line-height: 1.3em;
color: #525051;
text-decoration: none;
padding: 18px 0px 0px 62px;
height: 36px;
/*background: url('../images/nav/navsub.gif') no-repeat;*/
} 

/*#navsublist li:hover {
background: #fff;
/*background: url('../images/nav/navsub1.gif') no-repeat;
border-left: none;
border-right: none;
padding-left: 62px;
color:#fe5815;
cursor:pointer;
}*/



#navsublist a:hover, #navsublist #current {

}


#navsublist .current {
/*background: url('../images/nav/navsub1.gif') no-repeat;*/
border-left: none;
border-right: none;
padding-left: 62px;
color:#fe5815;
cursor:pointer;
}




/*
#navsublist li.tag:hover {
background: #fff;
/*background: url('../images/nav/navsub1.gif') no-repeat;
border-left: none;
border-right: none;
padding-left: 62px;
color:#fe5815;
cursor:pointer;
}
*/






#navsub {
width: 320px;
float: left;
/*padding-top: 1px;*/
/*background: url('../images/nav/bg_subnav_top.gif') no-repeat top left;*/
}


#navsubbottom {
height: 46px;
width: 313px;
padding-top: 20px;
/*background: url('../images/nav/bg_subnav_bottom.gif') no-repeat top right;*/
}

.navsubtop {
height: 46px;
width: 300px;
/*background: url('../images/nav/bg_subnav_bottom.gif') no-repeat top right;*/
}



.prodhome ul {
list-style: none;
}

.prodhome li {
padding-left: 24px;
margin-bottom: 14px;
}



#introsub {
width: 320px;
}

#navsubcontent {
width: 300px;
float: left;
}

#navsubcontent2 {
width: 280px;
float: right;
padding:20px 0 0 0;
}

#subcontain {
width: 600px;
float: right;
position: relative;
height: 560px
}

#inner1, #inner2 {
position: absolute;
top: 0;
left: 0;
width: 600px;
background: #fff;
padding:20px 0 0 0;
}

#inner1 {
z-index: 5
}

#inner2 {
z-index: 4
}


#subsmallimg {
width: 260px;
float: left
}

#subsmalltext {
width: 290px;
float: right
}

#sublargeimg {
width: 580px;
padding-top: 20px
}

#navsubcontent2 p.numbers {
margin-left: 35px
}

.imgnumbers {
float: left;
}

.imgmenuhow {
float: left;
}



img.extraImage 
{
    float:left;
    margin:0;
    padding:0;
    margin:123px 0 0 0;
}





/* Nav Navsub - section 2 -----------------------------------------------------------*/


#navsublistNew {
list-style: none;
padding: 0;
margin: 0;
width: 312px
}

#navsublistNew li {

display: block;
font-size: 0.85em;
line-height: 1.3em;
color: #525051;
text-decoration: none;
padding: 18px 0px 0px 62px;
height: 36px;
/*background: url('../images/nav/navsub.gif') no-repeat;*/
} 

/*#navsublistNew li:hover, #navsublist li.sfhover {
background: #fff;
/*background: url('../images/nav/navsub1.gif') no-repeat;
border-left: none;
border-right: none;
padding-left: 62px;
color:#fe5815;
cursor:pointer;
}*/



#navsublistNew a:hover, #navsublistNew #current {

}

#navsublistNew .current {
/*background: url('../images/nav/navsub1.gif') no-repeat;*/
border-left: none;
border-right: none;
padding-left: 62px;
color:#fe5815;
cursor:pointer;
}

#navsubNew {
width: 320px;
float: left;

/*background: url('../images/nav/bg_subnav_top.gif') no-repeat top left;*/
}


#navsubbottomNew {
height: 46px;
width: 313px;
padding-top: 20px;
/*background: url('../images/nav/bg_subnav_bottom.gif') no-repeat top right;*/
}


#introsubNew {
width: 320px;

}

#navsubcontentNew {
width: 300px;
float: left;
padding:20px 0 0 0;
}

#navsubcontent2New {
width: 280px;
float: right;
padding:20px 0 0 0;
}

#subcontainNew {
width: 600px;
float: right;
position: relative;
height: 560px;
}

#inner1New, #inner2New {
position: absolute;
top: 0;
left: 0;
width: 600px;
background: #fff;
padding:20px 0 0 0;
}

#inner1New {
z-index: 5
}

#inner2New {
z-index: 4;
}


#subsmallimgNew {
width: 260px;
float: left
}

#subsmalltextNew {
width: 290px;
float: right
}

#sublargeimgNew {
width: 580px;
padding-top: 20px
}

#navsubcontent2New p.numbersNew {
margin-left: 35px
}

.imgnumbersNew {
float: left;
}

.imgmenuhowNew {
float: left;
}


#skipNew a {
position:absolute;
left:-10000px;
top:auto;
width:1px;
height:1px;
overflow:hidden;
}
 
#skipNew a:focus {
position:static;
width:auto;
height:auto;
}



.photosharingInto {
width: 660px;
float: left;
}

.photosharingInto p {
margin-right: 311px;

}


.photosharingIntroImage {
float: right;
border: none;
margin:0 50px 0 0;
}

a.buttorangePs {
float:right;
}







/* SYSTEM REQ ---------------------------------------------------------------------------------*/



#wlSysReqsView table,
#wlSysReqsView table td,
#wlSysReqsView table th
{
border: solid 1px #ccc;
border-style:solid;
border-collapse:collapse;
font-size: small;
width: 700px;
}


#wlSysReqsView table td,
#wlSysReqsView table th
{
padding: 3px;
}  
  
   
#wlSysReqsView table th
{
font-weight:bold;
}


#wlSysReqsView table th
{
font-weight:bold;
}


#wlSysReqsView p
{
width: 700px;
}






/* ONE INBOX ---------------------------------------------------------------------------------*/


#introOneinbox {
	/*background: #FFF url(../images/hotmailHero.jpg) no-repeat right;*/
	height: 348px;
	width: 950px;
	margin: 0 0 20px 0;
}

#introOneinbox h2 {
	width:350px;
}

#introOneinbox p {
	

	width: 350px;
	margin: 0 0 9px 0;
}

/*#introOneinbox {
	background-image: url(../images/hotmailHero.jpg) no-repeat right;
	height: 348px;
	margin-bottom: 40px;
	width: 950px;
}

#introOneinbox p {
	margin-bottom: 1em;
	width: 420px;
}
*/


#howto p.finalstep {
	font-size: 0.9em;
}



#howtosteps {
	list-style-type: none;
	margin-left: -12px;
	margin-top: 30px;
	height: 300px;
}


#howtosteps li {
	float: left;
	width: 250px;
}



#howtosteps li div.text {
	background-repeat: no-repeat;
	color: #5a5859;
	font-size: 0.7em;
	height: 90px;
	line-height: normal;
	padding-left: 70px;
}


#howtosteps li div.text span {
	display: block;
	padding-top: 1em;
}
#howtosteps li#step-1 {
	margin-right: 70px;
	width: 270px;
}
#howtosteps li#step-2 {
	margin-right: 65px;
}
#howtosteps li#step-1 div.text {
	/*background-image: url(../images/step_1.jpg);*/
	margin-left: 12px;
}
#howtosteps li#step-2 div.text {
	/*background-image: url(../images/step_2.jpg);*/
}
#howtosteps li#step-3 div.text {
	/*background-image: url(../images/step_3.jpg);*/
}
#howtosteps li#step-1 div.text span {
	padding-top: 2em;
}
#howtosteps li#step-3 div.text span {
	padding-top: 0.5em;
}


#friendsInbox {
	/*background-image: url(../images/friends.jpg);*/
	height: 400px;
	margin-left: -30px;
	padding-left: 30px;
	position: relative;
}
#friendsInbox a.buttorange {
	position: absolute;
	bottom: 50px;
	left: 40px;
	margin: 0;
}
#friendsInbox p {
	width: 600px;
	margin:0;
}


/* THAKYOURATING.ASPX STYLES */
#introThankYouRating {
	/*background: #FFF url(../images/rateEmail.jpg) no-repeat left;*/
	height: 336px;
	width: 915px;
	margin: 20px 0;
}
#introThankYouRating h2 {
	width:350px;
}
#introThankYouRating p {
	margin-bottom: 1em;
	line-height: normal;
	width: 350px;
}

#introThankYouRating a {
	display:block;
	width:289px;
	height:61px;
	position:relative;
	top: 246px;
	left:440px;
}
