/*

Theme Name: Def Main
Theme URI: 
Description:
Version:
Author: 
                      _                                      
 _| _ _. _  _  __ |_.(_. _   _ _  _ . _  _ _ _. _  _   |_    
(_|(-_)|(_)| )    |_|| |(_  (-| )(_)|| )(-(-| || )(_)  |_)\/ 
        _/                       _/               _/      /  
 ____            _ _                 _   _       _                        
/ ___|  ___   __| (_)_   _ _ __ ___ | | | | __ _| | ___   __ _  ___ _ __  
\___ \ / _ \ / _` | | | | | '_ ` _ \| |_| |/ _` | |/ _ \ / _` |/ _ \ '_ \ 
 ___) | (_) | (_| | | |_| | | | | | |  _  | (_| | | (_) | (_| |  __/ | | |
|____/ \___/ \__,_|_|\__,_|_| |_| |_|_| |_|\__,_|_|\___/ \__, |\___|_| |_|.com
                                                         |___/           

*/	


			/* Global Layout */


body 
{
font-size: .75em;
margin: 0px;
text-align: center;
background: #ffffff url(../_images/bg.jpg) top center;
color: #125E3D;
font-family: Arial, Helvetica, sans-serif;
overflow-x: hidden;
}

p {
	font-size: 1.1em;
}

#hshim{
	position: absolute;
	top: 0;
	left: 0;
	width:100%;
	height: 106px;
	background: url(../_images/hbg.png) top center;		
}

#wrap{
	position: relative;
	margin: auto;
	width: 979px;
}

	#head{
		position: relative;
		height: 106px;
		margin-left: -10px;
		background: url(../_images/head.png) top left no-repeat;
	}
	
		#logo{
			position: absolute;
			bottom: 0;
			left: 14px;
			width: 236px;
			height: 59px;
			text-indent: -9999em;
		}
		
		
		#cart{
			position: absolute;
			top: 0;
			right: 10px;
			height: 36px;
			width: 71px;
		}
		
		#cart:hover{			
			background: url(../_images/cart.jpg) top left no-repeat;
		}
		
		
		#nav{
			float: right;
			padding-top: 45px;	
		}
		
			#nav li{
				float: left;
				height: 61px;
				margin-left: -23px;
			}
			
			#nav li a{
				float: left;
				height: 61px;
				text-indent: -9999em;	
			}
			
			#n1{
				width: 110px;
				background: url(../_images/n1.png) top left no-repeat;
			}
			
			#n2{
				width: 258px;
				background: url(../_images/n2.png) top left no-repeat;
			}
			
			#n3{
				width: 147px;
				background: url(../_images/n3.png) top left no-repeat;
			}
			
			#n4{
				width: 180px;
				background: url(../_images/n4.png) top left no-repeat;
			}
			
			#n5{
				width: 136px;
				background: url(../_images/n5.png) top left no-repeat;
			}
			
			#nav li.active a, #nav li a:hover{
				background-position: bottom left;
			}
		

#wrap2{
	text-align: center;	
	background: url(../_images/pbg.jpg) top center;
}
	
	#page{
		margin: auto;
		width: 979px;
	}
	
		#splash{
			padding: 21px 0 18px 0;
			width: 979px;
			height: 324px;
			overflow: hidden;	
		}
		
			#splash img{
				display: block;
				padding-top: 21px;
			}

		
		#front{
			overflow: hidden;
			text-align: left;
			color: #519EAE;
			padding-bottom: 25px;
		}
		
			.front-box{
				float: left;
				display: inline;
				width: 420px;
				padding: 0 34px 0 35px;
			}
			
			#front-left{
				border-right: 1px solid #569CBE;	
			}
			
			#front-right{
				border-left: 1px solid #569CBE;
				margin-left: -1px;
			}
			
			#front a{
				color: #038141;
				font-weight: bold;
				border-bottom: 1px dotted #038141;
				text-decoration: none;
			}
			
			#front h1{
				font-size: 1.9em;
				font-weight: bold;
				color: #038141;
				padding-bottom: 14px;
			}
			
			#front p{
				overflow: hidden;
				line-height: 1.5em;
				padding-bottom: 1em;
			}
			
			#front p.strap{
				font-size: 1.4em;
				font-weight: bold;
				margin-top: 1.5em;
				padding-bottom: 0;
			}
			
