@charset "utf-8";

/***RESET***/
* {margin: 0;padding: 0;}

/*Footer Push*/
form {
        height: 100%;
    }
ol, ul {list-style:none;}
textarea,input {font-family: Verdana, Geneva, sans-serif; font-size:inherit;}
a,a:link,a:active{
	text-decoration: none; 
	color:#5e5e5e;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;}
	
a:visited{color:#404040;}
a:hover, a:focus{
	text-decoration:none; 
	color:#ff1f2d; 
	ie-dummy: expression(this.hideFocus=true);
	outline:none;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;}

table, table td { 
	border:none;
	border-collapse:collapse;}

a img { 
	vertical-align: bottom; 
	border:0;
	opacity: 1; 
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out; }

a img:hover{	
	opacity: .7; 
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;}

/*Drop Down List Content Reset
select *    
{
	color:#666;
    padding: 5px;
    text-indent: 0px;
    line-height: 2px;} 


/***GLOBAL***/
body,html{
	margin:0;
	padding:0;
	height: 100%;
	font-family: Verdana, Geneva, sans-serif;
	font-size:12px; 
	color:#333333; 
	line-height:16px;
	background:#fff;}

h1{
	font-weight:bold;
	font-size:15px;
	line-height:15px; 
	color:#1e1e1e;
	}
	
h2{
	font-size:14px;
	line-height:25px;
	font-weight:bold;
	color:#ff1f2d;}
	
h3{
	font-weight:bold;
	font-size:16px;
	color:#ff1f2d;
	text-transform:uppercase;
	line-height:30px;
	}
	
h4{
   font-weight:bold;
	font-size:13px;
	color:#2e2e2e;
	line-height:20px;}	
   
h5{
	font-weight:bold;
	font-size:15px;
	color:#2e2e2e;
	line-height:18px;}

h6{font-weight:normal;
	font-size:12px;
	color:#ff2525;
	line-height:20px;}


.imgborder{
	border:2px solid #e9e9e9;}
	

/* Image Overlay Zoom Icon*/
.imgzoom{ 
	width: 135px; 
	height: 78px; 
	float:left; 
	background:#161613; 
	border: solid 1px #414141; 
	overflow: hidden; 
	position: relative;}
			
.imgzoom img{
	position: absolute; 
	top: 0; 
	left: 0; 
	border: 0;}
					
.boxoverlay{ 
	float: left; 
	position: absolute; 
	background: url(../images/enlarge-icon.png) center center #000 no-repeat; 
	cursor:pointer;
	height: 100%; 
	width: 100%; 
	opacity: .5; 
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";}
	
.full-cover .boxoverlay {
 	top: 100%;
 	left: 0;}
	
.normal .boxoverlay {
 	top: 0;
 	left: 0;}
	

.div-x-lightgrey{ background:url(../images/lightgrey-div.gif) repeat-x center;padding:10px 0;}




/***HEADER***/
#header-bg{
	background:url(../images/header-bg.gif) repeat-x; 
	height:110px;}
	
#header-wrapper{ 
width:990px; height:110px; margin:0 auto;}
	
	
#logo{
	background: url(../images/logo.png) no-repeat;
	float:left; 
	width:380px; 
	height:110px;  
	overflow:hidden; 
	text-indent:-9999px; 
	}
	
#logo a{
	display:block;
	width:380px;  
	height:110px;}

/*HEADER - Top-Right Panel*/ 
#header-wrapper #topright-panel{width:610px; float:right; text-align:right;}
.topright-panel-bg{ background:url(../images/topright-panel-Rep.png) repeat-x;}

.inlinelinks ul{list-style:none;}
.inlinelinks li {display:inline; padding:0 4px 0 7px; background:url(../images/greydiv-short.gif) no-repeat 0 50%;}
.inlinelinks li.first {padding:0 4px 0 0; background:none;}
.inlinelinks li.last {padding:0 0px 0 7px;}
.inlinelinks li a{
	text-decoration:none; 
	color:#505050; 
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;}
	
.inlinelinks li a:hover {
	color:#f51b21; 
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;}


/*HEADER - Search*/
#header-wrapper #search{
	float:right;
	width:610px;
	text-align:right;
	position:relative;
	padding-top:20px;}

.searchField{
	color: #545454;
	width:148px;
	background-color:#fff;
	min-height:20px;
	font-size:11px;
	border: 1px Solid #dbdbdb;
	padding:3px 10px;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	}
	
.searchField:hover, .searchField:focus 
{
	background-color:#f0f0f0;
	color:#404040;
	ie-dummy: expression(this.hideFocus=true);
	outline:none;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;}
	


/***NAVIGATION***/
#nav-bg{  background:url(../images/nav-bg.gif) repeat-x; height:44px; width:100%;}

/***SUB-NAVIGATION***/
.subnav ul{list-style:none;}
.subnav li {padding:5px 0px;}
.subnav li.first {padding:0 4px 0 0; background:none;}
.subnav li.last {padding:0 0px 0 7px;}
.subnav li a{
	padding:5px 0px 5px 10px;
	text-decoration:none; 
	color:#505050; 
	background: url(../images/arrow_off.png) no-repeat 0 10px;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;}
	
.subnav li a:hover {

	background: url(../images/arrow_on.png) no-repeat 0 10px;
	color:#f51b21; 
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;}

/***CONTENT-AREA***/
#content-wrapper{ 
	clear:both; 
	width:990px; 
	margin:0 auto; 
    padding:35px 0px;}
	
