/*------------------------------------------------------------------
Company Name /  global.css

Author:			First Last	<@.com>

Methods: 		1. 	CSS FILES ORGANISATION 
					global.css			->	 	global rules
					fontsizes/*.css		->		main measurements files
					home.css			->		rules for homepage
					interior.css		->		rules for interior pages
							
				
				2.	IN THIS CSS FILE:
					General Rules
					Form Elements (appearance settings only)
					#container
					#header
					#logo
					#mainnav
					#body
					global elements for #body	
					column settings for #body						
					#footer
					Workarounds
--------------------------------------------------------------------*/

/* default measurement 1em = 10px*/


 /* GENERAL RULES
--------------------------------------------------------------------*/

* {
	/*overwrite all default browser settings*/
	margin:				0;
	padding:			0;
	
	/*global font settings*/
	font-family: 		arial,helvetica,sans-serif;
}



body {
	background: 		#dddddd;
	padding:			0;
	margin:				0;
	
	/*part 1 of centering hack*/
	text-align: 		center;	
}


 /* Global Link Settings
--------------------------------*/
a {
	color:				#6b9f01;
	text-decoration:	none;
	-moz-outline:		none;
}
a:visited {
	
}
a:hover {
	text-decoration:	underline;
}




 /* MAIN CONTAINER
--------------------------------------------------------------------*/
#container {
    width: 1010px;
  	margin-left: auto;
	margin-right: auto;
    text-align: left;

    }
	
	#productcontainer {
    width: 700px;
    margin: 0 auto;
    text-align: left;

    }

.pagetitle {
	float: none;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #cccccc;
	padding-top: 5px;
	padding-right: 0pt;
	padding-bottom: 20px;
	padding-left: 0;
	margin-top: 6px;
    font-size: 2.5em;
	font-weight: normal;
	color: #ababab;
}


.prodtitle {
	float: none;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #cccccc;
	padding-top: 0px;
	padding-right: 0pt;
	padding-bottom: 20px;
	padding-left: 0;
	margin-top: 6px;
    font-size: 1.5em;
	font-weight: normal;
	color: #ababab;
}

 /* HEADER
--------------------------------------------------------------------*/
#header {
	position:			relative;

	margin:				0 18px;
}

