/*  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: 'Exo 2', sans-serif;
    color: #444;
	background: #0F3053 url(images/page-bg.jpg) top center no-repeat;
	line-height: 1.6;
	font-size: 75%;
	text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased; 
	height: 100%;	
}	
	html.active {
		overflow: hidden;
		position: relative;
	}
	
	.mobile-bar {
		display: none;
	}
	
	
.wrapper,
article {
	width: 100%; 
	max-width: 1020px; 
	position: relative !important;
	margin: 0 auto; 
} 
	section {
		position: relative;
	}







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

::selection {
	background: #274b6b; 
	color: #fff;
}

::-moz-selection {
	background: #274b6b; 
	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: #2c00ff;
	text-decoration: none;
}
	.contents a:hover {
		color: #000;
	}

  .button {
    background-color: #f7881f;
    border: none;
    color: #ffffff !important;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 20px;
    margin: 4px 2px;
    cursor: pointer;
    text-decoration: none;
    border-radius: 28px;
}

.btn {

  background: #d87007;
  text-decoration: none;
  background-image: -webkit-linear-gradient(top, #f7881f, #d87007);
  background-image: -moz-linear-gradient(top,#f7881f, #d87007);
  background-image: -ms-linear-gradient(top,#f7881f, #d87007);
  background-image: linear-gradient(to bottom, #f7881f, #d87007);
  -webkit-border-radius: 8;
  -moz-border-radius: 8;
  border-radius: 8px;
  -webkit-box-shadow: 0px 1px 3px #666666;
  -moz-box-shadow: 0px 1px 3px #666666;
  box-shadow: 0px 1px 3px #666666; 
  font-family: Arial;
  color: #ffffff !important;
  font-size: 20px;
  padding: 10px 30px 10px 30px;
}

.btn:hover {
  text-decoration: underline;
}

.btnbrown {

  background: #A0522D;
  text-decoration: none;
  background-image: -webkit-linear-gradient(top, #A0522D, #8B4513);
  background-image: -moz-linear-gradient(top, #A0522D, #8B4513);
  background-image: -ms-linear-gradient(top, #A0522D, #8B4513);
  background-image: linear-gradient(to bottom, #A0522D, #8B4513);
  -webkit-border-radius: 8;
  -moz-border-radius: 8;
  border-radius: 8px;
  -webkit-box-shadow: 0px 1px 3px #666666;
  -moz-box-shadow: 0px 1px 3px #666666;
  box-shadow: 0px 1px 3px #666666; 
  font-family: Arial;
  color: #ffffff !important;
  font-size: 20px;
  padding: 10px 30px 10px 30px;
}

.btnbrown:hover {
  text-decoration: underline;
}



.btnblue {

  background: #2c00ff;
  text-decoration: none;
  background-image: -webkit-linear-gradient(top, #2c00ff, #1F2B43);
  background-image: -moz-linear-gradient(top,#2c00ff, #1F2B43);
  background-image: -ms-linear-gradient(top,#2c00ff, #1F2B43);
  background-image: linear-gradient(to bottom, #2c00ff, #1F2B43);
  -webkit-border-radius: 8;
  -moz-border-radius: 8;
  border-radius: 8px;
  -webkit-box-shadow: 0px 1px 3px #666666;
  -moz-box-shadow: 0px 1px 3px #666666;
  box-shadow: 0px 1px 3px #666666; 
  font-family: Arial;
  color: #ffffff !important;
  font-size: 20px;
  padding: 10px 30px 10px 30px;
}

.btnblue:hover {
  text-decoration: underline;
}

.btngreen {

  background: #008000;
  text-decoration: none;
  background-image: -webkit-linear-gradient(top, #008000, #006400);
  background-image: -moz-linear-gradient(top, #008000, #006400);
  background-image: -ms-linear-gradient(top, #008000, #006400);
  background-image: linear-gradient(to bottom, #008000, #006400);
  -webkit-border-radius: 8;
  -moz-border-radius: 8;
  border-radius: 8px;
  -webkit-box-shadow: 0px 1px 3px #666666;
  -moz-box-shadow: 0px 1px 3px #666666;
  box-shadow: 0px 1px 3px #666666; 
  font-family: Arial;
  color: #ffffff !important;
  font-size: 20px;
  padding: 10px 30px 10px 30px;
}

.btngreen:hover {
  text-decoration: underline;
}

/* ------------------------------------------*/


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

