/*	
	typography.css
	-	Typography for Glebe website

******************************************************************************/

html{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 72.5%;
	color: #585858;
}
body{
	font-size: 1em;
}

/* @group Headings */

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

h1, h2, h3, h4{
	font-weight: normal;
	color: #000;
	padding-bottom: 10px;
}
h2{
	font-size: 1.9em;
}
h2 span,
h3 span{
	font-style: italic;
	font-size: .9em;
}
#primary h2{
	padding-bottom: 15px;
	margin-bottom: 15px;
	background: url('/images/hom/common/bg_shadow_blue.gif') repeat-x bottom left;
}
#primary .intro h2	{
	color: #585858;
	font-size: 1.8em;
	line-height: 1.2em;	
	margin-bottom: 0;
	background: none;
}

h3{
	font-size: 1.4em;
	padding-bottom: 17px;
	margin-bottom: 10px;
	background: url('/images/hom/common/bg_shadow_blue.gif') repeat-x bottom left;	
}
h3.simple{
	color: #27A4BC;
	padding-bottom: 0;
	margin-bottom: 0;
	font-weight: bold;
	font-size: 1.2em;
	background: none;
}
h3.simple.withMargin{
	margin-bottom: 25px;
}
#primary ul.results h3{
	font-size: 1.2em;
	font-weight: bold;
	font-style: normal;
	margin-bottom: 5px;
	padding-bottom: 0;
	background: none;
}

h4{
	font-size: 1.1em;
	font-weight: bold;
	color: #585858;
}
h4 span{
	font-weight: normal;
}
h4.occupation{
	font-size: 1.1em;
	font-weight: bold;
	line-height: 1.6em;
	margin-bottom: 25px;
}
h4.noMargin{
	margin-bottom: -7px;
}
h4.topMargin{
	margin-top: 30px;
}
.img_holder h4{
	width: 233px;
	color: #fff;
	text-align: left;
	line-height: 1.3em;
	margin: -3px 0 0 0;
	padding: 7px;	
	font-style: italic;
	font-weight: normal;
	background: #27A4BC;
}
.img_holder.with_caption h4{
	color: #000;
	padding: 15px 0 0 0;
	/*background: url('/img/common/bg_shadow_blue.gif') repeat-x top left;*/
}
 /*.img_holder.with_caption h4			{	background: url('/images/hom/common/bg_shadow_simple.gif') repeat-x top;	}*/
.img_holder.with_caption h4			{	background: none;	}
.img_holder.objectMain.with_caption h4			{	background: none;	}
.img_holder.with_caption h4.right	{	text-align: right;	}

ul.recommended h4{
	clear: left;
	margin-top: 2px;
}

.layout_e #listings h1{

	width: 705px;
}

/*	The logo ----------------------------------------------------------------*/

#header h1{
	width: 276px;
	height: 84px;
}
#header h1 a{
	display: block;
	height: 84px;
	text-indent: -999em;
	/*background: url('/images/hom/common/logo.png') no-repeat top left;*/
	background: url('/images/hom/common/logo-bought-to-life.png') no-repeat top left;
}



/* @end */

/* @group Paragraphs */

/*	Paragraphs 		---------------------------------------------------------*/

p{
	font-size: 1.1em;
	line-height: 1.4em;
	margin-bottom: 20px;
}
.col p			{	margin-bottom: 10px;}
li.thumbInstructions{
	float: left;
	clear: left;
	width: 515px;
	margin: 0;
	color: #000;
	font-style: italic;
	font-size: .9em;
}
#steps p.thumbInstructions{
	float: left;
	width: 285px;
	font-size: .9em;
}
p.noMargin,
#searchbar p,
.resultsNav p	{	margin-bottom: 0;	}

p.noTopMargin{
	margin-top: 0;
}
.img_holder p{
	text-align: left;
	font-style: italic;
	margin: 0;
}

p.note			{	font-size: .9em;	}
p.action{
	padding: 5px;
	margin-bottom: 0;
	text-align: left;
	font-size: 1em;
	background: #143e4e;
}
#primary ul.thumbs p	{
	float: left;
	margin-bottom: 0;
}

