/* CSS DISPLAY SCREEN WALL SIGNS */

/* ---------- 1.0 MISC ---------- */

*   {
	padding:0;
	margin:0;
	border:0;
	}
	
body {
	color:#818181;
	font: 0.7em "Arial", Tahoma, Helvetica, Sans-Serif;
	text-align:center;
	padding:15px 0;
	}

.end {
	clear:both !important;
	list-style:none !important;
	font-size:1em !important;
	text-indent:-2000em !important;
	line-height:1em !important;
	display:block !important;
	}

#container {
	width:764px;
	margin:0 auto;
	text-align:left;
	position:relative;
	z-index:3;
	}

.skipContent {
	font-weight: normal;
	font-size: 1.0em;
	line-height: 1.0em;
	text-indent: -2000em;
	display:block;
	position:absolute;
	top:-200px;
	}

.homePage {
	font-weight: normal;
	font-size: 1.0em;
	line-height: 1.0em;
	text-indent: -2000em;
	display:block;
	float:right;
	width:27px;
	height:27px;
	background:url(images/home_house.png) 0 0 no-repeat;
	z-index:1000;
	position:relative;
	left:-25px;
	}

.homePage:hover {
	background:url(images/home_house.png) -27px 0 no-repeat;
	}


/* ---------- 2.0 LOGO ---------- */

#logo {
	font-weight: normal;
	font-size: 1.0em;
	line-height: 1.0em;
	text-indent: -2000em;
	display:block;
	width:369px;
	height:115px;
	background:url(images/logo_amg_home_loans.png) 0 0 no-repeat;
	float:left;
	margin-bottom:10px;
	}

#logo a {
	width:369px;
	height:103px;
	display:block;
	text-decoration:none;
	cursor:pointer;
	}


/* ---------- 3.0 BROKER ---------- */

#broker {
	font-weight: normal;
	font-size: 1.0em;
	line-height: 1.0em;
	text-indent: -2000em;
	display:block;
	width:217px;
	height:58px;
	background:url(images/the_brokers_broker_phone.png) 0 0 no-repeat;
	float:right;
	margin-top:56px;
	}


/* ---------- 4.0 MENU ---------- */

#menu {
	clear:both;
	height:50px;
	width: 675px;
	}

#menu h3 {
	font-weight: normal;
	font-size: 1.0em;
	line-height: 1.0em;
	text-indent: -2000em;
	position:absolute;
	}

#menu .public {
	width:431px;
	background:#96d7f2 url(images/menu_repeat_x.png) 0 0 repeat-x;
	height:50px;
	float:right;
	}

#menu .public .wrapper {
	width:429px;
	background:url(images/menu_left.png) 0 0 no-repeat;
	height:50px;
	}

#menu .public ul {
	width:425px;
	display:block;
	background:url(images/menu_right.png) 100% 0 no-repeat;
	padding:0 0 0 6px;
	height:50px;
	}

#menu .client {
	width:167px;
	background:#004f91 url(images/menu_client_repeat.png) 0 0 repeat-x;
	height:50px;
	float:left;
	}

#menu .client .wrapper{
	width:167px;
	height:50px;
	background:url(images/menu_client_left.png) 0 0 no-repeat;
	}

#menu .client ul {
	width:inherit;
	display:block;
	height:50px;
	background:url(images/menu_client_right.png) 100% 0 no-repeat;
	padding:0 0 0 9px;
	}
	
#menu li {
	display:inline;
	float:left;
	font-size:1.1em;
	margin:0 1px;
	}

#menu li a, #menu li span, #menu li strong {
	float:left;
	display:block;
	text-decoration:none;
	color:#fff;
	cursor:pointer;
	}

#menu li strong {
	padding:9px 5px 0 5px;
	height:41px;
	}

#menu .public li.selected a, #menu .public a:hover{
	background:url(images/menu_link_selected_repeat.png) 100% 100% repeat-x;
	color:#82D0F0;
	}
	
#menu .public li.selected span, #menu .public a:hover span {
	background:url(images/menu_link_selected_left.png) 0 100% no-repeat;
	color:#82D0F0;
	}

