/*========================================================
    * html5doctor.com Reset Stylesheet v1.6.1 (http://html5doctor.com/html-5-reset-stylesheet/)
    * Richard Clark (http://richclarkdesign.com)
    * http://cssreset.com
========================================================*/
    html, body, div, span, object, iframe,
    h1, h2, h3, h4, h5, h6, p, blockquote, pre,
    abbr, address, cite, code,
    del, dfn, em, img, ins, kbd, q, samp,
    small, strong, sub, sup, var,
    b, i,
    dl, dt, dd, ol, ul, li,
    fieldset, form, label, legend,
    table, caption, tbody, tfoot, thead, tr, th, td,
    article, aside, canvas, details, figcaption, figure,
    footer, header, hgroup, menu, nav, section, summary,
    time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:1em;
    vertical-align:baseline;
    background:transparent;
    }
    body {
    line-height:1;
    }
    article,aside,details,figcaption,figure,
    footer,header,hgroup,menu,nav,section {
    display:block;
    }
    nav ul {
    list-style:none;
    }
    blockquote, q {
    quotes:none;
    }
    blockquote:before, blockquote:after,
    q:before, q:after {
    content:'';
    content:none;
    }
    a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
    }
    /* change colours to suit your needs */
    ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
    }
    /* change colours to suit your needs */
    mark {
    background-color:#ff9;
    color:#000;
    font-style:italic;
    font-weight:bold;
    }
    del {
    text-decoration: line-through;
    }
    abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
    }
    table {
    border-collapse:collapse;
    border-spacing:0;
    }
    /* change border colour to suit your needs */
    hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
    }
    input, select {
    vertical-align:middle;
    }
/*====================================================
DEFAULTS
====================================================*/

body {

	text-align: center;	
	font-size: 1em;
	background-color: #ccc;
	font-family: georgia, serif;
}

.center-this { text-align: center; }
.center-this.bigger { font-size: 1.75em; margin: 0.5em 0 0.5em 0; }
.center-this.bigger2 { margin: 0.5em 0 1em 0; }

@media only screen and (min-width: 1024px) {
	
	/*body { padding: 1em; }*/	
}

a {

	color: #000;
	text-decoration: underline;	
}

a:hover {

	color: #bc010f;
	/*color: #25468a;*/
}

sup { vertical-align: top; font-size: 0.6em; }

p.final-copyright {
	
	text-align: center; font-size: 0.9em;
	clear: both;
	display: block;
	padding: 0 1em 0.5em 1em;
	color: #999;
	font-style: italic;	
	line-height: 1.3em;
	margin: 0;
}

/*====================================================
ABOUT US TILES
====================================================*/


.ab-splash {

    position: relative;
    background-color: #000;
    margin-bottom: 1em;
    overflow: hidden;
    border-radius: 5px;
}

.ab-splash img {

    display: block;
    margin: 0;
    padding: 0;
    height: auto;
    max-width: 100%;
    position: relative;
    z-index: 1;
}


.ab-splash .ab-text {

    position: absolute;
    bottom: 0.5em;
    left: 0.5em;
    right: 0.5em;
    text-align: center;
    display: block;
    color: #fff;
    font-weight: bold;
    font-style: italic;
    z-index: 2;
    text-shadow: 1px 2px 3px #000;
}


.ab-tile {

    display: inline-block;
    width: 100%;
    vertical-align: top;
}

.ab-tile .ab {

    text-align: center;
}

.ab-image {

    display: block;
    border: 0;
    margin: 0;
    padding: 0;
    max-width: 100%;
    height: auto;
    overflow: hidden;
    border-radius: 5px;
}

#top .ab-tile p {

    text-align: center;
}

#top .ab-tile p.ab-desc {
    
    text-align: left;
}

.ab-aside {

    text-align: center;
    font-size: 0.9em;
    font-style: italic;
    color: #363636;
    background-color: #f1f1f1;
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 0.5em 0.5em 0 0.5em;
    margin-bottom: 1em;
}

.ab-aside img {

    max-width: 100%;
    height: auto;
}

p.ab-more:first-letter {

    font-size: 4em;
    display: block;
    float: left;
    margin: 0 10px 0 0;
    line-height: 1em;
}

@media only screen and (min-width: 600px) {

.ab-aside {
    
    float: right;
    max-width: 35%;
    margin-left: 1em;
    font-size: 0.8em;
}

}

@media only screen and (min-width: 800px) {

.ab-splash .ab-text {

    font-size: 1.25em;
}

p.ab-more {

    font-size: 1.25em;
}



.ab-tile {
    
    width: 31%;
    margin-right: 1%;
    margin-left: 1%;
}

.ab-tile:nth-child(1) {
    
    margin-left: 0;
}

.ab-tile:nth-child(2) {
    
    width: 34%;
}

.ab-tile:nth-child(3) {
    
    margin-right: 0;
}

.ab-tile:nth-child(4) {
    
    margin-left: 0;
    width: 49%;
}

.ab-tile:nth-child(5) {
    
    margin-right: 0;
    width: 49%;
}

#top .ab-tile h2 {

    font-size: 1.25em;
    font-weight: normal;
}