#searchbar form p{
	width: 165px;
}
#secondary form p.button{
	margin: -10px 0 10px 0;
	padding: 0;
}
#secondary form p{
	margin: 0 0 0 0;
	padding: 0;
}
#searchPageBar p{
	float: left;
	line-height: 30px;
}
#searchPageBar span.advancedSearch{
	font-size: 1.1em;
	margin-left: 5px;
	padding-left: 5px;
}
span.caps{
	text-transform: uppercase;
}
#primary ul.results li p{
	margin: 0 0 0 0;
}
#primary div.fundedby p{
	padding: 0;
	margin: 0 0 5px 0;
}

p.read-more{
	margin: -15px 0 20px 0;
}

/* @end */

/* @group List */

ul{
	list-style: none;
	font-size: 1em;
}
li{
	line-height: 1.4em;
}
.col ul{
	/*float: left;*/	
	margin-bottom: 0;
}
.col ul.links li{
	float: left;
	margin-right: 10px;
}
.row ul.links{
	float: left;
	margin: 0;
}
.row ul.links.grey a,
ul.keywords,
.col ul{
	font-size: 1.1em;
}
.col ul p,
.col ul h4{
	font-size: .95em;
}
ul.glossary,
ul.keywords{
	float: left;
}
ul.glossary{
	width: 100%;
	margin-bottom: 15px;
}
ul.keywords{
	width: 515px;
	margin-bottom: 25px;
}
ul.glossary li,
ul.keywords li{
	float: left;
}
ul.glossary li{
	line-height: 1.3em;
	margin-right: 15px;
}
#primary ul.results li{
	margin: 15px 0 20px 0;
}
ul.keywords li{
	margin-right: 10px;
}
.row.results ul.thumbs{
	position: relative;
	min-height: 175px;
}
ul.thumbs li					{
	min-height: 175px;
	position: relative;
	margin-bottom: 15px;
}
ul.thumbs.objectResults li{
	margin-bottom: 35px;
}
ul.objectThumbs					{	
	float: left;
	margin: 0;
	width: 515px;
}
ul.objectThumbs li{
	float: left;
	margin: 0;
}

ul.noMargin					{	margin-bottom: 0;	}

#steps ul.objectThumbs					{	
	float: left;
	width: 252px;
	margin: 0 0 0 0;
}
#steps ul.objectThumbs li		{
	float: left;	
	position: relative;
	width: 78px;
	margin: 0 8px 0 0;
}
#steps ul.objectThumbs li img	{
	padding: 0;
	margin: 0;
}
#steps ul.objectThumbs li span	{	
	position: absolute;
	top: 0;
	left: 0;
	padding: 4px;
	color: #fff;
	font-weight: bold;
	background: #00B0D8;
}

#steps ul.objectThumbs li.prev,
#steps ul.objectThumbs li.next{
	width: 12px;
	height: 43px;
	margin: 0 6px 0 0;
}
#steps ul.objectThumbs li.prev a	{	background-image: url('/images/hom/common/btn_prev.gif');}
#steps ul.objectThumbs li.next a	{	background-image: url('/images/hom/common/btn_next.gif');}

#steps ul.objectThumbs			{	width: 285px;	}
#steps ul.objectThumbs li.next	{	float: right;	}
ul.objectThumbs li.last,
#steps ul.objectThumbs li.last	{	margin-right: 0;}

ul.recommended{
	margin-top: 10px;
}

ul.thumbs li .item{
	position: absolute;
	bottom: 0;
	padding-bottom: 3px;
}


/*	Definition lists		-------------------------------------------------*/

dl dt,
dl dd{
	font-size: 1.1em;
	margin-bottom: 0;
	line-height: 1.5em;	
}
dl dt{
	float: left;
	font-weight: bold;
	margin-right: 5px;	
}

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



/* @end */

/* @group Links and buttons */

/*	Links and buttons -------------------------------------------------------*/

a{
	color: #333333;
}
button{
	font-family: Arial, Helvetica, sans-serif;
	height: 28px;
	padding: 0;
	font-size: 1em;
	border: none;
	background: none;
	cursor: pointer;
}
#secondary button	{	
	margin-top: 0;
}
#searchbar button	{
	float: right;
	width: 55px;
}

#primary a,
button span{
	color: #1E7B93;
	text-decoration: underline;	
	font-style: italic;
}

