/* Master layout */

/************************************************************
Embedded fonts */

@font-face {
	font-family:AlteDin;
	src:url('../fonts/alte-din-1451-mittelschrift.eot'); /* IE8- */
	src:url('../fonts/alte-din-1451-mittelschrift.eot?iefix') format('embedded-opentype'), /* IE9 */
		url('../fonts/alte-din-1451-mittelschrift.ttf') format('truetype'); /* The rest of the world */
}
@font-face {
	font-family:GillSans;
	src:url('../fonts/gillsans.eot'); /* IE8- */
	src:url('../fonts/gillsans.eot?iefix') format('embedded-opentype'), /* IE9 */
		url('../fonts/gillsans.ttf') format('truetype'); /* The rest of the world */
}

/************************************************************
Global styles */

html, body {
  -webkit-text-size-adjust: 100%;
}

html {
	background:#181b14;
}
body {
	margin:0;
	padding:9em 0 0;
	min-width:290px;
	font:12pt/1.3 GillSans,Arial,Helvetica,sans-serif;
	background:#fff;
	color:#282828;
}

/* Links */
a:link,
a:visited,
a:hover,
a:active {
	color:#48aa48;
	text-decoration:none;
	outline: none;
}
iframe,
a img {
	border:none;
}
a[href^="tel:"] {
	color:inherit;
	cursor:default;
}

/* Stretchy imgs */
img {
	max-width:100%;
	
}

table img {
	max-height: 60px;
    max-width: 160px;
}


/* Headings */
h1,h2,h3,h4,h5,h6  {
	font:120%/1.2 GillSans,Arial,Helvetica,sans-serif;
	margin:0.8em 0 0;
}
h1, h2 {
	font-size:390%;
	margin:0.2em 0 0;
}
h3 {
	font-size:200%;
}
h4 {
	font-size:170%;
}
h5 {
	font-size:125%;
}

header h1, header h2, header h3 {
	font-family:AlteDin,Arial,Helvetica,sans-serif;
	text-transform:uppercase;
	text-align:center;
	color:#48aa48;
}
header h4, header h5, header h6 {
	text-transform:uppercase;
}

/* Alternate coloring */
.alt { color:#48aa48; }


/* Block-level */
p {
	margin:1em 0;
}
h1+p, h2+p, h3+p {
	margin-top:0.5em;
}
address {
	margin:1em 0;
	font-style:inherit;
}

sup {
	vertical-align:text-top;
}

/* Other Global Styles */
del {
	color: red;
}

/*  SEO RELATED HEADERS */

h2.seo  
{
	font-size: 140%;
	color: #48aa48;
	font-family: AlteDin,Arial,Helvetica,sans-serif;
	display: inline;
}

h3.seo  
{
	font-size: 100%;
	color: #48aa48;
	font-family: AlteDin,Arial,Helvetica,sans-serif;
	display: inline;
}

ul.seo li
{
	line-height: 15px;
	margin: 7px 0;
}

/************************************************************
Layout: Header */

#top {
	position:fixed;
	width:100%;
	left:0;
	top:0;
	z-index:100;
	padding:0 1em;
	background:#11140f;
	color:#fff;

	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

/*------------------------------------------------------------
Logo */

#logo {
	display:block;
	margin:0 auto;
	height:0;
	max-width:970px;
}
#logo a {
	position:absolute;
	margin:0.6em 0 0;
	top:100%;
	z-index:110;
	display:block;
	text-indent:-9999px;
	outline:none;
	background:transparent url('../images/site/logo.gif') no-repeat left center;
	background-size:contain;
	height:75px;
	width:90px;

	-webkit-transition:all 0.5s ease 0s;
	transition:all 0.5s ease 0s;
}

/*------------------------------------------------------------
Top navigation / phone numbers */

#top-nav {
	position:relative;
	margin:0 auto;
	padding:0.7em 0;
	max-width:970px;
	height:1.5em;
	font-size: 10.5pt;
}

#top-nav>p {
	float:left;
	margin:0;
}
#top-nav>ul {
/* 	position:relative; */
	list-style:none;
	float:right;
	margin:0;
	padding:0;
}
#top-nav>ul>li {
	display:inline-block;
}
#top-nav>ul>li>a {
	text-transform:uppercase;
}
#top-nav>ul a {
	color:#fff;
}

