@import url("../fonts/fonts.css");
/*@import url(http://fonts.googleapis.com/css?family=Nunito);*/
@import url(http://fonts.googleapis.com/css?family=Nunito:300);

body
{	
	width:100%;
	margin:0;
	font-family:arial;
	font-family: 'Nunito' !important;
	color:#636262;
}
h1{
	text-transform:uppercase;
	font-size:22px;
	margin:0px 0 0px 0;
	font-family: 'itcamericantypewriterltmedium' !important;
	color:#000;
}

h2{
	font-family: 'itcamericantypewriterltmedium' !important;
	font-size:20px;
	margin:10px 0 10px 0;
	color:#000;
}

h3{
	font-family: 'itcamericantypewriterltmedium' !important;
	font-size:18px;
	margin:10px 0 10px 0;
	color:#000;
}

a {
	text-decoration: none;
	color:#666;
}

p{
	color:#636262;
}

ul{
	margin:0;
	padding:0 0 0 20px;
	/*list-style:none;:*/
	color:#636262;
}

table tr td{
	vertical-align:top;
}

.clear{
	clear:both;
}

.header{
	background-color:#000;
	min-height:85px;
}

.content, .footer{
	max-width:980px;
	margin:auto;
	left:0;
	right:0;
	
}

.content a{
	text-decoration: underline;
	
}

.socialLinks {
	display:inline;
	float:left;
}

.socialLinks a{
	text-decoration: none;
	
}

.icons{
	display:inline;
	float:left;
	padding-right:8px;
	padding-top:32px;
}

.quickSearch{
	display:inline;
	float:left;
	background-color:#fff;
	height:32px;
	margin-top:32px;
	border-radius:2px;
}

.search{
	display:inline;
	float:left;
	padding-top:5px;
	
}

#searchTerm{
padding-left:2px;
	border:none;
	
}
.search #submit{
	background:url('../images/mag_glass.png') #ffffff no-repeat center center;
	border:none;
	width:15px;
}	

.page_search_bx{
	-webkit-box-sizing: none;
	   -moz-box-sizing: none;
	        box-sizing: none;
	width: 100%;
	color: #555;
	border: 0px solid #ccc;
	border-radius: 0px;
	background-color: #ffffff;
	margin: 0 0 0px 0;
	padding: 2px;
	 
	 
	outline: none;
}

.search #submit:hover{
	cursor:pointer;
}
.headerImg{
	display:inline;
	float:right;
}

.leftAlign{
	display:inline;
	float:left;
	max-width: 350px; /* was 300px;*/
	padding-right:15px;
	 
}

.leftAlign a{
	color: #666;
}

.storeLogo {
	padding-top:15px;
}

img
{  border-style: none;
}

/*top menu*****************************************************/

.topMenu{
	/*margin-bottom:2px;*/
}

#menu {
	display: table;
	width: 100%;
	border-collapse: collapse;
	height: 43px;
	clear: both;
	
}
 
#menu ul#nav {
	/*float: left;
	width: 980px;
	margin: 0;
	padding: 0;
	list-style: none;*/
	display: table-row;
	
}

#menu ul#nav a{
	color:#000;
	font-weight:bold;
	/*text-transform:uppercase;*/
	
}
 
#menu ul#nav li {
	display: table-cell;
	
}

#menu ul#nav li ul li{
	display:block !important;
}
 
#menu ul#nav li a {
	float: left;
	line-height: 40px;
	text-decoration: none;
	margin: 0;
	padding: 0 30px;
	
}
 
/* APPLIES THE ACTIVE STATE */
#menu ul#nav .current a, ul#nav li:hover > a{
	
}
 
/* THE SUBMENU LIST HIDDEN BY DEFAULT */
#menu ul#nav ul {
	display: none;
	z-index:1000;
	
}
#menu ul#nav li ul li ul{
	margin:0 0 0 98% !important;
	width:100%;
}
 
/* WHEN THE FIRST LEVEL MENU ITEM IS HOVERED, THE CHILD MENU APPEARS */
#menu ul#nav li:hover > ul {
	position: absolute;
	display: block;	
	margin: 41px 0 0 0;
	padding:0;
	
	background: -webkit-linear-gradient(right top, #3f3f3f , #34312e); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(bottom left, #3f3f3f, #34312e); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(bottom left, #3f3f3f, #34312e); /* For Firefox 3.6 to 15 */
	background: linear-gradient(to bottom left, #3f3f3f, #34312e); /* Standard syntax */
}
 
#menu ul#nav li:hover > ul li a {
	float: left;
	line-height: 45px;
	color: #fff;
	text-decoration: none;
	margin: 0;
	
	
	width:100%;
}

 
#menu ul#nav li:hover > ul li a:hover {
	color: #120000;
	text-decoration: none;
	text-shadow: none;
}

/*admin*****************************************************/

.adminMenu .leftAlign{
	width:200px;
}

.adminSubmenu{
	padding-left:20px;
}

.adminMenu .content{
	padding-top:30px;
}

#cropContainerHeader {
	width: 200px;
	height: 150px;
	position:relative; /* or fixed or absolute */
}
/*footer************************************************************/

.footer_wrapper{
	width:100%; 
	/*text-align:center; */
	background: url(../images/footer_bg.png) #f4f4f4 center top no-repeat; 
}

.siteMap{
	display: table;
	width: 100%;
	border-collapse: collapse;
	border: none;
	margin:0 0;
}

