﻿body {
	background-image: url(../../Images/Login_BG_gradient_ING.gif);
	background-repeat: repeat-x;
	background-color: #efefef;
	margin: 0px;
	font-family: Tahoma, Verdana, Arial, Calibri, sans-serif;
	font-size: 11px;
	line-height: 150%;
}
a {
	color: black;
	text-decoration: none;
}
a:hover { text-decoration: underline; }
input {
	font-size: 11px;
	color: #00395e;
	font-weight: bold;
	border: 1px solid #c4c4c4;
}
textarea {
	font-size: 11px;
	color: #00395e;
	border: 1px solid #c4c4c4;
}
select {
	font-size: 11px;
	color: #00395E;
	font-weight: bold;
	border: 1px solid #c4c4c4;
}
div {
	margin: 0px;
	padding: 0px;
}
p {
	margin: 0px;
	padding: 0px;
}
img { border: 0px; }
h1 {
	margin-top: 0px;
	font-size: 16px;
}
h2 {
	font-size: 14px;
	margin-top: 14px;
	margin-bottom: 8px;
}
h3 {
	font-size: 12px;
	margin-top: 12px;
	margin-bottom: 6px;
}
h4 {
	font-size: 11px;
	margin-top: 11px;
	margin-bottom: 5px;
}
h5 {
	font-size: 10px;
	margin-top: 10px;
	margin-bottom: 4px;
}
h6 {
	margin-top: 9px;
	font-size: 9px;
	margin-bottom: 3px;
}
table {
	border-width: 0px;
	border-style: none;
	border-spacing: 0px;
}
td {
	margin: 0px;
	padding: 0px;
	text-align: left;
	vertical-align: top;
}
fieldset { padding: 6px; }
.Bold { font-weight: bold; }
.Left { float: left; }
.Right { float: right; }
.GreyBorder {
	border-width: 1px;
	border-style: solid;
	border-color: #c6c6c6;
}
.OrangeBorder {
	border-width: 1px;
	border-style: solid;
	border-color: #f7941d;
}
.GreenNew { background-color: #bfd630; }
.SubMenuMainItemStarter {
	float: left;
	width: 48px;
	height: 24px;
}
.SubMenuMainItemHSpacer {
	float: left;
	width: 1px;
	height: 24px;
	background-color: #ffffff;
}
.SubMenuMainItemText {
	float: left;
	width: 185px;
	height: 20px;
	color: #ffffff;
	font-weight: bold;
	font-size: 14px;
	padding-left: 12px;
	padding-top: 4px;
}
.SubMenuSubItemHSpacer {
	float: left;
	width: 1px;
	height: 16px;
	background-color: #ffffff;
}
.SubMenuSubItemStarter {
	float: left;
	width: 48px;
	height: 16px;
	clear: both;
}
.SubMenuSubItemText {
	float: left;
	width: 173px;
	height: 16px;
	padding-left: 24px;
	font-size: 11px;
}
.WhiteBackground { background-color: #ffffff; }
.OrangeBackground { background-color: #f7941d; }
.OrangeMiddleBackground { background-color: #f7cfa0; }
.OrangeLightBackground { background-color: #fbe7d0; }
.TravelBackground { background-color: #604f44; }
.TravelMiddleBackground { background-color: #bbb4af; }
.TravelLightBackground { background-color: #dddad7; }
.TextilesBackground { background-color: #846e84; }
.TextilesMiddleBackground { background-color: #c9c0c9; }
.TextilesLightBackground { background-color: #e4e0e4; }
.LeisureBackground { background-color: #6b98ae; }
.LeisureMiddleBackground { background-color: #bfd1da; }
.LeisureLightBackground { background-color: #dfe8ed; }
.HomeBackground { background-color: #818284; }
.HomeMiddleBackground { background-color: #c8c8c9; }
.HomeLightBackground { background-color: #e4e4e4; }
.OfficeBackground { background-color: #606944; }
.OfficeMiddleBackground { background-color: #bbbeaf; }
.OfficeLightBackground { background-color: #dddfd7; }
.ToolsTechnicsBackground { background-color: #56648e; }
.ToolsTechnicsMiddleBackground { background-color: #b7bccd; }
.ToolsTechnicsLightBackground { background-color: #dbdee6; }
.ChildrenBackground { background-color: #f7941d; }
.ChildrenMiddleBackground { background-color: #fcdcb5; }
.ChildrenLightBackground { background-color: #fbe7d0; }

.TravelTextColor { color: #604f44; }
.TextilesTextColor { color: #846e84; }
.LeisureTextColor { color: #6b98ae; }
.HomeTextColor { color: #818284; }
.OfficeTextColor { color: #606944; }
.ToolsTechnicsTextColor { color: #56648e; }
.ChildrenTextColor { color: #f7941d; }

.NoBR { white-space: nowrap; }
.GreyBackground { background-color: #818284; }
.DarkblueBackground { background-color: #56648e; }
/* tooltip styling. by default the element to be styled is .tooltip  */
.tooltip {
	display: none;
	background: url(http://www.promotiontops.com/Content/img/black_arrow.png);
	font-size: 12px;
	height: 109px;
	width: 182px;
	padding: 14px;
	color: #fff;
}
/* validation image */
div.message
{
	background: transparent url(http://www.promotiontops.com/Content/img/msg_arrow.gif) no-repeat scroll left top;
	padding-left: 7px;
	font-weight: bold;
}

div.error{
	background-color:#fcdcb5;
	border-color: #c50000;
	border-style: solid solid solid none;
	border-width: 2px;
	padding: 2px;
}