/* -- Default -------------------------------------------------------------------------------------------------------------------------------------------------- */
* 						{margin: 0; padding: 0; font: 11px arial, helvetica, sans-serif;}

img						{border: 0;}
html					{height: 100%;}
body					{background-color: #4b4c4e;  /*background: #0099ff url(../images/global/layout_bg_black.png) repeat-x center top;*/}


#pageLayout				{width: 100%; min-height: 100%; float:left; height: 100%; position: absolute; z-index: 200; top: 0;}
#pageAlign				{/*width: 740px;*/ width: 875px; margin: 21px auto 21px auto; position: relative; /*background-color: #ccc;*/}

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------ */

/* -- Header -------------------------------------------------------------------------------------------------------------------------------------------------- */
.pageContent			{width: 740px; position: relative; float: left;}









/* -- Header -------------------------------------------------------------------------------------------------------------------------------------------------- */
.headerContentContainer			{width: 740px; position: relative; background-color: #fff; float: left;}
.headerContentLogoConfig		{float: left;}
.headerContentSearchConfig		{display: none; width: 244px; position: absolute; top: 40px; right: 10px; /*background-color: #fff1f1;*/}
.headerContentSearchField		{width: 124px; height: 18px; float: left; padding: 3px 0 0 5px; margin-right: 10px; font: bold 11px arial, helvetica, sans-serif; color:#000; background: #d8d8d8 url(../images/global/header_search_border.gif) no-repeat top left; border: 0;}
.headerContentSearchBt			{width: 91px; height: 17px; float: left; position: relative; padding: 2px 0 0 12px; font: 11px arial, helvetica, sans-serif; color: #fff; text-decoration: none; background-color: #ff3399; border: 1px solid #ff95d4;}
.headerContentSearchBt:hover	{background: #cc3366;}
.headerContentSearchBt span		{position: absolute; top: 0; right: 30px; font: 18px/16px arial, helvetica, sans-serif; color: #fff;}

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------ */





/* -- Header Menu -------------------------------------------------------------------------------------------------------------------------------------------------- */
.headerContentMenuContainer					{height: 133px; margin: 0 0 0 10px; width: 400px; float:left; position: relative; background: #fff;}
.headerContentMenuContainer .userInfo		{padding: 10px 0 0 0; float: left; width: 120px; height: 133px;}
.headerContentMenuContainer .userInfo .header   {font: 9px arial, helvetica, sans-serif; color: #4c4c4c;}
.headerContentMenuContainer .userInfo .name	    {font: bold 11px arial, helvetica, sans-serif; color: #000;}
.headerContentMenuContainer .userInfo a		{padding: 0 0 0 0; font: lighter 11px arial, helvetica, sans-serif; color: #000; text-decoration: none;}
.headerContentMenuContainer .userInfo a:hover	{text-decoration: underline;}



.headerContentMenuContainer .userLogin		{padding: 10px 0 0 15px; width: 355px; height: 60px; float: left; font: lighter 9px arial, helvetica, sans-serif; color: #4c4c4c; background: #fff;}
.headerContentMenuContainer .userLoginColumn{padding: 0 0 0 0; float: left; font: lighter 9px arial, helvetica, sans-serif; width: 180px; height: 60px; color: #4c4c4c;}
.headerContentMenuContainer .formTitle		{font: lighter 9px arial, helvetica, sans-serif; float:left; color: #4c4c4c;}
.headerContentMenuContainer .userLoginColumn a				{font: lighter 9px arial, helvetica, sans-serif; float:left; color: #4c4c4c; text-decoration: none;}
.headerContentMenuContainer .userLoginColumn a:hover		{text-decoration: underline;}

.headerContentMenuContainer .userLoginAndInfo	        {padding: 10px 0 0 150px; float: left; height: 120px; width: 350px; font: 9px arial, helvetica, sans-serif; color: #4c4c4c; background: #fff;}
.headerContentMenuContainer .userLoginAndInfo a		    {color: #4c4c4c; padding: 0 0 0 0; font: 9px arial, helvetica, sans-serif; text-decoration: none;}
.headerContentMenuContainer .userLoginAndInfo a:hover	{text-decoration: underline;}
.headerContentMenuContainer .userLoginAndInfo .header   {font: 9px arial, helvetica, sans-serif; color: #4c4c4c;}
.headerContentMenuContainer .userLoginAndInfo .name     {font: bold 11px arial, helvetica, sans-serif; color: #4c4c4c;}
.headerContentMenuContainer	.userLoginAndInfo .languageSelector	{padding: 10px 50px 0 0; float:left; text-decoration: none;}

.headerContentMenuContainer .menuContainer	{ width: 386px; height: 61px; padding: 0 0 0 90px; float: left;}
.headerContentMenuContainer .menuItem		{padding: 1px 0 0 0; float: left; font: 9px arial, helvetica, sans-serif; color: #4b4c4e; text-align: center;}
.headerContentMenuContainer .menuItem img	{padding: 0 3px 0px 2px; text-align: center; text-decoration: none;}
.headerContentMenuContainer .menuItem a		{padding: 0 4px 8px 4px; font: 9px arial, helvetica, sans-serif; text-align: center; color: #4b4c4e; text-decoration: none;}
.headerContentMenuContainer .menuItem a:hover	{text-decoration: underline;}
.headerContentMenuContainer .menuItemActive		{cursor: default; color: #000; text-decoration: none; padding: 1px 0 0 0; font: 9px arial, helvetica, sans-serif;}
.headerContentMenuContainer .menuItemActive a	{cursor: default; color: #000; text-decoration: none; padding: 1px 0 0 0; font: 9px arial, helvetica, sans-serif;}

.headerContentMenuContainer .menuItemImageLink	{padding: 0px 6px 6px 6px; text-align: center; text-decoration: none;}
.headerContentMenuContainer .menuItemImageLink a	{padding: 0px 6px 6px 6px; text-align: center; text-decoration: none;}
.headerContentMenuContainer .menuItemImageLink a:hover	{text-decoration: underline;}

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------ */


/* -- User Area -------------------------------------------------------------------------------------------------------------------------------------------------- */
.headerUserAreaContainer				{padding: 18px 6px 0 2px; height: 115px; float: right; position: relative; background: #fff;}
.headerUserAreaContainer .formTitle		{font: 9px arial, helvetica, sans-serif; float:left; color: #4b4c4e;}
.headerUserAreaContainer a				{font: lighter 11px arial, helvetica, sans-serif; float:left; color: #4b4c4e; text-decoration: none;}
.headerUserAreaContainer a:hover		{text-decoration: underline;}
.headerUserAreaContainer img			{padding: 2px 2px 2px 2px; text-decoration: none;}

.headerUserAreaFormField				{width: 134px; padding: 2px 0 0 0; margin: 1px 0 2px 0;  height: 14px; font: 11px arial, helvetica, sans-serif; color:#4b4c4e; float: left; background: #fff; border: 1px solid #000}
.headerUserAreaFormBt					{float: left; position: relative; margin: 0 0 0 2px;}


/* ------------------------------------------------------------------------------------------------------------------------------------------------------------ */




/* -- Menu Produtos -------------------------------------------------------------------------------------------------------------------------------------------------- */
.menuContentContainer					{width: 740px;  height:105px; float:left; position: relative; background-color: #FF6600;}
.menuContentContainer .menuHeader		{padding: 4px 0 4px 0; font: bold 12px arial, helvetica, sans-serif; color: #fff; text-transform: uppercase;}
.menuContentContainer .menuItem			{padding: 1px 0 0 0; font: 10px arial, helvetica, sans-serif; color: #fff;}
.menuContentContainer .menuItem a		{color: #fff; text-decoration: none;}
.menuContentContainer .menuItem a:hover	{color: #fff; text-decoration: underline;}
.menuContentContainer .menuItemActive	{cursor: default; color: #000; text-decoration: none; padding: 1px 0 0 0; font: 11px arial, helvetica, sans-serif;}
.menuContentContainer .menuItemActive a	{cursor: default; color: #000; text-decoration: none; padding: 1px 0 0 0; font: 11px arial, helvetica, sans-serif;}
.menuContentContainer .menuItemOff	{cursor: default; color: #ff9900; text-decoration: none; padding: 1px 0 0 0; font: 11px arial, helvetica, sans-serif;}


.menuContentLogoConfig			{float: left;}


/* MENU PRODUTOS GRID */
.menuGridContent1						{width: 111px; padding: 0 4px 0 20px; float:left; /*background-color: #faffd7;*/}
.menuGridContent2						{width: 110px; padding: 0 4px 0 5px; float:left; /*background-color: #d7f9ff;*/}
.menuGridContent3						{width: 110px; padding: 0 4px 0 5px; float:left; /*background-color: #d7f9ff;*/}
.menuGridContent4						{width: 110px; padding: 0 4px 0 5px; float:left; /*background-color: #ffd7d7;*/}
.menuGridContent5						{width: 110px; padding: 0 4px 0 5px; float:left; /*background-color: #ffd7d7;*/}
.menuGridContent6						{width: 115px; padding: 0 4px 0 5px; float:left; /*background-color: #ffd7d7;*/}

.menuGridVerticalSep					{margin: 7px 0 7px 0; width: 1px; height: 90px; background-color: #f09c11; float: left;}

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------ */



/* Homepage */
.homepageImageHighlightContainer		{width: 100%; float:left;}
.homepageTitleAreaContainer				{float:left; width: 720px; padding: 20px 10px 10px 10px; background: #fff  ;}
.homepageTitleAreaBox					{float: left; width: 120px; height: 30px; margin: 4px 10px 20px 0; background: #d1d2d4;}
.homepageTitleAreaText					{float:left; width:580px; padding: 4px 0 0 0; font: bold 14px arial, helvetica, sans-serif; color: #4b4c4e;}					
.homepageTitleAreaText span				{font: bold 14px arial, helvetica, sans-serif; color: #e6711d;}	
.homepageTitleAreaText .normal			{font: 13px arial, helvetica, sans-serif; color: #4b4c4e;}	
.homepageTitleAreaText .bold			{font: bold 13px arial, helvetica, sans-serif; color: #4b4c4e;}	
.homepageTitleAreaText .orange		    {font: 13px arial, helvetica, sans-serif; color: #e6711d;}	
.homepageTitleAreaText .boldOrange		{font: bold 13px arial, helvetica, sans-serif; color: #e6711d;}	
.homepageMainText						{padding: 9px 0 0 130px; font: 12px arial, helvetica, sans-serif; color: #000;}					





/* -- Footer Content ------------------------------------------------------------------------------------------------------------------------------------------- */
.footerContentContainer					{width: 740px; margin: 0 0 20px 0; background-color: #fff; float: left;}
.footerContentMenu                      {float: left; padding: 5px 0 10px 10px; width: 730px; font: 10px arial, helvetica, sans-serif; color: #eee; background: #FF6600}
.footerContentMenu .optionNormal        {padding: 0 43px 0 0;}                
.footerContentMenu .optionNormal a      {color: #fff; text-decoration: none;}
.footerContentMenu .optionNormal a:hover	{color: #fff; text-decoration: underline;}
.footerContentMenu .optionLast        {padding: 0 0 0 0;}                
.footerContentMenu .optionLast a      {color: #fff; text-decoration: none;}
.footerContentMenu .optionLast a:hover	{color: #fff; text-decoration: underline;}

.footerContentCopyrightText				{float: left; padding: 5px 0 10px 10px; width: 730px; font: 10px arial, helvetica, sans-serif; color: #eee; background: #4C4D4F}
.footerContentCopyrightText .highlight	{font: 10px arial, helvetica, sans-serif; color: #eee;}
.footerContentLineSep					{margin: 0 10px 0 10px; width: auto; height: 1px; background-color: #4b4c4e;}

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------ */