#filter-panel{ text-align:right;}	
	
.list-content ul{list-style-type:none;}
.list-content li{padding:0 0 0 12px; background:url(../images/arrow-bullet.gif) no-repeat 0 4px; }
	
.list-link ul{list-style-type:none;}
.list-link li{
	padding:0 0 5px 19px;
	background:url(../images/round-arrow.gif) no-repeat;
	background-position: 0px 2px; 
	color:#bbbbbb;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;}
.list-link li a{color:#bbbbbb;}
.list-link li a:hover{
	color:#d41217; 
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out; }

	
.content-divider-x{ background:url(../images/grey-div.gif) repeat-x center; padding:12px 0;}


/***Additional Links***/
.lightgrey-link, .lightgrey-link a{color:#a8a8a8; font-size:11px;}

.pageslink ul{list-style:none;}
.pageslink li {display:inline; padding:0 10px; background:url(../images/greydiv-short.gif) no-repeat 0 3px; font-size:11px; color:#5e5e5e;}
.pageslink li.first {padding:0 10px 0 0; background:none;}
.pageslink li.last {padding:0 0 0 10px;}
.pageslink li a{
	text-decoration:none; 
	color:#505050; 
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;}
	
.pageslink li a:hover {
	color:#f51b21; 
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;}




/***Fonts***/
.lightgrey-smalltxt{ font-size:11px; color:#8e8e8e;}
.title-txt-bg{ background-color:#272727;
	font-size:16px;
	color:#fff;
	padding: 8px 13px;
	line-height:35px;
	font-weight:normal;
	font-style:italic;}


	
/*Footer Push*/
#push-wrap{min-height: 100%;
           height: auto !important;
	    height: 100%;
}
#push-main{overflow:auto; padding-bottom: 150px;} /* must be same height as the footer */

.push-footer{height:4em;}

/***Footer***/
#footer-bg{ 
	background:#f0f0f0; 
	width:100%; 
	/*footer push setting*/
	position: relative;
	margin-top: -150px;  /*negative value of footer height */
	/*height: 150px;*/
	}

#footer-wrapper{
	margin:0 auto;
	width:990px;
	color:#595959;
	padding:15px 0; 
	font-size:11px; 
	clear:both;}
	
.divider-x{border:1px solid #202020; width:100%; margin-bottom:20px;}


#footer-wrapper .quicklinks ul{ list-style:none;}

#footer-wrapper .quicklinks li {color:#595959;}

#footer-wrapper .quicklinks li a{
	text-decoration:none; 
	color:#595959;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;}
	
#footer-wrapper .quicklinks li a:hover {
	color:#f51b21; 
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;}


#footer-wrapper .url{
	color:#606060; 
	text-decoration:none;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;}
	
#footer-wrapper .url:hover{
	color:#f51b21; 
	text-decoration:none;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;}

/*Form, Text Field with clear field */
.clearField{
	color: #666;
	width:360px;
	min-height:20px;
	text-indent:3px;
	font-size:11px;
	border:1px solid #d9d9d9;
	padding:5px 7px;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;}

