/* Reset CSS styles - create a level cross-browser basepoint */

body { font-size: 63%; font-family:arial; margin: 0; padding: 0; } /* base size set to 63% - this is font-size around 10px and makes calculating sizes easier */

fieldset, img { border: 0; }
caption, th { text-align:left;}
h1,h2,h3,h4,h5,h6{ font-size: 1em; font-weight: normal; }

q:before,q:after{content:'';}
abbr, acronym { border: 0; font-variant: normal; }

/* to preserve line-height and selector appearance */
sup { vertical-align: text-top; }
sub { vertical-align: text-bottom; }
input, textarea, select { font-family: inherit; font-size: inherit; font-weight: inherit; }

/*to enable resizing for IE*/
/*input,textarea,select{*font-size:100%;}*/
/*because legend doesn't inherit in IE */
/*legend{color:#000;}*/

del,ins { text-decoration:none; }

p, ul, ol, dl { font-size: 1.2em;}
div.main p, div.main li {
	line-height: 1.4em;
}
a { text-decoration: none;  color: #c2c2c2; }
a:hover {  } 

body { 
	padding: 0 0 0 0; 
	color:#ababab; 
	font-family: arial,sans-serif;
	background: #000 url(../static-images/bg-chevron.gif) repeat-x; 
}

/* 	self clearing styles to cause elements containing floats to wrap correctly -	
	placed here so that height can be overruled later if necessary 	*/
.clrNM,
div#nav, 
div#nav ul, 
div.content, 
div.main div.intro, 
div.main div.ranges ul,
div.main div.evolution div.bullets,
div.colLeft ul.products li,
div.mainWide ul.tierRange,
p.roundedButton,
div.sidebar div.promo,
form#register div.fields,
form#brochureRequest div.fields,
form#contact div.fields,
div.vidContainer,
div.main div.intro ul.imgBox, 
div.sidebar ul.imgBox,
div.sidebar div.sidebarMod div.bob ul { min-height: 1px; height: auto !important; height: 1px; }

.clrNM:after,
div#nav:after, 
div#nav ul:after, 
div.content:after, 
div.main div.intro:after, 
div.main div.ranges ul:after,
div.main div.evolution div.bullets:after,
div.colLeft ul.products li:after,
div.mainWide ul.tierRange:after,
p.roundedButton:after,
div.sidebar div.promo:after,
form#register div.fields:after,
form#brochureRequest div.fields:after,
form#contact div.fields:after,
ul.homeTiers li a:after,
div.vidContainer:after,
div.main div.intro ul.imgBox:after, 
div.sidebar ul.imgBox:after,
div.sidebar div.sidebarMod div.bob ul:after { content: "."; height: 0; min-height: 0;  display: block; visibility: hidden; overflow: hidden; clear: both; }

div#pageContainer {
	width: 960px;
	margin: 0 auto;
}

/* global navigation and search */

	div#nav {
		padding: 40px 0 4px 0;
		margin:0;
		border-bottom: 1px solid #1b1b1b;
		width: 960px;
	}

	div#nav a.logo {
		border:0;
		padding:0;
		margin:0;
		display:inline;
		float:left;
	}

	div#nav ul {
		float: left;
		list-style: none;
		margin: 0; padding: 0;
		font-size: 1.8em;
		width: auto;
	}

	div#nav ul li {
		float: left;
		margin-right: 0px;
		padding-top: 5px;
		width: auto;
	}

/*
	div#nav li.logo {
		padding: 0;
		background: #000 url(../static-images/hog-head-logo.jpg) no-repeat;
	}
*/

	div#nav li a {
		background: #000 url(../static-images/nav-bg.gif) no-repeat 50% 0;
		display: block;
		padding: 6px 15px 4px 12px;
		width: auto !important; width: 66px;
		min-width: 66px;
		text-align: center;
		font-weight: bold;
		text-transform: uppercase;
		color: #fff;
	}

	div#nav li a:hover, div#nav li a.selected {
		background: #000 url(../static-images/nav-bg.gif) no-repeat 50% -94px;
		color: #1c260b;
	}

	div#nav li.wide a {
		padding: 6px 15px 4px 12px;
		width: auto !important; width: 120px;
		min-width: 120px;
		background: #000 url(../static-images/nav-bg-wide.gif) no-repeat 50% 0;
	}

	div#nav li.wide a:hover, div#nav li.wide a.selected {
		background: #000 url(../static-images/nav-bg-wide.gif) no-repeat 50% -94px;
		color: #1c260b;
	}

	div#nav li.logo a {
		text-align: left;
		display: block;
		width: 205px !important; height: 28px;
		margin: 0 8px 0 0;
		text-indent: -9999px;
		background: none;
	}

	div#nav li.logo a:hover {
		background: none;
	}

	form#search {
		float: right;
		margin: 0; padding: 4px 5px 5px 10px;
		font-size: 1em;
		width: auto;
		background:#000000;
	}

	form#search label {
		padding: 0; margin: 0; 
		font-size: 1.2em;
		position: absolute;
		left: -9999px;
	}
	
	form#search div.searchField {
		display: block;
		float: left;
		margin-right: 2px;
		padding: 6px 0 0 6px;
		background: url(../static-images/search-field.gif) no-repeat;
		width: 148px;
		height: 29px;
	}
	
	form#search input#searchField {
		width: 140px;
		background: #000 none;
		font-size: 1.1em;
		color: #fff;
		border: none;
	}

	form#search #searchSubmit {
		background: transparent url(../static-images/search-button.gif) no-repeat;
		border: none;
		width: 70px;
		height: 23px;
		color: #000;
		font-size: 1.1em;
		font-weight: bold;
		margin-top: 3px;
	}

