/* CSS for MMSC */

 /* General Styles */


body {padding:0px; background-color:#FFFFFF; font-family: ARIAL; font-size:12px; color: #666666; line-height:16px; font-weight:normal; text-transform:none;  margin:0; padding:0;}

td {font-family: ARIAL; font-size:12px; color: #666666;}

a {font-weight: normal; text-decoration: underline;}
a:visited {font-weight: normal; text-decoration: underline;}
a:hover {font-weight: normal; text-decoration: underline;}

.Top_menu			{background-color:red;text-align:center;}
.Top_menu a			{color:#C3C3C3;}
.Top_menu a:hover		{color:white;}


.Bottom_menu			{background-color:red;text-align:center;}
.Bottom_menu a			{color:#C3C3C3;}
.Bottom_menu a:hover	{color:white;}

Input.button	{background-color:blue;color:#FFFFFF;font-weight:bold;}
select, input	{font-size: 10px;}

#breadcrumbs {float: left; width: 773px; margin-left:0px;}
.breadcrumbs {font-size:15px; padding-left:2px; font-family: Arial; color: #888888; font-weight: bolder;}
.breadcrumbs a {text-decoration: none; font-weight: bolder;}
.breadcrumbs a:hover {text-decoration: none; font-weight: bolder;}
.breadcrumbs a:visited {text-decoration: none; font-weight: bolder;}



h1, h2, h3 {font-family: ARIAL; text-align: left; margin:10px 20px;}
h1	{font-size:18px; color:#666666;}
h2	{font-size:14px; color:#FF9900; text-transform:uppercase;}
h3	{font-size:12px;}

checkbox	{vertical-align:middle;width:20px;}

p{ margin:10px 20px; font-family: ARIAL; font-size:12px; color: #666666; line-height:16px; font-weight:normal;}
.laranja {color: #ff6600;}

.button	{border:1px solid gray;font-size:10px;font-weight:normal;}

.celTitle	{font-weight:bold;}
.celValue	{font-weight:normal;}

.inputHidden	{border:0px;font-family:tahoma, verdana, tahoma, arial;font-size:11px;overflow:hidden;padding:0px;vertical-align:middle;}
.spacer		{background: url('/img/spacer.gif');height:1px;visibility:hidden;width:5px}
.discount_price	{color:red;font-weight:normal;}
.special_price	{color:blue;font-weight:bold;}


/* Standard Template */
#contentGeneral	{float: left; height:auto;margin:0 auto;padding:0;width:100%;}
#contentTop	{float: left; background-color:#99abbd;border-bottom:2px dotted #dddddd;height:80px;left:0px;position:relative;top:0px;}
#contentTopText	{float: left; color:#FFFFFF;font-family:Arial;font-size:26px;font-weight:bold;}
#contentLeft	{float:left;width:180px;}
#contentCenter	{float: left; border-left:1px solid #dddddd;float:left;margin-left:5px;padding:10px;}
#contentSite	{float: left; font-weight:normal;width:773px;}
#contentFooter	{float: left; background-color:#666666;color:#ffffff;float:left;font-size:10px;font-family:Arial;height:25px;text-align:center;vertical-align:middle;width:770px;}
#centerBottom		{float: left; margin:0 auto;text-align:left;width:778px;}
#templateBox		{position:relative;float:left;}
#templateLeftMenu	{float: left; padding-bottom:20px;padding-left:180px;}
#templateMenu		{float: left; border-right:1px;border-right-style:solid; border-right-color:gray;background-color:#ffffff;font-size:11px;font-weight:normal;height:20px;}
#templateMain		{float: left; position: relative;}

/* Category Presentation Styles */

/*Category List Placeholder Styles*/
#categoryListMenu{}
#categoryListMenu a{ padding: 8px 10px; border-left:1px solid #FE9112;}
#categoryListMenu a:hover{ color: #FFF; background: #A7ACB0;}
#categoryListMenu a:visited{ padding: 8px 10px; border-left:1px solid #FE9112;}

/*Category list styles*/


.categoryOption1 {float: left; width: 32%; margin-bottom:35px;}
.categoryOption2 {float: left; width: 49%; margin-bottom:35px;}
.categoryOption3 {float: left; width: 98%; margin-bottom:35px;}
.categoryOption4 {float: left; width: 98%; text-align:left; margin-bottom:12px;}
.categoryListSimple {float: left; display:block;list-style:none;width:100%;margin:2px;padding:10px;position:relative;font-size:14px;font-weight:bold;vertical-align:middle;}

/******* Product List Styles*************/

/* Product List Styles */
.productList	{float: left; width:750px; font-weight:bold;text-align:center;vertical-align:middle; list-style:none; float:left; margin-bottom: 0px;  padding: 0px; margin: 0px;}
.productList li {display:inline;float:left; width: 32%;}
.productList li a, li a:visited {color: #FF9900; font-weight: bold; text-decoration:none;}
.productList li a:hover,{color: #FF9900; font-weight: bold;text-decoration:underline;}

.prouctPrice	{float: left; color:#000;}
.itemOptions {float: left; line-height: 170%;}
.synopsis	{float: left; color:#000;font-size:11px;font-weight:normal;margin:0;padding:0;position:relative;vertical-align:middle;}

#productListSinopsys a {color: #000000;}

/*Style for option 1 (three column)*/
.productOptionList1 {position: relative; float: left; width: 32%; margin-bottom:0px; max-width:32%; }


/*Style for option 2 (two column)*/
.productOptionList2 {float: left; width: 49%; margin-bottom:0px; max-width:49%;}


/*styles for option 3 (one column with options and add to cart button)*/
#producListImg{float:left;margin-top:5px; width:auto; height:auto; min-width:75px; min-height:75px;}
#productListLink{float:left;width:100%;text-align:center; font-size:12px;}
#producListOptions{float:left;margin-left:0px;margin-top:5px;}
#productListSinopsys {float:left;width:100%;margin-bottom:0px;text-indent:0px; text-align:left;margin-top:0px;}
#productListSinopsys p {font-family: Verdana, Helvetica, sans-serif; font-size:11px; font-family:Verdana; line-height:14px; font-weight:normal; text-transform:none;}

/*Product Details 1*/

/*Item Title, Image and Description Divs*/
#productDetailsTitle{float: left; position: relative;text-align:center; width: 100%;}
#productDetailsImage {float: left; margin:5px;float:left;width:auto; height:auto; min-width:75px; min-height:75px;}
#breadCrumbs {float: left; position:relative; width: 100%;}
#allContent{position: relative; float: left; width:420px;}

/*cost and costless divs*/
#optionsContent{float:left;}
#productDetailsLabels{float:left;line-height: 110%;text-align:left; margin-left:17px; width:80px;display:inline;}
#productDetailsSelect{float:left;margin-left:5px;}

#productAddonsClear{clear:left;}

/*Price and add to cart button div*/
#productDetailsPrice {margin-left:1px; float:left;width:auto}
#productDescription{float: left; position:relative;margin-left:16px; margin-top:20px;height:auto; width:auto;text-indent:0px;text-align:justify;}


/*Product Details 2*/
#optionsContent2{position: relative;float: left;}
#productDescription2{float: left; position:relative;margin-left:16px; margin-top:20px;height:auto; width:auto;text-indent:0px;text-align:justify;}
#productDetailsImage2 {float: left; margin:5px; float: right; width:auto; height:auto; min-width:75px; min-height:75px;}


/*Product Details 3*/
#optionsContent3{float:left;height:auto;margin:0px;margin-top:2px; width: 340px;}
#optionsContent3 p {line-height: 14px;}
#productDescription3{position: relative; float: right; text-align:justify; margin-top:5px;height:auto; width:420px; text-indent:0px;}
#productDetailsImage3 a {float: left; margin:0px; padding: 0px; width:320px; height:auto; min-height:75px; color:#666666;}

/*Product Details 4*/
#productDescription4{float: left; position:relative;margin:10px;margin-top:30px;height:auto; width:auto;text-indent:0px;text-align:justify;}
#productDetailsImage4 {float:right;margin:5px;width:auto; height:auto; min-width:75px; min-height:75px;}
#optionsContent4{float:left;height:auto;margin:5px;margin-top:20px;}


/*Search Result Styles*/
#resultHeaderLeft{background-color: silver;text-align:left;width:50%;float:left;}
#resultHeaderRight{background-color: silver;text-align:right;width:49%;float:left;}

/*General*/
#allcontent{float:left;width:773px;}
.clearFloat{clear:left;}
.searchLink{float: left; position:relative; text-align: left;width:100%;margin-top:20px;margin-bottom:10px;}
.searchLink a {float: left; font-weight:normal; font-size:13px;}
.searchUrl{float: left; color: green;}
.searchPagination{float: left; text-align:center}

/*Product Search */
.searchProductSnippet{float:left; width:60%;margin-left: 15px;font-size:11px;}
.searchImage{float:left; min-width:75px; min-height:75px;width:auto; height:auto;}

/*Page Search*/
.searchPageSnippet{float:left; width:60%; font-size:11px;}


/* Cart Styles */
#cartDiv {}

/*Checkout Styles*/
#checkoutDiv {float: left; padding-left:20px; color: #444444; text-decoration: none;}
#authorizeFail{float: left; font-size: 12px;}
#declined {float: left; font-size: 12px;}
#receipt {float: left; }

.tdText {color: #444444; text-decoration: none;}

#receipt {padding: 10px;}

.contactForm {position: relative; float: left; width: 260px; height: 900px;}
.contactFormText {position: relative; float: left; width: 100px; height: 20px; text-align: right;}
.contactFormInputText {position: relative; float: left; width: 80px; height: 20px;}
.contactFormTextArea {position: relative; float: left; width: 80px; height: 74px;}
.ddd {position: relative; float: left; width: 20px; height: 20px;}

/*Recommended Itens*/
.recommended {position:relative; float:left; width:750px; line-height:20px; background:#cccccc; border: 1px solid #000000; padding-left: 0px; text-indent:5px; color:#FFFFFF; font-size: 14px; display: block; margin-left: 10px;}
.recommendedItems3 {position:relative; float:left; width: 751px; margin:0px; border: 1px solid #000000; border-left:0px; padding:0px; height:250px; display: block; margin-left: 10px;}
.recommendedItems3li {height:250px; border-left:1px solid #000000; position:relative; float:left; width: 33%; margin:0px; padding:0px; text-align:center; display: block;}

/*******************************/

 /* User Defined Styles */

.linhah {width: 770px; margin-top: 5px; margin-left: 0px; height: 4px; line-height: 4px; background: #333333; border-bottom: 1px solid #ff9900;}

.linharod {position: relative; float: left; width: 773px; margin-top: 0px; margin-left: 0px; height: 13px; line-height: 12px; background: #999999; border-top: 2px solid #333333;}





#bordaGeral { width:1000px; height:auto; background:#FFFFFF;}


/*Formatação ds Borda Principais */
#bordaTopo, #bordaMenu, #bordaConteudo {width: 987px; height:auto; float:left; position:relative; }

#bordaTopo { height:4px; padding-top:5px; text-align:right; color:#C1C1C1; font-style:italic; background:#EDEDED; border-bottom:2px solid  #E8E9E9;}
#bordaConteudo {background:url('/upload/pages/Image/imagens/menu-background(1).jpg') repeat-y;}
#bordaMenu {position: relative; float: left; width:165px; height:auto; padding-top:100px; z-index: 2;}

#bordaConteudoCentro {position: relative; float: left; width:773px; z-index: 0;}
 .topoLogo{ height:70px; padding-left:15px;}
 .conteudo {position: relative; float: left; z-index:0 ; margin-bottom: 0px;}
 .conteudo a {color:#666;}
 
 .noticiasTop {position: relative; float; left; height:39px; width: 773px; border-top:8px solid #444444; background: #A7ACB0; margin-top: 20px; padding-top: 0px;}
 .noticiasConteudo{position: relative; float; left; height:150px; padding:0px 0px 9px 0px; margin: 0px;}
 .noticiasBottom { position: relative; float: left; height:8px; margin: 0px; }
 
 .bordaMenuCentro { position:relative; float: left; width:100%; height:264px;}
 .rodape {position: relative; float: left; height:117px; width: 100%; padding-top:20px; text-align:center; color:#4A4A4A; background:#EDEDED; border-top:2px solid #E8E8E9;}
 .rodape a {color:#4A4A4A;}
 
/* Menu Lateral  */
#bordaMenu ul {list-style: none; background:#767D86; width:153px; padding-left: 0px; margin-left: 0px;}
#bordaMenu ul li {position: relative;}

#bordaMenu li ul {
	position: absolute;
	left: 153px; top: 0; /* Set 1px less than menu width */
	display: none;

	}

/* Styles for Menu Items */
#bordaMenu ul li a {
	display: block;
        width: 133px; /* Valor menos o paddign */
	font:15px "ARIAL"; text-align:right; color: #FFF; font-weight: bold;
	text-decoration: none;
	padding: 5px 10px;
	}

/* Fix IE. Hide from IE Mac \*/

#bordaMenu * html ul li { float: left; height: 1%;}
#bordaMenu * html ul li a { height: 1%;}
/* End */

#bordaMenu ul li a:hover {color: #FFF; background: #999999; width: 133px; display: block;}
		
#bordaMenu li ul li a {padding: 4px 5px; border-left:1px solid #FE9112; width: 153px;}
		
#bordaMenu li:hover ul, li.hover ul { display: block;}



/* Menu Centro */
#menuCentro  {position: relative; float: left; width:770px; height:auto; text-align:center; color:#333;}
#menuCentro a, menuCentro a:visited { text-decoration:none; color:#F48F19;}
#menuCentro a:hover { color:#333333; text-decoration:underline;}

/* Formatações especificas */
.noticias {text-align:right; font:25px "verdana"; color:#FFFFFF;}

#busca {position: absolute; left: 60px; top:50px;}

li {font-family: arial;color: #666666;}


.bordaGal a:hover { background: #ffffff }
.bordaGal2 a:hover { background: #ffffff }
.detalhes {font-size:8px; font-weight:bold; line-height:8px; color:#FD9A01; width:auto;  margin-left: -320px;}
.galeria {position: relative; float: left; height: 300px; width: 730px; margin-left: -320px; background:url('/upload/pages/Image/imagens/linha.gif') repeat-x;}
.primeiro a {position: absolute; right: 0px; border:1px solid #FD9A01; z-index:0;}
.bordaGal, .bordaGal2 {position: relative; float: left; width: 100%; padding-top: 0px;}
.bordaGal a, .bordaGal2 a {float: left; margin-right: 10px; width: 80px; height: 80px; display: block; border:1px solid #FD9A01;}
.bordaGal a div, .bordaGal2 a div {display: none; border:1px solid #FD9A01; z-index: 5;}
.bordaGal a:hover span, .bordaGal2 a:hover span {position: absolute; right: 0px; top: 0px; width: 300px; height: 300px; background: #fff url('/upload/pages/Image/imagens/linha.gif') repeat-x; display: block; margin-top: 0px; z-index:9;}
.bordaGal a:hover div, .bordaGal2 a:hover div {position: absolute; right: 0px; top: 0px; display: block; margin-top: -87px; display: block; z-index: 10;}
.bordaGal a:hover div {margin-top: 0px;}
.bordaGal2 {margin-top: 5px;}
.bordaGal2 a:hover span {margin-top: -87px;}

.empresa-coluna {position:relative; float:left; width:190px; height:auto; background:#E4E4E4; padding:0px 0px 20px 0px; margin:0px 0px 0px 5px; border-left:3px solid #FF9125; text-align:right; font-size:10px;}
.empresa-coluna img, .empresa-foto1 img, .empresa-foto2 img {border:1px solid #FFF;}
.empresa-coluna p {line-height:10px;}
.empresa-foto1 {float:left; padding:5px; background:#E4E4E4; width:201px; height:210px; margin:5px 3px 0px 20px;}
.empresa-foto2 {background:#E4E4E4; width:350px; height:110px; padding:5px; float:left; margin:5px 25px 5px 20px;}

#home {position: absolute; left: 300px; top: -33px;}
#home h1 {font-family: "Comic Sans MS"; font-size: 16px; font-style: italic; text-align: center;}


/* PÁGINA TELELOK NEWS */
#telelok-news a       { text-decoration:none; color:#666;}
#telelok-news a:hover { text-decoration:underline; color:#333;}


/* FOTOS DOS EVENTO */
.fotos-eventos     { width:772px; margin:0; padding:0; text-align:center; position:relative; }
.fotos-eventos li  { width:33%; margin:5px 0; display:inline; float:left; position:relative; }     

/*Save Password on Receipt Page - Customer Accounts*/
#savePassword {border:1px solid #000000; background-color:#fffccc; width:100%;}
.passwordBox {border:1px solid #000000; background-color:#ff0000; width:275px; font-weight:bold; color:white; text-align:center;}
.response {font-weight:bold; color:red; text-align:center;}
.SavePasswordButton {text-decoration:none;}

/*Customer*/
.submitCustomer {border:solid 1px #000000; }

/*Product Pictures*/
.popup{ margin: 0; padding: 0; list-style: none; border: 0; text-decoration: none;left: 40%;position: absolute; width: 550px; height: 440px; 
padding-top:20px; border-width: 2px; border-style: solid; background: #fffccc; display: none; z-index: 1;}
.close { width:20px;clear:both;text-align:center;width:450px; }

/*Customer Review Css*/
#reviewTop { clear:both;border:solid 1px #000; background-color:#FFFFF0 }
#review ul li{ list-style: none; }
.reviewTitle { }
.reviewAuthor { }
.reviewReview { }
.moreReview { }

.smallText { font:normal x-small verdana;  }
#tableReview { font:normal small verdana; }
#review { width:100%; }
.bodyReview { margin:0px;background-color:#cccccc; }

#newletterHolder { }
#newletterHolder ul{ clear:both; }
#newletterHolder ul li{ list-style: none; float:left; width:80px; }
#newsletterTopHolder { text-align:center; width:160px;}
#newsletterBottomHolder { text-align:center; width:160px;}