/***************************************************************************
	Theme Name: Criobanco 
	Theme URL: http://www.criobanco.com/
	Description: Homepage CSS - styles for homepage
	Date: 7 August, 2009 
	Author: Petra Gregorova (www.isitedesign.com)
***************************************************************************/
#home #content{
	height: 202px;
	float: left;
	position: relative;
	z-index: 1;
}
#home #maincontent {
	margin-top: 0;
	padding-left:0;
	float:left;
	position: relative;
    width: 800px;
	height: 321px;
	z-index: 1;
}
* html #home #maincontent {}

#home-intro {color:#8F8F8F; font-size:.9em; margin:15px 0;}
#home-intro h2 {font-size:1em;margin-bottom:0;}
#home-subcontent {
    position: relative;
    margin:0 0 0 0;
    padding:0;
	clear: left;
}
*+html #home-subcontent{
    margin-top: -16px;
}

/* page has a single h1 and two h2s for the main content area that should display the same */
#home #maincontent h1, #home #maincontent h2{
    color: #06253b;
	font-weight: normal;
	width: 455px;
	line-height: 106%;
	text-transform: capitalize;
	margin-bottom: 10px;
	margin-top: 20px;
	font-size: 200%;
}
#home #maincontent p, #home #maincontent li{
	clear: none;
	width:255px;
	width: 24em; /* reset in em so layout wont break on resize */
	color:#666;
	margin: 0 0 16px 0px;
}
#home #maincontent p {width:450px;}
/* ie and em, good times */
* html #home #maincontent p {width: 15em;}
*+html #home #maincontent p {width: 15em;}

#home .homefeature{
	border:1px solid #C7C7C7;
	text-align: left;
	width: /*652*/962px;
}
#home .homefeature img, #home .homefeature div.homepageInsert{
	float: left;
	clear: left;
	margin-right: 13px;
}
#home .homefeature img.first, #home .homefeature div.first{
	clear: none;
}

#home #maincontent #success, #home #maincontent #selection, #home #maincontent #donor{
	height: 321px;
   	position: absolute;
	top: 0;
	left: 2px;
	z-index: 1;
}
#home #maincontent #donor{	background: transparent url(../images/css/home-donor.jpg) left top  no-repeat; z-index:10;}
#home #maincontent #success{ background: transparent url(../images/css/home-reproductive.jpg) left top  no-repeat; z-index:5;}
#home #maincontent #selection{	background: transparent url(../images/css/home-storage.jpg) left top  no-repeat;}

#home #maincontent .feature-content{display:block; float:left; background:#fff; height:275px; margin-left:450px;}
* html #home #maincontent .feature-content {margin-left:225px; height:315px;}
*+html #home #maincontent .feature-content {height:315px; width:475px;}

#home #maincontent #selection h2, #home #maincontent #donor h2, #home #maincontent #success h2 {margin: 20px 0 10px 0; padding-bottom:3px; border-bottom:2px solid #b2b4b6;}
#home #maincontent #selection h2, #home #maincontent #donor h2, #home #maincontent #success h2 {color:#4d6783;}

#home #maincontent #selection p, #home #maincontent #donor p, #home #maincontent #success p {margin-left: 0;}

/* ie and em, good times */
* html #home #maincontent p {width: 24em;}
*+html #home #maincontent p {width: 24em;}

#view-donors {position:relative;float:right;margin-right:4px; display:none;}
#content #view-donors {
	background:url(../images/css/donor-lookalike.gif) no-repeat 0 0;
	border:1px solid #C7C7C7;
	display:block;
	float:left; 
	height:200px; 
	margin-top: 5px; 
	margin-right: 9px;
	width:308px;
}
* html #view-donors {margin-right:-15px;}

#home #maincontent a.more{/*need the details*/
	display: block;
	width: 130px;
	height: 31px;
	margin-left:60px;
	text-indent: -9999em;
	background: transparent url(../images/btn_clicktolearnmore.gif ) 0 0 no-repeat;
}
#home #maincontent a.more:hover{
    background-position: 0 -30px;
}
#home #maincontent #success a.more{ background-image: url(../images/btn_experienceccb.gif); }
#home #maincontent #selection a.more{ background-image: url(../images/btn_findadonor.gif); }
#home #maincontent #donor a.more{ background-image: url(../images/btn_donorsofthemonth.gif);
}



/*----------------------------------------------------------------------   selection menu    */
#home #selectionmenu{
	height:30px; width:200px;
	position:absolute;
	right:155px; bottom:7px;
	z-index:1000;
}
#home #selectionmenu li{ float: left; margin:0; width:51px; }/*to fix IE whitespace bug*/