/* breadcrumb */

	ul#breadcrumb {
		font-size: 1.1em;
		list-style: none;
		margin: 4px 0 0 0; padding: 0 0 6px 0;
		display: block;
		background: url(../static-images/breadcrumb-border.gif) no-repeat bottom left;
	}

	ul#breadcrumb li {
		display: inline; 
		margin-right: 4px; padding: 0;
		color: #6d6d6d;
		cursor: default;
	}

	ul#breadcrumb li.pointer {
		padding-left: 20px;
		background: transparent url(../static-images/breadcrumb-pointer.gif) no-repeat 0 50%;
	}

	ul#breadcrumb li a {
		background: url(../static-images/breadcrumb-separator.gif) no-repeat right center;
		padding-right: 8px;
	}

/* footer */
	div#footer {
		border-top: 3px solid #cf0;
		margin: 8px 0 30px 0;
		padding: 8px 0 0 0;
	}

	div#footer p {
		display: block;
		float: left;
		margin: 0; padding: 0;
		font-size: 1.1em;
		width: auto;
	}
	
	div#footer p strong {
		text-transform: uppercase;
		font-size: 1.1em;
	}

	div#footer ul {
		display: block;
		float: right;
		list-style: none;
		margin: 0; padding: 0;
		font-size: 1.1em;
		width: auto;
	}
	
	div#footer ul li {
		float: left;
		margin-right: 6px; padding-right: 8px;
		background: url(../static-images/footer-link-separator.gif) no-repeat right center;
		width: auto;
	}
	
	div#footer ul li.last {
		margin: 0; padding: 0;
		background: none;
	}

/* page columns */

	div.content {
		width: 960px;
		margin: 12px 0 0 0;
	}

	div.content div.main {
		float: left;
		width: 630px;
		padding-top: 12px;
	}

	div.content div.sidebar {
		float: right;
		width: 310px;
	}

	div.content div.mainWide, div.content div.main, div.content div.sidebar div.sidebarMod, div.sidebar div.promo,
	div.content div.colLeft, div.content div.colRight, div.flashGame, form#register fieldset, div.main div.intro div.right h2,
	div.dlSidebarMod, form#brochureRequest fieldset {
		border-top: 1px solid #4f4f4f;
		margin: 6px 0 6px 0;	
	}
	
	div.main div.intro div.right h2 {
		padding: 8px 0 4px 0;
	}

	div.content div.colLeft, div.content div.colRight {
		width: 470px; 
		float: left;
		margin: 6px 20px 6px 0;
	}
	
	div.content div.colRight {
		width: 470px; 
		margin: 6px 0;
	}

	div.content div.mainWide div.colLeft {
		border: none;
	}

	div.content div.mainWide div.colLeft.noMargin {
		margin: 6px 0 6px 0;	
	}

	div.content div.mainWide div.colLeft li {
		background: #1C260B;
		padding: 0;
		margin: 6px 0;
		line-height: 0.1em;
	}
	
	div.content div.mainWide div.colLeft h3 {
		font-size: 1.3em;
		text-transform: none;
		font-family: arial,sans-serif;
		padding: 24px 0 6px 8px;
	}
	
	div.colLeft div.mainWide ul.products span {
		width: 100px; height: 100px;
		overflow: hidden;
	}

/* template specific column overrides */

	div.tmpHome div.content div.main {
		border: none;
	}

	div.sidebar div.homeHead h1, div.sidebar div.homeHead h2 {
		font-size:1.6em;
		font-weight:bold;
		font-family: arial;
		margin:4px 0;
		padding:0;
		background: none;
		display: inline;
		text-transform: none;
		line-height: 1.4em;
	}


/* lime green styles */
	a,
	div.sidebar div.homeHead h1, 
	div.sidebar div.homeHead h2,
	div.sidebar div.sidebarMod div.bbot p,
	div.sidebar div.sidebarMod div.bbot a,
	ul#breadcrumb li a:hover,
	div.content h1, 
	div#footer ul li.last a:hover, 
	div.main div.evolution div.bullets h3,
	div.content div.colRight div.bobIntro p,
	div.main div.intro h2,
	div.sidebar div.promo p,
	form#register label,
	form#brochureRequest label,
	ul#breadcrumb li.pointer, 
	form#register div.gender span.lbl,
	form#brochureRequest div.geneder span.lbl,
	form#fathogregistration,
	div.main div.registerTop div.intro h3 {
		color: #ccff00;
	}