#top-nav>p>a+a:before,
#top-nav>ul>li+li:before {
	content:'  \2022  ';
	color:#838383;
	vertical-align:middle;
}



/*------------------------------------------------------------
Drop-down areas (shared) */

#top ul>li>nav,
#top #top-login {
	position:absolute;
	background:#242424;/*#11140f;*/
	padding:1em 1.7em 1em 1em;
	right:-1em;
	border-top:0.5em solid #11140f;
	border-radius:0 0 1em 1em;
	visibility:hidden;
	z-index:160;
	opacity:0;

	-webkit-transition:all 0.5s ease 0s;
	transition:all 0.5s ease 0s;
}
#top ul>li>nav:target,
#top #top-login:target {
	visibility:visible;
	opacity:1;
}
#top ul>li>nav a.close,
#top #top-login a.close {
	position:absolute;
	opacity:0.5;
	right:0.4em;
	top:0.1em;
	font:160%/1 Arial,Helvetica,sans-serif;
}


/*------------------------------------------------------------
Login area */

/* Layout */
#top-login {
	text-align:center;
	width:300px;
}
#top-login p {
	margin:0 0 0.5em;
}

/* Labels / fields */
#top-login label:first-child {
	display:inline-block;
	text-align:right;
	padding:0 2% 0 0;
	width:30%;
}
#top-login input[type="email"],
#top-login input[type="password"] {
	display:inline-block;
	background:#272727;
	color:#fff;
	font:100%/1.3 GillSans,Arial,Helvetica,sans-serif;
	padding:0 0.5em;
	height:2em;
	width:63%;
	border:1px solid #ccc;
	border-radius:0.2em;
	outline:none;

	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

/* Buttons along bottom */
#top-login .buttons {
	margin:1em 0 0;
}
#top-login .buttons input,
#top-login .buttons a {
	display:inline-block;
	vertical-align:middle;
	margin:0 1%;
	width:30%;

	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
#top-login .buttons .button.alt {
	background-color:#464843;
}
#top-login .buttons .button.alt+a {
	background-color:#464843;
	padding:0.25em 0;
	border-radius:0.3em;

	-webkit-transition:all 0.4s ease 0s;
	transition:all 0.4s ease 0s;
}
#top-login .buttons .button.alt+a:hover {
	box-shadow:inset 0 0 1em rgba(255,255,255,0.4);
}


/*------------------------------------------------------------
Account drop-down */

#top a[href="#top-account"] {
	color:#48aa48;
}

#top #top-account {
	min-width:220px;
	max-width:100%;
	padding-left:1.5em;
}
#top-account h4 {
	font-size:120%;
	margin:0;
}
#top-account ul {
	list-style:none;
	margin:0.5em -0.8em 0;
	padding:0 0.5em;
}
#top-account li {
	border-top:1px solid #464843;
}
#top-account ul a {
	display:block;
	padding:0.2em 0.3em;

	-webkit-transition:all 0.4s ease 0s;
	transition:all 0.4s ease 0s;
}
#top-account ul a:hover {
	background:#464843;
}


/*------------------------------------------------------------
Search */

#search {
	text-align:right;
	visibility:hidden;
	opacity:0;
	position:absolute;
	z-index:102;
/* 	width:100%; */
	width:500%;
	max-width: 450px;

	box-sizing:border-box;
	height:100%;
	right:0;
	/* top:-0.5em; */
	top:0;
	padding:0.25em 0px 0.25em 40px;
	background-color:#11140f;
	color:#c5c7c7;

	-webkit-transition:all 0.5s ease 0s;
	transition:all 0.5s ease 0s;
}
#search:target {
	visibility:visible;
	opacity:1;
}
#search nav a {
	position:absolute;
	text-align:left;
	text-indent:-9999px;
	outline:none;
	font-size:90%;
	padding:0.5em 0;
	left:40px;
	top:12px;
	background-color:#11140F;
	display: inline-block;
	
}
#search nav a:after {
	content:'\AB  Back';
	white-space:nowrap;
	text-align:right;
	line-height:0.5;
	text-indent:0;
	float:right;
}
#search p {
	position:relative;
	margin:5px 0 0;
	padding:0 1em 0 0.5em;
	font-size:90%;
}
#search label {
	display:none;
}
#search input[type="search"] {
	display: inline-block;
	vertical-align:middle;
	background:#272727;
	color:#fff;
	width:52%;
	font:100%/1.3 GillSans,Arial,Helvetica,sans-serif;
	padding:0 0.5em;
	height:2em;
	border:1px solid #ccc;
	border-right:none;
	border-radius:0.2em 0 0 0.2em;

	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
