/* CSS Document */


/* Font Init
------------------------------------------------------------------------------------------*/

html{
	font-family:  Verdana, Helvetica,Arial, sans-serif;
	color: #000;
	height: 100%;
}

body{
	background: #000;
	margin: 0px;
	color: #333;
	padding: 0px;
	text-align: center;
	height: 100%;
}


/* Tags
------------------------------------------------------------------------------------------*/
a, a:visited{
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
}

label, a:hover, label:hover{
	color: #f5d43b;s
	cursor: pointer;
}

/* Typography */
span, p, h1, h2, h3, h4, h5{
	color: #373534;
}

p, ul, ol, a{
	font-family:   Verdana,Helvetica, Arial, sans-serif;
	font-size: 1em;
	line-height: 1.4em;
}


h1{
	font-size: 1.6em;
	margin-left: 19px;
	margin-bottom: 13px;
}


h2{
	font-size: 12px;
	font-weight: bold;
	color: #990000;
	margin:0px 20px 0px;
}

h3{
	
}

hr{
	background-image:url(../images/design/hr-bg.jpg);
	background-repeat: repeat-x;
	width: 885px;
}

p img{
	float: none;
	margin: 0px;
}

small{
	display: block;
}

/* Classes
------------------------------------------------------------------------------------------*/
div.colborder{
	border: none;
}

.phark, .phark a{	
	text-indent: -5000px;
	display: block;
	/*font-size: 0;*/
	overflow: hidden;
}

h1.phark{
	height: 18px;
	margin:0 0 14px 19px;
}
h2.phark{	margin: 15px 0px 3px 0px;}



.left{
	float: left;
	margin-right: 30px;
}
.right{	float: right;}

p.important{	color: #373534;}

img.button{	margin:7px 0 -6px;}


.faux-left-margin{margin-left: 150px !important;}

.placeholder{
		background-color: #FFF;
}

.photo-holder{
	width: 0px;
	height: 0px;
	margin: 0px;
}



/* Content Divs
------------------------------------------------------------------------------------------*/
.container{
	padding-bottom: 18px;
	background-color: #000;
	background-image: url(../images/design/wood_bg.jpg);
	background-repeat:repeat-y;
	width: 1124px;
	position: relative;
	margin: 0px auto;
}

.short{
	height: 100%;
}


#header {
	position: relative;
	text-align: center;
	width: 960px;
	margin: 0 80px;
	padding-top: 40px;
}

	#branding{
		width: 100%;
		height: 120px;
		background-repeat: no-repeat;
		display: block;
		position: relative;
	}
		
			#branding h1 a{
				height: 120px;
				width: 615px;
			}
	
	
#content{
	background-color: #FFF;
	padding: 15px;
	width: 960px;
	margin: 0px 80px;
	position: relative;
	overflow: hidden;
	height: auto;
}	

.gecko #content, .webkit #content{
	width: 930px;
}



#content a{	color: #003471;}
#content a:hover{	color: #f5d43b;}

	#content-main{
		width: 653px;
		display: block;
		text-align: left;
		margin: 0;
/*		margin: 0px 0px 0 -280px; */
		position: relative;
		min-height: 484px;
		height: auto;
		
	}
	
	.gecko #content-main, .safari #content-main, .chrome #content-main{margin-left: 0px; min-height:484px;}	
	.ie8 #content-main{height: 496px; }
	.ie7 #content-main{height: 496px; }
	.ie6 #content-main{ height: 504px;}
	
	#content-main p{margin:0 20px 20px;}

	#content-main.products{
		margin-left: 0px;
		min-height: 538px;
	}
	
	.ie #content-main.products{	margin-bottom: 50px;}
	
	#content-supp{
	width: 262px;
	right: 15px;
	top: 15px;
	display: block;
	position: absolute;
	text-align:left;
	float: left;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	clear: both;
	}
	
	
#footer{
	font-size: 11px;
	text-align: center;
	margin-top: 15px;
}


#footer a, #footer p{
}

/* Content Divs & Classes
------------------------*/

#search-box{	background-color: #8A8374;}
.ie #search-box{width: 267px;}

 #search-box li#need-help{margin-top: -24px;}
