/* dpsweb/ferguson/css/consultation.css
	 $Id: consultation.css,v 1.10 2017-09-25 13:42:26 bkremkau Exp $ */

div.consultDialog {
    border: 0 none;
    margin: 0;
    padding: 0 !important;
	z-index:1006;
}

/* hide the title bar */
.consultDialog .ui-widget-header {
	background: none;
	border: 0 none;
	padding: 0;
	/*height: 10; */
}

/* always show the close box */
.consultDialog .ui-icon {
    background-image: url(/ferguson/images/ui-icons_454545_256x240.png);		
}

.consultDialog .ui-dialog-titlebar-close {
	/* padding-top: 15px !important; */
}

.consultDialog .ui-dialog-titlebar {
	z-index: 0;
	position: absolute;
	width: 940px ;
}
.consultDialog .ui-dialog-title {
	color: black;
}

#consult-container {
	display:block; 
	position: absolute;
	/*top: -11px;*/
	width: 900px;
	height: 535px;
	text-align: left; 
	background: white;
	/* background: #fff url(/ferguson/images/bg-consult.png) repeat-x left bottom; */
	font-family: "Myriad Pro", Arial; 
}
	
#consult-left {
	background: url(/ferguson/images/left_step_1.jpg) repeat-y scroll left top transparent;
	float: left;
	height: 601px;
	text-align: left;
	position: relative;
	width: 229px; 	
	z-index: 100;
	padding: 0 0 0 20px;
}

#consult-left-thankyou {
	background: url(/ferguson/images/left_step_2.jpg) repeat-y scroll left top transparent;
	float: left;
	height: 601px;
	text-align: left;
	width: 229px; 
}

#consult-right {
	float: left;
	width: 650px;
	height: 535px;	
	text-align: left;
	padding: 0;
}
#consult-right p {
	margin:10px 0;
	font-size: 13px;
}
#consult-right h2 {
	color: #064265;
	font-family: "Myriad Pro",Arial !important;
	font-size: 24px;
	font-weight: bold;
	margin-top:20px
}

.consultPadTop {
	padding: 11px 0 0 0;
}

.form_table_consult td {
	padding-right: 2px;
}

.form_table_consult td.label {
	text-align:right;
	max-width: 200px;	
}

.consult_textfield {
	font-family:Arial, Helvetica, sans-serif !important;
	font-size:12px !important;
	width:188px;
	height:18px;
	background:url(/ferguson/images/fpp_field_bg.gif) repeat-x bottom left;
	color:#666;
	border: 1px solid #b8dbed;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 5px;
	margin-top:5px;
	margin-bottom:5px;
}

.consult_textarea {
	font-family:Arial, Helvetica, sans-serif !important;
	font-size:12px !important;
	width:100%;
	background:url(/ferguson/images/fpp_field_bg.gif) repeat-x bottom left;
	color:#666;
	border: 1px solid #b8dbed;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 5px;
	margin-top:5px;
	margin-bottom:5px;
}

div.consult_select {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;	
}

select.consult_select {
	background: url(/ferguson/images/fpp_field_bg.gif) repeat-x scroll left bottom transparent;
    border: 1px solid #B8DBED;
    color: #666666;
	width: 200px;
	padding: 3px 3px 3px 5px;
	margin: 5px 0 5px 0;
}

.phoneSmall {
	width:58px;
	margin-right:8px;
}
.phoneSmall_consult {
	width:30px;
}

.phoneLarge_consult {
	width:40px;
}

.phoneLarge {
	width:40px;
}

.consult_dash {
	font-size:20px;
	color:#999;
	text-align:center;
}

/* Button Next */
#btn-next {
	width: 75px;
	height: 22px;
	position:absolute;
	cursor: pointer;
	margin: 650px 0 0 580px;
	left: 220px;
	display: inline;
}
		 
#btn-next span {
	background: url(/ferguson/images/btn-submit.jpg) no-repeat left bottom;
	display:block;
	position:absolute;
	top:0px;
	left:0px;
	width: 75px;
	height: 22px;
	cursor: pointer;
}

#success {
	float:left;
	width: 100%;
	height: 535px; 
}

#success h2 {
	font-family: "Myriad Pro", Arial; 
	font-size: 20px; 
	font-weight:600;
	color: #003365;
	padding: 90px 0 0 20px; 
}

#success p {
	font-family: Arial; 
	font-size: 14px;
	line-height: 21px;
	width: 450px;
	color: #333333;
	padding: 7px 0 0 20px;
}

#success a.button {
	margin: 15px 0 0 20px;
}

.button {
	float:left;
	width: auto;  
	height:22px; 
	text-align: center;
	font-family: "Myriad Pro", Arial; 
	font-size: 12px; 
	font-weight:800;
	padding: 7px 7px 0 7px;
	color: #999999;	  
	border: 0px;					
	text-decoration:none !important;
	margin: 0 5px 0 0;
} 

.btn-backsite {
	border: 0px;
	background: url(/ferguson/images/btn-backsite-lg.png) no-repeat left center;
	width: 200px;
}

#button-phone-number {
	margin-left: 30px; 
	cursor: pointer
}

#show-phone-number {
	margin-left: 30px; 
	display:none;
}

label.checkbox_checked {
	background: url(/ferguson/images/fpp_checkbox30.gif) no-repeat scroll left bottom transparent;
	border: medium none;
	color: #003365;
	float: left;
	font-family: Arial;
	font-size: 12px;
	height: 30px;
	letter-spacing: normal;
	line-height: 22px;
	padding-left: 25px;
	width:30px;
}
label.checkbox_unchecked {
	background: url(/ferguson/images/fpp_checkbox30.gif) no-repeat scroll left top transparent;
	color: #003365;
	float: left;
	font-family: Arial;
	font-size: 12px;
	height: 30px;
	letter-spacing: normal;
	line-height: 22px;
	padding-left: 25px;
	width:30px;
}

#formDiv, #thankYouDiv {
	padding: 0;
	width: 920px !important;
}

.consultDialog {
	padding: 10px !important;
}

/* hide the title bar */
.consultDialog .ui-widget-header {
	background: none;
	border: 0 none;
	padding: 0;
	height: 10;
}

/* always show the close box */
.consultDialog .ui-icon {
    background-image: url(/ferguson/images/ui-icons_454545_256x240.png);		
}

.consultDialog .ui-dialog-titlebar-close {
	padding-top: 15px !important;
}

.consultDialog .ui-dialog-title {
	color: black;
}

.error, .errorExplain {
	color: red;
	font-size: 12px;
	font-weight:bold;
}

.errorInvalid  {
	color: red;
}

.label {
    color: #00476B;
    font-size: 12px;
    padding: 3px;
    white-space: nowrap;
}

.ui-widget-overlay {
	opacity: 0.6!important;
	background: #333 none repeat scroll 0 0!important;
}