/*			#front-right p:first-letter{
				font-size: 1.5em;
				font-weight: bold;				
				text-transform: uppercase;
			}
*/			
			div#front p a.learn-more{
				float: right;
				display: block;
				height: 42px;
				width: 136px;
				text-indent: -9999em;
				font-size: 0;
				border: 0;
				background: url(../_images/learnmore.png) top left no-repeat;	
			}
						
			
		
		#crumb{
			padding: 18px;
			overflow: hidden;
			color: #02843E;
			text-transform: uppercase;
		}	
		
			#crumb a{
				color: #02843E
			}
		
			#trail{
				float: left;
				font-size: 1.9em;	
			}
			
				#trail strong{
					font-weight: bold;
				}
			
			#shipping{
				float: right;
				font-size: 12px;
				font-weight: bold;
				margin-top: .9em;
			}
		
		
		#products{
			overflow: hidden;
			text-align: left;
			padding-bottom: 30px;
		}
		
			.zoom {
				float: left;
				width: 235px;
			}
		
			.product{
				position: relative;
				overflow: hidden;
				padding: 14px 0 14px 0;
				color: #61A3C3;	
				border-top: 2px solid #61A3C3;
			}
			
			.product img{
				float: left;
				margin-right: 14px;
			}
			
			.product h2{
				margin-left: 247px;
				padding-bottom: 8px;
				font-size: 1.9em;
				background: url(../_images/line.jpg) bottom left repeat-x;
			}
			
				.product h2 span.model {
					font-weight: bold;
				}
				
				.product h2 span.type {
					font-weight: normal;
					margin-left: 20px;
				}

			
			.product ul{
				float: left;
				width: 228px;
				padding-right: 15px;		
				font-size: 12px;		
			}
			
			.product li{
				padding-top: .8em;
				padding-left: 15px;
				font-weight: bold;
			}
			
			.buy-box{
				position: absolute;
				bottom: 12px;
				right: 0;
				width: 160px;
			}
			
				span.price{
					font-size: 1.9em;
					font-weight: bold;
					padding-left: 8px;
					display: block;
					float: left;
					width: 85px;
				}
				
				span.price span.call {
					font-size: .7em;
					font-weight: bold;
					padding-left: 0;
					}
					
				span.shipping {
					font-size: 1em;
					font-weight: bold;
					margin-left: 15px;
					padding: 1px 1px 0 0;
					display: block;
					}

				.product span.shipping img.truck {
					border: none;
					margin: 6px 0 2px 5px;
					float: none;
					position: relative;
					top: 4px;
					}

				.product span.shipping img.ups {
					border: none;
					float: right;
					margin: 6px 0 2px 5px;
					}
				
				input.purchase{
					height: 38px;
					width: 134px;
					border: 0;	
					text-indent: -9999em;
					font-size: 0;
					cursor: pointer;
					background: url(../_images/buy.png) top left no-repeat;
				}
				
				input.purchase_contact{
					height: 41px;
					width: 134px;
					border: 0;	
					text-indent: -9999em;
					font-size: 0;
					cursor: pointer;
					background: url(../_images/btn_contact_price.png) top left no-repeat;
				}
				
				.purchase:hover, .purchase_contact:hover{
					background-position: left bottom;
					}

			
			
			



#foot{
	overflow: hidden;
	background: url(../_images/fbg.png) top left repeat-x; 
	/* background: url(../_images/foot-bg.jpg) top left repeat-x; */
}

	#footer{
		margin: auto;
		width: 959px;
		text-align: left;
		color: #fff;	
		font-size: 11px;
		padding: 12px 0 120px 0;
	}
	
		#footer ul{
			overflow: hidden;
		}
	
		#footer li{
			float: left;
			padding-right: 9px;
			
		}
	
		#footer a{
			float: left;
			color: #fff;
			font-weight: bold;
			text-transform: uppercase;
		}
	
	#footer2{
		margin: auto;
		width: 959px;
		text-align: left;
		color: #fff;	
		font-size: 11px;
		padding: 8px 0;
		}
		#footer2 a{
			float: none;
			text-transform: none;
			}

	#footer3{
		margin: auto;
		width: 959px;
		text-align: left;
		color: #8f8f8f;	
		font-size: 11px;
		padding: 0;
		font-style: italic;
		}
		
		#footer3 a{
			float: none;
			color: #8f8f8f;
			text-transform: none;
			font-weight: normal;
			}
		#footer3 a:hover {
			color: #00863e;
			}



