/*----------------------  GENERICS AND GLOBALS-------------------------------*/

body, html {
font-family: Trebuchet, Arial, Helvetica;
margin: 0 auto;
font-size:12px;
/*background-color:#eeeeee;*/
} 

table, td, tr {
font-size:12px;
}

/*NO IMAGE BORDERS BY DEFAULT*/
img {
border:0;
}

a img {
	border: 0;
}


a:link {color: #FF0000}     /* unvisited link */
a:visited {color: #000}  /* visited link */
a:hover {color: #044a02}   /* mouse over link */
a:active {color: #000}   /* selected link */

p {
margin:1px 0 1px 0;
}

form {
margin:0;
padding:0;
}

.about {
padding: 8px;
margin: 5px 0 5px 0;
border-bottom: #e3e3e3;
width: 780px;
}

.about img {
border:solid 1px #000; float:left;margin: 0 10px 0 0;
}

/*------------------------------- GENERIC HEADER TAGS ------------------------*/

h1 {  font-size: 19px; margin: 2px 0 8px 0; color: #ff0000;  }
h2 { font-size: 14px; margin: 2px 0 8px 0;; }
h2 a:link { font-size: 14px; text-decoration:none; color: #207d00; }
h2 a:visited { font-size: 14px;text-decoration:none; color: #207d00; }
h2 a:hover { font-size: 14px;text-decoration:none; color: #207d00; }
h2 a:active{ font-size: 14px;text-decoration:none; color: #207d00; }

h3 { font-size: 12px; margin: 1px; }
h4 { font-size: 10px; margin:1px; color: #ccc; }
h5 { font-size:12px; margin:1px; color: #666; }

/*--------------------HE'S THE DJ, I'M THE WRAPPER ---------------------------*/
#wrapper {
width: 947px;
vertical-align: middle;
margin: 0px auto;
}

#wait {
width: 57px;
height: 40px;
background-image:url('/images/ajax.gif');
background-repeat:no-repeat;

display:none;
}

/*------------------------------- TOP HEAD ----------------------------------*/
#tophead { height:162px; }

/*----TOPHEAD NAV COLORS----*/
#tophead a { color: #fff; }
#tophead a:visited { color: #6E8656; }
#tophead a:hover { color: #556C40; }
#tophead a:active { color: #556C40; }

#tophead p { color:#3B4F27; }

#topleft {
float:left;
width:396px;
height:161px;
padding:0;
margin:0;
background-image: url(/images/bg_logo.jpg); 
background-repeat: no-repeat;
} 

.address {
text-align:center;
color:#fff;
font-weight: bold;
}

.address a:link {color: #fff}     /* unvisited link */
.address a:visited {color: #fff}  /* visited link */
.address a:hover {color: #fff}   /* mouse over link */
.address a:active {color: #fff}   /* selected link */

/*THIS IS THE DEFAULT PROMO PART*/

#topright {
float:left;
width:549px;
height:162px;
/*background-image: url(/images/bg_promoxmas.jpg);*/
background-image: url(/images/bg_energy.jpg);
background-repeat: no-repeat;
}

/* FOR DEFAULT BUTTON 
.toprightbutton {
width: 200px;
height: 40px;
margin: 100px 0 20px 20px;
}*/

.downloadad {
width:260px;
height: 120px;
float:right;
margin: 0 30px 0 3px;
display:none;

}


.toprightbutton {
width: 220px;
height: 50px;
margin: 80px 0 0 60px;

}

.clearme {
clear:both;
margin:0;
}

/*------------------------------- SEARCH ---------------------------------*/

#search {
width: 920px;;
margin: 0;
background-color: #d5d5d5;
border: solid 1px #b4b4b4;
padding: 2px 8px 5px 8px;
text-align:right;
}


}
form#search_form {
	vertical-align:right;
	display:inline;
		margin-left: 8px;
}

}
form#search_form input {
	vertical-align:right;
	display:inline;
}
.inputbox {
	width: 100px;
	font-size: 16px;
	font-weight:bold;
	color:#97B97C;
	background-color: #eeefff;
	border:solid 1px #044a02;
	margin-left: 15px;
	padding: 8px;
	}
	
	#showmap {
	margin: 10px 10px 10px 20px;
	border: solid 1px #ff000;
	}
	
	#mapsearchdrop {
	width: 580px;
	margin: 0 0 10px 25px;
	border-bottom: solid 1px #d3d3d3;
	padding: 5px 0 10px 5px;
	display:none;

	}

	#searchlocations {
	width: 50px;
	margin: 0 0 0 10px;
	}
	
	.map {
	width: 172px;
	font-size: 13px;
	font-weight:bold;
	color:#006600;
	background-color: #eeefff;
	border:solid 1px #044a02;
	margin-left: 15px;
	padding: 5px;
	}
		.mapradius {
	width: 110px;
	font-size: 13px;
	font-weight:bold;
	color:#006600;
	background-color: #eeefff;
	border:solid 1px #044a02;
	margin-left: 15px;
	padding: 5px;
	}
	
	#sidebar {
  display: none;
	width:200px; 
	background-color: #eeeeee;
	font-family:Arial, sans-serif; 
	padding: 10px;
	margin: 0 10px 20px 10px; 
	font-size:11px; 
	border:1px solid #c0c0c0;
	float:left;
}

	#sidebar div {
	/* padding: 10px;*/
	}
	


form#search_form #search_image {
	margin-left: 8px;
}

