/*  Author - Neill Harmer */

/* ANIMATIONS
------------------------------------------------------------ */

/* fade */
@-webkit-keyframes fadein {
    from { opacity: 0; }
      to { opacity: 1; }
}
@keyframes fadein {
    from { opacity: 0; }
      to { opacity: 1; }
}

/* zoom */
@keyframes zoominlogin {
      0% { transform: scale(0); }
     75% { transform: scale(1.1); }
    100% { transform: scale(1); }
}                             
@-webkit-keyframes zoominlogin {
      0% { -webkit-transform: scale(0); }
     75% { transform: scale(1.1); }
    100% { -webkit-transform: scale(1); }
}   


.lcms_toolbar ul.lcms_toolbar_nav {
	left: 25px !important;
}




/* BODY and CONTAINERS
------------------------------------------------------------ */

body {
	font-family: 'Source Sans Pro', sans-serif;
    color: #444;
	background: #919191 url(images/page-bg.jpg) no-repeat top center fixed;
	line-height: 1.6;
	font-size: 75%;
	text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased; 
	height: 100%;	
	padding: 50px 20px 15px;
}
	body.active {
		overflow: hidden;
	}
	
	.mobile-open a {
		display: none;
	}
	
	
.page-container {
	position: relative;
	width: 100%; 
	max-width: 1020px; 
	margin: 0 auto; 
	background: #F1F1F1;
	overflow: hidden;
	
	-webkit-box-shadow: 0px 0px 0px 5px rgba(0,0,0,0.05);
	   -moz-box-shadow: 0px 0px 0px 5px rgba(0,0,0,0.05);
	        box-shadow: 0px 0px 0px 5px rgba(0,0,0,0.05);
}	







/* SELECTION AND LINKS
------------------------------------------------------------ */   

::selection {
	background: #EF5A28; 
	color: #fff;
}

::-moz-selection {
	background: #EF5A28; 
	color: #fff;
}

a {
	-webkit-transition: all 0.55s ease-in-out; 
	   -moz-transition: all 0.55s ease-in-out; 
	     -o-transition: all 0.55s ease-in-out; 
	    -ms-transition: all 0.55s ease-in-out; 
	        transition: all 0.55s ease-in-out;
}
	.lcms_pagebar a {
		-webkit-transition: all 0s ease-in-out; 
		   -moz-transition: all 0s ease-in-out; 
		     -o-transition: all 0s ease-in-out; 
		    -ms-transition: all 0s ease-in-out; 
		        transition: all 0s ease-in-out;
	}

.contents a {
	color: #444;
	text-decoration: underline;
}
	.contents a:hover {
		color: #000;
	}




/* HEADINGS
------------------------------------------------------------ */   

h1, 
h2, 
h3, 
h4, 
h5, 
h6 {
	margin: 0 0 15px; 
	clear: both;
    color: #ef5a28;
	font-family: 'Montserrat', sans-serif;
	line-height: 1.1;
}
	
	h1 {
		font-size: 24px;
	}
		h1.title,
		h2.title,
		h3.title,
		h4.title,
		h5.title,
		h6.title {
			font-size: 14px;
			letter-spacing: 1px;
			text-transform: uppercase;
			border-bottom: 1px solid rgba(0, 0, 0, .08);
			padding-bottom: 10px;
			margin: 0 0 20px; 
			font-weight: normal;
		}
		
	h2 {
		font-size: 18px;
		color: #333;
	}	
		
	h3 {
		font-size: 16px;
		font-weight: normal;
	}
	
	h4 {
		font-size: 15px;
	}	
		
	h5 {
		font-size: 14px;
		color: #333;
	}
			
	h6 {
		font-size: 13px;
	}







/* GENERAL NON-CMS SPECIFIC CALLINGS
------------------------------------------------------------ */ 

.contents {
	font-size: 14px; 
}

.contents p {
	margin: 0 0 20px 0;
}  

.contents img {
	vertical-align: bottom;
}

.contents blockquote {
	border-left: 5px solid #ef5a28;
	margin: 0 0 20px 0;
	padding: 10px 0 10px 20px;
    color: #000;
	font-size: 118%;
}   

.contents code {
	display: block;
	margin-bottom: 20px;
}


/* lists */
.contents ol {
	list-style: decimal; 
	margin: 0 0 25px 40px;
}	
	.contents ol li {
		margin-bottom: 10px; 
	}	
		
.contents ul {
	list-style: none; 
	margin: 0 0 25px 20px;
}	
	.contents ul li {
		padding: 0 0 0 12px; 
		margin-bottom: 9px;
		border-left: 3px solid #ddd;
	}	
		.text ul li, 
		.image ul li {
			border-left: 3px solid #ccc;
		}
		
		.suckerfish li {
			border-left: 0 !important;
		}
	
	.contents ul ul {
		margin-bottom: 10px;		
	}
		.contents ul ul li {
			background: none; 
			padding-left: 6px; 
			margin: 0 0 0 20px; 
			list-style: disc !important;
		    color: #000;
		}
		
		
/* table */
table {
	border-collapse: collapse;
    margin: 15px 0 30px;
	color: #000;
	max-width: 100%;
}
	table th {
		background: #999;
		color: #fff;
		text-transform: uppercase;
		text-align: left;
		padding: 5px 10px;
	}
	
	table tr:nth-child(even) {
		background: #fff;
	}
	
	table td {
		padding: 8px 10px;
		font-size: 14px;		
	}


	 	
/* hr */
.contents hr {
	border: 1px solid rgba(0, 0, 0, .08);
	border-width: 0 0 1px; 
	border-collapse: collapse; 
	clear: both; 
	margin: 25px 0 25px 0; 
} 
	.contents p hr {
		margin: 0;
	}


iframe {
	margin-bottom: 20px;
}


img,
input,
textarea,
embed,
iframe {
	max-width: 100%;
}


/* def lists */
dl {
	margin-bottom: 20px;
}
	dl dt {
	    color: #000;
		font-weight: 500;
		line-height: 1.2;
		font-size: 16px;
	}


/* pre */
pre {
	margin-bottom: 20px;
	white-space: pre-wrap; 
	white-space: -moz-pre-wrap;
	white-space: -pre-wrap;
	white-space: -o-pre-wrap;
	word-wrap: break-word;
}








/* HEADER
------------------------------------------------------------ */ 

.header {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	background: #fff;
	z-index: 10;
	width: 260px;
	overflow: auto;
}	