/* white styles */
	a:hover,
	div.buyOnline h2 a, 
	ul#breadcrumb li a, 
	div#footer p, 
	div#footer ul li.last a, 
	div.sidebar div.sidebarMod div.prodThumbs h2, 
	div.sidebar div.sidebarMod div.prodList h2,
	div.main h2, 
	div.sidebar div.sidebarMod h2,
	div.colLeft h2, 
	div.colRight h2,
	div.mainWide h2,
	div.sidebar div.promo h2,
	form#register label span,
	form#brochureRequest label span,
	form#register table th,
	form#brochureRequest table th,
	div.main div.subIntro h2 {
		color: #fff;
	}

/* arial black font family */
	/*
	div#nav ul,
	div.sidebar div.homeHead h2,
	*/
	div.content h1,
	div.colLeft h2, 
	div.colRight h2, 
	div.main h2, 
	div.sidebar div.sidebarMod h2, 
	div.main div.subIntro h2, 
	div.sidebar div.sidebarMod div.bbot p, 
	div.content div.colRight div.bobIntro p, 
	div.mainWide h2, 
	/*
	div.sidebar div.promo p,
	*/
	div.sidebar div.sidebarMod div.buyOnline h2 a,
	div.sidebar div.sidebarMod div.bob ul li a strong,
	div.colRight div.sidebarMod div.bob ul h3,
	div.colRight div.sidebarMod div.bob ul li a.goLink,
	div.mainWide div.bob ul h3,
	div.mainWide div.bob ul li a.goLink,
	div.main div.ranges li a strong,
	div.main div.evolution div.bullets h3,
	div.colLeft ul.products li h3,
	p.roundedButton a, 
	p.roundedButton a:hover,
	/*
	div.sidebar div.promo h2,
	*/
	ul.homeTiers li a strong,
	div.main div.registerTop div.intro h2 {
		font-family: "arial black", arial, sans-serif;
	}

div.content h1 {
	font-size: 3.5em;
	margin: 0; padding: 0 0 0 65px;
	line-height: 0.9em;
	text-transform: uppercase;
	background: transparent url(../static-images/header-slash.gif) no-repeat 0 3px;
}

div.content div.main h1, div.content div.colLeft h1 {
	font-size: 2.8em;
	margin: 0 ; padding: 0 0 12px 50px;
	line-height: 0.9em;
	background: url(../static-images/header-slash-small.gif) no-repeat 0 3px;
}

div.main div.intro p {
	font-size: 1.3em;
	margin: 0 0 12px 0;
}

/* product thumbs module */
	
	div.sidebar div.sidebarMod div.prodThumbs, div.sidebar div.sidebarMod div.prodList, div.sidebar div.sidebarMod div.downloads {
		padding-bottom: 6px;
	}
	
	
	
	div.colLeft h2, div.colRight h2, div.main h2, div.sidebar div.sidebarMod h2, div.main div.subIntro h2, 
	div.sidebar div.sidebarMod div.bbot p, div.content div.colRight div.bobIntro p, div.mainWide h2, div.sidebar div.promo p {
		font-size: 1.8em;
		font-weight: bold;
		margin: 4px 0 4px 0; padding: 0;
	}
	
	div.content div.colRight div.bobIntro p {
		font-size: 1.6em;
	}

	div.sidebar div.sidebarMod div.prodThumbs table {
		border-collapse: collapse;
		font-size: 1.1em;
	}
	
	div.sidebar div.sidebarMod div.prodThumbs th {
		width: 65px;
	}
	
	div.sidebar div.sidebarMod div.prodThumbs td {
		width: 242px;
	}
	
	div.sidebar div.sidebarMod div.prodThumbs  th, div.sidebar div.sidebarMod div.prodThumbs  td {
		border-top: 1px solid #1b1b1b;
		padding: 5px 0 5px 0;
	}
	
	div.sidebar div.sidebarMod div.prodThumbs tr.first th, div.sidebar div.sidebarMod div.prodThumbs tr.first td {
		border-top: none;
	}	
	
	div.sidebar div.sidebarMod div.prodThumbs td a {
		font-weight: bold;
	}

/* product list module */
	
	div.sidebar div.sidebarMod div.prodList ul, div.sidebar div.sidebarMod div.downloads ul, div.dlSidebarMod ul {
		list-style: none;
		margin: 0; padding: 0;
		font-size: 1.1em;
	}
	
	div.sidebar div.sidebarMod div.prodList li, div.sidebar div.sidebarMod div.downloads ul li, div.dlSidebarMod li {
		display: block;
		padding: 0 0 6px 0;
		margin: 0;
	}
	
	div.sidebar div.sidebarMod div.prodList li a, div.sidebar div.sidebarMod div.downloads ul li a, div.dlSidebarMod ul li a {
		font-weight: bold;
		background: url(../static-images/list-item-chevron-bullet.gif) no-repeat 0 6px;
		padding: 0 0 0 14px;
	}

	div.sidebar div.sidebarMod div.prodList li {
		border-top: 1px solid #1b1b1b;
		padding: 3px 0;
	}

	div.sidebar div.sidebarMod div.prodList li.first {
		border-top: none;
	}

/* buy online module */

	div.sidebar div.sidebarMod div.buyOnline h2 {
		margin: 4px 0 0 0; padding: 0;
		font-size: 1em;
	}

	div.sidebar div.sidebarMod div.buyOnline h2 a {
		font-size: 3.1em;
		font-weight: bold;
		text-transform: uppercase;
		display: block;
		background: url(../static-images/go-link-arrow-light.gif) no-repeat right center;
		padding: 4px 28px 4px 0;
		height: auto !important; height: 1px;
		line-height: 0.9em;
	}
	