#primary div.fundedby a{
	padding: 0;
	background: 0;
}
button span		{
	display: block;
	padding: 0 10px 0 0;
	line-height: 1.2em;
	height: 1.2em;
}
#searchObjects button{
	font-size: 1em;
	width: 98px;
	padding: 0;
	text-align: left;
}
#secondary p.button{
	margin-top: 0;
}
#secondary p.button button{
	margin-top: 0;
	padding-top: 0;
	font-size: 1em;
	line-height: 1em;
}
#secondary p.button button span		{
	line-height: 1em;
}
#primary #selects.t-and-t p.button,
#primary #selects.t-and-t p.button button{
	margin: 0;
	padding: 0;
}
#primary #selects.t-and-t p.button button span{
	margin-top: -3px;
}
#primary a:hover,
button:hover span{
	color: #000;
}
#primary a.smoothbox		{	
	padding-right: 10px;
	margin-right: 5px;
	background: url('/images/hom/common/ico_definition_blue.gif') no-repeat top right;
}
#primary a.smoothbox:hover	{	background-image: url('/images/hom/common/ico_definition_black.gif');}
#primary ul.thumbs a,
#primary ul.links a{
	color: #585858;
	background-position: top right;
}
#primary ul.links.regular a{
	color: #1E7B93;
}
#primary ul.thumbs a:hover,
#primary ul.links a:hover{
	color: #000;
}

#primary p.action a{
	font-weight: bold;
	font-style: normal;
	color: #fff;
	padding-right: 10px;
	text-decoration: none;
	background-position: top right;
	background-repeat: no-repeat;
	background-image: url('/images/hom/common/arrow_white.gif');
}
#primary p.action a:hover{
	color: #fff;
	text-decoration: underline;
	background-image: url('/images/hom/common/arrow_white.gif');
}
#primary a img{
	border: 0;
	padding-right: 0;
}
#primary ul.objectThumbs a{
	padding: 0;
	border: 0;	
	background: none;
}

#steps ul.objectThumbs li.prev a,
#steps ul.objectThumbs li.next a{
	display: block;
	width: 12px;
	height: 43px;
	text-indent: -999em;
	background-position: top left;
	background-repeat: no-repeat;
}
#steps ul.objectThumbs li.prev a:hover,
#steps ul.objectThumbs li.next a:hover{
	background-position: bottom left;
}
/*#steps ul.objectThumbs li.prev a	{	background-image: url('/images/hom/common/btn_prev.gif');}
#steps ul.objectThumbs li.next a	{	background-image: url('/images/hom/common/btn_next.gif');}*/

#primary ul.results a{
	font-style: normal;
	background: none;
}
#primary ul.results p a{
	font-style: italic;	
	text-decoration: none;
}
p#breadCrumbs a			{	color: #585858;	}
p#breadCrumbs a:hover	{	color: #00B0D8;	}

/*	Pagingation module text and links -------------------------------------*/	

#primary p.pagination a			{	color: #333;	}
#primary p.pagination a:hover,
#primary p.pagination a.active	{	color: #1E7B93;	}
#primary p.pagination a.prev{
	padding: 0 0 0 7px;
	background-position: top left;
}
#primary p.pagination a.viewall			{	color: #1E7B93;	}
#primary p.pagination a.viewall:hover	{	color: #000;	}

#primary span.pageNumbers a{
	padding: 0;
	text-decoration: underline;
	background: none;
}
#primary p.pagination a.active	{	text-decoration: none; }

#primary ul.results li a:hover{
	background: none;
}
/*	Alphabet links for Glossary page -------------------------------------*/	

ul.alphabetLinks{
	float: left;
	width: 705px;
	padding-bottom: 10px;
	margin-bottom: 0;
	border-bottom: 0;
}
ul.alphabetLinks.top	{	
	border-top:  none;
	border-bottom: 1px solid #1E7B93;
}
ul.alphabetLinks.bottom	{
	padding-top: 10px;	
	border-bottom: none;
	border-top: 1px solid #1E7B93;	
}
ul.alphabetLinks li{
	float: left;
	font-size: .9em;
	margin-right: 2px;
}
ul.alphabetLinks li.last{
	margin-right: 0;
}
#primary ul.alphabetLinks li a{
	display: block;
	padding: 3px 5px;
	cursor: pointer;
	color: #fff;
	width: 7px;
	border: 1px solid #27A4BC;
	background: #27A4BC;
}
#primary ul.alphabetLinks li a:hover	{
	color: #fff;
	background: #000;
}
#primary ul.alphabetLinks li.active a	{
	color: #1E7B93;
	background: #fff;
}



