/***********************************/
/*** Core Contact Page Setup ***/
/***********************************/



body {
font-family:  "Lucida Sans Unicode", "Lucida Grande ", "Lucida Sans", "Lucida", "Trebuchet MS", "Helvetica", "Arial", "Verdana", sans-serif; 
font-size: 12px;
text-align: center;   /* This is a hack to correctly center the container in IE */
}

img {
border: 0px;
}

#wrapper { 
margin: 0 auto;
margin-top: 40px;
margin-bottom: 10px;
width: 800px;
border: 1px solid #999999;
background: #ffffff;
text-align: center;  /*This is a hack to correctly center the container in IE */
}

* html div#wrapper {  
	width: 802px; 
	w\idth: 800px; }
/* This is the Tan hack */

#header {
width: 798px;
color: #333;
padding: 0px;
border: 0px solid #ffffff;
height: 100%;
margin: 0px 0px 0px 0px;
background: #ffffff;
float: left;
}

#navigation {
width: 780px;
height: 17px;
color: #333;
padding: 0px;
border: 0px;
margin: 0 auto;
background: #ffffff;
text-align: center;
clear: left;
}

#nav {
margin: 0px;
padding: 0px;
background: #ffffff;
list-style-type: none;
width: 780px;
float: left; /* Contain floated list items */ 
}

#nav li {
font-family:  "Lucida Sans Unicode", "Lucida Grande ", "Lucida Sans", "Lucida", "Trebuchet MS", "Helvetica", "Arial", "Verdana", sans-serif; 
font-size: 10px;
margin: 0px;
padding: 0px;
float: left;
}

#nav a {
float: left;
color: #999999;
text-decoration: none;
line-height: 0;
border-right: 0px;
}

#navigation2 {
width: 780px;
height: 19px;
color: #333;
padding: 0px;
border: 0px;
margin: 0 auto;
background: #998643; /*This is equivalent to PMS 4505 */
text-align: center;  /*This is a hack to correctly center the container in IE */
clear: left;
}

#navigation3 {
width: 780px;
height: 2px;
color: #333;
padding: 0px;
border: 0px;
margin: 0 auto;
background: #000000;
text-align: center;
}

#content { 
width: 778px;
color: black;
border: 1px solid #9a9b9d;
background: #d8d9dd;
background-image:url("../images/contact-img/midtown-banner.jpg");
background-repeat:no-repeat;
background-position: top right;
margin: 0 auto;
text-align: left;
padding: 0;
height: 146px;
}


#content h1 {
margin:  0 310px 5px 20px;
padding: 10px 0 0 0;
font-size: 14px;
}

#content p {
font-family: "Lucida Sans Unicode", "Lucida Grande ", "Lucida Sans", "Lucida", "Trebuchet MS", "Helvetica", "Arial", "Verdana", sans-serif; 
font-size: 12px;	
line-height: 1.4;	
margin:  0 20px 0 20px;
}

.bold {
font-weight: bold;
}



/***********************************/
/*** Contact Info Section in Form ***/
/***********************************/

fieldset#contactinfo{
margin: 0 auto;
margin-top: 30px;
padding: 20px 0px 20px 0px;
width: 640px;
height: 200px;
background: #ffffff;
background-image:url("../images/contact-img/first-gradient.jpg");
background-repeat:repeat-x;
background-position: bottom left;
border-style: none;
border-top: 1px solid #003366;
text-align: left;
}

legend {
margin-left: 30px;
color: #000000;
font-weight: bold;
padding: 0px;
}

#companyColumn {
background: none;
width: 310px;
float: left;
}

#addressColumn {
background: none;
width: 320px;
float: right;
clear: right;
}


#companyColumn ol li, #addressColumn ol li, #engineColumn ol li {
height: 30px;
list-style: none;
}


label {
float: left;
width: 150px;
margin: 0px 0px 0px 0px;
text-align: right;
background: none;
}

label.asi {
float: left;
width: 160px;
margin: 0px 0px 0px 0px;
text-align: right;
background: none;
}
#required {
background: none;
width: 600px;
font-size: 12px;
font-weight: bold;
margin: 10px 10px 0px 10px;
text-align: center;
float: left;
}