.clearField:hover
{
border:1px solid #6f6f6f;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}

.clearField:focus
{
	border:1px solid #6f6f6f;
	color:#333333; 
	ie-dummy: expression(this.hideFocus=true);outline:none;
}
.clearFieldBlurred {color:#333;}
.clearFieldActive {color:#cecece;}

/*Form, Text Field with clear field */
.clearFieldDropDown{
	color: #333333;	
	min-height:22px;
	text-indent:1px;
	font-size:11px;
	border:1px solid #d9d9d9;
	padding:7px 7px;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;}

.clearFieldDropDown:hover
{
border:1px solid #6f6f6f;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}

.clearFieldDropDown:focus
{
	border:1px solid #6f6f6f;
	color:#333333; 
	ie-dummy: expression(this.hideFocus=true);outline:none;
}

.EnquiryField{
	color: #333;
	font-size:11px;
	width:400px;
	min-width:400px;
	max-width:400px;
	height:365px;
	text-indent:3px;
	border:0;
	border:1px solid #d9d9d9;
	padding:5px 5px;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;}

.EnquiryField:hover{
	border:1px solid #6f6f6f;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

.EnquiryField:focus{
	border:1px solid #6f6f6f;
	ie-dummy: expression(this.hideFocus=true);outline:none;}
	
.EnquiryFieldBlurred { color:#333333;  }
.EnquiryFieldActive { color:#333333;  }

/*Select List*/
.sbHolder{
	
	border: 1px solid #d9d9d9;
	/*font-family: Verdana, Geneva, sans-serif;*/
	font-size: 11px;
	
	height: 30px;
	position: relative;
	width: 374px;
}
.sbHolder:focus .sbSelector{}

.sbSelector{
	display: block;
	height: 30px;
	left: 0;
	z-index:99px;
	line-height: 30px;
	outline: none;
	overflow: hidden;
	position: absolute;
	text-indent: 10px;
	top: 0;
	width: 374px;
}
.sbSelector:link, .sbSelector:visited, .sbSelector:hover{
	color: #333;
	outline: none;
	text-decoration: none;
}
.sbToggle{
	background: url(../images/select-icons.png) 0 -35px no-repeat;
	display: block;
	height: 30px;
	outline: none;
	position: absolute;
	right: 0;
	top: 0;
	width: 30px;
}
.sbToggle:hover{
	background: url(../images/select-icons.png) 0 20px no-repeat;
}
.sbToggleOpen{
	background: url(../images/select-icons.png) 0 -15px no-repeat;
}
.sbToggleOpen:hover{
	background: url(../images/select-icons.png) 0 -66px no-repeat;
}
.sbHolderDisabled{
	background-color: #3C3C3C;
	border: solid 1px #515151;}

.sbHolderDisabled .sbHolder{}
.sbHolderDisabled .sbToggle{
	
}
.sbOptions{
	background-color: #fff;
	border: 1px solid #e9e9e9;
	list-style: none;
	left: -1px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 30px;
	width: 374px;
	z-index: 1;
	overflow-y: auto;
}
.sbOptions li{
	padding: 0 7px;
}
.sbOptions a{
	border-bottom: 1px dotted #515151;
	display: block;
	outline: none;
	padding: 7px 0 7px 3px;
}
.sbOptions a:link, .sbOptions a:visited{
	color: #333;
	text-decoration: none;
}
.sbOptions a:hover,
.sbOptions a:focus,
.sbOptions a.sbFocus{
	color: #ff1f2d;
}
.sbOptions li.last a{
	border-bottom: none;
}
.sbOptions .sbDisabled{
	border-bottom: 1px dotted #515151;
	color: #999;
	display: block;
	padding: 7px 0 7px 3px;
}
.sbOptions .sbGroup{
	border-bottom: dotted 1px #515151;
	color: #EBB52D;
	display: block;
	font-weight: bold;
	padding: 7px 0 7px 3px;
}
.sbOptions .sbSub{
	padding-left: 17px;
}

/*Button*/
.Btn{
	color: #fff;
	border:0;
	background-color:#d41217;
	padding:5px 10px; 
	font-weight:normal;
	font-size:11px;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

.Btn:hover{
	background-color:#1a1a1a;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}



/***Programmer***/
.IE8Fix
{
    z-index: 1;
}


.errMsg, .errMsg a:link, .errMsg a:visited, .errMsg a:Active
{

	font-size: 10px;	
	color:#CC0000 !important;
}

.errMsg a:hover
{
    text-decoration: underlink;
}

.subnav li.active a{
	color:#f51b21; 
}

.bar:after {
    content:" Upload Receipt File ";
    background-color:white;
}

.fileUpload{
	color: #666;
	width:230px;
	min-height:20px;
	text-indent:3px;
	font-size:11px;
	border:1px solid #d9d9d9;
	padding:5px 7px;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}