#search input[type="submit"] {
/*
	position:absolute;
	right:0;
	top:0;
*/
	display: inline-block;
	vertical-align: middle;
	
	background:#48aa48;
	color:#fff;
	font:bold 90%/1.3 GillSans,Arial,Helvetica,sans-serif;
	text-transform:uppercase;
	padding:0;
	width:3em;
	height:2.25em;
	border:1px solid #48aa48;
	border-radius:0 0.2em 0.2em 0;
	cursor:pointer;
}

#search input[type="submit"].site {
	width: 5.5em;
}

#search input[type="submit"].kb {
	width:10em;
	margin-left:5px;
}

/*------------------------------------------------------------
Main nav bar */

#main-nav {
	position:fixed;
	width:100%;
	z-index:90;
	left:0;
	top:2.5em;
	background:#181b14;
	background-image:radial-gradient(circle 20em at center top, #30332c, #181b14);
}
#main-nav ul {
	text-align:center;
	list-style:none;
	padding:0 1em;
	margin:0;
}
#main-nav a {
	color:#fff;

	-webkit-transition:all 0.4s ease 0s;
	transition:all 0.4s ease 0s;
}
#main-nav>ul {
	padding:0 8em 0 6.5em; /* Making room for logo / menu links */
}
#main-nav>ul>li {
	position:relative;
	display:inline-block;
	padding:0 1.8%;
}
#main-nav>ul>li>a {
	display:block;
	text-transform:uppercase;
	font-size:100%;
	/* padding:2.5% 2%; I love the way this auto-scales, but it's impractical with all the other positioning going on */
	padding:2.2em 0.3em;
}
#main-nav li.sel>a,
#main-nav a:hover {
	color:#48aa48;
}


/* Second level - drop-down style */
#main-nav li nav {
	position:absolute;
	margin:-1em 0 0 -90px;
	width:180px;
	left:50%;
	visibility:hidden;
	opacity:0;

	-webkit-transition:all 0.2s ease 0s;
	transition:all 0.2s ease 0s;
}
#main-nav li:hover>nav {
	visibility:visible;
	opacity:1;
	margin-top:0;
	z-index:25;

	-webkit-transition:all 0.3s ease 0s;
	transition:all 0.3s ease 0s;
}
#main-nav li nav ul {
	position:relative;
	background:#11140f;
	border-radius:0 0 0.4em 0.4em;
	text-align:left;
	list-style:none;
	margin:0;
	padding:0;
}
#main-nav li li {
	border-top:1px solid #464843;
}
#main-nav li li > a {
	display:block;
	font-size:100%;
	text-transform:uppercase;
	padding:0.3em 1em;
	color:#fff;

	-webkit-transition:all 0s ease 0s;
	transition:all 0s ease 0s;
}
#main-nav li li.sel>a {
	background:#48aa48 !important;
	color:#fff;
}
#main-nav li li>a:hover {
	background-color:#464843;
	color:#fff;
}

#main-nav li:hover>nav>ul:before { /* Big triangle */
	content:' ';
	position:absolute;
	border-right:90px solid transparent;
	border-left:90px solid transparent;
	border-bottom:1.7em solid #000;
	bottom:100%;
	height:0;
	left:0;
}

#main-nav li:hover li>a {
	-webkit-transition:all 0.3s ease 0s;
	transition:all 0.3s ease 0s;
}

#main-nav nav > ul > li {
	position: relative !important;
}

#main-nav nav > ul > li > ul {
	position: absolute !important;
	width: 100%;
	left: 100%;
	top: 0px;
}

#main-nav li li > ul > li {
	display: none;
	background-color: #40A045;
}

#main-nav li li:hover ul > li {
	display: block;
}

#main-nav li li > ul > li > a:hover {
	background-color: #42B247;
}