/* best of breed sidebar */

	div.sidebar div.sidebarMod div.bob ul {
		margin: 0 0 12px 0; padding: 0;
		list-style: none;
		font-size: 1.1em;
	}
	
	div.sidebar div.sidebarMod div.bob ul li {
		display: block;
		float: left;
		background: #1c260b url(../static-images/bob-sidebar-ev.jpg) no-repeat left center;
		margin: 0 0 2px 0; padding: 0;
		width: 310px;
		line-height:1.4em;
	}
	
	div.sidebar div.sidebarMod div.bob ul li a {
		display: block;
		min-height: 41px;
		width: 212px;
		padding: 12px 90px 15px 8px;
		color: #1c260b;
		
	}
	
	div.sidebar div.sidebarMod div.bob ul li a strong {
		display: block;
		font-size: 1.3em;
		margin: 0; padding: 0 0 3px 0;
	}

	div.sidebar div.sidebarMod div.bob ul li.prTCPls {
		background: #ccff00 url(../static-images/bob-sidebar-tcp.jpg) no-repeat left center;
	}
	
	div.sidebar div.sidebarMod div.bob ul li.prTC {
		background: #fff url(../static-images/bob-sidebar-tc.jpg) no-repeat left center;
	}
	
	div.sidebar div.sidebarMod div.bob ul li.prEv a {
		color: #fff;
	}


/* best of breed wide sidebar */
	
	div.colRight div.sidebarMod div.bob ul {
		margin: 12px 0 12px 0; padding: 0;
		list-style: none;
		font-size: 1em;
	}
	
	div.colRight div.sidebarMod div.bob ul h3 {
		margin: 0; padding: 12px 0 0 36px;
		font-size: 1.8em;
	}
	
	div.colRight div.sidebarMod div.bob ul p {
		font-size: 1.2em;
		margin: 0; padding: 8px 18px 6px 162px;
		line-height: 1.3em;
	}
	
	div.colRight div.sidebarMod div.bob ul li {
		display: block;
		min-height: 122px;
		background: url(../static-images/best-of-breed-wide-ev.gif) no-repeat left bottom;
		margin: 0 0 2px 0; padding: 0 0 6px 0;
		width: 470px;
		color: #1c260b;
		position: relative;
	}
	
	div.colRight div.sidebarMod div.bob ul li.prTCPls {
		background: url(../static-images/best-of-breed-wide-tcp.gif) no-repeat left bottom;
	}

	div.colRight div.sidebarMod div.bob ul li.prTC {
		background: url(../static-images/best-of-breed-wide-tc.gif) no-repeat left bottom;
	}

	div.colRight div.sidebarMod div.bob ul li.prEv {
		color: #fff;
	}
	
	div.colRight div.sidebarMod div.bob ul li a.goLink {
		position: absolute;
		top: 14px; right: 10px;
		background: url(../static-images/get-it-button-ev.gif) no-repeat;
		display: block;
		width: 60px;
		height: 19px;
		color: #1c260b;
		font-size: 1.2em;
		margin: 0; padding: 1px 0 0 0px;
		text-align: center;
	}
	
	div.colRight div.sidebarMod div.bob ul li.prTCPls a.goLink {
		background: url(../static-images/get-it-button-tcp.gif) no-repeat;
		color: #cf0;
	}

	div.colRight div.sidebarMod div.bob ul li.prTC a.goLink {
		background: url(../static-images/get-it-button-tc.gif) no-repeat;
		color: #cf0;
	}

/* best of breed full page width */
	
	div.mainWide div.bob ul {
		margin: 12px 0 12px 0; padding: 0;
		list-style: none;
		font-size: 1em;
	}
	
	div.mainWide div.bob ul h3 {
		margin: 0; padding: 7px 0 0 12px;
		font-size: 1.6em;
	}
	
	div.mainWide div.bob ul p {
		font-size: 1.1em;
		margin: 0; padding: 6px 12px 4px 146px;
	}
	
	div.mainWide div.bob ul li {
		display: block;
		min-height: 108px;
		background: #1c260b url(../static-images/hog-cutout-ev.jpg) no-repeat left bottom;
		margin: 0 0 2px 15px; padding: 0 0 6px 0;
		width: 310px;
		color: #fff;
		position: relative;
		float: left
	}
	
	div.mainWide div.bob ul li.first {
		margin-left: 0;
	}
	
	div.mainWide div.bob ul li.prTCPls {
		background: #cf0 url(../static-images/hog-cutout-tcp.jpg) no-repeat left bottom;
		color: #1c260b;
	}

	div.mainWide div.bob ul li.prTC {
		background: #fff url(../static-images/hog-cutout-tc.jpg) no-repeat left bottom;
		color: #1c260b;
	}

	div.mainWide div.bob ul li a.goLink {
		position: absolute;
		top: 8px; right: 10px;
		background: url(../static-images/get-it-button-ev.gif) no-repeat;
		display: block;
		width: 60px;
		height: 19px;
		color: #1c260b;
		font-size: 1.2em;
		margin: 0; padding: 1px 0 0 0px;
		text-align: center;
	}
	
	div.mainWide div.bob ul li.prTCPls a.goLink {
		background: url(../static-images/get-it-button-tcp.gif) no-repeat;
		color: #cf0;
	}

	div.mainWide div.bob ul li.prTC a.goLink {
		background: url(../static-images/get-it-button-tc.gif) no-repeat;
		color: #cf0;
	}
	