.ab-tile .made-equal {

    position: relative;
    padding-bottom: 3.75em;
}

.ab-tile .ab {

    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

#top .ab-tile strong {

    font-style: italic;
    font-weight: bold;
}

}

/*====================================================
COPPER ADDITIONS
====================================================*/

.copper-above {

	background-color: #BC010F;
	border: 2px solid #740000;
	border-radius: 5px;
	padding: 0.5em;
	text-align: center;
	display: block;
	color: #fff;
	text-decoration: none;
	font-family: arial;
	font-size: 0.9em;
	text-transform: uppercase;	
	line-height: 1em;
	font-weight: bold;
	margin: 0.5em 0 0.5em 0;
}

	.copper-above:hover { color: #fff; background-color: #740000; }

	.copper-above:after { content:" \25BA"; font-size: 1em; }

.new-copper {

	border: 1px solid #ccc;
	border-radius: 10px;
	padding: 1em 1em 0 1em;
	margin: 0 0 0.75em 0;	
	text-align: center;
	background-color: #f1f1f1;
}

	.non-product-section .new-copper h3 span {
	
		background-color: #f1f1f1;
		color: #BC010F;	
	}
	
	.new-copper .copper-above {
	
		max-width: 300px;	
		margin-left: auto;
		margin-right: auto;
	}
	
	#top .new-copper p {
	
		margin: 0;
		padding: 0 0 0.5em 0;	
	}

/*====================================================
HOMEPAGE
====================================================*/

.main-image {

	max-width: 100%;
	height: auto;	
}

.flowery {

	font-size: 1.1em;
	font-weight: bold;
	font-style: italic;
	text-align: center;
	display: block;	
}

@media only screen and (min-width: 1024px) {
	
	font-size: 1.5em;	
}

.video {
	
	text-align: center;
}

	.video-frame {
	
		text-align: center;
	 	max-width: 600px;
	 	overflow: hidden;
	 	display: block;
	 	margin: 0 auto;	
	}

.teaser {
	
	margin-bottom: 1em;
}
	
	.teaser .interior {
		
	}
		
		.teaser .interior div {
			
			text-align: center;
			border-bottom: 2px solid #ccc;
			display: block;
			padding-top: 0.5em;
		}
		
@media only screen and (min-width: 1024px) {

.thirds-container {
	
	height: 1%;
	overflow: auto;
	margin-bottom: 0.5em;
}

	.third {
		
		display: block;
		float: left;
		width: 33.3333333%;	
	}
	
		.third .interior {
			
			padding: 1em 1em 0 1em;
			border: 1px solid #ccc;
			margin: 0.5em;
			border-radius: 5px;
			min-height: 200px;
		}
		
		.third:first-child .interior {
		
			margin-left: 0;	
		}
		
		.third:last-child .interior {
		
			margin-right: 0;	
		}
		
		.thirds-container .third .interior h3 {
			
			font-size: 1.3em;	
		}

.video {

	padding: 1em;
	border-radius: 5px;
	border: 1px solid #ccc;	
	margin-bottom: 1em;
	text-align: center;
}

	.video-frame {
	
		display: inline-block;
		padding: 0.5em;
		border: 1px solid #ccc;
		background-color: #fff;	
		max-width: none;
	}

.teaser {

	text-align: center;
	padding-top: 3px;
	/*padding-bottom: 3px;*/
	background-color: #000;
	/*margin-bottom: 1em;*/
	margin-bottom: 0;
}
	
	.teaser .interior {
	
		border-left: 1px solid #ccc;
		border-right: 1px solid #ccc;	
		background-color: #fff;
		padding: 1em 1em 0 1em;
	}
	
	.teaser .interior div {
	
		display: inline-block;
		width: 250px;
		border: 1px solid #ccc;
		margin: 0 0.5em 1em 0.5em;
		border-radius: 5px;
	}

.teaser.last {
    
    border-bottom: 3px solid #000;
    margin-bottom: 15px;

}

.coming-soon {

	padding-top: 3px;
	padding-bottom: 3px;
	background-color: #000;
	margin-bottom: 1em;
}

.coming-soon p { text-align: center; }

	.coming-soon .interior {
	
		background-color: #fff;
		padding: 1em 1em 0 1em;
		border-left: 1px solid #ccc;
		border-right: 1px solid #ccc;	
	}

}

/*====================================================
UPPER / LOWER
====================================================*/

.upper {
	
	border-bottom: 2px solid #ccc;
	display: block;	
	background-color: #fff;
}

@media only screen and (min-width: 1024px) {

.upper {
	
	background-image: url('http://silverbulletbullion.com/images/bg-gradient.png');	
	background-repeat: repeat-x;
	background-position: 0 0;
}	
}

.lower {

	background-color: #f1f1f1;	
	display: block;
	clear: both;
	border-top: 1px solid #fff;	
}