h1, 
h2, 
h3, 
h4, 
h5, 
h6 {
	margin: 0 0 15px; 
	clear: both;
    color: #274b6b;
	font-family: 'Exo 2', sans-serif;
	font-weight: 700;
	line-height: 1.1;
}
	
	h1 {
		font-size: 22px;
	}	
	h1.title,
	h2.title,
	h3.title,
	h4.title,
	h5.title,		
	h6.title {
			border-bottom: 1px solid #d3d3d3;
			padding-bottom: 15px;
			font-size: 12px;
			text-transform: uppercase;
			line-height: 1.1;
			letter-spacing: 3px;
			color: #274b6b;
		}
		
	h2 {
		font-size: 18px;
	}	
		
	h3 {
		font-size: 18px;
		color: #000;
	}
	
	h4 {
		font-size: 15px;
	}	
		
	h5 {
		font-size: 15px;
		color: #000;
	}
			
	h6 {
		font-size: 14px;
	}







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

.contents {
	font-size: 15px; 
}

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

.contents img {
	vertical-align: bottom;
	max-width: 100%;
}

.contents blockquote {
	border-left: 6px solid #2a4c6a;
	margin: 0 0 20px 0;
	padding: 10px 0 10px 20px;
    color: #000;
	font-size: 115%;
}   

.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 20px; 
		margin-bottom: 5px; 
		background: url(images/li-arrow.png) 0 8px no-repeat; 
	    color: #000;
	}	
	
	.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;
		}
		
/* lists NAV ONLY EDITS */
.contents nav ol {
	list-style: decimal; 
	margin: 0 0 0px 0px;
}	
	.contents nav ol li {
		margin-bottom: 10px; 
	}	
		
.contents nav ul {
	list-style: none; 
	margin: 0 0 0px 0px;
}	
	.contents nav ul li {
		padding: 0 0 0 0px; 
		margin-bottom: 5px; 
		background: none; 
	    color: #000;
	}	
	
	.contents nav ul ul {
		margin-bottom: 10px;		
	}
		.contents nav 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: #eee;
	}
	
	table td {
		padding: 8px 10px;
		font-size: 14px;		
	}


	 	
/* hr */
.contents hr {
	border: 1px solid #DEDEDE; 
	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 {
	border-top: 3px solid rgba(0, 0, 0, .5);
}	

.logo {
	padding: 0px 0 5px;
}
	.logo h1 {
		font-size: 35px;
		line-height: 1.3;
		letter-spacing: 1px;
		color: #fff;
		font-weight: 700;
		margin-bottom: 0;
		text-shadow: 1px 2px 1px rgba(0, 0, 0, .5);
	}
		.logo h1 img {
			height: auto;
		}
		.logo h1 a {
			color: #fff;
			display: block;
		}

	
	


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

nav {
	position: relative;
	background: #0C1F30;
	border-radius: 7px 7px 0 0;
	background-clip: padding-box;
	padding: 9px 55px 9px 9px;		
}

nav > ul {	
}
	nav ul li {
		display: inline-block;
		font-size: 15px;
		color: #274B6B;
		position: relative;
	}

	nav ul a {
		color: #999;
		display: block;
		padding: 5px 19px;
		border-radius: 3px;
	}
			
		nav ul a:hover,
		nav ul li:hover a {
			color: #fff;
		}				
		
		nav ul .selectedPage a,
		nav ul .selectedParent a,
		nav ul .selectedPageRoot a {
			color: #fff;
			background: #000;
		}
			nav ul .selectedPage a:hover,
			nav ul .selectedParent a:hover,
			nav ul .selectedPageRoot a:hover {
				color: #fff;
			}
		
	
	/* level 2 */
	nav li:hover ul.level2, 
	nav li:focus ul.level2 {
		display: block;

	    -webkit-animation: fadein .55s;
	    		animation: fadein .55s;
	}
			
	nav .level2 {
		display: none;
		position: absolute;
		z-index: 98;
		background: #000;
		top: 34px;
		left: 0;
		padding: 8px 0;
		width: 200px;
	}
	
		nav .level2 li {
			display: block;
			font-size: 12px;
			text-transform: none;
		}
			nav .level2 li:first-child {
				border-top: 1px solid #020507;
			}
	
		nav .level2 a {
			color: #999 !important;
			padding: 8px 19px !important;
		}
			nav .level2 a:hover,
			nav .level2 .selectedPage a,
			nav .level2 .selectedPageParent a {
				color: #fff !important;
				background: #000;
			}



	    /* level 3 */
	    nav ul.level2 li:hover ul.level3, 
	    nav ul.level2 li:focus ul.level3 {
	        display: block !important;

	        -webkit-animation: fadein .55s;
	                animation: fadein .55s;
	    }

	    nav .level3 {
	        display: none;
	        position: absolute;
	        z-index: 999;
			background: #000;
	        top: 0;
	        left: 199px;
	        text-align: left;
	        width: 180px;
	    }
	        nav .level3 li {
	            display: block;
	            padding: 0;
	            font-size: 12px;
	            text-transform: none;
	        }

	        nav .level2 li.hasChildren .level3 a,
	        nav .level3 a {
	            color: #999 !important;
	        }
	            nav .level3 a:hover,
	            nav .level3 .selectedPage a,
	            nav .level3 .selectedPageParent a {
					color: #fff !important;
					background: #000 !important;
	            }

	
	/* cart */
	.cart {
		position: absolute;
		top: 18px;
		right: 15px;
	}		
		.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: #aaa;
				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: #888;
				}


