/* REDFIELD WEBSITE MAIN CSS CODE */
/* Updated February, 2010 by Adriel Henderson*/

/* CLEARING & SETUP */

/* This site has a baseline of 20px and a font size of 11px. */
/* For natural rhythm use vertical and horizontal grid spaces of 18px. */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p,  a, font, img, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, img, button {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

.ir {
	overflow: hidden;
	white-space: nowrap;
	text-indent: 100%;
}

sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.25em;
}

@font-face {
  font-family: 'clarendonbold';
  src: url('../_media/fonts/clarendonbold.eot');
  src: url('../_media/fonts/clarendonbold.eot#iefix') format('embedded-opentype'),
       url('../_media/fonts/clarendonbold.woff') format('woff'),
       url('../_media/fonts/clarendonbold.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
	font-family: 'clarendonexbold';
	src: url('../_media/fonts/clarendonexbold.eot');
	src: url('../_media/fonts/clarendonexbold.eot#iefix') format('embedded-opentype'),
	     url('../_media/fonts/clarendonexbold.woff') format('woff'),
	     url('../_media/fonts/clarendonexbold.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;

}
@font-face {
  font-family: 'octin_vintage_a_rg';
  src: url('../_media/fonts/octinvintagearg-regular-webfont.eot');
  src: url('../_media/fonts/octinvintagearg-regular-webfont.eot#iefix') format('embedded-opentype'),
       url('../_media/fonts/octinvintagearg-regular-webfont.woff') format('woff'),
       url('../_media/fonts/octinvintagearg-regular-webfont.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'octin_vintage_a_rg_bold';
  src: url('../_media/fonts/octinvintagearg-bold-webfont.eot');
  src: url('../_media/fonts/octinvintagearg-bold-webfont.eot#iefix') format('embedded-opentype'),
       url('../_media/fonts/octinvintagearg-bold-webfont.woff') format('woff'),
       url('../_media/fonts/octinvintagearg-bold-webfont.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'octin_vintage_b_rg_bold';
  src: url('../_media/fonts/octinvintagebrg-bold-webfont.eot');
  src: url('../_media/fonts/octinvintagebrg-bold-webfont.eot#iefix') format('embedded-opentype'),
       url('../_media/fonts/octinvintagebrg-bold-webfont.woff') format('woff'),
       url('../_media/fonts/octinvintagebrg-bold-webfont.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'octin_vintage_b_rg';
  src: url('../_media/fonts/octinvintagebrg-regular-webfont.eot');
  src: url('../_media/fonts/octinvintagebrg-regular-webfont.eot#iefix') format('embedded-opentype'),
       url('../_media/fonts/octinvintagebrg-regular-webfont.woff') format('woff'),
       url('../_media/fonts/octinvintagebrg-regular-webfont.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

html {
	background: #0f0f0f url(../_media/rebrand/redfield-bg.jpg) 0 0;
}

body {
	font-size:68.75%; /*For IE, sets to 11px font-size but allows it to remain scalable (from the normal 16px in IE)*/
	line-height:1.818181818181818em; /*Sets to 20px line height*/
	font-family: Tahoma, Geneva, sans-serif;
	color: #ececec;
	background: url(../_media/rebrand/redfield-bg-top.jpg) repeat-x !important;
}

html>body {
	font-size:11px; /*For Firefox and Safari*/
}

table { /* tables still need 'cellspacing="0"' in the markup */
	border-collapse: collapse;
	border-spacing: 0;
}

caption, th, td {
	text-align: left;
	font-weight: normal;
}

p {
	padding-bottom: 1.818181818181818em;
}

a {
	color:inherit;
	text-decoration:underline;
	outline: none;
}

h1, h2, h3, h4, h5 {
	color: #cd352d;
	font-weight:bold;
}

h1, h2, h3 {
	font-family:"Georgia", serif;
	letter-spacing:.03em;
}

h1 {
	font-size:2.727272727272727em; /*Sets font size of 30px */
	line-height:1.2em; /*Sets baseline of 36px */ 
	text-transform:uppercase;
	padding-bottom:0.666666666666667em;
}

h2 {
	font-size:1.636363636363636em; /*Sets font size of 18px */
	line-height:1.333333333333333em; /*Sets baseline of 24px */
	text-transform:uppercase;
	padding-bottom:1.111111111111111em;
}

h3, h4 {
	font-size:1.090909090909091em; /*Sets font size of 12px */
	line-height:1.666666666666667em; /*Sets baseline of 20px */
	padding-bottom:1.666666666666667em;
}

h5 {
	font-size:1em; /*Sets font size of 11px */
	line-height:1.818181818181818em; /*Sets baseline of 20px */
	padding-bottom:1.818181818181818em;
}

.title {
  padding-bottom: 0;

  font-family: 'clarendonbold',serif;
  font-weight: normal;
  letter-spacing: 0.1em;
  -webkit-font-smoothing: antialiased;
}

  .title span {
    color: #b1b1b1;
    font-size: 66%;
  }

/* END CLEARING & SETUP */

/* COMMON TOOLS & DECORATIONS */

.FPO { /*For marking up text that needs to be modified*/
	color:red;
	font-weight:bold;
	text-transform:uppercase;
	border:1px solid red;
	padding:5px;
}

.hide {
	display:none;
}

.hideScreen {
	display:none; /*Hidden only on the screen stylesheet - revealed for print*/
}

.printable_dashline {
	display:none;
}

.noLeading { /*Kills any default padding below paragraphs or headers*/
	padding-bottom:0;
	margin-bottom:0;
}

.clearing { /*place directly before close of a div which contains floats*/
	clear:both;
	height:0px;
	overflow:hidden;
	display:block;
}

p.caption { /*Creates a paragaph in italics with a border to the left - place below a picture*/
	border-left:1px solid #bababa; 
	padding-left:13px;
	font-style:italic; 
	padding-bottom:0; 
	color:#737373;
	margin-bottom:1.818181818181818em; /*Transfer baseline from a padding to a margin so the line doesn't extend beyond text */ 
}

	p.caption a {
	    color:#737373;
	}

.dashline { /*.dashline classed divs create a red dotted horizontal rule. Include an hr within the div if appropriate as an HTML divider but is not required. */
	clear: both;
	height: 4px;
	overflow:hidden; /*Needed for IE 6 to collapse the div correctly if there is no hr element within it*/
	width: 100%;
	max-width: 901px;
	margin: auto;
	background: url(../_media/rebrand/border_dashed.png) 0 0 repeat-x;
	padding-bottom:1.818181818181818em;
}

	.dashline hr {
		display: none;
	}

.indent { /*Brings left and right margins in by the equivalent of one line height*/
	padding-left:18px;
	padding-right:18px;
}

.indent ul p:last-child {
	padding-bottom: 0;
}

a.zoom {
	background-image:url(https://www.redfield.com/_media/template/zoom_icon.gif);
	background-position:right top;
	background-repeat:no-repeat;
	color:red;
	padding-right:22px;
	text-decoration:none;
	font-size:8px;
	line-height:17px; /*Use this instead of padding so box model doesn't break in IE*/
	display:block;
	height:17px;
	overflow:hidden;
	text-align:right;
	float:right;
	margin-top:5px;
	width:auto; /*Modify inline if needed longer*/
}

	a.zoom:hover {
		background-position:right bottom;
		text-decoration:underline;
	}

.right {
  float: right;
  margin-left: 5px;
  margin-bottom: 5px;
}

.left {
  float: left;
  margin-right: 5px;
  margin-bottom: 5px;
}

.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

/*END COMMON TOOLS & DECORATIONS */

/*LIST STYLES*/

ol, ul {
	padding:0px 0px 1.818181818181818em;
	margin:0px;
}

ol {
	list-style-type:decimal;
	margin-left:36px;
}

	ol li {
		padding-left:0px;
	}

ul {
	list-style-type: none;
	height:1%; /* Gets rid of peak-a-boo bug in IE 6 by triggering hasLayout for this element */
}

	ul.indent { /*Matches the indent amount found an OL list*/
		margin-left:22px;
		padding-left:0px; /*Overrides the normal "indent" style*/
		padding-right:0px; /*Overrides the normal "indent" style*/
	}

	ul li {
	  /*
		background-image: url(https://www.redfield.com/_media/template/listmarker_cross.gif);
		background-repeat: no-repeat;
		background-position: 0px 6px; 
		*/
		position: relative;
		padding-left: 5px;
	}
	
	  ul li:before {
	  
      content: '+';
      position: absolute;
      left: -5px;
	  }

/*END LIST STYLES*/

/*FORM ELEMENTS*/

/*Place a span around each label/input group for labels to be automatically placed above inputs - no need for a class or ID.*/

form {
	margin-bottom:1.818181818181818em;
}

form span {
	display:inline-block;
	position:relative;
}

form span label {
	position:absolute;
	top:5px; /*Moves label above input, measuring from the top gives most consistent placement.*/
	font-style:italic;
	color:#555555;
}

form span input {
	margin-top:22px; /*Room for the labels to be placed on top of the inputs.*/
	font: 10px/12px Tahoma, Geneva, sans-serif; /*Clears browsers own form style font*/
	color:#555555; /*Grayed out slightly*/
	margin-right:.2em; /*Space between inputs - For the sake of IE 6, overriden for other browsers below*/
}

form span.noPad input {
	margin-top:0px;
}

form span input[type="text"], form span input[type="password"], form span input[type="submit"], form span input[type="reset"] {
	padding:2px 4px; /*Space inside the input box*/
	border: 1px solid #a09d98;
	margin-right:.5em;
}

form span input[type="submit"], form span input[type="reset"] { /*This won't work on IE 6, but will affect the other browsers. */
	background-color: #c7c1b1;
	cursor:pointer;
}

form span input[type="submit"]:hover, form span input[type="reset"]:hover {
	background-color:#b7b1a1;
}

form span input[type="submit"] {
	font-weight:bold;
	color:#323232;
}

form span input[type="radio"], form span input[type="checkbox"] {
		margin-top:24px; /*A little extra spacing is needed between the label and the input on these*/
}

/*END FORM ELEMENTS*/

/* CONTENT LAYOUT */

/*Columns*/

.layout_oneColumn, .layout_twoColumn { /* Anywhere in site throw one of these around text content for appropriate guttering, add an appropriate wrapper div inside for each row of text type. */
	padding:0px;
	position:relative;
	height:1%; /* Gets rid of peak-a-boo bug in IE 6 by triggering hasLayout for this element */
}

/*Single column layout wrappers*/

.layout_oneColumn .wrapper_basic {
	padding:0px 15px 0px 23px;
	
}

/*Two column layout wrappers*/

.layout_twoColumn .firstColumn {
	float: left;
	width: 601px;
	position:relative;
}

.layout_twoColumn .secondColumn {
	float: right;
	width: 309px;
	position:relative;
}

.layout_twoColumn .firstColumn .wrapper_basic {
	padding:0px 55px 0px 23px;
}

.layout_twoColumn .secondColumn .wrapper_basic {
	padding:0px 15px 0px 32px;
}

.layout_twoColumn .secondColumn .wrapper_caption { /*Creates a paragaph in italics with a border to the left - place below a picture*/
	margin-bottom:1.818181818181818em;
	margin-left:10px;
	padding:0px 15px 0px 21px;
	border-left:1px solid #bababa; 
	color:#737373;
}

.layout_twoColumn .secondColumn .wrapper_caption p {
	width:95%; /*Keeps IE 6 from breaking the box*/
	font-style:italic;
}


	.layout_twoColumn .secondColumn .wrapper_caption a {
	    color:#737373;
	}
	
.layout_twoColumn .secondColumn .wrapper_dashed { /*Creates a paragaph in italics with a border to the left - place below a picture*/
		margin-bottom:1.818181818181818em;
		padding:0px 15px 0px 21px;
		margin-left:10px;
		border-left:1px dashed #CD352D; 
	}

.layout_twoColumn .firstColumn .wrapper_featureIcon, .layout_twoColumn .firstColumn .wrapper_featureIcon_wide {
	/*Standard "icon boxes" are 80px wide, but the icon can break out of the box to the right and bottom (up to 105px wide)*/
	/*Wide "icon boxes" are 135px wide, and can break out up to 160px wide*/ 
	padding:0px 55px 0px 23px;
	clear:both;
}

	.layout_twoColumn .firstColumn .wrapper_featureIcon h5, .layout_twoColumn .firstColumn .wrapper_featureIcon_wide h5 {
		padding-bottom:0px;
	}
	
	.layout_twoColumn .firstColumn .wrapper_featureIcon div.icon, .layout_twoColumn .firstColumn .wrapper_featureIcon_wide div.icon {
		width:78px; /*This defines the right edge of the icon and text below it. You can break out of the icon box and the wider icon will still show. There is 105 pixels to the margin of the next column. */
		height: 99%;
		margin-bottom: 1.818181818181818em;
		overflow:hidden;
		float:left;
		clear:left;
		text-align:right;
		padding-bottom: 0; /* To ensure there is a full line-height below whatever is in the left column in case it is longer than the right*/
		
	}
	
	.layout_twoColumn .firstColumn .wrapper_featureIcon div.icon img, .layout_twoColumn .firstColumn .wrapper_featureIcon_wide div.icon img {
  	margin: -1px;
  	
    -moz-border-radius: 13px;
    -webkit-border-radius: 13px;
    border-radius: 13px;
	}
	.layout_twoColumn .firstColumn .wrapper_featureIcon div.icon a.zoom {
		width:80px; / width:58px; /*Modify inline if needed longer*/
	}

	.layout_twoColumn .firstColumn .wrapper_featureIcon div.description, .layout_twoColumn .firstColumn .wrapper_featureIcon_wide div.description {
		float:right;
		width:418px;
		clear:right;
	}
	
	/*Now some changes specific to the wide version*/
	
	.layout_twoColumn .firstColumn .wrapper_featureIcon_wide div.icon {
		width:135px; /*This defines the right edge of the icon and text below it. You can break out of the icon box and the wider icon will still show. */
	}
	
	.layout_twoColumn .firstColumn .wrapper_featureIcon_wide div.description {
		width:363px;
	}
	
	.layout_twoColumn .firstColumn .wrapper_featureIcon_wide div.icon a.zoom {
		width:135px; / width:113px;
	}
	
.layout_twoColumn .secondColumn .wrapper_sidebarWhitesheet {
	width:309px;
	color: #000000;
}
	
.layout_twoColumn .secondColumn .wrapper_sidebarWhitesheet .top { /*Content should not go in this section*/
	background-image:url(https://www.redfield.com/_media/rebrand/sidepaper_top.png);
	height:60px;
	background-repeat:no-repeat;
	background-position: 1px 0;
}

.layout_twoColumn .secondColumn .wrapper_sidebarWhitesheet .mid {
	background-image:url(https://www.redfield.com/_media/rebrand/sidepaper_mid.png);
	/*background-repeat:repeat-y;*/
	padding:0px 25px 0px 32px;
}

	.wrapper_sidebarWhitesheet .mid p, .wrapper_sidebarWhitesheet .mid h4, .wrapper_sidebarWhitesheet .mid h5 { /*Let's tighten leading up on all used elements in this box*/
		padding-bottom:4px;
		text-align:center;
	}
	
	.wrapper_sidebarWhitesheet .mid .dashline {
		padding-bottom:9px;
	}

	.wrapper_sidebarWhitesheet .mid h4, .wrapper_sidebarWhitesheet .mid h5 { /*Center up the headers*/
		/*text-align:center;*/
	}

	.wrapper_sidebarWhitesheet .mid h5 { /*We'll use this for subheading*/
		color:#323232;
	}
	
	.wrapper_sidebarWhitesheet .mid:first-child { /*This won't work in IE8, but we might be stuck with it */
	
	}
	.wrapper_sidebarWhitesheet .mid *:last-child { /*This won't work in IE8, but we might be stuck with it */
    /*margin-bottom: -40px;
    padding-bottom: 0;
*/
	}
	
	.wrapper_sidebarWhitesheet ul.mediaFeature {
		padding-bottom:9px;
	}
	
		.wrapper_sidebarWhitesheet ul.mediaFeature li {
			background-image:none; /*Override normal list style*/
			padding-left:0px; /*Override normal list style*/
			text-align:center;
		}
		
		.wrapper_sidebarWhitesheet ul.mediaFeature li a {
			display:block;
			text-decoration:none;
			border:0px;
			cursor:pointer;
			}
			
		.wrapper_sidebarWhitesheet ul.mediaFeature li strong { color: #cd352d; }
		
		.wrapper_sidebarWhitesheet ul.mediaFeature li a .featurePhoto { 
			height:145px; /*Figures a 252x142px thumbnail*/ 
			/*background-image:url(https://www.redfield.com/_media/videothumbnails/hero.jpg);*/ /*Change out the background image inline in the html*/
			background-repeat:no-repeat;
			background-position:left top;
			display:block;
		}
		
		.wrapper_sidebarWhitesheet ul.mediaFeature li a:hover {
			background-color:#cccccc;
		}
	
	.wrapper_sidebarWhitesheet ul.mediaPlaylist {
		border:1px solid #bbbbbb;
		font-size:9px;
		line-height:12px;
		padding-bottom:0px;
		margin-bottom:9px;
		clear:both;
		height:200px; /* Add the "noScroll" class below if you don't want a fixed height or scrolling*/ 
		overflow:auto; /*Remove this is you don't want the playlist to scroll*/
	}
	
		.wrapper_sidebarWhitesheet ul.mediaPlaylist.noScroll {
			height:auto;
			overflow:hidden;
		}

		.wrapper_sidebarWhitesheet ul.mediaPlaylist li {
			background-image:none; /*Override normal list style*/
			margin:0px 4px;
			padding:4px 0px;
			border-bottom:1px solid #bbbbbb;
		}

			.wrapper_sidebarWhitesheet ul.mediaPlaylist li.last {
				border-bottom:0px;
			}
		
			.wrapper_sidebarWhitesheet ul.mediaPlaylist li a {
				display:block;
				height:60px;
				overflow:hidden;
				padding-left:83px; /*Figures a 75px by 60px thumbnail*/
				background-repeat:no-repeat;
				background-position:left top;
				/*background-image:url(https://www.redfield.com/_media/videothumbnails/thumb2.jpg);*/ /*Change out the background image inline in the html*/
				text-decoration:none;
			}
	
			.wrapper_sidebarWhitesheet ul.mediaPlaylist li a:hover {
				background-color:#cccccc;
			}

.layout_twoColumn .secondColumn .wrapper_sidebarWhitesheet .bottom { /*Content should not go in this section*/
	background-image:url(https://www.redfield.com/_media/rebrand/sidepaper_bottom.png);
	height:70px;
	background-repeat:no-repeat;
	background-position: 1px bottom;
}

/*Four column layout wrappers*/

.layout_fourColumnPostit {
	margin-bottom:1.818181818181818em;
}

	.postit {
		padding: 0 8.75px;
		height:260px;
		width:210px;
		overflow:hidden;
		float:left;
		position:relative;
		text-align:center;
		display:block;
		font-size:10px;
		line-height:18px;
		
		color: #ececec;
		background: transparent url(../_media/rebrand/vertical_divider.png) no-repeat right center;
	}

		.postit.last {
			padding-right:0px;
			background-image: none;
		}
	
		.postitLink, .postitImage {
			display:block;
			text-align:center;
			width:100%;
			height:1%;
			position:absolute;
			left:0px;
		}
		
		.postit .title { white-space: nowrap; }

		.postitLink {
			top:220px;
		}

		.postitLink a {
			color: #cd352d;
		}

		.postitImage {
			top:105px;
		}

		.postitImage.revolution {
			top:134px;
		}

		.postitImage img { /*Overrides right align on the images for the purpose of printable and raw HTML*/
			float:none;
		}
	

	.wrapper_postit {
		padding: 12px 12px 20px;
	}

		.wrapper_postit p { /*Let's bring the paragraph padding just a bit further in from the walls than what the title is allowed to span*/
		  max-width: 170px;
		  margin: auto;
		} 

/* Whitesheet */

.whitesheet { /*Place inside of .bodyRepeat for a white page background, use .layout_oneColumn or .layout_twoColumns for text placement within*/
	width:910px;
	padding-bottom:1.818181818181818em;
	position:relative;
	
	color: #323232;
}

	.whitesheet .top {
		background-image:url(../_media/rebrand/whitepaper_top.png);
		height:41px;
		background-repeat:no-repeat;
	}

	.whitesheet .mid {
		background-image:url(../_media/rebrand/whitepaper_mid.png);
		background-repeat:repeat-y;
	}

	.whitesheet .bottom {
		background-image:url(../_media/rebrand/whitepaper_bottom.png);
		height:53px;
		background-repeat:no-repeat;	
	}

	.whitesheet .layout_oneColumn, .whitesheet .layout_twoColumn {
		padding:0px 10px;
	}

	.whitesheet .layout_twoColumn .firstColumn {
		float: left;
		width: 591px;
		position:relative;
	}

	.whitesheet .layout_twoColumn .secondColumn {
		float: right;
		width: 299px;
		position:relative;
	}

/*Sidebar Whitesheet*/

.sidebarWhitesheet {
	
}

/*END CONTENT LAYOUT */



/* MASTER PAGE LAYOUT ELEMENTS */

.pagewrapper {
	width: 940px;
	margin: 0 auto!important;
	position: relative;
	overflow: hidden;
}

/* Header - A child of wrapper */

#printerheader {
	visibility:hidden;
	display:none;
}

.header {
	width: 100%;
	margin-top: 15px;
	background: url(../_media/rebrand/content_bg_top.png) 0 0 no-repeat;
	height: 58px;
	position:relative;
	font: 12px "Courier New", Courier, monospace;
	line-height:18px;
}

	.logo {
		position: absolute;
		top: 16px;
		left: 20px;
		display: block;
		height: 36px;
		width: 176px;
		
		background: url(../_media/rebrand/redfield_logo.png) no-repeat;
	}
	
		.logo a {
			display: block;
			height: 100%;
			width: 100%;
		}
	
	.tagline {
		position: absolute;
		top: 29px;
		left: 212px;
		display: block;
		height: 15px;
		width: 87px;
		
		background: url(../_media/rebrand/redfield_tag_no-excuses.png) no-repeat;
	}

	.searchtag {
		position:absolute;
		right: 20px;
		top: 0px;
		width: 186px;
		height: 48px;
	}

		.searchtag .inputs {
			width: 110px;
			height: 20px;
			border: 1px solid #000000;
			background: rgba(255,255,255,0.1);
			display: inline;
			float: left;
			margin: 13px 0 0 16px;
			color: #ffffff;
			padding: 0 5px; 
			font: 12px "Courier New", Courier, monospace;
		}

		.searchtag .go {
			color: #000000;
			color: rgba(0,0,0,0.77);
			border: 1px solid #000000;
			border: 1px solid rgba(0,0,0,0.25);
			background: #484848;
			background: rgba(255,255,255,0.25);
			float: left;
			margin: 16px 0 0 5px;
			padding: 3px 3px 0;
			font: bold 12px "Courier New", Courier, monospace;
			line-height:12px;
			cursor:pointer;
			text-transform: uppercase;
			display: inline-block;
			
			-webkit-appearance: none;
		}

	ul.topnav {
		position:absolute;
		right:20px;
		bottom:1px;
		padding:0px; /*Override default 1.8em bottom padding for lists*/
		height:auto; /*Override default 1% height for lists (due to peak-a-boo bug)*/
		list-style-type:none;
		
		color: #cd352d;
	}

		ul.topnav li {
			background-image:none; /*Override default list image*/
			padding:0px;
			margin:0px;
			display:inline-block;
		}
		ul.topnav li:before {
		  content: '';
		  display: none;
		}
		
		ul.topnav li a:after {
			position: relative;
			left: 10px;
			margin: 0;
			content: '';
			
			color: #cd352d;
		}

		ul.topnav li:nth-child(4) a:after, 
		ul.topnav li:nth-child(5) a:after { content: ''; }

		ul.topnav li a {
			color: #cd352d;
			text-decoration:none;
		}

		ul.topnav li a:hover {
			text-decoration:underline;
		}
		
		ul.topnav li.topnav_home { /*Turn the home link into a clickable overlay placed over the Redfield logo in the header*/
			position:absolute;
			top:-30px;
			right:720px;
			width:186px;
			height:42px;
		}
		
			ul.topnav li.topnav_home a {
				display:block;
				width:100%;
				height:100%;
			}
		
			ul.topnav li.topnav_home a span {
				display:none;
			}

/* Body - A child of pagewrapper  */

.bodyRepeat {
	background: url(../_media/rebrand/content_bg_mid.png) -1px 0 repeat-y;
	width: 910px;
	padding: 0 15px;
	overflow: hidden;
}

  .bodyRepeat .dashline:nth-child(1) {
    padding-bottom: 17px;
    
    background-image: url(../_media/rebrand/border_header.png);
  }
  
/* Footer - A child of pagewrapper  */

#footer {
	background: url(../_media/rebrand/content_bg_bottom.png) -1px 100% no-repeat;
	text-align: left;
	height:auto;
	width: 910px;
	margin-bottom:18px;
	position:relative;
	padding: 0 15px 62px;
	font-size:10px;
	line-height:18px;
	
	color: #b2b2b2;
}

  #footer a {
    color: #b1b1b1;
    
    font-weight: normal;
  }

  .american-hunting {
  	width: 376px;
  	height: 14px;
  	padding-bottom: 6px;

  	background: url(../_media/rebrand/title_american-hunting-legacy.png) no-repeat
  }

  #footer ul li {
    background-image: none;
  }
  
	#footer p#legal {
		position:absolute;
		left:195px;
		bottom:11px;
		width: 400px;
		font: bold 11px/14px "Courier New", Courier, monospace;
		color:#000000;
	}

	#footer p#legal a {
    color:#000000;
    text-decoration: none;
    font-weight: bold;
    font-size: 11px;
  }
  
	#footer .layout_oneColumn { /*Combines the functionality of the single column layout and the wrapper into one for the special needs of the footer*/
		/*padding:0px 15px 0px 23px;*/
		padding:0px 380px 0px 23px;
	}

	.footerNavColumn {
		max-width: 180px;
		float: left;
		display: inline;
/*		position: relative; */
		padding-left:40px;
	}

	.footerNavColumn:nth-child(1) { padding-left: 0; }

	.footerNavColumn ul li {
  	padding-left: 5px;
	}
	
	.footerNavColumn ul li:before {
    content: '+';
    position: relative;
    left: -5px;
    color: #b1b1b1;
  }

	.footerNavColumn li, .footerNavColumn li a {
		font-size:10px;
		color:#333;
	}
	
	.footerNavColumn li.footer_home { /*Turn the home link into a clickable overlay placed over the Redfield logo in the footer*/
		position:absolute;
		bottom:-43px;
		left:5px;
		width:170px;
		height:42px;
		padding:0px;
		background-image:none;
		line-height: 0;
	}
	
	#footer .footerNavColumn li.footer_home:before { content: '';}
	
		.footerNavColumn li.footer_home a {
			display:block;
			width:100%;
			height:100%;
			
			background: url(../_media/rebrand/logo_footer.png) no-repeat;
		}
	
		.footerNavColumn li.footer_home a span {
			display:none;
		}

	/*CONNECT BOX - Part of Footer*/

	#connectBox {
		width: 364px;
		height: 255px;
		background: url(../_media/rebrand/connect-box_bg.png) no-repeat left top;
		text-align: left;
		font: 11px/12px "Courier New", Courier, monospace; /*Courier does not look good below 11px*/
		position: absolute;
		right: 13px;
		bottom: -4px;
		color: #333;
		z-index: 10;
		overflow:hidden;
		
		color: #000000;
		
		text-align: right;
	}

	.wide-footer #connectBox {
  	bottom: -50px;
	}

		#connectBox .layout_oneColumn {
			padding: 27px 20px 0 23px;
		}

		#connectBox a {
			color: #000000;
			font-weight: normal;
			text-decoration:none;
			border-bottom: 0px solid #aaaaaa; /*Overrides the overly black underline that the browsers are defaulting to with this font color*/
		}

		#connectBox h4 {
			font-size:12px;
			line-height:12px;
			padding:0;
			margin:0;
			
			color: #000000;
  		-webkit-font-smoothing: antialiased;
  		
  		text-align: left;
		}

		#connectBox .dashline { /* In the connectbox, this device adds the padding between rows */
			/*margin:1em .5em 1em 0px;*/
			margin:.5em .5em 1em 0px;
			padding:0px;
			width:auto;
			clear:both;
			background: url(https://www.redfield.com/_media/rebrand/border_connect-box.png) 0 0 repeat-x;
		}

		#connectBox p {
			padding-bottom:0; /*Don't want standard double line after paragraphs in this box*/
			color: #ffffff;
			
			text-align: left;
		}

		#connectBox input { /*Need to be explicit about fonts in form inputs*/
			margin-right:5px;
			font: 11px/12px "Courier New", Courier, monospace; /*Courier does not look good below 11px*/
			height:14px;
			margin-top:18px; /*We don't need quite so much margin above these form fields. */
		}

		#connectBox label {
  		color: #000000;
  		
  		font-weight: bold;
  		font-style: normal;
  		-webkit-font-smoothing: antialiased;
  		
		}

		#connectNewsletter {
			padding-bottom:5px; /*Needs a bit more space below than the rest of the rows*/
		}

			#connectNewsletter form {
				margin-bottom:.4em;
			}

			#connectNewsletter #fieldFirst {
				width: 78px;
			}

			#connectNewsletter #fieldEmail {
				width: 121px;
			}

			#connectNewsletter #fieldSubscribe {
        width: 100%;
        height:20px;
        padding-top:2px;
        padding-bottom:2px;
        margin-top:22px;
        
        color: #ffffff;
        
        border: 1px solid #323232; /* stroke */
        border: 1px solid rgba(0,0,0,.31); /* stroke */
        background-color: #3f3f3f; /* color overlay */
        background-color: rgba(0,0,0,.12); /* color overlay */
			}

		#connectGroups .groupDescription {
			float:left;
			width:161px; /*Adjust until icons line up nicely to the right*/
		}

			#connectGroups ul {
				height:auto; /*Override default 1% height for lists (due to peak-a-boo bug)*/
				list-style-type:none;
				padding-bottom:0;
				float:left;
				width:159px; /*Set to 53 pixels multiplied by the number of icons - IE 6 needs this to keep list open to right width*/
			}

			#connectGroups li {
				background-image:none; /*Override default list image*/
				padding:0px;
				margin:0px;
				float:left;
				padding-left:5px;
			}
			
			  #connectGroups li:before { content: ''; }

			#connectGroups li a {
				width:48px;
				height:48px;
				display:block;
				border:0;
			}

			#connectGroups li a span {
				display:none;
			}

			#connectGroups li a.YouTube {
				background-image:url(https://www.redfield.com/_media/social_media_icons/48pix/youtube.png);
			}

			#connectGroups li a.Flickr {
				background-image:url(https://www.redfield.com/_media/social_media_icons/48pix/flickr.png);
			}

			#connectGroups li a.Facebook {
				background-image:url(https://www.redfield.com/_media/social_media_icons/48pix/facebook.png);
			}

		#connectShare {
			float:right;
			text-align:center;
			padding-right:5px;
		}
		
			#connectShare a {
				border:0px;
				float:left;
			}

			#connectShare h4 {
				float:left;
				padding-top:6px;
				padding-right:.5em;
				padding-bottom:0px;
			}

			#connectShare .addthis_default_style .at300b, #connectShare .addthis_default_style .at300m {
				padding:0px;
			}

	/*END CONNECT BOX - Part of footer*/