.siteMap ul{
	display: table-row;
	list-style:none;
}
.siteMapHeaders{
	display: table-cell;
	margin: 0;
	padding-bottom:10px;
	font-family:'metaplusblackroman';
	font-size:13px;
	color:#000;
	text-transform:uppercase;
}

.siteMapHeaders ul a{
	font-family: 'Nunito' !important;
	font-size:12px;
	color:#000;
	text-transform:none;
	 
}

.footer{
	padding-bottom:100px;
	
}

.footerAddress{
	display:inline;
	float:left;
	width:489px;
	padding-top:20px;
}

/*Page******************************************************************/

.page{
	padding-bottom:100px;
}



.leftContent{
	display:inline;
	float:left;
	width:637px;
	padding-left:43px;
	
	
    word-wrap: break-word; /* Internet Explorer 5.5+ */
	
	
	
}

.rightContent{
	display:inline;
	float:right;
	width:210px;
	padding: 25px 0 50px 51px;
}

.pageImage img{
	width:100%;
	padding-bottom:42px;
}

.pageSocial{
	display:inline;
	float:right;
	width:250px;
}

.twitter-share-button {
width: 80px !important;
} 

.social-media-list {}

.social-media-list li { display:block; float: left; text-align:center; margin: 0 auto;}

.subPageContent, .subPageThumbnail{
	display:inline;
	float:left;
	margin-bottom:25px;
}

.subPageContent{
	max-width:520px;
	width:100%;
}

.subPageContent p{
	margin:0  20px;
	
}

.subPageThumbnail img{
	width:75px;
	padding-left:20px;
	float:right;
}

.readmore{
	margin:10px 0 0 0px; /*10px 0 0 20px;*/
	font-size:12px;
}

.readmore li{
	display:inline;
	float:left;
	height:17px !important;
}

.readmore li a{
	padding-right:5px;
	vertical-align:middle;
	color:#636262;
	
}

.banner{
	width:210px; 
	padding-bottom:10px;
}	

.bannerImage img{
	width:210px;
	vertical-align:bottom;
}

.bannerText{
	width:175px;
	height:35px;
	display:inline;
	float:left;
	background-color:#000;
	color:#fff; 
	font-weight:bold;
}

.bannerText a{
	color:#fff; 
	text-decoration:none; 
	line-height:35px; 
	padding-left:10px;
}

.bannerButton{
	width:35px;
	height:35px;
	display:inline;
	float:left;
}

/*store*******************************************************/

.storeLeft{
	max-width:470px !important;
	padding-left:20px;
	padding-top:20px;
}

.storeRight{
	width:420px;
	
}

.storeCategory{
	background-color:#000;
	color:#FFF;
	padding:5px;
	margin-bottom:5px;
	font-weight:bold;
	
}
.store_search_label{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#999;
	margin-left:3px;
	
}
.store_cat_label{
	padding-left:51px;
}
.storeListings .loc{
	width:7%;
}
.storeListings .name{
	width:42%;
	
}
.storeListings .phone{
	width:33%; /*35%*/
}


.storeListings .greenPower{
	width:4%;
}

.btn_submitinput{
  width:150px;
  background-color: black;
  border: none;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.5);
  color: white;
  cursor: pointer;
  
  /*font-style: italic;*/
  font-weight: 900;
  margin:0px 0px;
  padding: 7px 20px;
  &:hover {
    background-color: lighten(#000, 20%);
  }
	&:active {
		-webkit-box-shadow: inset 0px 2px 2px rgba(0, 0, 0, 1);
  -moz-box-shadow: inset 0px 2px 2px rgba(0, 0, 0, 1);
  box-shadow: inset 0px 2px 2px rgba(0, 0, 0, 1);
		margin-top:2px;
    -webkit-transition: all 0.1s ease;
    -moz-transition:    all 0.1s ease;
    -ms-transition:     all 0.1s ease;
    -o-transition:      all 0.1s ease;
	}
}


/*Homepage****************************************************/
.bx-wrapper .bx-viewport{
	box-shadow:none !important;
	height: 188px !important; /*was 210*/
}
homeThumbImg{
	width:158px;
	opacity:1.0;
}

.thumbnailText{
	text-transform:uppercase;
	font-family:'metaplusblackroman';
	font-size:13px;
	padding:5px 0 0px 10px;
	height:28px; /*was 35*/
	overflow:hidden;
}

.thumbnailText a{
	color:#000;
}

/*slideshow************************************************/


.sy-pager, .sy-controls{
	display:none !important;
}
.homePageImage{
	position:relative;
}
/*slider*****************************************************/
#slideshowWrapper{
	z-index:0;
}

#slideshowWrapper img{
	width:100%;
}

.sy-caption{
	display:none !important;
}

.quickLinks{
	margin:0 auto;
	left:0;
	right:0;
	bottom:0px;
	margin-bottom:10px;
	position:absolute;
	z-index:100;
	/*background-color:#fff;
	opacity:0.85;*/
	background-image:url(../images/quicklinks_bg85.png);
	background-repeat:repeat;
	padding-top:5px;
}

.bx-wrapper .bx-controls-direction a{
	top:29% !important;
}

.bx-prev{
	left:-55px !important;
	background:url('../images/left_arrow.png') no-repeat !important;
}

.bx-next{
	right:-63px !important;
	background:url('../images/right_arrow.png') no-repeat !important;
}

.bx-wrapper .bx-controls-direction a {
	height:41px!important;
}

.photo {
	border: solid 1px #ffffff;
	background-color: #ffffff;
	padding: 3px;
	margin: 0px;
	margin-right:0px;
	margin-bottom:0px;
}
.thumbnailImage img {
	opacity:1.0;
}