/* Second level - nav bar style *
#main-nav li nav {
	position:absolute;
	width:100%;
	top:100%;
	left:0;
	background:#11140f;
	visibility:hidden;
	opacity:0;

	-webkit-transition:all 0.3s ease 0s;
	transition:all 0.3s ease 0s;
}
#main-nav li:hover>nav {
	visibility:visible;
	opacity:1;
	z-index: 25;
}
#main-nav li nav ul {
	text-align:left;
	list-style:none;
	max-width:970px;
	margin:0 auto;
	padding:0;
}
#main-nav li li {
	display:inline-block;
	vertical-align:middle;
}
#main-nav li li>a {
	display:block;
	padding:1em 1.2em;
	font-size:100%;
	text-transform:uppercase;
	color:#fff;
	position:relative;

	-webkit-transition:all 0.5s ease 0s;
	transition:all 0.5s ease 0s;
}
#main-nav li li.sel>a {
	background:#48aa48 !important;
	color:#fff;
}
#main-nav li li.sel>a:after {
	content:' ';
	position:absolute;
	border-top:0.6em solid #48aa48;
	border-left:0.9em solid transparent;
	border-right:0.9em solid transparent;
	margin:0 0 0 -0.9em;
	width:1px;
	left:50%;
	top:100%;
}
#main-nav li li>a:hover {
	color:#fff;
	background-color:#464843;
}
*/


/*------------------------------------------------------------
Menu navigation */

/* Opening the menu */
#nav-jump {
	position:absolute;
	right:0;
	top:100%;
	color:#fff;
	padding:1.9em 0;
	font-size:110%;
	text-transform:uppercase;
	line-height:1;
	z-index:150;

	-webkit-transition:all 0.4s ease 0s;
	transition:all 0.4s ease 0s;
}
#nav-jump:after {
	content:' ';
	display:inline-block;
	vertical-align:-0.25em;
	height:0.25em;
	width:2em;
	margin:0 0 0 0.5em;
	border-top:0.8em double #fff;
	border-bottom:0.3em solid #fff;

	-webkit-transition:all 0.4s ease 0s;
	transition:all 0.4s ease 0s;
}
#nav-jump:hover,
#nav-jump:hover:after {
	color:#48aa48;
	border-color:#48aa48;
}

/* Closing the menu */
#menu #nav-close {
	position:absolute;
	right:1.2em;
	top:0;
	text-indent:-9999px;
	outline:none;
	font-size:130%;
	line-height:1;
	color:#838383;
}
#menu #nav-close:after {
	content:'X';
	display:block;
	text-indent:0;
	text-align:right; /* To eliminate the weird width issue in Chrome */
}

/* Menu container */
#menu {
	position:fixed;
	z-index:500;
	height:100%;
	padding:0 4em 0 2em;
	top:0;
	right:0;
	margin:0 -100% 0 0;
	background:#11140f;
	visibility:hidden;
	overflow:auto;
	opacity:0;

	-webkit-transition:all 0.8s ease 0s;
	transition:all 0.8s ease 0s;
}
#menu:target {
	margin:0;
	visibility:visible;
	opacity:1;
}
#menu a {
	color:#fff;

	-webkit-transition:all 0.5s ease 0s;
	transition:all 0.5s ease 0s;
}
#menu a:hover {
	color:#48aa48;
}

/* First level */
#menu ol {
	list-style:none;
	margin:0;
	padding:2em 0;
}
#menu ol>li {
	margin:0.8em 0;
}
#menu ol>li>a {
	text-transform:uppercase;
	font-size:130%;
}
#menu ol a {
	display:block;
}

/* Second level */
#menu ol ul {
	list-style:none;
	margin:0.1em 0 0;
	padding:0;
}

/* Social (just need to shrink a bit) */
#menu .social {
	transform-origin:left top;
	transform:scale(0.7);
}

#menu .social a {
	/* no transition for sprite bgs */
	transition:none;
}

#menu .sideNavSub {
	display: none;
	margin-bottom: 10px;
}

#menu .dropdown span {
	float: right;
	display: block;
	width: 20px;
	height: 20px;
	position: relative;
}

#menu .dropdown span:before {
	content: "";
	display: block;
	height: 16px;
	width: 2px;
	background-color: #FFF;
	position: absolute;
	margin: auto;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	transition: all 0.5s ease 0s;
	
	-ms-transform: rotate(0); /* IE 9 */
  -webkit-transform: rotate(0); /* Chrome, Safari, Opera */
	transform: rotate(0);
	
}