/* END MASTER PAGE LAYOUT ELEMENTS */

/* THIRD PARTY PLUGIN STYLING */

/*ColorBox*/

#cboxClose { /*Overrides the default style to move the close text back near the button*/
	text-indent:-32px; / text-indent:-33px;
	line-height:26px;
}

/*END THIRD PARTY PLUGIN STYLING*/

/*PAGE SPECIFIC*/

/*Index Page*/

#indexAmericanLegacy {
	width:180px; 
	height:160px;
}

.layout_indexScopeFeature {
	padding:0px 0px 2px; /*Allows full 910px width of background image*/
	background-image:url(https://www.redfield.com/_media/image_replace/index_feature.gif);
	height:358px;
	width:910px;
	overflow:hidden;
	background-position:top left;
	background-repeat:no-repeat;
	position:relative;
	clear:both;
	display:block;
}

.layout_indexScopeFeature .wrapper_indexScopeFeature, .layout_indexScopeFeature .indexScopeFeatureLink {
	display:block;
	text-align:center;
	line-height:1.8em;
	font-size:10px;
}

.layout_indexScopeFeature .wrapper_indexScopeFeature {
	padding:263px 100px 0px 570px;
}

.layout_indexScopeFeature .wrapper_indexScopeFeature p {
	padding:0px;
}


.layout_indexScopeFeature .indexScopeFeatureLink {
	padding:0px 100px 0px 570px;
}

.wrapper_indexScopeFeature h2, .indexScopeFeatureImage {
	display:none;
}

/*END PAGE SPECIFIC*/

/*TESTING WIDGETS*/
	
.ruler { /*Used to measure width */
	background-color:#d6d6d6;
	text-align:center;
	color:gray;
	margin-bottom:1em;
	padding:0px 5px 30px;
	background-image:url(https://www.redfield.com/_media/template/test/webruler.gif);
	background-repeat:no-repeat;
	background-position:bottom left;
	height:1%; /*Fix peak-a-boo bug in IE 6*/
}

/*END TESTING WIDGETS*/


/*COMPARISON TABLES*/
.comparisonGrid {
	overflow: hidden;
}
#page-riflescopes .comparisonGrid + .comparisonGrid {
	border-top: 1px dashed #cd352d;
}

#page-riflescopes .layout_oneColumn .product-image {
	float: left;
	margin: 30px 0 0 40px;
}
#page-riflescopes .comparisonGrid + .comparisonGrid .table_colHeader th {
	padding-bottom: 5px;
}
#page-riflescopes .comparisonGrid + .comparisonGrid table {
	float: left;
	margin-top: 30px;
	width: 263px;
}