@media only screen and (min-width: 1024px) {

.lower {	
	
	background-image: url('http://silverbulletbullion.com/images/footer-gradient.png');	
	background-repeat: repeat-x;
	background-position: 0 0 ;
	background-color: #fff;
}
}

	.lower .master-width {
	
		background: none;
		
	}
	
	/*====================================================
	FOOTER
	====================================================*/

	.footer-logo { max-width: 100%; height: auto; border: 0; }

	.footer {
	
		padding: 0;	
		width: 100%;
		overflow: auto;
		font-size: 0.9em;
	}
	
		.footer .one-third {
		
			width: 33.33333%;
			float: left;	
		}
		
		.footer .one-third p {
		
			line-height: 1.4em;
			padding: 0 0 1em 0;	
		}
		
			.footer .one-third .interior {
			
				padding: 1em 1em 0 1em;	
			}
		
		ul.leaving-list {
		
			list-style-type: none;
			padding: 0;
			margin: 0 0 1em 0;
			display: block;	
		}
		
			ul.leaving-list li {
			
				display: block;	
				border-top: 1px solid #666;
				padding: 0.25em 0 0.25em 0;
			}
			
			ul.leaving-list li:first-child {
			
				border-top: 0;
				padding-top: 0;	
			}
			
				ul.leaving-list li a {
				
					text-decoration: none;
					color: #000;	
				}
				
				ul.leaving-list li a:hover { color: #bc010f; }
				
				ul.leaving-list li a:after { content:" \25BA"; font-size: 0.7em; }
				
		@media only screen and (max-width: 760px) {
			
			.footer { font-size: 1em; }
			
			.footer .one-third {
			
				width: 100%;
				float: none;	
			}
		}

/*====================================================
HEADER (MOBILE)
====================================================*/
	
.small-header {

	font-size: 0.9em;
	color: #fff;
	background-color: #000;
	padding: 0.25em 0 0.25em 0;
	height: 1%;
	overflow: auto;
	font-family: arial, sans-serif;
	text-transform: uppercase;
}

	.small-header .left,
	.small-header .right {
		display: block;
		float: left;
		width: 50%;
	}
	
	.small-header .left {
	
		text-align: left;	
	}
	
	.small-header .right {
	
		text-align: right;	
	}
	
	.small-header .left a,
	.small-header .right a {
	
		color: #fff;
		text-decoration: none;	
	}

.header {

	background-color: #284887;
	color: #fff;
	padding: 0.25em;
	height: 1%;
	overflow: auto;
}

	.header h1,
	.header h2 {
	
		display: block;
		font-size: 1.25em;
		font-family: 'Fjalla One', sans-serif;
		text-transform: uppercase;
		text-align: center;
		padding-top: 0.75em;
	}
	
	.header .mobile-expand {
	
		display: block;
		float: right;
		padding: 0.5em;
		font-size: 1.5em;
		background-color: #343434;
		color: #fff;
		text-decoration: none;	
		border-radius: 5px;
		border: 2px solid #000;
	}
	
	.header .mobile-expand:hover {
	
		background-color: #000;	
	}

.nav {

	text-align: left;	
	background-color: #284887;
	color: #fff;
	border-top: 2px solid #fff;
	padding-bottom: 1em;
}

.nav ul {

	list-style-type: none;
	padding: 1em 1em 0.5em 1em;
	margin: 0 0 0 0;	
	border-bottom: 2px solid #fff;
	display: block;
	
}

	.nav ul ul {
	
		padding: 0;	
		border-bottom: 0;
		margin-bottom: 0;
	}

	.nav ul li {
	
		display: block;	
	}
	
		.nav ul li a {
		
			
			display: block;
			color: #fff;
			text-decoration: none;	
			padding: 0.5em 0 0.5em 0;
			border-top: 1px dotted #fff;
			line-height: 1.3em;
		}
		
		.nav ul li:first-child a {
		
			padding-top: 0;
			border-top: 0;	
		}
		
		.nav ul li:first-child ul li a {
			
			padding: 0.5em 0 0.5em 0;
			border-top: 1px dotted #fff;
		}

/*====================================================
HEADER (NON MOBILE)
====================================================*/
		
.header-non-mobile {
	
	/*background-color: #f1f1f1;
	border-bottom: 2px solid #ccc;
	margin-bottom: 1em;*/
	margin: 0 auto;
	max-width: 1024px;
	position: relative;
	
}
	
	.identity {
	
		height: 1%;
		overflow: auto;	
	}
	
	.identity .left { width: 35%; float: left; padding-top: 1em; }
	.identity .middle { width: 30%; float: left; }
	.identity .right { width: 35%; float: left; padding-top: 1.75em; }

	
		.identity .left img {
		
			max-width: 100%;
			height: auto;	
		}
		
		.identity .right .phone {
		
			font-size: 2em;
			padding: 0.25em 0 0.25em 0;	
			font-family: 'Fjalla One', arial, sans-serif;
		}
			
			.identity .right .phone .email,
			.identity .right .phone .fb1 {
			
				font-size: 0.5em;
				font-family: georgia, serif;
				display: block;	
			}
			
			.identity .right .phone .fb1 { padding-top: 0.25em; }

			
@media only screen and (max-width: 600px) {
	
	.identity .left { width: 65%; }
	.identity .middle { width: 35%; }

	.identity .right {
	
		float: none;
		clear: both;
		width: auto;
		padding-top: 0;	
	}
	
}

	
	.header-non-mobile .logo {
		
		display: block;
		width: 137px;
		margin: 0 auto;	
	}
	
		.header-non-mobile .logo a {
		
			display: block;
			overflow: hidden;
			height: 140px;
			width: 137px;
			text-indent: -9999px;
			background-image: url('http://silverbulletbullion.com/images/sbb2.png');
			background-repeat: no-repeat;
			background-position: 0 0;	
		}

	/*============================================================================
	NAVIGATION CASCADING MENU
	============================================================================*/
	
	.non-mobile-nav {
	
		display: block;
		position: relative;
		z-index: 1000;	
		background-color: #f1f1f1;
		text-align: center;
		margin: 0 auto;
		border-bottom-left-radius: 10px;
		border-bottom-right-radius: 10px;
		border-left: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		border-right: 1px solid #ccc;
		background-image: url('http://silverbulletbullion.com/images/nav-gradient.png');
		background-repeat: repeat-x;
		background-position: 0 0;
	}
	@media only screen and (max-width: 1024px) {
	.non-mobile-nav {
		
		border-radius: 0;
		border-left: 0;
		border-right: 0;	
	}	
	}
	
	
	/* 
		LEVEL ONE
	*/
	ul.dropdown                         { position: relative; font-size: 0; }
	ul.dropdown li                      { 	display: inline-block;	
											font-size: 15px;
											vertical-align: top;
											width: 25%;
											font-size: 15px;
											zoom: 1; 
										}
	ul.dropdown a:hover,
	ul.dropdown li.current a		    { color: #000; }
	ul.dropdown a:active                { color: #fff; }
	ul.dropdown li a                    {   display: block;
											color: #999;
											text-decoration: none;	
											font-family: 'Fjalla One', sans-serif;
											padding: 5px 0 5px 0; 
										}
										
	@media only screen and (max-width: 720px) { 
		
		ul.dropdown li a { min-height: 2em; }
	}
										
										
	ul.dropdown li:last-child a         {  } /* Doesn't work in IE */
	ul.dropdown li.hover,
	ul.dropdown li:hover                { background-color: #4574b1; }
	ul.dropdown li.hover a,
	ul.dropdown li:hover a               { color: #fff; }
	
	
	/* 
		LEVEL TWO
	*/
	ul.dropdown ul 						{ width: 291px; visibility: hidden; position: absolute; top: 100%; left: 0; }
	ul.dropdown ul li
										{ width: 290px; display: block; background-color: #4574b1; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; text-align: left; position: relative; }
										  
	                                    /* IE 6 & 7 Needs Inline Block */
	ul.dropdown ul li a,
	ul.dropdown li.current ul li a
										{ padding: 7px 0 7px 5px; color: #fff; min-height: 1em; } 
	
	ul.dropdown ul li a:hover,
	ul.dropdown li.current ul li a:hover,
	ul.dropdown li ul li.current a { color: #fff; background-color: #000; }
	
	/* 
		LEVEL THREE
	*/
	ul.dropdown ul ul 					{ left: 100%; top: 0; }
	ul.dropdown ul ul li { border-left: 0; }
	
	ul.dropdown li:hover > ul 			{ visibility: visible; }


/*============================================================================
BULLET SELECTION (SECONDARY NAV)
============================================================================*/
	
.bullet-selection {

	background-color: #284887;
	border-radius: 10px;
	margin: 0 auto 0.5em auto;
	max-width: 1024px;
}

	.bullet-selection ul {
	
		list-style-type: none;
		padding: 0.5em 0 0 0;	
		display: block;
	}
	
		.bullet-selection ul li {
		
			display: inline-block;	
		}
		
		.bullet-selection ul li.emergency-split {
		
			display: none;
			visibility: hidden;
			height: 1px;
			overflow: hidden;	
		}
		
		@media only screen and (min-width: 1024px) {
		.bullet-selection ul li.emergency-split {
			display: block;
			visibility: visible;
		}
		}
		
			.bullet-selection ul li a {
			
				display: block;
				color: #fff;
				text-decoration: none;	
				font-family: 'Fjalla One', arial, sans-serif;
				padding: 0 1em 0.5em 1em;
			}
			
			.bullet-selection ul li a.current,
			.bullet-selection ul li a:hover {
			
				color: #ffcc00;	
			}

			.bullet-selection ul li a span {
				
				display: block;	
			}
			
			.bullet-selection ul li a span.weight {
			
				font-size: 0.75em;	
				text-transform: capitalize;
				padding-bottom: 0.2em;
			}
			
			.bullet-selection ul li a span.caliber {
			
				font-size: 1.5em;	
				text-transform: uppercase;
			}

@media only screen and (max-width: 1024px) {

.bullet-selection {
	
	border-radius: 0;	
}
}
	
/*====================================================
MASTER WIDTH
====================================================*/

.master-width {

	max-width: 1024px;
	margin: 0 auto;
	background-color: #fff;	
	text-align: left;
}

@media only screen and (min-width: 1024px) {
	
	.product-container {
	
		background-color: #000;	
		padding: 4px 0 4px 0;
	}
	
	.product-bg {
		
		border-left: 1px solid #ccc;
		border-right: 1px solid #ccc;
		background-color: #fff;
	}		
}

/*====================================================
NON PRODUCT SECTION
====================================================*/

.non-product-section {
	
	padding: 1em 1em 0 1em;
	height: 1%;
	overflow: auto;	
	border-top: 2px solid #ccc;
}

	.non-product-section h1,
	.non-product-section h2,
	.non-product-section h3,
	.non-product-section h4,
	.non-product-section h5,
	.non-product-section h6,
	.non-product-section h7,
	.non-product-section h8 {
	
		font-size: 2em;
		display: block;
		margin: 0 0 0.5em 0;
		font-family: 'Fjalla One', sans-serif;
		text-transform: uppercase;
		display: block;
		text-align: center;	
		font-size: 1.5em;
		background-repeat: repeat-x;
		background-position: center center;
		position: relative;
		overflow: hidden;
		line-height: 1.2em;	
		border-bottom: 2px solid #000;
		padding: 0 0 0.25em 0;
		clear: both;
	}
	
	@media only screen and (min-width: 1024px) {
	
	.non-product-section { border-top: 0; }
	
	.non-product-section h1,
	.non-product-section h2,
	.non-product-section h3,
	.non-product-section h4,
	.non-product-section h5,
	.non-product-section h6,
	.non-product-section h7,
	.non-product-section h8 { background-image: url('http://silverbulletbullion.com/images/1x1.png'); font-size: 2em; border-bottom: 0; padding-bottom: 0; }
	
	.non-product-section h1 span,
	.non-product-section h2 span,
	.non-product-section h3 span,
	.non-product-section h4 span,
	.non-product-section h5 span,
	.non-product-section h6 span,
	.non-product-section h7 span,
	.non-product-section h8 span { background-color: #fff; padding: 0 0.5em 0 0.5em; }
	
	}
	
	.non-product-section p {
	
		padding: 0 0 1em 0;
		margin: 0;
		line-height: 1.5em;		
	}
	
	.non-product-section ul,
	.non-product-section ol,
	ul.content-list {
	
		display: block;
		list-style-type: disc;
		padding: 0.5em 0.5em 0 2em;
		margin: 0 0 1em 0;
		background-color: #f1f1f1;
		border: 1px solid #ccc;
		border-radius: 5px;	
	}
	
	.non-product-section ol {
	
		list-style-type: decimal;	
	}
	
		.non-product-section ul li,
		.non-product-section ol li,
		ul.content-list li { 
			
			line-height: 1.4em; 
			border-top: 1px dotted #ccc;
			padding: 0.5em 0 0.5em 0;
		}
		
		.non-product-section ul li:first-child,
		.non-product-section ol li:first-child,
		ul.content-list li:first-child {
			
			border-top: 0;
			padding-top: 0;	
		}
/*====================================================
INFO IMAGE
====================================================*/	
	
	.info-image {
	
		display: block;
		max-width: 290px;
		margin: 0 0 0 0;
		text-align: center;
	}
	
		.info-image img {
		
			display: block;
			margin: 0 auto 0.5em auto;
			padding: 0;
			border: 0;
			max-width: 100%;
			height: auto;
		}
		
		.info-image .info-caption {
		
			text-align: left;
			font-size: 0.9em;
			font-style: italic;	
		}

@media only screen and (min-width: 1024px) {
	
	.info-image {
		
		float: right;
		margin: 0 0 1em 1em;
		border: 1px solid #ccc;
		border-radius: 5px;
		padding: 0.5em 0.5em 0 0.5em;
	}	
}

/*====================================================
SECTION
====================================================*/

.section {

	padding: 1em 1em 0 1em;
	height: 1%;
	overflow: auto;	
	border-top: 2px solid #ccc;
}

.section:first-child {

	border-top: 0;	
}

	.section p,
	.sub-content p {
	
		padding: 0 0 1em 0;
		margin: 0;
		line-height: 1.5em;	
	}
	
	.section h1,
	.section h2,
	.section h3,
	.section h4,
	.section h5,
	.section h6,
	.section h7,
	.section h8 {
	
		font-size: 2em;
		display: block;
		margin: 0 0 0.5em 0;	
	}

@media only screen and (min-width: 1024px) {
	
	.split.left {
		
		display: block;
		float: left;
		width: 65%;
	}	
	
		.split.left .section {
		
			padding-right: 0;	
			padding-top: 0;
			
		}
		
			.split.left .section .featured-image {
			
				border-top: 3px solid #ccc;	
			}
	
	.split.right {
	
		display: block;
		float: left;
		width: 35%;
	}
	
		.split.right .section {
		
			padding-left: 0;
			padding-top: 0;	
		}
	
	.split.none {
	
		clear: both;	
	}
	
	.section {
	
		border-top: 0;
		padding-top: 0;	
	}
}

/*====================================================
PRODUCT TITLE
====================================================*/

.product-title {
	
	border-bottom: 3px solid #000;
}

.section .product-title h1 {

	font-family: 'Fjalla One', sans-serif;
	text-transform: uppercase;
	display: block;
	text-align: center;	
	font-size: 1.5em;
	background-repeat: repeat-x;
	background-position: center center;
	position: relative;
	overflow: hidden;
	line-height: 1.2em;
}
	
	.section .product-title h1 span.title-bg {
	
		background-color: #fff;
		/*padding: 0 0.25em 0 0.25em;*/
	}
	
	.section .product-title h1 span.caliber {
	
		background-color: #fff;
		/*padding-right: 0.25em;*/	
		/*margin-left: -0.25em;*/
	}
	
	.section .product-title h1 span.title-red {
	
		color: #bc010f;	
	}

@media only screen and (min-width: 1024px) {

	.product-title {
	
		padding-top: 1em;	
		border-bottom: 0;
		background-color: #fff;
		padding: 1em 0 0 0;
	}
	
	.section .product-title h1 {
	
		font-size: 2em;	
		text-align: right;
		padding-bottom: 0.5em;
		padding-top: 0.5em;
		background-image: url('http://silverbulletbullion.com/images/1x1.png');
	}
		.section .product-title h1 span.title-bg {
			

			padding: 0 0 0 0.25em;
		}
		
		.section .product-title h1 span.caliber {
			
			padding-right: 0;	
			margin-left: -0.25em;
			display: block;
			position: absolute;
			top: 0.25em;
			left: 0;
			font-size: 1.5em;
			margin-left: 0;
			padding-right: 0.25em;	
		}


}

/*====================================================
FEATURED-IMAGE
====================================================*/

.featured-image {
	
	margin: 0 0 1em 0;
	text-align: center;
	padding: 0;
}

	.featured-image span {
	
		display: block;
		padding: 0;
		margin: 0;
		position: relative;
	}

	.featured-image img {
	
		max-width: 100%;
		height: auto;
		display: block;
		margin: 0 auto;
		padding: 0;
		border: 0;	
	}
	
.caption {
		
	text-align: center;
}
	
	.caption p {
		
		color: #666;
		font-style: italic;	
	}

@media only screen and (min-width: 1024px) {
	
	.featured-image {
		
		text-align: left;	
	}
	
	.featured-image img {
	
		margin: 0 0 0 0;
		padding: 0;	
	}	
}

/*====================================================
SUB SECTION
====================================================*/
	
.sub-section {

	border-top: 3px solid #000;	
}

	.section .sub-section h1,
	.section .sub-section h2,
	.section .sub-section h3,
	.section .sub-section h4,
	.section .sub-section h5,
	.section .sub-section h6,
	.section .sub-section h7,
	.section .sub-section h8 {
	
		font-size: 1em;
		font-weight: bold;
		margin: 0;
		padding: 0.5em 0 0.5em 0;	
		line-height: 1.4em;
	}
	
/*====================================================
DETAILS LIST
====================================================*/

ul.details-list,
ul.gallery-list,
ul.buttons-list {

	display: block;
	margin: 0 0 0 0;
	padding: 0;
	list-style-type: none;
	height: 1%;
	overflow: auto;	
}	

ul.details-list {

	border-top: 1px solid #ccc;	
}
	
	ul.details-list li {
	
		display: block;
		float: left;
		width: 50%;	
		padding: 0;
		margin: 0;
	}
	
		ul.details-list li span {
			
			display: block;
			padding: 0.5em 0 0.5em 0;
			margin: 0;
		}
		
		ul.details-list li:last-child span {
		
			text-align: right;
		}
		
			ul.details-list li span a {
				
			}

/*====================================================
GALLERY LIST
====================================================*/

.gallery-container { margin: 0 0 1em 0; text-align: center; }

@media only screen and (min-width: 1024px) { 
	.gallery-container { text-align: left; }	
}

ul.gallery-list { 
	
	margin: 0;
	font-size: 0;
}

ul.gallery-list li {

	display: inline-block;
}

	ul.gallery-list li span {}
	
		ul.gallery-list li span a {
		
			display: block;
			width: 80px;
			height: 80px;
			padding: 3px;
			background-color: #f1f1f1;
			border: 1px solid #ccc;
			margin: 3px;	
		}
		
		ul.gallery-list li span a:hover,
		ul.gallery-list li span a.selected {
		
			background-color: #000;
			border-color: #000;	
		}
		
			ul.gallery-list li span a img {
			
				display: block;
				padding: 0;
				margin: 0;
				border: 0;
				width: 80px;
				height: 80px;	
			}

/*====================================================
THREE BUTTONS LIST
====================================================*/

ul.three-buttons-list { }

	ul.three-buttons-list li { 
		
		display: block;	
		margin: 0 0 1em 0;	
	}
		
		ul.three-buttons-list li a,
		a.button1 {
		
			display: block;
			padding: 0.75em 0.5em 0.75em 0.5em;
			background-color: #284887;
			border: 2px solid #000;
			color: #fff;
			text-align: center;
			border-radius: 10px;	
			text-decoration: none;
			font-weight: normal;
			text-transform: uppercase;
			font-family: 'Fjalla One', arial, sans-serif;
			letter-spacing: 1px;
			font-size: 0.9em;
		}
		
		a.button1 { display: inline-block; font-size: 1em; }
		
		ul.three-buttons-list li a:after,
		a.button1:after { content:" \25BA"; }
		a.button1.up:after { content:" \25B2"; }

		ul.three-buttons-list li a:hover,
		a.button1:hover {
			
			background-color: #bc010f;
		}

@media only screen and (min-width: 1024px) {
	
	ul.three-buttons-list li a { font-size: 1.4em; }
	
	ul.three-buttons-list {
		
		padding-top: 1em;
		border-top: 1px solid #ccc;	
	}
	
	ul.three-buttons-list li { 
	
		width: 50%;
		float: left;	
	}
	
	ul.three-buttons-list li.left a {
	
		margin-right: 0.5em;	
	}
	
	ul.three-buttons-list li.right a {
	
		margin-left: 0.5em;	
	}
	
	ul.three-buttons-list.true li {
	
		width: 33.3333333%;	
	}
	
	ul.three-buttons-list.true li.last a,
	ul.three-buttons-list.true li.left a,
	ul.three-buttons-list.true li.right a {
		
		margin-left: 0;
		margin-right: 0;
		font-size: 1em;	
	}
	
	ul.three-buttons-list.true li.left a {
		
		margin-right: 0.5em;
	}
	
	ul.three-buttons-list.true li.right a {
		
		margin-left: 0.5em;
		margin-right: 0.5em;	
	}
	
	ul.three-buttons-list.true li.last a {
	
		margin-left: 0.5em;	
	}
	
}
		
/*====================================================
BUTTONS LIST
====================================================*/
/*
ul.buttons-list { }

	ul.buttons-list li {
	
		display: block;	
		margin: 0 0 1em 0;
	}
	
		ul.buttons-list li a,
		a.button1 {
		
			display: block;
			padding: 0.75em 0.5em 0.75em 0.5em;
			background-color: #284887;
			border: 2px solid #000;
			color: #fff;
			text-align: center;
			border-radius: 10px;	
			text-decoration: none;
			font-weight: normal;
			text-transform: uppercase;
			font-family: 'Fjalla One', arial, sans-serif;
			letter-spacing: 1px;
			font-size: 1.4em;
		}
		
		a.button1 { display: inline-block; font-size: 1em; }
		
		ul.buttons-list li a:after,
		a.button1:after { content:" \25BA"; }
		a.button1.up:after { content:" \25B2"; }
		

		
		ul.buttons-list li a:hover,
		a.button1:hover {
			
			background-color: #bc010f;
		}

@media only screen and (min-width: 1024px) {
	
	ul.buttons-list {
		
		padding-top: 1em;
		border-top: 1px solid #ccc;	
	}
	
	ul.buttons-list li { 
	
		width: 50%;
		float: left;	
	}
	
	ul.buttons-list li.left a {
	
		margin-right: 0.5em;	
	}
	
	ul.buttons-list li.right a {
	
		margin-left: 0.5em;	
	}
	
}
*/
/*====================================================
CONTENT
====================================================*/

.content {
	
	border-top: 2px solid #ccc;
	padding-top: 1em;
	margin-top: -1em;	
}

@media only screen and (min-width: 1024px) {
 
	.content {
	
		border-top: 1px solid #ccc;	
		margin-top: 0;
	}	
}

/*====================================================
SUB CONTENT
====================================================*/

.sub-content { 
	
	padding: 1em 1em 0 1em; 
	border-top: 2px solid #ccc;	
}

p.legal-sub-head {

	color: #666;
	text-align: center;
	display: block;
	text-transform: uppercase;
	font-family: arial, sans-serif;
	font-size: 0.9em;	
}

	p.legal-sub-head a {
	
		display: inline-block;
		padding: 0.2em 0.4em 0.2em 0.4em;
		text-decoration: none;
		border-radius: 5px;
		color: #fff;
		background-color: #ccc;	
		margin-left: 0.5em;
	}
	
	p.legal-sub-head a:hover { background-color: #666; }

p.fine-print {

	color: #666;
	font-style: italic;	
}

@media only screen and (min-width: 1024px) {

	.sub-content {
		
		border-top: 0;	
	}
}
	
/*============================================================================
SWIPEBOX
============================================================================*/

html.swipebox {
  overflow: hidden!important;
}

#swipebox-overlay img {
  border: none!important;
}

#swipebox-overlay {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999!important;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

#swipebox-slider {
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
  white-space: nowrap;
  position: absolute;
  display: none;
}

#swipebox-slider .slide {
  background: url("http://silverbulletbullion.com/js/swipebox/img/loader.gif") no-repeat center center;
  height: 100%;
  width: 100%;
  line-height: 1px;
  text-align: center;
  display: inline-block;
}

#swipebox-slider .slide:before {
  content: "";
  display: inline-block;
  height: 50%;
  width: 1px;
  margin-right: -1px;
}

#swipebox-slider .slide img,
#swipebox-slider .slide .swipebox-video-container {
  display: inline-block;
  max-height: 100%;
  max-width: 100%;
  margin: 0;
  padding: 0;
  width: auto;
  height: auto;
  vertical-align: middle;
}

#swipebox-slider .slide .swipebox-video-container {
  background:none;
  max-width: 1140px;
  max-height: 100%;
  width: 100%;
  padding:5%;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}


#swipebox-slider .slide .swipebox-video-container .swipebox-video{
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden;
  position: relative;
}

#swipebox-slider .slide .swipebox-video-container .swipebox-video iframe{
  width: 100%!important; 
  height: 100%!important;
  position: absolute;
  top: 0; left: 0;
}

#swipebox-action, #swipebox-caption {
  position: absolute;
  left: 0;
  z-index: 999;
  height: 50px;
  width: 100%;
}

#swipebox-action {
  bottom: -50px;
}
#swipebox-action.visible-bars {
  bottom: 0;
}