#home #selectionmenu a{
	float:left;
	display: inline;
	width: 51px;
	height: 30px;
	margin: 0 0 14px 4px;
	background: url(../images/css/thumbs-slides.gif) 0 0 no-repeat;
	text-indent: -9999em;
	overflow: hidden;
}
* html #home #selectionmenu a { background: transparent url(../images/css/thumbs-slides.gif) 0 0 no-repeat; }
#home #selectionmenu .ui-tabs-selected a {cursor:default;}


#home #selectionmenu #donor-homemenu {background-position:0 0;}
#home #selectionmenu #success-homemenu {background-position:-51px 0;}
#home #selectionmenu #selection-homemenu {background-position:-102px 0;}

#home #selectionmenu a#donor-homemenu.mousedown {background-position:0 -30px;}
#home #selectionmenu a#success-homemenu.mousedown {background-position:-51px -30px;}
#home #selectionmenu a#selection-homemenu.mousedown {background-position:-102px -30px;}

#home #selectionmenu #donor-homemenu:hover {background-position:0 -30px;}
#home #selectionmenu #success-homemenu:hover {background-position:-51px -30px;}
#home #selectionmenu #selection-homemenu:hover {background-position:-102px -30px ;}

#home #selectionmenu .ui-tabs-selected #donor-homemenu {background-position:0 -30px;}
#home #selectionmenu .ui-tabs-selected #success-homemenu {background-position:-51px -30px;}
#home #selectionmenu .ui-tabs-selected #selection-homemenu {background-position:-102px -30px ;}

#home #maincontent ul { margin-left:0px;}
#home #maincontent ul li {margin-bottom:0;}
#home #maincontent .col {float:left; width:220px;}
#home #maincontent .col.first {margin-left:0;}

#home #maincontent .col h3 {color:#7D7E82; font-size:.9em; margin:0; padding:0; }
#home #maincontent .col ul {margin-top:0; margin-left:0;}
* html #home #maincontent .col.first {margin-left:0;}
* html #home #maincontent .col ul, * html #home #maincontent .col ul li {width:165px;}
* html #home #maincontent ul {width:300px;}
* html #home #maincontent ul#selectionmenu {width:200px;}


#home #maincontent a.button, #home #maincontent a.button:link, a.button:visited {
	position:absolute; 
	bottom:0; left:/*465*/610px;
	background:url(../images/css/btn-right.png) no-repeat right top;
	color:#fff;
	display:block;
	float:left;
	font-size:0.8em;
	font-weight:bold;
	height:33px;
	margin:0 6px 15px 0;
	padding-right:10px;
	text-decoration:none;
	text-transform:uppercase;
}
#home #maincontent a.button span {
	background: url(../images/css/btn-left.png) no-repeat;
	display:block;
	line-height:26px;
	padding:2px 0 5px 10px;
	text-indent:0;
}
/* so text would not wrap and bg image would increase accordingly to length of the text */
* html #home #maincontent a.button span {white-space: nowrap;}

#home #maincontent a.button:hover {background-position: bottom right ;}
#home #maincontent a.button:hover span {background-position: bottom left;}

#home #view-donors a.button, #home #view-donors a.button:link, #home #view-donors a.button:visited {bottom:-10px;
left:200px;}

/*-----------------------------------lower homepage-------------------------*/

/*-------------------------------bulletin boards----------------------------*/
#bulletinboards{
    clear: left;
	width: 256px;
	float: left;
	margin: 0px 6px 0 0;
	background: transparent url(../images/bg_cbb_expand.gif) repeat-y;
}
* html #bulletinboards{postion:relative; z-index:100; margin-top:-5px;}

#bulletinboards h2{
	background: transparent url(../images/bg_cbb_top2.gif) 0 0 no-repeat;
	color:#C47660;
	font-size:130%;
	font-weight:normal;
	height: 37px;
	padding: 60px 0 0 26px;
	text-transform:uppercase;
	}

#bulletinboards p{
	position:relative;
	color:#666666;
	font-size:1.2em;
	line-height: 140%;
  margin:-27px 24px 1em 26px;
  padding:0;
	text-align:center;
}
	#bulletinboards ul {
		height:2.5em;
		margin:0 24px 0 26px;
	}
	#bulletinboards li {
		font-size:1.2em;
		text-align:center;
	}
	#bulletinboards #headlines a:link, #bulletinboards #headlines a:visited {
		color:#1d3165;
		font-weight:bold;
		text-decoration:none;
	}
		#bulletinboards #headlines a:hover, #bulletinboards #headlines a:active { color:#1d3165; }