div.main div.intro div.left, div.main div.subIntro div.left {
	width: 310px;
	display: block;
	float: left;
	margin-right: 30px;
}

div.subIntro div.left {
	border-top: 3px solid #cf0;
	margin-top: 12px;
}

div.main div.intro div.right {
	width: 290px;
	display: block;
	float: left;
}

div.main div.intro ul.imgBox, div.sidebar ul.imgBox {
	list-style: none;
	margin: 0;
	padding: 0;
}

div.main div.intro ul.imgBox li, div.sidebar ul.imgBox li {
	display: block;
	float: left;
	margin-right: 5px;
	padding-bottom: 3px;
	width: auto;
}

div.main div.intro ul.imgBox li.first, div.sidebar ul.imgBox li.first {
	padding-bottom: 6px;
}

div.main div.intro ul.imgBox li.noMargin, div.sidebar ul.imgBox li.noMargin {
	margin-right: 0;
}


div.sidebar div.sidebarMod ul.imgBox {
	margin-top: 8px;
}

div.main div.ranges {
	/*background: url(../static-images/ranges-top-border.gif) no-repeat top left;*/
	border-top: 1px solid #4F4F4F;
	margin: 6px 0 0 0;
}

div.main h2 {
	padding: 6px 0 0 0;
	border-top: 1px solid #4F4F4F;
}

div.main div.intro h2 {
	border: none;
	font-size: 1.2em;
	margin: 0 0 6px 0; padding: 0;
	line-height: 0.9em;
}

div.main div.ranges h2 {
	border: none;
}

div.main div.ranges ul {
	margin: 0; padding: 0 0 8px 0;
	list-style: none;
	font-size: 1.1em;
}

div.main div.ranges ul li {
	float: left;
	display: block;
	width: 200px;
	margin: 0 10px 0 0;
	background: #cf0;
	font-size: 1.1em;
}

div.main div.ranges li a {
	display: block;
	width: 160px;
	padding: 12px 40px 10px 5px;
	line-height: 1.2em;
	min-height: 65px;	
} 

div.main div.ranges li a strong {
	display: block;
	padding-bottom: 3px;
	font-size: 1em;
	
} 


/*
div.main div.ranges li.prEv { background: #1c260b url(../static-images/evolution-bttn.gif) no-repeat 168px 28px; } 
div.main div.ranges li.prEv a { color: #fff; }
div.main div.ranges li.prTC { background: #fff url(../static-images/trade-choice-bttn.gif) no-repeat 168px 28px; } 
div.main div.ranges li.prTC a, div.main div.ranges li.prTCPls a { color: #1c260b; }
div.main div.ranges li.prTCPls { background: #cf0 url(../static-images/trade-choice-plus-bttn.gif) no-repeat 168px 28px; } 
*/