/* NAV EZY CUSTOM inside right header nav only
------------------------------------------------------------ */ 

.contents nav {
	position: relative;
	background: #0C1F30;
	border-radius: 7px 7px 0 0;
	background-clip: padding-box;
	padding: 9px 55px 9px 9px;		
}

.contents nav > ul {	
}
	.contents nav ul li {
		display: inline-block;
		font-size: 15px;
		color: #274B6B;
		position: relative;
	}

	.contents nav ul a {
		color: #999;
		display: block;
		padding: 5px 19px;
		border-radius: 3px;
	}
			
		.contents nav ul a:hover,
		.contents nav ul li:hover a {
			color: #fff;
		}				
		
		.contents nav ul .selectedPage a,
		.contents nav ul .selectedParent a,
		.contents nav ul .selectedPageRoot a {
			color: #fff;
			background: #000;
		}
			.contents nav ul .selectedPage a:hover,
			.contents nav ul .selectedParent a:hover,
			.contents nav ul .selectedPageRoot a:hover {
				color: #fff;
			}
		
	
	/* level 2 */
	.contents nav li:hover ul.level2, 
	.contents nav li:focus ul.level2 {
		display: block;

	    -webkit-animation: fadein .55s;
	    		animation: fadein .55s;
	}
			
	.contents nav .level2 {
		display: none;
		position: absolute;
		z-index: 98;
		background: #000;
		top: 34px;
		left: 0;
		padding: 8px 0;
		width: 200px;
	}
	
		.contents nav .level2 li {
			display: block;
			font-size: 12px;
			text-transform: none;
		}
			.contents nav .level2 li:first-child {
				border-top: 1px solid #020507;
			}
	
		.contents nav .level2 a {
			color: #999 !important;
			padding: 8px 19px !important;
		}
			.contents nav .level2 a:hover,
			.contents nav .level2 .selectedPage a,
			.contents nav .level2 .selectedPageParent a {
				color: #fff !important;
				background: #000;
			}



	    /* level 3 */
	    .contents nav ul.level2 li:hover ul.level3, 
	    .contents nav ul.level2 li:focus ul.level3 {
	        display: block !important;

	        -webkit-animation: fadein .55s;
	                animation: fadein .55s;
	    }

	    .contents nav .level3 {
	        display: none;
	        position: absolute;
	        z-index: 999;
			background: #000;
	        top: 0;
	        left: 199px;
	        text-align: left;
	        width: 180px;
	    }
	        .contents nav .level3 li {
	            display: block;
	            padding: 0;
	            font-size: 12px;
	            text-transform: none;
	        }

	        .contents nav .level2 li.hasChildren .level3 a,
	        .contents nav .level3 a {
	            color: #999 !important;
	        }
	            .contents nav .level3 a:hover,
	            .contents nav .level3 .selectedPage a,
	            .contents nav .level3 .selectedPageParent a {
					color: #fff !important;
					background: #000 !important;
	            }




/* FEATURED
------------------------------------------------------------ */ 

.featured {
	background: #fff;
	overflow: hidden;
	padding-bottom: 1px;
	
	-webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.25);
       -moz-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.25);
            box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.25);
}

.featured .contents {
	float: right;
	width: 30%;
	position: relative;
	font-size: 16px;
	line-height: 1.7;
	padding: 20px 10px 0 0;
	margin: 25px 25px 25px 0;
}
		.featured .contents:empty {
			display: none;
		}


.featured .image {
	float: left;
	width: 60%;
	padding: 8px;
	background: #E7ECEF;
	margin: 25px 0 25px 25px;
	
	-webkit-box-shadow: 0px 0px 0px 1px rgba(0,0,0,0.15);
       -moz-box-shadow: 0px 0px 0px 1px rgba(0,0,0,0.15);
            box-shadow: 0px 0px 0px 1px rgba(0,0,0,0.15);
}
		.featured .image:empty {
			display: none;
		}
		
	.featured .image .container,
	.featured .image .textElement {
		padding: 15px;
	}
		.featured .image .container {
			padding-bottom: 0;
		}
		.featured .image .textElement {
			padding-top: 0;
		}
	
	.featured .image .imageElement img,
	.featured .image .element img {
		max-width: 100%;
		height: auto;
	}







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