#menu .dropdown span:after {
	content: "";
	display: block;
	width: 16px;
	height: 2px;
	background-color: #FFF;
	position: absolute;
	margin: auto;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

#menu .dropdown.sel span:before {
	-ms-transform: rotate(90deg); /* IE 9 */
  -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
	transform: rotate(90deg);
}

#menu .dropdown.sel {
	color: #40A045;
}

/************************************************************
Layout: Content */

/* General layout */
#content {
	padding:0 0 1em;
}
#content>terms,
#content>nav,
#content>header,
#content>section,
#content>article {
	max-width:970px;
	margin:0 auto;
	padding:1em;
}


/* Content header */
#content header {
	text-align:center;
	padding:1em 5%;

	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
#content header h3 {
	margin-left:1em;
	margin-right:1em;
}
#content header p {
	text-align:center;
	font-size:170%;
}

#content .col.side header h3 {text-align: left; margin: 0;}



/* Content articles */
#content>article header {
	font-size:95%;
	padding:0;
}
#content>article header h2 {
	text-align:left;
	color:inherit;
}

/* First should have a shadow */
#content>header+article {
	position:relative;
}
#content>header+article:after {
	content:' ';
	position:absolute;
	width:80%;
	height:0.35em;
	top:0;
	left:10%;
	box-shadow:inset 0 0.7em 0.2em -0.7em rgba(0,0,0,0.15);

	background:-webkit-radial-gradient(center top, ellipse farthest-side, rgba(0,0,0,0.15), rgba(0,0,0,0));
	background:radial-gradient(ellipse farthest-side at center top, rgba(0,0,0,0.15), rgba(0,0,0,0));
}




/************************************************************
Layout: Footer */

/* Footer navigation */
#foot-nav {
	font-size:85%;
	text-align:center;
	padding:1em 1.5em;
	color:#fff;
	background:#48aa48;
}
#foot-nav a {
	color:#fff;
}

#foot-nav>ol,
#foot-nav>aside {
	display:inline-block;
	vertical-align:top;
	text-align:left;
}
#foot-nav>ol {
	list-style:none;
	max-width:590px;
	width:64%;
	margin:0;
	padding:0;
}
#foot-nav>aside {
	margin:0 0 0 5%;
	max-width:275px;
	width:30%;
}

/* Links */
#foot-nav ol>li {
	display:inline-block;
	vertical-align:top;
	width:30%;
}
#foot-nav ol>li:first-child,
#foot-nav ol>li:first-child+li+li+li{
	width:38%;
}
#foot-nav ul {
	list-style:none;
	margin:0.5em 0 10%;
	padding:0;
}

/* Social icons */
#foot-nav .social {
	margin:0.5em 0 15%;
}

/* Signup form */
#sign-up {
	margin:0;
}
#sign-up p {
	position:relative;
	margin:0.5em 0;
	padding:0 6.5em 0 0;
	border:2px solid #fff;
	border-radius:0.4em;
}
#sign-up #signup-email {
	display:block;
	background:none;
	border:none;
	width:100%;
	color:#fff;
	padding:0.8em 5%;
	font:100%/1.3 GillSans,Arial,Helvetica,sans-serif;

	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
#sign-up input[type="email"]::-moz-placeholder {
	color: rgba(255, 255, 255, .7);
}
#sign-up input[type="email"]::-webkit-input-placeholder {
	color: rgba(255, 255, 255, .7);
}

#sign-up input[type="submit"] {
	position:absolute;
	height:100%;
	width:5.5em;
	right:0;
	top:0;
	padding:0;
	color:#e7e8e8;
	background:#181b14;
	font:120%/1.3 GillSans,Arial,Helvetica,sans-serif;
	text-transform:uppercase;
	border:none;
	border-radius:0 0.4em 0.4em 0;
	cursor:pointer;
}

/* Copyright bar */
body>footer {
	font-size:90%;
	text-align:center;
	padding:1.5em 1em 2.5em;
	color:#838383;
	background:#181b14 url('../images/backgrounds/footer-mesh.gif') repeat center top;
}
body>footer p {
	text-align:left;
	display:inline-block;
	margin:1em 0 0 1em;
}
body>footer:before {
	content:' ';
	background:transparent url('../images/icons/icons.png') no-repeat -259px 0;
	display:inline-block;
	height:50px;
	width:70px;
}


