/* 
	simple template - no styles
*/

body, html{
	margin:0; padding:0;
	width:100%; 
	background:url('../images/bg/page.jpg') top center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}

#page{
	position:relative;
	width: 945px;
	border: 1px solid #CBCBCB;
	margin: 10px auto 0 auto; 
	padding:10px 0; 
	background-color:white;
	
}

#heading{
	position:relative;
	margin:0; padding:0;
	height:44px; 
	width:auto;
	border-top:1px solid #FFF;
	z-index:5000; overflow:visible;
}

#content{
	padding:20px 0 15px 0;
	float:left;
	position:relative;			
	width:660px;	
	line-height:18px;
	min-height:450px;
}

#subleft{
	position:relative;
	padding:260px 0 0 0;
	width:270px;
	float:left;
	
}

#subleft .thumbs{
	margin:20px;
}
.thumbs img{
	margin:5px;
}

#logo{
	display:block;
	width: 259px; height: 132px;
	position: absolute;
	left:0; top:49px;
	background: url('../images/logo.png') top left no-repeat;
	z-index:65;
}

#logo_nopng{
	display:block;
	width: 330px; height: 152px;
	position: absolute;
	left:0; top:49px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://sites.legitify.com/dropmfg.com/images/logo.png');
	z-index:65;
}

#logo h1, #logo_nopng h1{ 
	display:none; 
}

#lowdown{
	background-color: #666;
	height: 43px; width: 243px;
	margin:0 0 0 5px; line-height:42px;
	padding:0 0 0 10px;
	float:left;
	color:#FFF;
}
#sublowdown{
	background-color: #FFF;
	height: 42px; width: 241px;
	margin:0 0 0 5px; line-height:42px;
	padding:0 0 0 10px;
	float:left;
	border:1px solid #DDD;
	color:#444;	
}

#lowdown, #sublowdown a:link,
#lowdown, #sublowdown a:visited{
	text-decoration:none;
	color:#858585;	
	text-transform:uppercase;
}
#lowdown a:link,
#lowdown a:visited{
	color:#FFF;
	text-decoration:none;
}

.featureproduct{
	position:relative;
	top:40px;
	left:20px;
	width:195px;
}
.featureproduct img{
	float:left;
	margin:0 10px 0 0;
	border:0;
}
.featureproduct a:link,
.featureproduct a:visited{
	display:block;	
	float:left;
	font-weight:bold;
	color:#555;
	text-decoration:none;
	font-size:12px;
	padding:10px 0 0 0;	
}
.locatorlink{
	text-decoration:none;
	padding:3px;
	font-size:9px;
	color:#444;
	background-color:#FFF;
	text-decoration:none;
	border:1px solid #222;
	text-transform:uppercase;
}

#aplink{
	display:block;
	width:210px;
	height:160px;
	margin:25px;
}

#aplink em{ display:none; }

/*#heading  #logo{
	width:200px; height:100px;
	background:url('../images/logo.gif') top left no-repeat;	
}*/


/*homepage picture */
#picframe{
	position:relative;
	width:684px;
	height:501px;
	background:url('../images/photo_frame.png') no-repeat;
	z-index:40;
}
#picframe_nopng{
	position:relative;
	width:684px;
	height:501px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://sites.legitify.com/dropmfg.com/images/photo_frame.png');
	z-index:40;
}

#photos{
	position:absolute;
	top:55px;
	left:0;
}
#photos img{
	position:absolute;
	width:680px;
	top:0;
	left:0;
}

#main{
	
	clear:both;
	margin:0; padding:0;
}

#left{
	float:left;
	width: 690px; height: 510px;
	padding:0; margin:0;
	/*background:url('../images/bg/main.gif') top left no-repeat;*/
}
.blogleft{
	position:relative;
	padding:0 0 20px 0;
}
.blogleft img{
	
	float:left;
	width:45px;
	margin:0 15px;
}
.blogleft .archives{
	display:block;
	margin:15px;
	background-color:#222;
	color:#FFF;
	padding:5px;
	text-decoration:none;
}
.post .headline{
	position:relative;
	font-size:18px;
	color:#222;
	margin:0 0 15px 0;
}
.blogleft .post .headline{
	font-size:14px;
}
.post{
	color:#444;
	font-size:13px;
}