.logo {
	padding: 70px 25px 60px;
}
	.logo h1 {
		font-size: 22px;
		line-height: 1.3;
		letter-spacing: 1px;
		font-family: 'Montserrat', sans-serif;
		color: #000;
		margin-bottom: 0;
	}
		.logo h1 img {
			height: auto;
		}
		
		.logo h1 a {
			color: #000;
			display: block;
		}

	.header .contents {		
		padding: 60px 20px 10px 20px;
	}
		.header .contents:empty {
			display: none;
		}
	


/* NAV
------------------------------------------------------------ */ 

nav ul li {
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: 1px;
	border-left: 5px solid transparent;
	padding-left: 15px;

	-webkit-transition: all 0.35s ease-in-out; 
	   -moz-transition: all 0.35s ease-in-out; 
	     -o-transition: all 0.35s ease-in-out; 
	    -ms-transition: all 0.35s ease-in-out; 
	        transition: all 0.35s ease-in-out;
}

nav ul a {
	color: #868686;
	display: block;
	padding: 10px 20px 10px 5px;
	border-bottom: 1px solid #f1f1f1;
	position: relative;

	-webkit-transition: all 0.55s ease-in-out; 
	   -moz-transition: all 0.55s ease-in-out; 
	     -o-transition: all 0.55s ease-in-out; 
	    -ms-transition: all 0.55s ease-in-out; 
	        transition: all 0.55s ease-in-out;
}
	nav ul .selectedPage.hasChildren a {
		border-bottom: none;
	}
	
	nav ul a:hover, 
	nav ul .selectedPage a, 
	nav ul .selectedPageRoot a, 
	nav ul .selectedPageParent a {
		color: #ef5a28;
	}
	
	nav ul li:hover, 
	nav ul li.selectedPage, 
	nav ul li.selectedPageRoot, 
	nav ul li.selectedPageParent {
		border-left: 5px solid #EF5A28;
	}
	
	nav ul li.selectedPageRoot a {
		border: none;
	}
	
	

nav ul ul {
	border-bottom: 1px solid #F1F1F1;
	margin: -5px 0 0 5px;
	padding-bottom: 15px;
}	
	nav ul ul li {
		font-size: 12px;
		display: inline-block;
		text-transform: none;
		border: 0 !important;
		padding: 0;
	}
	
	nav ul ul a {
		color: #ef5a28;
		border: none;
		padding: 0;
	}
		nav ul ul a:hover {
			color: #999;
		}
		
		nav ul ul a:after {
			content: '\2022';
			margin-left: 5px;
			color: #ccc;
		}
		
		nav ul ul li:last-child a:after {
			display: none;
		}

	
	
	
	
	/* cart */
	.cart {
		margin: 25px 0 -20px 20px;
	}	
		.cart a {
			color: #fff;
			height: 18px;
			width: 31px;
			display: block;
			background: url(images/icon-sprite.png) 0 0 no-repeat;
			position: relative;
		}
			.cart .totals {
				background: #ddd;
				color: #000;
				font-size: 11px;
				font-weight: 700;
				line-height: 1;
				border-radius: 20px;
				padding: 1px 5px 3px;
				display: block;
				position: absolute;
				top: -5px;
				right: 0;
			}
				.cart a:hover .totals {
					background: #f1f1f1;
				}






/* CONTENT CONTAINER
------------------------------------------------------------ */ 

.content-container {
	padding-left: 260px;
	min-height: 900px;	
}


/* featured */ 
.featured {
	font-size: 16px;
	color: #000;
	background: #ddd;
}

	.featured .image {
		width: 100%;
	}
		.featured .image img {
			max-width: 100%;
			height: auto;
		}
		
		.featured .image .container, 
		.featured .image .textElement, 
		.featured .image .blogsElement, 
		.featured .image .eventsElement, 
		.featured .image .linksModule, 
		.featured .image .blogsElement {
			padding: 30px 35px 15px;
		}
			.featured .image .container {
				padding-bottom: 0;
			}


	.featured .text {
		padding: 30px 35px 15px;
	}
			.featured .text:empty {
				display: none;
			}

	
 

/* contents */
.main-content {
	width: 50%;
	float: left; 
	padding: 50px 35px 30px 35px;
	min-height: 200px;
	position: relative;
}

	
.sub-content {
	width: 50%;
	float: right;
	min-height: 200px;
	padding: 50px 30px 30px 25px;
	position: relative;
}

	/* fully man */
	.full-page .sub-content {
		display: none;
	}	

	.full-page .main-content {
		float: none;
		width: 100% !important;
	} 
	
	

/* halves */
.halves {
	overflow: hidden;
}
	.left-col {
		float: left; 
		width: 47%; 
		margin-right: 6%;
	}
	
	.right-col {
		float: left; 
		width: 47%;
	} 






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

.footer {
	width: 100%; 
	max-width: 900px; 
	margin: 0 auto 0; 
	color: #fff;
	padding: 35px 0 50px;
	text-align: center;
}

	
	.footer > ul.globalMenu {	
		-webkit-transition: all 0.25s ease-in-out; 
		   -moz-transition: all 0.25s ease-in-out; 
		     -o-transition: all 0.25s ease-in-out; 
		    -ms-transition: all 0.25s ease-in-out; 
		        transition: all 0.25s ease-in-out;
		margin-bottom: 15px;
	}
		.footer ul.globalMenu li {
			display: inline-block;
			text-transform: uppercase;
			font-size: 10px;
			font-family: 'Montserrat', sans-serif;
			padding: 0 10px 10px 0;
		}	
	
		.footer ul.globalMenu a {
			background: rgba(0, 0, 0, .05);
			color: rgba(0, 0, 0, .5);
			display: block;
			padding: 3px 10px;
			border-bottom: 1px solid transparent;
		}				
			.footer ul.globalMenu a:hover,
			.footer ul.globalMenu li:hover a {
				background: rgba(0, 0, 0, .25);
				color: rgba(255, 255, 255, .6);
			}
			
			
	.copyright {
		font-size: 11px;
		font-style: italic;
		color: rgba(255, 255, 255, .5);
	}	

	/* social media */
	.socialMedia {
		clear: both;
		text-align: center;
		margin-bottom: 10px;
	}
		.socialMedia li {
			float: none;
			display: inline-block;
			margin: 0 0 10px 10px;
			text-align: left;
		}	



/* 
------------------------------------------------------------------------------------
CMS STYLES
------------------------------------------------------------------------------------ 
*/




/* BLOG ITEM
------------------------------------------------------------ */