#disclosure {
background: none;
font-size: 10px;
margin: 0px 10px 10px 10px;
float: left;
}

.asterisk {
font-weight: bold;
color: blue;
}



/*********************************************/
/*** Apparel Quantity Section in Form ***/
/********************************************/

fieldset#quantitySection{
margin: 0 auto;
padding: 0px 0px 30px 0px;
width: 620px;
height: 150px;
background: #ffffff;
background-image:url("../images/contact-img/second-gradient.jpg");
background-repeat:repeat-x;
background-position: bottom left;
border-style: none;
border-top: 1px solid #003366;
text-align: left;
}

.statement {
background: none;
margin: 10px 10px 10px 10px;
float: left;
}

.dropdown {
width: 620px;
float: left;
text-align: center;
margin: 10px 0px 0px 0px;
}

select {
background-color: #ffffff;
font-size: 12px;
font-family: "Lucida Sans Unicode", "Lucida Grande ", "Lucida Sans", "Lucida", "Trebuchet MS", "Helvetica", "Arial", "Verdana", sans-serif; 
}

input.cleardefault[type="text"] {
color: #000000;
background-color: #ffffff;
border: 1px solid #bcbcbc;
margin-left: 30px;
font-size: 12px;
font-family: "Lucida Sans Unicode", "Lucida Grande ", "Lucida Sans", "Lucida", "Trebuchet MS", "Helvetica", "Arial", "Verdana", sans-serif; 

}

/***********************************/
/*** Comments Section in Form ***/
/***********************************/


fieldset#commentary{
margin: 0 auto;
padding: 0px 0px 30px 0px;
width: 620px;
background: #ffffff;
background-image:url("../images/contact-img/third-gradient.jpg");
background-repeat:repeat-x;
background-position: top left;
border-style: none;
border-top: 1px solid #003366;
text-align: center;
}

textarea#styled {
width: 500px;
height: 120px;
border: 3px solid #cccccc;
padding: 5px;
font-family: Tahoma, sans-serif;
background: #ffffff;
}

#comments {
background: none;
margin: 10px 0px 10px 0px;
text-align: center;
}


fieldset#submitbutton{
margin: 0 auto;
padding: 0px 0px 10px 0px;
width: 620px;
background: #ffffff;
border-style: none;
text-align: center;
}


fieldset#contactinfo ol, fieldset#quantitySection ol, fieldset#commentary ol {
padding: 0px 0px 0px 0px;
margin: 0px;
list-style: none;
}

/**************************************************/
/*** Submit, Attachments Sections in Form ***/
/*************************************************/

input.submit {
width:100px;
height: 25px;
color: #fed900;
margin: 0;
border: 1px outset #594910;
border: 1px inset #cccccc;
background-color: #998643;
font-family: "Lucida Sans Unicode", "Lucida Grande ", "Lucida Sans", "Lucida", "Trebuchet MS", "Helvetica", "Arial", "Verdana", sans-serif; 
font-size: 12px;
font-weight: bold;
cursor: pointer;
}



fieldset#attachments{
margin: 0 auto;
padding: 0px 0px 10px 0px;
width: 620px;
background: #ffffff;
border-style: none;
text-align: center;
}

#attachfiles {
background: none;
margin: 10px 0px 10px 0px;
text-align: center;
}



#footer { 
width: 798px;
color: #333;
border: 0px solid;
background: #ffffff;
margin: 0px 0px 0px 0px;
padding: 0px;
}

a:link { 
color: #cc092f; /* PMS 186*/
text-decoration: none; 
}
	
a:hover { 
color: #cc092f; /* PMS 186*/ 
text-decoration: none;
font-weight: bold; 
}

a:active { 
color: #cc092f; /* PMS 186*/
text-decoration: none; 
}

