#Ogangi Class 
#no create classe for link     a    only name de class linkDefault or mm-footer
#put text-decoration of first else is bad
#for put line used color  lb  else used same color of .props vBgcolor
#font-size   is de size of letter for put size diferet to the defaul put on  Style specif (e.g. marqueeStyle )
#font-family: verdana; must is on body for all, in each  Style if is specific
#Use text-align: XXX; for  logo  or  promoStyle  too, it is will used for the image
#the class  lbf  is for line of footer change border-top
#while with  df   define background-color for footer
#mm-footer   for the letter on footer
#the value background-color for mm-footer  must to be the same than  df 
#Used padding- and border- do more o minus  space between lines

.body { 
	font-size: 11pt;
	margin: 0px;
	font-family: verdana;
	}

	
td-text {
	font-size: 12pt;
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
  padding: 2x;
}

.mobile 
{
	-wap-input-format: "NNNNNNNNNN";
	font-size: 12pt;
}

.code 
{	-wap-input-format: "NNNNNN";
	font-size: 12pt;}

input {
		 color: #E99519;
		 font-size: 12pt;
	  }
	  
	  
.selected {   
	 /* width: 90px;*/
	  font-size: 12pt;
	  }

.cat { 
	text-align: center;
	color: #9E2F36;
	font-size: 12pt;
}

.contentDetail{	
	font-family: verdana;
	color: #ffffff; 
	font-size: 11pt;
	margin: 0px;
	
}


.promot {
	text-align: center;
	vertical-align: middle;
	padding-left: 0px;
  	padding-right: 0px;
  	padding-top: 4px;
  	padding-bottom: 5px;
	font-family: verdana;
	font-size: 12pt;
	
}

.promot a{
	font-family: verdana;
	color: #093168;
	text-decoration: none;
	font-size: 12pt;
}

.search_cat {
	font-family: verdana;
	text-align: left;
	color: white;
	font-size: 12pt;
}

.search_sub_cat{
	font-family: verdana;
	text-align: left;
	color: white;
	font-size: 12pt;
	padding-left: 5px;
}

.search_sub_cat2{
	font-family: verdana;
	text-align: left;
	color: #555555;
	font-size: 12pt;
	padding-left: 10px;
}

.search_item{
	font-family: verdana;
	color: white;
	font-size: 12pt;
	padding-left: 15px;
}

.search_item a{
	font-family: verdana;
	color: white;
	font-size: 12pt;
	text-decoration: none;
	padding-left: 15px;
}
/* Full-width tables. Try to collapse borders to fix some browsers.*/

.mm-table-promo {
	border-color: #FFFFFF;
	width: 100%;
	border-top-width: 0px;
	border-bottom-width: 0px;
	border-right-width: 0px;
	border-left-width: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-left: 0px;
	border-style: none;
	border-top-style: none;
	border-bottom-style: none;
	border-right-style: none;
	border-left-style: none;
}

.mm-table {
  width: 100%;
  border-collapse: collapse;
	font-family: verdana;
	color: #ffffff; 
	font-size: 11pt;

}

.mm-tableFooter {
	width: 100%;
	margin-left: 0px;
	color: #333333;
}

/* Links are black without underline. */
.mm-a {
  text-decoration: none;
  color: #E1E9ED;
  font-size: 12pt;
}

.mm-footer a{
  text-decoration: none;
  color: #003466;
  font-size: 10pt;
}

.mm-footer {
  text-decoration: none;
  color: white;
  font-size: 10pt;
  
}


.linkDefault {
	color: white;
	font-weight:normal;
	font-family: verdana;
	text-decoration: none;
	padding-left: 0px;
	padding-right: 0px;
	 

}
 
.logo {
	font-weight: bold;
	background-color: #FFFFFF;
	text-align: center;
	vertical-align: middle;
	color: #0075b1;
}

.noUrlStyle  {
	text-decoration: none;
	color: #FFFFFF; 
	white-space: nowrap;
	padding-left: 0px;
	padding-right: 0px;
}

.marqueeStyle {
	text-decoration: none;
	font-size: 12pt;
	white-space: nowrap;
	color: #FFFFFF;
}

.promoStyle {
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	color: #000000;
	padding-left: 0px;
  	padding-right: 0px;
  	padding-top: 4px;
  	padding-bottom: 5px;
}


.promoTextStyle {
	text-decoration: none;
	color: #414141; 
	font-size: 12pt;
	white-space: nowrap;
}

.mm-tableFooter {
	text-decoration: none;
	width: 100%;
	border-collapse: collapse;
	margin-left: 0px;
	
}
 
.mm-footer {
	text-decoration: none;
	color:#FFFFFF;
	background-color: #333333;
	padding-left: 4px;
	padding-right: 4px;
	font-size: 11pt;
	font-family: verdana;
}
 