/* -- sh fixes and ads ------------ */

strong {
	font-weight: bold;
}

#main-logo {
	width: 216px;
	height: 55px;
}

#pei-logo {
	float:right;
	position:relative;
	top:-15px;
	right: 20px;
}

#footer a{
	margin-right: 10px;
	}
	

/* btns */
	div#front p a.learn-more:hover {
		background-position: left bottom;
		}
		
	div#front p a.view-details{
		position: relative;
		float: right;
		display: block;
		height: 42px;
		width: 136px;
		text-indent: -9999em;
		font-size: 0;
		border: 0;
		background: url(../_images/viewdetails.png) top left no-repeat;	
	}
		div#front p a.view-details:hover {
			background-position: left bottom;
			}
		
	.buy-box:hover {
		background-position: left bottom;
		}
		
	a.plus {
		position: absolute;
		left: 10px;
		bottom: 25px;
	}

/* misc classes */	
	.green {
		color: #038141;
		}
	
	.col_8 {
		float: left;
		width: 610px;
		margin-left: 20px;
	}
	
	.col_6 {
		float: left;
		width: 450px;
		margin-left: 20px;
	}
	
	.col_4 {
		float: left;
		width: 300px;
		margin-left: 20px;
	}
	.col_r {
		margin-left: 29px;
	}
	
	.hr {
		clear: both;
		margin: 5px 0 15px;
		padding: 1px 0;
		background: url(../_images/line.jpg) bottom left repeat-x;
	}
	
	.pad_t_20 {
		margin-top: 20px;
	}


/* home */
.img_right {
	float: right;
	border: 2px solid #559BBD;
	margin-left: 10px;
}

#front-right h1 {
	margin-bottom: 10px;
}
	
#front-right h2 {
	color: #038141;
	font-size: 1.3em;
	margin-bottom: 10px;
}

#frame_drops {
	background:transparent url(../_images/droplets.png) no-repeat scroll center top;
	height: 499px;
	left: -110px;
	position: absolute;
	top: 83px;
	width: 1200px;
	z-index: 0;
}

#bg_drops {
	background:transparent url(../_images/droplet3.png) no-repeat scroll center top;
	height:499px;
	left:-110px;
	position:absolute;
	top:83px;
	width:1200px;
	z-index: 0;
}


/* product cat page */
ul#cat-list {
	padding-top: 30px;
	margin-right: 15px;
	height: 350px;
	}

ul#cat-list li {
	width: 303px;
	height: 278px;
	float: right;
	border: 1px solid #5fa2bd;
	margin-right: 20px;
	}
	
	ul#cat-list li.last {
		margin-right: 0;
		}

	ul#cat-list li:hover {
		margin-top: 10px;
		border: 1px solid #00863e;
		border-bottom: 10px solid #00863e;
		}
	
	ul#cat-list li span {
		display: none;
		}
		
		

/* products */
	.product img {
		border: 2px solid #559BBD;
		}
		
		.product img:hover {
			border: 2px solid #559BBD;
			}
		
	.product .plus img {
		border: none;
	}
	
		.product .plus img:hover {
			border: none;
		}

/* def page */
	#dropcap p:first-letter{
		font-size: 1.5em;
		font-weight: bold;				
		text-transform: uppercase;
		padding-right: .1em;
	}
	
	.pullquote {
		float: right;
		width: 220px;
		margin-left: 20px;
		padding: 10px 20px 10px 0;
		line-height: 2em;
		text-align: left;
		border: 5px solid #559BBD;
		border-width: 5px 0;
	}
	
	.pullquote h3 {
		font-size: 2em;
	}

/* content */
	#content {
		text-align: left;
		color: #519EAE;
		margin-right: 20px;
		padding: 30px 0 20px;
		position: relative;
	}
	
		#content a {
			color: #038141;
		}
	
		#content h1 {
			font-size: 1.9em;
			font-weight: bold;
			color: #038141;
		}
		
		#content h2 {
			font-size: 1.4em;
			font-weight: bold;
		}
		
		#content h3 {
			font-size: 1.2em;
			font-weight: bold;
		}
					
		#content p {
			overflow: hidden;
			line-height: 1.5em;
			padding-bottom: 1em;
			color: #428592;
		}
	

/* def page */	

#faqs dt {
	color: #519EAE;
	font-size: 1em;
	font-weight: bold;
	}
	
	#faqs dd {
		font-size: 1em;
		line-height: 1.5em;
		margin-bottom: 10px;
		padding: 2px 0 11px;
		}
		

	
	
