/* Left navigation classes*/
.LeftOfbNavMenuItem{
	background-image:url(Image/NavMenu/LeftOfbNavMenuItem_bg.gif);
	background-repeat:no-repeat;
	background-position:bottom left;
	font-family:Tahoma,Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#ffffff;
	width:215px;
	font-weight:bold;
	text-align:left;
	height:30px;
}
 
.LeftOfbNavMenuItem a{
	color:#ffffff;
	padding:4px 0px 5px 2px;
	background-image:url(Image/NavMenu/LeftOfbNavMenuItem.gif);
	background-repeat:no-repeat;
	background-position:8px 8px;
	padding-left:20px;
	text-decoration:none;
 }
 
.LeftOfbNavMenuItem a:hover{
   color:#DDE2C3;	
   text-decoration:none; 
 }



  /*Bottom*/
 
 .BottomOfbNavMenuItemTable{
	font-family: Tahoma, Arial, "Times New Roman";
	float:left;
	font-size:11px;
	font-weight:normal;
	color:#E4E4E4;
	margin:0px 0px 0px 0px;
	text-align:center;
	font-weight: normal;
	vertical-align:middle;
}


.BottomOfbNavMenuItem	{
		background-image:url(Image/NavMenu/BottomOfbNavMenuItem.gif);
		background-repeat:no-repeat;
		background-position:right;
}
	
.BottomOfbNavMenuItem a{
	font-family:Tahoma, Arial, "Times New Roman";
	font-size:12px;
	font-weight: normal;
	color:#E4E4E4;
	text-decoration:none;
	line-height:24px;
	padding:0px 6px 0px 6px;
 }
 
.BottomOfbNavMenuItem a:hover{
	color:#DDE2C3;
	font-size:12px;
	text-decoration:none;
 }
 
/*Top navigation*/
 
 .TopOfbNavMenuItemTable, .TopOfbNavMenu TABLE{
	float:left;
	margin:0px;
	vertical-align:middle;
}
.TopOfbNavMenuItem
{
    height:84px;
	font-family: Tahoma, Arial, "Times New Roman";
	font-size:11px;
	color:#919385;
	background-image:url(Image/NavMenu/TopOfbNavMenuItem.gif);
	background-repeat:no-repeat;
	background-position:left bottom;
	padding-bottom:3px;
}

 .TopOfbNavMenuItem a{
	font-family:Tahoma, Arial, "Times New Roman";
	font-size:11px;
	color:#48392E;
	text-decoration:none;
	line-height:16px;
	padding:3px 20px 8px 20px;
	font-weight: bold;
 }
.TopOfbNavMenuItem	a:hover{
	color:#A46A3D;
	padding:3px 20px 8px 20px;
	font-size:11px;
	text-decoration:none;
	line-height:16px;
	font-weight: bold;
 }
 
 

/*Right navigation*/

.RightOfbNavMenuItem TABLE, .RightOfbNavMenuItemTable
{
 margin:0px 0px 1px 0px;
}
.RightOfbNavMenuItemRightBottom
{
height:1px;
}

.RightOfbNavMenuItemLeftBottom
{
height:1px;
}

.RightOfbNavMenuItemBottom
{
height:1px;
}
.RightOfbNavMenuItem{
font-family:Tahoma,Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
text-align:left;
margin:0px;
padding:0px;
background-color:none !important;
border:none !important;
}
 
.RightOfbNavMenuItem a , .RightOfbNavMenuItem a:hover{
color:#444339;
padding:4px 0px 5px 2px;
display:block;
width:181px;
padding:4px 0px 5px 2px;
 background-image:url(Image/NavMenu/RightOfbNavMenuItem.gif);
background-repeat:no-repeat;
background-position:1px 9px;
padding-left:19px;
text-decoration:none;
 }
.RightOfbNavMenuItem a:hover{
text-decoration:underline;
 }
 
 
 
/*Left popup class*/

