body {
    background: #191b18 url('../images/background.jpg') repeat;
    color: #aaa;
    font-size: 62.5%;
    font-family: 'ColaborateLightRegular', Arial;
}

/* ie8, not responsive */
html.no-svg body {
	min-width: 1000px;
}

a { color: #ddd; text-decoration: none }
a:hover { color: #ddd; cursor: pointer }
p a { text-decoration: underline }

p { margin-bottom: 20px; line-height: 2em }
p, ul li, ol li { font: 1.6em/1.8em 'ColaborateLightRegular', Arial; word-spacing: .1em }
ul li { line-height: 1.4em }

.center { margin: 0 auto; width: auto; position: relative; max-width: 1000px; }
.left { float: left }
.right { float: right }
ul.inline li { display: inline-block; float: left }
.clear { clear: both }
.relative { position: relative }
.last { margin-right: 0px !important}

h1, .h1 { font: 2.2em 'CharisSILRegular', Georgia; text-transform: uppercase; letter-spacing: .05em; margin-bottom: 30px !important } 
h2, .h2 { font: 1.9em 'CharisSILRegular', Georgia; margin-bottom: 10px; padding-bottom: 5px; letter-spacing: .05em; }
h3, .h3 { font: 2.3em 'ColaborateLightRegular', Arial }
h4, .h4 { font-size: 1.6em; line-height: 1.4em; font-weight: normal; }
h5, .h5 { font: 2em 'ColaborateLightRegular', Arial; margin-bottom: 5px; color: #eee;}
h1, h2, h3, .h1, .h2, .h3 { clear: both; margin-bottom: 20px; color: #eee; }

/*Additional usage for Headings */
.border-bottom { border-bottom: 1px solid #575758; padding-bottom: 5px; margin-bottom: 10px }
.italic { font-style: italic }
.lowercase { text-transform: lowercase }
.underline { text-decoration: underline }
.padding-bottom { padding-bottom: 40px !important }

/* inputs */
input { 
    background: #fff; 
    padding: 3px; 
    color: #000; 
    margin: 5px 0 10px;
}
select { background: #fff }

ol li { margin-left: 20px; }
ol { margin-bottom: 20px }

/*(( MEGA NAV ))*/
/*
ul#nav { float: left; margin-top: 64px }
ul#nav li { margin-right: 33px; position: relative; font-size: 1.5em; z-index: 999 }
ul#nav li.last-nav { padding-right: 0; width: 115px; margin-right: 0 }

.mega_menu {
    position: absolute;
    z-index: 888;
    top: 36px;
    left: -20px;
    padding: 5px 20px;
    line-height: 15px;
    background: url('../images/background.jpg') repeat;
    border: 1px solid #4d4f4f;
    border-top: 0;
    display: none;
}
*/

/* Main Navigation */
.mainNav {
	float: right;
	margin-top: 60px;
	margin-right: 110px;
	position: relative;
	z-index: 999;
}
.mainNav-mobile {
	display: none;
}
.mainNav-item a {
	color: #fff;
}
.mainNav-item a span {
	color: inherit;
}
.mainNav-item {
	position: relative;
	display: inline-block;
	float: left;
	margin: 0 0 0 33px;
	font-size: 1.5em;
}
	.mainNav-item:first-child {
		margin-left: 0;
	}
.mainNav-item > a > span {
	display: block;
	font: 1em/2em 'CharisSILRegular', Georgia;
    height: 35px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    cursor: pointer;
}
	.mainNav-item.navItem-hover > a > span {
		background: url('../images/carrot.jpg') 50% bottom no-repeat;
		border-bottom: 1px solid #3d3938;
	}
	.mainNav-item.navItem-hover > .mainNav-subMenu {
		display: block;
	}

.mainNav-subMenu {
	position: absolute;
    z-index: 888;
    top: 36px;
    left: -20px;
    padding: 5px 20px;
    line-height: 15px;
    background: url('../images/background.jpg') repeat;
    border: 1px solid #4d4f4f;
    border-top: 0;
    display: none;
	min-width: 180px;
}
.mainNav-subMenu li {
	font-size: 1em;
}
.mainNav-subMenu a {
	border-top: 1px solid #3d3938;
    display: block;
    font-size: 0.85em;
    line-height: 3.5em;
    width: auto;
	float: none;
}

.mainNav-subMenu li:first-child > a {
	border-top: 0;
}


.navItem-visibility_mobile {
	display: none;
}
	
.page-hero {
	max-width: 780px;
	width: auto;
	position: relative;
	margin: 0 auto 22px auto;
	padding: 0;
}
.page-hero span {
	display: block;
	position: relative;
	/* height: x will be set in html */
}
.page-hero img {
	position: absolute;
	left: -9999px;
	right: -9999px;
	top: -9999px;
	bottom: -9999px;
	margin: auto;
}
	html.no-svg .page-hero img {
		position: relative;
		height: 100%;
		left: auto;
		right: auto;
		top: auto;
		bottom: auto;
		margin: 0 0 0 -110px;
	}

div#pistols {
  width: 360px;
}

div.base {
    font: 1em/2em 'CharisSILRegular', Georgia;
    height: 35px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    cursor: pointer;
    color: #fff;
}

div.base:hover { background: url('../images/carrot.jpg') 50% bottom no-repeat; border-bottom: 1px solid #3d3938 }

div#dealers {
    overflow: hidden;
    position: absolute;
    width: 108px;
    right: 110px;
    height: 41px;
    top: 0;
}

.carrot-bg { background: url('../images/search-carrot.jpg') no-repeat left top !important; }
span.radius { 
    font-size: 1.6em; 
    margin: 0px 10px; 
}

form#dealer-search-form { margin-left: 15px; }
form#dealer-search-form input.dealer-search { width: 152px; }

/* target duplicate styles, dealer locator page */
div#container form#dealer-search span, #dealer-search select { float: left; margin-top: 10px }
div#container form#dealer-search select { width: 90px }
div#container form#dealer-search .dealer-search { width: 145px; float: left;}
div#container form#dealer-search .dealer-go { float: left; }

input.dealer-search { 
    background: url('../images/search-bar.jpg') no-repeat; 
    border: 0px !important;
    float: left;
    height: 22px;
    margin-right: 0px;
    padding-left: 5px;
    width: 105px; 
}

input.dealer-go {
    background: url('../images/dealer-go.jpg') no-repeat;
    float: left;
    height: 28px;
    margin-left: -5px;
    text-indent: -9999px;
    width: 40px;
}

input.dealer-submit {
    background: url('../images/search-submit.jpg') no-repeat;
    width: 39px;
    height: 28px;
    border: 0px !important;
}

div.extended {
    background: url('../images/dealer-bg.jpg') repeat-x; 
    width: 375px;
    height: 41px;
    border-top: 0;
    border-right: 1px solid #323232;
    position: absolute;
    margin-left: 390px;
}

div.ext-text { padding: 13px; font-size: 1.4em }

div.dealer-nav {
    background: url('../images/dealer-bg-full.jpg') no-repeat; 
    height: 41px;
    width: 108px;
    position: absolute;
    z-index: 9995;
    right: 0;
}

div.dealer-nav a { 
    padding: 12px 18px; 
    display: block;
    font-size: 1.4em;
    cursor: pointer;
}

div.col {
    float: left; 
    width: 180px;
}

div.col a { 
    width: 100%; 
    display: block; 
    border-bottom: 1px solid #3d3938; 
    font-size: 0.85em; 
    line-height: 3.5em; 
}
div.col a.last { border-bottom: 0 }

/*(( TEMPLATE ))*/
div#container { width: auto; max-width: 1000px; margin: 0 auto; position: relative; overflow: hidden }

div#header {
    width: 100%;
    border-bottom: 1px solid #4d4f4f;
}
div#header:after {
	content: '';
	display: table;
	clear: both;
}
div#header .center:after {
	content: '';
	display: table;
	clear: both;
}

h1#logo { 
    background: url('../images/logo.png') no-repeat;
    float: left;
    width: 100px;
    height: 61px;
    margin: 35px 10px 0 0 !important;
    text-indent: -9999px
}

.page-title { }
.std { }
div#container > .page-title,
div#container > .std {
	max-width: 780px;
	margin: 0 auto;
	min-height: 1px;
}
	div#container > .std #content {
		margin: 0;
	}