#swipebox-action.force-visible-bars {
  bottom: 0!important;
}

#swipebox-caption {
  top: -50px;
  text-align: center;
}
#swipebox-caption.visible-bars {
  top: 0;
}

#swipebox-caption.force-visible-bars {
  top: 0!important;
}

#swipebox-action #swipebox-prev, #swipebox-action #swipebox-next,
#swipebox-action #swipebox-close {
  background-image: url("http://silverbulletbullion.com/js/swipebox/img/icons.png")!important;
  background-repeat: no-repeat;
  border: none!important;
  text-decoration: none!important;
  cursor: pointer;
  position: absolute;
  width: 50px;
  height: 50px;
  top: 0;
}

#swipebox-action #swipebox-close {
  background-position: 15px 12px;
  left: 40px;
}

#swipebox-action #swipebox-prev {
  background-position: -32px 13px;
  right: 100px;
}

#swipebox-action #swipebox-next {
  background-position: -78px 13px;
  right: 40px;
}

#swipebox-action #swipebox-prev.disabled,
#swipebox-action #swipebox-next.disabled {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
  opacity: 0.3;
}

#swipebox-slider.rightSpring {
  -moz-animation: rightSpring 0.3s;
  -webkit-animation: rightSpring 0.3s;
}

#swipebox-slider.leftSpring {
  -moz-animation: leftSpring 0.3s;
  -webkit-animation: leftSpring 0.3s;
}