a:visited { 
color: #cc092f; /* PMS 186*/
text-decoration: none; 
}

	a.rollover_products { 
		display: block; 
		width: 76px; 
		height: 17px; 
		text-decoration: none; 
		background: url("../images/navigation/ktp_secondary_nav/ktp-products.jpg"); 
		text-indent: -3000px;
		color: rgb(0,0,0);
		display:-moz-inline-box;
		display:inline-block;
		overflow:hidden;
		/* The last five rules are used to hide text off the left side of the page for blind users,
			but can enable screen readers to "see" it on the page.  It will also create it 
			as a seemingly inline element, so you can include it inline, but still give it a
			height and width. */
		}

	a.rollover_products:hover { 
		background-position: -76px 0; 
		}

	a.rollover_design { 
		display: block; 
		width: 96px; 
		height: 17px; 
		text-decoration: none; 
		background: url("../images/navigation/ktp_secondary_nav/ktp-design.jpg"); 
		text-indent: -3109px;
		color: rgb(0,0,0);
		display:-moz-inline-box;
		display:inline-block;
		overflow:hidden;
		}

	a.rollover_design:hover { 
		background-position: -96px 0; 
		}

	a.rollover_ideas { 
		display: block; 
		width: 91px; 
		height: 17px; 
		text-decoration: none; 
		background: url("../images/navigation/ktp_secondary_nav/ktp-ideas.jpg"); 
		text-indent: -3000px;
		color: rgb(0,0,0);
		display:-moz-inline-box;
		display:inline-block;
		overflow:hidden;
		}

	a.rollover_ideas:hover { 
		background-position: -91px 0; 
		}

	a.rollover_hydro { 
		display: block; 
		width: 83px; 
		height: 17px; 
		text-decoration: none; 
		background: url("../images/navigation/ktp_secondary_nav/ktp-hydropose.jpg"); 
		text-indent: -3000px;
		color: rgb(0,0,0);
		display:-moz-inline-box;
		display:inline-block;
		overflow:hidden;
		}

	a.rollover_hydro:hover { 
		background-position: -83px 0; 
		}

	a.rollover_proceed { 
		display: block; 
		width: 119px; 
		height: 17px; 
		text-decoration: none; 
		background: url("../images/navigation/ktp_secondary_nav/ktp-how-to-proceed.jpg"); 
		text-indent: -3000px;
		color: rgb(0,0,0);
		display:-moz-inline-box;
		display:inline-block;
		overflow:hidden;
		}

	a.rollover_proceed:hover { 
		background-position: -119px 0; 
		}

	a.rollover_press { 
		display: block; 
		width: 84px; 
		height: 17px; 
		text-decoration: none; 
		background: url("../images/navigation/ktp_secondary_nav/ktp-press-room.jpg");
		text-indent: -3000px;
		color: rgb(0,0,0);
		display:-moz-inline-box;
		display:inline-block;
		overflow:hidden;
		}

	a.rollover_press:hover { 
		background-position: -84px 0; 
		}

	a.rollover_contact { 
		display: block; 
		width: 90px; 
		height: 17px; 
		text-decoration: none; 
		background: url("../images/navigation/ktp_secondary_nav/ktp-contact.jpg"); 
		background-position: -90px 0; 
		text-indent: -3000px;
		color: rgb(0,0,0);
		display:-moz-inline-box;
		display:inline-block;
		overflow:hidden;
		}

	a.rollover_general { 
		display: block; 
		width: 92px; 
		height: 17px; 
		text-decoration: none; 
		background: url("../images/navigation/ktp_secondary_nav/ktp-general-info.jpg"); 
		text-indent: -3000px;
		color: rgb(0,0,0);
		display:-moz-inline-box;
		display:inline-block;
		overflow:hidden;
		}

	a.rollover_general:hover { 
		background-position: -92px 0; 
		}

	a.rollover_home { 
		display: block; 
		width: 48px; 
		height: 17px; 
		text-decoration: none; 
		background: url("../images/navigation/ktp_secondary_nav/ktp-home.jpg"); 
		text-indent: -3000px;
		color: rgb(0,0,0);
		display:-moz-inline-box;
		display:inline-block;
		overflow:hidden;
		} 

	a.rollover_home:hover { 
		background-position: -48px 0; 
		}