/* -- contact -- */
#contact{
	position: relative;				
	padding-bottom: 6px;	
	margin-bottom: 25px;
}

	
	#contact p{
		position: relative;
		font-size: 11px;
		margin: 5px 9px 9px 0px;	
		height: 15px;
	}
	
	#contact p label{
		position: relative;
		display: block;
		width: 65px;
		float: left;
		padding: 5px 6px 0 4px;	
		color: #559BBD;
		font-weight: bold;
	}
	
	#contact p input{
		position: relative;
		float: left;
		font-size: 12px;
		padding: 4px;
		width: 200px;
		border: 1px solid #519EAE;
		background: none;
		color: #559BBD;
		margin-top: 0px;
		font-family: Arial, Helvetica, sans-serif;
	}
	
	#contact div{
	}
	
	#b_submit {
		float: right;
		margin-right: 9px;
		height: 42px;
		width: 136px;
		background: url(../_images/senditin.png) top left no-repeat;
		border: 0;
		text-indent: -999em;
		cursor: pointer;
	}
	
	#b_submit:hover {
		background-position: left bottom;
		}
		
	#waiting {
		height:22px;
		margin-left:65px;
		width:220px;
		display: none;
		overflow: hidden;
	}
	
	#thanks {
		text-align: right;
		margin-right: 20px;
		display: none;
		height: 22px;
	}
	
	#thanks p {
		margin: 0;
		padding: 0;
	}
		
address {
	font-size: 1.2em;
	line-height: 1.5em;
	margin-top: 18px;
	padding-bottom: 1em;
	color: #428592;	
}

#map {
	width: 605px;
	height: 450px;
	border: 5px solid;
}

	
#content a.view_map {
		display: block;
		height: 42px;
		width: 165px;
		text-indent: -9999em;
		margin-left: -8px;
		font-size: 0;
		border: 0;
		background: url(../_images/viewlargermap.png) top left no-repeat;	
	}
		#content a.view_map:hover {
			background-position: left bottom;
			}

/* terms */
.terms address {
	margin-top: 0;
}
	.terms .content p+address {
		margin-top: 0;
		}



.terms #content h3 {
	margin-top: 30px;
	font-size: 2em;
	font-weight: normal;
	color: #999;
}







/* ---------- Admin section ---------- */
#login_form {
	margin-top:20px;
	width:310px;
}

#login_form p label{
		position: relative;
		display: block;
		width: 65px;
		float: left;
		padding: 5px 6px 0 4px;	
		color: #559BBD;
		font-weight: bold;
	}
	
	#login_form p input{
		position: relative;
		float: left;
		font-size: 12px;
		padding: 4px;
		width: 200px;
		border: 1px solid #519EAE;
		background: none;
		color: #559BBD;
		margin-top: 0px;
		font-family: Arial, Helvetica, sans-serif;
	}
	
	#login_submit {
		background:transparent url(../_images/loginbut.png) no-repeat scroll left top;
		border:0 none;
		cursor:pointer;
		float:right;
		height:36px;
		margin-right:20px;
		text-indent:-999em;
		width:85px;
	}
	
	#login_submit:hover,#addhold a:hover,#add_submit:hover,#edit_add:hover,#confirm_add_product:hover,
	#cancel_add:hover, #confirm_edit_product:hover {
		background-position:left bottom;
	}
	
div.error {
	margin-top: 15px;
}
#content div.error p {
	color: #990000;
	line-height: normal;
	padding-bottom: 10px;
	font-size: 12px;
}
#product-table{
	margin-top: 15px;
}

	#product-table tr {
		background: url(../_images/bg_line_admin.gif) repeat-x left top;
		}

	#product-table tr:hover {
		background: #f9f9f9;
		}
		
	#product-table thead {
		background: #F2F2F2;
		}
	
	#product-table td, #product-table th {
		padding:10px;
	}
	#product-table th{
		font-size: 1.2em;
		font-weight: bold;
	}
	th.product-head {
		width:100px;
	}
	th.description-head {
		width:500px;
	}
	th.price-head {
		width:100px;
	}
	th.shipping-head {
		width:100px;
	}
	th.edit-head,th.delete-head {
		width:30px;
	}