.content-container article {
	background: #fff url(images/content-bg.jpg) top left repeat-y;
	min-height: 700px;
	position: relative;
	z-index: 2;
	
	-webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2);
	   -moz-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2);
	        box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2);
}
          

/* sec */
.main-content {
	width: 55%;
	float: right; 
	padding: 40px 35px 20px 0;
	min-height: 200px;
}
	
.sub-content {
	width: 37%;
	float: left;
	min-height: 200px;
	padding: 40px 0 20px 25px;
}


	/* fully man */
	.full-page .content-container article {
		background-image: none;
	}
	
		.full-page .content-container2 article {
		background-image: none;
	}
		.full-page .sub-content {
			width: 0;
		}	
	
		.full-page .main-content {
			width: 100% !important;
			padding-left: 25px;
		} 
		



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



/* sec nav */
.sub-nav {
	background: #fefefe;
	border: 1px solid rgba(0, 0, 0, .1);
	margin: 0 0 45px 0 !important;
}
	.sub-nav li {
		background: none !important;
		margin: 0 !important;
		padding: 0 !important;
		border-bottom: 1px solid rgba(0, 0, 0, .05);
		font-size: 15px;
	}
	
	.sub-nav a {
		text-decoration: none;
		padding: 11px 20px 10px !important;
		display: block;
		color: #888;
	}
		.sub-nav li:last-child a {
			border: none;
		}
		
		.sub-nav li a:hover,
		.sub-nav li a.selectedPage,
		.sub-nav li a.selectedPageParent,
		.sub-nav li a.selectedPagePath {			
			color: #000;
		}
		
	.sub-nav .level2 {		
		list-style: none !important;
		margin-top: -5px;
		margin-bottom: 15px;
	}
		.sub-nav .level2 li {		
			list-style: none !important;
			border-bottom: none;
			font-size: 13px;
			line-height: 15px;
		}
		.sub-nav .level2 a {
			padding: 5px 7px !important;
			background: none;			
			color: #777;
		}
			.sub-nav .level2 a:hover,
			.sub-nav .level2 a.selectedPage,
			.sub-nav .level2 a.selectedPageParent,
			.sub-nav .level2 a.selectedPagePath {
				color: #000;
			}
		
		.sub-nav .level3 li a.selectedPage {			
			color: #000 !important;
		}




/* CONTENT CONTAINER INSIDE RIGHT
------------------------------------------------------------ */ 

.content-container2 article {
	background: #fff url(images/content-bg.jpg) top right repeat-y;
	min-height: 0px; /*EZY take away min height*/
	position: relative;
	z-index: 2;
	
	-webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2);
	   -moz-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2);
	        box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2);
}
       
.fulltop {
    width: 100%;
}

/* sec */
.main-content2 {
	width: 55%;
	float: left; 
	padding: 40px 0 20px 25px;
	min-height: 200px;
}
	
.sub-content2 {
    width: 37%;
	float: right;
	min-height: 200px;
    padding: 40px 35px 20px 0;
}











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

.footer {
	background: #0C1F30;
	color: #fff;
	padding: 60px 0 0;
	text-align: center;
	margin-top: -30px;
}
	
	.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;
	}
		.footer ul.globalMenu li {
			display: inline-block;
			text-transform: uppercase;
			font-size: 11px;
			line-height: 1.7;
			color: #fff;
			padding: 0 20px;
		}
	
		.footer ul.globalMenu a {
			color: #fff;
			display: block;
			border-bottom: 1px solid transparent;
		}				
			.footer ul.globalMenu a:hover,
			.footer ul.globalMenu li:hover a {
				opacity: 0.5;
				-moz-opacity: 0.5;
				filter:alpha(opacity=50);
			}


.copyright {
	background: rgba(0, 0, 0, .15);
	color: #fff;
	margin-top: 30px;
	padding: 15px 0;
	font-size: 11px;	
	text-align: center;
}
	.copyright p {	
		opacity: 0.5;
		-moz-opacity: 0.5;
		filter:alpha(opacity=50);
	}

    /* social media */
    .socialMedia {
        clear: both;
        text-align: center;
        margin-bottom: 10px 0;
    }
        .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 !important;
		list-style: none;      
		background-image: none;   
	}
	
	.blogList ul li h2.postTitle {
		font-size: 18px;   
		margin: 0 0 3px;
	}  
		.blogList ul li h2.postTitle a {
			text-decoration: none; 
		}	 		
	    	
	.blogList ul li .postBody {
		font-size: 14px; 
		line-height: 24px; 
	}    	
		.blogList ul li .postBody p:last-child {
			margin-bottom: 0 !important;
		}  	   
		
	.blogList ul li .postInfo {
		margin: 0 0 75px; 
		font-size: 12px; 
		color: #bbb; 
		font-style: italic;  
	}	
		.blogList ul li .postInfo a {
			color: #bbb;
		}
				
				
	.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 */   
