/************* CSS RESET ***************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; background: transparent;
}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
:focus {outline: 0;} /* remember to define focus styles! */
ins {text-decoration: none;} /* remember to highlight inserts somehow! */
del {text-decoration: line-through;}
table {border-collapse: collapse; border-spacing: 0;} /* tables still need 'cellspacing="0"' in the markup */




/************* GLOBAL ***************/
html								{height: 100%;}
body								{height: 100%; background: #f2eeeb; font-family: "Lucida Sans Unicode", "Lucida Grande", Arial, Verdana, "Bitstream Vera Sans", sans-serif; color: #333333; font-size: 12px;}
a									{color: #d81e05; text-decoration: none; cursor: pointer;}
a:hover								{text-decoration: underline;}
a.active 							{color: #d81e05 !important; cursor: default;}
input, select, textarea				{border: 1px solid #cccccc; font-family: "Lucida Sans Unicode", "Lucida Grande", Arial, Verdana, "Bitstream Vera Sans", sans-serif;}
h1, h2, h3, h4, h5, h6				{padding: 0 20px 20px 20px; font-weight: normal;}
p									{padding: 0 20px 20px 20px; font-weight: normal; line-height: 16px;}

#flashBackground					{position: fixed; top: 0; left: 0; width: 100%; min-height: 100%; z-index: -2; background-attachment: fixed;}
#pageContainer						{position: absolute; top: 0; left: 0; width: 100%; min-height: 100%; z-index: 0;}
#pageAlign							{position: relative; width: 930px; margin: 0 auto; padding: 0 20px 0 20px; z-index: -1;}
	
/* CONTENT */
#contentContainer								{position: relative;}
	/* global blocks */
	.leftColumn									{float: left; position: fixed; top: 0; width: 200px; min-height: 600px; height: 100%;}
	.rightColumn								{float: right; position: relative; width: 695px; padding: 150px 0 0 0;}
	.rightMainColumn							{float: left; width: 460px; position:relative;}
	.contentBlock								{width: 460px; padding: 20px 0 0 0; margin: 0 0 10px 0; background-color: #FFFFFF; overflow: hidden;}
	.contentBlock h3							{line-height: 16px;}
	.sameBlock									{margin: 0 0 5px 0;}
	.centerElement								{width: 420px; margin: 0 auto; display: block; padding: 0 0 20px 0;}
	.rightSupportColumn							{float: right; width: 225px;}
	.rightSupportColumn .contentBlock			{width: 225px; padding: 20px 0 0 0; margin: 0 0 10px 0;}
	.rightSupportColumn .centerElement			{width: 185px; margin: 0 auto; display: block; padding: 0 0 20px 0;}
	.rightSupportColumn .highlightBlock			{padding: 0;}
	.rightSupportColumn .highlightBlock img		{display: block;}
	.individualBlock							{width: 225px; padding: 20px 0 0 0; margin: 0 0 10px 0; background-color: #FFFFFF;}
	.individualBlock .centerElement				{width: 185px; margin: 0 auto; display: block; padding: 0 0 20px 0;}
	.fullWidthBlock								{width: 695px; position:relative;}
	.fullWidthBlock .clear 						{font-size:1px; height:0; overflow: hidden;}
	.errorBlock									{border: 6px solid #d81e05; width: 448px;}
	.centerBlock								{margin: 0 0 0 10px;}
	
	/* separators */
	.dashedGreySeparator						{clear: both; width: 100%; display: inline-block; height: 1px; border-bottom: 1px dashed #cccccc; margin: 0px 0px 20px 0px;}
	.dashedGreySeparator hr						{display: none;}
	.dashedWhiteSeparator						{clear: both; width: 100%; display: inline-block; height: 1px; border-bottom: 1px dashed #ffffff; margin: 0px 0px 20px 0px;}
	.dashedWhiteSeparator hr					{display: none;}
	.zippySeparator								{clear: both; width: 100%; display: inline-block; height: 4px; margin: 0px 0px 20px 0px; background: url('../images/global/horizontalZippySeparator.gif') repeat-x;}
	.zippySeparator hr							{display: none;}
	
	/* gateway kidstore */
	.gatewayKidstore #contentContainer			{height:560px; padding:120px 0 60px;}
	.gatewayKidstore .promo						{margin:75px 0 0;}
	.gatewayKidstore .menu						{position:absolute; right:65px; bottom:20px; width:343px; height:471px; padding:70px 0 0; background:transparent url(../images/gateway/kidstore_menu_bg.png) no-repeat;}
	.gatewayKidstore .menu li 					{display:block; width:283px; height:59px; margin:0 0 54px 60px; overflow:hidden;}
	.gatewayKidstore .menu li a 				{display:block; height:100%; background:transparent url(../images/gateway/kidstore_menu_items.png) no-repeat 0 0; text-indent:-99999px; cursor:pointer;}
	.gatewayKidstore .menu li.en a		 		{background-position:0 0;}
	.gatewayKidstore .menu li.en a:hover		{background-position:0 -59px;}
	.gatewayKidstore .menu li.es 				{margin-left:40px;}
	.gatewayKidstore .menu li.es a		 		{background-position:0px -180px;}
	.gatewayKidstore .menu li.es a:hover		{background-position:0px -239px;}
	.gatewayKidstore .menu li.pt 				{margin-left:40px;}
	.gatewayKidstore .menu li.pt a		 		{background-position:-9px -361px;}
	.gatewayKidstore .menu li.pt a:hover		{background-position:-9px -429px;}
	
	/* gateway ziddy */
	.gatewayZiddy							 	{min-height:0 !important; padding:120px 0 0; background:transparent url(../images/gateway/ziddy_bg_sky.jpg) repeat-x;}
	.gatewayZiddy #contentContainer				{padding:0 0 150px; background:transparent url(../images/gateway/ziddy_bg.jpg) no-repeat;}
	.gatewayZiddy .logo							{margin:30px 0 85px;}
	.gatewayZiddy .gatewayInfo					{width:470px;}
	.gatewayZiddy .blockTitle					{padding:0; margin:0 0 20px; font-size:59px; color:#ed1c24;}
	.gatewayZiddy .blockSubTitle			 	{padding:0; margin:0 0 20px; font-size:26px; color:#ed1c24; text-transform:none;}
	.gatewayZiddy p 							{padding:0 20px 0 0; margin:0 0 20px;}
	.gatewayZiddy .enterBtn					 	{display:block; float:left; clear:left; font-size:25px; color:#fff; padding:12px 70px; text-align:center; background-color:#ed1c24; text-transform:uppercase; margin:10px 0 20px 100px; cursor:pointer;}
	.gatewayZiddy .enterBtn:hover				{background-color:#f84b49; text-decoration:none;}
	
	
	/* header options and identity */
	/* quando activar rectificar margens abaixo comentadas */
	ul.language									{float:left; padding: 10px 0 0 0;}
	ul.language li								{float: left; text-indent: -99999px;}
	ul.language li a							{width: 8px; height: 5px; display: block; padding: 0 5px 0 5px; overflow: hidden;}
	ul.language li a.pt							{background: url('../images/global/language_pt.png') 0px 0px no-repeat;}
	ul.language li a.es							{background: url('../images/global/language_es.png') 0px 0px no-repeat;}
	ul.language li a.en							{width:42px; background: url('../images/global/language_en.png') 0px 0px no-repeat;}
	ul.language li a.on							{background-position: 0px -5px; cursor: default;}
	ul.language li a:hover						{background-position: 0px -5px;}
	#soundOnOff									{float:right; position: relative; display: block; font-size: 10px; height: 10px; margin: 8px 0 0 0; overflow: hidden;}
	
	.headerNoUserSpacer	 						{display:block; height:54px; margin:51px 0 0 0; overflow:hidden;}

	ul.getLoggedIn								{position: relative; display: block; width: 200px; margin: 55px 0 0 0; overflow: hidden;}
	ul.getLoggedIn li.registar					{float: left; width: 98px; height: 30px;}
	ul.getLoggedIn li.registar a				{display: block; height: 30px; line-height: 30px; color: #d81e05; background-position: 0px 0px; text-indent: -99999px;}
	ul.getLoggedIn li.registar a:hover			{background-position: 0px -30px;}
	ul.getLoggedIn li.login						{float: right; width: 98px; height: 30px;}
	ul.getLoggedIn li.login a					{display: block; height: 30px; line-height: 30px; color: #d81e05; background-position: 0px 0px; text-indent: -99999px;}
	ul.getLoggedIn li.login a:hover				{background-position: 0px -30px;}
	ul.getLoggedIn li.knowMore					{float: left; clear: both; width: 100%; margin: 10px 0 0 0; line-height: 12px;}
	ul.getLoggedIn li.knowMore a				{font-size: 9px; color: #8c8c8c;}
	ul.getLoggedIn li.knowMore a:hover			{color: #d81e05; text-decoration: none;}
	
	dl.userIdentity								{position: relative; display: block; width: 198px; min-height: 75px; padding: 1px; border-bottom: 1px solid #cccccc; margin: 30px 0 0 0;  overflow: hidden;}
	dl.userIdentity dt							{margin-left: 87px; font-size: 17px; text-transform: uppercase;}
	dl.userIdentity dd.photo					{position: absolute; top: 0; left: 0; display: block; width: 75px; height: 75px; background: transparent url('../images/user/icon_userPhoto.gif') no-repeat; overflow: hidden;}
	dl.userIdentity dd.zipps					{margin: 5px 0 0 87px; padding: 0 0 0 23px; height: 19px; line-height: 19px; background: url('../images/global/icon_zipps_red_medium.gif') no-repeat; text-transform: uppercase; font-size: 14px;}
	dl.userIdentity dd.options					{margin: 10px 0 0 87px; color: #cccccc;}
	dl.userIdentity dd.options a				{font-size: 10px; color: #333333;}
	dl.userIdentity dd.options a:hover			{color: #d81e05; text-decoration: none;}
	
	.logo										{display: block; width: 200px; height: 73px; margin: 30px 0 0 0;}
	
	/* global navigation */
	ul.menuFirstLevel							{margin: 15px 0 0 0;}
	ul.menuFirstLevel li						{display: block; font-size: 20px; line-height: 22px; text-transform: uppercase;}
	ul.menuFirstLevel li a						{display: block; width: 100%; line-height: 22px; min-height: 22px;}
	ul.menuFirstLevel li a:hover				{text-decoration: none;}
	ul.menuFirstLevel li.orange a:hover			{color: #fd6a00;}
	ul.menuFirstLevel li.pink a:hover			{color: #ff42cb;}
	ul.menuFirstLevel li.purple a:hover			{color: #690a95;}
	ul.menuFirstLevel li.green a:hover			{color: #7bbc03;}
	ul.menuFirstLevel li.aqua a:hover			{color: #019fcd;}
	ul.menuFirstLevel li.blue a:hover			{color: #0057cb;}
	ul.menuFirstLevel li.salmon a:hover			{color: #f32624;}
    ul.menuFirstLevel li.yellow a:hover			{color: #f0a900;}
	
	ul.menuSecondLevel							{margin: 20px 0 0 0;}
	ul.menuSecondLevel li						{display: block; font-size: 13px; line-height: 15px; color: #d81e05; text-transform: uppercase;}
	ul.menuSecondLevel li a						{display: block; width: 100%; line-height: 15px; min-height: 15px;}
	ul.menuSecondLevel li a:hover				{text-decoration: none;}
	
	form.mainSearch								{margin: 25px 0 0 0; overflow:hidden;}
	input.mainSearch							{float: left; width: 160px; height: 22px; padding: 2px 4px 0 6px; color: #333333; border: 1px solid #cccccc; background-color: #FFFFFF; font-size: 13px; line-height: 22px;}
	.mainSearchBtn								{float: left; width: 26px; height: 26px; padding: 0; background: transparent url('../images/global/btn_form_mainSearch.gif') no-repeat; background-position: 0px 0px; text-indent: -99999px; text-transform: uppercase; border: 1px solid #cccccc; border-left: none; cursor: pointer;}
	.mainSearchBtn:hover						{background-position: 0px -26px;}
	
	.mainLike									{position:absolute; top:74px;}
	
	.blockTitle									{padding: 0 20px 20px 20px; font-size: 38px; line-height: 46px; text-transform: uppercase;}
	.blockSubTitle								{padding: 0 20px 20px 20px; font-size: 24px; line-height: 28px; text-transform: uppercase;}
	
	.articleBlockTitle							{font-size: 18px; line-height: 20px; text-align: left;}
	.articleBlockTitle a:hover					{text-decoration:none}
	
	ul.textContent								{padding: 0 20px 10px;}
	ul.textContent li							{padding: 0 0 10px; margin: 0 0 0 20px; list-style-position: inside; list-style: square;}
	
	.importantNote								{font-size: 11px; line-height: 13px; color: #666666; margin-top: -10px;}
	
	/* error msgs */
	/* usadas pela cmv */
	.field-validation-error						{color: #d81e05;}
	.validation-summary-errors					{text-transform: uppercase; color: #d81e05; font-size:13px;}
	.input-validation-error						{border: 1px solid #d81e05;}
	/* classes default */
	.errorsContainer							{width: 420px; display: none; border: 4px solid #d81e05; color: #d81e05; padding: 16px;} 
	.showErrors									{display: block;}
	.errorsContainer li							{list-style: none; text-transform: uppercase;}
	.inputErrorHighlight						{border: 1px solid #d81e05;}
	
	/* confirm box */
	#modal-overlay 								{background-color: #ffffff; cursor: default;}
	#confirm 									{display: none;}
	#confirm-container 							{width: 460px; padding: 20px 0 0; background:#fff; border: 4px solid #d81e05;}
	#confirm-container .question 				{color: #d81e05; margin: 0; text-transform: uppercase;}
	#confirm-container .jqmConfirmButtons		{padding: 0 20px 20px;}
	#confirm-container .confirm_ok 				{float: left; display: block; width: 205px; height: 44px; margin: 0; padding: 0; color: #FFFFFF; background-position: 0px 0px; text-indent: -99999px; text-transform: uppercase; border: none; cursor: pointer;}
	#confirm-container .confirm_ok:hover		{background-position: 0px -44px !important;} 
	#confirm-container .confirm_cancel			{float: right; display: block; width: 205px; height: 44px; margin: 0; padding: 0; color: #FFFFFF; background-position: 0px 0px; text-indent: -99999px; text-transform: uppercase; border: none; cursor: pointer;}
	#confirm-container .confirm_cancel:hover	{background-position: 0px -44px !important;}
	#confirm-container form						{width: 420px; padding: 0 20px 10px 20px;}
	#confirm-container .fieldContainer			{width: 420px; margin: 0 0 10px 0;}
	#confirm-container label					{font-size: 13px; text-transform: uppercase; display: block; padding: 0 0 5px 0;}
	#confirm-container label.inline				{float: left; width: 205px; font-size: 11px; text-transform: none; display: block; padding: 0 0 0 5px; line-height: 13px;}
	#confirm-container input					{float: left; width: 414px; height: 20px; padding: 4px 2px 0px 2px; font-size: 12px; text-transform: none; display: block; line-height: 13px;}
	#confirm-container input.checkbox			{float: left; width: 13px; height: 13px; padding: 0; margin: 0; border: none;}

	/*alert box*/
	#alertBox 									{display: none;}
	#alertBox-container 						{width: 460px; padding: 20px 0 0; background:#fff; border: 4px solid #d81e05;}
	#alertBox-container .question 				{color: #d81e05; margin: 0; text-transform: uppercase;}
	#alertBox-container .jqmConfirmButtons		{padding: 0 20px 20px;}
	#alertBox-container .confirm_ok 			{display: block; width: 205px; height: 44px; margin: 0 auto; padding: 0; color: #FFFFFF; background-position: 0px 0px; text-indent: -99999px; text-transform: uppercase; border: none; cursor: pointer;}
	#alertBox-container .confirm_ok:hover		{background-position: 0px -44px;} 
	#alertBox-container form					{width: 420px; padding: 0 20px 10px 20px;}
	#alertBox-container .fieldContainer			{width: 420px; margin: 0 0 10px 0;}
	#alertBox-container label					{font-size: 13px; text-transform: uppercase; display: block; padding: 0 0 5px 0;}
	#alertBox-container label.inline			{float: left; width: 205px; font-size: 11px; text-transform: none; display: block; padding: 0 0 0 5px; line-height: 13px;}
	#alertBox-container input					{float: left; width: 414px; height: 20px; padding: 4px 2px 0px 2px; font-size: 12px; text-transform: none; display: block; line-height: 13px;}
	#alertBox-container input.checkbox			{float: left; width: 13px; height: 13px; padding: 0; margin: 0; border: none;}

	/* options */
	div.options                                 {position:relative;}
	
	/* voting stars */
	.ui-stars-star,
	.ui-stars-cancel							{float: left; display: block; overflow: hidden; text-indent: -99999px; cursor: pointer; padding: 0 0 0 3px;}
	.ui-stars-star a,
	.ui-stars-cancel a 							{width: 16px; height: 15px; display: block; background: url('../images/global/icon_star_voting.gif') no-repeat 0 0;}
	.ui-stars-star a 							{background-position: 0 0;}
	.ui-stars-star-on a 						{background-position: 0 -15px;}
	.ui-stars-star-hover a 						{background-position: 0 -30px;}
	.ui-stars-cancel-hover a					{background-position: 0 0;}
	.ui-stars-star-disabled,
	.ui-stars-star-disabled a,
	.ui-stars-cancel-disabled a 				{cursor: default;}
	
	/* comments */
	.leaveComment									{}
	.leaveComment .commentInfo						{padding: 0 20px 20px;}
	.leaveComment .commentInfo textarea				{width: 408px; height: 120px; border: 1px solid #8ab406; padding: 5px; margin: 0 0 20px 0; font-family: "Lucida Sans", "Lucida Grande", Arial, Verdana, "Bitstream Vera Sans", sans-serif; font-size: 12px; line-height: 16px;}
	.leaveComment .commentInfo .fleft				{width: 255px;}
	.leaveComment .commentInfo .fright				{width: 145px;}
	.leaveComment .commentInfo .fieldContainer		{width: 250px;}
	.leaveComment .commentInfo label				{font-size: 13px; text-transform: uppercase; padding: 0 0 5px 0; display: block;}
	.leaveComment .commentInfo label.inline			{float: left; width: 227px; font-size: 11px; text-transform: none; display: block; padding: 0 0 0 5px; line-height: 13px;}
	.leaveComment .commentInfo input.checkbox		{float: left; width: 13px; height: 13px; padding: 0; margin: 0 0 10px 0; border: none;}
	.leaveComment .commentInfo .commentBtn			{display: block; width: 100%; height: 43px; margin: 0; padding: 0; color: #FFFFFF; background-position: 0px 0px; text-indent: -99999px; text-transform: uppercase; border: none; cursor: pointer;}
	.leaveComment .commentInfo .commentBtn:hover	{background-position: 0px -43px;}
	.showComments .seeAll							{float: right; color: #5a7600; font-size: 11px; line-height: 26px; padding: 0 20px;}
	.showComments ul								{float: left; position: relative; width: 420px; margin-top: -20px; padding: 20px; min-height: 52px;}
	.showComments ul.alternate						{background-color: #f6f6f6;}
	.showComments ul li.photo						{position: absolute; top: 20px; left: 20px; width: 50px; min-height: 50px; height: 50px; display: block; border: 1px solid #cccccc; overflow: hidden;}
	.showComments ul li.comment						{position: relative; margin-left: 75px; font-size: 11px; color: #858585;}
	.showComments ul li.author						{float: left; width: 350px; position: relative; padding: 10px 0 0 75px; font-size: 9px; line-height: 11px; color: #858585;}
	.showComments ul li.author span.name			{color: #333333; font-weight: bold;}
	.showComments ul li.date						{float: left; width: 220px; position: relative; padding: 5px 0 0 75px; font-size: 9px; line-height: 11px; color: #858585;}
	.showComments ul li.date span.name				{}
	.showComments ul li.options 					{float: right; text-align: right; width: 120px; color: #d81e05; font-size: 11px; line-height: 14px; padding: 10px 0 0 0;}
	.showComments .pagination						{display: block; width: auto; min-height: 18px; margin: 0;}
	.commentSuccess									{display: none; clear: both; position: relative; width: 420px; margin: 0 auto; padding: 0;}
	.commentSuccess .msg							{margin: 0 0 0 150px;}
	.commentSuccess .blockTitle						{font-size: 33px; padding: 0 20px 10px;}
	.commentSuccess .blockSubTitle					{font-size: 26px; text-transform: none;}
	.commentSuccess .warning						{font-size: 11px; line-height: 14px; padding: 10px 0 20px;}
	
	.poweredby										{font-size:10px; color:#999999; margin:-10px 0 0; padding: 0 0 10px 20px;}
	
	/* pagination */
	ul.pagination									{clear: both; float: right; padding: 0 20px 20px 20px;}
	ul.pagination li								{float: left; width: 18px; min-height: 18px; height: 18px; line-height: 18px; text-align: center;}
	ul.pagination li a								{display: block; width: 18px; min-height: 18px; height: 18px; color: #333333;}
	ul.pagination li a:hover						{color: #d81e05; text-decoration: none;}
	ul.pagination li a.prev							{width: 18px; min-height: 18px; height: 18px; margin: 0; padding: 0; color: #333333; background: #FFFFFF url('../images/global/btn_pagination_prev.gif') no-repeat; background-position: 0px 0px; text-indent: -99999px; text-transform: uppercase; border: none; cursor: pointer;}
	ul.pagination li a.prev:hover					{background-position: 0px -18px;}
	ul.pagination li a.next							{width: 18px; min-height: 18px; height: 18px; margin: 0; padding: 0; color: #333333; background: #FFFFFF url('../images/global/btn_pagination_next.gif') no-repeat; background-position: 0px 0px; text-indent: -99999px; text-transform: uppercase; border: none; cursor: pointer;}
	ul.pagination li a.next:hover					{background-position: 0px -18px;}
	ul.pagination li.current						{background-color: #d81e05; color: #FFFFFF;}
	
	/* facebook like button */
	.likeButton                                     {padding:0 0 20px 20px;}
	
/* FOOTER */	
#footerContainer									{float: right; width: 695px; margin: 70px 0 30px 0;}
ul.footer											{float: left; padding: 10px 0 10px 10px; background-color: #ffffff;}
ul.footer li										{float: left; font-size: 10px; padding: 0 5px 0 4px; border-left: 1px solid #333333;}
ul.footer li a										{color: #333333; padding: 0 5px 0 5px;}
ul.footer li a:hover								{color: #d81e05; text-decoration: none;}
.print												{float: right; padding: 0;}
.print a											{display: block; padding: 10px; line-height: 10px; font-size: 10px; color: #d81e05; background-color: #FFFFFF;}
.print a:hover										{background: #d81e05; color: #FFFFFF; text-decoration: none;}
	


/* color palette */
.orange, .orange a							{color: #fe9600;}
.darkOrange, .darkOrange a					{color: #e26000;}
.purple, .purple a							{color: #951cb9;}
.green, .green a							{color: #a4d50a;}
.darkGreen, .darkGreen a					{color: #5a7600;}
.pink, .pink a								{color: #ff6edf;}
.aqua, .aqua a								{color: #03c0e0;}
.blue, .blue a								{color: #0184df;}
.darkBlue, .darkBlue a						{color: #00548e;}
.red, .red a								{color: #d81e05;}
.salmon, .salmon a							{color: #f84b49;}
.yellow, .yellow a							{color: #f0c000;}
.white, .white a							{color: #FFFFFF;}
.defaultBg									{background-color: #f2eeeb;}
.orangeBg									{background-color: #fe9600;}
.purpleBg									{background-color: #951cb9;}
.greenBg									{background-color: #a4d50a;}
.darkGreenBg								{background-color: #5a7600;}
.pinkBg										{background-color: #ff6edf;}
.aquaBg										{background-color: #03c0e0;}
.blueBg										{background-color: #0184df;}
.darkBueBg									{background-color: #00548e;}
.redBg										{background-color: #d81e05;}
.salmonBg									{background-color: #f84b49;}
.whiteBg									{background-color: #FFFFFF;}



/* "local fix's" applied globally */
.fleft												{float: left;}
.fright												{float: right;}
.clear												{clear: both;}
.noPadding											{padding: 0;}
.noMargin											{margin: 0;}