/************************************************************
Modal *

#simplemodal-container {
	max-width:800px;
	/*min-width:300px;*
}
#modal {
	display:none;
	position:relative;
	background:#fffffd;
	border-radius:0.4em;
}
#modal h2 {
	background:#eeeadd;
	margin:0 -15px;
	padding:0.4em 30px 0.2em 15px;
	border-radius:0.3em 0.3em 0 0;
}
#modal h2:before {
	display:none;
}
#modal-content {
	padding:0 15px 0.5em;
	min-width:300px;
}
#modal .simplemodal-close {
	font:bold 100%/1.3 GillSans,Arial,Helvetica,sans-serif;
	cursor:pointer;
	position:absolute;
	right:0.4em;
	top:0.2em;
	font-size:12pt;
	padding:0.2em;
	z-index:10;
}
#modal-content h3 {
	font-size:110%;
	margin:0.8em 0.3em 0.5em 0.1em;
	border-bottom:1px solid #ddd;
	padding:0 0.3em 0.1em 0.3em;
}

/* Modal forms *
#modal form p {
	font-size:95%;
}
#modal label {
	vertical-align:middle;
	display:inline-block;
	font-weight:bold;
	width:9em;
}
#modal input[type="text"],
#modal textarea {
	background:#fff;
	font:100%/1.3 GillSans,Arial,Helvetica,sans-serif;
	padding:0.3em 0.5em;
	margin:0;
	width:17em;
	border:1px solid #999;
	outline:none;
	border-radius:0.3em;
}
#modal textarea {
	vertical-align:top;
}
#modal input.error {
	background-color:#fdd;
	cursor:help;
}


/************************************************************
Buttons / links */

/*-----------------------------------------------------------
Arrows */

.arrow {
	text-transform:uppercase;
	font-size:115%;
}
a.arrow {
	color:#181b14;
}
.arrow:after,
.arrow.back:before {
	content:' ';
	position:relative;
	display:inline-block;
	vertical-align:middle;
	margin:-0.3em 0.2em 0;
	border:2px solid #181b14;
	height:0.8em;
	width:0.8em;
	left:0;

	-webkit-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	transform:rotate(45deg);

	-webkit-transition:all 0.3s ease 0.1s;
	transition:all 0.3s ease 0.1s;
}
.arrow:after {
	border-left:none;
	border-bottom:none;
}
.arrow:hover:after {
	left:0.2em;
}

/* Reverse-facing arrow */
.arrow.back:after {
	display:none;
}
.arrow.back:before {
	border-right:none;
	border-top:none;
}
.arrow.back:hover:before {
	left:-0.2em;
}


/* Arrows w/in buttons */
.button.arrow:after,
.button.arrow.back:before {
	border-color:#fff;
}


/*-----------------------------------------------------------
Buttons */

.button {
	display:inline-block;
	vertical-align:middle;
	background:#48aa48;
	color:#fff !important;
	padding:0.9em 0.9em 0.8em;
	font:100%/1.3 GillSans,Arial,Helvetica,sans-serif;
	text-transform:uppercase;
	border:none;
	border-radius:0.3em;
	cursor:pointer;

	-webkit-transition:all 0.4s ease 0s;
	transition:all 0.4s ease 0s;
}
.button:hover {
	box-shadow:inset 0 0 1em rgba(255,255,255,0.4);
}

/* Alternate color */
.button.alt {
	background:#181b14;
}


/* "Add" button */
.button.add:after {
	content:'+';
	vertical-align:middle;
	font-weight:bold;
	font-size:180%;
	line-height:0;
	margin:0 0 0 0.3em;
}

/* Disabled button */
.button.disabled {
	cursor: default;
	opacity: .7;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}

.button.disabled {
	cursor: default;
}

.button.disabled:hover {
	box-shadow: none;
}

.button.disabled:active,
.button.disabled:focus {
	outline: none;
}

/*-----------------------------------------------------------
Cart */

a.cart {
	text-transform:uppercase;
	font-size:115%;
}
a.cart:after {
	content:url('../images/icons/cart.png');
	vertical-align:sub;
	margin:0 0 0 0.3em;
}


/*-----------------------------------------------------------
Plus */