.postViewInfo {
	border: none !important;  
	padding: 0 0 0 15px !important;    
	color: #bbb !important;  
	font-size: 12px !important; 
	font-style: italic; 
	background: url(images/li-arrow.png) no-repeat 0 5px !important;
}     
	.postViewTags a {  
		margin-left: 2px !important;
	}  

.post .blogBack {
	display: none;
}
	
                 

/* blog comments */ 
.commentsHead {
	padding: 55px 0 0;
	text-transform: uppercase;
	font-size: 15px;
	letter-spacing: 1px;
	margin-bottom: 25px;
	color: #999;
} 	
	        
	dt.comment {
		background: transparent !important;
		margin: 0 !important;
		padding: 0 0 5px 30px !important;
		border: none !important;
		font-size: 12px;
		font-weight: 700;
		color: #aaa;   
		position: relative; 
	}    
		.comment a {
			text-decoration: none; 
			position: relative;  
			font-size: 15px;  
			font-weight: 700;        
			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: #faf9f9 !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: #bbb;    
			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: #faf9f9; 
				border-width: 10px; 
				left: 7px;            
			} 
			dd.comment:before { 
				border-bottom-color: #faf9f9; 
				border-width: 16px; 
				left: -7px;         
			}                          
	
	
	
/* comments form */
.commentsForm {
	clear: both;   
	width: 80%;   
}           
	.addComment { 
		padding: 45px 0 0;
		text-transform: uppercase;
		font-size: 14px;
		letter-spacing: 1px;
		margin-bottom: 25px;
		color: #999;
	}
	
	.commentsForm label, 
	.commentsForm span {
		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: 'Exo 2', sans-serif;
		width: 80% !important;  
		-webkit-box-shadow: 0px 0px 3px 2px rgba(0,0,0,0.05);
		-moz-box-shadow: 0px 0px 3px 2px rgba(0,0,0,0.05);
		box-shadow: 0px 0px 3px 2px rgba(0,0,0,0.05); 
		margin-left: 4px;
		border: 1px solid #ddd;
	}     	  
		.commentsForm textarea { 
			clear: both; 
			width: 100% !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: 220px;
		margin-top: -62px;
	} 
	
	.commentsForm input.submitComment {  
		clear: both;
		margin-top: -50px;
		background-color: #274B6B;
		border: none;
		color: #fff;
		padding: 9px 15px;
		cursor: pointer;
		width: 220px !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;
		font-family: 'Exo 2', 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: #000;  
		}
	
	.commentsForm .note {
		display: none;
	}









/* EVENTS / CALENDAR 
------------------------------------------------------------ */
	  	