/* blogs listing */            
.blogList ul {
	margin: 0 !important; 
	padding: 0 !important; 
	list-style: none;         
}
	.blogList ul li {      
		margin: 0 0 30px !important; 
		padding: 0 0 0 0 !important;
		border-left: 0;
		list-style: none;      
	}
	
	.blogList ul li h2.postTitle {
		font-size: 16px;   
		line-height: 1.4;
		margin: 0 0 3px;
		font-weight: normal;
	}  
		.blogList ul li h2.postTitle a {
			text-decoration: none; 
			color: #000;
		}	 		
	    	
	.blogList ul li .postBody {
		font-size: 14px; 
	}    	
		.blogList ul li .postBody p:last-child {
			margin-bottom: 0 !important;
		}  	   
		
	.blogList ul li .postInfo {
		margin: 0 0 15px; 
		font-size: 12px; 
		color: #aaa; 
		font-style: italic;  
	}	
		.blogList ul li .postInfo a {
			color: #aaa;
		}
				
				
	.rss {display: none;}                                    
	                                                                     
	/*  for blog/calendar list items to still have list bullets */	
	.blogList ul li ul, .eventsList ul li ul {margin: 15px 35px !important;}  
    .blogList ul li li, .blogList ul li ul, .eventsList ul li li, .eventsList ul li ul {list-style: square !important;}             
	.blogList ol li ul, .eventsList ol li ul {margin: 15px 35px !important;}               
    .blogList ol li li, .blogList ol li ul, .eventsList ol li li, .eventsList ol li ul {list-style: decimal !important;}             
		
              
				        

/* post detail page */   
.post > h2 {
	font-size: 17px !important;
	font-weight: normal;
	display: none;
}
	

.postViewInfo {
	border: none !important;  
	padding: 0 !important;    
	color: #aaa !important;  
	font-size: 12px !important; 
	font-style: italic; 
}     
	.postViewTags a {  
		margin-left: 2px !important;
	}   
	.postViewTags li {  
		border: none !important;
	}  

.post .blogBack {
	display: none;
}
	
                 

/* blog comments */ 
.commentsHead {
	padding: 55px 0 0;
	text-transform: uppercase;
	font-size: 14px;
	letter-spacing: 1px;
	margin-bottom: 25px;
} 	
	        
	dt.comment {
		background: transparent !important;
		margin: 0 !important;
		padding: 0 0 5px 30px !important;
		border: none !important;
		font-size: 12px;
		font-weight: normal;
		color: #aaa;   
		position: relative; 
	}    
		.comment a {
			text-decoration: none; 
			position: relative;  
			font-size: 15px;  
			font-weight: normal;        
			z-index: 5;
		} 
		
		.comment .commentNumber, 
		.comment .commentNumber:hover {
			font-size: 70px;     
			font-weight: bold;
			color: #2d2d2d;
			position: absolute;   
			top: 0;
			left: -20px; 
			z-index: 1;  
			cursor: default;  
			display: none;
		}   		
	
	dd.comment {                      
		background: #fff !important;        
		margin: 0 0 55px !important;   
		border-bottom: none !important;  
		position: relative;
		z-index: 5; 
		padding: 20px 30px !important; 
	}					
		dd.comment .commentDate {
			font-size: 12px; 
			color: #aaa;    
			margin-bottom: -5px !important;
			padding-bottom: 0 !important; 
			text-align: right;                     
		}  
		
		dd.comment:after { 
			bottom: 100%; 
			border: solid transparent; 
			content: " "; 
			height: 0; 
			width: 0; 
			position: absolute; 
			pointer-events: none; 
		} 
			dd.comment:after { 
				border-bottom-color: #fff; 
				border-width: 10px; 
				left: 7px;            
			} 
			dd.comment:before { 
				border-bottom-color: #fff; 
				border-width: 16px; 
				left: -7px;         
			}                          
	
	
	
/* comments form */
.commentsForm {
	clear: both;  
	background: #ddd;
	padding: 25px 25px 10px; 	
}           
	.addComment { 
		padding: 15px 0 0;
		text-transform: uppercase;
		font-size: 14px;
		letter-spacing: 1px;
		margin-bottom: 25px;
		color: #EF5A28;
	}
	
	.commentsForm label, 
	.commentsForm span {
		font-family: 'Montserrat', sans-serif;
		font-weight: normal;
		display: block;    
		font-size: 13px;   
	    margin: 5px 15px 5px 0; 
	} 
	
	.commentsForm input, 
	.commentsForm textarea { 
		clear: both; 
		background: #fff;
		border: none;
		padding: 9px 10px; 
		font-size: 13px;
		font-weight: 300;
		font-family: 'Source Sans Pro', sans-serif;
		width: 70% !important;  
		margin-left: 4px;
		border: 1px solid #ddd;
	}     	  
		.commentsForm textarea { 
			clear: both; 
			width: 95% !important;   
		}       
		.commentsForm input:focus, 
		.commentsForm textarea:focus { 
			background: #fafafa;  
		}  
	
	.commentsForm img {
		border: 1px solid #ddd;
		display: block;  
		max-width: 170px; 
		max-height: 40px;  
		margin-top: -20px;
	} 
	
	.commentsForm > input[type="text"] {   
		width: 70px !important; 
		position: absolute;
		left: 250px;
		margin-top: -62px;
	} 
	
	.commentsForm input.submitComment {  
		clear: both;
		margin-top: -50px;
		background-color: #000;
		border: none;
		color: #fff;
		padding: 11px 15px;
		cursor: pointer;
		width: 220px !important;
		font-size: 12px;
		margin-left: 0;
		font-family: 'Montserrat', sans-serif;
		text-transform: uppercase;
		
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		-ms-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;  	  
	}
		.commentsForm input.submitComment:hover { 
			background: #444;  
		}
	
	.commentsForm .note {
		display: none;
	}









/* EVENTS / CALENDAR 
------------------------------------------------------------ */
	  	
/* calendar detail page */     
.event h2 {
	margin-bottom: 0px;
}
.event .eventDate {
	margin: 0 0 15px; 
	font-size: 12px; 
	color: #aaa; 
	font-style: italic;
}                

.event .eventBack a {
	display: none;
} 



/* event list */	      
.eventsList ul {
	margin: 0 !important; 
	padding: 0 !important; 
	list-style: none;
}
	.eventsList ul li { 
		margin: 0 0 25px !important; 
		padding: 0 !important;
		border-left: none; 
		line-height: 1.3 !important;
	}
	
	.eventsList ul li a {
		font-size: 14px;   
		margin: 0 0 5px;
		display: block;
		font-family: 'Montserrat', sans-serif;
		font-weight: normal;
		text-decoration: none;
	}
		
	.eventsList ul li .eventDate {
		margin: 0 0 15px 0; 
		font-size: 12px; 
		color: #aaa; 
		font-style: italic;
	}	      

                                        