.plus {
	text-transform:uppercase;
	font-size:115%;
}
.plus:after {
	content:'+';
	display:inline-block;
	vertical-align:middle;
	margin:-0.1em 0 0 0.4em;
	padding:0.15em 0.5em;
	background:#181b14;
	font-weight:bold;
	font-size:160%;
	line-height:1;
	color:#fff;
	border-radius:0.2em;
}


/*-----------------------------------------------------------
Icons */

.icon {
	color:inherit !important;
	margin:0 0.5em 0 0;
}
.icon:before {
	vertical-align:sub;
	margin:0 0.5em 0 0;
}

/* Icon images */
.icon.wishlist:before { content:url('../images/icons/wishlist.png') }
.icon.email:before { content:url('../images/icons/email.png') }
.icon.share:before { content:url('../images/icons/share-sm.png') }

/* AddThis icon removal */
.icon > span {
	display: none !important;
}

/************************************************************
Modal */

#simplemodal-container {
	width:650px;
	max-width:95%;
	/*min-width:300px;*/
}
#modal {
	display:none;
	position:relative;
	background:#fff;
	border-radius:0.4em;
}
#modal header {
	font-size:50%;
	background:#f2f2f2 url('../images/backgrounds/callout-mesh.gif') repeat center top;
	padding:0.2em 4em 0.2em 2em;
	border-radius:0.8em 0.8em 0 0;
}
#modal article {
	padding:0.5em 1em;
}
#modal .simplemodal-close {
	position:absolute;
	font:bold 300%/1 Arial,Helvetica,sans-serif;
	padding:0.2em;
	right:0.2em;
	top:0.2em;
	color:#282828;
	cursor:pointer;
}

#modal iframe {
	width:100%;
}

/* Modal Styles */


#modal.error,
#modal.info article {
	font-size: 150%;
}

/* Info */
#modal.info {
	background:#CFC;
	border-color:#8c8;
}

#modal.info header h2 {
	color:#151;
}

/* Error */
#modal.error {
	background-color:#fcc;
	border-color:#f88;
}

#modal.error header h2 {
	color:#911;
}

#modal.error article {
	font-weight: bold;
	color: red;
}

/************************************************************
Miscellaneous */

/* misc tag styling -- most are used in knowledge base */

code {
	display: block;
	box-sizing:border-box;
	padding:15px;
	color:#000;
	background:url("../images/backgrounds/callout-mesh.gif") repeat center top #F2F2F2;
	border-radius:5px;
}

blockquote {
	position:relative;
	margin:0 auto;
	padding:10px 60px;
}

blockquote:before, blockquote:after {
	content:"\0201C";
	font: 500%/0.25 GillSans,Arial,Helvetica,sans-serif;
	
	position: absolute;
	top:35px;
	bottom:auto;
	left:15px;
}
blockquote:after {
	content:"\0201D";
	
	top:auto;
	left:auto;
	bottom:-15px;
	right:15px;
}

pre {
	white-space:normal;
}

/* Text alignment */
.left { text-align:left !important; }
.center { text-align:center !important; }
.right { text-align:right !important; }

/* Font sizes */
small { font-size:90%; }


/* Columns */
.col {
	display:inline-block;
	vertical-align:top;
	text-align:left;
}

/* Highlighting */
mark {
	background:#ff9;
}


/* Dividers */
hr {
	display:block;
	width:80%;
	height:0.35em;
	margin:2.5em 10% 1.5em;
	border:none;
	box-shadow:inset 0 0.7em 0.2em -0.7em rgba(0,0,0,0.15);

	background:-webkit-radial-gradient(center top, ellipse farthest-side, rgba(0,0,0,0.15), rgba(0,0,0,0));
	background:radial-gradient(ellipse farthest-side at center top, rgba(0,0,0,0.15), rgba(0,0,0,0));
}


/* Fix extra button padding in Firefox */
input[type="submit"]::-moz-focus-inner {
	border:none;
	padding:0;
	line-height:1;
}

/*Header for each product page*/
#content header h1#productHeader {
	margin-left: 1em;
	margin-right: 1em;
	font-family: AlteDin,Arial,Helvetica,sans-serif;
	text-transform: none;
	text-align: center;
	color: #48AA48;
  margin: 0.8em 0px 0px;

}