/* calendar detail page */     
.event h2 {
	margin-bottom: 0px;
}
.event .eventDate {
	margin: 0 0 15px; 
	font-size: 12px; 
	color: #bbb; 
	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;
		background-image: none;   
	}
	
	.eventsList ul li a {
		font-size: 18px;
		font-weight: 700;
		line-height: 1.1;
		text-decoration: none;  
	}
		
	.eventsList ul li .eventDate {
		margin: 0 0 15px 0; 
		font-size: 12px; 
		color: #bbb; 
		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: #fafafa;
	padding: 25px; 	
	width: 100%;
	margin: 20px 0 !important;	
} 
		.sub-content .form_container {
			background: #d3dce1;
		}
	
	.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 #bbb;
		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: #274B6B; 
	    margin: 0 0 12px; 
	    font-size: 18px;
		margin-bottom: -30px !important;
		display: block;
	}

	.form_container .textField, 
	.form_container .form_container select { 
		font-family: 'Exo 2', 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: #274B6B;
		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: #000;  
		}
	
	
	/* 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;
}
	.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: #fafafa;
	padding: 25px; 	
	width: 100%;
	margin: 20px 0 !important;	
}
		.sub-content .EviteElement {
			background: #d3dce1;
		}
  
	.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: 'Exo 2', 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: #274B6B;
		border: none;
		padding: 10px 20px;
		color: #fff;
		font-family: 'Exo 2', 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: #000;
		}	
	
	.EviteElement .EvitePreview { 
		background: #000 !important;
		display: inline-block !important;
		padding: 5px 10px !important;
		color: #fff !important;
		font-family: 'Exo 2', 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: none !important;
	}				
			.productListing li img {
			    max-width: 100%;
			}	
	
		.productListing li .productImageContainer {
			margin-bottom: 20px;
			max-width: 40%;	
			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: 13px;
		    font-style: italic !important;
			font-weight: 300 !important;
		    padding: 0; 
		}

		.productListing .productDescription {
			padding-top: 5px;
		}
		
		.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: 5px 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: #274865 !important;
		display: inline-block !important;
		padding: 10px !important;
		border: none !important;   
		text-transform: uppercase; 
		font-size: 12px;
		color: #fff !important;  
		font-family: 'Exo 2', sans-serif;
		font-weight: 300;  
		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: #000 !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-bottom: 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;
		}			
			.productListingGrid .productPriceContainer .productPrice {
				font-size: 13px !important;
				color: #828282;
				float: none;
				margin-top: 0 !important;
			}	

	.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;	
	}	
	
	.productDetailImageContainer .productDetailImageThumb {
		padding: 0 !important;
		margin-right: 26px !important;
		margin-top: 10px !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 #dadada;
	border-width: 1px 0;
	padding: 10px 0 0;
	margin-bottom: 20px;
	width: 100%;
	max-width: 425px;
}
	
	.productDetailAddToCartContainer select,
	.productDetailAddToCartContainer #productDetailCartQuantity {
	    font-family: 'Exo 2', 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: #274865 !important;
	display: inline-block;
	padding: 11px 15px !important;
	border: none !important;   
	text-transform: uppercase; 
	font-size: 15px;
	color: #fff !important;    
	font-family: 'Exo 2', sans-serif; 
	font-weight: 300;  
	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: #000 !important;
	}

.productDetailDescriptionContainer {
	width: 100%;
	max-width: 425px !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;
}	

.cartItemSKU {
	font-style: italic;
}	

.cartQuantity input {
    font-family: 'Exo 2', 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: 8px 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: 15px;
	color: #fff !important;    
	font-family: 'Exo 2', 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: 0 !important;
	}

.cartDiscount input {
    font-family: 'Exo 2', 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;
}

/* checkout button */
.cartCheckoutButton {
	position: absolute;
	right: 0;
	bottom: -90px !important;
	background-color: #274865 !important;
	display: inline-block;
	padding: 11px 15px !important;
	border: none !important;   
	text-transform: uppercase; 
	font-size: 15px;
	color: #fff !important;    
	font-family: 'Exo 2', sans-serif; 
	font-weight: 300 !important;  
	box-shadow: 0 0 0 #fff !important;
	border-radius: 0 0 0 !important;
	height: 25px !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: #000 !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;
	}

}




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

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

/* 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 .title {
		display: none;
	}
	
	.login-page a {
		color: #274865;
		display: block;
		text-decoration: underline;
		margin-top: 10px;
	}
	
	.login-page p {
		display: inline-block;
		width: 45%;
		font-size: 15px;
		color: #000;
	}
			.login-page p:first-child {
				margin-right: 6%;
			}
			
		.login-page p label {
			display: block;
			padding-bottom: 5px;
		}
		
		.login-page .username,
		.login-page .password {
			width: 98%;
			font-family: 'Exo 2', sans-serif;
		    color: #000;
			font-size: 17px;
			background: #eaeaea;
			padding: 8px 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: 'Exo 2', 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: 'Exo 2', 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: #222;
	}
	
	.login-page .error {
		display: block !important;
		font-size: 18px;
		margin-bottom: 10px;
		color: #274865;
		text-align: center;
	} 










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




@media screen and (max-width: 990px) {  /* 960 ------------------------------------- */
	
	.wrapper,
	article {
		width: 95%; 
	} 	
	
	.content-container article {
		background-position: -3% 0;
	}
	
		.content-container2 article {
		background: none;
	}
	

	
}