.blogleft .post{
	margin:5px 0;
	clear:both;
}
#right{
	position:relative;
	background:url('../images/bg/blog.gif') top left no-repeat;
	width: 245px; height: 470px;
	float:left;
	overflow:auto;
	padding:0; margin:0;
	padding-top: 30px;
	top:-1px;
}

#right .post {
	clear:both;
	font-size: 11px;
	color: #858585;
	padding:0; margin:0;
	line-height:16px;
}

#right em, .post .date{
	color: #999;
	font-style:normal;
	padding:5px 0; margin:0;
}

#right .headline{
	color: black;
	font-weight:bold;
	padding:0; margin:0 0 4px 0;
	font-size:14px;
}

#right a:link, #right a:visited{
	margin: 0; padding:0;
	color: #026A8D;
	text-decoration: none;
	font-weight: bold;
}

#right .body{
	width:240px;
}

.blogpic{
	width: auto; float:right;
	margin:0;padding:0 10px;
}

.blogpic img{
	width: 60px;
}

.post .headline a:link, .post .headline a:visited{
	text-decoration:none;
}

#bottom{
	clear:left;
	position:relative;
	height: 182px;
	margin: 0 auto;
}

#box1{
	position:absolute;
	background:url('../images/bg/box1.jpg') top left no-repeat;
	margin:0; padding: 0;
	height: 182px; width:225px;
	left: 5px;
}

#box2{
	position:absolute;
	background:url('../images/bg/box2.jpg') top left no-repeat;
	margin:0; padding: 0;
	height: 181px; width:231px;
	left: 230px;
}

#box3{
	position:absolute;
	background:url('../images/bg/box3.jpg') top left no-repeat;
	margin:0;  padding: 0;
	height: 182px; width:240px;
	left: 440px;
}

#box4{
	position:absolute;
	background:url('../images/bg/box4.jpg') top left no-repeat;
	margin:0;  padding: 0;
	height: 182px; width:290px;
	left: 680px;
}

#bottom h1{
	position:absolute;
	text-transform:uppercase;
	font-size: 11px;	
	color: white;
	margin:0; padding:0;
	
}

#box1 h1{
	top: 18px; left: 15px;
}

#box2 h1{
	top: 14px; left: 15px;
}

#box3 h1{
	top: 14px; left: 15px;
}

#box4 h1{
	top: 16px; left: 15px;
}

#team{
	width: 250px;
	margin: auto;
	padding-top: 45px;
}
#teampics{
	width:230px;
}
#team #teampics img{
	width: 35px;
	border: 1px solid white;
}

#team #teampics a:link, #team #teampics a:visited{
	text-decoration:none;
	border: 1px solid white;
}

#lower{
	width: 920px;
	padding: 10px;
	position:relative;
	height:35px;
}

#lowerleft{
	border: 1px solid #CBCBCB;
	height: 40px; width: 425px;
	float:left; margin-right: 10px; 
}

#lowerleft em{
	font-size: 10px;
	color: #858585;
	font-style:normal;
	padding-top: 20px; padding-left: 10px;
}

#lowerright{
	border: 1px solid #CBCBCB;
	height: 40px; width: 480px;
	float:left; 
}

#last{
	clear:left;
}

/* Product Browse All */
	
	.product_category h4{
		font-size:13px;
		font-weight:normal;	
		margin:10px 0 0 0;		
		text-transform:uppercase;
		padding:3px;
		background-color:#555;
		color:#FFF;	
		font-weight:bold;
		
	}
	.product_category a{
		color:#FFF;
		text-decoration:none;
	}
	.product_category h5{
		font-size:11px;
		margin:10px 0 3px 0;
		text-transform:uppercase;
		color:#666;
		font-weight:normal;
		letter-spacing:1px;
	}
	.product_category img{
		width:50px;
		border:0;
	}
	.half{
		float:left;
		width:280px;
		padding:0 0 0 10px;
		
	}
	.product_category p{
		font-size:10px;
	}
	.tooltip{
		border:1px solid #CCC;
		background-color:#FFF;
		position:absolute;
		padding:4px 10px;
		font-size:10px;
		text-transform:uppercase;
	}
	

/*Products*/

#product{
	padding-top: 10px;
}