div#container > .std img {
	max-width: 100%;
}

/*bread crumbs*/
/*
ul#breadcrumbs { margin: 40px 108px 20px; height: 22px; overflow: hidden; }
ul#breadcrumbs li:first-child { border-left: 1px solid #4a4a4a }
ul#breadcrumbs li { font-size: 1.4em; height: 22px; line-height: 20px; }
li.inactive {  background: url('../images/inactive.jpg') repeat-x; padding: 0px 10px }
li.visited-3 { background: url('../images/visited-3.jpg') no-repeat; width: 14px }
li.visited-2 { background: url('../images/visited-2.jpg') no-repeat; width: 14px }
li.visited-1 { background: url('../images/visited-1.png') no-repeat; width: 16px }
li.active { background: url('../images/active.jpg') repeat-x; padding: 0px 10px; color: #fff  }
*/
.breadcrumbs {
	list-style: none;
	padding: 0;
	margin: 40px auto 20px;
	height: auto;
	max-width: 748px; /* 780 - 32 */
	display: block;
	float: none;
	font-size: 0;
	padding-left: 30px;
}
	.breadcrumbs li {
		list-style: none;
		padding: 0;
		margin: 0;
		display: inline-block;
		white-space: nowrap;
		float: none;
		max-width: 100%;
		position: relative;
	}
	.breadcrumbs li > a,
	.breadcrumbs li > span {
		display: block;
		height: 22px;
		font-size: 14px;
		line-height: 22px;
		color: #ddd;
		position: relative;
		padding: 0 15px 0 15px;
		margin: 0 0 0 -15px;
		position: relative;
	}
		.breadcrumbs li > a:before,
		.breadcrumbs li > span:before {
			content: '';
			position: absolute;
			left: 0;
			top: 0;
			height: 22px;
			width: 15px;
			background: url('../images/breadcrumbs.png') -30px 0 no-repeat;;
		}
		.breadcrumbs li > a:after,
		.breadcrumbs li > span:after {
			content: '';
			position: absolute;
			right: 0;
			top: 0;
			height: 22px;
			width: 15px;
			background: url('../images/breadcrumbs.png') 0 0 no-repeat;;
		}
	.breadcrumbs li > a {
		
	}
	.breadcrumbs li > span {
		color: #fff;
	}
		.breadcrumbs li > a > span,
		.breadcrumbs li > span > span {
			background: url('../images/breadcrumbs.png') 0 -22px repeat-x;
			display: block;
			height: 22px;
			line-height: 20px;
			max-width: 100%;
			overflow: hidden;
			padding: 0 12px 0 8px;
			text-overflow: ellipsis;
			color: inherit;
		}
		
	/* current (span) segment */
	.breadcrumbs li > span {
	}
		.breadcrumbs li > span:before {
			background-position: -45px 0;
		}
		.breadcrumbs li > span:after {
			background-position: -15px 0;
		}
		.breadcrumbs li > span > span {
			background-position: 0 -44px;
		}
		
	
	/* first segment */
	.breadcrumbs li:first-child {
		margin-left: -30px;
	}
		.breadcrumbs li:first-child > a,
		.breadcrumbs li:first-child > span {
			margin-left: 0;
			padding-left: 8px;
		}
		.breadcrumbs li:first-child > a:before,
		.breadcrumbs li:first-child > span:before {
			width: 8px;
			background-position: -60px 0;
		}
		
	/* first segment & current */
	.breadcrumbs li:first-child > span {
	}
		.breadcrumbs li:first-child > span:before {
			background-position: -68px 0;
		}
		.breadcrumbs li:first-child > span:after {
			background-position: -15px 0;
		}