/* just getting the background right on all sizes */
@media screen and (max-width: 980px) {	.content-container article {background-position: -5% 0;}  }
@media screen and (max-width: 960px) {	.content-container article {background-position: -5% 0;}  }
@media screen and (max-width: 940px) {	.content-container article {background-position: -8% 0;}  }
@media screen and (max-width: 920px) {	.content-container article {background-position: -11% 0;} }
@media screen and (max-width: 900px) {	.content-container article {background-position: -14% 0;} }
@media screen and (max-width: 880px) {	.content-container article {background-position: -17% 0;} }
@media screen and (max-width: 860px) {	.content-container article {background-position: -20% 0;} }
@media screen and (max-width: 840px) {	.content-container article {background-position: -23% 0;} }
@media screen and (max-width: 820px) {	.content-container article {background-position: -26% 0;} }
@media screen and (max-width: 800px) {	.content-container article {background-position: -29% 0;} }
@media screen and (max-width: 780px) {	.content-container article {background-position: -32% 0;} }
@media screen and (max-width: 760px) {	.content-container article {background-position: -35% 0;} }
@media screen and (max-width: 740px) {	.content-container article {background-position: -38% 0;} }
@media screen and (max-width: 720px) {	.content-container article {background-position: -45% 0;} }
@media screen and (max-width: 700px) {	.content-container article {background-position: -53% 0;} }
@media screen and (max-width: 680px) {	.content-container article {background-position: -63% 0;} }
@media screen and (max-width: 660px) {	.content-container article {background-position: -69% 0;} }
@media screen and (max-width: 640px) {	.content-container article {background-position: -80% 0;} }
@media screen and (max-width: 620px) {	.content-container article {background-position: -96% 0;} }

/*
@media screen and (max-width: 980px) {	.content-container2 article {background-position: -50% 0;}  }
@media screen and (max-width: 960px) {	.content-container2 article {background-position: -5% 0;}  }
@media screen and (max-width: 940px) {	.content-container2 article {background-position: -8% 0;}  }
@media screen and (max-width: 920px) {	.content-container2 article {background-position: -11% 0;} }
@media screen and (max-width: 900px) {	.content-container2 article {background-position: -14% 0;} }
@media screen and (max-width: 880px) {	.content-container2 article {background-position: -17% 0;} }
@media screen and (max-width: 860px) {	.content-container2 article {background-position: -20% 0;} }
@media screen and (max-width: 840px) {	.content-container2 article {background-position: -23% 0;} }
@media screen and (max-width: 820px) {	.content-container2 article {background-position: -26% 0;} }
@media screen and (max-width: 800px) {	.content-container2 article {background-position: -29% 0;} }
@media screen and (max-width: 780px) {	.content-container2 article {background-position: -32% 0;} }
@media screen and (max-width: 760px) {	.content-container2 article {background-position: -35% 0;} }
@media screen and (max-width: 740px) {	.content-container2 article {background-position: -38% 0;} }
@media screen and (max-width: 720px) {	.content-container2 article {background-position: -45% 0;} }
@media screen and (max-width: 700px) {	.content-container2 article {background-position: -53% 0;} }
@media screen and (max-width: 680px) {	.content-container2 article {background-position: -63% 0;} }
@media screen and (max-width: 660px) {	.content-container2 article {background-position: -69% 0;} }
@media screen and (max-width: 640px) {	.content-container2 article {background-position: -80% 0;} }
@media screen and (max-width: 620px) {	.content-container2 article {background-position: -96% 0;} }
*/