#submenu{
	width: 260px;
	float:left;
	
}

#submenu ul{
	list-style:none;
	text-transform:uppercase;
	font-size: 13px;
	line-height:26px;
}

#submenu a:link, #submenu a:visited{
	color: black;
	text-decoration: none;
}

#submenu li a:hover,
#submenu li a:active,
#submenu li a.over,
#submenu li a.selected:link,
#submenu li a.selected:visited{
	color: #686868;
}

#specs{
	float:left;
	width:280px;
}

#specs ul{
	font-size: 12px;
	margin:0;
	padding:10px;
	list-style-image: url("../images/bullet_arrow.gif");
}

#specs li{
	
	line-height: 22px;
	font-size:11px;
}
.article{
	color: #686868;
}

.article h1{
	font-size:22px;
	margin:8px 0 5px 0;
}

#specs h3, #info .body strong{
	display:none;
}


#productimage{
	position:relative;
	float: left;
	width: 320px;  
	height:380px;	
	margin:0 25px 0 0; padding:0;
	left:35px;
}
#frame{
	position:absolute;
	width: 340px;  height:350px;
	overflow:hidden; 
	border:1px solid #DDD;
	z-index:10;
}
#enlarge{
	position:absolute;
	height:320px;
	top:0;
	left:0;
	z-index:15;
	cursor:grab;
}
.dragarea{
	position:absolute;
	width: 330px;  height:350px;
	border:1px solid #CC0000;
	background-color:#222;
	z-index:100;
	opacity:0.001;	
	cursor: -moz-grab;
}

.dragarea_ie{
	position:absolute;
	width: 330px;  height:350px;
	border:1px solid #CC0000;
	background-color:#222;
	z-index:100;
	filter:alpha(opacity=0);
	cursor:move;
}
.grabbing{
	cursor: -moz-grabbing;
}
.grabbing_ie{
	
}

#loader{
	position:absolute;
	top:175px;
	left:150px;	
}

#zoomin, #zoomout{
	position:absolute;
	top:356px; 
	font-weight:bold;
	text-decoration:none;
	color:#555;
	font-size:11px;
	left:15px;
}

#zoomout{
	left:120px;
}
.colors{
	clear:both;
	float: left;
	border: 1px solid #676767;
	width: 315px; height: auto; 
	margin:5px 15px 0 0 ; padding: 0;
}

.colors img{
	height: 80px;
}

#thumbs h3, .colors h3{
	background-color:#333;
	margin: 0; padding:5px;
	text-transform:uppercase;
	color: white;
	font-size: 12px;
	height: 10px;
	line-height:9px;
}

#middleboxes{
	position:relative;
	clear:both;
	margin:15px 0 0 -20px;
	width:690px;
}
#middleboxes #thumbs{
	border: 1px solid #676767;
	width: 340px; height: auto;
	float:left;
	margin: 5px;
}
#middleboxes #thumbs img{
	height: 90px;
}

#productbar{
	position:relative;
	clear: left;
	background:url('../images/bg/productbar.jpg') top center no-repeat;
	height: 135px; 
	padding: 15px 50px;
}

#productsinbar{
	position:relative;
	width:840px;
	overflow:hidden;
	height:130px;
	
}

#productslide{
	position:relative;
	width:3000px;
	height:150px;
}

.series strong{
	display:block;
	background-color: #676767;
	width: 222px; height: 17px;
	color: white;
	text-transform: uppercase;
	font-size: 13px;
	padding: 1px 80px 1px 5px;
	font-weight:normal;
}

.series{
	position:relative;
	float: left;
	border-right: 1px solid #676767;
	padding-left: 10px;

}

.scrollpics{
	position:relative;
	float:left;	
	text-align:center;
	margin:1px 15px 0 0;
	width:90px;

}

.scrollpics p{
	font-size: 9px;
	color: #676767;	
	text-align:center;
	margin:0; padding:0;
	width:100%;
}

.scrollpics img{
	height: 97px;
	border:0;
}

.scrollpics a:link,
.scrollpics a:visited{
	color: #676767;
	text-decoration:none;
	text-align:center;
}

#slideleft, #slideright{
	position:absolute;
	height:130px; width:20px;
	top:15px;

}
#slideleft em, #slideright em{
	display:none;
}
#slideleft{		
	right:25px;
}