/*------------------------------- NAVIGATION ---------------------------------*/
#mainnav {
width:938px;

}




/*------------------NAVIGATION-------------------

ul, li{border:0; padding:0; margin:0; list-style:none;}*/

/* ----------- Navigation ----------- */
#top-navigation{
background:url(/images/topnav-bg.gif) repeat-x;
width:auto;
height:50px;
margin:0 auto;
}
#navigation{
background:url(/images/nav-bg.gif) repeat-x;
height:50px;
margin:0 auto;
width:auto;
}
#navigation ul{
height:50px;
line-height:50px;
}
#navigation ul li{
display:inline;
}
#navigation ul li a,
#navigation ul li a:visited {
background:url(/images/line-a.gif) right no-repeat;
padding:0 12px;
display:block;
text-decoration:none;
float:left;
color:#007b00;
font-weight:bold;
text-shadow:#ffffff 2px 2px 2px;
}
#navigation ul li a:hover{
color:#003300;
background:url(/images/nav-bgov.gif) repeat-x;
}




/*------------------------------- ANIBOX -------------------------------------*/

#anibox {
width:937px;
height:272px;
margin:0 0 10px 0;
padding:0;
border-right: solid 2px #000;
}




/*------------------------------- PROMOBOX ----------------------------------*/

#promobox {
width:936px;
height:200px;
margin:0;
padding:10px;
background-image: url(/images/bg_specials.jpg);
background-repeat: no-repeat;

/*border: solid 1px #ff0000;*/
}

#promobox h2 {
color: #3D5A24;
margin: 0 0 4px 0;
background-color: #d8d8d8;
padding: 8px;
}


.promolg {
 width: 375px;
 height: 244px;
 background-image: url(/images/bg_promo_lg.gif);
 background-repeat: no-repeat;
}

.promoleft {
width: 260px;
height: 180px;
border: solid 1px #d4d4d4;
margin: 10px 0 0 30px;
padding:  0 0 4px 0;
float:left;
}



.promoleft a {
color:#425F23;
font-size: 13px;
padding: 0 0 0 8px;
}

.promoleft a:hover {
color:#91AC75;
font-size: 13px;
padding: 0 0 0 8px;
}

.promoleft ul {
{ margin:0; padding: 2px 0 3px 0;}

}

.promoleft li {
{ margin:0;}

}




/*------------------------------- CONTENT/PRODUCTS ---------------------------*/
.content {
width:895px;
margin:0;
padding:15px;
}

.content h2{
margin: 10px 0 1px 0;
padding:0;
}

.content p {
margin: 2px 0 6px 0;
}

/*------------------------------- FOOTER -------------------------------------*/

#footer {
height:40px;
color:#fff;
padding:10px 40px 10px 10px;
margin:0;
background-image: url(/images/bg_footer.jpg);
background-repeat: no-repeat;
text-align:right;
}


#footer p{
padding:17px;
font-size: 10px;
color:#fff;
display: inline;

}

#footer a{
color:#fff;;
}

/*------------------------SLIDE MENU----------------------------*/

#sliderWrap {
margin: 0 auto;
width: 300px;
height: 50px;
}
#slider {

position: absolute;
background-image:url(slider.png);
background-repeat:no-repeat;
background-position: bottom;
width: 300px;
height: 159px;
margin-top: -141px;
}
#slider img {
border: 0;
}
#sliderContent {
margin: 50px 0 0 50px;
position: absolute;
text-align:center;
background-color:#FFFFCC;
color:#333333;
font-weight:bold;
padding: 10px;
}

#openCloseWrap {
position:absolute;
margin: 143px 0 0 120px;
font-size:12px;
font-weight:bold;
}


/*-------------------------------PRODUCT WRAPPER---------------------*/

.productwrapper {
width: 935px;
padding: 0 0 15px 0;
margin: 0 0 5px 0;
border:solid 1px #ccc;
	background-image:url(/images/prodbg.jpg);

  background-repeat:repeat-y;
}