@media screen and (max-width: 700px) {  /* 700 ------------------------------------- */
	
	/* header */
	.header {
		position: fixed;
		left: -240px;
		top: 0;
		bottom: 0;
		width: 240px;
		height: 100%;
		overflow: auto;
		border-bottom: 0;
		padding-top: 0;
		z-index: 99;
		background: rgba(33, 33, 33, 1);
	
		-webkit-box-shadow: inset 0px 0px 0px 0px rgba(255,255,255,1);
		   -moz-box-shadow: inset 0px 0px 0px 0px rgba(255,255,255,1);
		        box-shadow: inset 0px 0px 0px 0px rgba(255,255,255,1);
		
		-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;
		}
			
		.header article {
			width: 100% !important;
		}
		
		.cart {
			position: static;
			background: #000;
			padding: 13px 40%;
			margin: 0 auto;
			border-bottom: 1px solid rgba(255, 255, 255, 0.2);
		}
		
	
	/* logo */
	.logo {
		min-height: auto;
		width: 240px;
		overflow: hidden;
		padding: 35px 15px 40px;
		background: #000;
		border-bottom: 1px solid rgba(255, 255, 255, 0.2);
	}
		.logo h1 {
			font-size: 25px;
		}
		
		.admin .logo {
			padding-top: 85px;
		}
	
				
	/* mobile show/hide stuff */	
	.mobile-bar {
		display: block;
		height: 42px;
		margin-bottom: 5px;
	}	
		.mobile-open a {
			background: #000 url(images/mobile-sprite.png) no-repeat 20px 15px;
			height: 9px;
			position: fixed;
			left: 0;	
			z-index: 9999;
			top: 0;
			padding: 15px 15px 15px 35px;
			text-transform: uppercase;
			color: #fff;
			font-weight: 600;
			letter-spacing: 1px;
			font-size: 11px;
			vertical-align: top;
			line-height: .7;
			display: block;
		}	
				.admin .mobile-open a {
					top: 50px;
				}
			.mobile-open a.active {	
				left: 210px;
			}
			
			.mobile-open2 a {
			background: #0C1F30 url(images/mobile-sprite.png) no-repeat 20px 15px;
			height: 9px;
			position: fixed;
			left: 0;	
			z-index: 9999;
			/*top: 0;*/
			padding: 15px 15px 15px 35px;
			text-transform: uppercase;
			color: #fff;
			font-weight: 600;
			letter-spacing: 1px;
			font-size: 11px;
			vertical-align: top;
			line-height: .7;
			display: block;
		}	
				.admin .mobile-open2 a {
					top: 50px;
				}
			.mobile-open2 a.active {	
				left: 210px;
			}
		
	
	
	
	/* navigation */
	nav {
		background: none;
		padding: 0 !important;
		height: auto;
		margin: 0 0 50px;	
	}   	
	 	nav ul {
			padding: 0;
		}
		
		nav ul li {
			display: block;
		}
	
		nav ul a {
			color: rgba(255, 255, 255, .7);
			padding: 10px 15px 10px;
			border-bottom: 1px solid rgba(255, 255, 255, .2) !important;
		}
				
			nav ul a:hover,
			nav ul li:hover a {
				color: #fff;
				border-bottom: 1px solid rgba(255, 255, 255, .2);
			}
			
			
		
		/* level 2 */
		nav li:hover ul.level2, 
		nav li:focus ul.level2,
		nav .level2 {
			display: none;
		}
		
		nav .selectedPage.hasChildren .level2, 
		nav .selectedPageRoot.hasChildren .level2,
		nav .selectedPageParent.hasChildren .level2 {
			display: block !important;
			position: static;
			background: transparent !important;
			top: auto;
			width: 100%;

		    -webkit-animation: fadein 0s;
		    		animation: fadein 0s;
		}
			nav .level2 li {
				display: block;
				padding: 0;
				font-size: 14px;
				text-transform: none;
				background: transparent !important;
			}
		
			nav .level2 a {
				color: rgba(255, 255, 255, .7) !important;
				padding: 0;
				padding: 7px 25px 7px 30px;
				background: transparent !important;
				border-bottom: 1px solid rgba(255, 255, 255, .3) !important;
			}
				nav .level2 a:hover,
				nav .level2 .selectedPage a,
				nav .level2 .selectedPageParent a {
					color: #fff !important;
				}
					
				/* level 3 */
				nav li:hover ul.level3, 
				nav li:focus ul.level3,
				nav .level3,
			    nav ul.level2 li:hover ul.level3, 
			    nav ul.level2 li:focus ul.level3 {
					display: none !important;
				}
	
				
	.contents img {
		max-width: 100% !important;
		height: auto !important;
	}
	
	/* footer */
	.footer ul li {
		margin-left: 0;
		margin-right: 15px;
	}
	

}





@media screen and (max-width: 605px) {  /* 600 ------------------------------------- */

	.content-container article {
		background-image: none;
	}
	
	.content-container2 article {
		background-image: none;
	}
	
	.featured .text,
	.featured .image,
	.main-content,
	.main-content2,
	.sub-content,
	.sub-content2,
	.extra-content,
	.halves .left-col, 
	.halves .right-col {  
		float: none !important;  	
		width: 100% !important;
		padding: 25px !important;
		margin: 0 auto 20px auto !important; 
		border: none;  
	}  	
		.main-content {
			padding-top: 50px !important;
		}
		
		.sub-content {
			padding-top: 50px !important;
			background-color: #E7ECEF;
			margin-bottom: -25px !important;
		}
		
		.main-content2 {
			padding-top: 50px !important;
		}
		
		.sub-content2 {
			padding-top: 50px !important;
			background-color: #E7ECEF;
			margin-bottom: -25px !important;
		}

	
	
	.footer ul, 
	.footer .copyright {
		display: none;
	}


}






@media screen and (max-width: 350px) {  /* 320 ------------------------------------- */	
	
	.featured .text,
	.featured .image,
	.main-content,
	.main-content2,
	.sub-content, 
	.sub-content2,
	.extra-content,
	.halves .left-col, 
	.halves .right-col {
		padding: 20px !important;
	}  		
		.main-content {
			padding-top: 40px !important;
		}
		
		.sub-content {
			padding-top: 40px !important;
		}
		
		.main-content2 {
			padding-top: 40px !important;
		}
		
		.sub-content2 {
			padding-top: 40px !important;
		}

}