#menu .public li.selected strong, #menu .public a:hover strong {
	background:url(images/menu_link_selected_right.png) 100% 100% no-repeat;
	color:#82D0F0;
	padding:16px 5px 0 5px;
	height:34px;
	}

#menu .client li.selected a, #menu .client a:hover{
	background:url(images/menu_link_selected_repeat.png) 100% 100% repeat-x;
	color:#004E90;
	}
	
#menu .client li.selected span, #menu .client a:hover span {
	background:url(images/menu_link_selected_left.png) 0 100% no-repeat;
	color:#004E90;
	}

#menu .client li.selected strong, #menu .client a:hover strong {
	background:url(images/menu_link_selected_right.png) 100% 100% no-repeat;
	color:#004E90;
	padding:16px 5px 0 5px;
	height:34px;
	}


/* ---------- 3.0 COLLEFT | COLRIGHT ---------- */

#colLeft {
	margin-top:20px;
	width:240px;
	float:left;
	clear:both;
	position:relative;
	
	}

/*
#colRight {
	width:505px;
	margin-top:20px;
	padding-left:1px;
	float:left;
	position:relative;
	background:url(images/split_grey_vertical.png) 0 0 repeat-y;
	}
*/

#colRight {
	width:734px;
	margin-top:20px;
	padding:0 15px;
	position:relative;
	}

	/* ---------- 3.1 COLLEFT ---------- */
			
		/* ---------- 3.1.1 MENU ---------- */
		
		#submenu {
			width:211px;
			background:url(images/submenu_repeat.png) 0 0 repeat-y;
			}

		#submenu .wrapper {
			width:211px;
			background:url(images/submenu_top.png) 0 0 no-repeat;
			}

		#submenu ul {
			width:193px;
			background:url(images/submenu_bottom.png) 0 100% no-repeat;
			padding:13px 8px;
			}
		
		#submenu h3 {
			font-weight: normal;
			font-size: 1.0em;
			line-height: 1.0em;
			text-indent: -2000em;
			position:absolute;
			}
			
		#submenu li {
			list-style:none;
			font-size:1.1em;
			margin-bottom:9px;
			}
			
		#submenu li a, #submenu li span, #submenu li strong {
			display:block;
			text-decoration:none;
			color:#fff;
			cursor:pointer;
			width:193px;
			}
		
		#submenu li strong {
			padding:8px 10px;
			width:173px;
			}

		#submenu li a{
			border-bottom:1px dashed #fff;
			}
		
		#submenu li.selected a, #submenu a:hover{
			background:url(images/submenu_link_selected_repeat.png) 0 0 repeat-y;
			border-bottom:1px solid #74CBEE;
			}
			
		#submenu li.selected span, #submenu a:hover span {
			background:url(images/submenu_link_selected_top.png) 0 0 no-repeat;
			}
		
		#submenu li.selected strong, #submenu a:hover strong {
			background:url(images/submenu_link_selected_bottom.png) 0 100% no-repeat;
			border:0;
			}
			
	/* ---------- 3.2 COLRIGHT ---------- */
		
		/* ---------- 3.2.1 MAIN ---------- */
		
		/*
		.main {
			font-size:1.1em;
			margin:0 0 0 30px;
			padding:0 0 10px 0;
			}
		*/
		
		#onlineBrokerReg {
			font-weight: normal;
			font-size: 1.0em;
			line-height: 1.0em;
			text-indent: -2000em;
			display:block;
			background:url(images/online_broker_registration.png) 0 0 no-repeat;
			width:207px;
			height:32px;
			float:right;
			}
			
		.main {
			font-size:1.1em;
			margin:0 0 0 0;
			padding:0 0 10px 0;
			}


		.main img {
			float:left;
			margin:0 12px 5px 0;
			background:#fff;
			border:2px solid #fff;
			padding:1px;
			}

		.main h1 {
			font-size:2.0em;
			font-weight:normal;
			color:#004f91;
			margin:1.8em 0 0.6em 0;
			}
	
		.main h2 {
			font-size:1.4em;
			color:#004f91;
			margin: 1.8em 0 0.6em 0;
			}
	
		.main h3 {
			font-size:1.1em;
			margin:0.6em 0 0.2em 0;
			clear:left;
			color:#004f91
			}

		.main h3 span {
			font-size:0.9em;
			}
	
		.main h4 {
			font-size:1.1em;
			margin-bottom:0.2em;
			width:439px;
			clear:left;
			position:relative;
			}
			
		.main p {
			line-height:1.4em;
			margin-bottom:1.2em;				
			}

		.main p em {
			width:99%;
			display:block
			}

		.main table {
			margin-bottom:2.8em;
			width:100%;
			}

		.main table th {
			padding:9px 10px;
			background:#004E90;
			color:#fff;
			font-size:1.1em;
			}

		.main table td {
			padding:6px 10px;
			background:#82D0F0;
			color:#fff;
			}
	
		.main ul, .main ol  {
			margin:0 0 1.7em 16px;
			}
	
		.main li {
			list-style:disc;
			margin-bottom:0.2em;
			}

		.main .pdf li {
			list-style:none;
			background:url(images/pdf-ico.png) 0 0 no-repeat;
			padding:12px 0 12px 45px;
			border-bottom:1px solid #EFEFEF;
			position:relative;
			width:300px;
			}
	
		.main a {
			color:#004E90;
			text-decoration:none;
			}

		.main .pdf li a {
			font-size:1.2em;
			font-weight:bold;
			}
	
		.main a:hover {
			color:#82D0F0;
			text-decoration:none;
			}
		
		/* ---------- 3.2.2 LENDERS ---------- */
		
		.lenders li {
			float:left;
			display:inline;
			width:130px;
			height:98px;
			margin:7px;
			}

		.lenders li a, .logoLenders {
			font-weight: normal;
			font-size: 1.0em;
			line-height: 1.0em;
			text-indent: -2000em;
			display:block;
			float:left;
			width:128px;
			height:96px;
			padding:1px;
			border:#EFEFEF 1px solid;
			}

		.logoLenders {
			float:right;
			}

		.lenders li a:hover {
			border:#82D0F0 1px solid;
			}
		
		/* ---------- 3.2.3 PANEL ---------- */
		
		#panel {
			float:right;
			width:339px;
			margin-left:20px;
			}

		.buttonForm {
			display:block;
			width:339px;
			margin:0 0 15px 0;
			padding-top:116px;
			background:url(images/panel_top.jpg) 68px 0 no-repeat;
			}

		.buttonForm li{
			display:inline;
			float:left;
			list-style:none;
			font-weight: normal;
			font-size: 1.0em;
			line-height: 1.0em;
			text-indent: -2000em;
			}

		.buttonForm .onlineBroker{
			display:block;
			width:196px;
			float:left;
			height:85px;
			background:url(images/online_broker_registration.png) 0 0 no-repeat;
			}

		.buttonForm .onlineDIP{
			display:block;
			width:143px;
			float:left;
			height:85px;
			background:url(images/online_dip.png) 0 0 no-repeat;
			}

		.buttonForm .onlineBroker:hover {
			background:url(images/online_broker_registration.png) 0 -90px no-repeat;
			}

		.buttonForm .onlineDIP:hover {
			background:url(images/online_dip.png) 0 -90px no-repeat;
			}

		.talkAmg {
			font-weight: normal;
			font-size: 1.0em;
			line-height: 1.0em;
			text-indent: -2000em;
			display:block;
			width:339px;
			background:url(images/talk_to_amg.png) 0 0 no-repeat;
			height:110px;
			float:right;
			margin:10px 0 0 0;
			}
		
		/* ---------- 3.2.4 CONTACT DETAILS ---------- */
		
		.contactDetails {
			float:right;
			width:190px;
			text-align:right !important;
			}

		.contactDetails p {
			text-align:right !important;
			}
		
		
		
		
		
		
		
		/* ---------- 3.2.5 FORM EMBED IN TABLE ---------- */
		
		table input, table select, table textarea {
			border:1px solid #DFDFDF;			
			}

		form table th{
			background:#fff !important;
			}

		form table td {
			background:#82D0F0;
			color:#fff;
			border:0 !important;
			font-weight:bold;
			}

		form table table td {
			border-bottom:1px #fff solid !important;
			border-left:1px #fff solid !important;
			}
			
			

		#brokerregistration input {
			width:250px;
			}

		#brokerregistration select {
			width:252px;
			}

		#brokerregistration textarea {
			width:248px;
			}

		#brokerregistration .date {
			width:70px !important;
			}

		form .button {
			background:#82D0F0;
			border:0;
			height:25px;
			color:#fff;
			cursor:pointer;
			font-weight:bold;
			padding:0 10px;
			width:160px;
			}

	/* ---------- 3.2.6 CONTACT FORM ---------- */
		
		.form form {
			width:500px;
			}
		
		.form p {
			margin-top:10px;
			position:relative;
			display:block;
			width:100%;
			top:0;
			left:0;
			z-index:10;
			}
	
		.form dd.radio {
			margin-bottom:12px;
			position:relative;
			}
		
		.form label {
			color:#5D5C58;
			padding-right:210px;
			font-size:1.0em;
			display:block;
			}
		
		.form input, .form select {
			border:1px solid #CFCFCF;
			width:180px;
			position:absolute;
			/*display:block;*/
			background:#fff;
			right:0;
			top:0;
			height:1.3em;
			font-size:1.0em;
			z-index:200;
			}
		
		.form select {
			width:182px;
			background:#82D0F0;
			color:#fff;
			font-weight:bold;
			height:1.2em;
			}
			
		.form .checkBox label {
			padding:0 0 0 20px;
			}
	
		.form .checkBox input {
			border:0;
			height:16px;
			width:16px;
			left:0;
			top:0;
			z-index:200;
			}
		
		.form .radio input {
			border:0;
			margin-right:236px;
			height:16px;
			width:16px;
			}
			
		.form .radio2 input {
			border:0;
			margin-right:5px;
			height:16px;
			width:16px;
			}
		
		.form #last input {
			border:0;
			margin-right:234px;
			height:16px;
			width:16px;
			}
		
		.form select option {
			color:#fff;
			background:#82D0F0;
			padding:3px 9px;
			border-bottom:1px solid #fff;
			font-size:1.0em;
			font-weight:normal;
			}
		
		.form textarea {
			border:1px solid #CFCFCF;
			width:498px;
			height:160px;
			margin-top:8px;
			font-size:1.2em;
			}
		
		.form .button {
			background:#82D0F0;
			color:#fff;
			font-weight:bold;
			font-size:1.1em;
			cursor:pointer;
			border:0;
			width:160px;
			height:1.6em;
			position:static;
			padding:0 0 3px 0;
			margin:0 0 10px 0px;
			}
			