div.main div.ranges li.prEv { background: #1c260b url(../static-images/hog-evo.gif) no-repeat 0 50%; } 
div.main div.ranges li.prTC { background: #fff url(../static-images/hog-tc.gif) no-repeat 0 50%; } 
div.main div.ranges li.prTCPls { background: #cf0 url(../static-images/hog-tcp.gif) no-repeat 0 50%; } 

div.main div.ranges li.prEv a { color: #fff; background: url(../static-images/evolution-bttn.gif) no-repeat 168px 28px; }
div.main div.ranges li.prTC a { color: #fff; background: url(../static-images/trade-choice-bttn.gif) no-repeat 168px 28px; }
div.main div.ranges li.prTCPls a { color: #fff; background: url(../static-images/trade-choice-plus-bttn.gif) no-repeat 168px 28px; }


div.main div.ranges li.prTC a, div.main div.ranges li.prTCPls a { color: #1c260b; }




div.main div.intro div.right ul, div.main div.subText ul {
	list-style: none;
	margin: 6px 0 6px 0; padding: 0;
	font-size: 1.2em;
}
	
div.main div.intro div.right li, div.main div.subText ul li {
	display: block;
	margin: 0;
	background: url(../static-images/list-item-chevron-bullet-alt.gif) no-repeat 0 6px;
	padding: 0 0 4px 14px;
}

div.main div.intro div.right ul {
	font-size: 1.2em;
}

div.sidebar div.sidebarMod div.bbot p {
	padding-bottom: 8px;
}

div.main div.evolution {
	margin: 8px 0 0 0;
}

div.main div.evolution div.bullets {
	border-top: 1px solid #1b1b1b;
	padding: 6px 0 8px 0;
}

div.main div.evolution div.bullets.first {
	border-top: none;
}

div.main div.evolution div.bullets div.bullet {
	float: left;
	width: 180px;
}

div.main div.evolution div.bullets div.text {
	float: right;
	width: 440px;
}

div.main div.evolution div.bullets h3 {
	font-size: 2.4em;
	background: transparent url(../static-images/evolution-bullet-bg.gif) no-repeat 0 12px;
	margin: 0; padding: 6px 0 0 36px;
}

div.colLeft ul.products {
	margin: 0; padding: 6px 0 0 0;
	list-style: none;
	font-size: 1em;
}

div.colLeft ul.products li {
	padding: 0 0 6px 0;
}

div.colLeft ul.products li h3 {
	font-size: 1.6em;
	margin: 0; padding: 0 0 6px 0;
	text-transform: uppercase;
}

div.colLeft ul.products li p {
	font-size: 1.2em;
	margin: 0; padding: 0 0 6px 0;
	line-height:1.4em;
}

div.colLeft ul.products div {
	display: block;
	float: right;
	width: 360px;
	padding: 2px 0 0 0;
}

div.colLeft ul.products span {
	display: block;
	float: left;
	width: 100px;
}

div.mainWide div.tierRange ul {
	margin: 0; padding: 0 0 18px 0;
	list-style: none;
}

div.mainWide div.tierRange li {
	display: block;
	float: left;
	width: 310px;
	margin: 6px 15px 6px 0;
	/*background: #1C260B;*/
	line-height: 0.1em;
}

div.mainWide div.tierRange li.noMargin {
	margin-right: 0;
}

div.mainWide div.tierRange p {
	margin: 0; padding: 0;
	line-height: 1.1em;
	font-size: 1.1em;
}

div.mainWide div.tierRange li div.left {
	float: left;
	width: 100px;
}

div.mainWide div.tierRange li div.right {
	float: right;
	width: 210px;
}

div.mainWide div.tierRange p a {
	display: block;
	width: 190px;
	height: 100px;
	vertical-align: top; 
	padding: 10px 10px 0 10px;
	display: table-cell;
	color:#ffffff;
	font-size:0.8em;
}

div.mainWide div.tierRange p a span {
	background: url(../static-images/list-item-chevron-bullet-tier.gif) no-repeat 0 6px;
	padding: 0 0 5px 12px;
	display: block;
	color:#ccff00;
	font-size:1.1em;
}

p.roundedButton {
	margin: 0; padding: 0;
	background: #cf0;
	display: block;
	float: left;
	font-size: 1.2em;
	width: auto;
}

p.roundedButton a, p.roundedButton a:hover {
	color: #000;
	padding: 1px 8px 2px 14px;
	display: block;
	background: url(../static-images/lozenge-button-border.gif) repeat-y top left;
	position: relative;
}

p.roundedButton a span {
	position: absolute;
	height: 5px; width: 5px;
	display: block;
	font-size: 1px;
	overflow: hidden;
}

p.roundedButton a span.tr {	background: url(../static-images/lozenge-button-crnr-tr.gif) no-repeat top left; }
p.roundedButton a span.br {	background: url(../static-images/lozenge-button-crnr-br.gif) no-repeat top left; }
p.roundedButton a span.bl {	background: url(../static-images/lozenge-button-crnr-bl.gif) no-repeat top left; }
p.roundedButton a span.tl {	background: url(../static-images/lozenge-button-crnr-tl.gif) no-repeat top left; }

div.sidebar div.promo {
	margin-bottom: 12px;
	min-height: 90px;
	background-position: right center;
	background-repeat: no-repeat;
}

div.tmpHome div.sidebar div.promo {
	margin-top: 16px;
	padding-top: 8px;
}

div.sidebar div.promo img {
	float: right;
}


div.sidebar div.promo h2 {
	font-size: 2.8em;
	line-height: 0.85em;
	margin: 5px 0 0 0; padding: 0 82px 0 0;
	text-transform: uppercase;
}

div.sidebar div.promo p.promo {
	margin: 6px 0 0 0; padding: 0 126px 0 0;
	line-height: 0.9em;
}

div.sidebar div.promo p.roundedButton {
	font-size: 1.4em;
	margin: 12px 0 0 0; padding: 0;
}

/* holding styles */
div.homeFlash, div.homeSplash {
	width: 630px;
	height: auto !important; height: 370px;
	min-height: 370px;
	padding:0; margin:0; 
}

div.homeSplash {
	background: url(../static-images/hog-home.jpg) no-repeat;
}

div.homeSplash h2 {
	border: none;
	margin: 0; padding: 260px 0 0 0;
	font-size: 6.5em;
	line-height: 0.8em;
	text-transform: uppercase;
	color: #cf0;
}

div.homeSplash h2 em {
	font-style: normal;
	display: block;
	color: #fff;
}

ul.homeTiers {
	margin: 0 0 0 0; padding: 0;
	list-style: none;
}

ul.homeTiers li {
	width: 200px;
	margin: 0 0 0 15px; padding: 81px 0 0 0;
	float: left;
	background: url(../static-images/home-rollers.jpg) no-repeat;
}

ul.homeTiers li.first {
	margin: 0;
}

ul.homeTiers li.prEv a {
	background: #1c260b url(../static-images/home-pr-ev.jpg) no-repeat;
}

ul.homeTiers li.prTCPls a {
	background: #cf0 url(../static-images/home-pr-tcp.jpg) no-repeat;
}

ul.homeTiers li.prTC a {
	background: #fff url(../static-images/home-pr-tc.jpg) no-repeat;
}

ul.homeTiers li a {
	display: block; 
	min-height: 94px;
}

ul.homeTiers li a strong {
	display: block;
	font-size: 1.1em;
	color: #000;
	margin: 0 70px 0 0; padding: 12px 0 0 6px;
	color: #1c260b;
}

ul.homeTiers li a span {
	display: block;
	font-size: 0.9em;
	font-weight: bold;
	color: #000;
	padding: 5px 6px 8px 6px;
	color: #1c260b;
}

ul.homeTiers li.prEv a strong, ul.homeTiers li.prEv a span {
	color: #fff;
}

div.main div.play {
	margin: 6px 0 18px 0;
	padding: 8px 0 0 0;
	border-top: 3px solid #CCFF00;
}

div.main div.play.first {
	padding: 0;
	border: none;
	margin: 0 0 18px 0;
}

div.main div.play h2 {
	border: none;
	padding-top: 0; margin-top: 0;
}

div.main div.play div.intro p, div.main div.registerTop div.intro p {
	margin: 24px 0;
}

div.main div.play div.intro p.roundedButton {
	margin: 0;
	float: right;
	width: auto;
}

p.roundedButton a.noChev, p.roundedButton a.noChev:hover {
	background: none;
	padding: 1px 8px 2px 8px;
}

/* registration */

	div.main div.registerTop div.intro h2 {
		font-size: 1.8em;
		font-weight: bold;
		margin: 0 0 12px 0; padding: 0;
		line-height: 1.2em;
	}
	
	div.main div.registerTop div.intro div.right h2 {
		border: none;
	}

	div.main div.registerTop div.intro h3 {
		font: bold 1.2em "arial black",arial,sans-serif;
		padding:8px 0 4px;
	}

	form#register, form#fathogregistration, form#brochureRequest {
		display: block;
		margin: 24px 0 0 0; padding: 0;
	}
	
	form#register hr {
		background-color:#1b1b1b;
		color:#1b1b1b;
		height:1px;
		overflow: hidden;
		border: none;
		margin: 12px 0;
		width: auto;
	}
	
	form#register fieldset, form#fathogregistration fieldset, form#brochureRequest fieldset {
		margin: 12px 0; padding: 12px 0;
	}
	
	form#register label, form#fathogregistration label, form#brochureRequest label {
		font-size: 1.3em;
		font-weight: bold;
		display: block;
		margin: 0; padding: 0 0 6px 0;
	}
	
	form#register label.error, form#fathogregistration label.error, form#brochureRequest label.error {
		color:#bf0b0b;
		margin: 6px 0 0 0;
		padding: 0;
		font-size: 1.1em;
	}
	
	form#register select, form#brochureRequest select {
		width: 290px;
		padding: 4px;
		font-size: 1.2em;
	}

	form#register div.fields div.left input, form#fathogregistration div.fields div.left input, form#brochureRequest div.fields div.left input {
		width: 280px;
		padding: 4px;
		font-size: 1.2em;
	}
	
	form#register div.fields {
		
	}

	form#register div.fields div.left, form#fathogregistration div.fields div.left, form#brochureRequest div.fields div.left {
		width: 310px;
		float: left;
	}
	
	form#register table label.optinbox, form#brochureRequest table label.optinbox {
		position: absolute;
		top: 0; left: -9999px;
	}
	
	form#register table, form#brochureRequest table {
		font-size: 1em;
		border-collapse: collapse;
		margin: 0px 0 0 0;
	}
	
	form#register table tbody th {
		width: 310px;
	}
	
	form#brochureRequest div.optInLeft {
		float: left; 
		width: 590px; 
		font-size: 1.3em; 
		font-weight: bold; 
		color: #fff;
	}
	
	form#brochureRequest div.optInRight {
		float: right; 
		width: 30px;
	}
	
	form#register table tbody td, form#brochureRequest table tbody td {
		width: 107px;
	}
	
	form#register table th, form#brochureRequest table th {
		font-size: 1.3em;
		font-weight: bold;
		text-align: left;
	}
	
	form#register table th, form#register table td, form#brochureRequest table th, form#brochureRequest table td {
		margin: 0; padding: 4px 0 4px 0;
	}
	
	form#register table tbody th, form#register table tbody td, 
	form#brochureRequest table tbody th, form#brochureRequest table tbody td {
		border-top: 1px solid #1b1b1b;
	}
	
	form#register table tbody tr.first th, form#register table tbody tr.first td, 
	form#brochureRequest table tbody tr.first th, form#brochureRequest table tbody tr.first td {
		border-top: none;
	}
	
	form#register div.gender label, form#register div.dob label, form#register div.gender span.lbl {
		font-size: 1.3em;
		font-weight: bold;
		display: block;
		margin: 0; padding:6px 0 0 0;
		width:120px;
		clear:both;
	}
	
	form#register div.gender span.lbl span {
		color:#ffffff;
	}
	
	form#register div.dob select {
		width: 90px;
		padding: 4px;
		font-size: 1.2em;
		float:left;
		margin:5px 5px 0 0;
	}
	
	form#register div.dob {
		margin:0 0 20px 0;
		padding:0 0 15px 0;
	}

	form#register div.gender input {
		width: 45px !important;
		padding: 4px 4px 0 4px !important;
		margin:1px 2px 0 2px;
		font-size: 1.2em !important;
		float:left !important;
	}
	
	form#register p.roundedButton, form#brochureRequest p.roundedButton {
		float: right;
		margin: 6px 0 0 0;
		width: auto;
	}
	
	form#register input#btnFind, form#register input#btnFetch, form#fathogregistration input#resend, 
	form#brochureRequest input#btnFind, form#brochureRequest input#btnFetch, form#brochureRequest input#resend {
		float: left;
		display:inline;
		margin:0;
		padding:0 0 2px 0;
		border:0;
		height:26px;
		width: 150px;
		background: #000000 url(../static-images/button.gif) no-repeat;
		text-transform:uppercase;
		font-weight:bold;
		font-size: 1.1em;
	}
	
	form#register span#buttonhint1, form#register span#buttonhint2, form#brochureRequest span#buttonhint1, form#brochureRequest span#buttonhint2 {
		color:#bf0b0b;
		margin: 6px 0 0 0;
		padding: 0;
		font-size: 1.2em;
		font-weight:bold;
	}
	
	form#brochureRequest div.brochureTypeCheckboxes div.checkbox {
		float: left;
		width: 210px;
		padding-bottom: 6px;
	}
	
	form#brochureRequest div.brochureTypeCheckboxes div.checkbox label {
		display: inline;
		color: #fff;
	}
	form#brochureRequest div.brochureTypeCheckboxes div.checkbox label.error {
		color: #BF0B0B;
		display: block;
	}
	
	div.servermessages p {
		color:#bf0b0b;
	}
	
	div.servermessages h2 {
		color:#FFCFCF;
	}

