/***
Filename:		contentpage.css
Author:			Andrei Vais
Date:			15/10/2009
Description:	Styling for burmatex content pages
***/

/*	Definitions for general content page	*/
#sectionnav {float: left; text-transform: lowercase; width: 24%;}
#sectionnav li, #sectionnav li a
{
	float: left;
	font-weight: bold;
	padding: 9px 0 7px 0;
	width: 100%;
}

#sectionnav li a
{
	display: inline;
	padding: 3px 0 3px 12%;
	text-decoration: none;
	width: 88%;
}

#sectionnav li ul li {padding: 3px 0;}

#sectionnav li a + ul
{
	display: inline;
	float: left;
	margin: 0 8% 0 12%;
	width: auto;
}

#sectionnav li a + ul li, #sectionnav li a + ul li a {font-weight: normal;}
#sectionnav li a + ul li a {line-height: 110%; padding-left: 15%;}
#sectionnav li a + ul li a:hover, #sectionnav li a + ul li a.currentpage {background-position: 2px 2px; line-height: 110%;}

#content
{
	display: inline;
	float: right;
	min-height: 350px;
	padding: 0 0 0 2.2%;
	width: 73.4%;
}

#content.nosectionnav
{
	border: 0;
	float: left;
	padding-left: 1.5%;
	width: 98%;
}

#content p, #content ul
{
	display: inline;
	float: left;
	line-height: 140%;
	margin: 0 0 9px 0;
	width: 100%;
}

#content ul
{
	margin-left: 1.4%;
	padding-bottom: 10px;
	width: 98.6%;
}

#content ul li
{
	display: inline;
	float: left;
	line-height: 140%;
	margin-top: 5px;
	width: 100%;
}

#content ul li ul {margin: 0; padding: 0;}

#content p strong, #content p.importantnotice {font-weight: bold;}

#content p.importantnotice {font-size: 110%; margin-bottom: 10px;}

#content h3, #content h4
{
	font-size: 120%;
	font-weight: normal;
	float: left;
	margin: 10px 0 5px 0;
	width: 100%;
}

#content div h3.firstContentSubHeader {margin-top: 0; padding: 0;}

#content h4 {font-size: 100%;}

#content .copy_with_inlinebox {float: left; width: 50%;}

#content .inlinebox
{
	display: inline;
	float: right;
	padding: 4px 0.5%;
	width: 45.2%;
}

#content .inlinebox img {float: left;}

#content .inlinebox h3
{
	font-size: 130%;
	font-family: Helvetica, Arial, Sans-Serif;
	font-weight: normal;
	float: left;
	line-height: 135%;
	margin: 14px 0 9px 0;
	text-align: center;
	width: 100%;
}

#content ul.guides
{
	margin-left: 0;
	width: 49%;
}

#content ul li h3
{
	font-size: 140%;
	font-weight: normal;	
}

#content table
{
	border-collapse: collapse;
	float: left;
	margin: 20px 0;
	width: 100%;
}

#content table th, #content table td
{
	border: 1px solid #938B82;
	border-width: 0 0 1px 0;
	line-height: 140%;
	padding: 4px 7px;
}

#content table th {font-weight: bold;}
#content table th + th, #content table td + td {border-width: 0 0 1px 1px;}
#content table .lastrow th, #content table .lastrow td {border-bottom: 0;}

#content .imagespacer
{
	border-top: 3px solid #FFFFFF;
	border-bottom: 6px solid #FFFFFF;
	float: left;
	margin-bottom: 40px;
}

#content .french {margin-bottom: 76px;}
#content .italian {margin-bottom: 58px;}
#content .polish {margin-bottom: 58px;}
#content .spanish {margin-bottom: 58px;}
/*	End of definitions for general content page	*/

/*	Definitions for contact page - address definitions	*/
#contacts, #contacts .vcard, #pagecontent .FormPosted {float: left; width: 49%;}

#contacts .vcard {width: 48%;}