/* ---------- 4.0 FOOTER ---------- */
	#footer {
		font-size:0.9em;
		width:764px;
		background:url(images/split_bluie_horizontal.png) 0 0 repeat-x;
		padding-top:15px;
		margin-top:20px;
		}

	#footer ul {
		position:relative;
		width:764px;
		}

	#footer li {
		display:inline;
		margin:0 1px;
		font-weight:bold;
		}

	#footer li.powered {
		margin:0 0 0 19px;
		}

	#footer a {
		color:#82D0F0;
		text-decoration:none;
		}

	#footer a:hover {
		color:#004E90;
		}

/* ---------- 5.0 NOTIFICATION ---------- */
#notification {
	background:#008FD0;
	width:240px;
	position:absolute;
	top:50%;
	left:50%;
	margin:-50px 0 0 -120px;
	color:#000;
	z-index:1000;
	display:none;
	padding:10px 10px;
	text-align:left;
	border:4px solid #fff;
	}

#notification h3 {
	font-size:1.7em;
	color:#fff;
	}

#notification p {
	background:#fff;
	display:block;
	padding:9px 10px;
	margin-bottom:10px;
	color:#7A7A7A;
	}

#notification a {
	border:#0094CF solid 1px;
	background:#009EE0;
	color:#fff;
	font-weight:bold;
	cursor:pointer;
	width:150px;
	height:1.8em;
	position:static;
	padding:2px 10px;
	margin:0 0 10px 0px;
	text-decoration:none;
	}