.webkit #search-box li#need-help, .gecko #search-box li#need-help{margin-top: 16px;}

.featured-product{
	background-color: #bcbab2;
	padding: 11px 11px 5px 11px;
}

.lloyd-asia{
	background-color: #bcbab2;
	padding: 2px 11px 11px 11px;
}

.lloyd-asia img { text-align: center; margin: 0 auto; }


#login-form{
	background-color: #F0F0F0;
	margin-bottom: 26px;
	padding-right: 8px;
}

#login-form ol{
	width: 283px;
	float: right;
	margin: -37px 0 0;
}

.ie #login-form ol {margin-top: -30px; }

#category-list{	background-color:#bcbab2; padding: 10px 0 1px 0;}
.ie #category-list{width: 267px;}
#category-list ol{list-style:none;}
#category-list ol li{margin-bottom: 1px;}

/*Product Styles
-----------------------*/
.products {
	clear: both;
	float: left;
}


.products h1{
	float: left;
	clear: both;
	font-size: 2.0em;
	color: #000;
	font-family:Arial, Helvetica, Verdana, sans-serif;
	letter-spacing: 1px;
	margin: 0 0 3px 9px;
}

#content-main.products p{
	float: left;
	margin-left: 9px;
	clear: both;
}


.product {
	padding-top:1px;
	float: left;
	clear: both;
	width: 650px;
}

.product-image{
	float: left;
	margin-right: 30px;
	width: 250px;
}

#content-main.products p.caption{color: #990000; margin: 20px; float: none;}

	.product ol.specifications{
		list-style: none;
		font-size: 1.2em;
		margin: 0;
		float: left;
		width: 370px;
	}


	ol.specifications li{font-size:12px; font-weight: bold;}

	ol.specifications li.title{
	font-weight: bold;
	text-transform:uppercase;
	color: #333;
	font-size: 1.1em;
	}
	
	ol.specifications li.heading{
		color: #990000;
	}
	
	ol.specifications li.internal{
	margin-top: 15px;
	}

	.product ol.categories{
		list-style: none;
		font-size: 1.2em;
		margin: 8px 0 0 0;
		float: left;
		width: 650px;
	}


	ol.categories li{
		font-size:12px; 
		font-weight: bold; 		
		width: 108px;
		height: 136px;
		line-height: 14px;
		float: left;
		text-align: center;
		clear: none;
	}

	ol.categories li img {
		clear: both;
	}
	
	.product ol.specifications img{
	margin-top: 20px;
	}

	.product ul.results {
		list-style: none;
		font-size: 1.2em;
		margin: 8px 0 0 25px;
	}

	.product span.highlight {
		background-color: #ffff99;
	}

	h1.h1-sales-partners {
		float: left;
		clear: both;
		margin-bottom: 4px;
	}

	div.sales-partners 
	{
		width: 640px;
		clear: both;
	}

	.sales-partners h2
	{
		float: left;
		clear: both;
		margin-top: 8px;
		font-size: 16px;
		width: 100%;
		padding: 0px;
	}
	
	.sales-partners .address {
		float: left;
		clear: left;
		margin: 0px 20px 0px 40px;
		width: 270px;
		font-size: 14px;
		padding: 0px;
	}

	.sales-partners .contacts {
		margin: 0px 0px 0px 20px;
		float: left;
		width: 250px;
		text-align: right;
		font-size: 14px;
		padding: 0px;
	}

/* Navigation 
-----------------------*/

#navigation{
	width:100%;
	height: 30px;
	position:relative;
	margin: 1px 0px;
}	

ul#nav-main{
	list-style: none;
	width: 100%;
	margin: 0px;
}

ul#nav-main li{
	display:block;
}

	ul#nav-main a {
		display: block;
		height: 40px;
		background-repeat: no-repeat;
	}
	
	ul#nav-main li/*, ul#nav-supp li*/ {
	float: left;
	background-repeat: no-repeat;
	display: block;
	overflow: hidden;
	height:30px;
	text-indent: -9999px;
	}