DIV.LeftOfbNavMenuPopup {
BORDER:none !important;
width:200px;
BORDER-BOTTOM::1px solid #213D5A !important;
BACKGROUND-COLOR: #F9FCE7 !important;
margin:0px 0px 0px 0;
position:absolute !important;
z-index:24px !important;
float:right;
margin:-24px 0 0 195px;
}
.LeftOfbNavMenuPopup span *{
float:left;
}
.LeftOfbNavMenuPopup TABLE {
width:200px;BORDER-RIGHT: #213D5A 1px solid; BORDER-TOP: #213D5A 1px solid; BORDER-LEFT: #213D5A 1px solid
}
DIV.LeftOfbNavMenuPopup  DIV.LeftOfbNavMenuPopup  
{
margin:0px !important;
}
DIV.LeftOfbNavMenuPopup  DIV.LeftOfbNavMenuPopup  DIV.LeftOfbNavMenuPopup  
{
margin:0px !important;
}
DIV.LeftOfbNavMenuPopup  DIV.LeftOfbNavMenuPopup  DIV.LeftOfbNavMenuPopup  DIV.LeftOfbNavMenuPopup  
{
margin:0px !important;
}
DIV.LeftOfbNavMenuPopup  DIV.LeftOfbNavMenuPopup  DIV.LeftOfbNavMenuPopup  DIV.LeftOfbNavMenuPopup  DIV.LeftOfbNavMenuPopup  
{
margin:0px !important;
}
.LeftOfbNavMenuPopupItem {
	PADDING-RIGHT: 0px; BACKGROUND-POSITION: 0px 0px !important; PADDING-LEFT: 3px; BACKGROUND-IMAGE: url(image/NavMenu/OfbNavMenuPopupItem.gif); PADDING-BOTTOM: 0px; PADDING-TOP: 0px; BACKGROUND-REPEAT: no-repeat
}
.LeftOfbNavMenuPopupItem A {
	PADDING-RIGHT: 6px; DISPLAY: block; PADDING-LEFT: 0px; font-weight:bold; FONT-SIZE: 11px; PADDING-BOTTOM: 4px; COLOR: #F3F3F3; PADDING-TOP: 3px; FONT-FAMILY: Tahoma,Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none; 
}
.LeftOfbNavMenuPopupItem A:hover {
	COLOR: #ffffff;PADDING-RIGHT: 6px; DISPLAY: block; PADDING-LEFT: 0px; FONT-SIZE: 11px; font-weight:bold; PADDING-BOTTOM: 4px; COLOR: #FFFFFF; PADDING-TOP: 3px; FONT-FAMILY: Tahoma,Verdana, Arial, Helvetica, sans-serif;   text-decoration:underline;
}


/*Top popup class*/