#bulletinboards .more{
	background: #ffffff url(../images/bg_cbb_bottom.gif) bottom left no-repeat;
	display:block;
	height: 36px;
	padding:25px 0 10px 150px;
	font-weight:bold;
	text-transform: uppercase;
	color: #c47660;
	text-decoration: none;
}
#bulletinboards .more:hover{
	color:#CC3333;
}

/*---------------------------recommended by doctors + some find a donor-------------------------*/

#recommendedbydoctors, #findadonor, #returning_users, #openanaccount{
	background: transparent url(../images/bg_recommended_doctor2.jpg) left bottom no-repeat;
	border: 1px solid #d3d4d6;
	float: left;
	/*height: 225px;*/
	margin-top: 5px;
	margin-right: 9px;
    width: 248px;
	/*min-height: 225px;*/
}
#recommendedbydoctors, #returning_users {
	height:200px;
	margin:5px 35px 0 32px;
	width:248px;
}
* html #recommendedbydoctors,* html #returning_users {margin:5px 32px 0 30px;}

#returning_users{background-image: url(../images/bg_baby_left.jpg);}

#findadonor{
	margin-right: 0;
	position: relative;
	background: transparent url(../images/bg_poloroids.gif) 142px 38px no-repeat;
	}
#openanaccount {
	background-image: url(../images/bg_createaccount.jpg);
}
#recommendedbydoctors h2, #findadonor h2, #returning_users h2, #openanaccount h2 {
	width: 248px;
	height: 38px;
	margin-bottom: 11px;
	text-indent: -9999em;
	background: transparent url(../images/h2_recommended.gif ) 0 0 no-repeat;
	}
#returning_users h2 {
    background-image: url(../images/h2_returning_users.gif);
	}
#findadonor h2{	background: transparent url(../images/h2_findadoctor.gif ) 0 0 no-repeat;}
#openanaccount h2 { background-image: url(../images/h2_openanaccount.gif); }

#recommendedbydoctors p, #openanaccount ul, #openanaccount h3 {
	line-height:14px;
	font-size:85%;
    margin: 0px 10px 1em 115px;
	color:#666666;
}
#openanaccount h3 {
	color:#bb585b;
	font-weight:normal;
	font-size:100%;
	margin-right:4px;
}

#recommendedbydoctors .more, #openanaccount .more{
    display: block;
	height: 31px;
	width: 103px;
	margin: 0px 0 40px 115px;
	background: #697D9E url(../images/btn_readmore.gif) 0 0 no-repeat;
	text-indent: -9999em;
	cursor: pointer;
}
#openanaccount .more{ background-image: url(../images/btn_startnow.gif);width:114px; height:35px; }
#openanaccount .more:hover{background-position: 0px -32px;}

#recommendedbydoctors .more:hover{background-position: 0px -30px;}

#returning_users form{
    padding-left: 99px;
}


#returning_users input, #returning_users label, #returning_users p, #returning_users a {
    width: 135px;
	display: block;
	font-size: 85%;
	color: #666666;
	line-height: 15px;
	clear: left;
}
#returning_users input {padding: 2px; width: 131px;  margin-bottom: 8px;	}

#returning_users button{
    margin:6px 0 0 0;
}


/*bg_baby_left.jpg*/

/*---------------------------find a donor-------------------------*/

#findadonor p{
	float:left;
	line-height:15px;
	font-size:85%;
	width:165px;
	margin: 0 0 10px 15px;
	color:#666666;
}
* html #findadonor p{
	margin: 0 0 10px 9px;

}

#findadonor label{    display: none;}

#findadonor a.advancedsearch {
	float: right;
	width: 65px;
	display: block;
	font-size:90%;
	color: #c47660;
	text-align:right;
	margin:87px 16px 0 0;
}
* html #findadonor a.advancedsearch {}

#findadonor a:hover{
	color:#CC3333;
}
#findadonorsearch{
	clear:left;
	margin:0 0px 0 10px;
}
#findadonor legend{
	position: absolute;
	left: -9999em;
	line-height:0;
	text-indent: -9999em;
}
#haircolor, #eyecolor, #ethnicorigin{
	margin-bottom:5px;
	width: 145px;
}
#findadonor button{
	background: url(../images/btn_donor_search.gif) 0 0 no-repeat;

	border: none;
	width: 81px;
	height: 31px;
	text-indent: -9999em;
	cursor: pointer;
	margin: 0 0 0 58px;
}
* html #findadonor button {margin-top:-3px;}
*+html #findadonor button {margin-top:-3px;}

#findadonor button#search_button:hover, #findadonor button#search_button.iehover{background-position: 0px -30px;}