#page-riflescopes .layout_oneColumn {
	overflow: auto;
}

.layout_oneColumn .wrapper_basic.comparesheetTitle, .layout_twoColumns .wrapper_basic.comparesheetTitle, .wrapper_basic.comparesheetTitle {
	text-align:center;
	padding-bottom:36px;
}

.wrapper_basic.comparesheetTitle h1 {
  font-family: 'clarendonbold',serif;
  font-weight: normal;
  letter-spacing: 0.1em;
  -webkit-font-smoothing: antialiased;

	text-align:center; border-bottom:1px dashed #CD352D; display:inline; padding-bottom:0px;
}

.layout_oneColumn .wrapper_table { 
	margin:0px 23px;
	position: relative;
	height: 1%;
	clear:both;
}

.comparisonGrid + .comparisonGrid { 
	margin-top: 30px;
}


	.comparisonGrid table { 
		width: 100%;
		position: relative;
	}

    .comparisonGrid table tr td, .comparisonGrid table tr th {
        border-top: 1px dashed #efaeac;
    }

    .comparisonGrid table tr td {
        text-align: right;
    }

    .comparisonGrid table tr th {
        color: #cd352d;
        font-weight: bold;
        text-align: left;
    }

    /* Column headers */
    .comparisonGrid table tr.table_colHeader {
        border-top: none;
    }
    
        .comparisonGrid table tr.table_colHeader th {
            font-weight: bold;
            text-align: right;
            text-transform: none;
            border-bottom: 2px solid #cd352d;
            border-right: 1px solid #ccc;
            border-top: none;
            padding-right: 10px;
            line-height: 1.090909090909091em;
            overflow: visible;
        }
    
            .comparisonGrid table tr.table_colHeader th span { 
                color: #cd352d;
                font-size: 1.090909090909091em;
                text-align: right;
                display: block;
                font-family:"Georgia", serif;
            	letter-spacing:.03em;
            	font-size: 14px;
            	text-transform: uppercase;
            }
    
                .comparisonGrid table tr.table_colHeader th div {
                    display: block;
                    text-align: right;
                    position: relative;
                    padding-bottom: 10px;
                    top: 7px;
                    right: -15px;
                }
        
                    .comparisonGrid table tr.table_colHeader th div a.zoom {
                        display: block;
                        position: relative;
                        top: -7px;
                        right: 13px;
                        text-transform: uppercase;
                        float: none;
                        width: auto;
                        font-weight: normal;
                    }
            
                .comparisonGrid table tr.table_colHeader th.emptyHeader {
                    border-right: none;
                    border-bottom: 2px solid #cd352d;
                }

    .comparisonGrid table tr td {
        border-right: 1px solid #ccc;
        padding-right: 10px;
		padding-left:10px;
    }

        .comparisonGrid table tr td span { /* for multi-line table rows */
            display: block;
            text-align: right;
        }

        .comparisonGrid table tr td a {

        }
        
        .comparisonGrid table tr.bottomRow td, .comparisonGrid table tr.bottomRow th {
            border-top: 2px solid #cd352d;
            border-bottom: none;
            padding-top: 5px;
        }
        

