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


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

body{
	background: url(images/background.gif) center top repeat-y;
	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: hidden;
	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      */
#site{
	width: 860px;
	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;
}
#site-top-cap{
	width: 858px;
	background: url(images/site_box_top.jpg) left top no-repeat;
	height: 40px;
}
#site-content{
	background: url(images/site_box_bg.jpg) left top repeat-y;
	width: 860px;
	padding: 0 60px 0 50px;
	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: 750px;
}
#site-bottom-cap{
	background: url(images/site_box_bottom.jpg) left top no-repeat;
	height: 60px;
	clear:both;
	text-align: center;
	color: white;
	font-size: 0.8em;
	position: relative;
}
#site-bottom-cap p{
	margin:0;
	padding:0;
	position: relative;
	top:35px;
	text-transform:lowercase;
}

/* the linked list of products on the homepage */
#product-link-list{
	list-style: none;
	margin:1em 0 1em 0;
	padding:0;
}

#product-link-list li{
	float: left; 
	margin: 0 10px 0 0;
	padding:0;
	background: #6c6b6b;
	display: block;
}
#product-link-list li a{
	float:left;
	margin:0;
	padding:0;
	display: block;
	width:77px;
	height:59px;
	border: 2px solid white;
	position: relative;
	overflow: visible;
	z-index:1;
}

#product-link-list li a img{
	position: absolute;
	left:-9px;
	top:-9px;
	padding:0;
	border:none;
	border: 2px solid white;
}

/*   SITE CONTENT HEADER    */

#site-content-header{
	font-family: "Times New Roman", Times, serif;
	color: #981800;
	text-align:right;
}
#site-content-header #logo{
	float: left;
	margin-bottom: 10px;
}
#site-content-header #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;
}
#site-content-header h1{
	font-size: 3em;
	margin:0;
	padding:0;
}
#site-content-header p{
	margin:0;
	padding:0;
	color: #A83C0F;
}
#site-content-header dl{
	margin:0;
	padding:0;
	float: right;
	font-size: 1.1em;	
	text-align: right;
	width: 260px;
}
#site-content-header dt{
	text-align: right;
	margin: 0;
	padding: 0;
}
#site-content-header dd{
	text-align: right;
	color:#A83C0F;
	margin:0;
}
#site-content-header dl div{
	float: right;
	margin: 20px 0 0 10px;
}


/*   --------------------- PRIMARY NAV ---------------------------  */
#primary-navigation{
	margin:5px 2.5px 10px 2.5px;	
	padding:0;
	list-style: none;
	background: #981800 url(images/primary_nav_bg.gif) left bottom repeat-x;
	float: left;
	width: 740px;
	height: 35px;	
}
/* dont ask me why, but when this list is floated left, 
in IE, it doubles the margin width, so we need to set it to 
2.5px margin instead of 5px to make it work.  for nice browsers
we will set it normally below.
*/
html>body #primary-navigation{
	margin:5px 5px 10px 5px;
}

#primary-navigation li{
	float: left;
	padding-bottom:1em;
	height: 35px;
	margin:0;
	padding:0;
}
#primary-navigation li a{
	text-decoration:none;
	text-transform:uppercase;
	color: white;
	float: left;
	margin: 0;
	padding: 0;
	height: 35px;
	text-indent:-1000em;
	
}
#primary-navigation li a:hover{
	color: #C79907;
	background-position: left bottom;
}
/* ------------------ PRIMARY NAV LINKS -------------------------*/
#home-link{
	background: url(images/nav_bar_home.gif) left top no-repeat;
	width:84px;
}
#products-link{
	background: url(images/nav_bar_products.gif) left top no-repeat;
	width:101px;
}
#doing-business-link{
	background: url(images/nav_bar_business.gif) left top no-repeat;
	width:213px;
}
#about-link{
	background: url(images/nav_bar_about.gif) left top no-repeat;
	width:90px;
}
#pricing-link{
	background: url(images/nav_bar_pricing.gif) left top no-repeat;
	width:140px;
}
#contact-link{
	background: url(images/nav_bar_contact.gif) left top no-repeat;
	width:112px;
}




#primary-content{
	clear: both;
	width: 750px;
	background: url(images/site_content_gradient.jpg) left top repeat-x;
}

#homepage-content{
}