div#content {
	max-width: 780px;
	margin: 0 auto;
	min-height: 1px;
}
div#content:after {
	content: '';
	display: table;
	clear: both;
}
div#content .left img { float: left; clear: left; margin-bottom: 20px }
div#content .left .catalog img { width: 170px; height: 220px; }
div#extended-content { width: 890px; margin-left: 110px }
img.border { border: 1px solid #3c3c3c }
.divider { width: 100%; height: 1px; border-top: 1px solid #555; margin-bottom: 30px; float: left; }

div#footer { 
    width: 100%;
    height: auto;
    margin-top: 20px;
    border-top: 1px solid #4d4f4f;
	padding: 15px 0;
}
div#footer:after { 
	content: '';
	display: table;
	clear: both;
}

div#footer ul { display: block; }
div#footer ul li { float: none; display: inline-block; vertical-align: middle; line-height: 31px; height: 31px; margin: 0 0 0 20px; }
	div#footer ul li:first-child { margin-left: 0; }
	div#footer ul.right li { margin-left: 5px; }
div#footer li a { font-size: 0.8em; margin: 0; color: #bfbfbf; display: inline-block;  }


/* Tools */
.right100 { margin-right: 100px; }
.show { display: block; }
.hide { display: none; }

body.cms-safety #content ul {margin-left:20px;}
body.cms-safety #content ul li {font-size: 14px;padding-bottom:9px;list-style-type: circle;line-height:15px;}
body.cms-safety #content a {font-weight:600;text-decoration:underline;}