#local h1 {
	height:				45px;
	margin-top:			40px;
	margin-left:		5px;

}
#local h1.header_register {
	width:				170px;
	background:			url(/images/headers/h_register.gif) no-repeat left top;
}
#local h1.header_edit_profile {
	width:				127px;
	height:				84px;
	background:			url(/images/headers/h_edit_profile.gif) no-repeat left top;
}
#local h1.header_view_profile {
	width:				130px;
	height:				84px;
	background:			url(/images/headers/h_view_profile.gif) no-repeat left top;
}
#local h1.header_signin_register {
	width:				144px;
	height:				47px;
	background:			url(/images/headers/h_signin.gif) no-repeat left top;
}
#local h1.header_account_info {
	width:				174px;
	height:				84px;
	background:			url(/images/headers/h_account_info.gif) no-repeat left top;
}
#local h1.header_pleo_profile {
	width:				127px;
	height:				84px;
	background:			url(/images/headers/h_pleo_profile.gif) no-repeat left top;
}
#local h1.header_bookmarks {
	width:				237px;
	height:				36px;
	background:			url(/images/headers/h_bookmarks.gif) no-repeat left top;
}
#local h1.header_browse {
	width:				155px;
	height:				36px;
	background:			url(/images/headers/h_browse.gif) no-repeat left top;
}
#local h1.header_connect {
	width:				252px;
	height:				50px;
	background:			url(/images/headers/h_connect.gif) no-repeat left top;
}
#local h1.header_connect_assets_guidelines {
	width:				252px;
	height:				88px;
	background:			url(/images/headers/h_assets.gif) no-repeat left top;
}
#local h1.header_search_results {
	width:				154px;
	height:				84px;
	background:			url(/images/headers/h_search_results.gif) no-repeat left top;
}
#local h1.header_contact {
	width:				164px;
	height:				36px;
	background:			url(/images/headers/h_contact.gif) no-repeat left top;
}
#local h1.header_news {
	width:				114px;
	height:				36px;
	background:			url(/images/headers/h_news.gif) no-repeat left top;
}
#local h1.header_downloads {
	width:				231px;
	height:				36px;
	background:			url(/images/headers/h_downloads.gif) no-repeat left top;
}
#local h1.header_developers {
	width:				233px;
	height:				45px;
	background:			url(/images/headers/h_developers.gif) no-repeat left top;
}
#local h1.header_discover_pleo {
	width:				179px;
	height:				84px;
	background:			url(/images/headers/h_discover_pleo.gif) no-repeat left top;
}
#local h1.header_send_email {
	width:				111px;
	height:				84px;
	background:			url(/images/headers/h_send_email.gif) no-repeat left top;
}
#local h1.header_get_pleo {
	width:				89px;
	height:				84px;
	background:			url(/images/headers/h_get_pleo.gif) no-repeat left top;
}
#local h1.header_videos {
	width:				114px;
	height:				36px;
	background:			url(/images/headers/h_videos.gif) no-repeat left top;
}
#local h1.header_share {
	width:				122px;
	height:				36px;
	background:			url(/images/headers/h_share.gif) no-repeat left top;
}
#local h1.header_pleoworld {
	width:				179px;
	height:				298px;
	background:			url(/images/headers/h_join_pleoworld.gif) no-repeat left top;
}
#local h1.header_support {
	width:				206px;
	height:				93px;	
	background:			url(/images/headers/h_support.gif) no-repeat left top;
}
#local h1.header_updates {
	width:				220px;
	height:				47px;	
	background:			url(/images/headers/h_updates.gif) no-repeat left top;
}
#local h1.header_thankyou {
	width:				214px;
	height:				45px;	
	background:			url(/images/headers/h_thankyou.gif) no-repeat left top;
}
#local h1.header_inquiries {
	width:				188px;
	height:				45px;	
	background:			url(/images/headers/h_inquiry.gif) no-repeat left top;
}
#local h1.header_faq {
	width:				85px;
	height:				38px;
	background:			url(/images/headers/h_faq.gif) no-repeat left top;
}
#local h1.header_returns {
	width:				159px;
	height:				36px;
	background:			url(/images/headers/h_returns.gif) no-repeat left top;
}
#local h1.header_safety {
	width:				190px;
	height:				45px;
	background:			url(/images/headers/h_safety.gif) no-repeat left top;
}

#local h1.header_resources {
	width:				220px;
	height:				47px;	
	background:			url(/images/headers/h_resources.gif) no-repeat left top;
}


#local h1.header_emotions {
	width:				193px;
	height:				36px;
	background:			url(/images/headers/h_emotions.gif) no-repeat left top;
}
#local h1.header_videos {
	width:				141px;
	height:				35px;
	background:			url(/images/headers/h_videos.gif) no-repeat left top;
}
#local h1.header_evolution {
	width:				185px;
	height:				36px;
	background:			url(/images/headers/h_evolution.gif) no-repeat left top;
}
#local h1.header_training {
	width:				220px;
	height:				47px;
	background:			url(/images/headers/h_interaction.gif) no-repeat left top;
}
#local h1.header_awareness {
	width:				229px;
	height:				36px;
	background:			url(/images/headers/h_awareness.gif) no-repeat left top;
}
#local h1.header_lookinside {
	width:				121px;
	height:				84px;
	background:			url(/images/headers/h_look_inside.gif) no-repeat left top;
}
#local h1.header_getnews {
	width:				170px;
	height:				64px;
	background:			url(/images/headers/h_getnews.gif) no-repeat left top;
}

#local h1.header_whatispleo {
	width:				167px;
	height:				84px;
	background:			url(/images/headers/h_whatispleo.gif) no-repeat left top;
}

#local h1.header_privacy {
	width:				150px;
	height:				94px;
	background:			url(/images/headers/h_privacypolicy.gif) no-repeat left top;
}

#local h1.header_terms {
	width:				187px;
	height:				85px;
	background:			url(/images/headers/h_terms.gif) no-repeat left top;
}

#local h1.header_emaillist {
	width:				111px;
	height:				84px;
	background:			url(/images/headers/h_emaillist.gif) no-repeat left top;
}