/* tabular */      
.eventsCalendar {
	margin: 0 0 20px; 
	width: 100%;
	position: relative;
}   	 
	.eventsCalendar table {
		border: none; 
		border-color: #F1F1F1 !important; 
		background-color: #fff;
		width: 100%; 
		margin: 0 !important;		
	}		 
		.eventsCalendar table td {
			padding: 0;
		}	
	
	/* title and arrows */
	.calendarTitle {
		background: #f1f1f1 !important; 
		height: 70px !important;
		position: relative;
	}		
		.calendarTitle td {
			font-weight: 700 !important;
			color: #000 !important; 
			background: #f1f1f1 !important; 
			font-size: 17px !important; 
			letter-spacing: 1px;   
			text-transform: uppercase;
			padding: 20px 10px !important; 
		}	
		
		.calendarNextPrevious:first-child a,
		.calendarNextPrevious:last-child a  {
		    background: url(images/cal-arrow.png) top right no-repeat !important;
		    display: block;
			text-indent: -9999px !important;
		    height: 40px;
		    width: 35px; 
			top: 14px;
			right: 10%;
			position: absolute;
			padding-top: 10px;
			font-size: 12px;
			text-transform: uppercase;
		}
			.calendarNextPrevious:first-child a {
			    background: url(images/cal-arrow-left.png) top left no-repeat !important;
				left: 10%;
				right: auto;
			}
			
				
	/* monday thru friday */						
	.calendarDayHeader {
		color: #999 !important;	
		background: #fff !important;	
		font-size: 12px; 
		text-transform: uppercase; 
		height: 1px; 
		text-align: center !important; 
		padding: 12px 0 !important;                   
		border-color: #fff !important; 
		border-top: 1px solid #eee !important;  
		border-bottom: 1px solid #eee !important;  
	}
	
	.calendarWeekendDay,
	.calendarOtherMonthDay,
	.calendarDay,
	.calendarToday {
		vertical-align: top;
		background: #fafafa !important;
		border: 0 !important;
		border-bottom: 1px solid #fff !important;
		padding: 1em .5em !important;
		font-size: 12px;
		line-height: 16px;
	}		
		.calendarWeekendDay a,
		.calendarOtherMonthDay a,
		.calendarDay a,
		.calendarToday a {
			color: #2e2e2e;
			display: block;
			margin-top: 5px;
		}
		
		.calendarOtherMonthDay {
			color: #ccc !important;
		}
	






/* ICEBRRG FORMS
------------------------------------------------------------ */

.form_container {
	background: rgba(0, 0, 0, .04);
	padding: 25px; 	
	width: 100%;
	margin: 20px 0 !important;	
} 
	
	.form_container .fieldItemInner,
	.form_container .submitButtonContainer {
		padding: 0 !important;
	}
	
	.form_container .fieldRow {
		display: block;
	}
	
	.form_container .fieldBlock {
		margin: 0 0 10px;
		width: 98.5%;
	}
	
	.form_container .formHeader {
		border-bottom: 1px solid rgba(0, 0, 0, .08);
		padding-bottom: 10px;
		margin-bottom: 30px;
	}
  
	.form_container .title {
		font-weight: 500 !important;
		font-size: 15px; 
		margin-bottom: -15px !important; 
	}
	
	.form_container .type-sectionbreak .title {
	    color: #EF5A28; 
	    margin: 0 0 12px; 
	    font-size: 18px;
		margin-bottom: -30px !important;
		display: block;
	}

	.form_container .textField, 
	.form_container .form_container select { 
		font-family: 'Source Sans Pro', sans-serif;
	    color: #999;
		font-size: 13px;
		font-weight: 300;
		border: 1px solid #ddd;   
		-webkit-appearance: none;
		padding: 8px 2.5%;
	}   			
		.form_container .textField:focus, 
		.form_container select:focus { 
			background: #f9f9f9 !important;
		}    
	    .form_container select {padding: 3px 5px; max-width: 90% !important;}   
	
	.form_container .choice-option {
		background: #fff;
		display: inline-block !important;
		padding: 10px 18px 10px 12px !important;
		border: 1px solid #eaeaea;
		margin: 0 12px 12px 0 !important;
	}		
		.form_container .choice-option input {margin-right: 10px;}
		
		.form_container .choice-option label {
			font-weight: 300 !important;
			font-size: 12px;
			color: #777 !important; 
		}
		
		.form_container .choice-option:hover {border-color: #ccc;}
    
	.form_container .fieldNote, 
	.form_container .fieldName,
	.form_container .fieldInstructions {
		color: #999 !important; 
		font-size: 11px !important;
		font-style: italic !important;
		margin: 5px 0 0 0;
	}        
	
	.form_container img {                     
		display: block;  
		max-width: 170px; 
		max-height: 40px;  
		margin-top: 10px;     
		border: 1px solid #eaeaea;  
		position: relative;
		z-index: 999;
	}   	

	.form_container .submitButton {  
		clear: both;
		margin-top: -50px;
		background-color: #000;
		border: none;
		color: #fff;
		padding: 9px 15px;
		cursor: pointer;
		width: 120px !important;
		font-size: 15px;
		-webkit-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0);
		-moz-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0);
		box-shadow: 0px 0px 5px 2px rgba(0,0,0,0); 
		margin-left: 0;
		text-transform: uppercase;
	
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		-ms-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;  	  
	}	
		.form_container .submitButton:hover { 
			background: #666;  
		}
	
	
	/* getting the widths right */	
	.type-text input,
	.type-address input,
	.type-email input,
	.type-website input,
	.type-number input,
	.type-captcha input,
	.type-fileupload input,
	.type-paragraph textarea {
		width: 90% !important;
	}

	.type-name input {
		width: 90% !important;
	}

	.type-date input,
	.type-phone input,
	.type-time input {
		width: 70% !important;
	}

	.type-time select {
		width: 100% !important;
	}

	.type-name .fieldBlock {
		width: 47.5% !important;
	}

	.type-date .fieldBlock,
	.type-phone .fieldBlock,
	.type-time .fieldBlock {
		width: 20% !important;
	}

	.type-address .fieldRow:nth-child(3) .fieldBlock {
		width: 30%;
	}

	.type-address .fieldRow:nth-child(3) .fieldBlock input {
		width: 80% !important;
	}

	.type-address .fieldRow:nth-child(3) .fieldBlock select {
		width: 100% !important;
	}



.fieldSelected {
	background: transparent !important; 
	border-color: transparent !important;
}