#slideright{
	left:25px;

}

/* footer */
#footer{
	position:relative;
	margin:0 auto; padding:0;
	width: 917px;
}

#copyright{
	background: url('../images/bg/footer.png') left center no-repeat;
	height: 35px; 
}

#footer p{
	float:right;
	font-size: 10px;
	color: #858585;
	padding:10px 0 0 0; margin:0;
	height:50px; width: 600px;
}

#follow {
        display:block;
        position:absolute;
        top:0; 
        right:-20px;
	top: 10px;
        width:270px; height:61px;
	overflow: hidden;
}
#follow p { float: left; display: block; font-weight: bold;width: 150px; font-size: 16px; color: #fff; }
#follow img {border:none;float: left;}

#tweet{
	display:block;
	position:absolute;
	top:0;
	right:-10px;
	width:270px; height:61px;
	background:url('../images/twitter.gif') top right no-repeat;

}

#tweet em{
	display:none;
}

#legitify{
	width: 100px; height: 24px;
	margin:0; padding:0;
	clear:both;
}

/* Blog Posts*/

#blogmain{
	margin: 20px;
}

.post{
	font-size: 11px;
}

/* Team Bio layouts*/

#matte{

	
}

#matte #enlarge{
	
}

.bio #enlarge{
 left:0;
 float:left;
 border:2px solid #CCC;
 margin:0 10px 10px 0; padding:0;
}

.bio #thumbs{
	display:none;
}

.bio #thumbs img{
	width: 46px; height:46px;
	border: 2px solid white;
}

.bio #thumbs img:hover{
	border: 2px solid black;
}

/* media enlargement styles */

.photomatte{
		display:none; 
		position:absolute;
		top:0; left:0; 
		width:100%; height:100%; 
		z-index:6000; 
		background-color:#000;
}
.photomatte span{
		position:absolute; top:370px;
	 	width:100%;		
		text-align:center;
		color:#FFF;
		letter-spacing:15px;
}

/* notifications */
.error{
	color:#FFF;
	background-color:#CC0000;
	padding:5px;
}
.notify{
	display:none;
	color:#FFF;
	background-color:#FF9900;
}

#lowerleft em{
	display:block;
	font-size:10px;
	font-style:normal;
	float:left;
	margin:14px 10px 0 5px;
	padding:0;	
}

#lowerleft input{	
	margin:10px 5px 0 0;
	background-color:#555;
	color:#FFF;
	font-size:11px;
}
/*   forms   */

.survey_form{
	color: #666;
}

.survey_form input{
	width: 150px;
	clear:both;
}

.survey_form label{
	width: 600px;
	padding-right:20px;
	float:left;
	color: #666;
}

.survey_form .submit{
	padding:0; margin:0;
	float:left;
}

#survey-contact{
	padding: 30px 0;
}

#survey-contact label{
	float:left;
	width: 90px;
	clear:none;
}

#survey-contact input{
	float:left;
	width: 150px;
	clear:none;
}

label{
	display:block;
	width:100px;
	float:left;
}

input, textarea{
	float:left; margin:2px 6px 10px 0;
	padding:2px;
	border-top:1px solid #222;
	border-left:1px solid #222;
	border-bottom:1px solid #CCC;
	border-right:1px solid #CCC;
	width:300px;
}
textarea{ width:300px; }



.fieldwrap{
	clear:both;
}

.textareawrap{
	clear:both;
}


.checkboxwrap{
	clear:both;
	margin:5px 0 5px 100px;
}
.checkboxwrap input, .checkboxwrap label{
	width:auto; font-size:12px;
	cursor:pointer;
}
.submit { clear:both; margin:0 0 0 100px; }
.submit input{ 
	width:auto;
	border-bottom:1px solid #222;
	border-right:1px solid #222;
	border-top:1px solid #CCC;
	border-left:1px solid #CCC; 
}

input.submit{
	float:left; width:auto; clear:none;
	font-size:12px;
	border:1px solid #CCC;
	background-color:#666;
	color:#FFF;
	margin:0;
}
.disabled{
	color:#888;
}

.clear{
	clear:both; 
	margin:0; padding:0;
	width:0; height:0;
}