div#modal-wrap {
	width:300px;
	background: url(../_images/important.jpg) no-repeat scroll left top;
	padding-top: 40px;
}
div#modal-content {
	width: 280px;
	margin: 0 auto;
}
div#modal-content h1 {
	font-size: 16px;
	margin-bottom: 10px;
	font-weight:bold;
}
div#confirm-hold {
	margin-top: 20px;
}
#addhold {
	position:absolute;
	right:0;
	top:20px;
	width:142px;
}
#addhold a {
		background:transparent url(../_images/addproduct.png) no-repeat scroll left top;
		border:0 none;
		height:37px;
		text-indent:-999em;
		width:142px;
		display: block;
	}
#product_add_form {
	margin-top:20px;
	width:310px;
}

#product_add_form p label{
		position: relative;
		display: block;
		width: 85px;
		float: left;
		padding: 5px 6px 0 4px;	
		color: #559BBD;
		font-weight: bold;
	}
	
	#product_add_form p input,#product_add_form p textarea, #product_add_form p select{
		position: relative;
		float: left;
		font-size: 12px;
		padding: 4px;
		width: 200px;
		border: 1px solid #519EAE;
		background: none;
		color: #559BBD;
		margin-top: 0px;
		font-family: Arial, Helvetica, sans-serif;
	}
	
	#add_submit {
		background:transparent url(../_images/next.png) no-repeat scroll left top;
		border:0 none;
		height:37px;
		text-indent:-999em;
		width:134px;
		display: block;
		float: right;
	}
#slidehold {
	overflow: hidden;
	width:900px;
}
#form_main {
	width: 400px;
	float: left;
	position: absolute;
}
#form_hold {
	width: 400px;
	float: left;
	position: relative;
	height: 360px;
	overflow: hidden;
}
#add_image {
	width: 400px;
	float: left;
	position: absolute;
	left: 400px;
}
#preview {
	width: 400px;
	float: left;
	position: absolute;
	left: 400px;
}
#pichold {
	width: 400px;
	float: left;
	position: absolute;
	left: 400px;
}
#slidehold h2 {
	margin:10px 0;
}
h5.upload_h5 {
	margin-bottom: 5px;
	font-size: 12px;
}
#preview p {
	padding-bottom: 5px;
	font-size: 14px;
}
#add_image p {
	padding-bottom: 0;
}
#add-loader {
	float: right;
}
#preview-loader {
	margin-top: 10px;
}
#confirm_add_product {
	background:transparent url(../_images/addproduct.png) no-repeat scroll left top;
	border:0 none;
	cursor:pointer;
	height:38px;
	text-indent:-999em;
	width:142px;
	}
#confirm_edit_product {
	background:transparent url(../_images/btn_save.png) no-repeat scroll left top;
	border: 0 none;
	cursor: pointer;
	height: 38px;
	text-indent: -999em;
	width: 100px;
	}
		
#edit_add {
	background:transparent url(../_images/edit_product.png) no-repeat scroll left top;
	border:0 none;
	cursor:pointer;
	height:38px;
	text-indent:-999em;
	width:134px;
	}

#cancel_add {
	background:transparent url(../_images/btn_cancel.png) no-repeat scroll left top;
	border: 0 none;
	cursor: pointer;
	height: 38px;
	text-indent: -999em;
	width: 100px;
	}

#product-shot {
	border: 1px solid #999999;
	padding: 5px;
}
#edit_image {
	cursor:pointer;
	left:6px;
	position:absolute;
	top:46px;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
}
#info-hold {
	width:380px;
}
h2.response {
	
}

	
/* Uploadify */
.uploadifyQueueItem {
	font: 11px Verdana, Geneva, sans-serif;
	border: 2px solid #E5E5E5;
	background-color: #F5F5F5;
	margin-top: 5px;
	padding: 10px;
	width: 300px;
}
.uploadifyError {
	border: 2px solid #FBCBBC !important;
	background-color: #FDE5DD !important;
}
.uploadifyQueueItem .cancel {
	float: right;
}
.uploadifyProgress {
	background-color: #FFFFFF;
	border-top: 1px solid #808080;
	border-left: 1px solid #808080;
	border-right: 1px solid #C5C5C5;
	border-bottom: 1px solid #C5C5C5;
	margin-top: 10px;
	width: 100%;
}
.uploadifyProgressBar {
	background-color: #0099FF;
	width: 1px;
	height: 3px;
}
#userfileUploader {
	width: 140px;
	height:38px;
}