#contacts #burmatex_polandoffice {float: right;}

#contacts .vcard span, #contacts .vcard div {float: left; width: 100%;}

#contacts .vcard span, #contacts .contactgroup h3, #contacts p {padding-bottom: 6px;}

#contacts .vcard div div {line-height: 145%; padding-bottom: 3px;}

#contacts .vcard .org {font-size: 110%;	font-weight: bold;}

#contacts .vcard .contactgroup {float: left; margin: 25px 0 -6px 0;}

#contacts .contactgroup h3 img {float: left; margin: 1px 6px 0 0;}

#contacts .contactgroup .tel {margin: 0; padding: 0; line-height: 100%;}

#contacts .contactgroup span {width: 20%; text-transform: lowercase;}

#contacts a {text-decoration: underline;}
/*	End of definitions for address definitions on contact page	*/

/*	Definitions for contact page - contact form	*/
#pagecontent form, #pagecontent .FormResponse, #pagecontent .PostedFormResponse
{
	display: inline;
	float: right;
	padding-left: 1%;
	width: 49%;
}

#pagecontent .FormResponse, #pagecontent .PostedFormResponse {min-height: 600px; padding-top: 43px;}
#pagecontent .PostedFormResponse {min-height: 660px;}

#pagecontent form .message {margin-bottom: -15px;}
#pagecontent form .message p {padding-top: 11px; height: 29px;}

#pagecontent form fieldset
{
	float: right;
	padding: 5px 0 10px 0;
	width: 92%;
}

#pagecontent form fieldset h3
{
	color: #938B82;
	font-weight: bold;
	padding: 0 0 6px 0;
}

#pagecontent form fieldset legend {display: none;}

#pagecontent form fieldset .formfieldoptions
{
	display: inline;
	float: left;
	padding: 12px 0;
	width: 100%;
}

#pagecontent form fieldset p
{
	display: inline;
	float: right;
	margin: 5px 0;
	width: 100%;
}

#pagecontent form fieldset .formfieldoptions label, #pagecontent form fieldset label
{
	display: inline;
	float: left;
	font-weight: bold;
	margin: 3px 2% 0 0;
	padding-bottom: 2px;
	text-align: right;
	width: 20%;
}

#pagecontent form fieldset .formfieldoptions label {clear: left; margin-top: 5px; width: 28%;}
#pagecontent form fieldset .formfieldoptions input.radiobutton {margin-top: 3px; margin-bottom: 5px;}

#pagecontent form fieldset p label {margin: 6px 2.8% 0 0; text-transform: lowercase; width: 28%;}

#pagecontent form fieldset p input, #pagecontent form fieldset p textarea {float: left; width: 63.5%;}
#pagecontent form fieldset p textarea {height: 86px;}

#pagecontent form fieldset p input.button
{
	background: #E8EAE3;
	border: 1px solid #938B82;
	color: #77786c;
	cursor: pointer;
	display: inline;
	float: right;
	letter-spacing: -1px;
	margin-right: 4.3%;
	padding: 0 10px 3px 8px;
	text-decoration: none;
	white-space: nowrap;
	width: auto;
}

/*	Style rules for form validation	*/
#pagecontent form input.disabled {border: 1px solid #F2F2F2; background-color: #F2F2F2;}

#pagecontent form input.required, #pagecontent form textarea.required {border: 1px solid #00A8E6; width: 64.5%;}

#pagecontent form input.validation-failed, #pagecontent form textarea.validation-failed {border: 1px solid #FF3300; color: #FF3300;}

#pagecontent form input.validation-passed, #pagecontent form textarea.validation-passed {border: 1px solid #00CC00; color: #000000;}

#pagecontent form .validation-advice 
{
	border: 1px dashed #FF3300;
	color: inherit;
	display: block;
	float: right;
	font-size: 85%;
	font-weight: bold;
	height: auto;
	margin: 5px 4.3% 5px 0;
	padding: 5px 1%;
	text-transform: lowercase;
	width: 62%;
}
/*	End of definitions for form validation	*/
/*	End of definitions for contact form	on contact page	*/