#product-search{
	background: #6c6b6b url(images/product_search_bg.gif) left top repeat-x;
	border: 5px solid #6c6b6b;
	float: right;
	padding: 10px;
	margin: 0 0 5px 0;
	width: 300px;
}
#product-search h1{
	font-family: "Times New Roman", Times, serif;
	color: white;
	font-size: 1.8em;
	margin: 0.15em 0 0 0;
	padding: 0.25em;
	width: auto;
	border-bottom: 2px white dotted;
	display:block;
	text-align: left;
}
#product-search #need-help{
	font-size: 9px;
	display:block;
	float: right;
	clear: both;
	color: white;
	margin-top: -20px;
}
#product-search #need-help:hover{
	text-decoration: underline;
}
#product-search input{
	margin:0px;
}
#product-search input#search{
	width:170px;
	clear:both;
}
#product-search input#submit-search{
	margin-left: 5px;
}
#product-search #search-inputs{
	background: url(images/form_arrow.gif) 0px center no-repeat;
	padding-left: 20px;
	margin-top:10px;
}


/* ---------------  ADDRESS PROPERTIES -------------------------------*/
#add-pa{
	float: left;
	padding: 0;
	width: 300;
	text-indent: 100em;
}

#add-fl{
	float: left;
	padding: 0;
	width: 300;
	text-indent: 400em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}


/* ---------------  RIGHT SIDE ACTION BUTTONS ------------------------*/
#locate-partner,#request-quote,#request-catalog{
	float: right;
	padding: 0;
	margin: 0 0 10px 10px;
	width: 305px;
	text-indent:-1000em;
}

#locate-partner a,#request-quote a,#request-catalog a{
	margin:0;
	padding:0;
	text-decoration:none;
}
#locate-partner h1,#request-quote h1,#request-catalog h1{
	margin:0;
	padding:0;
}

#locate-partner{
	background: #961a02 url(images/red_vert_grad.gif) left top repeat-x;
	border: 5px solid #961a02;
	clear:right;
}
#locate-partner a{
	background: url(images/locate_a_partner.gif) left top no-repeat;
	display:block;
	width:306px;
	height:82px; 
}

#request-quote{
	background: #a83c0f url(images/orange_vert_grad.gif) left top repeat-x;
	border: 5px solid #a83c0f;
	clear:right;
}
#request-quote a{
	background: url(images/request_a_quote.gif) left top no-repeat;
	display:block;
	width:306px;
	height:82px; 
}

#request-catalog{
	background: #cc9807 url(images/yellow_vert_grad.gif) left top repeat-x;
	border: 5px solid #cc9807;
	clear:right;
}
#request-catalog a{
	background: url(images/request_a_catalog.gif) left top no-repeat;
	display:block;
	width:306px;
	height:82px; 
}

/* ---------------  END RIGHT SIDE ACTION BUTTONS ------------------------*/


#company-intro{
	background: white url(images/box_inner_shadow.gif) left top no-repeat;
	border: 5px solid #6c6b6b;
	clear: right;
	float: right;
	padding: 10px;
	margin: 0 0 5px 0;
	width: 300px;
		
}
#company-intro h1{
	text-align: right;
	line-height:40px;
	background: url(images/flame_bg.jpg) left top no-repeat;
	margin:0;
	padding:0;
	font-size: 1.2em;
	font-family: "Times New Roman", Times, serif;
	text-transform: uppercase;
}

#main-image{
	margin:15px 0 15px 0;
}

#main-home-link{
	font-size: 22px;
	display: block;
	text-align:center;
	text-decoration:none;
	font-family: "Times New Roman", Times, serif;
}
#main-home-link:hover{
	border:none;
	text-decoration:none;
}

#left-column{
	float: left;
	width: 380px;
	padding-left: 15px;
	height: auto;
}

#right-column{
	float: right;
	width: 330px;
	padding-right: 15px;
}

#sub-page-content{
	clear: both;
	padding: 15px;
}

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;
}


/* ---------------------- PRODUCTS PAGES STYLES ------------------------------*/
.download-file{
	float: right;
	margin: 5px;
}

#product-container{
	text-align: center;
}

#product-breadcrumb{
	font-size: 1.2em;
}

#product-breadcrumb em{
	font-style:normal;
	font-weight: bold;
}

#related-products{
}

#related-product-list{
}

#product-category-list{
	list-style: none;
	margin:0;
	padding:0;
}


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

.clearer{
	clear:both;
}
.clearleft{
	clear:left;
}
.clearright{
	clear:right;
}
#left-column2 {
	float: left;
	width: 380px;
	padding-left: 15px;
	height: auto;
}
#left-column3 {
	float: left;
	width: 380px;
	padding-left: 15px;
	height: auto;
}