div#faq-page p { margin-left: 20px; font-size: 1.4em; }
div#faq-page h3.wrap { line-height: 1.4em; margin: 30px 0; }
div#faq-page h3 { *font-size: 1.8em }

body.cms-employment ul.table-head { background: #333; padding: 5px; margin-right: 80px; width: 600px; height: 20px; margin-bottom: 20px}
body.cms-employment ul.table-td { border-bottom: 1px dotted #999; margin-bottom: 20px; padding-bottom: 10px; width: 600px; height: 20px; }
body.cms-employment ul.table-td-last { margin-bottom: 20px; padding-bottom: 10px; width: 600px; height: 20px; }
body.cms-employment ul.table-td li, ul.table-td-last li {  margin-right: 56px; }

body.cms-returning-a-firearm ol li { margin-left:30px; }

body.cms-promotions ol li ul {margin-left:20px;}
body.cms-promotions ul li {font-size: 14px;padding-bottom:5px;list-style-type: circle;}



.section.right {
	float: none;
	position: absolute;
	right: 241px;
	top: 11px;
}

.section.right li {
	margin-left: 22px;
	line-height: normal;
	display: inline-block;
	list-style: none outside none;
}

.section.right li a {
	color: white;
	font-size: 14px;
}

div.quote {
    background: url('../images/pistols/quote.jpg');
    padding: 20px;
}

div.quote p {
    border-top: 1px solid #999;
    border-bottom: 1px solid #999;
    font-style: italic;
    padding: 15px 0;
    line-height: 1.7em;
    font-size: 1.4em;
    width: auto;
	margin: 0;
}


/**
 * Mask
 */
.mask, .mask-background, .mask-content {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	width: auto;
	height: auto;
}
.mask-background {
	background: url('../images/bg-black-opacity-70.png') 0 0 repeat;
}
.mask-content {
	font-size: 0;
	text-align: center;
}
.mask-content:before {
	content: '';
	display: inline-block;
	vertical-align: middle;
	height: 100%;
	line-height: 100%;
}
.mask-content-inner {
	display: inline-block;
	vertical-align: middle;
	max-width: 300px;
	font-size: 14px;
	color: #fff;
}
.mask-spinner {
	display: block;
	width: 48px;
	height: 48px;
	background: url('../images/preloader2.gif') 0 0 no-repeat;
	margin: 0 auto;
}

.contentBox {
	width: 100%;
}

.contentBox_bordered {
	border: 1px solid #575758;
}

.contentBox div {
	display: inline-block;
}

.contentBox h3 {
	margin: 0;
	line-height: 35px
}

.contentBox-link_button {
	font-size: 18px;
	padding: 8px;
	background: url('../images/dealer-bg-full.jpg') no-repeat;
}


.contentBox-news {
	padding: 10px;
	margin: 40px 0;
}

.contentBox-news .contentBox-link_button {
	margin-right: 10px;
	float: right;
}	

/**
 * -------------------------------------------------------------------------------------------------
 * RESPONSIVE STYLES
 * -------------------------------------------------------------------------------------------------
 */
@media screen and (max-width: 980px) {
	div#header {
		width: auto;
	}
	div#header .center {
		max-width: 780px;
		height: 100px;
		position: relative;
	}
	div#header .section.right {
		right: 131px;
	}
	h1#logo {
		margin: 10px 0 0 0 !important;
	}
	
	div#dealers {
		right: 0;
	}
	
	div#footer {
		width: auto;
	}
	div#footer .center {
		max-width: 780px;
		position: relative;
	}
	div#footer .right100 {
		margin-right: 0;
	}
	
	div#content {
		max-width: 780px;
		margin-left: auto;
		margin-right: auto;
		float: none;
		width: auto;
	}
	
	div#container > .page-title,
	div#container > .std {
		max-width: 780px;
		margin-left: auto;
		margin-right: auto;
		float: none;
		width: auto;
	}
	
	
	div.text-block {
		width: auto;
	}
	
	.mainNav {
		margin: 0;
		position: absolute;
		left: 0;
		right: 0;
		bottom: 1px;
		top: auto;
		width: auto;
		float: none;
		height: 35px;
	}
	
	.mainNav-items {
		display: block;
		
		text-align: justify;
	}
		.mainNav-items:after {
			content: '';
			display: inline-block;
			width: 100%;
		}
	
	.mainNav-item  {
		display: inline-block;
		float: none;
		font-size: 15px;
		margin: 0;
	}
	
	.navItem-visibility_mobile {
		display: none;
	}
} 
@media screen and (max-width: 800px) {
	div#header {
		
	}
	div#header .center {
		max-width: none;
		margin: 0 20px;
	}
	
	ul#breadcrumbs {
		max-width: none;
		margin: 28px 20px;
	}
	
	div#content {
		max-width: none;
		margin-left: 20px;
		margin-right: 20px;
	}
	div#container > .page-title,
	div#container > .std
	{
		max-width: none;
		margin-left: 20px;
		margin-right: 20px;
	}
	
	div#footer {
	}
	div#footer .center {
		max-width: none;
		margin: 0 20px;
	}
	
	div.page-hero {
		margin: 0 20px;
	}
	div.page-hero span {
		height: 0;
		/* padding: 0 0 scale 0; will be set in html */
	}
	div.page-hero img {
		/* max-width: n% will be set in html */
	}
	
}
@media screen and (max-width: 768px) {
	
}

