/**********************************************************
Name:			contentpage.css
Description:	CSS definitions for all content pages.
				Some pages may have additional / section specific elements which will be define in a separate file.
				See XSL file where the required styles and scripts are included based on the style of the page.
Date:			04/10/2007
Author:			Andrei Vais
**********************************************************/

/*	Start basicpageContent Style rules	*/
/*	Main page copy area	*/
#basicpageContent
{
	clear: both;
	float: left;
	font-size: 85%;
	margin: 0 0 0 3.5%;
	padding: 0 0 0 0;
	display: inline;
	width: 64%;
}

#basicpageContent h1, #basicpageContent h2
{
	color: #21467B;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 155%;
	font-weight: bold;
	line-height: 100%;
	margin: 35px 0 15px 0;
	padding: 0 0 0 0;
}

#basicpageContent h2
{
	font-size: 130%;
	margin: 0 0 0 0;
}

#basicpageContent p {line-height: 140%;}

#historyImages
{
	float: left;
	margin:  20px 0 0 0;
	padding: 0 0 0 0;
	width: 27%;
}

#historyImages img
{
	float: left;
	margin:  0 0 20px 0;
	padding: 0 0 0 0;
	width: 82.5%;
}

#historyDates
{	
	border-left: 1px solid #9A9A9A;
	float: left;
	margin:  20px 0 0 0;
	padding: 0 0 93px 4%;
	width: 68%;
}

#historyDates h3
{
	font-size: 120%;
	margin-top: 0;
}

#historyDates .leftChronologicalDates, #historyDates .rightChronologicalDates
{
	/*border: 1px solid pink;*/
	float: left;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	/*width: 49.8%;*/
	width: 49%;
	
	border-right: 1px solid #666666;	
}

#historyDates .rightChronologicalDates
{
	margin-top: 15px;
	/*margin-top: 30px;*/
	
	border-left: 1px solid #666666;
	border-right: none;
	margin-left: -1px;
}

#historyDates ul.nisaChronology
{
	/*background: #FFFFFF url('../images/history_images/horizLineLeft.gif') center right no-repeat;*/
	float: left;
	margin: 0 0 0 0;
	padding: 0 0 20px 0;
	width: 100%;
}

#historyDates .rightChronologicalDates ul.nisaChronology, #historyDates .leftChronologicalDates ul.nisaChronology {background: #FFFFFF url('../images/history_images/horiz-line.gif') center left no-repeat;}

#historyDates .leftChronologicalDates ul.nisaChronology {background-position:  center right;}

#historyDates ul.nisaChronology li
{
	clear: both;
	float: left;
	list-style-type: none;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	display: inline;
	width: 89%;
}

#historyDates .rightChronologicalDates ul.nisaChronology li {margin-left: 11%;}

#historyDates ul.nisaChronology li.Date
{
	color: #21467B;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 110%;
	font-weight: bold; 
	width: 100%;
}

#historyDates .leftChronologicalDates ul.nisaChronology li img
{
	float: left;
	margin: 3px 15px 10px 0;
	padding: 0 0 0 0;
	display: inline;
}

#historyDates .rightChronologicalDates ul.nisaChronology li img
{
	float: right;
	margin: 3px 0 10px 15px;
	padding: 0 0 0 0;
	display: inline;
}
/*	End of main page copy area	*/

#contactdetails
{
	clear: left;
	float: left;
	margin-right: 2%;
	display: inline;
	width: 38%;
}

#contactdetails p
{
	line-height: 130%;
	margin: 0 0 15px 0;
	padding: 0 0 0 0;
}

#contactdetails .contacttype
{
	float: left;
	font-weight: bold;
	margin-right: 10px;
	display: inline;
	text-align: right;
	width: 70px;
}

#contactdetails .address
{
	text-align: left;
	width: 100%;
}

#allPageContent #CustomerServices, #allPageContent .nisaCompetition, #allPageContent #CompetitionForm 
{
	clear: none;
	float: left;
	width: 52%;
}

#allPageContent #CustomerServices input.button, #allPageContent .nisaCompetition input.button, #allPageContent #CompetitionForm input.button
{
	margin-left: 40%;
	width: 52px;
}

/*	End basicpageContent Style rules	*/

#basicpageContent h2.competitionWinners
{
	float: left;
	margin-top: 20px;
}

#basicpageContent .nisaCompetition, #basicpageContent .competitionWinner
{
	background: url('../images/greydot.gif') bottom repeat-x;
	clear: both;
	float: left;
	margin: 10px 0 10px 0;
	padding: 3px 3px 10px 3px;
	width: 98%;
}

#basicpageContent .nisaCompetition .thumbnail, #basicpageContent .competitionWinner .thumbnail, #basicpageContent .image
{
	clear: none;
	float: left;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	width: 25%;
}

#basicpageContent .image
{
	padding-bottom: 38px;
	width: 15%;
}

#basicpageContent p a
{
	text-decoration: none;
	color: #21467B;
}

#basicpageContent p a:hover {text-decoration: underline;}

#basicpageContent .image {width: 39%;}

#basicpageContent .nisaCompetition .thumbnail img, #basicpageContent .competitionWinner .thumbnail img, #basicpageContent .image img
{
	float: left;
	border: 1px solid #AAB4BF;
	margin: 0 8px 0 0;
	padding: 3px 3px 3px 3px;
	display: inline;
}

#basicpageContent .image img
{
	border-width: 0;
	padding: 0 0 0 0;
}

#basicpageContent .nisaCompetition .thumbnail a:hover img {border-color: #666C73;}

#basicpageContent .nisaCompetition h6, #basicpageContent .competitionWinner h6
{
	
	/*border: 1px solid green;*/
	color: #21467B;
	float: left;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 120%;
	font-weight: normal;
	margin: 2px 0 0 0;
	padding: 0 0 0 0;
	text-align: left;
	width: 60%;
}

#basicpageContent .nisaCompetition .arrows
{
	font-size: 140%;
	line-height: 10%;
}

#basicpageContent .nisaCompetition h6 a
{
	color: #21467B;
	text-decoration: none;
}

#basicpageContent .nisaCompetition h6 a:hover {text-decoration: underline;}

#basicpageContent .nisaCompetition p, #basicpageContent .competitionWinner p
{
	/*border: 1px solid yellow;*/
	float: left;
	font-size: 100%;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	width: 60%;
}

#basicpageContent .competitionWinner ul
{
	display: inline;
	float: left;
	list-style-type: square;
	padding-left: 12px;
	/*width: 60%;*/
}

#basicpageContent .nisaCompetition p.competitiondates
{
	font-size: 90%;
	font-style: italic;
	margin-top: 8px;
}

#basicpageContent .contentImage {border-width: 0;}

#basicpageContent .CompetitionsIntroInstructions {margin-bottom: 40px;}

#basicpageContent .nisaCompetition .thumbnail, #basicpageContent .competitionWinner .thumbnail
{
	padding-bottom: 20px;
	width: 37%;
}

#storeFinderResults
{
	border: 0;
	height: 750px;
	width: 100%;
}

#basicpageContent p.leaflet
{
	float: left;
	width: 100%;
}

#basicpageContent p.leaflet a img
{
	border: 0;
	float: left;
	margin: 5px 10px 20px 0;
}

#basicpageContent p.leaflet a span
{
	float: left;
	margin-top: 4px;
}

#basicpageContent #CompetitionsNote
{
	float: left;
	font-weight: bold;
	width: 100%;
}