ul#nav-rep{
	position: absolute;
	width: 204px;
	background-image: url(../images/design/icon-lock.png);
	background-repeat: no-repeat;
	background-position: 0px 1px;
	top: -29px;
	right: 5px;
	padding-left: 11px;
	margin: 0px;
}

.ie ul#nav-rep{width: 200px; right: -30px;}

ul#nav-rep li{
	float: left;
	border-right: 1px solid #FFF;
	padding: 0px 10px;
	list-style: none;
}
	
.ie ul#nav-rep
{
	width: 200px; right: 80px;
}
	
ul#nav-supp{
	position: absolute;
	width: 204px;
	background-image: url(../images/design/icon-tel.jpg);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	top: -29px;
	right: -115px;
	padding-left: 11px;
	margin: 0px;
}

.ie ul#nav-supp{width: 200px; right: -30px;}

ul#nav-supp li{
	float: left;
	border-right: 1px solid #FFF;
	padding: 0px 10px;
	list-style: none;
}

ul li#login a{
	color: #f5d43b;
}

ul#nav-footer li{
	display: inline;
	color: #FFF;
	border-right: 1px solid #FFF;
	padding: 0px 10px;
	font-family: verdana;
	font-weight: bold;
}

ul.nav li.last, ul#nav-supp li.last, ul.nav li:last-child{border: 0px none !important;}
.ie8 ul#nav-supp li.last, .ie8 ul#nav-footer li.last{border: none;}

div.nav-photo{
	width: 100%;
	position: relative;
	height: 97px;
	margin-bottom: 40px;
	padding: 0 47px 0px 52px;
	background-color: #f0f0f0;
}

div.nav-photo ul{
	margin-left: 47px;
}

div.nav-photo ul li{
	margin: 5px 5px 0 0;
	text-align: center;
	padding:2px 0 18px 0px;
}

.ie div.nav-photo ul li{
	margin-right: 22px;
	height: 88px !important;
}

.prev, .next{ position: absolute; cursor:pointer; z-index: 3;}
.prev{left: 0px;}
.next{right: 0px;}


/* LISTS
------------------------------------------------------------------------------------------*/
ul.vcard{	list-style: none;		}
ul.vcard li{	}


/* FORMS
------------------------------------------------------------------------------------------*/
form.custom-form{
	position: relative;
}

form#contact-form{width: 815px;}
.ie form#contact-form{width: 500px;}
form.custom-form fieldset {
	border: none;
	margin: 0px;
	padding: 1.4em;
}
form.custom-form legend {
	font-weight: bold;
	font-size: 12px;
	color: #990000;
}
form.custom-form label {
	display: inline-block;
	line-height: 1.8;
	vertical-align: top;
	color: #333;
	margin-bottom: -20px;
	font-family: Verdana, Geneva, sans-serif;
	font-weight: normal;
	float: left;
	width: 100px;
}

form#contact-form label{
	margin-bottom: 0px;
	width: 125px;
}



form.custom-form fieldset ol {  margin: 0;  padding: 0;}
form#contact-form fieldset ol{margin-left: 13px; }
.ie form#contact-form fieldset ol li{margin: 5px 0px;}
form.custom-form fieldset li {
	list-style: none;
	margin: 8px 0px 8px -5px;
}

.ie form.custom-form#login-form fieldset li {margin: 2px 0px 2px -5px; }

form.custom-form label.required:after{	content: '*';	 font-weight: bold;  font-style: normal;  color: #f00;}
form.custom-form em {  font-weight: bold;  font-style: normal;  color: #f00;}

form.custom-form input{
	width: 205px;
	margin-left: 75px;
}

form#contact-form input{margin-left: 0px;}

form.custom-form select{

}


form.custom-form textarea{
	width: 225px;
	margin-left: 27px;
}


.ie form#search-form input{margin-top: 0px; margin-left: 85px;}


form.custom-form input#search-query{width: 234px; margin: 0px;}
form.custom-form input[type=text].short{	width: 75px; margin: 0px;}
form.custom-form textarea{}

form.custom-form li#button{position: absolute; bottom: 5px; }

form.custom-form textarea{height: 100px;}

form.custom-form label[for=products]{width: 33% !important; }
.ie label.check{width: 300px !important; }

form.custom-form label[for=comments], label.comments{width: 100px !important;}

form.custom-form input[type="checkbox"], form.custom-form input.checkbox{	margin: 0px;	width: 25px;}


form.custom-form input[type=button]{	width: auto; margin-left: 0px;}
.ie form#contact-form input.button{	width: auto; margin-left: -10px;}

form input#find{
	background-image:url(../images/text/buttons/button_find.jpg);
	width: 71px;
	height: 28px;
	float: right;
	border: 0px;
	cursor: pointer;
	margin: 0px;
}


form input#submit{
	background-image:url(../images/text/buttons/button_submit.gif);
	width: 94px;
	height: 27px;
	float: right;
	border: 0px;
	cursor: pointer;
	margin: 0px;
}