#local h1.header_copyright {
	width:				206px;
	height:				46px;
	background:			url(/images/headers/h_copyright.gif) no-repeat left top;
}

#local h1.header_about {
	width:				124px;
	height:				132px;
	background:			url(/images/headers/h_aboutinnvo.gif) no-repeat left top;
}

#local h1.header_thankyou {
	width:				172px;
	height:				37px;
	background:			url(/images/headers/h_thankyou.gif) no-repeat left top;
}

#local h1.header_error {
	width:				106px;
	height:				35px;
	background:			url(/images/headers/h_error.gif) no-repeat left top;
}



 /* FOOTER
--------------------------------------------------------------------*/
#footer {
	clear:				both;
	width: 				960px;
	padding:			12px 24px 24px 24px;
	text-align: 		left;
	margin: 			0 auto;
	/* background:			url(/images/main_bg_footer.gif) no-repeat left bottom; */
}

#footer #address  {
	margin:				0 18px;
	border-top:			1px solid #cbcbcb;
	font-style:			normal;
	display:			block;
}
#footer ul {
	float:				left;
	display:			inline;
	padding:			4px 0 14px 0;
	list-style:			none;
}
#footer ul li {
	display:			inline;
	font-size:			1.1em;
	padding-right:		10px;
}
#footer ul li a {
	color:				#505050;
}
#footer ul li a.selected,
#footer ul li a.selected:hover {
	color:				#000;
	text-decoration:	none;
}
#footer div.copyright {
	float:				right;
}
#footer div.copyright p {
	padding:			4px 0 14px 0;
	font-size:			0.9em;
	color:				#cbc8c8;
}
#footer div.copyright p a {
	color:				#cbc8c8;
}
/* Sign up for news */

#footer div.signup_news {
	padding-bottom:		18px;
}

#footer div.signup_news form p,
#footer div.signup_news form label,
#footer div.signup_news form input {
	float:				left;
	display:			inline;
}
#footer div.signup_news form input.signup {
	margin-top:			1px;
}
#footer div.signup_news form input.text {
	margin-right:		12px;
}
#footer div.signup_news form p {
	font-size:			1.1em;
	padding:			3px 0 0 12px;
}
#footer div.signup_news form label {
	padding:			4px 6px 0 18px;
}

#footer div.signup_news form.error label {
	color:				#ec6910;
}

#footer div.signup_news_conf p {
	margin:				0 18px 18px 18px;
	font-size:			1.1em;
	color:				#505050;
}

 /* CSS Workarounds
--------------------------------------------------------------------*/

 /* clearfix (already applied on #body)
--------------------------------*/
.clearfix:after,#body:after {
    content:		"."; 
    display:		block; 
    height:			0; 
    clear:			both; 
    visibility:		hidden;
}
.clearfix,#body {
	clear:			all;
	display:		inline-block;
}
.clearfix,#body {
	display:		inline-table;
}

/* Hides from IE-mac \*/
.clearfix, #body {
	display:		block;
}

#header #signin li.share {
	border-right:		1px solid #cbcbcb;
}
/* End hide from IE-mac */

ul.checkboxes
{
padding: 0em;
margin: 0em;
}

ul.checkboxes li
{
display: block;
list-style-type: none;
clear: both;
float: none;
height: auto;
overflow: auto;
}

ul.checkboxes li input
{
display: block;
float: left;
}

ul.checkboxes li label
{
display: block;
margin-left: 0.2em;
margin-top: 0.1em;
float: left;
clear: right;
} 


.topnav {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #6B9F01;
	border-right: 1px solid #cbcbcb;
}

.topnav  a:link {color: #6B9F01; text-decoration: none; } 
.topnav  a:visited {color: #6B9F01; text-decoration: none; } 
.topnav  a:hover {color: #6B9F01; text-decoration: underline; } 
.topnav  a:active {color: #6B9F01; text-decoration: none; }

.topnav2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #6B9F01;
}

.topnav2  a:link {color: #6B9F01; text-decoration: none; } 
.topnav2  a:visited {color: #6B9F01; text-decoration: none; } 
.topnav2  a:hover {color: #6B9F01; text-decoration: underline; } 
.topnav2  a:active {color: #6B9F01; text-decoration: none; }