@media screen and (max-width: 680px) {
	div#footer {
		background: url('../images/background.jpg') 0 0 repeat;
		height: auto;
	}
	div#footer .center {
		height: auto;
	}
	div#footer ul.left {
		float: none;
		text-align: center;
	}
	div#footer ul.right {
		float: none;
		text-align: center;
		margin: 10px 0 0 0;
	}
}

@media screen and (max-width: 640px) {
	html.mobile-mainNav-active,
	html.mobile-mainNav-active body {
		overflow: hidden;
		width: 100%;
		height: 100%;
	}


	div#header {
		height: 88px;
	}
	div#header .center {
		width: auto;
		height: 88px;
	}
	div#header .section.right {
		display: none;
	}
	
	div#dealers {
		display: none;
	}
	
	h1#logo {
		background: url('../images/logo-mobile.png') 0 0 no-repeat;
		width: 113px;
		height: 53px;
		margin-left: 0 !important;
		margin-top: 16px !important;
	}
	
	.mainNav {
		float: none;
		margin: 0;
		position: relative;
		height: auto;
	}
	.mainNav-mobile {
		display: block;
		position: absolute;
		right: 0;
		top: 36px;
		cursor: pointer;
	}
		.mainNav-mobile span {
			display: block;
			width: 26px;
			height: 22px;
			overflow: hidden;
			text-indent: -999px;
			position: relative;
		}
		.mainNav-mobile span:after {
			content: '';
			background: url('../images/nav-mobile.png') 0 0 no-repeat;
			width: 26px;
			height: 22px;
			position: absolute;
			left: 0;
			top: 0;
		}
	.mainNav-items {
		background: #000 url('../images/background.jpg') 0 0 repeat;
		position: fixed;
		left: 0;
		right: 0;
		top: 88px;
		bottom: 0;
		width: auto;
		height: auto;
		overflow: auto;
		display: none;
		border-top: 1px solid #4d4f4f;
		-webkit-overflow-scrolling: touch;
	}
		.mainNav-items:after {
			display: none;
		}
		.mobile-mainNav-active .mainNav-items {
			display: block;
		}
	
	.mainNav-item  {
		float: none;
		margin: 0;
		display: block;
		border: 1px solid #4d4f4f;
		border-width: 1px 0 0 0;
	}
		.mainNav-item:first-child {
			border-top: 0;
		}
	.mainNav-item > a {
		display: block;
		padding: 14px 15px 14px 25px;
	}
	.mainNav-item > a > span {
		text-transform: none;
		font-size: 16px;
		line-height: 20px;
		letter-spacing: 0;
		height: auto;
		display: block;
		padding: 0;
		position: relative;
	}
		.mainNav-item.navItem-hover > a > span {
			border: 0;
			background: transparent;
		}
		.mainNav-item.navItem-hover > .mainNav-subMenu {
			display: none;
		}
		.mainNav-item.navItem-active > .mainNav-subMenu {
			display: block;
		}
		.mainNav-item.navItem-parent > a > span:after {
			content: '';
			background: url('../images/nav-arrows.png') 0 0 no-repeat;
			width: 8px;
			height: 8px;
			position: absolute;
			right: 0;
			top: 50%;
			margin: -4px 0 0;
		}
		
		
	.mainNav-subMenu {
		position: relative;
		z-index: auto;
		top: auto;
		left: auto;
		padding: 0;
		line-height: inherit;
		background: none;
		border: 0;
		min-width: 0;
		background: url('../images/nav-sub-background.jpg') repeat;
		display: none;
		border: 1px solid #4d4f4f;
		border-width: 1px 0 0 0;
	}
		.mainNav-subMenu .mainNav-subMenu {
			background: url('../images/nav-sub2-background.jpg') repeat;
		}
		
	
	.subMenu-item {
		border: 1px solid #4d4f4f;
		border-width: 1px 0 0 0;
	}
		.subMenu-item:first-child {
			border-top: 0;
		}
		.subMenu-item.navItem-parent > a > span:after {
			content: '';
			background: url('../images/nav-arrows.png') 0 0 no-repeat;
			width: 8px;
			height: 8px;
			position: absolute;
			right: 0;
			top: 50%;
			margin: -4px 0 0;
		}
		.subMenu-item.navItem-active > .mainNav-subMenu {
			display: block;
		}
	.subMenu-item a {
		font-size: inherit;
		display: block;
		padding: 14px 15px 14px 45px;
		border: 0;
	}
		.subMenu-item .subMenu-item a {
			padding-left: 65px;
		}
	.subMenu-item a span {
		text-transform: none;
		font-family: 'ColaborateLightRegular', Arial;
		font-size: 16px;
		line-height: 20px;
		letter-spacing: 0;
		height: auto;
		display: block;
		padding: 0;
		position: relative;
	}
	
	/* holder type */
	.navItem-type_columns_holder { 	}
	.navItem-type_columns_holder > a {
		display: none;
	}
	
	.navItem-type_columns_holder > .mainNav-subMenu {
		background: none;
		display: block !important;
		border: 0;
	}
	.navItem-type_columns_holder > .mainNav-subMenu > .mainNav-subMenu-items {
		display: table;
		width: 100%;
	}
	.navItem-type_columns_holder > .mainNav-subMenu > .mainNav-subMenu-items > .subMenu-item {
		display: table-cell;
		width: 50%;
		vertical-align: middle;
		border-width: 0 0 0 1px;
	}
		.navItem-type_columns_holder > .mainNav-subMenu > .mainNav-subMenu-items > .subMenu-item:first-child {
			border-left: 0;
		}
	.navItem-type_columns_holder > .mainNav-subMenu > .mainNav-subMenu-items > .subMenu-item > a {
		padding-left: 25px;
	}
	.navItem-type_columns_holder > .mainNav-subMenu > .mainNav-subMenu-items > .subMenu-item > a > span {
		font-family: 'CharisSILRegular', Georgia;
	}
	
	/* button type */
	.navItem-type_button { }
	.navItem-type_button > a {
		background: #3b3b3b;
		background-image: linear-gradient(to bottom, #4d4f4f 0%, #3b3b3b 100%);
		padding: 19px 0;
		text-align: center;
	}
	.navItem-type_button > a > span {
		background: transparent;
		font-size: 20px;
	}
}