﻿@charset "utf-8";
/* CSS Document */

body {
	margin:0;
	padding:0;
	background-color:#dedede;
	font-family: 'Open Sans', sans-serif;
}
.wrapper {
    /*width:960px;*/
    width: 1200px;
    min-height: 600px;
    margin: 0 auto;
    background-color: #fff;
    -webkit-box-shadow: 0 0 5px 1px #c7c7c7;
    -moz-box-shadow: 0 0 5px 1px #c7c7c7;
    box-shadow: 0 0 5px 1px #c7c7c7;
}
ul { margin:0; padding:0; list-style:none }
.top-banner {
	height:100px;
	float:left;
	margin-left:15px;
}
.logo {
	width:305px;
	height:102px;
	float:left;
	background-image:url(../Images/logo_03.jpg);
	margin-left: 4px;
}
.main-mnu {
	height: 57px;
	background-image: url(../Images/mnu-bg_03.png);
	background-repeat: repeat-x;
	float: left;		
	box-shadow: 3px 3px 6px -1px #ccc;
	margin-top:13px;
}
.main-mnu ul {
	float:left;
}
.main-mnu ul li:hover .mnusub-wrp {
	display:block;		
}

.main-mnu ul .wrp-li{
	float: left;
	height: 57px;
	width: 120px;
	background-image: url(../Images/sep_25.png);
	background-position: right top;
	background-repeat: no-repeat;
	padding: 0px 25px 0 25px;
	position:relative;
}
.main-mnu ul li span{
	float: left;
	margin-top: 14px;
}

.sub-mnu {
	float: left;
	height: 41px;
	background-color: #999;	
	background-image:url(../Images/sub-mnu-bg.png);
	background-repeat:repeat-x;
	box-shadow: 3px 3px 6px -1px #ccc;
}



.sub-mnu ul{
	float:left;
	color: #f5fdff;
	font-size: 14px;
}
.sub-mnu ul li {
	float: left;
	/*padding: 10px 10px 0 10px;*/
	height: 35px;
}
.sub-mnu ul li span{
	margin: 2px 5px 0 0;
	float: left;
}
.mnusub-wrp {
	display: none;
	float: left;	
	position: absolute;
	width: 181px;	
	background-color: #213344;
	z-index: 9999;
	top: 56px;
	left: 0px;
	border-top: 1px solid #232323;
	-webkit-box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.65);
	-moz-box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.65);
	box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.65);
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
	font-size: 14px;
	/*Anuradha added*/
	max-height:200px;
	overflow-y:scroll; 
	 overflow-x: hidden;
}
.mnusub-wrp .inner-li {
	float: none;
	width: 250px;
	height: 40px;
	/*padding-top: 11px;*/
	color: #f3f3f3;			
}

.inner-li a:hover
{
    /*background-color: #5C93CF;    
    float: none;	
    width:180px;	
	padding-top: 11px; */
    
    color: #0000A0;
    font-weight: bold;
}

a.buttonClass:hover
{    
    color: #F37299; 
}

.main-mnu ul .inner-li span{
	margin-left: 23px;
	margin-top: 0px !important;
	margin-right: 12px;
}

.flyerAnchorClass, .storeAnchorClass, .typeAnchorClass, .reportAnchorClass, .buttonClass, .js-storeAnchorClass, .js-regionAnchorClass
{
    cursor: pointer;
}

.main-mnu .wrp-li p {
color: white;
font-size: 14px;
float: left;
margin: 17px 0 0 7px;

}

.totalClaim {
	float: right;	
	height: 41px;
	background-color: #999;	
	background-image:url(../Images/sub-mnu-bg.png);
	background-repeat:repeat-x;
	box-shadow: 3px 3px 6px -1px #ccc;
	color:#f5fdff;
	font-size:14px;
	padding-top: 5px;
}

li.tiled-li li{
                width: 184px !important;
                clear: none !important;
                float: left !important;
}
li.tiled-li  .mnusub-wrp {
                width: 200px !important;
}


li.tiled-li2 .mnusub-wrp{
              /*  Anuradha added

left: -157px !important;
                width: 930px !important; */
                left:0px !important;
                width:154px !important;
}
li.tiled-li2 li{
                width: 150px !important;
                clear: none !important;
                float: left !important;
}

li.wrp-li:hover
{
    background-color: #29558C;
}

.inner-li:hover
{
    background-color: #8CB0DD;
}

.navtypes1 ul li.inner-li:hover
{
    background-color: #8CB0DD;
    width:179px;
}


.navreports1 ul li.inner-li:hover
{
    background-color: #8CB0DD;
    width:179px;
}

.sub-mnu ul li:hover
{
    border: medium ridge #D7D7D7;    
}

.clickableClass
{
    padding-top:6px;
    padding-bottom:6px;
    padding-left:12px; 
    padding-right:12px; 
    height:40px; 
    display:block
}

.buttonClickableClass
{
    padding-top:10px;
    padding-bottom:2px;
    padding-left:10px; 
    padding-right:10px; 
    height:41px; 
    display:block
}

.reportAnchorClass
{
    width:150px;
}