/* confirmation popup */
.confirmation-content {
	height: 100px !important;
	min-height: 200px;
	border: 2px solid #666;
	-webkit-box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.25);
	   -moz-box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.25);
	        box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.25);
}
	.confirmation-content-message {
		padding: 25px !important;
		position: relative;
	}
	
	.confirmation-content-message p {
		margin-bottom: 20px;
	}
	
	.confirmation-content-message p a {
		color: #000;
		font-weight: normal;
		text-decoration: underline;
	}










/* EVITE 
------------------------------------------------------------ */	

.EviteElement {
	background: rgba(0, 0, 0, .04);
	padding: 25px; 	
	width: 100%;
	margin: 20px 0 !important;	
}
  
	.EviteElement label {
		font-weight: 300 !important;
		font-size: 15px; 
		display: block;
	}
	
	.EviteElement em {
		font-size: 12px !important;
		font-style: italic !important;
	}

	.EviteElement input, 
	.EviteElement textarea { 
		width: 90%;
		font-family: 'Source Sans Pro', sans-serif;
	    color: #999;
		font-size: 13px;
		font-weight: 300;
		padding: 8px 10px;
		border: 1px solid #eaeaea; 
	}     
		.EviteElement input:focus, 
		.EviteElement textarea:focus { 
			background: #f9f9f9;
		}          
	
	.EviteElement img {                     
		display: block;  
		max-width: 170px; 
		max-height: 40px;  
		margin-top: 10px;     
		border: 1px solid #eaeaea;  
		position: relative;
		z-index: 999;
	}    	

	.EviteElement .EviteButton { 
		background: #000;
		border: none;
		padding: 10px 20px;
		color: #fff;
		font-family: 'Source Sans Pro', sans-serif;
		font-size: 17px;
		text-transform: uppercase;
		font-weight: 300;  
		cursor: pointer;
		margin-right: 10px;
		margin-bottom: 10px;
	
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		-ms-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;  	 
	}	
		.EviteElement .EviteButton:hover { 
			background: #666;
		}	
	
	.EviteElement .EvitePreview { 
		background: #666 !important;
		display: inline-block !important;
		padding: 5px 10px !important;
		color: #fff !important;
		font-family: 'Source Sans Pro', sans-serif;
		font-size: 12px;
		text-transform: uppercase;
		font-weight: 300;  
		text-decoration: none !important;
	
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		-ms-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;  	 
	}
		.EviteElement .EvitePreview:hover { 
			background: #444 !important;
		}
		.EviteElement .EvitePreview a {
			text-decoration: none !important;
		}
		

		/* confirm / preview */
		#ibox_overlay {
			background: rgba(0, 0, 0, .3);
		}
		#ibox_wrapper {
			width: 490px !important;
			height: 400px !important;
		}
			#ibox_content {
				padding: 20px;
			}
			
		#ibox_footer {
			text-transform: uppercase;
		}
		
		
		



/* SHOPPING CART 
------------------------------------------------------------ */	

/* product list - details */
.productListing {
    margin: 0 !important; 
	width: 100% !important;
}	
	.productListing li {
	    font-style: normal !important;
		background-image: none !important;
	    margin: 0 0 35px 0 !important;
	    padding: 0 0 20px 0 !important;
	    position: relative;
	    width: 100%; 
		border-left: none !important;
		border-bottom: 1px solid #ddd !important;
	}	
			.productListing li:last-child {
				border: none !important;
			}
			.productListing li img {
			    max-width: 100%;
			}	
	
		.productListing li .productImageContainer {
			margin-bottom: 20px;
			max-width: 35%;	
			float: left !important;
			margin-right: 15px;
		}

		.productListing h3.productTitle {
		    margin: 5px 0 0 !important; 
			clear: none;
		}		
			.productListing h3.productTitle a {
			    font-size: 18px;
				text-decoration: none;
			}

		.productListing h4.productType,
		.productListing h4.productVendor {			
			display: inline-block;
		    font-size: 11px !important;
		    font-style: italic !important;
		    padding: 0; 
		}

		.productListing .productDescription {
			padding-top: 15px;
		}
		
		.productListing .productPriceContainer {
			display: block !important;
		}			
			.productListing .productPriceContainer .productPrice,
			.productUnavailable,
			.productDetailUnavailable {
				font-size: 16px !important;
				font-weight: 300 !important;
				color: #000;
				float: left;
				display: block !important;
				padding: 0 !important;
				margin: 10px 0 0 !important;
			}
			
			.productUnavailable {
				padding: 3px 30px 0 !important;
				font-style: italic;
				font-size: 13px !important;
			}	
		
	/* add to cart and select buttons */
	.productAddToCart, 
	a.productSelectOptions {
	    -webkit-appearance: none;
		background: #000 !important;
		display: inline-block !important;
		padding: 10px 12px !important;
		border: none !important;   
		text-transform: uppercase; 
		font-size: 11px;
		color: #fff !important;  
		font-family: 'Source Sans Pro', sans-serif;
		font-weight: bold;  
		margin-left: 20px;
		cursor: pointer;  
		text-decoration: none;
	
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		-ms-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;  	 
	}
		.productAddToCart:hover, 
		a.productSelectOptions:hover {
			background: #666 !important;
		}






/* Product Listing - Grid */
.productListingGrid {
    margin: 0 !important; 
	width: 100% !important;	
}	
	.productListingGrid li {		
		display: block !important;
	    margin: 0 3% 1.5em 0 !important;
		padding: 0 !important;
	 	width: 30% !important; 
		float: left !important;
		text-align: center !important;
	    position: relative;	
		border: none !important;
	}	
		.productListingGrid span.productImageContainer {
			margin-bottom: 8px !important;
		}
		
		.productListingGrid .productFeaturedImage {
			margin-bottom: 0 !important;
		}			
			.productListingGrid .productFeaturedImage img {
			    max-width: 95%;	
				padding: 0 !important;
				margin: 0 !important;
				vertical-align: bottom;
			}

		.productListingGrid h3.productTitle a {
		    font-size: 15px;			
		}
		
		.productListingGrid .productPriceContainer {
			display: block !important;
			padding: 0 !important;
		}			
			.productListing .productPriceContainer .productPrice,
			.productUnavailable,
			.productDetailUnavailable {
				font-size: 14px !important;
				color: #000;
				float: left;
				text-align: center;
				display: block !important;
				padding: 0 !important;
				margin: 10px 20px 0 0 !important;
			}
			
			.productListingGrid .productPriceContainer .productPrice {
				width: 100%;
			}
			
			.productUnavailable {
				padding: 0px 0 0 !important;
				margin-right: 0 !important;
				font-style: italic;
				font-size: 13px !important;
			}
			
			.productListingGrid .productPriceContainer .productUnavailable {
				width: 100%;
			}	

	.productListingGrid a.productSelectOptions,
	.productListingGrid .productAddToCart {
		display: none !important;
	}
	

	/* getting the grids lined up right */
	.productListingGrid li:last-child {margin-right: 0 !important;}
	
	.productListingGrid li:nth-child(2n+1) {clear: none !important;}
	.productListingGrid li:nth-child(4n) {clear: left !important;}

	.productListingGrid li h3.productTitle {display: block; clear: both;}
		.productListingGrid li span.productImageContainer {padding: 0 !important;}
		.productListingGrid li span.productImageContainer {max-width: 100%;}
		
		

