/* 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;
}

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: #323232;
	background: #e7e1d6 url(../_media/template/background.jpg) 0 0;
}

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:black;
	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;
}

/* 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%;
	background: url(../_media/template/red_line.gif) 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;
}

a.zoom {
	background-image:url(http://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:200px; / width:178px; /*Modify inline if needed longer*/
}

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

/*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(http://www.redfield.com/_media/template/listmarker_cross.gif);
		background-repeat: no-repeat;
		background-position: 0px 6px; 
		padding-left: 14px; 
	}

/*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:80px; /*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. */
		overflow:visible;
		float:left;
		clear:left;
		text-align:right;
		padding-bottom:1.818181818181818em; /* 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 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;
}
	
.layout_twoColumn .secondColumn .wrapper_sidebarWhitesheet .top { /*Content should not go in this section*/
	background-image:url(../_media/template/sidepaper_top.gif);
	height:22px;
	background-repeat:no-repeat;
}

.layout_twoColumn .secondColumn .wrapper_sidebarWhitesheet .mid {
	background-image:url(../_media/template/sidepaper_mid.gif);
	/*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 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 a .featurePhoto { 
			height:145px; /*Figures a 252x142px thumbnail*/ 
			/*background-image:url(http://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(http://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(../_media/template/sidepaper_bottom.gif);
	height:20px;
	background-repeat:no-repeat;
}

/*Four column layout wrappers*/

.layout_fourColumnPostit {
	padding-left:3px;
	margin-bottom:1.818181818181818em;
}

	.postit {
		margin-right:22px;
		height:260px;
		width:210px;
		overflow:hidden;
		float:left;
		background-image:url(../_media/template/postit1.gif);
		background-position:top left;
		background-repeat:no-repeat;
		position:relative;
		text-align:center;
		display:block;
		font-size:10px;
		line-height:18px;
	}

		.postit.last {
			margin-right:0px;
		}

		.postit.style2 {
			background-image:url(../_media/template/postit2.gif);
		}

		.postit.style3 {
			background-image:url(../_media/template/postit3.gif);
		}

		.postit.style4 {
			background-image:url(../_media/template/postit4.gif);
		}
	
		.postitLink, .postitImage {
			display:block;
			text-align:center;
			width:100%;
			height:1%;
			position:absolute;
			left:0px;
		}

		.postitLink {
			top:220px;
		}

		.postitLink a {
			font-weight:bold;
			color:#333333;
		}

		.postitImage {
			top:105px;
		}

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

	.wrapper_postit {
		padding:30px 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*/
			padding:0px 5px;
		} 

		.wrapper_postit h2 {
			width:186px; 
			height:15px; 
			overflow:hidden; 
			line-height:1px; 
			font-size:1px;
			background-repeat:no-repeat;
		}

		.wrapper_postit h2 span {
			display:none;
		}

		.wrapper_postit h2.rangefinders {
			background-image:url(../_media/image_replace/index_rangefinders.gif); 	
		}

		.wrapper_postit h2.binoculars {
			background-image:url(../_media/image_replace/index_binoculars.gif); 	
		}

		.wrapper_postit h2.spottingscopes {
			background-image:url(../_media/image_replace/index_spottingscopes.gif); 	
		}

		.wrapper_postit h2.mounts {
			background-image:url(../_media/image_replace/index_mounts.gif); 	
		}

/* 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;
}

	.whitesheet .top {
		background-image:url(../_media/template/whitepaper_top.gif);
		height:42px;
		background-repeat:no-repeat;
	}

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

	.whitesheet .bottom {
		background-image:url(../_media/template/whitepaper_bottom.gif);
		height:47px;
		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/template/paper_top.gif) 0 0 no-repeat;
	height: 64px;
	position:relative;
	font: 12px "Courier New", Courier, monospace;
	line-height:18px;
}

	.searchtag {
		position:absolute;
		right:17px;
		top:-5px;
		width: 241px;
		height: 48px;
		background: url(../_media/template/searchtag.gif) 0 0 no-repeat;
	}

		.searchtag .inputs {
			width: 110px;
			height: 20px;
			border: none;
			background: none;
			display: inline;
			float: left;
			margin: 13px 0 0 16px;
			color: #605643;
			padding: 0 5px; 
			font: 12px "Courier New", Courier, monospace;
		}

		.searchtag .go {
			color: #3c372c;
			border: none;
			background: none;
			float: left;
			padding: 16px 0 0 14px;
			font: bold 12px "Courier New", Courier, monospace;
			line-height:12px;
			cursor:pointer;
		}

	ul.topnav {
		position:absolute;
		right:15px;
		bottom:5px;
		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;
	}

		ul.topnav li {
			background-image:none; /*Override default list image*/
			padding:0px;
			margin:0px;
			display:inline;
		}

		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/template/paper_mid.gif) 0 0 repeat-y;
	width: 910px;
	padding: 0 15px;
	overflow: hidden;
}

/* Footer - A child of pagewrapper  */

#footer {
	background: url(../_media/template/paper_bottom_expanding.gif) 0 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;
}


	#footer p#legal {
		position:absolute;
		left:195px;
		bottom:11px;
		font: bold 10px "Courier New", Courier, monospace;
		line-height:12px;
		color:#606060;
	}

	#footer p#legal a {
		color:#606060;
}
	#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 {
		width: 130px;
		float: left;
		display: inline;
/*		position: relative; */
		padding-right:20px;
	}

	.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;
	}
	
		.footerNavColumn li.footer_home a {
			display:block;
			width:100%;
			height:100%;
		}
	
		.footerNavColumn li.footer_home a span {
			display:none;
		}

	/*CONNECT BOX - Part of Footer*/

	#connectBox {
		width: 364px;
		height: 255px;
		background: url(../_media/template/connect_box.gif) 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: -45px;
		color: #333;
		z-index: 10;
		overflow:hidden;
	}

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

		#connectBox a {
			color:#323232;
			font-weight: normal;
			text-decoration:none;
			border-bottom: 1px 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;
		}

		#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(../_media/template/black_line.gif) 0 0 repeat-x;
		}

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

		#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. */
		}

		#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: 80px;
			    height:20px;
				padding-top:2px;
				padding-bottom:2px;
			    margin-top:22px;
			}

		#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 a {
				width:48px;
				height:48px;
				display:block;
				border:0;
			}

			#connectGroups li a span {
				display:none;
			}

			#connectGroups li a.YouTube {
				background-image:url(../_media/social_media_icons/48pix/youtube.gif);
			}

			#connectGroups li a.Flickr {
				background-image:url(../_media/social_media_icons/48pix/flickr.gif);
			}

			#connectGroups li a.Facebook {
				background-image:url(../_media/social_media_icons/48pix/facebook.gif);
			}

		#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(http://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(http://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*/

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

.wrapper_basic.comparesheetTitle h1 {
	text-align:center; border-bottom:1px dashed #CD352D; display:inline; padding-bottom:0px;
}

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

.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 {
    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 */