/* EXXPANDED GRID */

.comparisonExpanded table {
    border-bottom: 2px solid #cd352d;
	margin-bottom:20px;
}

.comparisonExpanded table tr.emptyRow td {
    height: 60px;
}

.comparisonExpanded table tr th {
    position: static;
}

    .comparisonExpanded table tbody tr th {
        text-transform: none;
        padding: 0 3px;
        text-align: left;
        border-right: 1px solid #ccc;
    }
    
.comparisonExpanded table tbody tr th img {
    display: block;
    float: right;
    padding: 5px 7px 5px 0;
}
    
    .comparisonExpanded table tbody.alt tr th, .comparisonExpanded table tbody.alt tr td {
        background: #E8E5E0;
    }
    
    .comparisonExpanded table tr.sectionStart td, .comparisonExpanded table tr.sectionStart th {
        border-top: 2px solid #cd352d;
    }
    
    .comparisonExpanded table tbody tr th.cols123   { min-width: 165px; padding-left: 5px; }
    .comparisonExpanded table tbody tr th.cols12    { min-width: 135px; padding-left: 5px; }
    .comparisonExpanded table tbody tr th.col1      { min-width: 95px; padding-left: 5px; }
    .comparisonExpanded table tbody tr th.cols23    { min-width: 70px; font-weight: normal; text-align: center;}
    .comparisonExpanded table tbody tr th.col2      { min-width: 60px; font-weight: normal;}
    .comparisonExpanded table tbody tr th.col3      { min-width: 30px; text-align: center; font-weight: normal;}
    
