/*---------------------------- POPUP CSS DOCUMENT FOR LLOYD INDUSTRIES WEBSITE -------------------------------------*/


/*----- GLOBAL TAG STYLES -----*/
html, body{
	margin:0;
	padding: 0;
	width: 100%;
	height: 100%;
}

body{
	background: url(images/popup_bg.gif) center top repeat;
	text-align: center; /* to center the site in IE */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
}

/* remove default blue border around linked images */
a img{
	border: none;
}

/*  remove overflow and halo effect on image-replaced text */
a{
	overflow: none;
	color: #980000;
	text-decoration:none;
}

a:hover{
	text-decoration:underline;
}

p{
	margin:0;
	padding: 0.5em 0 0.5em 0;
}

form{
	margin: 0;
	padding: 0;
}

h1{
	font-size:1.6em;
}
h2{
	font-size:1.4em;
}
h3{
	font-size:1.3em;
}
h4{
	font-size:1.0em;
}
h5{
	font-size:0.8em;
}

/*----- ID TARGETED STYLES -----*/

/*      SITE BOX AND CONTENT AREAS      */
#popup{
	width: 576px;
	margin: 0 auto 0 auto; /* to center the site in standards compliant browsers */
	text-align: left; /*to adjust for the centering of the site in IE */
	padding: 0;
}
#popup-top-cap{
	background: url(images/popup_box_top.gif) left top no-repeat;
	height: 35px;
}
#popup-main{
	background: url(images/popup_box_bg.gif) left top repeat-y;
	width: 576px;
	padding: 0 30px 0 30px;
	position: relative;

	/* 	
	box model hack due to incorrect
	box model display in IE5 & IE5.5 
	15px padding & 700px width = 730px wide box in most browsers
	15px paddnig & 700px width = 700px wide box in IE5 & IE5.5
	*/
	voice-family: "\"}\""; 
  	voice-family:inherit;
	width: 516px;
}
#popup-bottom-cap{
	background: url(images/popup_box_bottom.gif) left top no-repeat;
	height: 35px;
	clear:both;
}

#content{
	clear: both;
}


#lloyd-logo img{
	float: left;
	margin-bottom: 10px;
}
#lloyd-title{
	float: left;
	text-align:left;
	text-indent: -1000em;
	overflow: hidden;
	background: url(images/lloyd_title.gif) top left no-repeat;
	width: 365px;
	height: 88px;
}
#lloyd-title h1{
	font-size: 3em;
	margin:0;
	padding:0;
}
#lloyd-title p{
	margin:0;
	padding:0;
	color: #A83C0F;
}
/*----------------------- FORM STYLES --------------------------*/
form#contact-us-form{
}

form#contact-us-form fieldset{
	margin:0;
	padding:0;
	border:none;
}
label{
	width: 10em;
	float: left;
}
#contact-us-form select{
	margin: 0.25em;
}
#contact-us-form div>label{
	width: 10em;
	float: left;
	display: block;
	margin: 0.25em;
}
#contact-us-form div>input{
	margin: 0.25em;
	width: 15em;
}
#contact-us-form div>textarea{
	margin: 0.25em;
	width: 15em;
	font: inherit;
}

#contact-us-form div{
	clear: both;
}

#contact-us-form div>#label-products{
	float: none;
	width: auto;
}
#product-list{
	margin: 0;
	padding: 0;
	list-style: none;
}

#product-list input{
	width: auto;
}
#product-list label{
	float: none;
	width: auto;
}
#product-list li{
	clear: both;
}



#contact-us-form div #label-products{
	float: none;
	width: auto;
}
#product-list{
	margin: 0;
	padding: 0;
	list-style: none;
}

#product-list input{
	width: auto;
}
#product-list label{
	float: none;
	width: auto;
}
#product-list li{
	clear: left;
}

#contact-us-form  #label-comments{
	width:auto;
}

#contact-us-form  #comments{
	width: 350px;
	height: 80px;
	padding: 3px;
}


/*----- CLASS TARGETED STYLES -----*/

.clearer{
	clear:both;
}
.clearleft{
	clear:left;
}
.clearright{
	clear:right;
}