/*------------------------------------------------------------------
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*/
@import url(fontsizes/x-small.css);



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

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

html,body {
	/*part 1 of 100% height hack*/
	height:				100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}

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




 /* General Elements
--------------------------------*/

img {
	display: 			block; /*to avoid IE 3px bug, keep or delete, can be used with .float-left/right*/
	border:				0;
}

 /* Good to have global classes
--------------------------------*/
.floatright {
	float: 				right;
	display:			inline; /*to avoid IE double margin bug*/
}
.floatleft {
	float: 				left;
	display:			inline; /*to avoid IE double margin bug*/
}
.alignright {
	text-align:			right;
}

/*e.g. for accessibility quick links*/
.hide {
	height: 			0;
	width: 				0;
	overflow: 			hidden;
	position: 			absolute;
}


 /* Global Form Elements (appearance only, no layout settings etc)
--------------------------------*/
fieldset {
	margin:				0;
	padding:			0;
	border:				none;
}

select {
	font-size:			11px;
	color:				#464646;
}

.getpleo, .support
{
color:#6B9E00;
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:10px;
}
/* Buttons (not form/submit) */
ul.buttons {
	list-style:			none;
}
ul.buttons li a {
	display:			block;
	width:				79px;
	height:				18px;
	text-indent:		-9999px;
}

ul.browsebuttons {
	list-style:			none;
	width:		138px;
}

ul.browsebuttons li a {
	display:			block;
	float:				right;
	height:				18px;
	text-indent:		-9999px;
}
ul.browsebuttons li a.bookmark {
	float:right;
	width:				103px;
	background:			url(../images/buttons/button_bigcontact_green.gif) no-repeat left top;
}
ul.browsebuttons li a.remove {
	width:				103px;
	background:			url(../images/buttons/button_unbookmark_green.gif) no-repeat left top;
}
/* replaced with 'larger' versions to avoid css problems */ 
/* replaced with 'larger' versions to avoid css problems */ 
ul.buttons li a.contact {
	background:			url(../images/buttons/button_contact.gif) no-repeat left top;
}
ul.buttons li a.contact_green {
	background:			url(../images/buttons/button_contact_green.gif) no-repeat left top;
}
ul.buttons li a.bookmark {
	width:				103px;
	background:			url(../images/buttons/button_bigbookmark.gif) no-repeat left top;
}
ul.buttons li a.bookmark_green {
	background:			url(../images/buttons/button_bookmark_green.gif) no-repeat left top;
}
ul.buttons li a.bigbookmark_green {
	width:				103px;
	background:			url(../images/buttons/button_bigbookmark_green.gif) no-repeat left top;
}
ul.buttons li a.bigbookmark{
	width:				103px;
	background:			url(../images/buttons/button_bigbookmark.gif) no-repeat left top;
}
ul.buttons li a.unbookmark {
	width:				103px;
	background:			url(../images/buttons/button_unbookmark.gif) no-repeat left top;
}
ul.buttons li a.unbookmark_green {
	width:				103px;
	background:			url(../images/buttons/button_unbookmark_green.gif) no-repeat left top;
}
/*ul.buttons li a.remove {
	background:			url(../images/buttons/button_remove.gif) no-repeat left top;
}*/

ul.buttons li a.remove {
	width:				103px;
	background:			url(../images/buttons/button_unbookmark.gif) no-repeat left top;
}
/* something in the dojo files is hard coding the 'remove' button name, so force substitution here. */

ul.buttons li a.visit_forums {
	width:				111px;
	background:			url(../images/buttons/button_visit_forums.gif) no-repeat left top;
}

ul.buttons li a.holiday_pleo {
	width:				154px;
	background:			url(../images/buttons/button_holidaypleo.gif) no-repeat left top;
}

ul.buttons li a.holiday_pleo1_1 {
	width:				140px;
	background:			url(../images/buttons/button_holidaypleo1_1.gif) no-repeat left top;
}

ul.buttons li a.add_to_cart {
	width:				102px;
	background:			url(../images/buttons/button_addpleotocart.gif) no-repeat left top;
}

ul.buttons li a.store_addtocart {
	width:				93px;
	background:			url(../images/buttons/button_store_addtocart.gif) no-repeat left top;
}

ul.buttons li a.store_shopshirts {
	width:				93px;
	background:			url(../images/buttons/button_store_shoptshirts.gif) no-repeat left top;
}

ul.buttons li a.holiday_pleo1_0 {
	width:				190px;
	background:			url(../images/buttons/button_holidaypleo1_0.gif) no-repeat left top;
}

ul.buttons li a.lovestruck_pleo {
	width:				154px;
	background:			url(../images/buttons/button_lovestruck_download.gif) no-repeat left top;
}

ul.buttons li a.pleosaurus {
	width:				130px;
	background:			url(../images/buttons/button_pleosaurus.gif) no-repeat left top;
}

ul.buttons li a.halloweenpleo {
	width:				130px;
	background:			url(../images/buttons/button_halloween.gif) no-repeat left top;
}

ul.buttons li a.watchdoggame {
	width:				180px;
	background:			url(../images/buttons/button_lovestruck1_1_download.gif) no-repeat left top;
}