div.vidContainer {
	margin: 0 0 18px 0;
}
	
div.vidContainer div.left {
	width: 490px;
	float: left;
	min-height: 412px;
}

div.vidContainer div.right {
	width: 138px;
	float: right;
}

div.vidContainer div.right ul {
	margin: 0; padding: 0;
	list-style: none;
	font-size: 1.1em;
}

div.vidContainer div.right ul li {
	display: block;
	margin: 0 0 2px 0;
	background: #1c260b;
}

div.vidContainer div.right ul li span {
	display: block;
	min-height: 35px;
	padding: 6px 8px 6px 20px;
	font-weight: bold;
	background: url(../static-images/list-item-chevron-bullet-tier.gif) no-repeat 6px 12px;
}

.makeLink {
	cursor: pointer;
}

/* google search styles */
div.gsc-tabsAreaInvisible { display: none; }

.gs-title {
	font-size: 1.2em;
	color: #CCFF00;
	padding-bottom: 5px;
	font-weight: bold;
}

.gs-visibleUrl-long {
	color: #fff;
	font-size: 1.1em;
	padding-bottom: 20px;
}

.gs-snippet {
	font-size: 1.2em;
}

.gs-visibleUrl-short, .gs-watermark, .gsc-branding, .gsc-tabsArea, .gsc-adBlock, .gsc-resultsHeader {
	display: none;
}