p.tableFootnote {
	margin-top: 10px;
    padding-bottom: 0;
    text-align: right;
}

/*END COMPARISON TABLES*/

/*NEWS ITEMS*/

ul.news {
    margin-bottom: 20px;
}

ul.news h3 {
    text-transform:uppercase;
    padding-bottom:0px;
}

    ul.news h3 a {
        color: #cd352d;
    }

ul.news p {
    float: left;
    width: 586px;
    margin-bottom: 20px;
}

ul.news li {
    clear: left;
}

    ul.news li ul {
        float: left;
        width:180px;
    	padding-left:15px;
    	margin-left:15px;
    	padding-bottom: 0;
    	border-left:1px solid gray;
    	font-style:italic;
    }

        ul.news li ul li {
            background-image: none;
            padding-left: 0;
        }

/* END NEWS ITEMS */

/* VIDEO PLAYER - Bits on the Run / JW Player */

.botrplayer {
  margin:0 auto !important;
}

/* END VIDEO PLAYER */

/* HOME HERO FEATURE */
.home-hero-feature {
	margin: 0 -15px 0;
	padding-top: 194px;

	background: url(../_media/rebrand/home-hero-feature_bg.jpg) no-repeat;
}

	.home-hero-feature ul {
		margin: 0 15px;
		overflow: hidden;
	}
	
		.home-hero-feature li {
			position: relative;
			display: block;
			float: left;
			width: 25%;
			padding: 131px 0 42px;
			
			font: 15px/1.6 'Tahoma',sans-serif;
			text-align: left;
		}

		.home-hero-feature li > div {
			margin-left: 20px;
			overflow: inherit;
		}

		.home-hero-feature li:before { content: ''; }

		.home-hero-feature li img {
			position: absolute;
			top: 0;
			left: 50%;
		}
		
		.home-hero-feature li h2 {
			margin: 0;
			padding: 0;
			
			color: #cd352d;
			
			font: 26.56px/0.8 'octin_vintage_a_rg_bold',serif;
			letter-spacing: 0px;
			-webkit-font-smoothing: antialiased;
			text-rendering: optimizeLegibility;
		}
			.home-hero-feature li h2 a { text-decoration: none; }
			
			.home-hero-feature li h2 span {
				font-family: 'octin_vintage_b_rg_bold',sans-serif;
			}
			
			.home-hero-feature li h2 .available {
				position: absolute;
				top: 107px;
				left: -5px;
				display: block;
				height: 28px;
				width: 136px;
				
				background: url(../_media/rebrand/home_feature-counterstrike_avail_bg.png) no-repeat;
				color: #adadad;
				
				font: 16px/1.6 'octin_vintage_b_rg_bold',sans-serif;
				text-align: center;
				-webkit-font-smoothing: antialiased;
				text-rendering: optimizeLegibility;
				
				-webkit-transform: rotate(-4.1deg);
				-moz-transform: rotate(-4.1deg);
				-ms-transform: rotate(-4.1deg);
				-o-transform: rotate(-4.1deg);
				transform: rotate(-4.1deg);
			}
			
			.home-hero-feature li a {
				color: #cd352d;
				text-decoration: none;
			}
			.home-hero-feature li a:hover {
				text-decoration: underline;
			}