.productwrapper select {
padding: 5px;
margin:3px;
background-color: #eeeeee;
}

.productwrapper h1 {
font-size: 19px;
margin:10px 0 9px 0;
border-bottom: solid 1px #eee;
padding:0 0 8px 0;
}

.productwrapper h2 {
font-size: 16px;
color:#004300;
margin:0;
padding:0;

}


.productwrapper h4 {
font-size: 10px;
color:#828282;
margin:0;
padding:0;
}

.productdrop {
padding: 7px;
width: 130px;
}



.nodisc {border:0; padding:0; margin:2px 0 0 5px; list-style:none;}

.productwrapper img {

border: 0;
float:left;
margin: 0 10px 3px 1px;
}

.productnav {
width:200px;
float:left;
margin:0 10px 0 0;
padding:0;

}



.productleft {
width:390px;
float:left;
margin: 8px 4px 0 3px;

}


.productright {
width:230px;
float:left;
padding: 0 0 0 4px;
margin: 8px 4px 0 0;

}

.productsingle {
width:330px;
float:left;
padding: 5px;
margin: 4px;
border-bottom:solid 1px #ccc;
}

.productsingle h1 {
font-size: 15px;
}

.productsingle h2 {
font-size: 13px;
}

.logowrap {
margin: 5px 0 5px 0;
border-bottom: solid 1px #ccc;
padding: 10px;
display:block;
height: 30px;
}

.logo {
width:150px;
height: 115px;
border: solid 1px #bbbbbb;
float:left;
text-align:center;
margin: 3px;
}
.logo img{
width: 115px;
border: solid 1px #bbbbbb;
}


/*--------------------------------TOOLTIPS-------------------*/



#preview{
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
	}
	
	#preview img {
	width:400px;
	}
	
	
	/*-------------------thumbs------------------*/
	.thumb-img {
	border-top:1px solid #CCC; border-left:1px solid #CCC; border-bottom:1px solid #AAA; border-right:1px solid #AAA;
	position:relative; 
	width:150px; height:150px;
	margin:10px; padding:6px;
	background:#FFF;
}
.thumb-inner {
	position:relative; overflow:hidden; width:100%; height:100%; 
}
.thumb-img img {
	border:0;
}
.thumb-strip {
	position:absolute; width:150px; height:10px; bottom:6px; left:6px;
	background:#FFF;
	
	filter: alpha(opacity=60);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);
	-moz-opacity: 0.60;
	opacity:0.60;
}
.thumb-zoom {
	background:url(/images/search.png) no-repeat;
	position:absolute; width:22px; height:22px;
	right:10px; bottom:7px;
}


/*=========================LOCATION BOXES================================*/
.boxes {
border: solid 1px #dad9dc;
width:280px;
padding:4px;
margin:4px;
}


/*======================CONTACT FORM===================================*/
#contactform {
	margin: 15px 0;
	width: 500px;
	background: #ddd;
	padding: 5px;
}
#contactform * {
	font-size: 12px;
}
#contactform ol {
	margin: 0;
	padding: 0;
	list-style: none;
}
#contactform li {
	margin: 0 0 5px 0;
	padding: 10px;
	background: #eee;
}
#contactform li.buttons {
	margin: 0;
	overflow: hidden;
}
#contactform label {
	margin: 0;
	width: 190px;
	display: block;
	float: left;
	padding: 5px 10px 2px 0;
}
#contactform input.text {
	width: 274px;
	border: 1px solid #D4D4D4;
	padding: 2px;
	margin: 0;
}
#contactform textarea {
	width: 274px;
	border: 1px solid #D4D4D4;
	padding: 2px;
	height: 80px;
	background: #FDFDF7;
}
#contactform li.buttons input {
	padding: 4px;
	float: right;
	margin: 0 0 0 5px;
	width: auto;
}
.warning {
color:#970000;
}

.loader {
width: 56px;
}

.smplwrap {
width: 880px;
padding:4px;
}

.smplleft {
width: 520px;
float:left;
}

.smplright {
width: 340px;
float:right
}

#locations {
border: solid 1px #ff0000;
}

#whitelist { margin:10px 0 10px 5px; list-style-image: url(/images/probullet.gif); } 

.features {
margin: 10px 0 10px 25px;
line-height:130%;
padding:0;
}

.features li {
line-height:120%;
list-style-image: url(/images/probullet.gif);
}

.elecimg {
margin-top: 50px;
float:right;
}

.logoelec {
width:100px;
margin:0;
padding:0;
border: solid 1px #ff0000;
}

.prodimg {
width: 200px;
}