form.gsc-search-box {
	background: #000;
	padding:5px 0px;
	margin-bottom: 15px;
}

.gsc-cursor-page {
	display: inline;
	cursor: pointer;
	font-size: 1.2em;
	margin-right: 8px;
	text-decoration: underline;
}

.gsc-cursor-current-page {
	color: #CCFF00;
	font-weight: bold;
	text-decoration: none;
}

input.gsc-search-button {
	border: none;
	color: #000;
	background: url(../static-images/search-button.gif) no-repeat;
	width: 70px;
	height: 23px;
	font-size: 1.1em;
	font-weight: bold;
}

input.gsc-input {
	width: 530px !important;
	font-size: 1.1em;
	padding:6px 8px;
	border: none;
	margin-right: 10px;
}

td.gsc-input {
	width: 800px !important;
}

/* start contact form rules */
form#contact {
	display:block;
	margin:24px 0 40px;
	padding:0;
}

form#contact fieldset {
	border-top:1px solid #4F4F4F;
	margin:12px 0;
	padding:12px 0;
}

form#contact div.fields {

}

form#contact label {
	font-size:1.3em;
	font-weight:bold;
	margin:0;
	padding:0 0 6px;
	color:#CCFF00;
}

form#contact label span {
	color: #fff;
}

form#contact .left {
	float: left;
	width: 160px;
}

form#contact .right {
	float: left;
	width: 440px;
}

form#contact hr {
	border: none;
	background: #1b1b1b;
	color: #1B1B1B;
	height: 1px;
	margin: 12px 0;
	padding: 0px;
	display: block;
	line-height: 0px;
	font-size: 0px;
}

form#contact div.fields div.right input {
	font-size: 1.2em;
	padding: 4px;
	width: 400px;
}

form#contact #enquiry {
	width: 405px;
}

form#contact label.error {
	display: block;
	color: #bf0b0b;
	font-size: 1.1em;
	margin: 6px 0 0;
	padding: 0;
}

form#contact textarea {
	font-size: 1.2em;
}

form#contact #fathogRecaptcha label.error {
	display: none;
}
/* end contact form rules */