.noUrlFooterStyle {
	text-decoration: none;
	color:#FFFFFF;
	background-color: #000000; 
	padding-left: 4px;
	padding-right: 4px;
    	font-size: 11pt;
	border-top: 0px solid #BB052B; /*font-size: 12pt;*/
	border: 1px solid #BB052B;
	font-family: verdana;
} 


/* All table content is normal, sans-serif, vertically centered/padded.
 * Text color is set separately. */
.mm-td {
  font-weight: normal;
  vertical-align: middle;
  padding-top: 2px;
  padding-bottom: 2px;
  color: white;
  font-size: 12pt;
}

/* General text is normal, sans-serif, left-aligned, padded for readability.
	Text color is set separately.*/
.mm-text {
  font-weight: normal;
  font-family: verdana;
  text-align: left;
  padding: 2px;
  font-size: 12pt;
  color:white;
}

/* Icon table cell layout adds a width and horizontal centering. */
.il {
   
  text-align: left;
  padding-left:0 em; 
  width: 1%;
}


/* Body table cell layout is left justified with some padding for readability. */
.bl {
 /* font-size: 12pt;*/
  color: #FFFFFF;
  font-family: verdana;
  text-align: left;
  padding-left: 0em;
  padding-right: 0em;
  padding-top: 0em;
  padding-bottom: 0em;
  /*width: 95%;*/
  
}

.dateStyle{
  font-size: 8pt;
  padding-left: 1em;
  color: white;
  font-family: verdana;
 }

.bln {
  font-size: 12pt;
  font-family: verdana;
  text-align: left;
  padding-left: 0.25em;
  padding-right: 1em;
  padding-top: 0em;
  padding-bottom: 0em;
  
 /* width: 80%;*/
  color: #FFFFFF;
}



.help {
  text-align: left;
  padding-left: 0.25em;
  padding-right: 1em;
  padding-top: 0em;
  padding-bottom: 0em;
  width: 100%;
  font-size: 12pt;
  color: #FFFFFF;
}

.title{
 text-align: rigth;
 font-weight: bold;
}

/* Bold and italic emphasis to be used where needed.*/
.bold {
		font-weight: bold;
		font-size: 12pt;
		}
		
.ital {
		font-style: italic;
		font-size: 12pt;
		}
		
.center {
		align: center;
		font-size: 12pt;
		}

.buyLinkStyle{
	border-bottom: 2px solid #535353;
	border-right: 2px solid #535353;
	color: #BB052B;
 	font-family: verdana;
	font-size: 9pt;
	background-color: #E0DEDE; 
	padding: 2px 8px;
	text-decoration: none;
	font-weight: bold;
}

/* Color rotator for link*/
.rotator0 {text-decoration: none; color: #FFFFFF;  font-size: 12pt;}
.rotator1 {text-decoration: none; color: red;   font-size: 12pt;}
.rotator2 {text-decoration: none; color: green;  font-size: 12pt;}
.rotator3 {text-decoration: none; color: purple;  font-size: 12pt;}

/* -----------Start customizable color section----------- 
 * Every cell should set a fill, border, and text color to avoid inheriting
 * unexpected parent tag styles.
 * Tiling logic on collapsed table cells should be to only set the top border
 * to minimize need for border conflict resolution involving 0 or more than 1
 * color being set.
 * The top row typically has all dark borders for clean break with upper content.
 */
.lb {border-top: 0px solid #BB052B; /*font-size: 12pt;*/}

.lbf {border: 1px solid #BB052B;font-size: 6pt;}

.df {
	 background-color: #333333; 
	 text-align: left;
	 }
	 
.lf {
	background-color: #FFFFFF;
	text-align: left;
	font-size: 12pt;
	}
	
.lt {
	color: #DCDAFB;
	font-size: 12pt;
	}
	
.db {
	border-top: 1px solid #BB052B;
	font-size: 12pt;
	}
	
.dt {
	color: #DCDAFB;
	font-size: 12pt;
	}
.vdb {
		border-top: 1px solid #BB052B;
		font-size: 12pt;
		}
.wt {
	color: #FFFFFF; 
	font-size: 12pt;
	}

.div {
	color: #FFFFFF; 
	font-size: 12pt;
	}
	
.strong {
	color: #FFFFFF; 
	font-size: 12pt;
	}
	
.blackDiv{
	height: 4px;
	background-image: url(../../images/blackdot.jpg); 
}

.blackLine {
	background-color: #000000;
	height: 3px;
}

.redLine {
	background-color: #BB052B;
	height: 6px;
}
a 
{
	color : Yellow
}
/* -----------End customizable color section----------- */