#home-feature-revolutiontac {
	float: right;
}

#home-feature-revolution {
	float: right;
}

.new-item {
	background: #cd352d;
	color: #ffffff;
	font-family: 'octin_vintage_b_rg_bold',sans-serif;
	font-size: 12px;
	line-height: 18px;
	margin-bottom: 6px;
	margin-right: 7px;
	text-align: center; 
	text-transform: uppercase;
	width: 37px;
}

.new-item-offset {
	margin-top: -24px;
}

#home-feature-revolutiontac img {
	top: 25px;
	margin-left: -102.5px;
}

#home-feature-accelerator {
	float: right;
	margin-left: 10px;
}
#home-feature-accelerator img {
	margin-left: -87.5px;
}	
#home-feature-revenge {}
#home-feature-revenge img {
	top: 29px;
	margin-left: -103.5px;
}

#home-feature-revolution {}
#home-feature-revolution img {
	top: 25px;
	margin-left: -102.5px;
}

#home-feature-battlezone {}
#home-feature-battlezone img {
	top: 20px;
	margin-left: -98px;
}

#home-feature-counterstrike {}
#home-feature-counterstrike img {
	margin-left: -113px;
}



.great-optics {
	width: 503px;
	height: 14px;
	margin-left: 23px;
	padding-bottom: 6px;
	
	background: url(../_media/rebrand/title_great_optics.png) no-repeat;
}

	.layout_oneColumn .wrapper_riflescopeheader {
		margin:0px 0px 0px 0px;
		padding:0px 43px;
		background-image:url(https://www.redfield.com/_media/images/splashRiflescopes.jpg);
		height:433px;
		background-position:bottom center;
		background-repeat:no-repeat;
		position:relative;
		left: -7px;
	}

	.wrapper_riflescopeheader h1 {
		font-size: 30px;
		font-family: 'clarendonbold',serif;
		font-weight: normal;
		letter-spacing: 0.1em;
		text-align: center;
		-webkit-font-smoothing: antialiased;
	}

	.wrapper_riflescopeheader h1 span {
		display: block;
		text-align: center;
	}

	.wrapper_riflescopeheader .description {
		width:400px;
		font-size:12px;
		line-height:22px;
		position:absolute;
		left:57px;
		top:70px;
		font-size:12px;
		line-height:20px;
	}
	
	.wrapper_riflescopeheader .description h2 {
		font-size:11px;
		line-height:20px;
		color:#333333;
		padding-bottom:0px;
	}
	
	.wrapper_riflescopeheader .builtInOregon {
		width:350px;
		font-size:12px;
		line-height:22px;
		position:absolute;
		right:170px;
		top:268px;
		font-size:11px;
		line-height:20px;
		text-align:right;
	}
	
	.wrapper_riflescopeheader .builtInOregon h2 {
		font-size:13px;
		line-height:20px;
		padding-bottom:0px;
	}


	.layout_oneColumn .wrapper_rangefinderheader {
		margin:0px 23px;
		padding:0px;
		/*background-image:url(https://www.redfield.com/_media/images/splashRangefindersBkgnd.jpg);*/
		background-position:bottom center;
		background-repeat:no-repeat;
		position:relative;
		clear:both;
		min-height:400px;
	}

	.wrapper_rangefinderheader .splash {
		width:465px;
		height:349px;
		position:absolute;
		left:392px;
		top:-20px;
		background-image:url(https://www.redfield.com/_media/images/splashRangefinders.jpg);
	}


	.wrapper_rangefinderheader h1 {
		font-size: 30px;
  font-family: 'clarendonbold',serif;
  font-weight: normal;
  letter-spacing: 0.1em;
  -webkit-font-smoothing: antialiased;
  padding-bottom: 0;
	}
	
	.wrapper_rangefinderheader p.description {
		padding-top:12px;
		padding-right:460px;
		font-size:12px;
		line-height:22px;
	}
	
	
	.wrapper_rangefinderheader .specsrow {
		padding-right:444px;
		font-size:10px;
		line-height:18px;
		clear:both;
	}
	
	.wrapper_rangefinderheader .specsrow h2.specs {
		font-size:13px;
		line-height:18px;
		border-bottom:1px dashed red;
		padding-bottom:0px;
		margin-right:26px;
	}
	
	.wrapper_rangefinderheader .modelrow {
		font-size:10px;
		line-height:18px;
		width:100%;
		clear:both;
		padding-top:16px;
	}
	.wrapper_rangefinderheader .modelrow p {
  	
  }
	.wrapper_rangefinderheader .modelrow strong {
	 text-transform: uppercase;
	}
	
	.wrapper_rangefinderheader .modelrow a {
		color:#CD352D;
	}
	
	.wrapper_rangefinderheader .modelrow h2 {
		font-size:13px;
		line-height:18px;
		border-bottom:1px dashed red;
		padding-bottom:0px;
		margin-bottom: 28px;
	}
		
	.wrapper_rangefinderheader .modelrow img {
  	display: block;
  	margin: 0 auto 6px;
	}

	.wrapper_rangefinderheader .specsrow, .wrapper_rangefinderheader .modelrow {
		clear:both;
	}

	.wrapper_rangefinderheader .specsrow ul, .wrapper_rangefinderheader .modelrow p {
		width:2in;
		float:left;
		margin-right:.25in;
	}

	.wrapper_rangefinderheader .specsrow ul {
		width:180px;
		float:left;
		margin-right:20px;
	}

	.wrapper_rangefinderheader .modelrow p {
		width:145px;
		display: inline-block;
		float:left;
		margin:0 33px;
		text-align:center;
		padding-bottom:0px;
		/*margin-right:140px;*/ /*Make way for images*/
		float:left;
		position:relative;
	}

	.redfieldTeaserWrapper {
		position:absolute;
		right:-33px;
		top:-15px;
	}
	
	#redfieldTeaserSpacer.expand {
		height:273px;
	}

	.layout_oneColumn .wrapper_binocularheader {
			margin:0px 23px 0px 23px;
			padding:0px 10px;
			background-image:url(https://www.redfield.com/_media/images/splashBinoculars.jpg);
			height:500px;
			background-position:bottom center;
			background-repeat:no-repeat;
	}
	
	.wrapper_binocularheader h1 {
		font-size: 30px;
		font-family: 'clarendonbold',serif;
		font-weight: normal;
		letter-spacing: 0.1em;
		text-align: center;
		-webkit-font-smoothing: antialiased;
	}
	
	.wrapper_binocularheader h1 span {
	}
	
	.wrapper_binocularheader .topcolumn {
		width: 75%;
		margin-left: auto;
		margin-right: auto;
	}

	.wrapper_binocularheader .leftcolumn {
		width:151px;
		float:left;
		padding-top:30px;
	}
	
	.wrapper_binocularheader .rightcolumn {
		width:147px;
		float:right;
		padding-top:30px;
		text-align:right;
	}
	
	.wrapper_binocularheader h2 {
		font-size:14px;
		line-height:18px;
	}

	.layout_oneColumn .wrapper_spottingscopeheader {
			margin:0px 23px 0px 23px;
			padding:0px 20px;
			background-image:url(https://www.redfield.com/_media/images/splashSpottingScopes.jpg);
			height:505px;
			background-position:bottom center;
			background-repeat:no-repeat;
			position:relative;
	}

	.wrapper_spottingscopeheader h1 {
		font-size: 38px;
  font-family: 'clarendonbold',serif;
  font-weight: normal;
  letter-spacing: 0.1em;
  text-align: center;
  -webkit-font-smoothing: antialiased;
	}

	.wrapper_spottingscopeheader p.description {
		width:476px;
		padding-top:23px;
		font-size:12px;
		line-height:22px;
		clear:both;
	}

	.wrapper_spottingscopeheader ul {
		width:305px;
		font-size:10px;
		line-height:18px;
	}

	.wrapper_spottingscopeheader h2 {
		font-size:14px;
		line-height:18px;
		width:180px;
		padding-bottom:3px;
		margin-bottom:3px;
		left:-2px;
		padding-left:2px;
		border-bottom:1px dashed #ef3e35;
	}

	.wrapper_spottingscopeheader .kitDescription {
		width:560px;
		padding-right:12px;
		border-right:1px solid #868482;
		position:absolute;
		left:0px;
		top:454px;
		text-align:right;
		padding-bottom:0px;
		font-size:10px;
		line-height:18px;
	}
	
	.wrapper_spottingscopeheader .kitDetails {
		width:150px;
		position:absolute;
		left:583px;
		top:454px;
		font-size:10px;
		line-height:18px;
		padding-bottom:0px;
	}
	
	.wrapper_spottingscopeheader .kitDetails a {
		color:#cd352d;
	}

	.layout_oneColumn .wrapper_mountsheader {
		margin:0px 0px 0px 0px;
		padding:1px 43px 40px;
		background-image:url(https://www.redfield.com/_media/images/splashMounts.jpg);
		background-position:bottom center;
		background-repeat:no-repeat;
		position:relative;
		clear:both;
	}
	
	.wrapper_mountsheader h1 {
		font-size: 38px;
  font-family: 'clarendonbold',serif;
  font-weight: normal;
  letter-spacing: 0.1em;
  text-align: center;
  -webkit-font-smoothing: antialiased;
	}
	
	.splash_column1 {
		width:536px;
		float:left;
		padding-bottom:100px;
		
	}
	.splash_column1 p {
		padding-right:10px;
		padding-bottom:0px;
	}
	.splash_column3 {
		width:268px;
		float:left;
	}						
	.splash_column3 div {
		padding-left:19px;
		border-left:1px solid #c3c1bd;
		padding-bottom: 0px;
	}

/* FEATURES LIST */

.feature {
	position: relative;
	min-height: 110px;
  max-width: 435px;
	margin-bottom: 24px;
	padding-left: 106px;
}

.feature.wide {
	max-width: 390px;
	padding-left: 161px;
}

	.feature .icon,
	.dashed .icon {
  	position: absolute;
  	left: 0;
  	top: 5px;
  	
  	line-height: 0;

	}
	
  	.feature .icon img,
  	.dashed .icon img {
      -moz-border-radius: 13px;
      -webkit-border-radius: 13px;
      border-radius: 13px;
    }
    
  .feature .description {}
  
    .feature .description h5 {
      padding-bottom: 0;
      
      font-size: 1.1em;
    }
    
    .feature .description ul { padding-bottom: 0; }
  
    .feature .description li {
      padding-left: 10px;
    }
    
    .feature .description li:before { left: 0; }

/* SECOND COLUMN */
.dashed {
  max-width: 273px;
  padding-left: 28px;
  
  border-left: 1px dashed #cd352d;
}


/* BATTLEZONE/COUNTERSTRIKE/ACCELERATOR PAGE */
.page-product	{ margin-bottom: 45px; }

  .page-product .layout_twoColumn {
    width: 885px;
    margin: auto;
  }
  
  .page-product .layout_twoColumn .firstColumn { width: 584px; }
  
  .page-product .layout_twoColumn .secondColumn { width: 298px; }

  .page-product #feature {
    position: relative;
  }
	
  	.page-product #feature h1 {
  	  padding-bottom: 0;
  	  
      color: #cc352c; /* text color */
      
      font-family: "octin_vintage_a_rg",sans-serif;
  	}
  	
  	  .page-product #feature h1 span {
    	  font-family: 'octin_vintage_b_rg',serif;
  	  }
  	
  	.page-product #feature h2 {
  	  padding-bottom: 0;
  	  
      opacity: .8; /* layer alpha */
      
      color: #ebebeb; /* text color */
      
      font-family: "octin_vintage_a_rg",sans-serif;
      -webkit-font-smoothing: antialiased;
      text-rendering: optimizeLegibility;
  	}
  	
  	 .page-product #feature h2 span,
  	 .page-product #feature h2 strong { display: block; }

  	.page-product #feature p {
  	  width: 385px;
  	  
  	  color: #ececec;
  	  
  	  font: 14px/1.57 Tahoma,sans-serif;
  	}
  	
  	.page-product #feature .hero { position: absolute; }
	
  #page-battlezone #feature {
    position: relative;
    margin: 0 -15px;
  }
	
  #page-battlezone #feature {
    width: 447px;
    height: 546px;
    margin: 0 -15px 36px;
    padding: 31px 0 0 487px;

    background: url(https://www.redfield.com/_media/battlezone/product_battlezone_bg.jpg) no-repeat;
  }
  
  #page-counterstrike #feature {
    width: 398px;
    height: 360px;
    margin: 0 -15px 36px;
    padding: 220px 0 0 536px;

    background: url(https://www.redfield.com/_media/counterstrike/product_counterstrike_bg.jpg) no-repeat;
  }
  
  #page-accelerator #feature {
    width: 398px;
    height: 255px;
    margin: 0 -15px 36px;
    padding: 240px 0 0 611px;

    background: url(https://www.redfield.com/_media/accelerator/product_accelerator_bg.jpg) no-repeat;
  }

  	#page-battlezone #feature h1 {
  	  margin-bottom: 17px;

      font-size: 37px;
      line-height: 0.94;
  	}
  	
  	#page-counterstrike #feature h1 {
  	}
  	
  	#page-accelerator #feature h1 {
  	}
  	
  	#page-battlezone #feature h2 {
  	  margin-bottom: 65px;

      font-size: 50px;
      line-height: 0.9;
  	}
  	
    	#page-battlezone #feature h2 span {
    	  font-size: 72px;
    	  line-height: 0.83;
    	}
    	
    	#page-battlezone #feature h2 strong {
    	  font-family: 'octin_vintage_a_rg_bold',sans-serif;
    	  font-size: 60px;
    	  line-height: 0.86;
    	}
    	
    	#page-battlezone #feature .details {
	    	position: absolute;
	    	right: 72px;
	    	bottom: 146px;
	    	z-index: 2;
	    	
	    	color: #cc352c;
				
				font-size: 12px;
			}
    
    #page-counterstrike #feature h1 {
    	position: relative;
    	
    	font-size: 37px;
    }

    #page-accelerator #feature h1 {
    	position: relative;
    	
    	font-size: 37px;
    	font-weight: bold;
    }
    
    #page-counterstrike #feature h1 .available {
	    
    	position: absolute;
			top: -19px;
			right: 27px;
			z-index: 2;
			display: block;
			height: 34px;
			width: 205px;
			
			background: url(https://www.redfield.com/_media/counterstrike/product_counterstrike_avail_bg.png) no-repeat;
			color: #adadad;
			
			font: 17px/2 'octin_vintage_b_rg_bold',sans-serif;
			text-align: center;
			letter-spacing: 0;
			-webkit-font-smoothing: antialiased;
			text-rendering: optimizeLegibility;
			
			-webkit-transform: rotate(5.25deg);
			-moz-transform: rotate(5.25deg);
			-ms-transform: rotate(5.25deg);
			-o-transform: rotate(5.25deg);
			transform: rotate(5.25deg);
    }
    
    #page-counterstrike #feature h2 {
  	 position: absolute;
  	 left: 95px;
  	 top: 53px;
  	 
  	 font-family: 'octin_vintage_b_rg_bold',serif;
  	 font-size: 70px;
  	 line-height: 0.85;
    }
    
      #page-counterstrike #feature h2 span {
        display: block;
        font-family: 'octin_vintage_b_rg',serif;
        font-size: 50px;
        line-height: 0.96;
      }
      #page-counterstrike #feature h2 strong {
        font-size: 100px;
        line-height: 0.8;
    	}
    	
    #page-counterstrike #feature p {
	    width: 337px;
	  }

    #page-accelerator #feature h1 .available {
	    
    	position: absolute;
			top: -19px;
			right: 27px;
			z-index: 2;
			display: block;
			height: 34px;
			width: 205px;
			
			background: url(https://www.redfield.com/_media/counterstrike/product_counterstrike_avail_bg.png) no-repeat;
			color: #adadad;
			
			font: 17px/2 'octin_vintage_b_rg_bold',sans-serif;
			text-align: center;
			letter-spacing: 0;
			-webkit-font-smoothing: antialiased;
			text-rendering: optimizeLegibility;
			
			-webkit-transform: rotate(5.25deg);
			-moz-transform: rotate(5.25deg);
			-ms-transform: rotate(5.25deg);
			-o-transform: rotate(5.25deg);
			transform: rotate(5.25deg);
    }
    
    #page-accelerator #feature h2 {
  	 position: absolute;
  	 left: 95px;
  	 top: 53px;
  	 
  	 font-family: 'octin_vintage_b_rg_bold',serif;
  	 font-size: 70px;
  	 line-height: 0.85;
    }
    
      #page-accelerator #feature h2 span {
        display: block;
        font-family: 'octin_vintage_b_rg',serif;
        font-size: 50px;
        line-height: 0.96;
      }
      #page-accelerator #feature h2 strong {
        font-size: 100px;
        line-height: 0.8;
    	}
    	
    #page-accelerator #feature p {
	    font-size: 12px;
	    line-height: 18px;
	    width: 270px;
	  }

  	#page-battlezone #feature .hero {
    	bottom: 0;
    	left: 50%;
    	margin-left: -402.5px;
  	}
  	
  	#page-counterstrike #feature .hero {
    	top: 329px;
    	left: 0;
  	}
  	
  	#page-accelerator #feature .hero {
    	top: 329px;
    	left: 0;
  	}
  	
	#page-accelerator .secondColumn .side-column-hero {
		margin-top: 60px;
		text-align: center;
	}

  	.page-product .dashed {}
  	
  	.page-product .dashed h5 {
  	  padding-bottom: 0;
  	  
    	font-size: 1.1em;
    	text-transform: uppercase;
  	}
  	
  	.dashed .icon {
    	position: relative;
    	top: auto;
    	left: auto;
  	}
    