/* product more info */
.productDetailImageContainer {
	display: block;
	float: right;
	overflow: hidden;
	margin-bottom: 20px;
	width: 100%;
	max-width: 320px;
}
	
	.productDetailImageContainer .productDetailImageList .productDetailImage {
		margin: 0; 
		padding: 0;
		width: 100% !important;	
		border: none !important;
	}	
	
	.productDetailImageContainer .productDetailImageThumb {
		padding: 0 !important;
		margin-right: 26px !important;
		margin-top: 10px !important;
		border: none !important;
	}
		
		.productDetailImageContainer .productDetailImageThumb a {
			padding: 0 !important;
		}
	
	.productDetailImageThumb:last-child {
		margin-right: 0 !important;
	}
	
	
/* hiding stuff i dont want */	
.productDetailDescriptionTitle,
.productDetailTitle {
    display: none;
}

ul.productDetailVariantList {
	height: 1px;
	visibility: hidden;
}

.productDetailType,
.productDetailVendor {
	display: inline-block;
	font-size: 13px !important;
	color: #828282 !important;
	font-style: italic;
	font-weight: 300 !important;
	margin-bottom: 10px !important;
}

.productDetailPrice {
	color: #000;
    font-size: 16px !important;
    font-weight: 300 !important;
}

.productDetailAddToCartContainer {
	border: 1px solid #ddd;
	border-width: 1px 0;
	padding: 20px 0 0;
	margin-bottom: 30px;
	width: 100%;
	max-width: 325px;
}
	
	.productDetailAddToCartContainer select,
	.productDetailAddToCartContainer #productDetailCartQuantity {
	    font-family: 'Source Sans Pro', sans-serif;
	    color: #999;
		font-size: 13px;
		font-weight: 300;
		padding: 8px 10px;
		border: 1px solid #eaeaea;
		display: block;
	}
	
	span.productDetailQuantity, 
	#productDetailCartQuantity {
		display: inline-block !important;
	}
	

.productDetailAddToCart { 
	background: #000 !important;
	display: inline-block;
	padding: 10px 12px !important;
	border: none !important;   
	text-transform: uppercase; 
	font-size: 11px;
	color: #fff !important;    
	font-family: 'Source Sans Pro', sans-serif; 
	font-weight: bold;  
	margin: 0 0 0 20px !important;

    -webkit-transition: all 0.3s ease-in-out;
       -moz-transition: all 0.3s ease-in-out;
         -o-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;  
}
	.productDetailAddToCart:hover { 
		background: #666 !important;
	}

.productDetailDescriptionContainer {
	width: 100%;
	max-width: 325px !important;
}



	
	
/* checkout */
.shoppingCartContainer {
	position: relative;
}

.cartItemsCount {
	margin: 0 0 20px 0 !important;
	font-size: 12px !important;  
	line-height: 15px;  
	font-weight: 300;
	width: 25% !important;  
	text-align: right !important;
}
	
.cartContinueShopping {
	display: none !important;
}

.cartItems {
	background: #FAFAFA;
	width: 100%;
	margin-bottom: 100px;
}	
	.cartItems th {
		background: #fff !important; 
		color: #2E2E2E !important; 
		text-transform: uppercase;
		font-size: 12px;
		padding: 10px 20px !important;
		border-bottom: 1px solid #EEEEEE;
	}

.shoppingCart table tbody tr td {
	border-bottom: 1px solid #fff !important;
	padding: 20px !important;
}

.cartImage img {
	border: 5px solid #fff;
}

.cartDescription a {
	padding: 0 !important;
	background: none !important;
	font-size: 14px !important;
	text-decoration: none;
}	

.cartItemSKU {
	font-style: italic;
}	

.cartQuantity input {
    font-family: 'Source Sans Pro', sans-serif;
    color: #999;
	font-size: 13px;
	font-weight: 300;
	padding: 4px 5px !important;
	border: 1px solid #eaeaea !important;  
	border-radius: 0 0 0 !important;
}


/* close button */
.cartItems .cartQuantity a {
	background: transparent url(images/icon-close.png) no-repeat top left !important;
	width: 15px;
	height: 15px;
	text-indent: -9999px;
	display: inline-block;
	margin: 3px 0 0 0;  
	position: absolute;
}


/* Discount Code and Checkout button Row */
.cartUpdate {
	background: transparent !important;
	padding: 0 !important;
	position: absolute;
	right: 130px;
	bottom: -54px !important;
	font-weight: 300 !important;
}

.cartSubtotalLabel {
	display: none;
}

.cartSubtotalPrice {
	font-size: 15px;
}

.cartDiscount, 
.cartSubtotal {
	background: #e9e9e9;
	padding-bottom: 15px !important;
}

.cartDiscount label {
	display: inline-block !important;
	margin-left: 10px !important;
}

.applyCode {
	background-color: #000 !important;
	display: inline-block;
	padding: 2px 10px !important;
	border: none !important;   
	text-transform: uppercase; 
	font-size: 13px;
	color: #fff !important;    
	font-family: 'Source Sans Pro', sans-serif; 
	font-weight: 300 !important;  
	box-shadow: 0 0 0 #fff !important;
	border-radius: 0 0 0 !important;
	background-image: none !important; 
}	
	.applyCode input {
		background-image: none !important;
		text-transform: uppercase;
		padding: 6px !important;
	}

.cartDiscount input {
    font-family: 'Source Sans Pro', sans-serif;
    color: #999;
	font-size: 13px;
	font-weight: 300;
	padding: 4px 5px !important;
	border: none !important;  
	border-radius: 0 0 0 !important;
}

/* checkout button */
.cartCheckoutButton {
	position: absolute;
	right: 0;
	bottom: -90px !important;
	background-color: #000 !important;
	display: inline-block;
	padding: 11px 15px 35px !important;
	border: none !important;   
	text-transform: uppercase; 
	font-size: 15px;
	color: #fff !important;    
	font-family: 'Source Sans Pro', sans-serif; 
	font-weight: 300 !important;  
	box-shadow: 0 0 0 #fff !important;
	border-radius: 0 0 0 !important;
	background-image: none !important; 

    -webkit-transition: all 0.3s ease-in-out;
       -moz-transition: all 0.3s ease-in-out;
         -o-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;  
}
	.cartCheckoutButton:hover {
		background-color: #666 !important;
	}
	
	.cartCheckoutButton input {
		background-image: none !important;
		text-transform: uppercase;
		padding: 0 !important;
	}
  