/*	Definitions for sales area map page	*/
#salesarea_contacts, #SpecialEventsRegistration {float: left; width: 28%;}

#content.salesareamap, #content.specialevents {width: 69.4%;}

#salesarea_contacts .salescontacts {float: left; margin-bottom: 20px; min-height: 250px; width: 100%;}

#salesarea_contacts .vcard, #salesarea_contacts .vcard div, #salesarea_contacts a, #salesarea_contacts .vcard h3
{
	display: inline;
	float:left;
	padding-bottom: 30px;
	width: 100%;
}

#salesarea_contacts .vcard div, #salesarea_contacts .vcard a, #salesarea_contacts .vcard h3 {padding-bottom: 5px;}

#salesarea_contacts .vcard div.fn {font-size: 110%;	font-weight: bold;}

#salesarea_contacts .contactgroup h3 {color: #938B82; font-weight: normal;}

#salesarea_contacts .contactgroup div.fn {font-size: 100%;	font-weight: normal;}

#salesarea_contacts .vcard span
{
	color: #938B82;
	float: left;
	width: 50px;
}

#salesarea_contacts .vcard span.value, #salesarea_contacts a {width: auto;}

#content.salesareamap .message {float: left; text-transform: lowercase; width: 86%;}

#content.salesareamap .message p {padding-top: 11px; height: 29px; margin-left: 10%; width: 84%;}

#content.salesareamap .message p.multilinemessage {height: 35px; padding-top: 5px;}

#salesarea_contacts #worldmap {display: inline; float: left; margin-top: 15px; padding-bottom: 30px;}

#content.salesareamap #worldmap, #content.salesareamap #ukmap {display: inline; float: left; margin: -16px 0 0 105px; padding-bottom: 30px;}

#content.salesareamap #worldmap {margin: 20px 0 0 38px; padding-bottom: 210px;}
/*	End of definitions for sales area map page	*/


/*	Definitions for special events page	*/
#pagecontent #SpecialEventsRegistration
{
	display: inline;
	float: left;
	padding: 0;
	width: 28%;
}

#pagecontent #SpecialEventsRegistration p
{
	display: inline;
	float: left;
	line-height: 140%;
	margin: 0 0 9px 0;
	width: 100%;
}

#pagecontent #SpecialEventsRegistration p span
{
	color: #005395;
	display: block;
	/*float: left;*/
	line-height: 140%;
	/*font-size: 185%;*/
	font-weight: normal;
	text-transform: lowercase;
	margin: -1px 0 11px 0;
	width: 100%;
}

#pagecontent #SpecialEventsRegistration fieldset {float: left; margin-top: 11px; width: 100%;}
#pagecontent #SpecialEventsRegistration p label {width: 32%;}
#pagecontent #SpecialEventsRegistration fieldset p input, #pagecontent #SpecialEventsRegistration fieldset p textarea {width: 58.5%;}
#pagecontent #SpecialEventsRegistration fieldset p input.button {margin-right: 5%; width: auto;}

#pagecontent #SpecialEventsRegistration fieldset p input.required, #pagecontent #SpecialEventsRegistration fieldset p textarea.required {width: 60%;}

#pagecontent #SpecialEventsRegistration .validation-advice {margin-right: 5%; width: 57.5%;}

#imagemontage
{
	display: inline;
	float: left;
	padding: 0 0 1.4% 1.4%;
	width: 98.6%;
}

#imagemontage a, #imagemontage a img, #imagemontage span {float: left;}
#imagemontage span {width: 66%;}
#imagemontage a {margin: 10px 10px 0 0;}
#imagemontage a img {border: 1px solid #FFFFFF;}
/*	End of definitions for special events page	*/