/* Old Browser Warning */
.oldbrowsers {
	position: absolute;
	top: 0;
	left: 50%;
	z-index: 99;
	width: 315px;
	margin-left: -300px;
	padding: 20px 57px 20px 228px;
	
	background: #cacaca;
	color: #000000;
	
	font-size: 14px;
	line-height: 1.75;
	
}
	.oldbrowsers .header {
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		height: auto;
		width: 200px;
		margin-top: 0;
		padding: 14px 0 25px;
		
		background: #cd352d;
		background-image: none;
		color: #ffffff;
		
		text-align: center;
	}
	
	.oldbrowsers h1 {
		max-width: 153px;
		margin: auto;
		padding-bottom: 0;
		
		color: #ffffff;
		
		font-size: 48px;
		font-family: 'octin_vintage_b_rg_bold';
		text-transform: uppercase;
		-webkit-font-smoothing: antialiased;
		text-rendering: optimizeLegibility;
	}
	
	.oldbrowsers h2 {
		max-width: 153px;
		margin: auto;
		padding-bottom: 0;
		
		color: #ffffff;
		
		font-weight: normal;
		font-size: 25px;
		font-family: 'Tahoma',serif;
		text-transform: none;
	}
	
	.oldbrowsers p {
		margin-bottom: 1em;
		padding-bottom: 0;
	}
	
	.oldbrowsers h5 {
		padding-bottom: 0;
		
		font-weight: normal;
		font-size: 18px;
	}
	
	.oldbrowsers .close {
		position: absolute;
		bottom: 10px;
		right: 16px;
		
		text-decoration: none;
		font-weight: bold;
		font-size: 12px;
		text-transform: lowercase;
	}
	/* Override the featureicon class for specific uses on this page */
	
	#std .icon, #ringmounts .icon, #qr .icon, #prw .icon {
		float:right; clear:right;
	}
	
	#std .description, #ringmounts .description, #qr .description, #prw .description {
		float:left; clear:left;
	}
	
	#std .icon {
		width:161px;
	}
	
	#std .description {
		width:337px;
	}
	
	#dd .icon {
		width:152px;
	}
	
	#dd .description {
		width:354px;
	}
	
	#ringmounts .icon {
		width:161px;
	}
	
	#ringmounts .description {
		width:337px;
	}
													
	#rifleman .icon {
		width:193px;
	}
	
	#rifleman .description {
		width:305px;
	}
	
	#qr .icon {
		width:167px;
	}
	
	#qr .description {
		width:331px;
	}
	
	#qrw .icon {
		width:157px;
	}
	
	#qrw .description {
		width:353px;
	}
	
	#prw .icon {
		width:159px;
	}
	
	#prw .description {
		width:353px;
	}
	
	#mark4 .icon {
		width:173px;
	}
	
	#mark4 .description {
		width:325px;
	}

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {

	#footer p#legal {
		font-size: 9px;
		line-height: 9px;
		width: 350px;
	}
	
	#footer p#legal a{ font-size: 9px; }
	
}