@media screen and (max-width: 768px) {
	
	/* shopping cart */
	.shoppingCartContainer .shoppingCart p.cartItemsCount {
		width: 90% !important;
	}
	
	.shoppingCart .cartItems {
		padding: 3% !important;
	}
	
	.shoppingCart .cartImage {
		display: none !important; 
	}
	
	.shoppingCart .cartQuantity {
		padding-right: 15px !important;
	}
	
	.shoppingCart table tbody tr td {
		padding: 0 !important; 
		border-bottom: 0 !important;
	}
	
	.shoppingCart .cartPrice,	
	.shoppingCart .cartQuantity,
	.shoppingCart .cartTotal {
		margin: 0 0 15px !important; 
	}
		.shoppingCartContainer .shoppingCart table tbody tr td.cartQuantity a {
			text-indent: -9999px !important; 
			display: inline-block;
			overflow: hidden;
			margin-right: 50px !important;
			font-size: .01em !important;
		}
	
	.shoppingCart .cartCheckoutButton {
		display: block !important;
		position: relative;
		bottom: auto !important;
		margin-top: 50px !important;
	}

}





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

.searchResults {
	margin: 0 0 25px 0 !important;
}
	
	.searchResults li {
		padding: 0 0 15px 15px !important; 
		font-size: 12px;
	}
	
	.dynamic-searchresults p b,
	.searchResults li a {
		font-size: 14px;
	}
	
	.searchResults .searchTerm {
		background-image: none;
		background-color: #fff !important;
	}







/* GALLERY
----------------------------------------------------------*/

.main-content .imageElement {
	margin-bottom: 20px;
}

.photoGalleryElement .thumbnail {
    margin: 0 2% 2% 0;
    width: 23%; 

    -webkit-transition: all 0.3s ease-in-out;
       -moz-transition: all 0.3s ease-in-out;
         -o-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;  
		
    animation-name: zoominlogin;
    animation-duration: 0.8s;
    animation-iteration-count: 1;
    animation-timing-function: ease-in-out;

    -webkit-animation-name: zoominlogin;
    -webkit-animation-duration: 0.8s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: ease-in-out; 
}
		.photoGalleryElement .thumbnail:nth-child(4n+1) { 
			clear: both; 
		}

	.photoGalleryElement .thumbnail img {
	    margin: 5% 0 !important;
	    width: 90% !important; 
	}

	.photoGalleryElement .thumbnail .thumbContents {
	    border: 1px solid #d9d9d9;
	    min-height: auto !important; 
	}

	.photoGalleryElement .thumbnail:hover {
	    -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
	       -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
	            box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
	}
	
	.sub-content .photoGalleryElement .thumbnail {
	    width: 125px; 
	}
	
	.sub-content .photoGalleryElement .thumbnail img {
	    width: 107px; 
	}


/* shawdowed */
.photoGalleryElement .thumbShadow .thumbContents p,
.photoGalleryElement .thumbnail p {
    padding: 0 0 6px !important; 
}

	.photoGalleryElement .thumbShadow {
	    margin: 0 2% 2% 0;
	    padding: 0 !important;
	    width: 23% !important; 
	}

	.photoGalleryElement .thumbShadow a {
	    border: 1px solid #E0E0E0;
	    display: block;
	    margin: 0 0 10px; 
		background: #fff;

	       -moz-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.3);
	    -webkit-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.3);
	            box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.3);
	}

	.photoGalleryElement .thumbShadow .thumbContents {
	    background: none !important; 
	}

	.photoGalleryElement .thumbShadow img {	
	    border: none !important;
	    margin: 0 !important;
	    width: 100%; 
	}

/* thumb hover */
.photoGalleryElement .thumbHover {
    margin: 0 !important; 
}

	.photoGalleryElement .thumbHover .thumbContents {
	    min-height: 150px !important; 
	}

	.photoGalleryElement .thumbHover a {
	    display: block;
	    height: 150px !important;
	    overflow: hidden; 
	}

	.photoGalleryElement .thumbHover a img {
	     width:150px; 

	    -webkit-transition: all 0.3s ease-in-out;
	       -moz-transition: all 0.3s ease-in-out;
	         -o-transition: all 0.3s ease-in-out;
	        -ms-transition: all 0.3s ease-in-out;
	            transition: all 0.3s ease-in-out;
	}

	.sub-content .photoGalleryElement .thumbHover .thumbContents {
	    min-height: 135px !important; 
	}
	
	.sub-content .photoGalleryElement .thumbHover a img {
	    width: 135px; 
	}

	.sub-content .photoGalleryElement .thumbHover a {
	    height: 135px !important; 
	}


/* thumb tile */
.photoGalleryElement .thumbTile {
    margin: 0; 
}
	.photoGalleryElement .thumbTile .thumbContents {
	    height: 150px !important;
	    min-height: 150px !important; 
	}
	
	.photoGalleryElement .thumbTile a {
	    display: block;
	    height: 150px;
	    overflow: hidden; 
	}
	
	.photoGalleryElement .thumbTile img {
	    width: 150px; 
	}
	
	.sub-content .photoGalleryElement .thumbTile .thumbContents {
	    height: 135px !important;
	    min-height: 135px !important; 
	}
	
	.sub-content .photoGalleryElement .thumbTile img {
	    width: 135px; 
	}


/* thumb misc */
.sub-content .photoGalleryElement .thumbTight img {
    width: 135px; 
}

.photoGalleryElement .thumbTile img,
.photoGalleryElement .thumbTight img,
.photoGalleryElement .thumbHover img {
    margin: 0 !important; 
} 


/* caption color */ 
html body#body form div.page-container .sldw_caption h3,
html body#body form div.page-container .sldw_caption p {
    color: #fff !important; 
}



/* light boxing */
#lcms_fancybox-overlay {
	background-color: #fff !important;
}

.lcms_fancybox-opened .lcms_fancybox-skin {
	box-shadow: 0 0 0 #fff !important;
	border-radius: 0 !important; 
}

.lcms_fancybox-title-over-wrap {
	background: #666 !important;
}

#lcms_fancybox-title > span {
    display: block;
    font-weight: 300;
	font-size: 14px;
    padding: 20px;
	text-align: center;
}