/* @end */

/* @group Form elements */

/*	Form elements ---------------------------------------------------------*/
#secondary form{
	float: left;
}
#searchbar form{
	float: left;
	height: 28px;
	width: 165px;
	line-height: 28px;
}

input.text{
	width: 100px;
	height: 14px;
	padding: 3px;
	border: 1px solid #999;
}
#searchbar input.text{
	float: left;
	margin: 3px 0 0 0;
}
form.narrow input.text{
	float: left;
	width: 159px;
}
select{
	width: 164px;
	padding: 3px;
	background: #eee;
	border: 1px solid #B3B3B3;
}
#secondary label{
	display: block;
	color: #1E7B93;
	margin: 0 0 5px 0;
}
#secondary select	{
	margin-bottom: 10px;
	font-size: .8em;
	height: 2em;
}
.resultsNav select	{
	width: 50px;
}
#selects select{
	width: 140px;
}


/* @end */

/* @group Images */

/*	Images and image holders ----------------------------------------------*/

img{
	float: left;
	margin: 0 15px 15px 0;
	padding-bottom: 3px;
	background: url('/images/hom/common/shadow.jpg') repeat-x bottom;
}
.col img{
	margin: 0;
	padding: 0;

}
.img_holder{
	float: left;
	text-align: center;
	margin-bottom: 10px;
	background: #ccc url('/images/hom/common/img_holder_gray.jpg') repeat-x bottom;
}
.img_holder.object{
	padding-bottom: 3px;
	background: url('/images/hom/common/shadow.jpg') repeat-x bottom;
}
.quarter .img_holder{
	width: 122px;
}
.img_holder.with_caption{
	margin: 5px 0 10px 0;
	background: #fff;
}
.img_holder.with_caption.noMargin{
	margin: 0 0 0 0;
	background: #fff;
}
.img_holder.with_caption.floated{
	margin-right: 20px;
}
.img_holder img{
	float: none;
	padding-bottom: 0;
	margin: 0 auto;
}
.img_holder.with_caption.objectMain{
	width: 515px;
	background: #ccc url('/images/hom/common/img_holder_gray_objectMain.jpg') no-repeat bottom;
}
.img_holder.objectMain img{
	background: #ccc url('/images/hom/common/img_holder_gray.jpg') repeat-x bottom;
}

.col .objectThumbs img{
	padding-bottom: 3px;
	background: url('/images/hom/common/shadow.jpg') repeat-x bottom;	
}
img.stars{
	margin-top: 15px;
	padding-right: 80px;
	background: none;
}
#steps ul.objectThumbs li img		{	
	width: 78px;
	margin-right: 0;
}



/* @end */

/* @group Add to collection */

/*	Add to collection labels including links	*/

p.save,
p.added{
	font-size: .9em;
	font-style: normal;
	margin-top: 7px;
	padding-left: 15px;
	background: url('/images/hom/common/save_icon.gif') no-repeat left;
}
p.added{
	font-style: italic;
	background: url('/images/hom/common/added_icon.gif') no-repeat left;
}
#primary p.save a{
	color: #585858;
	font-style: normal;
}

#primary p.save a:hover{
	color: #000;
	text-decoration: underline;
}

input.ugc-button{
	border: none;
	text-align: left;
	height: 27px;	
	cursor: pointer;
	overflow: visible;
}
input.ugc-button.blue{
	color: #fff;
	padding: 1px 25px 6px 5px;	
	background: url('/sicknessandhealth/img/common/btn-blue-generic.gif') no-repeat top right;
}
input.ugc-button.grey{
	color: #fff;
	padding: 1px 5px 6px 20px;	
	background: url('/sicknessandhealth/img/common/btn-grey-generic.gif') no-repeat top left;
}
input.ugc-button.right{
	float: right;
}
input.ugc-button.left{
	float: left;
}
/*input.ugc-button.blue:hover	{	background-position: bottom right;	}
input.ugc-button.grey:hover	{	color: #858585;background-position: bottom left;	}*/


/* @end */