/*	Definitions for image library page	*/
#content .copy_with_inlinebox img, #content .copy_with_inlinebox .shotinfo
{
	float: left;
	padding-bottom: 10px;
	width: 100%;
}

#content .copy_with_inlinebox .hide {display: none;}
#content .copy_with_inlinebox .current {display: block;}

#content .copy_with_inlinebox h3
{
	float: left;
	font-size: 120%;
	padding: 10px 0;
	text-transform: lowercase;
	width: 100%;
}

#content ul.AvailableDownloads
{
	float: left;
	padding-bottom: 20px;
	width: 100%;
}

#content ul.AvailableDownloads li
{
	background: transparent url(../Images/navitemarrow.gif) no-repeat scroll left center;
	float: left;
	padding: 0 0 0 3%;
	width: 96%;
}

#content ul.AvailableDownloads li a {color: #005395; float: left;}
#content ul.AvailableDownloads li span
{
	font-size: 85%;
	font-style: italic;
	float: left;
	padding-top: 2px;
}

#content #libraryshots
{
	display: inline;
	float: right;
	padding: 24px 0 0 3%;
	width: 42.5%;
}

#content #libraryshots li
{
	display: inline;
	float: left;
	padding: 2%;
	width: 100%;
}

#content #libraryshots li a
{
	border: 1px solid #E7E6D6;
	float: left;
	text-decoration: none;
	text-transform: lowercase;
	width: 98%;
}

#content #libraryshots li a span
{
	display: inline;
	line-height: 160%;
	font-size: 120%;
	font-weight: bold;
	float: right;
	height: 100px;
	padding: 2% 1% 2% 2%;
	width: 43%;
}

#content #libraryshots li a img {border: 5px solid #FFFFFF;	float: left;}

#content #libraryshots li a:hover span, #content #libraryshots li a.current span {color: #FFFFFF;}
/*	End of definitions for image library page	*/

/*	Definitions for news pages	*/
#content .news {width: 100%;}

#content .newsheadlines {margin-left: 0.4%;}

#content .newsheadlines li {padding-bottom: 20px;}

#content .newsheadlines a, #content .newsheadlines span {float: left; width: 100%;}

#content .newsheadlines a {padding-bottom: 5px; text-transform: lowercase;}

#content .newsheadlines span {line-height: 140%;}
/*	End of definitions for news pages	*/

/* Site Map */
#pagecontent ul#SiteMap li ul
{
	color: #005395;
	list-style: none;
	height: 150px;
	margin: 8px 0 8px 15px;
}

#pagecontent ul#SiteMap li
{
	display: inline;	
	float: left;
	padding: 4px 1% 4px 0;
	vertical-align: middle;
	width: 32%;
}

#pagecontent ul#SiteMap li a
{
	color: #005395;
	float: left;
	font-weight: bold;
	padding-bottom: 1px;
	text-decoration: none;
	text-transform: lowercase;
	width: 100%;
}

#pagecontent ul#SiteMap li ul, #pagecontent ul#SiteMap li ul li {width: 100%;}

#pagecontent ul#SiteMap li ul.Images, #pagecontent ul#SiteMap li ul.Images li ul {height: auto;}
#pagecontent ul#SiteMap li ul.News, #pagecontent ul#SiteMap li ul.SalesAreaMap {height: 70px;}

#pagecontent ul#SiteMap li ul li a {font-weight: normal;}

/* Search Results */
#pagecontent ul.searchresults
{
	padding: 0 0 0 3%;
	width: 100%;
}

#pagecontent ul.searchresults li
{
	background: transparent url(../Images/navitemarrow.gif) no-repeat scroll left center;
	clear: left;
	float: left;
	margin: 0 0 15px 0;
	padding: 0 0 0 1%;
	width: 100%;
}

#pagecontent ul.searchresults li span {float: left;}

#pagecontent ul.searchresults li a
{
	color: #005395;
	float: left;
	text-transform: lowercase;
	width: 50%;
}