@-moz-keyframes rightSpring {
  0% {
    margin-left: 0px;
  }

  50% {
    margin-left: -30px;
  }

  100% {
    margin-left: 0px;
  }
}

@-moz-keyframes leftSpring {
  0% {
    margin-left: 0px;
  }

  50% {
    margin-left: 30px;
  }

  100% {
    margin-left: 0px;
  }
}

@-webkit-keyframes rightSpring {
  0% {
    margin-left: 0px;
  }

  50% {
    margin-left: -30px;
  }

  100% {
    margin-left: 0px;
  }
}

@-webkit-keyframes leftSpring {
  0% {
    margin-left: 0px;
  }

  50% {
    margin-left: 30px;
  }

  100% {
    margin-left: 0px;
  }
}

@media screen and (max-width: 800px) {
  #swipebox-action #swipebox-close {
    left: 0;
  }

  #swipebox-action #swipebox-prev {
    right: 60px;
  }

  #swipebox-action #swipebox-next {
    right: 0;
  }
}


/* Skin 
--------------------------*/
#swipebox-overlay {
  background: #0d0d0d;
}

#swipebox-action, #swipebox-caption {
  text-shadow: 1px 1px 1px black;
  background-color: #0d0d0d;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0d0d0d), color-stop(100%, #000000));
  background-image: -webkit-linear-gradient(#0d0d0d, #000000);
  background-image: -moz-linear-gradient(#0d0d0d, #000000);
  background-image: -o-linear-gradient(#0d0d0d, #000000);
  background-image: linear-gradient(#0d0d0d, #000000);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=95);
  opacity: 0.95;
}

#swipebox-action {
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}

#swipebox-caption {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  color: white!important;
  font-size: 15px;
  line-height: 1.4em;
  padding-top: 0.2em;
  font-family: Helvetica, Arial, sans-serif;
  height: auto;
  min-height: 10px;
}