/*SHOWS THE PRODUCTS*/
.prodthumb {
float:left;
width: 115px;

}

.prodthumb img {
width: 100px;
border:0;

}

.prodwrap {
width:680px;
float:left;
margin: 8px 4px 0 25px;

}

.proddesc {
width:330px;
float:left;
padding: 0;
margin: 10px 0 10px 0;

}

.button a {
text-decoration: none;
}

.button {
border-bottom: solid 1px #aaa;
margin: 7px 0 6px 10px;
padding: 2px 0 5px 0;
}

.prodright {
width:180px;
float:left;
padding: 10px ;
margin: 10px 0 10px 0;
/*height: 100px;*/
border-left: solid 1px #aaa;
}

.proddesc h2 a:link {
color: #006300;
text-decoration:none;
font-size: 15px;
}

.proddesc h2 a:visited {
color: #006300;
text-decoration:none;
font-size: 15px;
}

.proddesc h2 a:hover{
color: #2cb00a;
text-decoration:none;
}



.clearprod {
border-bottom: solid 1px #ccc;
margin: 10px 0 10px 0;
clear:both;
}

.deschead {
font-size: 14px;
height: 20px;
padding:0;
width: 500px;
margin: 0 10px 10px;
color: #8c8c8c;
}

.suggest_link {
		background-color: #FFFFFF;
		padding: 2px 6px 2px 6px;
		cursor:pointer;
	}
	.suggest_link_over {
		background-color: #3366CC;
		padding: 2px 7px 2px 8px;
		cursor:pointer;
	}
	#search_suggest {
		position: absolute; 
		background-color: #FFFFFF; 
		text-align: left; 
		/*border: 1px solid #000000;		*/	
	}
	
	.backed {
	display:block;
	
	padding: 10px 10px 6px 100px;
	height: 40px;
	}
	
	.editbutton ul
{
padding-left: 0;
margin-left: 0;
background-color: #007000;
color: White;
width: 60px;
font-size: 9px;
}
	
.editbutton ul li a
{
padding: 0.2em 1em;
background-color: #007000;
color: White;
text-decoration: none;
float: left;
border-right: 1px solid #fff;
}
	
	.editbutton a {
	color: #fff;
	}
	
	.editbutton ul li a:hover {
	color: #fff;
		background-color: #b20800;
		padding: 0.2em 1em;
		border-right: solid 1px #370000;
		border-bottom: solid 1px 000;
	}
	
		.editbutton ul li a:active {
	color: #fff;
		background-color: #b20800;
		padding: 0.1em .9em;
		border-right: solid 1px #370000;
		border-bottom: solid 1px 000;
	}
	
	#locwrapper {
	clear:both;
	}
	
	
	#location ul {
		list-style: none;
	 padding: 10px;
	 margin: 1px 15px 10px 0;
	 border: solid 1px #d3d3d3;
	 width: 240px;
	 height: 130px;
	 float:left;
   
	}
	
	#location h2 {
	margin:0 0 2px 0;
	}
	
	#basketTitleWrap {
	background-color: #669900;
	border: 3px #CCCCCC solid;
	padding: 5px;
	color: #FFFFFF;
	font-weight: bold;
	height: 20px;
}

#basketItemsWrap img {
	border: 0;
}
	
	/* CART*/
	#basketItemsWrap ul {
	list-style-type: none;
	list-style-position: outside;
	margin: 0;
	padding: 0;
}

#basketItemsWrap li {
	background-color: #ffffff;
	margin: 5px;
	font-size: 12px;
}

/*END CART*/

.containboxme {
width: 500px;
height: 400px;
border: solid 1px #00ff00;
float:right;
}

.boxme {
float:left;
width: 100px;
margin: 0 3px 3px 0;
padding: 8px;
border: solid 1px #ff0000;
}

#jsddm
{	margin: 0;
	padding: 0}

	#jsddm li
	{	float: right;
		list-style: none;
		font: 12px Tahoma, Arial}

	#jsddm li a
	{	display: block;
		background: #324143;
		padding: 5px 12px;
		text-decoration: none;
		border-right: 1px solid white;
		width: 70px;
		color: #EAFFED;
		white-space: nowrap}

	#jsddm li a:hover
	{	background: #24313C}
		
		#jsddm li ul
		{	margin: 0;
			padding: 0;
			position: absolute;
			visibility: hidden;
			border-top: 1px solid white}
		
			#jsddm li ul li
			{	float: none;
				display: inline}
			
			#jsddm li ul li a
			{	width: auto;
				background: #A9C251;
				color: #24313C}
			
			#jsddm li ul li a:hover
			{	background: #8EA344}
			
			.small { font-size: 9px; margin: 0; }