#lcms_fancybox-desc {
	padding-top: 15px !important;
	display: block;
}

#lcms_fancybox-desc h1, 
#lcms_fancybox-desc h2, 
#lcms_fancybox-desc h3, 
#lcms_fancybox-desc h4 {
	color: #fff !important;
}






/* LOGIN PAGE 
----------------------------------------------------------*/

.login-page .loginElement {
	top: 40%;
	width: 425px;
    position: absolute;
	left: 50%;
	margin-left: -235px;
	background: #fff;
	background: rgba(255, 255, 255, 1);
	padding: 25px;    
		
    animation-name: zoominlogin;
    animation-duration: 0.8s;
    animation-iteration-count: 1;
    animation-timing-function: ease-in-out;

    -webkit-animation-name: zoominlogin;
    -webkit-animation-duration: 0.8s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: ease-in-out; 
}		
	
	.login-page h1.title {
		display: none;
	}
	
	.login-page a {
		color: #444;
		display: block;
		text-decoration: underline;
		margin-top: 10px;
	}
	
	.login-page p {
		display: inline-block;
		width: 45%;
		font-size: 13px;
		color: #000;
	}
			.login-page p:first-child {
				margin-right: 6%;
			}
			
		.login-page p label {
			display: block;
			text-transform: uppercase;
			font-weight: bold;
			font-size: 11px;
			padding-bottom: 5px;
		}
		
		.login-page .username,
		.login-page .password {
			width: 98%;
			font-family: 'Source Sans Pro', sans-serif;
		    color: #000;
			font-size: 14px;
			background: #eaeaea;
			padding: 10px;
			border: 1px solid #eaeaea; 
	
			-webkit-transition: all 0.5s ease-in-out; 
			   -moz-transition: all 0.5s ease-in-out; 
			     -o-transition: all 0.5s ease-in-out; 
			    -ms-transition: all 0.5s ease-in-out; 
			        transition: all 0.5s ease-in-out;	
		}
		
	.login-page .remember {
		display: block;
		position: absolute;
		font-size: 13px;
		left: 25px;
		bottom: 23px;
	}			
		.login-page input {
			vertical-align: center; 
			margin-right: 5px; 
			font-family: 'Source Sans Pro', sans-serif;
			font-weight: 300;
		}
		
	.login-page .forgot {
		float: right;
		text-align: right;
		font-size: 13px !important;
		font-style: italic;
	}		
		.login-page a {
			margin-top: 0;
			text-decoration: none;
		}		

	.login-page .button {
		left: 50%;
		margin-left: -75px !important;
		position: absolute;
		bottom: -75px;
		height: 50px;
		width: 150px;
		background: #000;
		border: none;
		padding: 10px 15px;
		color: #fff;	
		font-family: 'Source Sans Pro', sans-serif;
		font-size: 17px;
		text-transform: uppercase;
		font-weight: 500;   
		cursor: pointer;
	
		-webkit-transition: all 0.5s ease-in-out; 
		   -moz-transition: all 0.5s ease-in-out; 
		     -o-transition: all 0.5s ease-in-out; 
		    -ms-transition: all 0.5s ease-in-out; 
		        transition: all 0.5s ease-in-out;	
	} 
	.login-page .button:hover {
		background: #666;
	}
	
	.login-page .error {
		display: block !important;
		font-size: 18px;
		margin-bottom: 10px;
		color: #274865;
		text-align: center;
	} 










/* 
------------------------------------------------------------------------------------
MOBILE STUFF
------------------------------------------------------------------------------------ 
*/  


@media screen and (max-width: 700px) {  /* 700 ------------------------------------- */
	
	
	.content-container {
		padding-left: 0;	
	}
	
	.overlay.active {
		position: fixed;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background: rgba(0, 0, 0, .35);
		z-index: 90;
		overflow: hidden;
		
		-webkit-transition: all 0.55s ease-in-out; 
		   -moz-transition: all 0.55s ease-in-out; 
		     -o-transition: all 0.55s ease-in-out; 
		    -ms-transition: all 0.55s ease-in-out; 
		        transition: all 0.55s ease-in-out;
	}
	
	/* header */
	.header {
		position: fixed;
		left: -240px;
		top: 0;
		bottom: 0;
		width: 240px;
		height: 100%;
		overflow: auto;
		border-bottom: 0;
		padding: 0 0 50px;
		z-index: 99;
		
		-webkit-transition: all 0.55s ease-in-out; 
		   -moz-transition: all 0.55s ease-in-out; 
		     -o-transition: all 0.55s ease-in-out; 
		    -ms-transition: all 0.55s ease-in-out; 
		        transition: all 0.55s ease-in-out;
	}				
		.header.active {
			left: 0;
		}
		
		.admin .cart {
			top: 70px;
		}
		
		.admin .logo {
			padding-top: 140px;
		}
	
	/* logo */
	.logo h1 {
		font-size: 21px;
	}
	
				
	/* mobile show/hide stuff */
	.mobile-open a {
		background: #fff url(images/mobile-sprite.png) no-repeat 15px 15px;
		position: fixed;
		left: 0;	
		z-index: 9999;
		top: 0;
		padding: 15px 15px 15px 31px;
		text-transform: uppercase;
		color: #000;
		font-weight: 600;
		letter-spacing: 1px;
		font-size: 11px;
		vertical-align: top;
		line-height: .7;
		display: block !important;
	}	
			.admin .mobile-open a {
				top: 50px;
			}
		.mobile-open a.active {	
			top: 8px;
			left: 150px;
			background-position: 15px -27px;
		}
			.admin .mobile-open a.active {
				top: 58px;
			}
	
				
	.contents img {
		max-width: 100% !important;
		height: auto !important;
	}
	
	
	.main-content,   
	.sub-content,
	.halves .left-col, 
	.halves .right-col {  
		float: none !important;  	
		width: 100% !important;
		padding: 25px !important;
		margin: 0 auto 20px auto !important; 
	}  	
		.featured .text {
			padding: 30px 25px 15px;
		}
		.main-content {
			padding-top: 50px !important;
		}
		
		.sub-content {
			padding-top: 50px !important;
		}
	
	
	.commentsForm > input[type="text"] {  
		position: static;
		left: auto;
		margin-top: -10px;
		margin-bottom: 30px;
	} 


}


#search {max-width: 1020px; margin: 0 auto;}
#search .search div {padding: 15px; background-color: #cccccc; border-radius: 5px; max-width: 370px; margin-bottom: 15px;}
#search .search div input {maxlength: auto !important; width: 80% !important; padding: 10px;}
#search .search div button {padding: 10px;}

.imgDescription {height: 150px !important; overflow: hidden;}
	