DIV.TopOfbNavMenuPopup  {
BORDER:none !important;
BORDER-BOTTOM: #213D5A 1px solid !important;
MARGIN: 0px;BACKGROUND-COLOR: #395366 !important;
}
.TopOfbNavMenuPopup span *{
float:left;
}
.TopOfbNavMenuPopup TABLE {
width:150px;
	BORDER-RIGHT: #213D5A 1px solid; BORDER-TOP: #213D5A 1px solid; BORDER-LEFT: #213D5A 1px solid
}
.TopOfbNavMenuPopupItem {
	PADDING-RIGHT: 0px; BACKGROUND-POSITION: 0px 0px !important; PADDING-LEFT: 0px; BACKGROUND-IMAGE: url(image/NavMenu/OfbNavMenuPopupItem.gif); PADDING-BOTTOM: 0px; PADDING-TOP: 0px; BACKGROUND-REPEAT: no-repeat
}
.TopOfbNavMenuPopup A {
	PADDING-RIGHT: 6px; DISPLAY: block; PADDING-LEFT: 0px; FONT-WEIGHT: bold; FONT-SIZE: 11px; PADDING-BOTTOM: 4px; COLOR: #EDC7AB; PADDING-TOP: 3px; FONT-FAMILY: Tahoma,Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
.TopOfbNavMenuPopup A:hover {
	
	COLOR: #ffffff;PADDING-RIGHT: 6px; DISPLAY: block; PADDING-LEFT: 0px; FONT-WEIGHT: bold; FONT-SIZE: 11px; PADDING-BOTTOM: 4px; COLOR: #ffc6c6; PADDING-TOP: 3px; FONT-FAMILY: Tahoma,Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}

 /*Left popup class*/

DIV.LeftOfbNavMenuPopup {
BORDER:none !important;
width:200px;
BORDER-BOTTOM::1px solid #213D5A  !important; /* Change border color */
BACKGROUND-COLOR: #395366 !important; /* Change background color */
margin:0px 0px 0px 0;
position:absolute !important;
z-index:24px !important; 
float:right;
margin:0;
}
.LeftOfbNavMenuPopup span *{
float:left;
}
.LeftOfbNavMenuPopup TABLE {
width:200px; /* Change width of Popup */
BORDER-RIGHT: #213D5A 1px solid;/* Change border color */ 
BORDER-TOP: #213D5A 1px solid;/* Change border color */ 
BORDER-LEFT: #213D5A 1px solid; /* Change border color */
}
DIV.LeftOfbNavMenuPopup  DIV.LeftOfbNavMenuPopup  
{
margin:0px !important;
}
DIV.LeftOfbNavMenuPopup  DIV.LeftOfbNavMenuPopup  DIV.LeftOfbNavMenuPopup  
{
margin:0px !important;
}
DIV.LeftOfbNavMenuPopup  DIV.LeftOfbNavMenuPopup  DIV.LeftOfbNavMenuPopup  DIV.LeftOfbNavMenuPopup  
{
margin:0px !important;
}
DIV.LeftOfbNavMenuPopup  DIV.LeftOfbNavMenuPopup  DIV.LeftOfbNavMenuPopup  DIV.LeftOfbNavMenuPopup  DIV.LeftOfbNavMenuPopup  
{
margin:0px !important;
}
.LeftOfbNavMenuPopupItem {
	PADDING-RIGHT: 0px; 
	height:30px;
	BACKGROUND-POSITION: 0px 0px !important;
	 PADDING-LEFT: 3px; 
	 BACKGROUND-IMAGE: url(image/NavMenu/OfbNavMenuPopupItem.gif); /* Change Bullet  */ 
	 BACKGROUND-REPEAT: no-repeat; 
	 PADDING-BOTTOM: 0px; 
	 PADDING-TOP: 0px; 
}

/* Change below CSS as per changes required*/

.LeftOfbNavMenuPopupItem A {
	PADDING-RIGHT: 6px; 
	DISPLAY: block; 
	PADDING-LEFT: 0px; 
	font-weight:bold; 
	FONT-SIZE: 12px; 
	PADDING-BOTTOM: 4px; 
	COLOR: #ffffff; /* Change Font color */
	 FONT-FAMILY: Tahoma,Verdana, Arial, Helvetica, sans-serif; 
	 PADDING-TOP: 3px;
	 TEXT-DECORATION: none; 
}
.LeftOfbNavMenuPopupItem A:hover {
	PADDING-RIGHT: 6px; DISPLAY: block; PADDING-LEFT: 0px; 
	font-weight:bold;
	FONT-SIZE: 12px; 
	 PADDING-BOTTOM: 4px; 
	 COLOR: #DDE2C3;
	 PADDING-TOP: 3px; 
	 FONT-FAMILY: Tahoma,Verdana, Arial, Helvetica, sans-serif;  
	 TEXT-DECORATION:none;
}
. OfbStyle.css should have following enteries
.OfbCustomizeCheckBox
{
}

.OfbCustomizeCheckBox INPUT
{            border:none !important;
            background-color:transparent !important;
}

 .OfbCustomizeCheckBox label
{
}
.OfbCustomizeRadioButton
{
}
 
.OfbCustomizeRadioButton input
{            border:none !important;
            background-color:transparent !important;
}
 
.OfbCustomizeRadioButton label
{
}
.OfbAdZone , .OfbAdZone SPAN{
    padding:0px;
    margin:0px; 
    display: block !important; 
    font-size:0px;
    height:0px;
}