.request form label {
	width: 80px;
}

/* TABLES
------------------------------------------------------------------------------------------*/

/* PHARK
------------------------------------------------------------------------------------------*/
h1#logo{
	width: 476px;
	background-image:url(../images/design/lloyd-industires.gif);
	height: 120px;
	float: left;
	margin: -1px 4px 0px 0px;
}

.ie h1#logo{margin-right: 0px;} 
.ie6 h1#logo{margin-right: 1px;} 

h2#product-search{	background-image: url(../images/text/headers/header_prodsearch.gif);	width: 150px;	height: 16px; margin: 0 0 10px;}
h2#please-login{ background-image:url(../images/text/headers/Pr_header_login.gif); width: 276px; height: 24px; margin-top: 0px; }
div#contact-info{	width: 480px;	height: 119px;	background-image:url(../images/text/address3.gif);	margin: 0;}

/* Nav
-------------------*/
ul#nav-main li#home a{background-image: url(../images/text/nav/home.jpg);}
ul#nav-main li#home a:hover, ul#nav-main li#home, ul#nav-main li#home a.active{	background-image:url(../images/text/nav/home-hover.jpg);	width: 65px;}
ul#nav-main li#products a{background-image: url(../images/text/nav/products.jpg);}
ul#nav-main li#products a:hover, ul#nav-main li#products, ul#nav-main li#products a.active{	background-image:url(../images/text/nav/products-hover.jpg);	width: 108px;}
ul#nav-main li#doing-business a{background-image: url(../images/text/nav/doing-business.jpg);}
ul#nav-main li#doing-business a:hover, ul#nav-main li#doing-business, ul#nav-main li#doing-business a.active{	background-image:url(../images/text/nav/doing-business-hover.jpg);	width: 285px;}
ul#nav-main li#pricing a{background-image: url(../images/text/nav/pricing.jpg);}
ul#nav-main li#pricing a:hover, ul#nav-main li#pricing, ul#nav-main li#pricing a.active{	background-image:url(../images/text/nav/pricing-hover.jpg);	width: 91px;}
ul#nav-main li#about-us a{background-image: url(../images/text/nav/about-us.jpg);}
ul#nav-main li#about-us a:hover, ul#nav-main li#about-us, ul#nav-main li#about-us a.active{	background-image:url(../images/text/nav/about-us-hover.jpg);	width: 109px;}
ul#nav-main li#catalog-request a{background-image: url(../images/text/nav/catalog-request.jpg);}
ul#nav-main li#catalog-request a:hover, ul#nav-main li#catalog-request, ul#nav-main li#catalog-request a.active{	background-image:url(../images/text/nav/catalog-request-hover.jpg);	width: 194px;}


/*h1 & h2 phark
-------------------*/
h1#welcome{ background-image:url(../images/text/headers/HP_header_welcome.gif); width: 102px; }
h1#h1-about-us{background-image:url(../images/text/headers/Ab_header.gif); width: 92px; }
h1#h1-doing-business{background-image:url(../images/text/headers/Bu_header.gif); width: 268px; height: 23px; }

div#div-lloyd-asia { background-image: url(../images/design/lloyd-asia.gif); width: 237px; height: 218px; float: right; margin-left: 10px; margin-top: 0; padding: 0;  }

.featured-product h2{ height: 13px;}



h2#fire-smoke-dampers{ background-image:url(../images/text/headers/HP_header_firedamp.gif); width: 227px; }