ul.buttons li a.lovestruck_pleo1_1 {
	width:				158px;
	background:			url(../images/buttons/button_lovestruck1_1_download.gif) no-repeat left top;
}

ul.buttons li a.lovestruck_pleo1_0 {
	width:				213px;
	background:			url(../images/buttons/button_lovestruck1_0_download.gif) no-repeat left top;
}

ul.buttons li a.watchdoggame {
	width:				130px;
	background:			url(../images/buttons/button_watchdoggame.gif) no-repeat left top;
}

ul.buttons li a.assets_pleo {
	width:				161px;
	background:			url(../images/buttons/dl-pleo-assets.gif) no-repeat left top;
}

ul.buttons li a.assets_lifeos {
	width:				161px;
	background:			url(../images/buttons/dl-lifeos-assets.gif) no-repeat left top;
}

ul.buttons li a.assets_ugobe {
	width:				161px;
	background:			url(../images/buttons/dl-ugobe-assets.gif) no-repeat left top;
}

ul.buttons li a.buy_now {
	width:				139px;
	background:			url(../images/buttons/button_buy_now.gif) no-repeat left top;
}
ul.buttons li a.buy_pleo_now {
	width:				110px;
	height: 19px;
	background:			url(../images/buttons/buypleonow-button.gif) no-repeat left top;
}
ul.buttons li a.buy_pleo {
	width:				139px;
	background:			url(../images/buttons/button_buy_pleo.gif) no-repeat left top;
}
ul.buttons li a:hover {
	background-position:0 -18px;
}
ul.browsebuttons li a:hover {
	background-position:0 -18px;
}

 /* MAIN CONTAINER
--------------------------------------------------------------------*/
#container {
	position:			relative;
	width: 				960px;
	padding:			0 0px;
	/*part 2 of 100% height hack*/
	min-height:			708px;
	height: 			708px;
	/*part 2 of centering hack*/
	text-align: 		justify;
	margin: 			0 auto;
	background:			url(../images/main_bg_rpt.gif) repeat-y left top;
}

/*part 3 of 100% height hack*/
html>body #container {
    height: 			auto;
}

 /* #maincontent
--------------------------------------------------------------------*/
#maincontent ul, 
#maincontent ol {

	margin:				0;
	list-style-position:outside;
}





 /* Main Nav Setup
--------------------------------*/

ul.mainnav {
	list-style:			none;
}
#contextual ul.mainnav {
	width: 1px;
	border-bottom:		1px solid #cbcbcb;
}

ul.mainnav li {
	width:	130px;
	margin-bottom:		-1px;
	/* margin-top: -1px; */
	padding-left:		6px;
	font-size:			1.1em;
	line-height:		2.182em; /* 2.182em * 1.1em = 24px */
	border-top:			1px solid #cbcbcb;
	border-bottom:		1px solid #cbcbcb;
}

ul.mainnav li.nav_getpleo {
	font-weight: bold;
	
}
/*
ul.mainnav li a,
ul.mainnav li a:visited {
	display:			block;
	width:				100%;
}
*/
ul.mainnav li a,
ul.mainnav li a:visited {
	display:			inline;
}
ul.mainnav li a.selected {
	color:				#464646;
}

ul.mainnav li.nav_getpleo a {
	color:#6b9f01;
}
ul.mainnav li a.selected:hover {
	text-decoration:	none;
}
#local h1 {
	height:				45px;
	margin-top:			61px;
	margin-left:		5px;
	text-indent:		-9999px;
}
#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;
}

 /* #body - Global elements (works in all columns)
--------------------------------------------------------------------*/
#body {
	background:			#fff;
}


/* Thumbnail videos
--------------------------*/
ul.thumbnail {
	list-style:			none;
}
#contextual ul.thumbnail {
	border-bottom:		1px solid #cbcbcb;
}
ul.thumbnail li {
	margin-bottom:		-1px;
	padding-left:		6px;
	font-size:			1.1em;
	line-height:		2.182em; /* 2.182em * 1.1em = 24px */
	border-top:			1px solid #cbcbcb;
	border-bottom:		1px solid #cbcbcb;

}

ul.thumbnail a,
ul.thumbnail a:visited {
	display:			block;
	width:				100%;
}
ul.thumbnail a.selected {
	color:				#464646;
}
ul.thumbnail a.selected:hover {
	text-decoration:	none;
}

ul.thumbnail li a,
ul.thumbnail li a:visited {
	display:			block;
	width:				100%;
}
ul.thumbnail li a.selected {
	color:				#464646;
}
ul.thumbnail li a.selected:hover {
	text-decoration:	none;
}



/* #body - column layouts
--------------------------------*/
#body #maincontent,
#body #local,
#body #contextual {
	float: 				left;
	display:			inline;
}

#body #maincontent {
	width:				612px;
	
	margin: 0px;
}

#body #local {
	width:				144px;
	margin-left:		-0px;
}

#body #contextual {
	width:				144px;
	margin-left:		-786px;
	
}

.contact_nav {
	position: relative;
	left: -100px;
}



 /* 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;
}
/* 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;
}